@import url("variables");
.containerMarcas,
.footer-container,
.footer-container .news-container,
.footer-container .footer-primary-container,
.products-grid .item .product-image-wrapper,
.products-grid .item .product-image-wrapper .product-image,
.block-layered-nav .blocos,
.category-description .blocos,
#atributos-principal,
#atributos-principal .cores-lista-atributos,
#atributos-principal .outros-lista-atributos,
#instagram-wrap,
#instagram-wrap #instafeed {
float: left;
width: 100%;
clear: both;
}
.containerMarcas:after,
.footer-container:after,
.footer-container .news-container:after,
.footer-container .footer-primary-container:after,
.products-grid .item .product-image-wrapper:after,
.products-grid .item .product-image-wrapper .product-image:after,
.block-layered-nav .blocos:after,
.category-description .blocos:after,
#atributos-principal:after,
#atributos-principal .cores-lista-atributos:after,
#atributos-principal .outros-lista-atributos:after,
#instagram-wrap:after,
#instagram-wrap #instafeed:after {
content: "";
display: table;
line-height: 0;
clear: both;
}
[class*="grid12-"] {
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 0;
}
@media screen and (min-width: 770px) {
.grid12-1 {
width: 8.3333333%;
padding: 0 15px;
}
.grid12-2 {
width: 16.6666667%;
padding: 0 15px;
}
.grid12-3 {
width: 25%;
padding: 0 15px;
}
.grid12-4 {
width: 33.3333333%;
padding: 0 15px;
}
.grid12-5 {
width: 41.6666667%;
padding: 0 15px;
}
.grid12-6 {
width: 50%;
padding: 0 15px;
}
.grid12-7 {
width: 58.3333333%;
padding: 0 15px;
}
.grid12-8 {
width: 66.6666667%;
padding: 0 15px;
}
.grid12-9 {
width: 75%;
padding: 0 15px;
}
.grid12-10 {
width: 83.3333333%;
padding: 0 15px;
}
.grid12-11 {
width: 91.6666667%;
padding: 0 15px;
}
.grid12-12 {
width: 100%;
padding: 0 15px;
}
}
.mt1 {
margin-top: 1px !important;
}
.ml1 {
margin-left: 1px !important;
}
.mr1 {
margin-right: 1px !important;
}
.mb1 {
margin-bottom: 1px !important;
}
.mt2 {
margin-top: 2px !important;
}
.ml2 {
margin-left: 2px !important;
}
.mr2 {
margin-right: 2px !important;
}
.mb2 {
margin-bottom: 2px !important;
}
.mt3 {
margin-top: 3px !important;
}
.ml3 {
margin-left: 3px !important;
}
.mr3 {
margin-right: 3px !important;
}
.mb3 {
margin-bottom: 3px !important;
}
.mt4 {
margin-top: 4px !important;
}
.ml4 {
margin-left: 4px !important;
}
.mr4 {
margin-right: 4px !important;
}
.mb4 {
margin-bottom: 4px !important;
}
.mt5 {
margin-top: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mt6 {
margin-top: 6px !important;
}
.ml6 {
margin-left: 6px !important;
}
.mr6 {
margin-right: 6px !important;
}
.mb6 {
margin-bottom: 6px !important;
}
.mt7 {
margin-top: 7px !important;
}
.ml7 {
margin-left: 7px !important;
}
.mr7 {
margin-right: 7px !important;
}
.mb7 {
margin-bottom: 7px !important;
}
.mt8 {
margin-top: 8px !important;
}
.ml8 {
margin-left: 8px !important;
}
.mr8 {
margin-right: 8px !important;
}
.mb8 {
margin-bottom: 8px !important;
}
.mt9 {
margin-top: 9px !important;
}
.ml9 {
margin-left: 9px !important;
}
.mr9 {
margin-right: 9px !important;
}
.mb9 {
margin-bottom: 9px !important;
}
.mt10 {
margin-top: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mt11 {
margin-top: 11px !important;
}
.ml11 {
margin-left: 11px !important;
}
.mr11 {
margin-right: 11px !important;
}
.mb11 {
margin-bottom: 11px !important;
}
.mt12 {
margin-top: 12px !important;
}
.ml12 {
margin-left: 12px !important;
}
.mr12 {
margin-right: 12px !important;
}
.mb12 {
margin-bottom: 12px !important;
}
.mt13 {
margin-top: 13px !important;
}
.ml13 {
margin-left: 13px !important;
}
.mr13 {
margin-right: 13px !important;
}
.mb13 {
margin-bottom: 13px !important;
}
.mt14 {
margin-top: 14px !important;
}
.ml14 {
margin-left: 14px !important;
}
.mr14 {
margin-right: 14px !important;
}
.mb14 {
margin-bottom: 14px !important;
}
.mt15 {
margin-top: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mt16 {
margin-top: 16px !important;
}
.ml16 {
margin-left: 16px !important;
}
.mr16 {
margin-right: 16px !important;
}
.mb16 {
margin-bottom: 16px !important;
}
.mt17 {
margin-top: 17px !important;
}
.ml17 {
margin-left: 17px !important;
}
.mr17 {
margin-right: 17px !important;
}
.mb17 {
margin-bottom: 17px !important;
}
.mt18 {
margin-top: 18px !important;
}
.ml18 {
margin-left: 18px !important;
}
.mr18 {
margin-right: 18px !important;
}
.mb18 {
margin-bottom: 18px !important;
}
.mt19 {
margin-top: 19px !important;
}
.ml19 {
margin-left: 19px !important;
}
.mr19 {
margin-right: 19px !important;
}
.mb19 {
margin-bottom: 19px !important;
}
.mt20 {
margin-top: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mt21 {
margin-top: 21px !important;
}
.ml21 {
margin-left: 21px !important;
}
.mr21 {
margin-right: 21px !important;
}
.mb21 {
margin-bottom: 21px !important;
}
.mt22 {
margin-top: 22px !important;
}
.ml22 {
margin-left: 22px !important;
}
.mr22 {
margin-right: 22px !important;
}
.mb22 {
margin-bottom: 22px !important;
}
.mt23 {
margin-top: 23px !important;
}
.ml23 {
margin-left: 23px !important;
}
.mr23 {
margin-right: 23px !important;
}
.mb23 {
margin-bottom: 23px !important;
}
.mt24 {
margin-top: 24px !important;
}
.ml24 {
margin-left: 24px !important;
}
.mr24 {
margin-right: 24px !important;
}
.mb24 {
margin-bottom: 24px !important;
}
.mt25 {
margin-top: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mt26 {
margin-top: 26px !important;
}
.ml26 {
margin-left: 26px !important;
}
.mr26 {
margin-right: 26px !important;
}
.mb26 {
margin-bottom: 26px !important;
}
.mt27 {
margin-top: 27px !important;
}
.ml27 {
margin-left: 27px !important;
}
.mr27 {
margin-right: 27px !important;
}
.mb27 {
margin-bottom: 27px !important;
}
.mt28 {
margin-top: 28px !important;
}
.ml28 {
margin-left: 28px !important;
}
.mr28 {
margin-right: 28px !important;
}
.mb28 {
margin-bottom: 28px !important;
}
.mt29 {
margin-top: 29px !important;
}
.ml29 {
margin-left: 29px !important;
}
.mr29 {
margin-right: 29px !important;
}
.mb29 {
margin-bottom: 29px !important;
}
.mt30 {
margin-top: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mt31 {
margin-top: 31px !important;
}
.ml31 {
margin-left: 31px !important;
}
.mr31 {
margin-right: 31px !important;
}
.mb31 {
margin-bottom: 31px !important;
}
.mt32 {
margin-top: 32px !important;
}
.ml32 {
margin-left: 32px !important;
}
.mr32 {
margin-right: 32px !important;
}
.mb32 {
margin-bottom: 32px !important;
}
.mt33 {
margin-top: 33px !important;
}
.ml33 {
margin-left: 33px !important;
}
.mr33 {
margin-right: 33px !important;
}
.mb33 {
margin-bottom: 33px !important;
}
.mt34 {
margin-top: 34px !important;
}
.ml34 {
margin-left: 34px !important;
}
.mr34 {
margin-right: 34px !important;
}
.mb34 {
margin-bottom: 34px !important;
}
.mt35 {
margin-top: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mt36 {
margin-top: 36px !important;
}
.ml36 {
margin-left: 36px !important;
}
.mr36 {
margin-right: 36px !important;
}
.mb36 {
margin-bottom: 36px !important;
}
.mt37 {
margin-top: 37px !important;
}
.ml37 {
margin-left: 37px !important;
}
.mr37 {
margin-right: 37px !important;
}
.mb37 {
margin-bottom: 37px !important;
}
.mt38 {
margin-top: 38px !important;
}
.ml38 {
margin-left: 38px !important;
}
.mr38 {
margin-right: 38px !important;
}
.mb38 {
margin-bottom: 38px !important;
}
.mt39 {
margin-top: 39px !important;
}
.ml39 {
margin-left: 39px !important;
}
.mr39 {
margin-right: 39px !important;
}
.mb39 {
margin-bottom: 39px !important;
}
.mt40 {
margin-top: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mt41 {
margin-top: 41px !important;
}
.ml41 {
margin-left: 41px !important;
}
.mr41 {
margin-right: 41px !important;
}
.mb41 {
margin-bottom: 41px !important;
}
.mt42 {
margin-top: 42px !important;
}
.ml42 {
margin-left: 42px !important;
}
.mr42 {
margin-right: 42px !important;
}
.mb42 {
margin-bottom: 42px !important;
}
.mt43 {
margin-top: 43px !important;
}
.ml43 {
margin-left: 43px !important;
}
.mr43 {
margin-right: 43px !important;
}
.mb43 {
margin-bottom: 43px !important;
}
.mt44 {
margin-top: 44px !important;
}
.ml44 {
margin-left: 44px !important;
}
.mr44 {
margin-right: 44px !important;
}
.mb44 {
margin-bottom: 44px !important;
}
.mt45 {
margin-top: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mt46 {
margin-top: 46px !important;
}
.ml46 {
margin-left: 46px !important;
}
.mr46 {
margin-right: 46px !important;
}
.mb46 {
margin-bottom: 46px !important;
}
.mt47 {
margin-top: 47px !important;
}
.ml47 {
margin-left: 47px !important;
}
.mr47 {
margin-right: 47px !important;
}
.mb47 {
margin-bottom: 47px !important;
}
.mt48 {
margin-top: 48px !important;
}
.ml48 {
margin-left: 48px !important;
}
.mr48 {
margin-right: 48px !important;
}
.mb48 {
margin-bottom: 48px !important;
}
.mt49 {
margin-top: 49px !important;
}
.ml49 {
margin-left: 49px !important;
}
.mr49 {
margin-right: 49px !important;
}
.mb49 {
margin-bottom: 49px !important;
}
.mt50 {
margin-top: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mt51 {
margin-top: 51px !important;
}
.ml51 {
margin-left: 51px !important;
}
.mr51 {
margin-right: 51px !important;
}
.mb51 {
margin-bottom: 51px !important;
}
.mt52 {
margin-top: 52px !important;
}
.ml52 {
margin-left: 52px !important;
}
.mr52 {
margin-right: 52px !important;
}
.mb52 {
margin-bottom: 52px !important;
}
.mt53 {
margin-top: 53px !important;
}
.ml53 {
margin-left: 53px !important;
}
.mr53 {
margin-right: 53px !important;
}
.mb53 {
margin-bottom: 53px !important;
}
.mt54 {
margin-top: 54px !important;
}
.ml54 {
margin-left: 54px !important;
}
.mr54 {
margin-right: 54px !important;
}
.mb54 {
margin-bottom: 54px !important;
}
.mt55 {
margin-top: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.mt56 {
margin-top: 56px !important;
}
.ml56 {
margin-left: 56px !important;
}
.mr56 {
margin-right: 56px !important;
}
.mb56 {
margin-bottom: 56px !important;
}
.mt57 {
margin-top: 57px !important;
}
.ml57 {
margin-left: 57px !important;
}
.mr57 {
margin-right: 57px !important;
}
.mb57 {
margin-bottom: 57px !important;
}
.mt58 {
margin-top: 58px !important;
}
.ml58 {
margin-left: 58px !important;
}
.mr58 {
margin-right: 58px !important;
}
.mb58 {
margin-bottom: 58px !important;
}
.mt59 {
margin-top: 59px !important;
}
.ml59 {
margin-left: 59px !important;
}
.mr59 {
margin-right: 59px !important;
}
.mb59 {
margin-bottom: 59px !important;
}
.mt60 {
margin-top: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mt61 {
margin-top: 61px !important;
}
.ml61 {
margin-left: 61px !important;
}
.mr61 {
margin-right: 61px !important;
}
.mb61 {
margin-bottom: 61px !important;
}
.mt62 {
margin-top: 62px !important;
}
.ml62 {
margin-left: 62px !important;
}
.mr62 {
margin-right: 62px !important;
}
.mb62 {
margin-bottom: 62px !important;
}
.mt63 {
margin-top: 63px !important;
}
.ml63 {
margin-left: 63px !important;
}
.mr63 {
margin-right: 63px !important;
}
.mb63 {
margin-bottom: 63px !important;
}
.mt64 {
margin-top: 64px !important;
}
.ml64 {
margin-left: 64px !important;
}
.mr64 {
margin-right: 64px !important;
}
.mb64 {
margin-bottom: 64px !important;
}
.mt65 {
margin-top: 65px !important;
}
.ml65 {
margin-left: 65px !important;
}
.mr65 {
margin-right: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.mt66 {
margin-top: 66px !important;
}
.ml66 {
margin-left: 66px !important;
}
.mr66 {
margin-right: 66px !important;
}
.mb66 {
margin-bottom: 66px !important;
}
.mt67 {
margin-top: 67px !important;
}
.ml67 {
margin-left: 67px !important;
}
.mr67 {
margin-right: 67px !important;
}
.mb67 {
margin-bottom: 67px !important;
}
.mt68 {
margin-top: 68px !important;
}
.ml68 {
margin-left: 68px !important;
}
.mr68 {
margin-right: 68px !important;
}
.mb68 {
margin-bottom: 68px !important;
}
.mt69 {
margin-top: 69px !important;
}
.ml69 {
margin-left: 69px !important;
}
.mr69 {
margin-right: 69px !important;
}
.mb69 {
margin-bottom: 69px !important;
}
.mt70 {
margin-top: 70px !important;
}
.ml70 {
margin-left: 70px !important;
}
.mr70 {
margin-right: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mt71 {
margin-top: 71px !important;
}
.ml71 {
margin-left: 71px !important;
}
.mr71 {
margin-right: 71px !important;
}
.mb71 {
margin-bottom: 71px !important;
}
.mt72 {
margin-top: 72px !important;
}
.ml72 {
margin-left: 72px !important;
}
.mr72 {
margin-right: 72px !important;
}
.mb72 {
margin-bottom: 72px !important;
}
.mt73 {
margin-top: 73px !important;
}
.ml73 {
margin-left: 73px !important;
}
.mr73 {
margin-right: 73px !important;
}
.mb73 {
margin-bottom: 73px !important;
}
.mt74 {
margin-top: 74px !important;
}
.ml74 {
margin-left: 74px !important;
}
.mr74 {
margin-right: 74px !important;
}
.mb74 {
margin-bottom: 74px !important;
}
.mt75 {
margin-top: 75px !important;
}
.ml75 {
margin-left: 75px !important;
}
.mr75 {
margin-right: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.mt76 {
margin-top: 76px !important;
}
.ml76 {
margin-left: 76px !important;
}
.mr76 {
margin-right: 76px !important;
}
.mb76 {
margin-bottom: 76px !important;
}
.mt77 {
margin-top: 77px !important;
}
.ml77 {
margin-left: 77px !important;
}
.mr77 {
margin-right: 77px !important;
}
.mb77 {
margin-bottom: 77px !important;
}
.mt78 {
margin-top: 78px !important;
}
.ml78 {
margin-left: 78px !important;
}
.mr78 {
margin-right: 78px !important;
}
.mb78 {
margin-bottom: 78px !important;
}
.mt79 {
margin-top: 79px !important;
}
.ml79 {
margin-left: 79px !important;
}
.mr79 {
margin-right: 79px !important;
}
.mb79 {
margin-bottom: 79px !important;
}
.mt80 {
margin-top: 80px !important;
}
.ml80 {
margin-left: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mt81 {
margin-top: 81px !important;
}
.ml81 {
margin-left: 81px !important;
}
.mr81 {
margin-right: 81px !important;
}
.mb81 {
margin-bottom: 81px !important;
}
.mt82 {
margin-top: 82px !important;
}
.ml82 {
margin-left: 82px !important;
}
.mr82 {
margin-right: 82px !important;
}
.mb82 {
margin-bottom: 82px !important;
}
.mt83 {
margin-top: 83px !important;
}
.ml83 {
margin-left: 83px !important;
}
.mr83 {
margin-right: 83px !important;
}
.mb83 {
margin-bottom: 83px !important;
}
.mt84 {
margin-top: 84px !important;
}
.ml84 {
margin-left: 84px !important;
}
.mr84 {
margin-right: 84px !important;
}
.mb84 {
margin-bottom: 84px !important;
}
.mt85 {
margin-top: 85px !important;
}
.ml85 {
margin-left: 85px !important;
}
.mr85 {
margin-right: 85px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.mt86 {
margin-top: 86px !important;
}
.ml86 {
margin-left: 86px !important;
}
.mr86 {
margin-right: 86px !important;
}
.mb86 {
margin-bottom: 86px !important;
}
.mt87 {
margin-top: 87px !important;
}
.ml87 {
margin-left: 87px !important;
}
.mr87 {
margin-right: 87px !important;
}
.mb87 {
margin-bottom: 87px !important;
}
.mt88 {
margin-top: 88px !important;
}
.ml88 {
margin-left: 88px !important;
}
.mr88 {
margin-right: 88px !important;
}
.mb88 {
margin-bottom: 88px !important;
}
.mt89 {
margin-top: 89px !important;
}
.ml89 {
margin-left: 89px !important;
}
.mr89 {
margin-right: 89px !important;
}
.mb89 {
margin-bottom: 89px !important;
}
.mt90 {
margin-top: 90px !important;
}
.ml90 {
margin-left: 90px !important;
}
.mr90 {
margin-right: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.mt91 {
margin-top: 91px !important;
}
.ml91 {
margin-left: 91px !important;
}
.mr91 {
margin-right: 91px !important;
}
.mb91 {
margin-bottom: 91px !important;
}
.mt92 {
margin-top: 92px !important;
}
.ml92 {
margin-left: 92px !important;
}
.mr92 {
margin-right: 92px !important;
}
.mb92 {
margin-bottom: 92px !important;
}
.mt93 {
margin-top: 93px !important;
}
.ml93 {
margin-left: 93px !important;
}
.mr93 {
margin-right: 93px !important;
}
.mb93 {
margin-bottom: 93px !important;
}
.mt94 {
margin-top: 94px !important;
}
.ml94 {
margin-left: 94px !important;
}
.mr94 {
margin-right: 94px !important;
}
.mb94 {
margin-bottom: 94px !important;
}
.mt95 {
margin-top: 95px !important;
}
.ml95 {
margin-left: 95px !important;
}
.mr95 {
margin-right: 95px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.mt96 {
margin-top: 96px !important;
}
.ml96 {
margin-left: 96px !important;
}
.mr96 {
margin-right: 96px !important;
}
.mb96 {
margin-bottom: 96px !important;
}
.mt97 {
margin-top: 97px !important;
}
.ml97 {
margin-left: 97px !important;
}
.mr97 {
margin-right: 97px !important;
}
.mb97 {
margin-bottom: 97px !important;
}
.mt98 {
margin-top: 98px !important;
}
.ml98 {
margin-left: 98px !important;
}
.mr98 {
margin-right: 98px !important;
}
.mb98 {
margin-bottom: 98px !important;
}
.mt99 {
margin-top: 99px !important;
}
.ml99 {
margin-left: 99px !important;
}
.mr99 {
margin-right: 99px !important;
}
.mb99 {
margin-bottom: 99px !important;
}
.mt100 {
margin-top: 100px !important;
}
.ml100 {
margin-left: 100px !important;
}
.mr100 {
margin-right: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.pt1 {
padding-top: 1px !important;
}
.pl1 {
padding-left: 1px !important;
}
.pr1 {
padding-right: 1px !important;
}
.pb1 {
padding-bottom: 1px !important;
}
.pt2 {
padding-top: 2px !important;
}
.pl2 {
padding-left: 2px !important;
}
.pr2 {
padding-right: 2px !important;
}
.pb2 {
padding-bottom: 2px !important;
}
.pt3 {
padding-top: 3px !important;
}
.pl3 {
padding-left: 3px !important;
}
.pr3 {
padding-right: 3px !important;
}
.pb3 {
padding-bottom: 3px !important;
}
.pt4 {
padding-top: 4px !important;
}
.pl4 {
padding-left: 4px !important;
}
.pr4 {
padding-right: 4px !important;
}
.pb4 {
padding-bottom: 4px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pt6 {
padding-top: 6px !important;
}
.pl6 {
padding-left: 6px !important;
}
.pr6 {
padding-right: 6px !important;
}
.pb6 {
padding-bottom: 6px !important;
}
.pt7 {
padding-top: 7px !important;
}
.pl7 {
padding-left: 7px !important;
}
.pr7 {
padding-right: 7px !important;
}
.pb7 {
padding-bottom: 7px !important;
}
.pt8 {
padding-top: 8px !important;
}
.pl8 {
padding-left: 8px !important;
}
.pr8 {
padding-right: 8px !important;
}
.pb8 {
padding-bottom: 8px !important;
}
.pt9 {
padding-top: 9px !important;
}
.pl9 {
padding-left: 9px !important;
}
.pr9 {
padding-right: 9px !important;
}
.pb9 {
padding-bottom: 9px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pt11 {
padding-top: 11px !important;
}
.pl11 {
padding-left: 11px !important;
}
.pr11 {
padding-right: 11px !important;
}
.pb11 {
padding-bottom: 11px !important;
}
.pt12 {
padding-top: 12px !important;
}
.pl12 {
padding-left: 12px !important;
}
.pr12 {
padding-right: 12px !important;
}
.pb12 {
padding-bottom: 12px !important;
}
.pt13 {
padding-top: 13px !important;
}
.pl13 {
padding-left: 13px !important;
}
.pr13 {
padding-right: 13px !important;
}
.pb13 {
padding-bottom: 13px !important;
}
.pt14 {
padding-top: 14px !important;
}
.pl14 {
padding-left: 14px !important;
}
.pr14 {
padding-right: 14px !important;
}
.pb14 {
padding-bottom: 14px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pt16 {
padding-top: 16px !important;
}
.pl16 {
padding-left: 16px !important;
}
.pr16 {
padding-right: 16px !important;
}
.pb16 {
padding-bottom: 16px !important;
}
.pt17 {
padding-top: 17px !important;
}
.pl17 {
padding-left: 17px !important;
}
.pr17 {
padding-right: 17px !important;
}
.pb17 {
padding-bottom: 17px !important;
}
.pt18 {
padding-top: 18px !important;
}
.pl18 {
padding-left: 18px !important;
}
.pr18 {
padding-right: 18px !important;
}
.pb18 {
padding-bottom: 18px !important;
}
.pt19 {
padding-top: 19px !important;
}
.pl19 {
padding-left: 19px !important;
}
.pr19 {
padding-right: 19px !important;
}
.pb19 {
padding-bottom: 19px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pt21 {
padding-top: 21px !important;
}
.pl21 {
padding-left: 21px !important;
}
.pr21 {
padding-right: 21px !important;
}
.pb21 {
padding-bottom: 21px !important;
}
.pt22 {
padding-top: 22px !important;
}
.pl22 {
padding-left: 22px !important;
}
.pr22 {
padding-right: 22px !important;
}
.pb22 {
padding-bottom: 22px !important;
}
.pt23 {
padding-top: 23px !important;
}
.pl23 {
padding-left: 23px !important;
}
.pr23 {
padding-right: 23px !important;
}
.pb23 {
padding-bottom: 23px !important;
}
.pt24 {
padding-top: 24px !important;
}
.pl24 {
padding-left: 24px !important;
}
.pr24 {
padding-right: 24px !important;
}
.pb24 {
padding-bottom: 24px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pt26 {
padding-top: 26px !important;
}
.pl26 {
padding-left: 26px !important;
}
.pr26 {
padding-right: 26px !important;
}
.pb26 {
padding-bottom: 26px !important;
}
.pt27 {
padding-top: 27px !important;
}
.pl27 {
padding-left: 27px !important;
}
.pr27 {
padding-right: 27px !important;
}
.pb27 {
padding-bottom: 27px !important;
}
.pt28 {
padding-top: 28px !important;
}
.pl28 {
padding-left: 28px !important;
}
.pr28 {
padding-right: 28px !important;
}
.pb28 {
padding-bottom: 28px !important;
}
.pt29 {
padding-top: 29px !important;
}
.pl29 {
padding-left: 29px !important;
}
.pr29 {
padding-right: 29px !important;
}
.pb29 {
padding-bottom: 29px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pt31 {
padding-top: 31px !important;
}
.pl31 {
padding-left: 31px !important;
}
.pr31 {
padding-right: 31px !important;
}
.pb31 {
padding-bottom: 31px !important;
}
.pt32 {
padding-top: 32px !important;
}
.pl32 {
padding-left: 32px !important;
}
.pr32 {
padding-right: 32px !important;
}
.pb32 {
padding-bottom: 32px !important;
}
.pt33 {
padding-top: 33px !important;
}
.pl33 {
padding-left: 33px !important;
}
.pr33 {
padding-right: 33px !important;
}
.pb33 {
padding-bottom: 33px !important;
}
.pt34 {
padding-top: 34px !important;
}
.pl34 {
padding-left: 34px !important;
}
.pr34 {
padding-right: 34px !important;
}
.pb34 {
padding-bottom: 34px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pl35 {
padding-left: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pt36 {
padding-top: 36px !important;
}
.pl36 {
padding-left: 36px !important;
}
.pr36 {
padding-right: 36px !important;
}
.pb36 {
padding-bottom: 36px !important;
}
.pt37 {
padding-top: 37px !important;
}
.pl37 {
padding-left: 37px !important;
}
.pr37 {
padding-right: 37px !important;
}
.pb37 {
padding-bottom: 37px !important;
}
.pt38 {
padding-top: 38px !important;
}
.pl38 {
padding-left: 38px !important;
}
.pr38 {
padding-right: 38px !important;
}
.pb38 {
padding-bottom: 38px !important;
}
.pt39 {
padding-top: 39px !important;
}
.pl39 {
padding-left: 39px !important;
}
.pr39 {
padding-right: 39px !important;
}
.pb39 {
padding-bottom: 39px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pt41 {
padding-top: 41px !important;
}
.pl41 {
padding-left: 41px !important;
}
.pr41 {
padding-right: 41px !important;
}
.pb41 {
padding-bottom: 41px !important;
}
.pt42 {
padding-top: 42px !important;
}
.pl42 {
padding-left: 42px !important;
}
.pr42 {
padding-right: 42px !important;
}
.pb42 {
padding-bottom: 42px !important;
}
.pt43 {
padding-top: 43px !important;
}
.pl43 {
padding-left: 43px !important;
}
.pr43 {
padding-right: 43px !important;
}
.pb43 {
padding-bottom: 43px !important;
}
.pt44 {
padding-top: 44px !important;
}
.pl44 {
padding-left: 44px !important;
}
.pr44 {
padding-right: 44px !important;
}
.pb44 {
padding-bottom: 44px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pl45 {
padding-left: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pt46 {
padding-top: 46px !important;
}
.pl46 {
padding-left: 46px !important;
}
.pr46 {
padding-right: 46px !important;
}
.pb46 {
padding-bottom: 46px !important;
}
.pt47 {
padding-top: 47px !important;
}
.pl47 {
padding-left: 47px !important;
}
.pr47 {
padding-right: 47px !important;
}
.pb47 {
padding-bottom: 47px !important;
}
.pt48 {
padding-top: 48px !important;
}
.pl48 {
padding-left: 48px !important;
}
.pr48 {
padding-right: 48px !important;
}
.pb48 {
padding-bottom: 48px !important;
}
.pt49 {
padding-top: 49px !important;
}
.pl49 {
padding-left: 49px !important;
}
.pr49 {
padding-right: 49px !important;
}
.pb49 {
padding-bottom: 49px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pt51 {
padding-top: 51px !important;
}
.pl51 {
padding-left: 51px !important;
}
.pr51 {
padding-right: 51px !important;
}
.pb51 {
padding-bottom: 51px !important;
}
.pt52 {
padding-top: 52px !important;
}
.pl52 {
padding-left: 52px !important;
}
.pr52 {
padding-right: 52px !important;
}
.pb52 {
padding-bottom: 52px !important;
}
.pt53 {
padding-top: 53px !important;
}
.pl53 {
padding-left: 53px !important;
}
.pr53 {
padding-right: 53px !important;
}
.pb53 {
padding-bottom: 53px !important;
}
.pt54 {
padding-top: 54px !important;
}
.pl54 {
padding-left: 54px !important;
}
.pr54 {
padding-right: 54px !important;
}
.pb54 {
padding-bottom: 54px !important;
}
.pt55 {
padding-top: 55px !important;
}
.pl55 {
padding-left: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.pt56 {
padding-top: 56px !important;
}
.pl56 {
padding-left: 56px !important;
}
.pr56 {
padding-right: 56px !important;
}
.pb56 {
padding-bottom: 56px !important;
}
.pt57 {
padding-top: 57px !important;
}
.pl57 {
padding-left: 57px !important;
}
.pr57 {
padding-right: 57px !important;
}
.pb57 {
padding-bottom: 57px !important;
}
.pt58 {
padding-top: 58px !important;
}
.pl58 {
padding-left: 58px !important;
}
.pr58 {
padding-right: 58px !important;
}
.pb58 {
padding-bottom: 58px !important;
}
.pt59 {
padding-top: 59px !important;
}
.pl59 {
padding-left: 59px !important;
}
.pr59 {
padding-right: 59px !important;
}
.pb59 {
padding-bottom: 59px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.pt61 {
padding-top: 61px !important;
}
.pl61 {
padding-left: 61px !important;
}
.pr61 {
padding-right: 61px !important;
}
.pb61 {
padding-bottom: 61px !important;
}
.pt62 {
padding-top: 62px !important;
}
.pl62 {
padding-left: 62px !important;
}
.pr62 {
padding-right: 62px !important;
}
.pb62 {
padding-bottom: 62px !important;
}
.pt63 {
padding-top: 63px !important;
}
.pl63 {
padding-left: 63px !important;
}
.pr63 {
padding-right: 63px !important;
}
.pb63 {
padding-bottom: 63px !important;
}
.pt64 {
padding-top: 64px !important;
}
.pl64 {
padding-left: 64px !important;
}
.pr64 {
padding-right: 64px !important;
}
.pb64 {
padding-bottom: 64px !important;
}
.pt65 {
padding-top: 65px !important;
}
.pl65 {
padding-left: 65px !important;
}
.pr65 {
padding-right: 65px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.pt66 {
padding-top: 66px !important;
}
.pl66 {
padding-left: 66px !important;
}
.pr66 {
padding-right: 66px !important;
}
.pb66 {
padding-bottom: 66px !important;
}
.pt67 {
padding-top: 67px !important;
}
.pl67 {
padding-left: 67px !important;
}
.pr67 {
padding-right: 67px !important;
}
.pb67 {
padding-bottom: 67px !important;
}
.pt68 {
padding-top: 68px !important;
}
.pl68 {
padding-left: 68px !important;
}
.pr68 {
padding-right: 68px !important;
}
.pb68 {
padding-bottom: 68px !important;
}
.pt69 {
padding-top: 69px !important;
}
.pl69 {
padding-left: 69px !important;
}
.pr69 {
padding-right: 69px !important;
}
.pb69 {
padding-bottom: 69px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pl70 {
padding-left: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.pt71 {
padding-top: 71px !important;
}
.pl71 {
padding-left: 71px !important;
}
.pr71 {
padding-right: 71px !important;
}
.pb71 {
padding-bottom: 71px !important;
}
.pt72 {
padding-top: 72px !important;
}
.pl72 {
padding-left: 72px !important;
}
.pr72 {
padding-right: 72px !important;
}
.pb72 {
padding-bottom: 72px !important;
}
.pt73 {
padding-top: 73px !important;
}
.pl73 {
padding-left: 73px !important;
}
.pr73 {
padding-right: 73px !important;
}
.pb73 {
padding-bottom: 73px !important;
}
.pt74 {
padding-top: 74px !important;
}
.pl74 {
padding-left: 74px !important;
}
.pr74 {
padding-right: 74px !important;
}
.pb74 {
padding-bottom: 74px !important;
}
.pt75 {
padding-top: 75px !important;
}
.pl75 {
padding-left: 75px !important;
}
.pr75 {
padding-right: 75px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.pt76 {
padding-top: 76px !important;
}
.pl76 {
padding-left: 76px !important;
}
.pr76 {
padding-right: 76px !important;
}
.pb76 {
padding-bottom: 76px !important;
}
.pt77 {
padding-top: 77px !important;
}
.pl77 {
padding-left: 77px !important;
}
.pr77 {
padding-right: 77px !important;
}
.pb77 {
padding-bottom: 77px !important;
}
.pt78 {
padding-top: 78px !important;
}
.pl78 {
padding-left: 78px !important;
}
.pr78 {
padding-right: 78px !important;
}
.pb78 {
padding-bottom: 78px !important;
}
.pt79 {
padding-top: 79px !important;
}
.pl79 {
padding-left: 79px !important;
}
.pr79 {
padding-right: 79px !important;
}
.pb79 {
padding-bottom: 79px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pl80 {
padding-left: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.pt81 {
padding-top: 81px !important;
}
.pl81 {
padding-left: 81px !important;
}
.pr81 {
padding-right: 81px !important;
}
.pb81 {
padding-bottom: 81px !important;
}
.pt82 {
padding-top: 82px !important;
}
.pl82 {
padding-left: 82px !important;
}
.pr82 {
padding-right: 82px !important;
}
.pb82 {
padding-bottom: 82px !important;
}
.pt83 {
padding-top: 83px !important;
}
.pl83 {
padding-left: 83px !important;
}
.pr83 {
padding-right: 83px !important;
}
.pb83 {
padding-bottom: 83px !important;
}
.pt84 {
padding-top: 84px !important;
}
.pl84 {
padding-left: 84px !important;
}
.pr84 {
padding-right: 84px !important;
}
.pb84 {
padding-bottom: 84px !important;
}
.pt85 {
padding-top: 85px !important;
}
.pl85 {
padding-left: 85px !important;
}
.pr85 {
padding-right: 85px !important;
}
.pb85 {
padding-bottom: 85px !important;
}
.pt86 {
padding-top: 86px !important;
}
.pl86 {
padding-left: 86px !important;
}
.pr86 {
padding-right: 86px !important;
}
.pb86 {
padding-bottom: 86px !important;
}
.pt87 {
padding-top: 87px !important;
}
.pl87 {
padding-left: 87px !important;
}
.pr87 {
padding-right: 87px !important;
}
.pb87 {
padding-bottom: 87px !important;
}
.pt88 {
padding-top: 88px !important;
}
.pl88 {
padding-left: 88px !important;
}
.pr88 {
padding-right: 88px !important;
}
.pb88 {
padding-bottom: 88px !important;
}
.pt89 {
padding-top: 89px !important;
}
.pl89 {
padding-left: 89px !important;
}
.pr89 {
padding-right: 89px !important;
}
.pb89 {
padding-bottom: 89px !important;
}
.pt90 {
padding-top: 90px !important;
}
.pl90 {
padding-left: 90px !important;
}
.pr90 {
padding-right: 90px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.pt91 {
padding-top: 91px !important;
}
.pl91 {
padding-left: 91px !important;
}
.pr91 {
padding-right: 91px !important;
}
.pb91 {
padding-bottom: 91px !important;
}
.pt92 {
padding-top: 92px !important;
}
.pl92 {
padding-left: 92px !important;
}
.pr92 {
padding-right: 92px !important;
}
.pb92 {
padding-bottom: 92px !important;
}
.pt93 {
padding-top: 93px !important;
}
.pl93 {
padding-left: 93px !important;
}
.pr93 {
padding-right: 93px !important;
}
.pb93 {
padding-bottom: 93px !important;
}
.pt94 {
padding-top: 94px !important;
}
.pl94 {
padding-left: 94px !important;
}
.pr94 {
padding-right: 94px !important;
}
.pb94 {
padding-bottom: 94px !important;
}
.pt95 {
padding-top: 95px !important;
}
.pl95 {
padding-left: 95px !important;
}
.pr95 {
padding-right: 95px !important;
}
.pb95 {
padding-bottom: 95px !important;
}
.pt96 {
padding-top: 96px !important;
}
.pl96 {
padding-left: 96px !important;
}
.pr96 {
padding-right: 96px !important;
}
.pb96 {
padding-bottom: 96px !important;
}
.pt97 {
padding-top: 97px !important;
}
.pl97 {
padding-left: 97px !important;
}
.pr97 {
padding-right: 97px !important;
}
.pb97 {
padding-bottom: 97px !important;
}
.pt98 {
padding-top: 98px !important;
}
.pl98 {
padding-left: 98px !important;
}
.pr98 {
padding-right: 98px !important;
}
.pb98 {
padding-bottom: 98px !important;
}
.pt99 {
padding-top: 99px !important;
}
.pl99 {
padding-left: 99px !important;
}
.pr99 {
padding-right: 99px !important;
}
.pb99 {
padding-bottom: 99px !important;
}
.pt100 {
padding-top: 100px !important;
}
.pl100 {
padding-left: 100px !important;
}
.pr100 {
padding-right: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.m1 {
margin: 1px !important;
}
.m2 {
margin: 2px !important;
}
.m3 {
margin: 3px !important;
}
.m4 {
margin: 4px !important;
}
.m5 {
margin: 5px !important;
}
.m6 {
margin: 6px !important;
}
.m7 {
margin: 7px !important;
}
.m8 {
margin: 8px !important;
}
.m9 {
margin: 9px !important;
}
.m10 {
margin: 10px !important;
}
.m11 {
margin: 11px !important;
}
.m12 {
margin: 12px !important;
}
.m13 {
margin: 13px !important;
}
.m14 {
margin: 14px !important;
}
.m15 {
margin: 15px !important;
}
.m16 {
margin: 16px !important;
}
.m17 {
margin: 17px !important;
}
.m18 {
margin: 18px !important;
}
.m19 {
margin: 19px !important;
}
.m20 {
margin: 20px !important;
}
.m21 {
margin: 21px !important;
}
.m22 {
margin: 22px !important;
}
.m23 {
margin: 23px !important;
}
.m24 {
margin: 24px !important;
}
.m25 {
margin: 25px !important;
}
.m26 {
margin: 26px !important;
}
.m27 {
margin: 27px !important;
}
.m28 {
margin: 28px !important;
}
.m29 {
margin: 29px !important;
}
.m30 {
margin: 30px !important;
}
.m31 {
margin: 31px !important;
}
.m32 {
margin: 32px !important;
}
.m33 {
margin: 33px !important;
}
.m34 {
margin: 34px !important;
}
.m35 {
margin: 35px !important;
}
.m36 {
margin: 36px !important;
}
.m37 {
margin: 37px !important;
}
.m38 {
margin: 38px !important;
}
.m39 {
margin: 39px !important;
}
.m40 {
margin: 40px !important;
}
.m41 {
margin: 41px !important;
}
.m42 {
margin: 42px !important;
}
.m43 {
margin: 43px !important;
}
.m44 {
margin: 44px !important;
}
.m45 {
margin: 45px !important;
}
.m46 {
margin: 46px !important;
}
.m47 {
margin: 47px !important;
}
.m48 {
margin: 48px !important;
}
.m49 {
margin: 49px !important;
}
.m50 {
margin: 50px !important;
}
.m51 {
margin: 51px !important;
}
.m52 {
margin: 52px !important;
}
.m53 {
margin: 53px !important;
}
.m54 {
margin: 54px !important;
}
.m55 {
margin: 55px !important;
}
.m56 {
margin: 56px !important;
}
.m57 {
margin: 57px !important;
}
.m58 {
margin: 58px !important;
}
.m59 {
margin: 59px !important;
}
.m60 {
margin: 60px !important;
}
.m61 {
margin: 61px !important;
}
.m62 {
margin: 62px !important;
}
.m63 {
margin: 63px !important;
}
.m64 {
margin: 64px !important;
}
.m65 {
margin: 65px !important;
}
.m66 {
margin: 66px !important;
}
.m67 {
margin: 67px !important;
}
.m68 {
margin: 68px !important;
}
.m69 {
margin: 69px !important;
}
.m70 {
margin: 70px !important;
}
.m71 {
margin: 71px !important;
}
.m72 {
margin: 72px !important;
}
.m73 {
margin: 73px !important;
}
.m74 {
margin: 74px !important;
}
.m75 {
margin: 75px !important;
}
.m76 {
margin: 76px !important;
}
.m77 {
margin: 77px !important;
}
.m78 {
margin: 78px !important;
}
.m79 {
margin: 79px !important;
}
.m80 {
margin: 80px !important;
}
.m81 {
margin: 81px !important;
}
.m82 {
margin: 82px !important;
}
.m83 {
margin: 83px !important;
}
.m84 {
margin: 84px !important;
}
.m85 {
margin: 85px !important;
}
.m86 {
margin: 86px !important;
}
.m87 {
margin: 87px !important;
}
.m88 {
margin: 88px !important;
}
.m89 {
margin: 89px !important;
}
.m90 {
margin: 90px !important;
}
.m91 {
margin: 91px !important;
}
.m92 {
margin: 92px !important;
}
.m93 {
margin: 93px !important;
}
.m94 {
margin: 94px !important;
}
.m95 {
margin: 95px !important;
}
.m96 {
margin: 96px !important;
}
.m97 {
margin: 97px !important;
}
.m98 {
margin: 98px !important;
}
.m99 {
margin: 99px !important;
}
.m100 {
margin: 100px !important;
}
.p1 {
padding: 1px !important;
}
.p2 {
padding: 2px !important;
}
.p3 {
padding: 3px !important;
}
.p4 {
padding: 4px !important;
}
.p5 {
padding: 5px !important;
}
.p6 {
padding: 6px !important;
}
.p7 {
padding: 7px !important;
}
.p8 {
padding: 8px !important;
}
.p9 {
padding: 9px !important;
}
.p10 {
padding: 10px !important;
}
.p11 {
padding: 11px !important;
}
.p12 {
padding: 12px !important;
}
.p13 {
padding: 13px !important;
}
.p14 {
padding: 14px !important;
}
.p15 {
padding: 15px !important;
}
.p16 {
padding: 16px !important;
}
.p17 {
padding: 17px !important;
}
.p18 {
padding: 18px !important;
}
.p19 {
padding: 19px !important;
}
.p20 {
padding: 20px !important;
}
.p21 {
padding: 21px !important;
}
.p22 {
padding: 22px !important;
}
.p23 {
padding: 23px !important;
}
.p24 {
padding: 24px !important;
}
.p25 {
padding: 25px !important;
}
.p26 {
padding: 26px !important;
}
.p27 {
padding: 27px !important;
}
.p28 {
padding: 28px !important;
}
.p29 {
padding: 29px !important;
}
.p30 {
padding: 30px !important;
}
.p31 {
padding: 31px !important;
}
.p32 {
padding: 32px !important;
}
.p33 {
padding: 33px !important;
}
.p34 {
padding: 34px !important;
}
.p35 {
padding: 35px !important;
}
.p36 {
padding: 36px !important;
}
.p37 {
padding: 37px !important;
}
.p38 {
padding: 38px !important;
}
.p39 {
padding: 39px !important;
}
.p40 {
padding: 40px !important;
}
.p41 {
padding: 41px !important;
}
.p42 {
padding: 42px !important;
}
.p43 {
padding: 43px !important;
}
.p44 {
padding: 44px !important;
}
.p45 {
padding: 45px !important;
}
.p46 {
padding: 46px !important;
}
.p47 {
padding: 47px !important;
}
.p48 {
padding: 48px !important;
}
.p49 {
padding: 49px !important;
}
.p50 {
padding: 50px !important;
}
.p51 {
padding: 51px !important;
}
.p52 {
padding: 52px !important;
}
.p53 {
padding: 53px !important;
}
.p54 {
padding: 54px !important;
}
.p55 {
padding: 55px !important;
}
.p56 {
padding: 56px !important;
}
.p57 {
padding: 57px !important;
}
.p58 {
padding: 58px !important;
}
.p59 {
padding: 59px !important;
}
.p60 {
padding: 60px !important;
}
.p61 {
padding: 61px !important;
}
.p62 {
padding: 62px !important;
}
.p63 {
padding: 63px !important;
}
.p64 {
padding: 64px !important;
}
.p65 {
padding: 65px !important;
}
.p66 {
padding: 66px !important;
}
.p67 {
padding: 67px !important;
}
.p68 {
padding: 68px !important;
}
.p69 {
padding: 69px !important;
}
.p70 {
padding: 70px !important;
}
.p71 {
padding: 71px !important;
}
.p72 {
padding: 72px !important;
}
.p73 {
padding: 73px !important;
}
.p74 {
padding: 74px !important;
}
.p75 {
padding: 75px !important;
}
.p76 {
padding: 76px !important;
}
.p77 {
padding: 77px !important;
}
.p78 {
padding: 78px !important;
}
.p79 {
padding: 79px !important;
}
.p80 {
padding: 80px !important;
}
.p81 {
padding: 81px !important;
}
.p82 {
padding: 82px !important;
}
.p83 {
padding: 83px !important;
}
.p84 {
padding: 84px !important;
}
.p85 {
padding: 85px !important;
}
.p86 {
padding: 86px !important;
}
.p87 {
padding: 87px !important;
}
.p88 {
padding: 88px !important;
}
.p89 {
padding: 89px !important;
}
.p90 {
padding: 90px !important;
}
.p91 {
padding: 91px !important;
}
.p92 {
padding: 92px !important;
}
.p93 {
padding: 93px !important;
}
.p94 {
padding: 94px !important;
}
.p95 {
padding: 95px !important;
}
.p96 {
padding: 96px !important;
}
.p97 {
padding: 97px !important;
}
.p98 {
padding: 98px !important;
}
.p99 {
padding: 99px !important;
}
.p100 {
padding: 100px !important;
}
.main-container {
margin: 10px 0 40px;
clear: both;
min-height: 500px;
}
.no-display {
display: none;
}
body {
font-family: "Open Sans", sans-serif;
font-size: 12px;
}
a {
text-decoration: none;
color: #333;
}
a:hover {
color: #ac258e;
}
p {
margin: 0 0 10px;
display: block;
}
button {
cursor: pointer;
}
ul,
ol {
padding: 0;
list-style: none;
}
address,
em {
font-style: normal;
}
table {
border: 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 100%;
}
input.input-text,
textarea {
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
input.input-text,
select,
textarea {
background: #fff;
border: 1px solid #ddd;
color: #888;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
select {
padding: 5px;
text-overflow: ellipsis;
}
select.multiselect {
height: auto;
}
input.input-text,
textarea {
padding: 7px 10px;
text-overflow: ellipsis;
}
select option {
padding-right: 10px;
padding-left: 5px;
}
select.multiselect option {
border-bottom: 1px solid #eee;
padding: 2px 5px;
}
select.multiselect option:last-child {
border-bottom: 0;
}
textarea {
resize: vertical;
overflow: auto;
}
input.radio {
margin-right: 3px;
}
input.checkbox {
margin-right: 3px;
}
input.qty {
width: 3em;
text-align: center;
}
body.cms-index-index .breadcrumbs {
display: none;
}
.breadcrumbs {
float: left;
width: 100%;
margin: 30px 0 50px 0;
padding: 0;
color: #999;
}
.breadcrumbs ul {
float: left;
padding: 0;
margin: 0;
}
.breadcrumbs ul li {
float: left;
margin: 0 5px 0 0;
line-height: 18px;
}
.breadcrumbs ul li a {
font-size: 12px;
font-weight: 400;
color: #999;
}
.breadcrumbs ul li a:hover {
text-decoration: underline;
}
.breadcrumbs ul li a.current h1 {
font-size: 12px;
font-weight: 400;
color: #02b4d2;
margin: 0;
}
.success {
color: #3d6611;
font-weight: bold;
}
.error {
color: #ee001c;
font-weight: bold;
}
.notice {
color: #ccc;
}
.messages,
.messages ul {
list-style: none !important;
margin: 0;
padding: 0;
}
.messages {
clear: both;
overflow: hidden;
margin: 0 0 10px;
font-family: "Open Sans", sans-serif;
}
.messages li {
margin: 0 0 1%;
}
.messages li li {
margin: 0;
}
.messages a {
text-decoration: underline;
}
.catalog-category-view .messages {
margin-top: 15px;
}
.error-msg,
.success-msg,
.note-msg,
.notice-msg {
background-position: 25px center !important;
background-repeat: no-repeat !important;
padding: 25px 25px 25px 25px !important;
font-size: 12px !important;
width: auto;
clear: both;
float: none;
}
.error-msg {
border-color: #c02230;
background-color: #f5dad3;
background-image: url(../images/i_msg-error.png);
color: #c02230;
}
.success-msg {
border-color: #296a23;
background-color: #e9ffca;
background-image: url(../images/i_msg-success.png);
color: #296a23;
}
.note-msg,
.notice-msg {
border-color: #7c622a;
background-color: #fdeda4;
background-image: url(../images/i_msg-note.png);
color: #7c622a;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.alert-price,
.alert-stock {
display: inline-block;
margin: 15px 0;
}
.alert-price a,
.alert-stock a {
background-color: #ddd;
display: block;
text-align: center;
padding: 15px;
font-size: 14px;
color: #5e5e5e;
-webkit-transition: all 350ms ease;
-khtml-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 0 3px #ddd, inset 0 0 0 4px #fff;
-khtml-box-shadow: inset 0 0 0 3px #ddd, inset 0 0 0 4px #fff;
-moz-box-shadow: inset 0 0 0 3px #ddd, inset 0 0 0 4px #fff;
-ms-box-shadow: inset 0 0 0 3px #ddd, inset 0 0 0 4px #fff;
-o-box-shadow: inset 0 0 0 3px #ddd, inset 0 0 0 4px #fff;
box-shadow: inset 0 0 0 3px #ddd, inset 0 0 0 4px #fff;
}
.alert-price a:before,
.alert-stock a:before {
font-family: "fontello";
content: "\e815";
display: inline-block;
font-size: 16px;
margin-right: 10px;
}
.alert-price a:hover,
.alert-stock a:hover {
color: #fff;
background-color: #5e5e5e;
-webkit-box-shadow: inset 0 0 0 3px #5e5e5e, inset 0 0 0 4px #fff;
-khtml-box-shadow: inset 0 0 0 3px #5e5e5e, inset 0 0 0 4px #fff;
-moz-box-shadow: inset 0 0 0 3px #5e5e5e, inset 0 0 0 4px #fff;
-ms-box-shadow: inset 0 0 0 3px #5e5e5e, inset 0 0 0 4px #fff;
-o-box-shadow: inset 0 0 0 3px #5e5e5e, inset 0 0 0 4px #fff;
box-shadow: inset 0 0 0 3px #5e5e5e, inset 0 0 0 4px #fff;
}
.titleBar {
clear: both;
margin: 0 0 40px;
position: relative;
width: 100%;
float: left;
}
.titleBar:before {
content: "";
background: #dcdcdc;
width: 100%;
height: 3px;
position: absolute;
bottom: 4px;
left: 0;
margin-top: -1px;
z-index: -1;
}
.titleBar h2,
.titleBar h4 {
clear: both;
font-family: "Open Sans", sans-serif;
font-size: 25px;
margin: 0 0 0px;
padding: 10px 0;
color: #ac258e;
width: auto !important;
float: left;
}
.page-title {
float: left;
padding: 10px 0;
width: 100%;
}
.page-title h1,
.page-title h2,
.page-title h3 {
margin: 0;
font-size: 26px;
font-family: "Open Sans", sans-serif;
color: #333;
}
.col-left {
float: left;
}
.col-main {
float: left;
}
.col-right {
float: right;
}
.col2-left-layout .col-main {
float: right;
}
.col3-layout .col-wrapper {
float: left;
}
.col3-layout .col-wrapper .col-main {
float: right;
}
.col2-set {
float: left;
width: 100%;
}
.col2-set .col-1 {
float: left;
width: 49%;
}
.col2-set .col-2 {
float: right;
width: 49%;
}
.col2-set .col-narrow {
width: 33%;
}
.col2-set .col-wide {
width: 65%;
}
.col3-set .col-1 {
float: left;
width: 32%;
}
.col3-set .col-2 {
float: left;
width: 32%;
margin-left: 2%;
}
.col3-set .col-3 {
float: right;
width: 32%;
}
.col4-set .col-1 {
float: left;
width: 23.5%;
}
.col4-set .col-2 {
float: left;
width: 23.5%;
margin: 0 2%;
}
.col4-set .col-3 {
float: left;
width: 23.5%;
}
.col4-set .col-4 {
float: right;
width: 23.5%;
}
.fieldset {
margin: 0 0 20px;
float: left;
width: 100%;
border: solid 1px #ebebeb;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
font-family: "Open Sans", sans-serif;
}
.fieldset p {
margin-left: 20px;
}
.fieldset .legend {
background: #ffffff;
border-radius: 10px;
font-family: "Open Sans", sans-serif;
color: #ac258e;
float: none;
font-weight: bold;
margin: 0 0 15px;
font-size: 20px;
padding: 8px 20px;
}
.fieldset,
.multiple-checkout .col2-set,
.multiple-checkout .col3-set,
.info-set {
margin: 0 0 10px;
}
.form-list {
margin: 0 auto;
padding: 15px;
float: left;
width: 100%;
}
.form-list li {
margin: 0 0 8px;
float: left;
width: 100%;
}
.form-list li.control label {
float: none;
}
.form-list li.control input.radio,
.form-list li.control input.checkbox {
margin-right: 6px;
}
.form-list li.control .input-box {
clear: none;
display: inline;
width: auto;
}
.form-list label {
float: left;
margin: 0 0 5px;
position: relative;
width: auto;
z-index: 0;
font-weight: bold;
font-size: 13px;
}
.form-list label.required em {
float: right;
font-style: normal;
position: absolute;
top: 0;
right: -8px;
}
.form-list .input-box {
display: block;
clear: both;
}
.form-list .field {
float: left;
width: 275px;
margin-bottom: 5px;
}
.form-list input.input-text {
width: 262px;
}
.form-list input.input-text#zip,
.form-list input.input-text#street_2 {
width: 80px;
text-align: center;
}
.form-list textarea {
height: 180px;
width: 100%;
}
.form-list select {
width: 262px;
}
.form-list li.additional-row {
border-top: 1px solid #e5e5e5;
margin-top: 10px;
}
.form-list li.additional-row .btn-remove {
float: right;
margin: 5px 0 0;
}
.form-list .input-range input.input-text {
width: 74px;
}
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
width: auto;
}
.form-list .name-prefix {
width: 65px;
}
.form-list .name-prefix select {
width: 55px;
}
.form-list .name-prefix input.input-text {
width: 49px;
}
.form-list .name-suffix {
width: 65px;
}
.form-list .name-suffix select {
width: 55px;
}
.form-list .name-suffix input.input-text {
width: 49px;
}
.form-list .name-middlename {
width: 70px;
}
.form-list .name-middlename input.input-text {
width: 49px;
}
button.button,
a.button {
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 700;
padding: 8px 15px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: none;
-webkit-box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1),
inset 0 -10px 20px rgba(0, 0, 0, 0.1);
-khtml-box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1),
inset 0 -10px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1),
inset 0 -10px 20px rgba(0, 0, 0, 0.1);
-ms-box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1),
inset 0 -10px 20px rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1),
inset 0 -10px 20px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1),
inset 0 -10px 20px rgba(0, 0, 0, 0.1);
cursor: pointer;
color: #777;
background: #fff;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
button.button:hover,
a.button:hover {
background: #f5f5f5;
}
button.button.primary,
a.button.primary {
background: #02b4d2;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
button.button.primary:hover,
a.button.primary:hover {
background: #02c5e6;
}
.buttons-set {
clear: both;
margin: 0;
padding: 20px 0 0;
float: left;
width: 100%;
}
.buttons-set p.required {
margin: 0 5px 5px 0;
}
.buttons-set .back-link {
float: left;
margin-bottom: 5px;
width: auto;
padding: 0;
}
.buttons-set button.button {
float: right;
margin: 0 5px 5px;
}
p.required,
.product-options dt label.required em,
.form-list label.required em {
color: #ee001c;
text-align: right;
font-size: 11px;
}
.validation-advice {
color: #ee001c;
margin-top: 5px;
}
.alerta-validacao {
position: absolute;
text-align: center;
color: #212121;
background: #f9f9f9;
-webkit-box-shadow: inset 0px -2px 6px 0 #ebebeb,
1px 1px 1px 0px rgba(221, 221, 221, 0.39);
-khtml-box-shadow: inset 0px -2px 6px 0 #ebebeb,
1px 1px 1px 0px rgba(221, 221, 221, 0.39);
-moz-box-shadow: inset 0px -2px 6px 0 #ebebeb,
1px 1px 1px 0px rgba(221, 221, 221, 0.39);
-ms-box-shadow: inset 0px -2px 6px 0 #ebebeb,
1px 1px 1px 0px rgba(221, 221, 221, 0.39);
-o-box-shadow: inset 0px -2px 6px 0 #ebebeb,
1px 1px 1px 0px rgba(221, 221, 221, 0.39);
box-shadow: inset 0px -2px 6px 0 #ebebeb,
1px 1px 1px 0px rgba(221, 221, 221, 0.39);
left: 0;
position: absolute;
z-index: 100;
padding: 10px;
border: 1px solid #ccc;
max-width: 100%;
margin-top: 3px;
-webkit-animation: fadeOut 0s ease-in 5s forwards;
-khtml-animation: fadeOut 0s ease-in 5s forwards;
-moz-animation: fadeOut 0s ease-in 5s forwards;
-ms-animation: fadeOut 0s ease-in 5s forwards;
-o-animation: fadeOut 0s ease-in 5s forwards;
animation: fadeOut 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.alerta-validacao:after {
content: "";
width: 0;
height: 0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 10px solid #f9f9f9;
position: absolute;
left: 50%;
margin-left: -10px;
top: -10px;
}
.alerta-validacao:before {
content: "";
width: 0;
height: 0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 10px solid #111;
position: absolute;
left: 50%;
top: -10px;
margin-left: -10px;
}
.alerta-validacao span {
line-height: 20px;
}
.alerta-validacao span:before {
content: "!";
background: #fbab1f;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #fff;
text-shadow: 1px 1px 0 #bd8820;
width: 20px;
height: 20px;
float: left;
font-weight: 700;
font-size: 17px;
line-height: 20px;
margin-right: 7px;
}
.input-text.validation-failed,
.validation-failed.validate-select {
border-color: #ea8a94;
color: #666;
font-weight: normal;
background: #ffeaea;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
16% {
opacity: 1;
}
84% {
opacity: 1;
}
85% {
opacity: 0;
}
100% {
visibility: hidden;
}
}
.data-table {
clear: both;
width: 100%;
margin: 0 0 10px;
}
.data-table .product-name {
margin: 0;
}
.data-table th {
padding: 8px;
white-space: nowrap;
font-weight: bold;
border: 1px solid #ddd;
}
.data-table td {
padding: 10px;
border: 1px solid #ddd;
}
.data-table thead {
background-color: #f8f8f8;
}
.data-table tfoot tr:last-child strong {
font-size: 15px;
}
.data-table tfoot tr:last-child td {
border-color: transparent;
}
.data-table .item-options {
clear: both;
margin: 0 0 10px;
}
.data-table .product-image {
background: none repeat scroll 0 0 #ffffff;
width: 100px;
float: left;
text-align: center;
}
.data-table tbody.even {
background-color: #f6f6f6;
}
.data-table tbody .odd tr.border td,
.data-table tbody .even tr.border td {
border-bottom-width: 1px;
}
.data-table tbody th .tax-flag {
white-space: nowrap;
font-weight: normal;
}
.data-table tbody td.label,
.data-table tbody th.label {
font-weight: bold;
background-color: #f6f6f6;
}
.data-table tbody td.value {
text-align: center;
}
.data-table a {
font-size: 12px;
text-decoration: underline;
font-weight: bold;
color: #333;
}
.data-table .cell-label {
display: none;
}
@media only screen and (max-width: 769px) {
.data-table .cell-label {
display: inline-block;
width: 30%;
min-width: 100px;
max-width: 140px;
margin-right: 10px;
font-weight: bold;
}
.data-table .cell-label tr.last td {
border-bottom-width: 0;
}
}
#product-attribute-specs-table tr.odd {
background-color: #fdfdfd;
}
#product-attribute-specs-table tr.even {
background-color: #f6f6f6;
}
#product-attribute-specs-table th,
#product-attribute-specs-table td {
border: none;
}
#product-attribute-specs-table th.label,
#product-attribute-specs-table th.label,
#product-attribute-specs-table td.label,
#product-attribute-specs-table td.label {
background-color: transparent;
}
@media only screen and (max-width: 769px) {
.my-wishlist .data-table thead,
.my-account .data-table thead,
.order-review .data-table thead {
display: none;
}
.my-wishlist .data-table tbody,
.my-account .data-table tbody,
.order-review .data-table tbody {
background: transparent !important;
}
.my-wishlist .data-table tr,
.my-account .data-table tr,
.order-review .data-table tr {
border: none !important;
background: transparent !important;
display: block;
width: 100%;
text-align: center !important;
clear: both;
border-bottom: 1px solid #e5e5e5 !important;
margin-bottom: 20px;
}
.my-wishlist .data-table td,
.my-account .data-table td,
.order-review .data-table td {
border: none !important;
background: transparent !important;
display: block;
width: 100%;
text-align: center !important;
clear: both;
}
.my-wishlist .data-table .product-image,
.my-account .data-table .product-image,
.order-review .data-table .product-image {
float: none;
}
.nobr {
white-space: normal !important;
}
.col2-set .col-1,
.col2-set .col-2 {
width: 100%;
}
}
.hidden {
display: block !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
.nobr {
white-space: nowrap !important;
}
.wrap {
white-space: normal !important;
}
.a-left {
text-align: left !important;
}
.a-center {
text-align: center !important;
}
.a-right {
text-align: right !important;
}
.v-top {
vertical-align: top;
}
.v-middle {
vertical-align: middle;
}
.f-left,
.left {
float: left !important;
}
.f-right,
.right {
float: right !important;
}
.f-none {
float: none !important;
}
.f-fix {
float: left;
width: 100%;
min-height: 147px;
position: relative;
}
.no-display {
display: none;
}
.no-margin {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.no-bg {
background: none !important;
}
#pag-404 {
font-family: "Open Sans", sans-serif;
color: #777;
float: none;
display: table;
width: 100%;
}
#pag-404 .page-title h1 {
color: #777;
text-align: center;
font-weight: 300;
font-size: 32px;
margin: 20px 0;
text-align: center;
}
#pag-404 dl {
margin: 0 auto 10px;
text-align: center;
}
#pag-404 #result_box {
font-size: 14px;
margin-bottom: 10px;
}
#pag-404 a {
color: #02b4d2;
font-weight: bold;
}
@media print {
* {
background: none !important;
text-align: left !important;
}
html {
margin: 0 !important;
padding: 0 !important;
}
body {
background: #fff !important;
font-size: 9pt !important;
padding: 0 !important;
margin: 10px !important;
}
a {
color: #2976c9 !important;
}
th,
td {
color: #2f2f2f !important;
border-color: #ccc !important;
}
.header-container,
.nav-container,
.footer-container,
.pager,
.toolbar,
.actions,
.buttons-set {
display: none !important;
}
.page-print .data-table .cart-tax-total {
background-position: 100% -54px;
}
.page-print .data-table .cart-tax-info {
display: block !important;
}
.pv-top-outline .product-top-wrapper {
box-shadow: none;
}
.pv-top-outline .product-top-wrapper2 {
box-shadow: none;
}
}
.boleto-ultimate-standard-success .col-main {
width: 100%;
text-align: center;
}
.boleto-ultimate-standard-success .col-main .sub-title {
display: table;
margin: 0 auto 20px;
}
.boleto-ultimate-standard-success .col-main p {
text-align: center;
}
.boleto-ultimate-standard-success .col-main p a {
color: #ac258e;
font-size: 20px;
font-weight: bold;
margin: 0 0 20px;
padding-bottom: 10px;
}
#finish,
#compra_status {
padding: 40px 0 80px;
text-align: center;
width: 100%;
font-family: "Open Sans", sans-serif;
}
#finish h1,
#finish h2,
#compra_status h1,
#compra_status h2 {
color: #ac258e;
font-size: 32px;
font-weight: 700;
margin: 0 0 20px;
}
#finish a,
#compra_status a {
font-weight: bold;
color: #333;
}
#finish a:hover,
#compra_status a:hover {
color: #02b4d2;
}
#finish #pedidoNum,
#compra_status #pedidoNum {
color: #ac258e;
font-size: 30px;
font-weight: bold;
margin: 0 0 20px;
padding-bottom: 10px;
}
#finish .buttons-set,
#compra_status .buttons-set {
float: left;
margin: 0;
padding: 20px 0 0;
text-align: center;
border: none;
width: 100%;
}
#finish .buttons-set button.button,
#compra_status .buttons-set button.button {
float: none;
}
#finish .pedidoBox,
#compra_status .pedidoBox {
background: none repeat scroll 0 0 #f2f2f2;
border: 1px solid #cccccc;
float: left;
font-size: 20px;
font-weight: bold;
margin: 0 0 20px;
padding: 10px 0;
width: 100%;
}
#finish .pedidoNumber,
#compra_status .pedidoNumber {
color: #548c1e;
}
#transacao_status {
padding: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ddd;
width: auto;
margin: 0 auto;
display: table;
}
#transacao_status li,
#transacao_status ol {
display: table;
width: auto;
}
@font-face {
font-family: "fontello";
src: url("../fonts/fontello.eot");
src: url("../fonts/fontello.eot#iefix") format("embedded-opentype"),
url("../fonts/fontello.woff2") format("woff2"),
url("../fonts/fontello.woff") format("woff"),
url("../fonts/fontello.ttf") format("truetype"),
url("../fonts/fontello.svg#fontello") format("svg");
font-weight: normal;
font-display: swap;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin: 0;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
content: "\e800";
}
.icon-truck:before {
content: "\e801";
}
.icon-star:before {
content: "\e802";
}
.icon-chat:before {
content: "\e803";
}
.icon-basket:before {
content: "\e804";
}
.icon-blogger:before {
content: "\e805";
}
.icon-phone:before {
content: "\e806";
}
.icon-credit-card:before {
content: "\e807";
}
.icon-basket-1:before {
content: "\e808";
}
.icon-basket-2:before {
content: "\e809";
}
.icon-bag:before {
content: "\e80a";
}
.icon-login:before {
content: "\e80b";
}
.icon-pencil:before {
content: "\e80c";
}
.icon-cancel:before {
content: "\e80d";
}
.icon-trash-empty:before {
content: "\e80e";
}
.icon-box:before {
content: "\e80f";
}
.icon-heart-empty:before {
content: "\e810";
}
.icon-heart:before {
content: "\e811";
}
.icon-user:before {
content: "\e812";
}
.icon-lock:before {
content: "\e813";
}
.icon-star-empty:before {
content: "\e814";
}
.icon-bell:before {
content: "\e815";
}
.icon-clock:before {
content: "\e816";
}
.icon-home:before {
content: "\e817";
}
.icon-star-1:before {
content: "\e818";
}
.icon-tags:before {
content: "\e819";
}
.icon-arrows-cw:before {
content: "\e81a";
}
.icon-th:before {
content: "\e81b";
}
.icon-th-list:before {
content: "\e81c";
}
.icon-emo-unhappy:before {
content: "\e81d";
}
.icon-facebook-messenger:before {
content: "\e81e";
}
.icon-play-circled2:before {
content: "\e81f";
}
.icon-left-open:before {
content: "\e829";
}
.icon-right-open:before {
content: "\e82a";
}
.icon-location:before {
content: "\f031";
}
.icon-trash:before {
content: "\f083";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-menu:before {
content: "\f0c9";
}
.icon-gplus:before {
content: "\f0d5";
}
.icon-mail-alt:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-angle-double-right:before {
content: "\f101";
}
.icon-youtube:before {
content: "\f167";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-skype:before {
content: "\f17e";
}
.icon-spotify:before {
content: "\f1bc";
}
.icon-pinterest:before {
content: "\f231";
}
.icon-whatsapp:before {
content: "\f232";
}
.icon-shopping-bag:before {
content: "\f290";
}
.icon-wordpress:before {
content: "\f31d";
}
@media screen and (min-width: 770px) {
#top {
width: 100%;
position: relative;
left: 0;
z-index: 109;
-webkit-transition: top 0.2s ease;
-khtml-transition: top 0.2s ease;
-moz-transition: top 0.2s ease;
-ms-transition: top 0.2s ease;
-o-transition: top 0.2s ease;
transition: top 0.2s ease;
}
#top.off-canvas {
top: -120px;
position: fixed;
-webkit-transition: 0;
-khtml-transition: 0;
-moz-transition: 0;
-ms-transition: 0;
-o-transition: 0;
transition: 0;
}
#top.off-canvas .header-primary-container {
padding: 4px 0 5px 0;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
#top.off-canvas .hide-fixed {
display: none;
}
#top.off-canvas .show-fixed {
display: block;
}
#top.off-canvas .logo-wrapper {
width: 175px;
padding-right: 0;
}
#top.off-canvas .header-wrapper {
width: calc(100% - 175px);
}
#top.off-canvas .nav-container {
transform-origin: top;
height: 0;
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#top.off-canvas .nav-container #nav {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 100ms ease;
-khtml-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
#top.off-canvas .nav-container.menuAberto {
height: auto;
-webkit-transform: scaleY(1);
-khtml-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#top.off-canvas .nav-container.menuAberto #nav {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 500ms ease;
-khtml-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
#top.off-canvas .nav-container.menuFechado {
height: 0;
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#top.off-canvas .nav-container.menuFechado #nav {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 100ms ease;
-khtml-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
#top.off-canvas .atendimento {
width: 55%;
float: left;
}
#top.off-canvas .carrinho {
margin-top: 7px;
padding: 0;
}
#top.off-canvas .carrinho:before,
#top.off-canvas .carrinho:after {
display: none;
}
#top.fixed {
position: fixed;
top: 0;
-webkit-transition: all 100ms ease;
-khtml-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
}
#top .hide-fixed {
display: block;
}
#top .show-fixed {
display: none;
}
#top .abremenu {
-webkit-touch-callout: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer;
font-size: 15px;
display: table;
margin: 25px auto 0;
color: #02b4d2;
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.5s ease-in-out;
-khtml-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#top .abremenu .icone {
position: relative;
float: left;
display: block;
width: 30px;
height: 20px;
margin-right: 10px;
}
#top .abremenu .icone span {
position: absolute;
left: 0;
display: block;
background: #02b4d2;
width: 30px;
height: 4px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.25s ease-in-out;
-khtml-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
#top .abremenu .icone span:nth-child(1) {
top: 0px;
}
#top .abremenu .icone span:nth-child(2),
#top .abremenu .icone span:nth-child(3) {
top: 8px;
}
#top .abremenu .icone span:nth-child(4) {
top: 16px;
}
#top .abremenu.ativo .icone span:nth-child(1),
#top .abremenu.ativo .icone span:nth-child(4) {
top: 8px;
width: 0%;
left: 50%;
}
#top .abremenu.ativo .icone span:nth-child(2) {
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#top .abremenu.ativo .icone span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-khtml-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (max-width: 769px) {
#top .hide-fixed,
#top .show-fixed {
display: none !important;
}
}
@media only screen and (max-width: 769px) {
.space-fixed {
display: none;
}
}
.header-container {
position: relative;
width: 100%;
}
@media only screen and (max-width: 769px) {
.header-container {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 109;
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
}
@media screen and (min-width: 770px) {
.header-container {
min-width: 1170px;
}
}
.header-container .header-primary-container {
padding: 15px 0;
width: 100%;
background: #f0f0f0;
}
@media only screen and (max-width: 769px) {
.header-container .header-primary-container {
padding: 0;
}
}
@media only screen and (max-width: 769px) {
.header-container .header-primary-container .open-mobile-nav {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 46px;
background: rgba(0, 0, 0, 0.1);
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-khtml-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.header-container .header-primary-container .open-mobile-nav .icone {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 30px;
height: 20px;
}
.header-container .header-primary-container .open-mobile-nav .icone span {
position: absolute;
left: 0;
display: block;
background: #02b4d2;
width: 30px;
height: 4px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px;
-moz-border-radius: 9px;
-ms-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.25s ease-in-out;
-khtml-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.header-container
.header-primary-container
.open-mobile-nav
.icone
span:nth-child(1) {
top: 0px;
}
.header-container
.header-primary-container
.open-mobile-nav
.icone
span:nth-child(2),
.header-container
.header-primary-container
.open-mobile-nav
.icone
span:nth-child(3) {
top: 8px;
}
.header-container
.header-primary-container
.open-mobile-nav
.icone
span:nth-child(4) {
top: 16px;
}
.header-container
.header-primary-container
.open-mobile-nav.active
.icone
span:nth-child(1),
.header-container
.header-primary-container
.open-mobile-nav.active
.icone
span:nth-child(4) {
top: 8px;
width: 0%;
left: 50%;
}
.header-container
.header-primary-container
.open-mobile-nav.active
.icone
span:nth-child(2) {
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.header-container
.header-primary-container
.open-mobile-nav.active
.icone
span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-khtml-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
.header-container .header-primary-container .opensearch {
display: none;
}
@media only screen and (max-width: 769px) {
.header-container .header-primary-container .opensearch {
display: block;
position: absolute;
top: 0;
left: 50px;
width: 50px;
height: 46px;
line-height: 42px;
font-size: 22px;
text-align: center;
color: #02b4d2;
}
.header-container .header-primary-container .opensearch.active {
background: #02b4d2;
color: #fff;
}
}
.header-container .header-primary-container .logo-wrapper {
float: left;
width: 300px;
padding-right: 35px;
}
@media only screen and (max-width: 769px) {
.header-container .header-primary-container .logo-wrapper {
width: 135px;
padding: 0;
float: none;
display: table;
margin: 0 auto;
}
}
.header-container .header-primary-container .logo-wrapper h1,
.header-container .header-primary-container .logo-wrapper h2 {
display: block;
margin: 0;
}
.header-container .header-primary-container .logo-wrapper h1 a,
.header-container .header-primary-container .logo-wrapper h2 a {
display: block;
}
.header-container .header-primary-container .logo-wrapper h1 a img,
.header-container .header-primary-container .logo-wrapper h2 a img {
display: block;
margin: 0;
}
@media only screen and (max-width: 769px) {
.header-container .header-primary-container .logo-wrapper h1 a img,
.header-container .header-primary-container .logo-wrapper h2 a img {
max-height: 46px;
margin: 0 auto;
}
}
.header-container .header-primary-container .header-wrapper {
float: left;
width: calc(100% - 300px);
position: relative;
}
@media only screen and (max-width: 769px) {
.header-container .header-primary-container .header-wrapper {
position: absolute;
top: 2px;
right: 5px;
width: 55px;
}
}
.header-container .header-primary-container .header-wrapper .quick-access {
position: relative;
float: left;
display: table;
margin: 0;
padding-left: 30px;
font-size: 13px;
margin-top: 62px;
}
@media only screen and (max-width: 769px) {
.header-container .header-primary-container .header-wrapper .quick-access {
display: none;
}
}
.header-container
.header-primary-container
.header-wrapper
.quick-access:before {
color: #02b4d2;
content: "\e80B";
font-family: "fontello";
font-size: 20px;
position: absolute;
top: 0;
left: 0;
}
.header-container .header-primary-container .header-wrapper .quick-access li {
float: left;
color: #333;
font-weight: 400;
}
.header-container .header-primary-container .header-wrapper .quick-access a {
color: #333;
font-weight: 700;
position: relative;
-webkit-transition: color 0.3s ease;
-khtml-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.header-container
.header-primary-container
.header-wrapper
.quick-access
a:hover {
color: #02b4d2;
}
.header-container
.header-primary-container
.header-wrapper
.quick-access
a:after {
content: "";
position: absolute;
left: 50%;
right: 50%;
bottom: 0;
background: #02b4d2;
height: 1px;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-container
.header-primary-container
.header-wrapper
.quick-access
a:hover:after {
left: 0;
right: 0;
}
.header-container
.header-primary-container
.header-wrapper
.quick-access
a.nome:before {
content: "Ol\00e1, ";
font-weight: 400;
}
.header-container .header-primary-container .header-wrapper .topLinks {
display: table;
width: 100%;
font-size: 13px;
margin-top: 15px;
}
@media only screen and (max-width: 769px) {
.header-container .header-primary-container .header-wrapper .topLinks {
display: none;
}
}
.header-container .header-primary-container .header-wrapper .topLinks li {
display: table-cell;
font-weight: 700;
color: #02b4d2;
width: 15%;
padding-left: 30px;
position: relative;
}
.header-container
.header-primary-container
.header-wrapper
.topLinks
li:before {
font-family: "fontello";
font-size: 20px;
position: absolute;
top: 0;
left: 0;
color: #02b4d2;
}
.header-container .header-primary-container .header-wrapper .topLinks li span {
display: block;
font-weight: 400;
color: #333;
}
.header-container .header-primary-container .header-wrapper .topLinks li a {
color: #02b4d2;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-container
.header-primary-container
.header-wrapper
.topLinks
li
a:hover {
color: #ac258e;
}
.header-container
.header-primary-container
.header-wrapper
.topLinks
li.pedidos:before {
content: "\e80F";
}
.header-container
.header-primary-container
.header-wrapper
.topLinks
li.desejos:before {
content: "\e811";
}
.header-container
.header-primary-container
.header-wrapper
.topLinks
li.fone:before {
content: "\e806";
}
.header-container
.header-primary-container
.header-wrapper
.topLinks
li.chat:before {
content: "\e803";
}
@media only screen and (max-width: 769px) {
.header-container .header-primary-container .header-wrapper .mobile-search {
position: fixed;
top: 46px;
right: 0;
left: 0;
padding: 10px !important;
background: #02b4d2;
overflow: hidden;
transform-origin: top;
height: 0;
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search.active {
overflow: inherit;
height: auto;
-webkit-transform: scaleY(1);
-khtml-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search {
float: left;
width: 100%;
clear: both;
margin-top: 15px;
position: relative;
}
@media only screen and (max-width: 769px) {
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search {
margin-top: 0;
}
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
.input-text {
width: 100%;
height: 38px;
padding: 5px 40px 5px 10px;
color: #999;
font-size: 12px;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
button {
position: absolute;
top: 3px;
right: 3px;
width: 32px;
height: 32px;
background: none;
border: none;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
button:before {
content: "\e800";
font-family: "fontello";
font-size: 20px;
color: #02b4d2;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
button:hover:before {
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
color: #ac258e;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
button
span {
display: none;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
.search-autocomplete {
background: #fff;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
z-index: 55;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
.search-autocomplete
ul {
text-align: left;
padding: 3px;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
.search-autocomplete
ul
li
a {
display: table;
width: 100%;
padding: 3px 5px;
cursor: pointer;
height: 50px;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
.search-autocomplete
ul
li
a
img,
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
.search-autocomplete
ul
li
a
span {
display: table-cell;
vertical-align: middle;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
.search-autocomplete
ul
li
a
.amount {
width: 15%;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
.search-autocomplete
ul
li
a
.nome {
width: 65%;
}
.header-container
.header-primary-container
.header-wrapper
.mobile-search
.form-search
.search-autocomplete
ul
li
a:hover {
background-color: #fafafa;
}
@media only screen and (max-width: 769px) {
.mobile-space {
height: 46px;
display: block;
}
}
#chamadaList {
padding: 30px 0 20px;
text-align: center;
margin-top: 0;
margin-bottom: 50px;
background-color: #f8f8f8;
position: relative;
z-index: 2;
float: left;
width: 100%;
}
#chamadaList .gridChamada {
float: left;
position: relative;
text-align: center;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#chamadaList .gridChamada p {
margin-bottom: 0;
}
#chamadaList .gridChamada:hover {
-webkit-transform: translate(0, -5px);
-khtml-transform: translate(0, -5px);
-moz-transform: translate(0, -5px);
-ms-transform: translate(0, -5px);
-o-transform: translate(0, -5px);
transform: translate(0, -5px);
}
#chamadaList .gridChamada.coluna4 {
width: 25%;
}
#chamadaList .gridChamada.coluna3 {
width: 33.33%;
}
#chamadaList .gridChamada.coluna2 {
width: 50%;
}
#chamadaList .gridChamada.coluna1 {
width: 100%;
}
@media only screen and (max-width: 769px) {
#chamadaList .gridChamada {
width: 100% !important;
margin-bottom: 10px !important;
}
}
.containerMarcas {
margin: 20px 0 40px;
padding: 10px 0;
position: relative;
}
.containerMarcas .titleBar {
display: none;
}
@media screen and (min-width: 770px) {
.footer-container {
min-width: 1170px;
}
}
.footer-container .news-container {
margin: 15px 0 0 0;
padding: 30px 0;
text-align: center;
background: #02b4d2;
font-family: "Open Sans", sans-serif;
}
.footer-container .news-container h3 {
font-size: 24px;
margin: 0 0 10px 0;
}
.footer-container .news-container label {
font-size: 16px;
font-weight: 400;
}
.footer-container .news-container .input-box {
width: 100%;
max-width: 565px;
display: table;
margin: 15px auto 0;
position: relative;
}
.footer-container .news-container .input-box input[type="text"] {
width: 100%;
height: 40px;
border: 1px solid #cecece;
padding: 8px 50px 8px 15px;
outline: none;
margin-bottom: 10px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
}
.footer-container .news-container .input-box button {
position: absolute;
top: 3px;
right: 3px;
width: 35px;
height: 35px;
border: none;
background: #333;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.footer-container .news-container .input-box button:before {
content: "";
display: inline-block;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
height: 13px;
width: 13px;
-webkit-transform: rotate(135deg);
-khtml-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
display: block;
margin-left: 9px;
}
.footer-container .news-container .input-box button:hover {
background: #999;
}
.footer-container .news-container .input-box button span {
display: none;
}
.footer-container .news-container .input-box #newsletteremail-error {
position: absolute;
top: 100%;
left: 0;
background: #fff;
width: 140px;
padding: 7px;
font-size: 12px;
font-weight: 300;
-webkit-box-shadow: 0 0 0 1px red;
-khtml-box-shadow: 0 0 0 1px red;
-moz-box-shadow: 0 0 0 1px red;
-ms-box-shadow: 0 0 0 1px red;
-o-box-shadow: 0 0 0 1px red;
box-shadow: 0 0 0 1px red;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
z-index: 1;
}
.footer-container .news-container .input-box #newsletteremail-error:before,
.footer-container .news-container .input-box #newsletteremail-error:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
}
.footer-container .news-container .input-box #newsletteremail-error:before {
position: absolute;
top: -5px;
left: 8px;
border-width: 0 7px 5px 7px;
border-color: transparent transparent #fff transparent;
z-index: 3;
}
.footer-container .news-container .input-box #newsletteremail-error:after {
position: absolute;
top: -6px;
left: 7px;
border-width: 0 8px 6px 8px;
border-color: transparent transparent red transparent;
z-index: 2;
}
.footer-container .news-container .input-box label + .gender {
display: inline;
}
.footer-container .news-container .input-box div.gender {
width: 25px;
height: 25px;
margin: 0 10px 0 0;
}
.footer-container .footer-primary-container {
padding: 25px 0;
}
@media only screen and (max-width: 769px) {
.footer-container .footer-primary-container {
text-align: center;
}
}
.footer-container .footer-primary-container .blockFooter {
float: left;
}
.footer-container .footer-primary-container .blockFooter.colFooter4 {
width: 20%;
}
.footer-container .footer-primary-container .blockFooter.colFooter3 {
width: 25%;
}
.footer-container .footer-primary-container .blockFooter.colFooter2 {
width: 50%;
}
.footer-container .footer-primary-container .blockFooter.colFooter1 {
width: 100%;
}
@media only screen and (max-width: 769px) {
.footer-container .footer-primary-container .blockFooter {
width: 100% !important;
margin-bottom: 10px !important;
}
}
.footer-container .footer-primary-container h4 {
font-weight: 700;
font-size: 18px;
margin-bottom: 15px;
color: #02b4d2;
}
@media only screen and (max-width: 769px) {
.footer-container .footer-primary-container h4 {
cursor: pointer;
}
.footer-container .footer-primary-container h4:after {
content: "+";
padding-left: 10px;
}
.footer-container .footer-primary-container h4.open:after {
content: "-";
}
}
.rodapeNav {
list-style: none;
color: #333;
}
.rodapeNav li {
margin-bottom: 10px;
font-family: "Open Sans", sans-serif;
display: block;
}
@media only screen and (max-width: 769px) {
.rodapeNav li {
display: none;
}
}
.rodapeNav li a {
color: #333;
text-decoration: none;
position: relative;
}
.rodapeNav li a:before {
content: "";
position: absolute;
left: 50%;
right: 50%;
bottom: 0;
background: #02b4d2;
height: 1px;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.rodapeNav li a:hover {
color: #02b4d2;
}
.rodapeNav li a:hover:before {
left: 0;
right: 0;
}
.rodapeNav li i {
color: #02b4d2;
}
.rodapeNav li p {
display: initial;
}
.socialLinks {
list-style: none;
float: left;
}
@media only screen and (max-width: 769px) {
.socialLinks {
display: table;
margin: 10px auto;
float: none;
}
}
.socialLinks li {
float: left;
margin: 0 4px 4px 0;
}
.socialLinks li a {
background: #02b4d2;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
display: block;
font-size: 20px;
text-align: center;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 400ms ease;
-khtml-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.socialLinks li a:hover {
background: #ac258e;
}
.socialLinks li span {
display: none;
}
.socialLinks li:last-child {
margin-right: 0;
}
.footer-secondary-container {
float: left;
width: 100%;
padding: 15px 0 10px 0;
}
@media only screen and (max-width: 769px) {
.footer-secondary-container {
text-align: center;
}
}
.footer-secondary-container dt {
color: #999;
display: block;
font-size: 13px;
font-weight: 300;
margin: 0 0 10px;
border-bottom: solid 1px #ddd;
padding: 0 0 10px;
}
@media only screen and (max-width: 769px) {
.footer-secondary-container dd {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 769px) {
.footer-secondary-container dd img {
max-width: 100%;
}
}
.footer-secondary-container .seloList {
margin: 0 0 15px;
clear: both;
display: table;
vertical-align: middle;
list-style: none;
}
@media only screen and (max-width: 769px) {
.footer-secondary-container .seloList {
margin: 0 auto;
}
}
.footer-secondary-container .seloList li {
margin: 0;
display: inline-block;
vertical-align: middle;
padding: 0 20px 0 0;
}
.footer-secondary-container .seloList li:last-child {
margin-right: 0;
}
.footer-copyright {
color: #333;
font-family: verdana, sans-serif;
font-size: 11px;
text-align: center;
margin-top: 15px;
}
.footer-copyright a {
color: #333;
text-decoration: none;
}
.footer-copyright a:hover {
text-decoration: underline;
}
#blocoBis {
clear: both;
float: left;
width: 100%;
color: #333;
font-family: verdana, sans-serif;
font-size: 11px;
text-align: center;
}
#blocoBis .boxBis {
display: inline-block;
list-style: none;
}
#blocoBis .boxBis li {
margin: 0 5px 0 0;
display: inline-block;
line-height: 1.6;
}
#blocoBis .boxBis li a {
color: #333;
text-decoration: none;
}
#blocoBis .boxBis li a:hover {
text-decoration: underline;
}
.nav-container {
background: #02b4d2;
z-index: 8;
position: relative;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 769px) {
.nav-container {
display: none;
}
}
#nav ul.level1 {
margin: 0px;
z-index: 8;
display: table;
table-layout: fixed;
text-align: center;
width: 100%;
}
#nav ul.level1 li {
position: relative;
text-align: left;
vertical-align: middle;
}
#nav ul.level1 li > a {
display: inline-block;
height: 100%;
width: 100%;
color: #fff;
text-align: center;
font-family: "Open Sans", sans-serif;
font-size: 14px;
white-space: nowrap;
clear: none;
line-height: 3;
cursor: pointer;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
#nav ul.level1 li:hover > ul {
position: absolute;
top: 100%;
opacity: 1;
height: auto;
display: table-column;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
#nav ul.level1 li:hover > ul .subCat {
z-index: 7;
top: 0px;
}
#nav ul.level1 li .thumb-container {
display: inline-block;
width: 40px;
height: 40px;
overflow: hidden;
float: left;
}
#nav ul.level1 li .thumb-container > i {
display: inline-block;
width: 40px;
height: 40px;
background-size: 40px;
background-position: center center;
background-repeat: no-repeat;
}
#nav ul.level1 li:hover .thumb-container .thumbIcone {
max-width: 0;
}
#nav ul.level1 li .vermais {
font-style: italic;
}
#nav ul.level1 > li {
float: none;
display: table-cell;
}
#nav ul.level1 > li:hover {
z-index: 99;
}
#nav ul.level1 > li:hover > a {
background: #ac258e;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
#nav ul.level1 > li:nth-last-child(-n + 3):hover > ul {
right: 0;
left: auto;
}
#nav ul.level1 > li:nth-last-child(-n + 3):hover > ul a {
text-align: right;
}
#nav ul.level1 > li:nth-last-child(-n + 3):hover > ul ul {
right: 170px;
left: auto;
}
#nav ul.level1 ul {
height: 0;
opacity: 0;
display: none;
min-width: 200px;
background-color: #fff;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#nav ul.level1 ul aside {
min-width: 200px;
max-width: 200px;
height: 100%;
position: relative;
padding: 10px;
display: table-cell;
vertical-align: top;
}
#nav ul.level1 ul aside.bannerCategoria {
max-width: none;
padding: 0;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
margin-left: auto;
}
#nav ul.level1 ul aside.bannerCategoria li {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
#nav ul.level1 ul aside.bannerCategoria li a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
}
#nav ul.level1 ul aside.bannerCategoria:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
#nav ul.level1 ul li a {
clear: both;
display: block;
margin: 0;
float: none;
font-family: "Open Sans", sans-serif;
color: #02b4d2;
font-size: 13px;
text-align: left;
height: auto;
line-height: 1.3 !important;
padding: 10px 20px 10px;
background: transparent;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
#nav ul.level1 ul li:hover > a {
font-weight: bold;
}
#nav ul.level1 ul .subCat {
left: 160px;
}
body.overflow-hidden {
overflow: hidden;
position: relative;
height: 100%;
}
#shadow-layer {
position: fixed;
min-height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
cursor: pointer;
z-index: 99;
display: none;
}
#shadow-layer.is-visible {
display: block;
-webkit-animation: all 0.3s ease;
-khtml-animation: all 0.3s ease;
-moz-animation: all 0.3s ease;
-ms-animation: all 0.3s ease;
-o-animation: all 0.3s ease;
animation: all 0.3s ease;
}
.nav-mobile-container {
position: fixed;
top: 0;
height: 100%;
width: 260px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
z-index: 100;
left: -100%;
padding: 50px 0 0;
background: #02b4d2;
-webkit-transition: left 0.3s;
-khtml-transition: left 0.3s;
-moz-transition: left 0.3s;
-ms-transition: left 0.3s;
-o-transition: left 0.3s;
transition: left 0.3s;
}
.nav-mobile-container.speed-in {
left: 0;
}
.nav-mobile-container .mobile-login {
display: none;
}
@media only screen and (max-width: 769px) {
.nav-mobile-container .mobile-login {
display: block;
padding: 15px;
color: #fff;
}
.nav-mobile-container .mobile-login ul {
list-style: none;
padding-left: 40px;
position: relative;
}
.nav-mobile-container .mobile-login ul:before {
font-family: "fontello";
content: "\e812";
position: absolute;
top: 0;
left: 0;
font-size: 32px;
}
.nav-mobile-container .mobile-login ul li {
margin-bottom: 10px;
}
.nav-mobile-container .mobile-login ul li a {
color: #fff;
font-weight: 700;
}
}
#navMobile ul.level1 {
margin: 0;
padding: 0;
display: block;
text-align: left;
width: 100%;
}
#navMobile ul.level1 li {
position: relative;
vertical-align: middle;
-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
-khtml-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
min-height: 42px;
max-height: 42px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-height: 42px;
}
#navMobile ul.level1 li:first-child {
-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1),
0 1px 0 0 rgba(0, 0, 0, 0.1);
-khtml-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1),
0 1px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
#navMobile ul.level1 li > a {
display: block;
width: calc(100% - 48px);
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 14px;
clear: none;
padding-left: 15px;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
#navMobile ul.level1 li .nav-click {
position: absolute;
top: 0;
right: 0;
display: none;
-webkit-box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1);
-khtml-box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1);
box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1);
height: 42px;
width: 48px;
cursor: pointer;
}
@media only screen and (max-width: 769px) {
#navMobile ul.level1 li .nav-click {
display: block;
}
}
#navMobile ul.level1 li .nav-click:before {
position: absolute;
top: 14px;
left: 14px;
content: "";
display: inline-block;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
height: 15px;
width: 15px;
-webkit-transform: rotate(135deg);
-khtml-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#navMobile ul.level1 li ul {
position: fixed;
top: 0;
padding: 50px 0 0;
height: 100%;
width: 260px;
margin: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 100;
left: -100%;
background: #02899f;
-webkit-transition: 0.4s ease;
-khtml-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-ms-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
}
#navMobile ul.level1 li ul.is-visible {
left: 0;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
#navMobile ul.level1 li ul .voltarcategoria {
font-size: 16px;
font-weight: 700;
color: #fff;
display: block;
padding: 5px 15px;
}
#navMobile ul.level1 li ul .voltarcategoria:before {
float: left;
margin-right: 10px;
position: relative;
top: 13px;
content: "";
display: inline-block;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
height: 15px;
width: 15px;
-webkit-transform: rotate(315deg);
-khtml-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
}
#navMobile ul.level1 > li {
width: 100%;
}
#lateral ul {
width: 100%;
position: relative;
float: left;
}
#lateral ul > li {
background: #ebebeb;
cursor: pointer;
display: block;
color: #4d4d4d;
font-size: 14px;
font-weight: 700;
border-bottom: 1px solid #ccc;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 100%;
float: left;
}
#lateral ul li:first-child {
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#lateral ul li:last-child {
border-bottom: 0;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
#lateral ul li.default .subCat {
display: block;
}
#lateral ul li.open.parent:before {
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#lateral ul li a {
padding: 15px;
display: inline-block;
}
#lateral ul .parent:before {
float: right;
right: 15px;
top: 18px;
content: "";
display: inline-block;
border-top: 4px solid #000;
border-left: 4px solid #000;
height: 10px;
width: 10px;
-webkit-transform: rotate(225deg);
-khtml-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
position: relative;
}
#lateral ul .subCat {
display: none;
background: #444359;
font-size: 14px;
}
#lateral ul .subCat li {
border-bottom: 1px solid #4b4a5e;
}
#lateral ul .subCat li:before {
border-color: #d9d9d9;
}
#lateral ul .subCat a {
display: inline-block;
text-decoration: none;
color: #d9d9d9;
padding: 12px;
padding-left: 25px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#lateral ul .subCat a:hover {
color: #fff;
text-shadow: 0px 0px 2px #d9d9d9;
}
#lateral ul .subCat.level3 li {
padding-left: 20px;
}
#lateral ul .subCat.level4 li {
padding-left: 40px;
}
#lateral > ul {
margin: 0px auto 20px;
}
.products-grid .item {
display: table;
}
.products-grid .item .product-image-wrapper .product-image {
position: relative;
}
.products-grid .item .product-image-wrapper .product-image img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.products-grid .item .infobox {
float: left;
margin-top: 10px;
min-height: 170px;
display: table;
width: 100%;
}
.products-grid .item .infobox .no-ratings,
.products-grid .item .infobox .ratings {
display: block;
}
.products-grid .item .infobox .product-name {
display: block;
margin: 0 0 5px;
min-height: 33px;
max-height: 33px;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.products-grid .item .infobox .product-name a {
font-family: "Open Sans", sans-serif;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
text-decoration: none;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.products-grid .item .infobox .product-name a:hover {
color: #999;
}
.products-grid .item .infobox .price-box {
padding: 20px 0 0 0;
position: relative;
}
.products-grid .item .infobox .price-box .old-price {
position: absolute;
top: 3px;
margin: 0;
}
.products-grid .item .infobox .price-box .special-price,
.products-grid .item .infobox .price-box .regular-price {
display: block;
margin: 0 0 5px 0;
}
.products-grid .item .infobox .price-box.bundle .regular-price {
display: none;
}
.products-grid .item .infobox .btn-ajax,
.products-grid .item .infobox .bt-add-cart {
background: #4fcd60;
border: none;
color: #fff;
padding: 0;
width: 100%;
line-height: 2.5;
margin: 5px auto;
}
@media only screen and (max-width: 769px) {
.products-grid .item .infobox .btn-ajax,
.products-grid .item .infobox .bt-add-cart {
display: none;
}
}
.products-grid .item .infobox .availability.out-of-stock {
background: #eee;
color: #666;
margin: 0;
padding: 7px 0;
text-align: center;
text-transform: uppercase;
border-top: solid 1px #e5e5e5;
font-size: 12px;
line-height: 2.5;
}
.products-grid .item .infobox .availability.out-of-stock,
.products-grid .item .infobox .bt-add {
position: relative;
display: table-footer-group;
}
.products-list .item {
border-bottom: 1px solid #e5e5e5;
padding-top: 20px;
padding-bottom: 20px;
background-color: #fff;
position: relative;
width: 100%;
float: left;
clear: both;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.products-list .item .product-image-wrapper {
width: 275px;
float: left;
position: relative;
}
@media only screen and (max-width: 769px) {
.products-list .item .product-image-wrapper {
width: 40%;
}
}
.products-list .item .product-image-wrapper a {
display: block;
text-align: center;
}
.products-list .item .product-image-wrapper a img {
width: 100%;
}
.products-list .item .infobox {
width: calc(100% - 275px);
float: left;
position: relative;
padding: 0 0 0 40px;
}
@media only screen and (max-width: 769px) {
.products-list .item .infobox {
width: 60%;
padding: 0 0 0 10px;
}
}
.products-list .item .infobox .product-name {
margin-bottom: 15px;
font-weight: 400;
font-size: 18px;
}
.products-list .item .infobox .price-box .regular-price,
.products-list .item .infobox .price-box .special-price,
.products-list .item .infobox .price-box .old-price {
display: block;
margin: 5px 0;
}
.products-list .item .infobox .btn-ajax {
background: #4fcd60;
border: none;
color: #fff;
padding: 0 15px;
line-height: 2.5;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.products-list .item .infobox .btn-ajax:hover {
background: #34b545;
}
@media only screen and (max-width: 769px) {
.products-list .item .infobox .btn-ajax {
display: none;
}
}
.products-list .item .infobox .availability.out-of-stock {
background: #eee;
color: #666;
margin: 0;
padding: 0 15px;
text-align: center;
text-transform: uppercase;
border-top: solid 1px #e5e5e5;
font-size: 12px;
line-height: 2.5;
display: table;
}
.containerTag {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.containerTag .tag {
font-size: 11px;
padding: 3px 6px;
color: #fff;
}
@media only screen and (max-width: 769px) {
.containerTag .tag {
display: inline-block;
}
}
.containerTag .tag.lancamento {
background: #02b4d2;
}
.containerTag .tag.freteGratis {
background: #02899f;
}
.containerTag .tag.promo {
background: #015d6d;
}
.block-layered-nav,
.category-description {
float: left;
clear: both;
width: 100%;
}
.block-layered-nav .title-filtros,
.category-description .title-filtros {
display: none;
}
.block-layered-nav dt,
.block-layered-nav h4,
.category-description dt,
.category-description h4 {
background: #ebebeb;
padding: 10px 15px;
margin-bottom: 15px;
}
.block-layered-nav dt span,
.block-layered-nav h4 span,
.category-description dt span,
.category-description h4 span {
font-size: 20px;
font-weight: 700;
color: #333;
}
.block-layered-nav dd,
.block-layered-nav article,
.category-description dd,
.category-description article {
padding: 0 15px 10px 15px;
display: table;
width: 100%;
}
.block-layered-nav article span,
.category-description article span {
line-height: 2;
}
.block-layered-nav article img,
.category-description article img {
width: 100%;
}
.block-layered-nav .blocos,
.category-description .blocos {
margin-bottom: 20px;
}
.block-layered-nav .blocos .filtro-cor,
.category-description .blocos .filtro-cor {
float: left;
margin: 0 10px 10px 0;
}
.block-layered-nav .blocos .filtro-cor a,
.category-description .blocos .filtro-cor a {
float: left;
margin: 0;
padding: 0;
}
.block-layered-nav .blocos .filtro-cor span,
.block-layered-nav .blocos .filtro-cor a img,
.category-description .blocos .filtro-cor span,
.category-description .blocos .filtro-cor a img {
float: left;
display: block;
margin: 0;
width: 22px;
height: 22px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.block-layered-nav .blocos .filtro-cor span.branco,
.block-layered-nav .blocos .filtro-cor a img.branco,
.category-description .blocos .filtro-cor span.branco,
.category-description .blocos .filtro-cor a img.branco {
-webkit-box-shadow: inset 0 0 0 1px #ddd;
-khtml-box-shadow: inset 0 0 0 1px #ddd;
-moz-box-shadow: inset 0 0 0 1px #ddd;
-ms-box-shadow: inset 0 0 0 1px #ddd;
-o-box-shadow: inset 0 0 0 1px #ddd;
box-shadow: inset 0 0 0 1px #ddd;
}
.block-layered-nav .blocos .filtro-cor span:hover,
.block-layered-nav .blocos .filtro-cor a img:hover,
.category-description .blocos .filtro-cor span:hover,
.category-description .blocos .filtro-cor a img:hover {
-webkit-transform: scale(1.2);
-khtml-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.block-layered-nav .blocos.box-pre li,
.category-description .blocos.box-pre li {
display: block !important;
}
.block-layered-nav .blocos dd ol li,
.category-description .blocos dd ol li {
display: table;
margin-bottom: 10px;
}
.block-layered-nav .blocos dd ol li label,
.category-description .blocos dd ol li label {
width: 100%;
float: none;
cursor: pointer;
display: table;
}
.block-layered-nav .blocos dd ol li label > span,
.category-description .blocos dd ol li label > span {
display: table-cell;
vertical-align: middle;
}
.block-layered-nav .blocos dd ol li label .style-checkbox,
.category-description .blocos dd ol li label .style-checkbox {
width: 20px;
height: 20px;
margin: 0 10px 0 0;
display: block;
position: relative;
}
.block-layered-nav
.blocos
dd
ol
li
label
.style-checkbox
input[type="checkbox"],
.category-description
.blocos
dd
ol
li
label
.style-checkbox
input[type="checkbox"] {
visibility: hidden;
}
.block-layered-nav .blocos dd ol li label .style-checkbox label,
.category-description .blocos dd ol li label .style-checkbox label {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: inset 0 0 0 1px #666;
-khtml-box-shadow: inset 0 0 0 1px #666;
-moz-box-shadow: inset 0 0 0 1px #666;
-ms-box-shadow: inset 0 0 0 1px #666;
-o-box-shadow: inset 0 0 0 1px #666;
box-shadow: inset 0 0 0 1px #666;
background: #fff;
}
.block-layered-nav .blocos dd ol li label .style-checkbox label:after,
.category-description .blocos dd ol li label .style-checkbox label:after {
position: absolute;
background: transparent;
content: "\2714";
top: -2px;
left: 3px;
font-size: 20px;
color: #02b4d2;
opacity: 0;
filter: alpha(opacity=0);
}
.block-layered-nav .blocos dd ol li label .style-checkbox label:hover:after,
.category-description .blocos dd ol li label .style-checkbox label:hover:after {
opacity: 1;
filter: alpha(opacity=100);
}
.block-layered-nav
.blocos
dd
ol
li
label
.style-checkbox
input[type="checkbox"]:checked
+ label:after,
.category-description
.blocos
dd
ol
li
label
.style-checkbox
input[type="checkbox"]:checked
+ label:after {
opacity: 1;
filter: alpha(opacity=100);
}
.block-layered-nav .blocos dd ol li label:hover .style-checkbox label:after,
.category-description .blocos dd ol li label:hover .style-checkbox label:after {
opacity: 1;
filter: alpha(opacity=100);
}
.block-layered-nav .currently,
.category-description .currently {
float: left;
width: 100%;
margin: 0 0 20px 0;
}
.block-layered-nav .currently .block-subtitle,
.category-description .currently .block-subtitle {
background: #ebebeb;
padding: 10px 15px;
margin-bottom: 15px;
font-size: 20px;
font-weight: 700;
color: #333;
}
.block-layered-nav .currently ol,
.category-description .currently ol {
float: left;
width: 100%;
margin: 0;
padding: 15px;
}
.block-layered-nav .currently ol li,
.category-description .currently ol li {
margin-bottom: 10px;
}
.block-layered-nav .currently .label,
.category-description .currently .label {
font-size: 14px;
font-weight: 700;
}
.block-layered-nav .currently .btn-remove,
.category-description .currently .btn-remove {
font-size: 0;
float: right;
}
.block-layered-nav .currently .btn-remove:before,
.category-description .currently .btn-remove:before {
font-family: "fontello";
content: "\e80e";
font-size: 14px;
color: #333;
}
.block-layered-nav .currently .actions,
.category-description .currently .actions {
float: right;
margin: 5px 0;
}
.block-layered-nav .currently .actions a,
.category-description .currently .actions a {
font-size: 12px;
}
.catalogsearch-result-index .block-layered-nav .title-filtros {
display: block;
margin: 20px 0;
font-size: 24px;
}
@media only screen and (max-width: 769px) {
.catalogsearch-result-index .page-title,
.catalog-category-view .main.container {
padding-top: 40px;
}
.block-layered-nav.filter-mobile {
position: fixed;
z-index: 9;
width: 100%;
left: 0;
top: 46px;
height: 40px;
overflow: hidden;
}
.block-layered-nav.filter-mobile .title-filtros {
display: block;
width: 100%;
text-transform: uppercase;
height: 40px;
line-height: 40px;
background-color: #ebebeb;
font-size: 15px;
margin: 0;
padding: 0 0 0 15px;
position: relative;
-webkit-transition: 0.3s all ease;
-khtml-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-khtml-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.block-layered-nav.filter-mobile .title-filtros:after {
content: "...";
letter-spacing: 3px;
position: absolute;
line-height: 1px;
top: 50%;
right: 10px;
color: inherit;
font-size: 28px;
font-weight: 700;
margin-top: -10px;
-webkit-transition: 0.3s color ease, 0.3s right ease,
0.3s letter-spacing ease;
-khtml-transition: 0.3s color ease, 0.3s right ease,
0.3s letter-spacing ease;
-moz-transition: 0.3s color ease, 0.3s right ease,
0.3s letter-spacing ease;
-ms-transition: 0.3s color ease, 0.3s right ease,
0.3s letter-spacing ease;
-o-transition: 0.3s color ease, 0.3s right ease,
0.3s letter-spacing ease;
transition: 0.3s color ease, 0.3s right ease, 0.3s letter-spacing ease;
}
.block-layered-nav.filter-mobile .title-filtros.active {
margin: 0;
background-color: #02b4d2;
color: #fff;
z-index: 1;
}
.block-layered-nav.filter-mobile .title-filtros.active:after {
content: "X";
-webkit-transition: 0.3s content ease 1s;
-khtml-transition: 0.3s content ease 1s;
-moz-transition: 0.3s content ease 1s;
-ms-transition: 0.3s content ease 1s;
-o-transition: 0.3s content ease 1s;
transition: 0.3s content ease 1s;
font-size: 20px;
letter-spacing: -5px;
margin-top: 0;
line-height: 40px;
top: 0;
right: 15px;
}
.block-layered-nav.filter-mobile .currently .block-subtitle {
font-weight: 400;
font-size: 18px;
}
.block-layered-nav.filter-mobile #narrow-by-list {
overflow-y: auto;
position: absolute;
left: -100%;
width: 100%;
background: #fff;
height: calc(100vh - (46px + 40px));
-webkit-transition: 0.3s all ease;
-khtml-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.block-layered-nav.filter-mobile dt,
.block-layered-nav.filter-mobile dl {
margin-bottom: 0;
}
.block-layered-nav.filter-mobile dt {
position: relative;
border-bottom: 1px #ddd solid;
}
.block-layered-nav.filter-mobile dt span {
font-size: 15px;
font-weight: 400;
}
.block-layered-nav.filter-mobile dt:after {
content: "";
content: "";
display: inline-block;
border-top: 2px solid #333;
border-left: 2px solid #333;
height: 8px;
width: 8px;
-webkit-transform: rotate(135deg);
-khtml-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: 0.3s all ease;
-khtml-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
position: absolute;
right: 10px;
top: 50%;
margin-top: -4px;
}
.block-layered-nav.filter-mobile dd {
display: none;
padding: 20px 30px 10px;
float: left;
width: 100%;
}
.block-layered-nav.filter-mobile .blocos.active dt {
background-color: #02b4d2;
}
.block-layered-nav.filter-mobile .blocos.active dt span {
color: #fff;
}
.block-layered-nav.filter-mobile .blocos.active dt:after {
content: "";
display: inline-block;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
height: 8px;
width: 8px;
-webkit-transform: rotate(225deg);
-khtml-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
margin-top: -6px;
}
.block-layered-nav.filter-mobile.open-filter {
height: 100%;
}
.block-layered-nav.filter-mobile.open-filter #narrow-by-list {
left: 0;
}
}
.jslider {
display: block;
width: 100%;
height: 16px;
position: relative;
top: 0;
margin: 20px 0 30px;
}
.jslider table {
width: 100%;
border-collapse: collapse;
border: 0;
vertical-align: top;
}
.jslider table td,
.jslider table th {
padding: 0;
vertical-align: top;
text-align: left;
border: 0;
width: 100%;
}
.jslider .jslider-bg {
position: relative;
}
.jslider .jslider-bg i {
height: 5px;
position: absolute;
font-size: 0;
top: 0;
background: #666;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.jslider .jslider-bg .l {
width: 50%;
left: 0;
-webkit-border-radius: 5px 0 0 5px;
-khtml-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-ms-border-radius: 5px 0 0 5px;
-o-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
.jslider .jslider-bg .r {
width: 50%;
left: 50%;
-webkit-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-ms-border-radius: 0 5px 5px 0;
-o-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.jslider .jslider-bg .v {
position: absolute;
width: 60%;
left: 20%;
top: 0;
height: 5px;
background: #02b4d2;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.jslider .jslider-pointer {
width: 14px;
height: 14px;
background: #fff;
box-shadow: inset 0 0 0 3px #02899f;
position: absolute;
left: 20%;
top: -4px;
margin-left: -6px;
cursor: w-resize;
cursor: hand;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.jslider .jslider-pointer:hover,
.jslider .jslider-pointer.jslider-pointer-hover {
-webkit-transform: scale(1.2);
-khtml-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.jslider .jslider-pointer.jslider-pointer-to {
left: 80%;
cursor: e-resize;
}
.jslider .jslider-label {
font-size: 9px;
line-height: 12px;
color: black;
opacity: 0.4;
filter: alpha(opacity=40);
white-space: nowrap;
padding: 0px 2px;
position: absolute;
top: -18px;
left: 0px;
}
.jslider .jslider-label.jslider-label-to {
left: auto;
right: 0;
}
.jslider .jslider-label small {
position: relative;
top: -0.4em;
}
.jslider .jslider-value {
font-size: 12px;
white-space: nowrap;
position: absolute;
top: 20px;
left: 20%;
}
.jslider .jslider-value.jslider-value-to {
left: 80%;
}
.jslider .jslider-value small {
position: relative;
top: -0.4em;
}
.jslider .jslider-scale {
position: relative;
top: 9px;
}
.jslider .jslider-scale span {
position: absolute;
height: 5px;
border-left: 1px solid #999;
font-size: 0;
}
.jslider .jslider-scale ins {
font-size: 9px;
text-decoration: none;
position: absolute;
left: 0px;
top: 5px;
color: #999;
}
.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v,
.jslider-limitless .jslider-label {
display: none;
}
.toolbar .tool-list {
display: table;
width: 100%;
font-size: 12px;
}
.toolbar .tool-list > li {
display: table-cell;
vertical-align: middle;
line-height: 30px;
}
@media only screen and (max-width: 769px) {
.toolbar .tool-list > li {
display: table;
margin: 10px auto;
}
}
.toolbar .tool-list > li label {
float: left;
margin: 0 10px 0 0;
}
.toolbar .tool-list .style-select {
position: relative;
float: left;
width: 180px;
height: 30px;
line-height: 30px;
background: #fff;
border: 1px solid #ddd;
overflow: hidden;
}
.toolbar .tool-list .style-select select {
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
background: #fff;
background-image: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 3px 35px 3px 10px;
cursor: pointer;
}
.toolbar .tool-list .style-select select::-ms-expand {
display: none;
}
.toolbar .tool-list .style-select:after {
content: "\25BC";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30px;
text-align: center;
color: #fff;
background: #02b4d2;
pointer-events: none;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.toolbar .tool-list .limiter .style-select {
width: 70px;
}
.toolbar .tool-list .pager .pages {
display: table;
float: right;
}
.toolbar .tool-list .pager li {
float: left;
margin: 0 5px;
padding: 0 6px;
}
.toolbar .tool-list .pager li a {
color: #333;
}
.toolbar .tool-list .pager li a:hover {
color: #02b4d2;
}
.toolbar .tool-list .pager li.current {
background: #02b4d2;
color: #fff;
}
.toolbar .tool-list .pager li.previous,
.toolbar .tool-list .pager li.next {
position: relative;
padding: 0;
width: 20px;
}
.toolbar .tool-list .pager li.previous.disable,
.toolbar .tool-list .pager li.next.disable {
cursor: not-allowed;
opacity: 0.3;
filter: alpha(opacity=30);
}
.toolbar .tool-list .pager li.previous a,
.toolbar .tool-list .pager li.previous span,
.toolbar .tool-list .pager li.next a,
.toolbar .tool-list .pager li.next span {
display: block;
width: 20px;
height: 30px;
font-size: 0;
color: #333;
}
.toolbar .tool-list .pager li.previous a:hover,
.toolbar .tool-list .pager li.previous span:hover,
.toolbar .tool-list .pager li.next a:hover,
.toolbar .tool-list .pager li.next span:hover {
color: #02b4d2;
}
.toolbar .tool-list .pager li.previous a:before,
.toolbar .tool-list .pager li.previous span:before,
.toolbar .tool-list .pager li.next a:before,
.toolbar .tool-list .pager li.next span:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: "fontello";
font-size: 14px;
font-weight: 400;
}
.toolbar .tool-list .pager li.previous a:before,
.toolbar .tool-list .pager li.previous span:before {
content: "\e829";
}
.toolbar .tool-list .pager li.next a:before,
.toolbar .tool-list .pager li.next span:before {
content: "\e82a";
}
.toolbar .tool-list .view-mode strong,
.toolbar .tool-list .view-mode a {
float: left;
margin: 0 5px;
}
.toolbar .tool-list .view-mode strong .icon-mode-grid:before,
.toolbar .tool-list .view-mode strong .icon-mode-list:before,
.toolbar .tool-list .view-mode a .icon-mode-grid:before,
.toolbar .tool-list .view-mode a .icon-mode-list:before {
box-shadow: 0 0 0 2px #02b4d2;
color: #02b4d2;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
font-family: "fontello";
font-size: 14px;
display: block;
}
.toolbar .tool-list .view-mode strong .icon-mode-grid:before,
.toolbar .tool-list .view-mode a .icon-mode-grid:before {
content: "\e81b";
}
.toolbar .tool-list .view-mode strong .icon-mode-list:before,
.toolbar .tool-list .view-mode a .icon-mode-list:before {
content: "\e81c";
}
.toolbar .tool-list .view-mode strong .icon-mode-grid:before,
.toolbar .tool-list .view-mode strong .icon-mode-list:before {
box-shadow: 0 0 0 2px #02899f;
color: #02899f;
}
.toolbar .tool-list .view-mode a:hover .icon-mode-grid:before,
.toolbar .tool-list .view-mode a:hover .icon-mode-list:before {
box-shadow: 0 0 0 2px #015d6d;
color: #015d6d;
}
.toolbar-top,
.toolbar-bottom {
float: left;
width: 100%;
clear: both;
margin: 10px 0;
padding: 10px;
box-shadow: 0 0 0 1px #ddd;
}
.toolbar-top {
margin-bottom: 20px;
}
@media only screen and (max-width: 769px) {
.toolbar-top {
box-shadow: none;
padding: 0;
display: inline-block;
width: auto;
float: right;
}
.toolbar-top .tool-list {
text-align: right;
}
.toolbar-top .tool-list > li {
display: none;
}
.toolbar-top .tool-list > li.pager {
margin: 0;
box-shadow: 0 0 0 1px #ddd;
padding: 10px;
display: inline-block;
}
}
@media only screen and (max-width: 360px) {
.toolbar-top {
display: none;
}
}
.crosssell {
float: left;
width: 100%;
}
.cloud-zoom-lens {
border: 1px solid #888;
background-color: #fff;
cursor: move;
}
.cloud-zoom-title {
display: none;
font-family: Arial, Helvetica, sans-serif;
position: absolute !important;
background-color: #000;
color: #fff;
padding: 3px;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 10px;
top: 0px;
}
.cloud-zoom-big {
border: solid 1px #ddd;
background: #fff;
overflow: hidden;
margin: 0;
}
.cloud-zoom-loading {
color: white;
background: #222;
padding: 3px;
border: 1px solid #000;
}
.product-image .mousetrap {
z-index: 100 !important;
width: 100% !important;
height: 100% !important;
}
#atributos-principal h3 {
color: #999;
font-size: 13px;
padding: 0;
width: auto;
clear: both;
margin: 0 0 5px;
}
#atributos-principal .error-msg {
padding: 15px 15px 15px 55px !important;
background-position: 15px center !important;
margin-bottom: 15px;
}
#atributos-principal .cores-lista-atributos,
#atributos-principal .outros-lista-atributos {
margin: 0 0 15px;
}
#atributos-principal .cores-lista-atributos li,
#atributos-principal .outros-lista-atributos li {
float: left;
}
#atributos-principal .cores-lista-atributos li:not(:last-child),
#atributos-principal .outros-lista-atributos li:not(:last-child) {
margin: 0 15px 0 0;
}
#atributos-principal .cores-lista-atributos li a.desabilitado,
#atributos-principal .outros-lista-atributos li a.desabilitado {
position: relative;
cursor: not-allowed;
}
#atributos-principal .cores-lista-atributos li a.desabilitado:before,
#atributos-principal .outros-lista-atributos li a.desabilitado:before {
position: absolute;
top: -10px;
right: -5px;
z-index: 9;
content: "\e80d";
width: 18px;
height: 18px;
line-height: 18px;
background: #ac258e;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
font-family: "fontello";
text-align: center;
color: #fff;
font-size: 12px;
font-weight: 400;
}
#atributos-principal .cores-lista-atributos li a {
width: 32px;
height: 32px;
float: left;
line-height: 2;
padding: 2px;
margin: 0;
border: solid 1px #ddd;
}
#atributos-principal .cores-lista-atributos li a span {
cursor: pointer;
width: 100%;
height: 100%;
overflow: hidden;
float: left;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#atributos-principal .cores-lista-atributos li a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
#atributos-principal .cores-lista-atributos li a.selecionado {
border: 3px solid #02b4d2;
}
#atributos-principal .cores-lista-atributos li a[data-status*="desabilitado"] {
position: relative;
}
#atributos-principal
.cores-lista-atributos
li
a[data-status*="desabilitado"]
span {
cursor: not-allowed;
}
#atributos-principal
.cores-lista-atributos
li
a[data-status*="desabilitado"]:hover {
border-color: #ebebeb;
}
#atributos-principal .outros-lista-atributos li a {
background: #fff;
display: block;
cursor: pointer;
border: solid 1px #dedddc;
text-align: center;
padding: 4px 4px;
font-size: 12px;
text-decoration: none;
font-weight: 300;
min-width: 30px;
min-height: 30px;
line-height: 1.7;
}
#atributos-principal .outros-lista-atributos li a.selecionado {
background: #a1a1a1;
color: #fff;
text-shadow: none;
}
#atributos-principal .outros-lista-atributos li a[data-status*="desabilitado"] {
opacity: 0.4;
filter: alpha(opacity=40);
cursor: not-allowed;
}
#atributos-principal
.outros-lista-atributos
li
a[data-status*="desabilitado"].desabilitado {
opacity: 1 !important;
}
#atributos-principal .div_oculta {
display: none !important;
}
.colors {
display: table;
margin: 0 auto;
}
.colors .color-list {
float: left;
width: 20px;
height: 20px;
margin: 0 10px 5px 0;
padding: 3px;
cursor: pointer;
-webkit-box-shadow: inset 0 0 0 3px #fff;
-khtml-box-shadow: inset 0 0 0 3px #fff;
-moz-box-shadow: inset 0 0 0 3px #fff;
-ms-box-shadow: inset 0 0 0 3px #fff;
-o-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.colors .color-list:last-child {
margin-right: 0;
}
.colors .color-list:hover {
-webkit-transform: scale(1.5);
-khtml-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.colors .color-list a {
display: block;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
text-align: center;
}
.colors .color-list a.selecionado {
-webkit-transform: scale(1.5);
-khtml-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.colors .color-list.outros-list {
width: auto;
min-width: 20px;
background: #fff;
}
.colors .color-list.outros-list a.selecionado {
padding: 0 3px;
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.6);
-khtml-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.6);
-ms-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.6);
-o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.6);
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.6);
}
.colors .color-list.desabilitado {
opacity: 0.2;
filter: alpha(opacity=20);
cursor: not-allowed;
}
.errors {
color: #ff0000;
font-weight: bold;
display: none;
}
#colorList {
clear: both;
min-height: 50px;
}
#banner-top,
#banner-footer {
display: inline !important;
float: left;
margin: 0;
padding: 0;
width: 100%;
z-index: 0;
overflow: hidden;
}
@media screen and (min-width: 770px) {
#banner-top,
#banner-footer {
min-width: 1170px;
}
}
@media only screen and (max-width: 769px) {
#banner-top,
#banner-footer {
display: none !important;
}
}
@media only screen and (max-width: 769px) {
#banner-category {
display: none !important;
}
}
#banner-minihome {
float: left;
width: 100%;
height: auto;
margin-bottom: 30px;
}
#banner-top-responsivo,
#banner-footer-responsivo,
#banner-category-responsivo {
display: none;
}
@media only screen and (max-width: 769px) {
#banner-top-responsivo,
#banner-footer-responsivo,
#banner-category-responsivo {
display: block;
}
}
#banner_left {
margin: 0;
clear: both;
}
@media only screen and (max-width: 769px) {
#banner_left {
display: none;
}
}
#banner_left li {
float: left;
width: 100%;
margin-bottom: 20px;
text-align: center;
}
#banner_left a,
#banner_left img {
float: none;
margin: 0 auto;
display: inline-block;
}
#banner_left img {
width: 100%;
max-width: 100%;
}
#banner_right li {
width: 100%;
margin-bottom: 10px;
}
#banner_container {
margin: 0 0 20px;
}
#banner_container li {
width: 100%;
}
#banner_container li #flash_container {
width: 100%;
height: 375px;
}
#tabs-produto .accordion-tabs-minimal {
line-height: 1.5;
padding: 0;
}
#tabs-produto .accordion-tabs-minimal::after {
clear: both;
content: "";
display: table;
}
#tabs-produto .accordion-tabs-minimal .tab-header-and-content {
list-style: none;
}
@media only screen and (max-width: 769px) {
#tabs-produto .accordion-tabs-minimal .tab-header-and-content {
background: #fafafa;
}
}
@media only screen and (max-width: 769px) {
#tabs-produto .accordion-tabs-minimal .tab-header-and-content:first-child,
#tabs-produto
.accordion-tabs-minimal
.tab-header-and-content:first-child
a {
border-radius: 0.3em 0.3em 0 0;
}
}
@media only screen and (max-width: 769px) {
#tabs-produto .accordion-tabs-minimal .tab-header-and-content:last-child,
#tabs-produto .accordion-tabs-minimal .tab-header-and-content:last-child a {
border-radius: 0 0 0.3em 0.3em;
}
}
@media only screen and (max-width: 769px) {
#tabs-produto
.accordion-tabs-minimal
.tab-header-and-content:last-child
.is-open {
border-bottom: 1px solid #e1e1e1;
border-radius: 0 0 0.3em 0.3em;
}
}
@media only screen and (max-width: 769px) {
#tabs-produto
.accordion-tabs-minimal
.tab-header-and-content:last-child
a.is-active {
border-radius: 0 !important;
border-top: none;
}
}
#tabs-produto .accordion-tabs-minimal .tab-link {
color: #ccc;
display: block;
text-decoration: none;
padding: 5px;
font-family: "Open Sans", sans-serif;
font-size: 25px;
font-weight: bold;
}
@media only screen and (max-width: 769px) {
#tabs-produto .accordion-tabs-minimal .tab-link {
border: 1px solid #e2e2e2;
}
#tabs-produto .accordion-tabs-minimal .tab-link:after {
content: "+";
font-size: 25px;
line-height: 1.5;
float: right;
margin-right: 10px;
}
#tabs-produto .accordion-tabs-minimal .tab-link.semSeta:after {
display: none;
}
}
#tabs-produto .accordion-tabs-minimal .tab-link:hover {
color: #ac258e;
}
#tabs-produto .accordion-tabs-minimal .tab-link:focus {
outline: none;
}
@media only screen and (max-width: 769px) {
#tabs-produto .accordion-tabs-minimal .tab-link.is-active {
display: block;
position: relative;
color: #02b4d2;
background: #f1f1f1;
text-decoration: none;
z-index: 3;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
-webkit-transition: all 0.25s ease;
-khtml-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#tabs-produto .accordion-tabs-minimal .tab-link.is-active:after {
content: "-";
font-size: 30px;
line-height: 1;
color: #02b4d2;
float: right;
margin-right: 10px;
}
}
#tabs-produto .accordion-tabs-minimal .tab-content {
display: none;
padding: 1.5em 1.618em;
width: 100%;
font-family: "Open Sans", sans-serif;
color: #333;
-webkit-transition: all 0.25s ease;
-khtml-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
@media only screen and (max-width: 769px) {
#tabs-produto .accordion-tabs-minimal .tab-content {
border-left: 1px solid #f3eded;
border-right: 1px solid #f3eded;
}
}
@media screen and (min-width: 770px) {
#tabs-produto .accordion-tabs-minimal .tab-header-and-content {
display: inline;
}
#tabs-produto .accordion-tabs-minimal .tab-link {
border-top: 0;
display: inline-block;
-webkit-transition: all 0.25s ease;
-khtml-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
border-bottom: 3px solid transparent;
margin-bottom: -3px;
}
#tabs-produto .accordion-tabs-minimal .tab-link.is-active {
border-bottom: 3px solid #02b4d2;
margin-bottom: -3px;
color: #333;
}
#tabs-produto .accordion-tabs-minimal .tab-content {
border-top: 3px solid #dcdcdc;
float: left;
}
}
div.rating-cancel,
div.star-rating {
float: left;
width: 17px;
height: 17px;
text-indent: -999em;
cursor: pointer;
display: block;
background: transparent;
overflow: hidden;
}
div.rating-cancel,
div.rating-cancel a {
display: none !important;
}
div.rating-cancel a,
div.star-rating a {
float: left;
width: 19px;
height: 18px;
font-size: 0;
line-height: 0;
text-indent: -999em;
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: middle;
}
div.rating-cancel a:before,
div.star-rating a:before,
div.star-rating-hover a:before,
div.star-rating-on a:before {
font-family: "fontello";
content: "\e802\20";
width: 19px;
height: 25px;
color: #ccc;
display: block;
font-size: 18px;
line-height: 20px;
}
div.star-rating-hover a:before,
div.star-rating-on a:before {
color: #ffc600 !important;
}
div.star-rating-readonly a {
cursor: default !important;
}
div.star-rating {
background: transparent !important;
overflow: hidden !important;
height: 17px;
margin-right: 3px;
}
.ratingBox {
float: none;
width: auto;
margin: 0 0 10px;
display: table;
}
.ratingBox .label {
padding-right: 10px;
font-weight: 400;
width: auto;
display: table-cell;
vertical-align: middle;
}
.ratingBox .value {
float: left;
}
.price-box {
font-family: "Open Sans", sans-serif;
color: #333;
line-height: 1;
}
.price-box .minimal-price {
font-size: 18px;
}
.price-box .minimal-price .price {
color: #ac258e;
font-weight: bold;
}
.price-box .price-from .price-label,
.price-box .price-to .price-label {
display: inline-block;
}
.price-box .old-price,
.price-box .special-price {
margin: 5px 0;
}
.price-box .old-price .price-label {
text-decoration: line-through;
}
.price-box .old-price .price {
font-weight: bold;
text-decoration: line-through;
}
.price-box .price-from .price,
.price-box .price-to .price,
.price-box .special-price .price,
.price-box .regular-price .price {
color: #ac258e;
font-weight: bold;
font-size: 20px;
}
.price-box .parcelaBloco .parcela,
.price-box .parcelaBloco .xparc,
.price-box .parcelaBloco .price {
font-weight: bold;
}
.price-box .parcelaBloco > div {
margin-bottom: 5px;
}
.price-box .boletoBox {
margin-bottom: 10px;
display: block;
}
.price-box .boletoBox .price {
font-weight: bold;
}
.price-box.bundle .price-from {
margin-bottom: 0;
}
.price-box.bundle .price-to {
margin-bottom: 2px;
}
.price-box.bundle .price-from .price,
.price-box.bundle .price-to .price {
color: #ac258e;
font-weight: bold;
font-size: 20px;
}
.product-view .product-image {
display: block;
float: left;
border: solid 1px #ddd;
width: 100%;
margin: 0 0 15px;
position: relative;
z-index: 5;
}
.product-view .product-image img {
width: 100%;
}
.product-view #galeria-bt {
display: none;
}
.product-view #socialWrap {
display: table;
float: left;
margin-top: 10px;
}
@media only screen and (max-width: 769px) {
.product-view #socialWrap {
margin-bottom: 10px;
}
}
.product-view #socialWrap h4 {
width: auto;
display: table-cell;
margin: 0;
vertical-align: middle;
}
.product-view #socialWrap #share-product {
clear: both;
margin: 0;
display: table-cell;
}
.product-view #socialWrap #share-product li {
float: left;
margin: 0 5px 0px 0;
list-style: none;
}
.product-view #socialWrap #share-product li a {
float: left;
background-color: #02b4d2;
width: 22px;
height: 22px;
color: #fff;
text-decoration: none;
padding-top: 3px;
overflow: hidden;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.product-view #socialWrap #share-product li a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
background-color: #ac258e;
}
.product-view #socialWrap #share-product li a:before {
font-size: 15px;
}
.product-view #socialWrap #share-product li.pinterest a {
background: #02b4d2;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
font-size: 0;
text-indent: 0;
padding: 0;
}
.product-view #socialWrap #share-product li.pinterest a:before {
content: "\f231";
font-family: "fontello";
font-size: 16px;
color: #fff;
}
.product-view #socialWrap #share-product li.pinterest a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
background-color: #ac258e;
}
.product-view #socialWrap #share-product li:last-child {
margin-right: 0;
}
@media only screen and (max-width: 769px) {
.product-view #socialWrap h4,
.product-view #socialWrap #share-product {
display: block;
width: 100%;
}
}
.product-view .tag {
float: left;
margin: 0;
padding: 5px 15px;
text-align: center;
display: block;
clear: both;
text-transform: uppercase;
font-weight: bold;
font-family: "Open Sans", sans-serif;
line-height: 1.2;
background-color: #ac258e;
color: #fff;
width: auto;
}
.product-view .tag.promo {
position: absolute;
z-index: 5;
right: 10px;
font-size: 15px;
width: 50px;
padding: 10px 0 5px;
top: 1px;
}
.product-view .tag.promo:after {
content: "";
position: absolute;
bottom: -14px;
left: 0;
width: 0;
height: 0;
content: " ";
border: 62px solid rgba(255, 171, 27, 0);
border-top-color: #ac258e;
border-bottom-width: 0;
border-top-width: 14px;
border-left-width: 25px;
border-right-width: 25px;
}
.product-view .tag.esgotado {
background: red;
}
.product-view .tag.freteGratis {
background: #1fc76a;
font-size: 11px;
margin: 10px 0;
float: none;
}
.product-view .product-shop {
float: left;
margin-bottom: 20px;
}
.product-view .product-shop .product-name {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
.product-view .product-shop .product-name h2 {
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
margin: 0 0 5px;
}
.product-view .product-shop .bloco-info-produto {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
padding-bottom: 10px !important;
}
.product-view .product-shop #info-secondaria div span {
color: #999;
font-family: "Open Sans", sans-serif;
font-size: 13px;
}
.product-view .product-shop #info-secondaria div span.disponivel {
color: #1aaf63;
}
.product-view .product-shop #info-secondaria div span.indisponivel {
color: #eb501c;
}
@media only screen and (max-width: 769px) {
.product-view .product-shop #info-secondaria > div > div {
width: auto;
float: none;
margin: 0 auto;
display: table;
margin-bottom: 5px;
}
}
.product-view .product-shop #info-secondaria .sku-align > span {
width: auto;
float: right;
}
@media only screen and (max-width: 769px) {
.product-view .product-shop #info-secondaria .sku-align > span {
float: none;
margin: 0 auto;
display: table;
}
}
.product-view .product-shop #info-secondaria .grid12-5 {
text-align: center;
}
.product-view .product-shop #descricao-produto {
font-family: "Open Sans", sans-serif;
color: #333;
font-size: 12px;
text-align: center;
clear: both;
}
.product-view .product-shop .box-additional {
float: left;
width: 100%;
}
.product-view .product-shop .box-additional .containerAtributo {
float: left;
width: 100%;
display: table;
}
.product-view .product-shop .box-additional p.required {
display: none;
}
.product-view .product-shop .preco-comprar {
float: left;
width: 100%;
padding-bottom: 20px;
}
@media only screen and (max-width: 769px) {
.product-view .product-shop .preco-comprar {
padding: 0;
}
}
.product-view .product-shop .preco-comprar .price-box .old-price,
.product-view .product-shop .preco-comprar .price-box .special-price {
font-size: 13px;
}
.product-view .product-shop .preco-comprar .price-box .special-price .price,
.product-view .product-shop .preco-comprar .price-box .regular-price .price {
font-size: 30px;
}
.product-view .product-shop .preco-comprar .price-box .parcelaBloco,
.product-view .product-shop .preco-comprar .price-box .boletoBox {
font-size: 15px;
}
.product-view .product-shop .preco-comprar .add-to-cart {
float: left;
margin: 0 0 15px 0;
width: 100%;
display: table;
}
.product-view .product-shop .preco-comprar .add-to-cart > span {
margin: 0;
color: #8d8d8d;
font-family: "Open Sans", sans-serif;
font-size: 16px;
position: relative;
display: table-cell;
vertical-align: middle;
}
.product-view .product-shop .preco-comprar .add-to-cart .qty-wrapper {
border: 1px solid #ebebeb;
float: left;
width: 140px;
margin-right: 10px;
clear: both;
background: #fff;
padding: 3px;
display: table-cell;
}
.product-view .product-shop .preco-comprar .add-to-cart .arrow {
position: relative;
cursor: pointer;
margin: 0;
width: 19px;
height: 20px;
background-color: #e4e4e4;
border: none;
font-size: 0;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.product-view .product-shop .preco-comprar .add-to-cart .arrow.inc {
float: right;
}
.product-view .product-shop .preco-comprar .add-to-cart .arrow.inc:before,
.product-view .product-shop .preco-comprar .add-to-cart .arrow.inc:after {
content: "";
width: 10px;
height: 2px;
background: #666;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-view .product-shop .preco-comprar .add-to-cart .arrow.inc:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-khtml-transform: translate(-50%, -50%) rotate(90deg);
-moz-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
-o-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.product-view .product-shop .preco-comprar .add-to-cart .arrow.dec {
float: left;
}
.product-view .product-shop .preco-comprar .add-to-cart .arrow.dec:before {
content: "";
width: 10px;
height: 2px;
background: #666;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-view .product-shop .preco-comprar .add-to-cart .inc::selection,
.product-view .product-shop .preco-comprar .add-to-cart .dec::selection {
background: transparent;
}
.product-view .product-shop .preco-comprar .add-to-cart .qty {
float: none;
clear: both;
margin: 0;
padding: 0;
width: 90px !important;
height: 20px;
border: none;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 700;
color: #afafaf;
text-align: center;
text-indent: 0;
}
.product-view .product-shop .preco-comprar .btn-special {
background-color: #4fcd60;
color: #fff;
font-size: 27px;
font-weight: 700;
margin: 0;
line-height: 1.3;
width: 100%;
padding: 20px 35px;
position: relative;
clear: both;
float: left;
font-family: "Open Sans", sans-serif;
border: solid 1px #3bc74e;
text-transform: uppercase;
text-shadow: 1px 2px 0px #3bc74e;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.product-view .product-shop .preco-comprar .btn-special:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.product-view .product-shop .preco-comprar .add-carrinho-view,
.product-view .product-shop .preco-comprar .link-wishlist {
margin-top: 10px;
background-color: #ac258e;
width: 100%;
float: left;
line-height: 1.3;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: 700;
font-family: "Open Sans", sans-serif;
font-size: 13px;
color: #fff;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.product-view .product-shop .preco-comprar .add-carrinho-view:hover,
.product-view .product-shop .preco-comprar .link-wishlist:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.product-view .product-shop .preco-comprar .formas {
margin-top: 10px;
}
.product-view .product-shop .preco-comprar .formas a {
color: #333;
font-family: "Open Sans", sans-serif;
font-weight: bold;
font-size: 13px;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.product-view .product-shop .preco-comprar .formas a:hover,
.product-view .product-shop .preco-comprar .formas a:before {
color: #ac258e;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
margin-right: 8px;
}
.product-view .product-shop .preco-comprar .formas a:hover::before {
-webkit-transform: rotate(-30deg);
-khtml-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
transform: rotate(-30deg);
-webkit-transform-origin: bottom left;
-khtml-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-ms-transform-origin: bottom left;
-o-transform-origin: bottom left;
transform-origin: bottom left;
}
@media only screen and (max-width: 769px) {
.product-view .product-shop .preco-comprar .formas {
margin-bottom: 10px;
}
}
.product-view .box-video {
float: left;
display: block;
width: 100%;
margin: 15px 0 25px;
padding: 15px;
}
.product-view .box-video .videoWrap {
position: relative;
width: 100%;
height: 0;
padding-top: 56.6%;
margin: 0 auto;
}
.product-view .box-video .videoWrap iframe {
border: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
#overlay-pagamento,
#pagamento-wrap {
font-family: "Open Sans", sans-serif;
background: #fff;
}
#overlay-pagamento h4,
#pagamento-wrap h4 {
line-height: 1.4;
padding: 5px 10px;
color: #fff;
margin: 0 0 10px;
font-size: 15px;
text-align: center;
font-weight: 300;
background: #02b4d2;
text-transform: uppercase;
}
#overlay-pagamento h5,
#pagamento-wrap h5 {
padding: 0;
margin: 0 0 5px;
font-size: 20px;
font-weight: 300;
float: left;
width: 100%;
}
#overlay-pagamento .content,
#pagamento-wrap .content {
padding: 10px;
}
#overlay-pagamento .price-boleto,
#pagamento-wrap .price-boleto {
font-size: 16px;
font-weight: 700;
display: block;
clear: both;
float: left;
margin: 0 5px 0 0;
}
#overlay-pagamento .table-pagamento,
#pagamento-wrap .table-pagamento {
width: 100%;
display: table;
margin: 0 0 10px;
}
#overlay-pagamento .table-pagamento th,
#pagamento-wrap .table-pagamento th {
color: #666666;
font-size: 12px;
font-weight: bold;
padding: 5px 0 5px 2%;
width: 23%;
text-align: left;
}
#overlay-pagamento .table-pagamento td,
#pagamento-wrap .table-pagamento td {
color: #808080;
font-size: 12px;
padding: 3px 0 3px 2%;
width: 23%;
}
#overlay-pagamento .table-pagamento tr.odd,
#pagamento-wrap .table-pagamento tr.odd {
background: none repeat scroll 0 0 #f2f2f2;
}
#overlay-pagamento .table-pagamento ul.coluna,
#pagamento-wrap .table-pagamento ul.coluna {
display: inline-block;
float: left;
padding: 5px 10px;
}
.rating-box {
width: 91px;
height: 16px;
font-size: 0;
line-height: 0;
text-indent: -999em;
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: middle;
}
.rating-box:before {
font-family: "fontello";
content: "\e802\20\e802\20\e802\20\e802\20\e802";
width: 91px;
height: 16px;
color: #ccc;
display: block;
font-size: 16px;
line-height: 16px;
}
@-moz-document url-prefix() {
.rating-box:before {
font-size: 15px;
}
}
.rating-box .rating {
float: left;
height: 16px;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.rating-box .rating:before {
font-family: "fontello";
content: "\e802\20\e802\20\e802\20\e802\20\e802";
width: 91px;
height: 16px;
color: #ffc600;
display: block;
font-size: 16px;
line-height: 16px;
}
@-moz-document url-prefix() {
.rating-box .rating:before {
font-size: 15px;
}
}
#avaliacoes {
float: left;
width: 100%;
clear: both;
}
#avaliacoes .ratings.media,
#avaliacoes .no-ratings.media {
width: auto;
float: right;
display: table;
padding: 10px 0;
}
#avaliacoes .ratings.media .amount,
#avaliacoes .no-ratings.media .amount {
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
font-size: 14px;
vertical-align: middle;
display: table-cell;
}
#avaliacoes .ratings.media .rating-box,
#avaliacoes .no-ratings.media .rating-box {
margin-left: 10px;
float: right;
}
#avaliacoes #review-product-principal {
float: left;
margin: 0 0 10px;
}
#avaliacoes #review-product-principal .reader-review-geral {
display: block;
}
#avaliacoes #review-product-principal .avaliacoes-individuais {
float: right;
font-family: "Open Sans", sans-serif;
padding: 0 10px;
}
@media only screen and (max-width: 769px) {
#avaliacoes #review-product-principal .avaliacoes-individuais {
margin-bottom: 20px;
}
}
#avaliacoes #review-product-principal .avaliacoes-individuais .no-reviews-yet {
padding-top: 50px;
font-size: 18px;
display: block;
text-align: center;
}
@media only screen and (max-width: 769px) {
#avaliacoes
#review-product-principal
.avaliacoes-individuais
.no-reviews-yet {
padding-top: 10px;
font-size: 16px;
}
}
#avaliacoes #review-product-principal .avaliacoes-individuais .hidereview {
display: none;
}
#avaliacoes #review-product-principal .avaliacoes-individuais .interna-review {
font-family: "Open Sans", sans-serif;
color: #333;
margin-bottom: 20px;
}
#avaliacoes
#review-product-principal
.avaliacoes-individuais
.interna-review
.review-titulo {
font-weight: 700;
}
#avaliacoes
#review-product-principal
.avaliacoes-individuais
.interna-review
.review-nome {
float: left;
margin-right: 10px;
margin-top: 5px;
}
#avaliacoes
#review-product-principal
.avaliacoes-individuais
.interna-review
.morecontent {
display: none;
}
#avaliacoes
#review-product-principal
.avaliacoes-individuais
.interna-review
.morelink {
display: block;
color: #ac258e;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
#avaliacoes
#review-product-principal
.avaliacoes-individuais
.interna-review
.morelink:hover {
color: #02b4d2;
}
#avaliacoes
#review-product-principal
.avaliacoes-individuais
.interna-review
.review-nome,
#avaliacoes
#review-product-principal
.avaliacoes-individuais
.interna-review
.rating-box {
float: none;
display: inline-block;
vertical-align: middle;
}
#avaliacoes
#review-product-principal
.avaliacoes-individuais
.interna-review
.descricao {
margin-top: 10px;
line-height: 1.5;
}
#avaliacoes #review-product-principal .avaliacoes-contadoras {
float: left;
padding: 10px 60px 10px 0;
}
@media only screen and (max-width: 769px) {
#avaliacoes #review-product-principal .avaliacoes-contadoras {
width: 100%;
padding: 10px 0;
}
}
#avaliacoes #review-product-principal .avaliacoes-contadoras .star-prc {
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: normal;
color: #4d4d4d;
float: left;
width: 325px;
margin: 0 0 10px 10px;
}
@media only screen and (max-width: 360px) {
#avaliacoes #review-product-principal .avaliacoes-contadoras .star-prc {
margin-left: 0;
}
}
@media only screen and (max-width: 769px) {
#avaliacoes #review-product-principal .avaliacoes-contadoras .star-prc {
width: 100%;
}
}
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.n-estrela {
float: left;
margin-right: 20px;
color: #ffc600;
font-weight: 500;
font-size: 14px;
font-family: "Open Sans", sans-serif;
min-width: 15px;
text-align: center;
}
@media only screen and (max-width: 360px) {
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.n-estrela {
display: none;
}
}
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.estrelas-barra-out {
width: 160px;
height: 16px;
float: left;
margin-right: 20px;
background: #bdbdbd;
font-size: 10px;
color: #fff;
margin-top: 1px;
}
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.estrelas-barra-out
span {
display: none;
}
@media only screen and (max-width: 360px) {
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.estrelas-barra-out {
margin-right: 10px;
}
}
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.estrelas-barra-out
.estrelas-barra-in {
float: left;
background: #ffc600;
height: 16px;
}
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.estrelas {
width: 91px;
height: 16px;
font-size: 0;
line-height: 0;
text-indent: -999em;
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: middle;
}
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.estrelas:before {
font-family: "fontello";
content: "\e802\20\e802\20\e802\20\e802\20\e802";
width: 91px;
height: 16px;
color: #ccc;
display: block;
font-size: 16px;
line-height: 16px;
}
@-moz-document url-prefix() {
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.estrelas:before {
font-size: 15px;
}
}
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.estrelas
.estrelas-top {
float: left;
height: 16px;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.estrelas
.estrelas-top:before {
font-family: "fontello";
content: "\e802\20\e802\20\e802\20\e802\20\e802";
width: 91px;
height: 16px;
color: #ffc600;
display: block;
font-size: 16px;
line-height: 16px;
}
@-moz-document url-prefix() {
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.star-prc
.estrelas
.estrelas-top:before {
font-size: 15px;
}
}
#avaliacoes #review-product-principal .avaliacoes-contadoras .info-avaliacoes {
display: table;
}
#avaliacoes
#review-product-principal
.avaliacoes-contadoras
.info-avaliacoes
span {
font-family: "Open Sans", sans-serif;
vertical-align: middle;
display: table-cell;
text-align: right;
width: 205px;
color: #333;
font-size: 14px;
font-weight: 500;
}
#avaliacoes #review-product-principal .mais.button {
float: right;
text-align: center;
text-transform: uppercase;
font-size: 12px;
}
#freteproduto {
float: left;
margin: 0;
width: 100%;
padding: 15px;
background-color: #f9f9f9;
border: 1px solid #fff;
outline: 1px solid #dbdbdb;
}
#freteproduto h4 {
font-size: 11px;
margin: 0 0 5px;
font-weight: 700;
color: #333;
line-height: 2;
float: left;
width: 100%;
display: flex;
}
#freteproduto h4:before {
content: "\e801";
float: left;
font-size: 30px;
color: #02b4d2;
}
#freteproduto h4 label {
font-family: "Open Sans", sans-serif;
font-size: 11px;
color: #4f4f4e;
}
#freteproduto h4 label span {
display: block;
float: left;
width: 100%;
line-height: 1;
font-weight: 300;
}
#freteproduto h4 label span.title {
color: #727272;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
}
#freteproduto h4 label span.subtitle {
font-size: 12px;
}
#freteproduto div span.fretes {
color: #7b7b7b;
font-style: italic;
font-size: 14px;
float: right;
}
#freteproduto div {
margin: 0;
}
#freteproduto > div > div {
margin: 0;
}
@media only screen and (max-width: 769px) {
#freteproduto > div > div {
width: 50% !important;
}
}
@media only screen and (max-width: 360px) {
#freteproduto > div > div {
width: 100% !important;
}
}
#freteproduto .containerFrete {
width: 100%;
}
#freteproduto #postcode {
width: 110px;
height: 25px;
margin: 0;
padding: 0 5px;
}
#freteproduto .btn-frete {
padding: 5px 5px 6px 5px;
background: #02b4d2;
border: none;
font-family: "Open Sans", sans-serif;
font-weight: bold;
color: #fff;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
cursor: pointer;
}
#freteproduto .btn-frete:hover {
background-color: #ac258e;
}
#freteproduto a {
color: #333;
text-decoration: underline;
margin-top: 3px;
font-size: 13px;
float: right;
width: auto;
line-height: 1.7;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
#freteproduto a:hover {
color: #999;
}
@media only screen and (max-width: 360px) {
#freteproduto a {
float: left;
}
}
#freteproduto #shipping-rates {
clear: both;
float: left;
padding: 0;
margin: 0;
width: 100%;
}
#freteproduto #shipping-rates .price {
font-size: 13px;
font-weight: bold;
float: right;
}
#freteproduto #shipping-rates li {
margin-top: 5px;
font-family: "Open Sans", sans-serif;
list-style: none;
}
#freteproduto #shipping-rates li:first-child {
border-top: 1px solid #dbdbdb;
padding-top: 20px;
}
#freteproduto #postcode3 {
float: left;
height: 30px;
margin-right: 5px;
width: 90px;
text-align: center;
border: 1px solid #b7b7b7;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
#freteproduto #postcode4 {
float: left;
height: 30px;
width: 35px;
margin-right: 5px;
text-align: center;
border: 1px solid #b7b7b7;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
#freteproduto #postcode {
clear: both;
width: 100px;
font-size: 16px;
margin: 0 5px 0 0;
font-weight: bold;
text-align: center;
height: 30px;
}
#freteproduto input#postcode:invalid {
box-shadow: none;
}
#freteproduto #fp-loader {
display: none;
margin-top: 10px;
float: left;
clear: both;
width: 100%;
text-align: left;
}
#freteproduto #fp-loader img {
display: block;
margin: 0 0 0 80px;
float: left;
}
#freteproduto .div-shipping {
background: #fff0f0;
border: 1px solid #ff0000;
padding: 10px;
}
#freteproduto .error-shipping {
color: #ff0000;
}
.attrshipping {
display: none !important;
}
.product-options {
position: relative;
clear: both;
width: 100%;
}
.product-options dt {
font-weight: normal;
}
.product-options dt label {
display: inline-block;
font-weight: bold;
}
.product-options dt label.required em {
float: right;
margin-left: 3px;
}
.product-options dt .qty-disabled {
background: none;
border: 0;
padding: 3px;
}
.product-options dd {
margin: 3px 0 10px;
}
.product-options dd .qty-holder {
display: block;
padding: 5px 0 0;
}
.product-options dd .qty-holder label {
vertical-align: middle;
}
.product-options dd input.input-text {
width: 100%;
}
.product-options dd input.datetime-picker {
width: 150px;
}
.product-options dd .time-picker {
display: -moz-inline-box;
display: inline-block;
padding: 2px 0;
vertical-align: middle;
}
.product-options dd textarea {
width: 100%;
height: 8em;
}
.product-options dd select {
width: 100%;
}
.product-options dd .multiselect option {
border-bottom: 1px dotted #d9e5ee;
padding: 2px 4px;
}
.product-options dl.last dd.last {
border-bottom: 0;
}
.product-options ul.options-list {
margin-right: 5px;
}
.product-options ul.options-list li {
line-height: 1.5;
padding: 2px 0;
}
.product-options ul.options-list input.radio,
.product-options ul.options-list input.checkbox {
float: left;
}
.product-options ul.options-list .label {
display: block;
margin-left: 18px;
}
.product-options ul.options-list label {
font-weight: normal;
}
.product-options ul.validation-failed {
padding: 0 7px;
}
.product-options p.note {
margin: 0;
font-size: 0.9166em;
}
.product-options-bottom {
margin-top: 20px;
}
.product-options-bottom .tier-prices {
margin: 0 0 10px;
padding: 0;
border: 0;
background: 0;
}
.product-options-bottom .tier-prices li {
background: 0;
padding: 2px 0;
}
.product-options-bottom .price-tax {
float: left;
}
.product-shop .product-options-bottom {
margin: 0;
}
.product-shop .product-options-bottom .price-label {
float: none;
padding-right: 0;
}
.product-shop .product-options-bottom .price-tax {
float: none;
}
.product-shop .product-options-bottom .add-to-cart-box {
clear: both;
float: left;
padding-top: 12px;
}
.list-products .block-subtitle,
.list-products .related-checkbox {
display: none;
}
.blocoReview {
float: left;
width: 100%;
}
.blocoReview h2 {
font-weight: 600;
font-size: 15px;
}
.blocoReview .form-list input.input-text {
width: 100%;
float: none;
clear: both;
}
#formReview {
float: left;
width: 100%;
}
#formReview h2 {
margin-bottom: 10px;
}
#formReview #review-form .ratingBox {
position: relative;
margin-bottom: 5px;
}
#formReview #review-form .ratingBox .erroEstrelas {
display: none;
position: absolute;
top: 100%;
left: 50px;
background: #fff;
width: 150px;
padding: 7px;
font-size: 12px;
font-weight: 300;
line-height: 1;
-webkit-box-shadow: 0 0 0 1px red;
-khtml-box-shadow: 0 0 0 1px red;
-moz-box-shadow: 0 0 0 1px red;
-ms-box-shadow: 0 0 0 1px red;
-o-box-shadow: 0 0 0 1px red;
box-shadow: 0 0 0 1px red;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
z-index: 1;
}
#formReview #review-form .ratingBox .erroEstrelas:before {
position: absolute;
top: -5px;
left: 8px;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 5px 7px;
border-color: transparent transparent #fff transparent;
z-index: 3;
}
#formReview #review-form .ratingBox .erroEstrelas:after {
position: absolute;
top: -6px;
left: 7px;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 6px 8px;
border-color: transparent transparent red transparent;
z-index: 2;
}
#formReview #review-form .form-list li {
float: none;
}
#formReview #review-form .form-list li input,
#formReview #review-form .form-list li textarea {
width: 100%;
}
#formReview #review-form button {
width: 100%;
margin: 0;
cursor: pointer;
border: none;
float: left;
white-space: nowrap;
}
#formReview #review-form button:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
#formReview #review-form .form-list {
padding: 0;
width: 100%;
float: left;
}
#formReview #review-form fieldset {
padding: 0;
margin: 0 0 10px;
}
.comprejunto {
float: left;
width: 100%;
margin: 0 0 30px;
clear: both;
padding: 0;
position: relative;
font-size: 13px;
}
@media only screen and (max-width: 769px) {
.comprejunto {
display: none;
}
}
.comprejunto .produtos {
padding: 0;
clear: both;
margin: 0;
float: left;
width: 100%;
}
.comprejunto .produtos .item {
float: left;
width: 100%;
margin: 0 0 25px;
height: auto;
padding: 0;
}
.comprejunto .produtos .item:first-child {
border: none;
}
.comprejunto .produtos .item .opcoes {
float: left;
margin: 0;
width: 100%;
}
.comprejunto .produtos .item .opcoes img {
display: block;
width: 100%;
}
.comprejunto .produtos .item .opcoes .formcomprejunto {
float: left;
width: 100%;
height: 100%;
display: table;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .product {
padding: 0 10px 0 0;
display: block;
float: left;
margin: 0;
width: 40%;
position: relative;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .product:after {
font-size: 55px;
color: #000;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.comprejunto
.produtos
.item
.opcoes
.formcomprejunto
.product:nth-child(1):after {
content: "+";
}
.comprejunto
.produtos
.item
.opcoes
.formcomprejunto
.product:nth-child(2):after {
content: "=";
}
.comprejunto .produtos .item .opcoes .formcomprejunto .product .product-name {
padding: 0;
clear: both;
margin: 0;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .product .product-name a {
text-decoration: none;
float: left;
font-size: 14px;
color: #000;
clear: both;
width: 100%;
margin: 0;
}
.comprejunto
.produtos
.item
.opcoes
.formcomprejunto
.product
.product-name
a:hover {
color: #222;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .product label {
font-weight: 400;
display: block;
font-size: 12px;
padding: 5px 0 0 0;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .product .selectAttr {
width: 100px;
padding: 2px;
margin: 0 20px 5px 0;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .product .paddIgual {
padding-right: 50px;
margin-bottom: 0;
position: relative;
display: inline-block;
height: 100%;
}
.comprejunto
.produtos
.item
.opcoes
.formcomprejunto
.product
.paddIgual
.boxPrecoUnit
.precoindividual {
font-size: 14px;
color: #888;
text-decoration: line-through;
margin-bottom: 0;
}
.comprejunto
.produtos
.item
.opcoes
.formcomprejunto
.product
.paddIgual
.boxPrecoUnit
.precoindividual2 {
font-size: 16px;
color: #ac258e;
margin-bottom: 0;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .box-novo {
border: 1px solid #ebebeb;
padding: 28px 10px;
float: left;
width: 20%;
text-align: center;
color: #000;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .box-novo h4 {
font-size: 18px;
margin-bottom: 10px;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .box-novo .parcelaBloco {
display: block;
color: #191919;
margin-bottom: 0;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .box-novo .antigo {
float: left;
width: 100%;
margin: 0 0 5px;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .box-novo .novo {
display: block;
color: #4b4b4c;
margin: 0;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .box-novo .novo b {
font-size: 18px;
font-weight: 700;
color: #ac258e;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .box-novo .btnadd {
height: auto;
font-size: 14px;
padding: 0 10px;
line-height: 2.4;
width: 100%;
margin: 10px 0 0;
background: #4fcd60;
border: none;
color: #fff;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .box-novo .btnadd:hover {
background: #34b545;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .box-novo .btnadd:before {
font-family: "fontello";
content: "\e804";
margin: 0 5px 0 0;
font-size: 16px;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .loadingattr {
background: none repeat scroll 0 0 transparent;
display: none;
float: left;
padding-top: 23px;
position: absolute;
text-align: center;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .boxPreco {
width: 310px;
float: left;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .wrapPreco {
border-top: solid 1px #ddd;
padding: 15px 0 0;
float: left;
width: 100%;
}
.comprejunto
.produtos
.item
.opcoes
.formcomprejunto
.parcelas-produto
.parcela,
.comprejunto .produtos .item .opcoes .formcomprejunto .parcela-valor {
font-weight: 700;
font-size: 14px;
}
.comprejunto .produtos .item .opcoes .formcomprejunto .icon_mais {
text-align: center;
float: none;
margin: 0 25px;
font-size: 40px;
font-weight: 700;
display: table-cell;
vertical-align: middle;
padding: 0 10px;
color: #666;
}
#group-container ul li {
float: left;
margin: 0;
padding: 0 5px 5px 0;
width: 50%;
min-height: 45px;
}
#group-container ul li:nth-child(2n) {
padding: 0 0 10px 10px;
}
#group-container ul li:nth-child(2n + 1) {
clear: left;
}
#group-container ul li .price-box {
display: inline-block;
width: 100%;
line-height: 1;
margin-bottom: -3px;
margin-top: 0px !important;
margin-left: 5px;
}
#group-container ul li .price-box .priceBoleto,
#group-container ul li .price-box .boletoBox {
display: none;
}
#group-container ul li .price-box .price {
font-size: 15px;
color: #ac258e;
font-weight: 700;
}
#group-container ul li .price-box .regular-price {
margin-top: 19px;
}
#group-container ul li .price-box .special-price {
margin: 0 !important;
}
#group-container ul li .price-box .special-price .price-label {
text-decoration: none !important;
}
#group-container ul li .price-box .qty {
display: inline-block;
float: left;
margin-left: 5px;
}
#group-container ul li .tier-prices-grouped {
float: left;
}
#group-container ul li .tier-prices-grouped li {
width: 100%;
min-height: 0;
margin: 10px 0 10px 5px;
}
#group-container ul li .prod-opt {
float: left;
width: 200px;
}
@media only screen and (max-width: 769px) {
#group-container ul li .prod-opt {
width: 100%;
max-width: 100%;
}
}
#group-container ul li img {
border: 1px solid #cccccc;
margin: 3px;
display: inline-block;
float: left;
overflow: hidden;
height: 50px;
width: 50px;
}
@media only screen and (max-width: 769px) {
#group-container ul li img {
float: none;
display: table;
margin: 5px auto;
}
}
#group-container ul li label {
display: inline-block;
font-size: 14px;
float: left;
margin: 6px 10px 0 5px;
color: #666;
}
#group-container ul li span.c-name {
display: inline-block;
height: 40px;
margin: 4px 0 0 5px;
float: left;
line-height: 19px;
overflow: hidden;
font-size: 14px;
color: #555555;
text-transform: uppercase;
font-weight: 300;
width: 100%;
line-height: 1.4;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#group-container .availability.out-of-stock {
height: 20px;
background: #efefef;
display: table;
width: auto;
padding: 7px 15px;
}
@media only screen and (max-width: 769px) {
#group-container .availability.out-of-stock {
width: 100%;
text-align: center;
}
}
.btn-grouped {
width: auto;
}
body.stop-scrolling {
height: 100%;
overflow: hidden;
}
.sweet-overlay {
background-color: black;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000;
}
.sweet-alert {
background-color: white;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999;
}
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px;
}
}
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block;
}
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal;
}
.sweet-alert fieldset {
border: none;
position: relative;
}
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px;
}
.sweet-alert .sa-error-container p {
display: inline-block;
}
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sweet-alert input {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.sweet-alert input:focus {
outline: none;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
color: #bdbdbd;
}
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd;
}
.sweet-alert.show-input input {
display: block;
}
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative;
}
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden;
}
.sweet-alert button {
background-color: #8cd4f5;
color: white;
border: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
-webkit-border-radius: 4px;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer;
}
.sweet-alert button:focus {
outline: none;
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5),
inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
background-color: #7ecff4;
}
.sweet-alert button:active {
background-color: #5dc2f1;
}
.sweet-alert button.cancel {
background-color: #c1c1c1;
}
.sweet-alert button.cancel:hover {
background-color: #b9b9b9;
}
.sweet-alert button.cancel:active {
background-color: #a8a8a8;
}
.sweet-alert button.cancel:focus {
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px,
rgba(0, 0, 0, 0.04706) 0px 0px 0px 1px inset !important;
}
.sweet-alert button[disabled] {
opacity: 0.6;
cursor: default;
}
.sweet-alert button.confirm[disabled] {
color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
.sweet-alert[data-has-cancel-button="false"] button {
box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] {
padding-bottom: 40px;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #f27474;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #f27474;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #f8bb86;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-left: -2px;
background-color: #f8bb86;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #f8bb86;
}
.sweet-alert .sa-icon.sa-info {
border-color: #c9dae1;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #c9dae1;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #c9dae1;
}
.sweet-alert .sa-icon.sa-success {
border-color: #a5dc86;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
content: "";
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
-webkit-border-radius: 120px 0 0 120px;
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
-webkit-border-radius: 0 120px 120px 0;
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #a5dc86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
}
@-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@-webkit-keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert[data-animation="pop"] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation="none"] {
-webkit-animation: none;
animation: none;
}
.showSweetAlert[data-animation="slide-from-top"] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation="slide-from-bottom"] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation="pop"] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation="none"] {
-webkit-animation: none;
animation: none;
}
.hideSweetAlert[data-animation="slide-from-top"] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation="slide-from-bottom"] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s;
}
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
0% {
border-color: #f8d486;
}
100% {
border-color: #f8bb86;
}
}
@keyframes pulseWarning {
0% {
border-color: #f8d486;
}
100% {
border-color: #f8bb86;
}
}
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #f8d486;
}
100% {
background-color: #f8bb86;
}
}
@keyframes pulseWarningIns {
0% {
background-color: #f8d486;
}
100% {
background-color: #f8bb86;
}
}
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate;
}
@-webkit-keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9;
}
.sweet-alert .sa-icon.sa-success {
border-color: transparent\9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9;
}
.la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-fall {
display: block;
font-size: 0;
color: #fff;
}
.la-ball-fall.la-dark {
color: #333;
}
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-fall {
width: 54px;
height: 18px;
}
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
-moz-animation: ball-fall 1s ease-in-out infinite;
-o-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
-moz-animation-delay: -200ms;
-o-animation-delay: -200ms;
animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
-moz-animation-delay: -100ms;
-o-animation-delay: -100ms;
animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
-moz-animation-delay: 0ms;
-o-animation-delay: 0ms;
animation-delay: 0ms;
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px;
}
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px;
}
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px;
}
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px;
}
@-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%);
}
}
@-moz-keyframes ball-fall {
0% {
opacity: 0;
-moz-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-moz-transform: translateY(145%);
transform: translateY(145%);
}
}
@-o-keyframes ball-fall {
0% {
opacity: 0;
-o-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-o-transform: translateY(145%);
transform: translateY(145%);
}
}
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
-moz-transform: translateY(-145%);
-o-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
-moz-transform: translateY(145%);
-o-transform: translateY(145%);
transform: translateY(145%);
}
}
@-webkit-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.uil-rolling-css {
width: 200px;
height: 100px;
margin: -20px auto;
}
.uil-rolling-css > div {
width: 200px;
height: 200px;
position: relative;
-ms-animation: uil-rolling-anim 1s linear infinite;
-moz-animation: uil-rolling-anim 1s linear infinite;
-webkit-animation: uil-rolling-anim 1s linear infinite;
-o-animation: uil-rolling-anim 1s linear infinite;
animation: uil-rolling-anim 1s linear infinite;
}
.uil-rolling-css > div div {
position: absolute;
width: 200px;
height: 100px;
border-radius: 1000px 1000px 0 0;
border-color: #bfbaba;
border-style: solid;
border-width: 20px;
border-bottom-width: 0;
}
.uil-rolling-css > div div:nth-of-type(2) {
-ms-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
-moz-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
-webkit-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
-o-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
}
.block-account {
margin: 0 0 20px;
float: none;
-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
-khtml-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
-o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.block-account h1 {
padding: 8px 10px;
background: #02b4d2;
border: 2px solid #02b4d2;
text-shadow: 2px 2px 1px #02899f;
color: #fff;
margin: 0;
font-size: 15px;
text-transform: uppercase;
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.block-account ul {
background: none repeat scroll 0 0 #fefefe;
padding: 0;
margin: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-top: none;
-webkit-border-radius: 0 0 0.3em 0.3em;
-khtml-border-radius: 0 0 0.3em 0.3em;
-moz-border-radius: 0 0 0.3em 0.3em;
-ms-border-radius: 0 0 0.3em 0.3em;
-o-border-radius: 0 0 0.3em 0.3em;
border-radius: 0 0 0.3em 0.3em;
}
.block-account ul li {
font-family: "Open Sans", sans-serif;
width: 100%;
-webkit-box-shadow: 0px 3px 4px -4px rgba(0, 0, 0, 0.3);
-khtml-box-shadow: 0px 3px 4px -4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 3px 4px -4px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0px 3px 4px -4px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 3px 4px -4px rgba(0, 0, 0, 0.3);
box-shadow: 0px 3px 4px -4px rgba(0, 0, 0, 0.3);
}
.block-account ul li:last-child {
box-shadow: none;
}
.block-account ul li.current {
float: none;
padding: 8px 10px;
width: auto;
clear: both;
}
.block-account ul li a {
color: #333333;
display: block;
padding: 8px 10px;
text-decoration: none !important;
-webkit-transition: 0.8s ease;
-khtml-transition: 0.8s ease;
-moz-transition: 0.8s ease;
-ms-transition: 0.8s ease;
-o-transition: 0.8s ease;
transition: 0.8s ease;
}
.block-account ul li a:hover {
margin-left: 10px;
}
.account-login h2,
.addresses-primary h2,
.addresses-additional h2,
.box-account .box-head h2 {
font-family: "Open Sans", sans-serif;
font-size: 15px;
color: var(--account-login-h2-textcolor) !important;
margin-bottom: 10px;
}
.my-account p {
float: none;
}
.my-account p.back-link {
display: table;
height: 100%;
}
.my-account p.back-link a {
display: table-cell;
}
.dashboard {
float: left;
}
.dashboard .welcome-msg {
margin: 0 0 1.6666em;
}
.dashboard .welcome-msg .hello {
font-size: 1.36em;
font-weight: bold;
line-height: 1.2em;
}
.dashboard .col-1,
.dashboard .col-2 {
margin-bottom: 1.5em;
}
.dashboard .box-reviews .details,
.dashboard .box-tags .details {
margin: 0 0 10px 38px;
}
.dashboard .box-reviews li.item,
.dashboard .box-tags li.item {
margin: 0 0 7px;
}
.dashboard .box-reviews li.item.last,
.dashboard .box-tags li.item.last {
margin: 0;
}
.dashboard .box-reviews .ratings,
.dashboard .box-tags .ratings {
margin: 5px 0 0;
}
.dashboard .box-reviews .number,
.dashboard .box-tags .number {
float: left;
font-size: 1.3333em;
line-height: 1.25em;
padding: 0 10px;
font-weight: bold;
}
.dashboard .box-reviews .tags strong,
.dashboard .box-reviews .tags ul,
.dashboard .box-reviews .tags ul li,
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li {
display: inline;
}
.dashboard .box-info h4 {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
}
.box-account {
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #ebebeb;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
clear: both;
margin: 0 0 20px;
padding: 15px;
float: left;
width: 100%;
}
.box-account a {
font-size: 11px;
text-decoration: underline;
font-weight: bold;
color: #333;
}
.box-account .box-head {
border-bottom: 1px solid #e5e5e5;
margin: 0 0 10px;
padding-bottom: 5px;
float: left;
width: 100%;
}
.box-account .box-head a {
float: right;
}
.box-account .box-head h2 {
float: left;
margin: 0;
background-position: 0 0;
color: #ac258e;
text-transform: capitalize;
font-weight: bold;
font-size: 15px;
}
.box-account.box-info .box {
padding-right: 10px;
}
.box-account.box-info .box .box-title {
padding: 0 0 2px;
margin: 0 0 10px;
text-align: right;
border-bottom: 1px solid #e5e5e5;
}
.box-account.box-info .box .box-title h3,
.box-account.box-info .box .box-title h4 {
float: left;
margin: 0;
font-size: 13px;
font-weight: bold;
}
.addresses-list h3,
.addresses-list address {
font-weight: normal;
padding-bottom: 10px;
display: block;
float: left;
width: 100%;
}
.addresses-list p a.button {
float: left;
}
.addresses-list .link-remove:hover {
color: #ee001c;
}
.addresses-list .separator {
margin: 0 3px;
}
.addresses-list .addresses-primary .item {
padding: 15px;
margin: 0 0 10px;
background-color: #f5f5f5;
float: left;
width: 100%;
}
.addresses-list li.empty {
background: none;
border: 0;
padding: 0;
}
.addresses-list li.empty p {
color: #555;
}
.addresses-list .addresses-additional .item {
padding: 15px;
margin: 0 0 10px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.my-account .pager {
margin-bottom: 20px;
clear: both;
}
.mini-products-list .product-name a {
color: #333333;
font-family: "Open Sans", sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: capitalize;
float: none;
}
.mini-products-list .product-name a:hover {
color: inherit;
text-decoration: underline;
}
.my-account .order-info:after,
#mini-cart .mini-products-list li.item:after,
.block-related-thumbnails .product:after,
.cart .crosssell:after,
.section-line:after,
.section-title:after {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.my-account .pager {
float: left;
margin: 20px 0;
width: 100%;
}
.my-account .page-title + .pager .amount {
display: none;
}
.my-account .limiter {
width: auto;
display: table;
float: left;
}
.my-account .limiter select {
margin: 0 3px 0 5px;
}
.my-account .pages {
width: auto;
display: table;
float: right;
}
.my-account .pages ol {
display: inline-flex;
letter-spacing: 5px;
line-height: 28px;
}
.my-account .pages ol a {
letter-spacing: 0;
margin: 0 5px;
}
.my-account .pages ol .current {
font-weight: bold;
}
.my-account .fieldset .form-list .input-box input {
display: block;
}
.order-info {
margin: 20px 0 10px;
}
.order-info dt,
.order-info dd,
.order-info li,
.order-info li a {
float: left;
}
.order-info dt {
font-weight: bold;
}
.order-info li {
margin-right: 1px;
}
.order-info dt,
.order-info li.current,
.order-info li a {
padding: 10px;
}
.order-info dt {
padding-left: 0;
}
.order-info li a {
background-color: #f8f8f8;
}
.order-info li a:hover,
.order-info li.current {
background-color: #e5e5e5;
}
.order-info-box {
margin: 0 0 10px;
padding: 20px;
}
.order-info-box .col-1 {
border-right: #e5e5e5 solid 1px;
}
.order-info-box .box-payment p {
margin: 0 0 3px;
}
.order-info-box .box-payment th {
font-weight: bold;
padding-right: 7px;
}
.order-date {
margin: 15px 0;
color: #ee001c;
clear: both;
}
.order-items .data-table {
margin-bottom: 20px;
}
.order-items .data-table dl.item-options {
margin: 5px 0 0;
}
.order-items .data-table dl.item-options dt {
width: 25%;
float: left;
font-weight: 500;
font-style: italic;
}
.order-items .data-table td {
padding: 10px;
}
.order-items .data-table .price {
white-space: nowrap;
}
.order-items .data-table thead th {
text-align: center !important;
}
.order-items .data-table .grand_total {
font-size: 1.3333em;
}
.order-items .product-name {
font-size: 12px;
}
.order-items .link-print {
font-weight: normal;
}
.order-items p .link-print {
float: none;
}
.order-items h2,
.order-items .order-about h2 {
margin: 15px 0;
}
.order-items h3.table-caption {
font-size: 13px;
font-weight: bold;
}
.order-items h2.table-caption a,
.order-items h2.sub-title a {
font-size: 12px;
font-weight: normal;
text-transform: none;
}
.order-items .order-links {
text-align: right;
}
.order-details h2 .separator {
color: #999;
font-size: 12px;
}
.order-about {
margin: 0 0 15px;
padding: 5px 30px;
}
.order-about dt {
font-weight: bold;
}
.order-about dd {
font-size: 12px;
margin-bottom: 15px;
}
.tracking-table {
margin: 0 0 15px;
}
.tracking-table th {
width: 20%;
font-weight: bold;
white-space: nowrap;
padding: 5px 9px;
}
.tracking-table td {
padding: 5px 9px;
}
.tracking-table-popup {
width: 100%;
}
.tracking-table-popup th {
font-weight: bold;
white-space: nowrap;
padding: 1px 8px;
}
.tracking-table-popup td {
padding: 1px 8px;
}
.page-print .print-head {
display: table;
margin: 0 auto;
}
.page-print .print-head address {
float: left;
margin-left: 15px;
}
.page-print h1 {
font-size: 16px;
font-weight: bold;
text-align: center;
display: table;
margin: 20px auto 0;
width: auto;
}
.page-print h2,
.page-print h3 {
font-size: 13px;
font-weight: bold;
}
.page-print h2.h2 {
font-size: 16px;
font-weight: bold;
}
.page-print .order-date {
padding: 0 0 10px;
margin: 20px 0 10px;
}
.page-print .col2-set {
margin: 0 0 10px;
}
.page-print .price {
word-wrap: normal;
white-space: nowrap;
float: right;
}
.page-print #my-orders-table dt {
width: 25%;
float: left;
font-weight: 500;
font-style: italic;
}
.page-print .gift-message-link {
display: none;
}
.page-print .price-excl-tax,
.page-print .price-incl-tax {
display: block;
white-space: nowrap;
}
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
display: inline;
}
.page-print .methodTitle img {
display: none;
}
.my-wishlist .product-image {
display: block;
margin: 0 0 5px;
min-width: 113px;
max-width: 140px;
}
@media only screen and (max-width: 769px) {
.my-wishlist .product-image {
margin: 0 auto;
}
}
.my-wishlist .product-name {
margin-bottom: 10px;
}
.my-wishlist .description {
margin-bottom: 10px;
}
.my-wishlist textarea {
display: block;
width: 97%;
height: 70px;
border: 1px solid #e5e5e5;
max-height: 190px;
}
.my-wishlist .price-box {
margin-bottom: 5px;
}
.my-wishlist .add-to-cart-alt {
margin-bottom: 10px;
}
.my-wishlist .buttons-set button.button {
float: none;
}
.my-wishlist .data-table tr.even {
background: #f8f8f8;
}
.my-wishlist .btn-cart,
.my-wishlist .btn-add {
background: #4fcd60;
color: #fff;
margin: 10px 0 5px;
}
.my-wishlist .btn-cart:hover,
.my-wishlist .btn-add:hover {
background: #36bd48;
}
.my-wishlist .data-table .product-name a {
font-family: "Open Sans", sans-serif;
font-size: 12px;
text-decoration: none;
}
.my-wishlist .data-table .price-box .old-price .price {
color: #cfcbc9;
font-size: 13px;
font-family: "Open Sans", sans-serif, sans-serif;
}
.my-wishlist .data-table .price-box .regular-price .price,
.my-wishlist .data-table .price-box .special-price .price {
color: #ac258e;
font-family: "Open Sans", sans-serif, sans-serif;
font-size: 18px;
}
.my-wishlist .data-table .price-box .parcelaBloco .parcela {
font-family: "Open Sans", sans-serif, sans-serif;
font-size: 13px;
}
.my-wishlist .data-table .configured-price {
display: none;
}
.my-wishlist .btn-add {
background-color: #4fcd60;
color: #fff;
}
#wishlist-table .add-to-links {
white-space: nowrap;
}
#my-reviews-table td {
padding: 10px;
}
.product-review .product-img-box {
float: left;
width: 140px;
}
.product-review .product-img-box .product-image {
display: block;
width: 125px;
height: 125px;
}
.product-review .product-img-box .label {
margin: 0 0 8px;
}
.product-review .product-img-box .ratings .rating-box {
float: none;
display: block;
margin: 0 0 10px;
}
.product-review .product-details {
margin: 0 20px 20px 155px;
}
.product-review .product-name {
font-size: 18px;
margin: 0 0 18px;
}
.product-review h3 {
font-size: 12px;
margin: 15px 0 5px;
}
.product-review .ratings-table {
margin: 0 0 15px;
float: left;
}
.product-review dt {
font-weight: bold;
}
.product-review dd {
font-size: 12px;
margin: 5px 0 0;
}
.addresses-primary h2,
.addresses-additional h2,
.box-account .box-head h2 {
font-family: "Open Sans", sans-serif;
color: #ac258e;
text-transform: capitalize;
}
.account-login .page-title {
text-align: center;
}
#login-form {
width: auto;
display: table;
text-align: center;
}
#login-form .registered-users,
#login-form .new-users {
width: 40%;
padding: 20px;
vertical-align: middle;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@media only screen and (max-width: 769px) {
#login-form .registered-users,
#login-form .new-users {
width: 100%;
margin: 20px 0;
}
}
#login-form .registered-users h2,
#login-form .new-users h2 {
font-size: 20px;
margin: 0;
padding: 10px 20px 30px;
font-weight: 300;
text-align: center;
position: relative;
}
#login-form .registered-users h2:after,
#login-form .new-users h2:after {
content: "";
position: absolute;
bottom: 15px;
left: 50%;
background: var(--account-login-h2-textcolor) !important;
width: 30px;
height: 2px;
transform: translateX(-50%);
}
#login-form .registered-users .content,
#login-form .new-users .content {
background: #fff;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
font-family: "Open Sans", sans-serif;
height: 240px;
padding: 10px;
display: table;
float: none;
}
@media only screen and (max-width: 769px) {
#login-form .registered-users .content,
#login-form .new-users .content {
height: auto;
}
}
#login-form .registered-users .buttons-set button,
#login-form .new-users .buttons-set button {
width: 50%;
margin: 0 auto;
float: none;
}
#login-form .registered-users .texto,
#login-form .new-users .texto {
line-height: 1.5;
text-align: left;
color: #333;
}
#login-form .registered-users .lostPass,
#login-form .new-users .lostPass {
clear: both;
display: table;
font-size: 12px;
margin: 20px auto;
color: #333;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
#login-form .registered-users .lostPass:hover,
#login-form .new-users .lostPass:hover {
color: #02b4d2;
}
#login-form .registered-users .form-list,
#login-form .new-users .form-list {
clear: both;
width: 100%;
}
#login-form .registered-users .form-list li,
#login-form .new-users .form-list li {
position: relative;
margin: 0 0 30px;
}
#login-form .registered-users .form-list label,
#login-form .new-users .form-list label {
position: absolute;
top: -22px;
left: 0;
margin: 10px;
padding: 0 10px;
background: #fff;
color: #212121;
font-size: 15px;
font-weight: 300;
font-family: "Open Sans";
-webkit-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
-khtml-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
-moz-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
-ms-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
-o-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
z-index: 2;
}
#login-form .registered-users .form-list input,
#login-form .new-users .form-list input {
width: 100%;
height: 40px;
padding: 10px;
font-size: 18px;
background: #fff;
color: #212121;
font-family: "Open Sans";
}
#login-form .registered-users .form-list input::-webkit-input-placeholder,
#login-form .new-users .form-list input::-webkit-input-placeholder {
color: #ebebeb;
}
#login-form .registered-users .form-list input:-moz-placeholder,
#login-form .new-users .form-list input:-moz-placeholder {
color: #ebebeb;
}
#login-form .registered-users .form-list input::-moz-placeholder,
#login-form .new-users .form-list input::-moz-placeholder {
color: #ebebeb;
}
#login-form .registered-users .form-list input:-ms-input-placeholder,
#login-form .new-users .form-list input:-ms-input-placeholder {
color: #ebebeb;
}
#login-form .registered-users .form-list input:-webkit-autofill,
#login-form .new-users .form-list input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset;
-webkit-text-fill-color: #212121;
}
#login-form .registered-users .form-list input:focus,
#login-form .new-users .form-list input:focus {
outline: none;
}
@media only screen and (max-width: 769px) {
#login-form .registered-users .form-list,
#login-form .new-users .form-list {
width: 100%;
}
}
.account-create .page-title {
text-align: center;
}
.account-create .buttons-set .control .input-box {
float: left;
}
.account-create .buttons-set .control label {
float: left;
}
.account-create .fieldset {
width: 50%;
float: left;
border: none;
}
@media screen and (min-width: 770px) {
.account-create .fieldset:first-child {
padding-right: 20px;
}
.account-create .fieldset:nth-child(2n) {
padding-left: 20px;
}
}
@media only screen and (max-width: 769px) {
.account-create .fieldset {
width: 100%;
}
}
.account-create .fieldset .legend {
padding: 0;
}
.account-create .fieldset .form-list {
margin-top: 15px;
padding: 0;
position: relative;
}
.account-create .fieldset .form-list .control {
float: right;
width: auto;
}
.account-create .fieldset .form-list .control input {
float: left;
}
.account-create .fieldset .form-list .control label.newsCheck {
font-weight: 400;
font-size: 11px;
}
.account-create .fieldset .form-list:after {
background: rgba(255, 255, 255, 0.7);
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.account-create .fieldset .form-list:before {
-webkit-animation: rotating 2s linear infinite;
-khtml-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
border-color: #e8e5e5;
border-right-color: #c5c5c5;
border-bottom-color: #b9b9b9;
border-style: dotted;
opacity: 0;
visibility: hidden;
z-index: 2;
position: absolute;
content: "";
width: 40px;
height: 40px;
left: 50%;
top: 45%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translate(-50%, -45%);
-khtml-transform: translate(-50%, -45%);
-moz-transform: translate(-50%, -45%);
-ms-transform: translate(-50%, -45%);
-o-transform: translate(-50%, -45%);
transform: translate(-50%, -45%);
}
.account-create .fieldset .form-list.active:after,
.account-create .fieldset .form-list.active:before {
opacity: 1;
visibility: visible;
}
.account-create .fieldset .form-list input,
.account-create .fieldset .form-list label {
font-family: "Open Sans";
}
.account-create .fieldset .form-list .field.name-firstname,
.account-create .fieldset .form-list .field.name-lastname,
.account-create .fieldset .form-list .field.field-pass,
.account-create .fieldset .form-list .fields.name-firstname,
.account-create .fieldset .form-list .fields.name-lastname,
.account-create .fieldset .form-list .fields.field-pass,
.account-create .fieldset .form-list .field_pj.name-firstname,
.account-create .fieldset .form-list .field_pj.name-lastname,
.account-create .fieldset .form-list .field_pj.field-pass {
width: 100%;
}
.account-create .fieldset .form-list .field label,
.account-create .fieldset .form-list .fields label,
.account-create .fieldset .form-list .field_pj label {
float: left;
width: 190px;
text-align: right;
font-weight: 300;
font-size: 16px;
line-height: 40px;
padding-right: 15px;
}
.account-create .fieldset .form-list .field label em,
.account-create .fieldset .form-list .fields label em,
.account-create .fieldset .form-list .field_pj label em {
position: relative;
top: inherit;
right: inherit;
font-size: 18px;
text-align: left;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field label,
.account-create .fieldset .form-list .fields label,
.account-create .fieldset .form-list .field_pj label {
width: auto;
clear: both;
text-align: left;
display: table;
}
}
.account-create .fieldset .form-list .field .input-box,
.account-create .fieldset .form-list .fields .input-box,
.account-create .fieldset .form-list .field_pj .input-box {
float: left;
width: calc(100% - 190px);
clear: none;
}
.account-create .fieldset .form-list .field .input-box input,
.account-create .fieldset .form-list .field .input-box select,
.account-create .fieldset .form-list .fields .input-box input,
.account-create .fieldset .form-list .fields .input-box select,
.account-create .fieldset .form-list .field_pj .input-box input,
.account-create .fieldset .form-list .field_pj .input-box select {
width: 100%;
height: 40px;
}
.account-create .fieldset .form-list .field .input-box input,
.account-create .fieldset .form-list .fields .input-box input,
.account-create .fieldset .form-list .field_pj .input-box input {
display: block;
}
.account-create .fieldset .form-list .field .input-box .isento,
.account-create .fieldset .form-list .fields .input-box .isento,
.account-create .fieldset .form-list .field_pj .input-box .isento {
background: #e5e5e5;
color: #e5e5e5;
border-color: #dddddd;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field .input-box,
.account-create .fieldset .form-list .fields .input-box,
.account-create .fieldset .form-list .field_pj .input-box {
width: 100%;
text-align: left;
}
}
.account-create .fieldset .form-list .field input[type="checkbox"],
.account-create .fieldset .form-list .field input[type="radio"],
.account-create .fieldset .form-list .fields input[type="checkbox"],
.account-create .fieldset .form-list .fields input[type="radio"],
.account-create .fieldset .form-list .field_pj input[type="checkbox"],
.account-create .fieldset .form-list .field_pj input[type="radio"] {
margin-top: 14px;
}
.account-create .fieldset .form-list .field .field_cep,
.account-create .fieldset .form-list .fields .field_cep,
.account-create .fieldset .form-list .field_pj .field_cep {
float: left;
width: 400px;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field .field_cep,
.account-create .fieldset .form-list .fields .field_cep,
.account-create .fieldset .form-list .field_pj .field_cep {
-width: 100%;
text-align: left;
}
}
.account-create .fieldset .form-list .field .field_cep label,
.account-create .fieldset .form-list .fields .field_cep label,
.account-create .fieldset .form-list .field_pj .field_cep label {
float: left;
width: 190px;
text-align: right;
font-weight: 300;
font-size: 16px;
line-height: 40px;
padding-right: 15px;
text-transform: uppercase;
}
.account-create .fieldset .form-list .field .field_cep label em,
.account-create .fieldset .form-list .fields .field_cep label em,
.account-create .fieldset .form-list .field_pj .field_cep label em {
position: relative;
top: inherit;
right: inherit;
font-size: 18px;
text-align: left;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field .field_cep label,
.account-create .fieldset .form-list .fields .field_cep label,
.account-create .fieldset .form-list .field_pj .field_cep label {
width: auto;
clear: both;
text-align: left;
display: table;
}
}
.account-create .fieldset .form-list .field .field_cep .input-box,
.account-create .fieldset .form-list .fields .field_cep .input-box,
.account-create .fieldset .form-list .field_pj .field_cep .input-box {
float: left;
width: calc(100% - 190px);
clear: none;
}
.account-create .fieldset .form-list .field .field_cep .input-box input,
.account-create .fieldset .form-list .field .field_cep .input-box select,
.account-create .fieldset .form-list .fields .field_cep .input-box input,
.account-create .fieldset .form-list .fields .field_cep .input-box select,
.account-create .fieldset .form-list .field_pj .field_cep .input-box input,
.account-create .fieldset .form-list .field_pj .field_cep .input-box select {
width: 100% !important;
height: 40px;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field .field_cep .input-box,
.account-create .fieldset .form-list .fields .field_cep .input-box,
.account-create .fieldset .form-list .field_pj .field_cep .input-box {
width: 100%;
text-align: left;
}
}
.account-create .fieldset .form-list .field .field_pais,
.account-create .fieldset .form-list .fields .field_pais,
.account-create .fieldset .form-list .field_pj .field_pais {
float: left;
width: calc(100% - 400px);
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field .field_pais,
.account-create .fieldset .form-list .fields .field_pais,
.account-create .fieldset .form-list .field_pj .field_pais {
width: 100%;
text-align: left;
}
}
.account-create .fieldset .form-list .field .field_pais label,
.account-create .fieldset .form-list .fields .field_pais label,
.account-create .fieldset .form-list .field_pj .field_pais label {
float: left;
width: 75px;
text-align: right;
font-weight: 300;
font-size: 16px;
line-height: 40px;
padding-right: 15px;
text-transform: uppercase;
}
.account-create .fieldset .form-list .field .field_pais label em,
.account-create .fieldset .form-list .fields .field_pais label em,
.account-create .fieldset .form-list .field_pj .field_pais label em {
position: relative;
top: inherit;
right: inherit;
font-size: 18px;
text-align: left;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field .field_pais label,
.account-create .fieldset .form-list .fields .field_pais label,
.account-create .fieldset .form-list .field_pj .field_pais label {
width: auto;
clear: both;
text-align: left;
display: table;
}
}
.account-create .fieldset .form-list .field .field_pais .input-box,
.account-create .fieldset .form-list .fields .field_pais .input-box,
.account-create .fieldset .form-list .field_pj .field_pais .input-box {
float: left;
width: calc(100% - 75px);
clear: none;
}
.account-create .fieldset .form-list .field .field_pais .input-box input,
.account-create .fieldset .form-list .field .field_pais .input-box select,
.account-create .fieldset .form-list .fields .field_pais .input-box input,
.account-create .fieldset .form-list .fields .field_pais .input-box select,
.account-create .fieldset .form-list .field_pj .field_pais .input-box input,
.account-create .fieldset .form-list .field_pj .field_pais .input-box select {
width: 100%;
height: 40px;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field .field_pais .input-box,
.account-create .fieldset .form-list .fields .field_pais .input-box,
.account-create .fieldset .form-list .field_pj .field_pais .input-box {
width: 100%;
text-align: left;
}
}
.account-create .fieldset .form-list .field_dob {
float: left;
width: 350px;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field_dob {
width: 100%;
text-align: left;
}
}
.account-create .fieldset .form-list .field_dob label {
float: left;
width: 190px;
text-align: right;
font-weight: 300;
font-size: 16px;
line-height: 22px;
padding-right: 15px;
}
.account-create .fieldset .form-list .field_dob label em {
position: relative;
top: inherit;
right: inherit;
font-size: 18px;
text-align: left;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field_dob label {
width: auto;
clear: both;
text-align: left;
display: table;
}
}
.account-create .fieldset .form-list .field_dob .input-box {
float: left;
width: calc(100% - 190px);
clear: none;
}
.account-create .fieldset .form-list .field_dob .input-box input,
.account-create .fieldset .form-list .field_dob .input-box select {
width: 100%;
height: 40px;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field_dob .input-box {
width: 100%;
text-align: left;
}
}
.account-create .fieldset .form-list .field_gender {
float: left;
width: calc(100% - 350px);
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field_gender {
width: 100%;
text-align: left;
}
}
.account-create .fieldset .form-list .field_gender label {
float: left;
width: 75px;
text-align: right;
font-weight: 300;
font-size: 16px;
line-height: 40px;
padding-right: 15px;
}
.account-create .fieldset .form-list .field_gender label em {
position: relative;
top: inherit;
right: inherit;
font-size: 18px;
text-align: left;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field_gender label {
width: auto;
clear: both;
text-align: left;
display: table;
}
}
.account-create .fieldset .form-list .field_gender .input-box {
float: left;
width: calc(100% - 75px);
clear: none;
}
.account-create .fieldset .form-list .field_gender .input-box input,
.account-create .fieldset .form-list .field_gender .input-box select {
width: 100%;
height: 40px;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .field_gender .input-box {
width: 100%;
text-align: left;
}
}
.account-create .fieldset .form-list .fields_street_3 {
float: left;
width: calc(100% - 280px);
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .fields_street_3 {
width: 100%;
text-align: left;
}
}
.account-create .fieldset .form-list .fields_street_3 label {
float: left;
width: 135px;
text-align: right;
font-weight: 300;
font-size: 16px;
line-height: 40px;
padding-right: 15px;
text-transform: uppercase;
}
.account-create .fieldset .form-list .fields_street_3 .input-box {
float: left;
width: calc(100% - 135px);
clear: none;
}
.account-create .fieldset .form-list .fields_street_3 .input-box em {
position: relative;
top: inherit;
right: inherit;
font-size: 18px;
text-align: left;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .fields_street_3 .input-box {
width: auto;
clear: both;
text-align: left;
display: table;
}
}
.account-create .fieldset .form-list .fields_street_3 .input-box input,
.account-create .fieldset .form-list .fields_street_3 .input-box select {
width: 100%;
height: 40px;
}
@media only screen and (max-width: 769px) {
.account-create .fieldset .form-list .fields_street_3 .input-box {
width: 100%;
text-align: left;
}
}
.account-create .buttons-set {
position: relative;
}
.account-create .buttons-set .required {
right: 0;
top: 0px;
}
.account-create .buttons-set .back-link {
margin-top: 9px;
}
.slick-arrow {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
z-index: 1;
display: block;
width: 26px;
height: 26px;
margin: 0;
padding: 0;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
-khtml-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
-moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
-ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
-o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.slick-arrow:before {
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
-khtml-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
-moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
-ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
-o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.slick-arrow.slick-prev {
left: 0.5%;
}
.slick-arrow.slick-prev:before {
content: "";
display: inline-block;
border-top: 4px solid #ccc;
border-left: 4px solid #ccc;
height: 20px;
width: 20px;
-webkit-transform: rotate(315deg);
-khtml-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
}
.slick-arrow.slick-next {
right: 0.5%;
}
.slick-arrow.slick-next:before {
content: "";
display: inline-block;
border-top: 4px solid #ccc;
border-left: 4px solid #ccc;
height: 20px;
width: 20px;
-webkit-transform: rotate(135deg);
-khtml-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.slick-arrow:hover.slick-prev:before {
content: "";
display: inline-block;
border-top: 4px solid #02b4d2;
border-left: 4px solid #02b4d2;
height: 20px;
width: 20px;
-webkit-transform: rotate(315deg);
-khtml-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
}
.slick-arrow:hover.slick-next:before {
content: "";
display: inline-block;
border-top: 4px solid #02b4d2;
border-left: 4px solid #02b4d2;
height: 20px;
width: 20px;
-webkit-transform: rotate(135deg);
-khtml-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 15px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
display: block;
width: 100%;
height: 100%;
font-size: 0;
line-height: 0;
margin: 0;
border: 0;
cursor: pointer;
color: transparent;
outline: none;
background: #fff;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
background: #444;
}
.slick-dots li.slick-active button {
background: #000;
}
.slick-slider {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
overflow: hidden;
}
.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-list .slick-track,
.slick-list .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-khtml-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-list .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-list .slick-track:before,
.slick-list .slick-track:after {
display: table;
content: "";
}
.slick-list .slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
float: none;
margin: 0 auto;
width: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-initialized .slick-slide {
display: inline-block;
vertical-align: top;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-slide:focus,
.slick-slide a:focus {
outline: 0;
}
.slick-arrow.slick-hidden {
display: none;
}
#marcas,
#banner-top,
#banner-footer,
#banner-minihome,
#banner-category,
#banner-top-responsivo,
#banner-footer-responsivo,
#banner-category-responsivo,
#galeria {
visibility: hidden;
}
#marcas.slick-initialized,
#banner-top.slick-initialized,
#banner-footer.slick-initialized,
#banner-minihome.slick-initialized,
#banner-category.slick-initialized,
#banner-top-responsivo.slick-initialized,
#banner-footer-responsivo.slick-initialized,
#banner-category-responsivo.slick-initialized,
#galeria.slick-initialized {
visibility: visible;
}
.marcas .slick-list {
width: calc(100% - 60px);
margin: 0 auto;
}
.marcas .slick-slide {
display: table;
min-height: 100px;
}
.marcas .slick-slide a {
width: 100%;
margin: 0 auto;
display: table-cell;
vertical-align: middle;
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
filter: gray alpha(opacity=100);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: all 0.4s ease;
-khtml-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.marcas .slick-slide a:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
filter: grayscale(0);
opacity: 1;
filter: alpha(opacity=100);
}
.marcas .slick-slide a img {
width: 100px;
}
.product-view .product-image.vertical {
float: right;
width: calc(100% - 130px);
}
@media only screen and (max-width: 769px) {
.product-view .product-image.vertical {
width: calc(100% - 90px);
}
}
.more-views {
float: left;
width: 100%;
}
.more-views .slick-list {
width: calc(100% + 16px);
margin: 0 -8px;
}
.more-views .slick-list .slick-slide {
margin: 0 8px;
vertical-align: middle;
padding: 1px;
-webkit-box-shadow: inset 0 0 0 1px #ddd;
-khtml-box-shadow: inset 0 0 0 1px #ddd;
-moz-box-shadow: inset 0 0 0 1px #ddd;
-ms-box-shadow: inset 0 0 0 1px #ddd;
-o-box-shadow: inset 0 0 0 1px #ddd;
box-shadow: inset 0 0 0 1px #ddd;
}
.more-views .slick-list .slick-slide a {
position: relative;
display: block;
}
.more-views .slick-list .slick-slide a.active {
outline: 3px solid #02b4d2;
outline-offset: -3px;
}
.more-views .slick-list .slick-slide a.fancybox-media:before {
content: "";
background: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.more-views .slick-list .slick-slide a.fancybox-media:after {
content: "\E81F";
font-family: "fontello";
color: #fff;
font-size: 46px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 5;
}
.more-views.vertical {
float: left;
width: 115px;
}
@media only screen and (max-width: 769px) {
.more-views.vertical {
width: 75px;
}
}
.more-views.vertical .media-vertical {
float: left;
width: 100%;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
}
.more-views.vertical .media-vertical.slick-initialized {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.more-views.vertical .media-vertical .slick-track {
padding: 0;
}
.more-views.vertical .media-vertical .slick-list {
display: inline-block;
width: 100%;
margin: -10px 0;
}
.more-views.vertical .media-vertical .slick-list .slick-slide {
display: block;
height: auto;
margin: 10px 0;
padding: 0;
}
.more-views.vertical .media-vertical .slick-list .slick-slide a {
float: none;
margin: 0 auto;
display: table;
opacity: 0.9;
filter: alpha(opacity=90);
outline: 0 !important;
}
.more-views.vertical .media-vertical .slick-list .slick-slide a.active {
opacity: 1;
filter: alpha(opacity=100);
}
.more-views.vertical .media-vertical .slick-list .slick-slide.video-wrapper {
display: inline-block;
}
.more-views.vertical
.media-vertical
.slick-list
.slick-slide.video-wrapper
.fancyVideo {
opacity: 1;
filter: alpha(opacity=100);
position: relative;
display: inline-block;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 130px;
}
.more-views.vertical
.media-vertical
.slick-list
.slick-slide.video-wrapper
.fancyVideo:after {
content: "\E81F";
font-family: "fontello";
color: rgba(255, 255, 255, 0.5);
font-size: 36px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.more-views.vertical
.media-vertical
.slick-list
.slick-slide.video-wrapper:hover
.fancyVideo:after {
color: #fff;
}
.more-views.vertical .media-vertical .slick-arrow {
height: 25px;
width: 100%;
background-color: rgba(2, 180, 210, 0.3);
-webkit-transform: translate(0);
-khtml-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.more-views.vertical .media-vertical .slick-arrow.slick-prev {
top: 0;
left: 0;
}
.more-views.vertical .media-vertical .slick-arrow.slick-prev:before {
margin-top: 6px;
border-color: #fff;
-webkit-transform: scale(0.6) rotate(45deg);
-khtml-transform: scale(0.6) rotate(45deg);
-moz-transform: scale(0.6) rotate(45deg);
-ms-transform: scale(0.6) rotate(45deg);
-o-transform: scale(0.6) rotate(45deg);
transform: scale(0.6) rotate(45deg);
}
.more-views.vertical .media-vertical .slick-arrow.slick-next {
top: initial;
bottom: 0;
right: 0;
}
.more-views.vertical .media-vertical .slick-arrow.slick-next:before {
margin-top: -6px;
border-color: #fff;
-webkit-transform: scale(0.6) rotate(225deg);
-khtml-transform: scale(0.6) rotate(225deg);
-moz-transform: scale(0.6) rotate(225deg);
-ms-transform: scale(0.6) rotate(225deg);
-o-transform: scale(0.6) rotate(225deg);
transform: scale(0.6) rotate(225deg);
}
.more-views.vertical .media-vertical .slick-arrow:hover {
background-color: #02b4d2;
}
.carousel-list-products {
visibility: hidden;
}
.carousel-list-products.slick-initialized {
visibility: visible;
overflow: initial;
}
.carousel-list-products.slick-slider {
display: inline-block;
width: 100%;
}
.carousel-list-products .item {
width: 96%;
margin: 0 auto;
}
.page-empty {
background: #fff;
padding: 20px;
text-align: left;
}
#quickview-app.opened .quickview_overlay {
display: block;
}
#quickview-app.loaded #btn_fechar_quickview {
opacity: 1;
}
#quickview-app.loaded .quickview_container {
max-height: 90vh;
width: 100%;
height: 100%;
border: 20px solid rgba(248, 248, 248, 0.9);
}
@media screen and (min-width: 770px) {
#quickview-app.loaded .quickview_container {
max-width: 75vw;
}
}
#quickview-app.loaded .quickview_container embed {
width: 100%;
height: 100%;
}
#quickview-app .quickview_overlay {
position: fixed;
width: 100%;
height: 100%;
right: 0;
bottom: 0;
overflow: hidden;
display: none;
z-index: 700;
background: rgba(0, 0, 0, 0.8);
line-height: 100vh;
text-align: center;
}
#quickview-app #btn_fechar_quickview {
position: absolute;
top: -33px;
right: -33px;
background: black;
color: white;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border: 0.1rem solid #fff;
font-size: 18px;
padding: 5px;
cursor: pointer;
opacity: 0;
}
@media only screen and (max-width: 769px) {
#quickview-app #btn_fechar_quickview {
bottom: -36px;
right: 0;
left: 0;
margin: 0 50%;
}
}
#quickview-app embed {
height: 0;
overflow: auto;
}
#quickview-app .quickview_container {
position: fixed;
width: 0;
height: 0;
top: 50%;
left: 50%;
z-index: 799;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#quickview-app .quickview_container #info-secondaria > div {
width: 100%;
float: none;
margin: 0 auto;
}
#quickview-app .quickview_container #info-secondaria > div div {
width: auto;
float: right;
margin: 0 auto;
display: flex;
}
#quickview-app .quickview_container #info-secondaria > div:first-child div {
float: left;
}
#quickview-app .quickview_container #info-secondaria > div span {
text-align: center;
}
#quickview-app .quickview_container #info-secondaria .sku-align > span {
width: 100%;
text-align: center;
margin: 0 auto;
}
#quickview-app .quickview_container .formas {
margin-bottom: 10px;
}
#quickview-app .quickview_container .add-carrinho-view {
background: #4fcd60 !important;
font-size: 25px;
}
#quickview-app .lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
#quickview-app .lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
#quickview-app .lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 0.6s infinite;
}
#quickview-app .lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 0.6s infinite;
}
#quickview-app .lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 0.6s infinite;
}
#quickview-app .lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}
#quickview-app .lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
#quickview-app .lds-spinner div {
transform-origin: 32px 32px;
animation: lds-spinner 1.2s linear infinite;
}
#quickview-app .lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
background: #fff;
}
#quickview-app .lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
#quickview-app .lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
#quickview-app .lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
#quickview-app .lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
#quickview-app .lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
#quickview-app .lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
#quickview-app .lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
#quickview-app .lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
#quickview-app .lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
#quickview-app .lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
#quickview-app .lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
#quickview-app .lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
button,
hr,
input {
overflow: visible;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
progress,
sub,
sup {
vertical-align: baseline;
}
[type="checkbox"],
[type="radio"],
legend {
box-sizing: border-box;
padding: 0;
}
html {
font-family: "Open Sans", sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
code,
kbd,
pre,
samp {
font-family: "Open Sans", sans-serif;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: "Open Sans", sans-serif;
font-size: 100%;
line-height: 1;
margin: 0;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: ButtonText dotted 1px;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
[hidden],
template {
display: none;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
cursor: pointer;
}
button:focus,
input:focus,
img,
select:focus,
textarea:focus {
outline: 0;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
clear: both;
display: block;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after,
.grid-container-spaced {
clear: both;
}
.clearfix {
*zoom: 1;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
.no-display-desktop {
display: none;
}
.display-only-desk {
display: block !important;
}
.display-only-mobile {
display: none !important;
}
.container,
.grid-full {
width: 100%;
max-width: 1170px;
margin: 0 auto;
*zoom: 1;
}
.grid-full:before,
.grid-full:after {
display: table;
line-height: 0;
content: "";
}
.container:after,
.grid-full:after {
clear: both;
}
.no-gutter {
padding: 0 !important;
}
.no-left-gutter {
padding-left: 0 !important;
}
.no-right-gutter {
padding-right: 0 !important;
}
.fw300 {
font-weight: 300;
}
.fw400 {
font-weight: 400;
}
.fw500 {
font-weight: 500;
}
.fw600 {
font-weight: 600;
}
.fw700 {
font-weight: 700;
}
.fw800 {
font-weight: 800;
}
.fw900 {
font-weight: 900;
}
.t12 {
font-size: 12px;
}
.t13 {
font-size: 13px;
}
.t14 {
font-size: 14px;
}
.t15 {
font-size: 15px;
}
.t16 {
font-size: 16px;
}
.t17 {
font-size: 17px;
}
.t18 {
font-size: 18px;
}
.t19 {
font-size: 19px;
}
.t20 {
font-size: 20px;
}
.t21 {
font-size: 21px;
}
.t22 {
font-size: 22px;
}
.t23 {
font-size: 23px;
}
.t24 {
font-size: 24px;
}
.t-upper {
text-transform: uppercase;
}
.t-lower {
text-transform: lowercase;
}
.t-italic {
font-style: italic;
}
@media only screen and (max-width: 1170px) {
.container {
width: 1170px;
margin: 0 auto;
}
}
@media only screen and (max-width: 769px) {
.container {
width: 90%;
margin: 0 auto;
}
.hide-below-768 {
display: none !important;
}
.display-only-desk {
display: none !important;
}
.display-only-mobile {
display: block !important;
}
}
.itemgrid-1col .item,
.itemgrid-2col .item,
.itemgrid-3col .item,
.itemgrid-4col .item,
.itemgrid-5col .item {
float: left;
position: relative;
}
.itemgrid-1col .item {
width: 100%;
}
.itemgrid-2col .item {
width: calc(48% - 12.5px);
margin: 0 15px 3% 0;
}
.itemgrid-3col .item {
width: calc(32% - 12.5px);
margin: 0 36px 3% 0;
}
.itemgrid-4col .item {
width: calc(25% - 18.8px);
margin: 0 25px 3% 0;
}
.itemgrid-5col .item {
width: calc(18% - 12.5px);
margin: 0 15px 3% 0;
}
.itemgrid-2col .item:nth-child(2n),
.itemgrid-3col .item:nth-child(3n),
.itemgrid-4col .item:nth-child(4n),
.itemgrid-5col .item:nth-child(5n) {
margin-right: 0;
}
@media only screen and (max-width: 769px) {
.itemgrid-2col .item:nth-child(2n),
.itemgrid-3col .item:nth-child(3n),
.itemgrid-4col .item:nth-child(4n),
.itemgrid-5col .item:nth-child(5n) {
margin-right: 4%;
}
}
.itemgrid-2col .item:nth-child(2n + 1),
.itemgrid-3col .item:nth-child(3n + 1),
.itemgrid-4col .item:nth-child(4n + 1),
.itemgrid-5col .item:nth-child(5n + 1) {
clear: left;
}
@media only screen and (max-width: 769px) {
.itemgrid-2col .item:nth-child(2n + 1),
.itemgrid-3col .item:nth-child(3n + 1),
.itemgrid-4col .item:nth-child(4n + 1),
.itemgrid-5col .item:nth-child(5n + 1) {
clear: none;
}
}
@media only screen and (max-width: 769px) {
.itemgrid-1col .item,
.itemgrid-2col .item,
.itemgrid-3col .item,
.itemgrid-4col .item,
.itemgrid-5col .item {
width: 48%;
margin: 0 4% 4% 0;
}
.itemgrid-1col .item:nth-child(2n),
.itemgrid-2col .item:nth-child(2n),
.itemgrid-3col .item:nth-child(2n),
.itemgrid-4col .item:nth-child(2n),
.itemgrid-5col .item:nth-child(2n) {
margin-right: 0;
}
.itemgrid-1col .item:nth-child(2n + 1),
.itemgrid-2col .item:nth-child(2n + 1),
.itemgrid-3col .item:nth-child(2n + 1),
.itemgrid-4col .item:nth-child(2n + 1),
.itemgrid-5col .item:nth-child(2n + 1) {
clear: left;
}
}
#instagram-wrap {
position: relative;
margin: 0;
}
#instagram-wrap #instafeed a {
position: relative;
float: left;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 16.666666667%;
height: 316px;
}
#instagram-wrap #instafeed a span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
font-size: 22px;
font-weight: 500;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
opacity: 0;
filter: alpha(opacity=0);
}
#instagram-wrap #instafeed a span i {
display: block;
font-size: 72px;
font-weight: 400;
}
#instagram-wrap #instafeed a:before {
content: "";
background: rgba(51, 51, 51, 0.8);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
opacity: 0;
filter: alpha(opacity=0);
}
#instagram-wrap #instafeed a:hover span,
#instagram-wrap #instafeed a:hover:before {
opacity: 1;
filter: alpha(opacity=100);
}
@media only screen and (max-width: 769px) {
#instagram-wrap #instafeed a {
width: 50%;
height: 160px;
margin: 0 !important;
}
#instagram-wrap #instafeed a span,
#instagram-wrap #instafeed a:before {
display: none !important;
}
} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: 0;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #fff;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.fancybox-outer {
position: relative;
}
.fancybox-inner {
position: relative;
overflow: hidden;
}
.fancybox-image {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(fancybox/blank.gif);
-webkit-tap-highlight-color: transparent;
z-index: 8040;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
#fancybox-loading {
background-image: url(fancybox/fancybox_sprite.png);
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
background-image: url(fancybox/fancybox_sprite.png);
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-prev span {
background-image: url(fancybox/fancybox_sprite.png);
left: 10px;
background-position: 0 -36px;
}
.fancybox-next {
right: 0;
}
.fancybox-next span {
background-image: url(fancybox/fancybox_sprite.png);
right: 10px;
background-position: 0 -72px;
}
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgba(0, 0, 0, 0.8);
}
.fancybox-overlay-fixed {
position: fixed;
right: 0;
bottom: 0;
}
.fancybox-title {
visibility: hidden;
font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-title-float-wrap {
position: absolute;
right: 50%;
bottom: 0;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #fff;
font-weight: 700;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
}
.containerMarcas,
.footer-container,
.footer-container .news-container,
.footer-container .footer-primary-container,
.products-grid .item .product-image-wrapper,
.products-grid .item .product-image-wrapper .product-image,
.block-layered-nav .blocos,
.category-description .blocos,
#atributos-principal,
#atributos-principal .cores-lista-atributos,
#atributos-principal .outros-lista-atributos,
#instagram-wrap,
#instagram-wrap #instafeed {
float: left;
width: 100%;
clear: both;
}
.containerMarcas:after,
.footer-container:after,
.footer-container .news-container:after,
.footer-container .footer-primary-container:after,
.products-grid .item .product-image-wrapper:after,
.products-grid .item .product-image-wrapper .product-image:after,
.block-layered-nav .blocos:after,
.category-description .blocos:after,
#atributos-principal:after,
#atributos-principal .cores-lista-atributos:after,
#atributos-principal .outros-lista-atributos:after,
#instagram-wrap:after,
#instagram-wrap #instafeed:after {
content: "";
display: table;
line-height: 0;
clear: both;
}
[class*="grid12-"] {
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 0;
}
@media screen and (min-width: 770px) {
.grid12-1 {
width: 8.3333333%;
padding: 0 15px;
}
.grid12-2 {
width: 16.6666667%;
padding: 0 15px;
}
.grid12-3 {
width: 25%;
padding: 0 15px;
}
.grid12-4 {
width: 33.3333333%;
padding: 0 15px;
}
.grid12-5 {
width: 41.6666667%;
padding: 0 15px;
}
.grid12-6 {
width: 50%;
padding: 0 15px;
}
.grid12-7 {
width: 58.3333333%;
padding: 0 15px;
}
.grid12-8 {
width: 66.6666667%;
padding: 0 15px;
}
.grid12-9 {
width: 75%;
padding: 0 15px;
}
.grid12-10 {
width: 83.3333333%;
padding: 0 15px;
}
.grid12-11 {
width: 91.6666667%;
padding: 0 15px;
}
.grid12-12 {
width: 100%;
padding: 0 15px;
}
}
.mt1 {
margin-top: 1px !important;
}
.ml1 {
margin-left: 1px !important;
}
.mr1 {
margin-right: 1px !important;
}
.mb1 {
margin-bottom: 1px !important;
}
.mt2 {
margin-top: 2px !important;
}
.ml2 {
margin-left: 2px !important;
}
.mr2 {
margin-right: 2px !important;
}
.mb2 {
margin-bottom: 2px !important;
}
.mt3 {
margin-top: 3px !important;
}
.ml3 {
margin-left: 3px !important;
}
.mr3 {
margin-right: 3px !important;
}
.mb3 {
margin-bottom: 3px !important;
}
.mt4 {
margin-top: 4px !important;
}
.ml4 {
margin-left: 4px !important;
}
.mr4 {
margin-right: 4px !important;
}
.mb4 {
margin-bottom: 4px !important;
}
.mt5 {
margin-top: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mt6 {
margin-top: 6px !important;
}
.ml6 {
margin-left: 6px !important;
}
.mr6 {
margin-right: 6px !important;
}
.mb6 {
margin-bottom: 6px !important;
}
.mt7 {
margin-top: 7px !important;
}
.ml7 {
margin-left: 7px !important;
}
.mr7 {
margin-right: 7px !important;
}
.mb7 {
margin-bottom: 7px !important;
}
.mt8 {
margin-top: 8px !important;
}
.ml8 {
margin-left: 8px !important;
}
.mr8 {
margin-right: 8px !important;
}
.mb8 {
margin-bottom: 8px !important;
}
.mt9 {
margin-top: 9px !important;
}
.ml9 {
margin-left: 9px !important;
}
.mr9 {
margin-right: 9px !important;
}
.mb9 {
margin-bottom: 9px !important;
}
.mt10 {
margin-top: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mt11 {
margin-top: 11px !important;
}
.ml11 {
margin-left: 11px !important;
}
.mr11 {
margin-right: 11px !important;
}
.mb11 {
margin-bottom: 11px !important;
}
.mt12 {
margin-top: 12px !important;
}
.ml12 {
margin-left: 12px !important;
}
.mr12 {
margin-right: 12px !important;
}
.mb12 {
margin-bottom: 12px !important;
}
.mt13 {
margin-top: 13px !important;
}
.ml13 {
margin-left: 13px !important;
}
.mr13 {
margin-right: 13px !important;
}
.mb13 {
margin-bottom: 13px !important;
}
.mt14 {
margin-top: 14px !important;
}
.ml14 {
margin-left: 14px !important;
}
.mr14 {
margin-right: 14px !important;
}
.mb14 {
margin-bottom: 14px !important;
}
.mt15 {
margin-top: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mt16 {
margin-top: 16px !important;
}
.ml16 {
margin-left: 16px !important;
}
.mr16 {
margin-right: 16px !important;
}
.mb16 {
margin-bottom: 16px !important;
}
.mt17 {
margin-top: 17px !important;
}
.ml17 {
margin-left: 17px !important;
}
.mr17 {
margin-right: 17px !important;
}
.mb17 {
margin-bottom: 17px !important;
}
.mt18 {
margin-top: 18px !important;
}
.ml18 {
margin-left: 18px !important;
}
.mr18 {
margin-right: 18px !important;
}
.mb18 {
margin-bottom: 18px !important;
}
.mt19 {
margin-top: 19px !important;
}
.ml19 {
margin-left: 19px !important;
}
.mr19 {
margin-right: 19px !important;
}
.mb19 {
margin-bottom: 19px !important;
}
.mt20 {
margin-top: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mt21 {
margin-top: 21px !important;
}
.ml21 {
margin-left: 21px !important;
}
.mr21 {
margin-right: 21px !important;
}
.mb21 {
margin-bottom: 21px !important;
}
.mt22 {
margin-top: 22px !important;
}
.ml22 {
margin-left: 22px !important;
}
.mr22 {
margin-right: 22px !important;
}
.mb22 {
margin-bottom: 22px !important;
}
.mt23 {
margin-top: 23px !important;
}
.ml23 {
margin-left: 23px !important;
}
.mr23 {
margin-right: 23px !important;
}
.mb23 {
margin-bottom: 23px !important;
}
.mt24 {
margin-top: 24px !important;
}
.ml24 {
margin-left: 24px !important;
}
.mr24 {
margin-right: 24px !important;
}
.mb24 {
margin-bottom: 24px !important;
}
.mt25 {
margin-top: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mt26 {
margin-top: 26px !important;
}
.ml26 {
margin-left: 26px !important;
}
.mr26 {
margin-right: 26px !important;
}
.mb26 {
margin-bottom: 26px !important;
}
.mt27 {
margin-top: 27px !important;
}
.ml27 {
margin-left: 27px !important;
}
.mr27 {
margin-right: 27px !important;
}
.mb27 {
margin-bottom: 27px !important;
}
.mt28 {
margin-top: 28px !important;
}
.ml28 {
margin-left: 28px !important;
}
.mr28 {
margin-right: 28px !important;
}
.mb28 {
margin-bottom: 28px !important;
}
.mt29 {
margin-top: 29px !important;
}
.ml29 {
margin-left: 29px !important;
}
.mr29 {
margin-right: 29px !important;
}
.mb29 {
margin-bottom: 29px !important;
}
.mt30 {
margin-top: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mt31 {
margin-top: 31px !important;
}
.ml31 {
margin-left: 31px !important;
}
.mr31 {
margin-right: 31px !important;
}
.mb31 {
margin-bottom: 31px !important;
}
.mt32 {
margin-top: 32px !important;
}
.ml32 {
margin-left: 32px !important;
}
.mr32 {
margin-right: 32px !important;
}
.mb32 {
margin-bottom: 32px !important;
}
.mt33 {
margin-top: 33px !important;
}
.ml33 {
margin-left: 33px !important;
}
.mr33 {
margin-right: 33px !important;
}
.mb33 {
margin-bottom: 33px !important;
}
.mt34 {
margin-top: 34px !important;
}
.ml34 {
margin-left: 34px !important;
}
.mr34 {
margin-right: 34px !important;
}
.mb34 {
margin-bottom: 34px !important;
}
.mt35 {
margin-top: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mt36 {
margin-top: 36px !important;
}
.ml36 {
margin-left: 36px !important;
}
.mr36 {
margin-right: 36px !important;
}
.mb36 {
margin-bottom: 36px !important;
}
.mt37 {
margin-top: 37px !important;
}
.ml37 {
margin-left: 37px !important;
}
.mr37 {
margin-right: 37px !important;
}
.mb37 {
margin-bottom: 37px !important;
}
.mt38 {
margin-top: 38px !important;
}
.ml38 {
margin-left: 38px !important;
}
.mr38 {
margin-right: 38px !important;
}
.mb38 {
margin-bottom: 38px !important;
}
.mt39 {
margin-top: 39px !important;
}
.ml39 {
margin-left: 39px !important;
}
.mr39 {
margin-right: 39px !important;
}
.mb39 {
margin-bottom: 39px !important;
}
.mt40 {
margin-top: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mt41 {
margin-top: 41px !important;
}
.ml41 {
margin-left: 41px !important;
}
.mr41 {
margin-right: 41px !important;
}
.mb41 {
margin-bottom: 41px !important;
}
.mt42 {
margin-top: 42px !important;
}
.ml42 {
margin-left: 42px !important;
}
.mr42 {
margin-right: 42px !important;
}
.mb42 {
margin-bottom: 42px !important;
}
.mt43 {
margin-top: 43px !important;
}
.ml43 {
margin-left: 43px !important;
}
.mr43 {
margin-right: 43px !important;
}
.mb43 {
margin-bottom: 43px !important;
}
.mt44 {
margin-top: 44px !important;
}
.ml44 {
margin-left: 44px !important;
}
.mr44 {
margin-right: 44px !important;
}
.mb44 {
margin-bottom: 44px !important;
}
.mt45 {
margin-top: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mt46 {
margin-top: 46px !important;
}
.ml46 {
margin-left: 46px !important;
}
.mr46 {
margin-right: 46px !important;
}
.mb46 {
margin-bottom: 46px !important;
}
.mt47 {
margin-top: 47px !important;
}
.ml47 {
margin-left: 47px !important;
}
.mr47 {
margin-right: 47px !important;
}
.mb47 {
margin-bottom: 47px !important;
}
.mt48 {
margin-top: 48px !important;
}
.ml48 {
margin-left: 48px !important;
}
.mr48 {
margin-right: 48px !important;
}
.mb48 {
margin-bottom: 48px !important;
}
.mt49 {
margin-top: 49px !important;
}
.ml49 {
margin-left: 49px !important;
}
.mr49 {
margin-right: 49px !important;
}
.mb49 {
margin-bottom: 49px !important;
}
.mt50 {
margin-top: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mt51 {
margin-top: 51px !important;
}
.ml51 {
margin-left: 51px !important;
}
.mr51 {
margin-right: 51px !important;
}
.mb51 {
margin-bottom: 51px !important;
}
.mt52 {
margin-top: 52px !important;
}
.ml52 {
margin-left: 52px !important;
}
.mr52 {
margin-right: 52px !important;
}
.mb52 {
margin-bottom: 52px !important;
}
.mt53 {
margin-top: 53px !important;
}
.ml53 {
margin-left: 53px !important;
}
.mr53 {
margin-right: 53px !important;
}
.mb53 {
margin-bottom: 53px !important;
}
.mt54 {
margin-top: 54px !important;
}
.ml54 {
margin-left: 54px !important;
}
.mr54 {
margin-right: 54px !important;
}
.mb54 {
margin-bottom: 54px !important;
}
.mt55 {
margin-top: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.mt56 {
margin-top: 56px !important;
}
.ml56 {
margin-left: 56px !important;
}
.mr56 {
margin-right: 56px !important;
}
.mb56 {
margin-bottom: 56px !important;
}
.mt57 {
margin-top: 57px !important;
}
.ml57 {
margin-left: 57px !important;
}
.mr57 {
margin-right: 57px !important;
}
.mb57 {
margin-bottom: 57px !important;
}
.mt58 {
margin-top: 58px !important;
}
.ml58 {
margin-left: 58px !important;
}
.mr58 {
margin-right: 58px !important;
}
.mb58 {
margin-bottom: 58px !important;
}
.mt59 {
margin-top: 59px !important;
}
.ml59 {
margin-left: 59px !important;
}
.mr59 {
margin-right: 59px !important;
}
.mb59 {
margin-bottom: 59px !important;
}
.mt60 {
margin-top: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mt61 {
margin-top: 61px !important;
}
.ml61 {
margin-left: 61px !important;
}
.mr61 {
margin-right: 61px !important;
}
.mb61 {
margin-bottom: 61px !important;
}
.mt62 {
margin-top: 62px !important;
}
.ml62 {
margin-left: 62px !important;
}
.mr62 {
margin-right: 62px !important;
}
.mb62 {
margin-bottom: 62px !important;
}
.mt63 {
margin-top: 63px !important;
}
.ml63 {
margin-left: 63px !important;
}
.mr63 {
margin-right: 63px !important;
}
.mb63 {
margin-bottom: 63px !important;
}
.mt64 {
margin-top: 64px !important;
}
.ml64 {
margin-left: 64px !important;
}
.mr64 {
margin-right: 64px !important;
}
.mb64 {
margin-bottom: 64px !important;
}
.mt65 {
margin-top: 65px !important;
}
.ml65 {
margin-left: 65px !important;
}
.mr65 {
margin-right: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.mt66 {
margin-top: 66px !important;
}
.ml66 {
margin-left: 66px !important;
}
.mr66 {
margin-right: 66px !important;
}
.mb66 {
margin-bottom: 66px !important;
}
.mt67 {
margin-top: 67px !important;
}
.ml67 {
margin-left: 67px !important;
}
.mr67 {
margin-right: 67px !important;
}
.mb67 {
margin-bottom: 67px !important;
}
.mt68 {
margin-top: 68px !important;
}
.ml68 {
margin-left: 68px !important;
}
.mr68 {
margin-right: 68px !important;
}
.mb68 {
margin-bottom: 68px !important;
}
.mt69 {
margin-top: 69px !important;
}
.ml69 {
margin-left: 69px !important;
}
.mr69 {
margin-right: 69px !important;
}
.mb69 {
margin-bottom: 69px !important;
}
.mt70 {
margin-top: 70px !important;
}
.ml70 {
margin-left: 70px !important;
}
.mr70 {
margin-right: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mt71 {
margin-top: 71px !important;
}
.ml71 {
margin-left: 71px !important;
}
.mr71 {
margin-right: 71px !important;
}
.mb71 {
margin-bottom: 71px !important;
}
.mt72 {
margin-top: 72px !important;
}
.ml72 {
margin-left: 72px !important;
}
.mr72 {
margin-right: 72px !important;
}
.mb72 {
margin-bottom: 72px !important;
}
.mt73 {
margin-top: 73px !important;
}
.ml73 {
margin-left: 73px !important;
}
.mr73 {
margin-right: 73px !important;
}
.mb73 {
margin-bottom: 73px !important;
}
.mt74 {
margin-top: 74px !important;
}
.ml74 {
margin-left: 74px !important;
}
.mr74 {
margin-right: 74px !important;
}
.mb74 {
margin-bottom: 74px !important;
}
.mt75 {
margin-top: 75px !important;
}
.ml75 {
margin-left: 75px !important;
}
.mr75 {
margin-right: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.mt76 {
margin-top: 76px !important;
}
.ml76 {
margin-left: 76px !important;
}
.mr76 {
margin-right: 76px !important;
}
.mb76 {
margin-bottom: 76px !important;
}
.mt77 {
margin-top: 77px !important;
}
.ml77 {
margin-left: 77px !important;
}
.mr77 {
margin-right: 77px !important;
}
.mb77 {
margin-bottom: 77px !important;
}
.mt78 {
margin-top: 78px !important;
}
.ml78 {
margin-left: 78px !important;
}
.mr78 {
margin-right: 78px !important;
}
.mb78 {
margin-bottom: 78px !important;
}
.mt79 {
margin-top: 79px !important;
}
.ml79 {
margin-left: 79px !important;
}
.mr79 {
margin-right: 79px !important;
}
.mb79 {
margin-bottom: 79px !important;
}
.mt80 {
margin-top: 80px !important;
}
.ml80 {
margin-left: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mt81 {
margin-top: 81px !important;
}
.ml81 {
margin-left: 81px !important;
}
.mr81 {
margin-right: 81px !important;
}
.mb81 {
margin-bottom: 81px !important;
}
.mt82 {
margin-top: 82px !important;
}
.ml82 {
margin-left: 82px !important;
}
.mr82 {
margin-right: 82px !important;
}
.mb82 {
margin-bottom: 82px !important;
}
.mt83 {
margin-top: 83px !important;
}
.ml83 {
margin-left: 83px !important;
}
.mr83 {
margin-right: 83px !important;
}
.mb83 {
margin-bottom: 83px !important;
}
.mt84 {
margin-top: 84px !important;
}
.ml84 {
margin-left: 84px !important;
}
.mr84 {
margin-right: 84px !important;
}
.mb84 {
margin-bottom: 84px !important;
}
.mt85 {
margin-top: 85px !important;
}
.ml85 {
margin-left: 85px !important;
}
.mr85 {
margin-right: 85px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.mt86 {
margin-top: 86px !important;
}
.ml86 {
margin-left: 86px !important;
}
.mr86 {
margin-right: 86px !important;
}
.mb86 {
margin-bottom: 86px !important;
}
.mt87 {
margin-top: 87px !important;
}
.ml87 {
margin-left: 87px !important;
}
.mr87 {
margin-right: 87px !important;
}
.mb87 {
margin-bottom: 87px !important;
}
.mt88 {
margin-top: 88px !important;
}
.ml88 {
margin-left: 88px !important;
}
.mr88 {
margin-right: 88px !important;
}
.mb88 {
margin-bottom: 88px !important;
}
.mt89 {
margin-top: 89px !important;
}
.ml89 {
margin-left: 89px !important;
}
.mr89 {
margin-right: 89px !important;
}
.mb89 {
margin-bottom: 89px !important;
}
.mt90 {
margin-top: 90px !important;
}
.ml90 {
margin-left: 90px !important;
}
.mr90 {
margin-right: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.mt91 {
margin-top: 91px !important;
}
.ml91 {
margin-left: 91px !important;
}
.mr91 {
margin-right: 91px !important;
}
.mb91 {
margin-bottom: 91px !important;
}
.mt92 {
margin-top: 92px !important;
}
.ml92 {
margin-left: 92px !important;
}
.mr92 {
margin-right: 92px !important;
}
.mb92 {
margin-bottom: 92px !important;
}
.mt93 {
margin-top: 93px !important;
}
.ml93 {
margin-left: 93px !important;
}
.mr93 {
margin-right: 93px !important;
}
.mb93 {
margin-bottom: 93px !important;
}
.mt94 {
margin-top: 94px !important;
}
.ml94 {
margin-left: 94px !important;
}
.mr94 {
margin-right: 94px !important;
}
.mb94 {
margin-bottom: 94px !important;
}
.mt95 {
margin-top: 95px !important;
}
.ml95 {
margin-left: 95px !important;
}
.mr95 {
margin-right: 95px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.mt96 {
margin-top: 96px !important;
}
.ml96 {
margin-left: 96px !important;
}
.mr96 {
margin-right: 96px !important;
}
.mb96 {
margin-bottom: 96px !important;
}
.mt97 {
margin-top: 97px !important;
}
.ml97 {
margin-left: 97px !important;
}
.mr97 {
margin-right: 97px !important;
}
.mb97 {
margin-bottom: 97px !important;
}
.mt98 {
margin-top: 98px !important;
}
.ml98 {
margin-left: 98px !important;
}
.mr98 {
margin-right: 98px !important;
}
.mb98 {
margin-bottom: 98px !important;
}
.mt99 {
margin-top: 99px !important;
}
.ml99 {
margin-left: 99px !important;
}
.mr99 {
margin-right: 99px !important;
}
.mb99 {
margin-bottom: 99px !important;
}
.mt100 {
margin-top: 100px !important;
}
.ml100 {
margin-left: 100px !important;
}
.mr100 {
margin-right: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.pt1 {
padding-top: 1px !important;
}
.pl1 {
padding-left: 1px !important;
}
.pr1 {
padding-right: 1px !important;
}
.pb1 {
padding-bottom: 1px !important;
}
.pt2 {
padding-top: 2px !important;
}
.pl2 {
padding-left: 2px !important;
}
.pr2 {
padding-right: 2px !important;
}
.pb2 {
padding-bottom: 2px !important;
}
.pt3 {
padding-top: 3px !important;
}
.pl3 {
padding-left: 3px !important;
}
.pr3 {
padding-right: 3px !important;
}
.pb3 {
padding-bottom: 3px !important;
}
.pt4 {
padding-top: 4px !important;
}
.pl4 {
padding-left: 4px !important;
}
.pr4 {
padding-right: 4px !important;
}
.pb4 {
padding-bottom: 4px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pt6 {
padding-top: 6px !important;
}
.pl6 {
padding-left: 6px !important;
}
.pr6 {
padding-right: 6px !important;
}
.pb6 {
padding-bottom: 6px !important;
}
.pt7 {
padding-top: 7px !important;
}
.pl7 {
padding-left: 7px !important;
}
.pr7 {
padding-right: 7px !important;
}
.pb7 {
padding-bottom: 7px !important;
}
.pt8 {
padding-top: 8px !important;
}
.pl8 {
padding-left: 8px !important;
}
.pr8 {
padding-right: 8px !important;
}
.pb8 {
padding-bottom: 8px !important;
}
.pt9 {
padding-top: 9px !important;
}
.pl9 {
padding-left: 9px !important;
}
.pr9 {
padding-right: 9px !important;
}
.pb9 {
padding-bottom: 9px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pt11 {
padding-top: 11px !important;
}
.pl11 {
padding-left: 11px !important;
}
.pr11 {
padding-right: 11px !important;
}
.pb11 {
padding-bottom: 11px !important;
}
.pt12 {
padding-top: 12px !important;
}
.pl12 {
padding-left: 12px !important;
}
.pr12 {
padding-right: 12px !important;
}
.pb12 {
padding-bottom: 12px !important;
}
.pt13 {
padding-top: 13px !important;
}
.pl13 {
padding-left: 13px !important;
}
.pr13 {
padding-right: 13px !important;
}
.pb13 {
padding-bottom: 13px !important;
}
.pt14 {
padding-top: 14px !important;
}
.pl14 {
padding-left: 14px !important;
}
.pr14 {
padding-right: 14px !important;
}
.pb14 {
padding-bottom: 14px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pt16 {
padding-top: 16px !important;
}
.pl16 {
padding-left: 16px !important;
}
.pr16 {
padding-right: 16px !important;
}
.pb16 {
padding-bottom: 16px !important;
}
.pt17 {
padding-top: 17px !important;
}
.pl17 {
padding-left: 17px !important;
}
.pr17 {
padding-right: 17px !important;
}
.pb17 {
padding-bottom: 17px !important;
}
.pt18 {
padding-top: 18px !important;
}
.pl18 {
padding-left: 18px !important;
}
.pr18 {
padding-right: 18px !important;
}
.pb18 {
padding-bottom: 18px !important;
}
.pt19 {
padding-top: 19px !important;
}
.pl19 {
padding-left: 19px !important;
}
.pr19 {
padding-right: 19px !important;
}
.pb19 {
padding-bottom: 19px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pt21 {
padding-top: 21px !important;
}
.pl21 {
padding-left: 21px !important;
}
.pr21 {
padding-right: 21px !important;
}
.pb21 {
padding-bottom: 21px !important;
}
.pt22 {
padding-top: 22px !important;
}
.pl22 {
padding-left: 22px !important;
}
.pr22 {
padding-right: 22px !important;
}
.pb22 {
padding-bottom: 22px !important;
}
.pt23 {
padding-top: 23px !important;
}
.pl23 {
padding-left: 23px !important;
}
.pr23 {
padding-right: 23px !important;
}
.pb23 {
padding-bottom: 23px !important;
}
.pt24 {
padding-top: 24px !important;
}
.pl24 {
padding-left: 24px !important;
}
.pr24 {
padding-right: 24px !important;
}
.pb24 {
padding-bottom: 24px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pt26 {
padding-top: 26px !important;
}
.pl26 {
padding-left: 26px !important;
}
.pr26 {
padding-right: 26px !important;
}
.pb26 {
padding-bottom: 26px !important;
}
.pt27 {
padding-top: 27px !important;
}
.pl27 {
padding-left: 27px !important;
}
.pr27 {
padding-right: 27px !important;
}
.pb27 {
padding-bottom: 27px !important;
}
.pt28 {
padding-top: 28px !important;
}
.pl28 {
padding-left: 28px !important;
}
.pr28 {
padding-right: 28px !important;
}
.pb28 {
padding-bottom: 28px !important;
}
.pt29 {
padding-top: 29px !important;
}
.pl29 {
padding-left: 29px !important;
}
.pr29 {
padding-right: 29px !important;
}
.pb29 {
padding-bottom: 29px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pt31 {
padding-top: 31px !important;
}
.pl31 {
padding-left: 31px !important;
}
.pr31 {
padding-right: 31px !important;
}
.pb31 {
padding-bottom: 31px !important;
}
.pt32 {
padding-top: 32px !important;
}
.pl32 {
padding-left: 32px !important;
}
.pr32 {
padding-right: 32px !important;
}
.pb32 {
padding-bottom: 32px !important;
}
.pt33 {
padding-top: 33px !important;
}
.pl33 {
padding-left: 33px !important;
}
.pr33 {
padding-right: 33px !important;
}
.pb33 {
padding-bottom: 33px !important;
}
.pt34 {
padding-top: 34px !important;
}
.pl34 {
padding-left: 34px !important;
}
.pr34 {
padding-right: 34px !important;
}
.pb34 {
padding-bottom: 34px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pl35 {
padding-left: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pt36 {
padding-top: 36px !important;
}
.pl36 {
padding-left: 36px !important;
}
.pr36 {
padding-right: 36px !important;
}
.pb36 {
padding-bottom: 36px !important;
}
.pt37 {
padding-top: 37px !important;
}
.pl37 {
padding-left: 37px !important;
}
.pr37 {
padding-right: 37px !important;
}
.pb37 {
padding-bottom: 37px !important;
}
.pt38 {
padding-top: 38px !important;
}
.pl38 {
padding-left: 38px !important;
}
.pr38 {
padding-right: 38px !important;
}
.pb38 {
padding-bottom: 38px !important;
}
.pt39 {
padding-top: 39px !important;
}
.pl39 {
padding-left: 39px !important;
}
.pr39 {
padding-right: 39px !important;
}
.pb39 {
padding-bottom: 39px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pt41 {
padding-top: 41px !important;
}
.pl41 {
padding-left: 41px !important;
}
.pr41 {
padding-right: 41px !important;
}
.pb41 {
padding-bottom: 41px !important;
}
.pt42 {
padding-top: 42px !important;
}
.pl42 {
padding-left: 42px !important;
}
.pr42 {
padding-right: 42px !important;
}
.pb42 {
padding-bottom: 42px !important;
}
.pt43 {
padding-top: 43px !important;
}
.pl43 {
padding-left: 43px !important;
}
.pr43 {
padding-right: 43px !important;
}
.pb43 {
padding-bottom: 43px !important;
}
.pt44 {
padding-top: 44px !important;
}
.pl44 {
padding-left: 44px !important;
}
.pr44 {
padding-right: 44px !important;
}
.pb44 {
padding-bottom: 44px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pl45 {
padding-left: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pt46 {
padding-top: 46px !important;
}
.pl46 {
padding-left: 46px !important;
}
.pr46 {
padding-right: 46px !important;
}
.pb46 {
padding-bottom: 46px !important;
}
.pt47 {
padding-top: 47px !important;
}
.pl47 {
padding-left: 47px !important;
}
.pr47 {
padding-right: 47px !important;
}
.pb47 {
padding-bottom: 47px !important;
}
.pt48 {
padding-top: 48px !important;
}
.pl48 {
padding-left: 48px !important;
}
.pr48 {
padding-right: 48px !important;
}
.pb48 {
padding-bottom: 48px !important;
}
.pt49 {
padding-top: 49px !important;
}
.pl49 {
padding-left: 49px !important;
}
.pr49 {
padding-right: 49px !important;
}
.pb49 {
padding-bottom: 49px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pt51 {
padding-top: 51px !important;
}
.pl51 {
padding-left: 51px !important;
}
.pr51 {
padding-right: 51px !important;
}
.pb51 {
padding-bottom: 51px !important;
}
.pt52 {
padding-top: 52px !important;
}
.pl52 {
padding-left: 52px !important;
}
.pr52 {
padding-right: 52px !important;
}
.pb52 {
padding-bottom: 52px !important;
}
.pt53 {
padding-top: 53px !important;
}
.pl53 {
padding-left: 53px !important;
}
.pr53 {
padding-right: 53px !important;
}
.pb53 {
padding-bottom: 53px !important;
}
.pt54 {
padding-top: 54px !important;
}
.pl54 {
padding-left: 54px !important;
}
.pr54 {
padding-right: 54px !important;
}
.pb54 {
padding-bottom: 54px !important;
}
.pt55 {
padding-top: 55px !important;
}
.pl55 {
padding-left: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.pt56 {
padding-top: 56px !important;
}
.pl56 {
padding-left: 56px !important;
}
.pr56 {
padding-right: 56px !important;
}
.pb56 {
padding-bottom: 56px !important;
}
.pt57 {
padding-top: 57px !important;
}
.pl57 {
padding-left: 57px !important;
}
.pr57 {
padding-right: 57px !important;
}
.pb57 {
padding-bottom: 57px !important;
}
.pt58 {
padding-top: 58px !important;
}
.pl58 {
padding-left: 58px !important;
}
.pr58 {
padding-right: 58px !important;
}
.pb58 {
padding-bottom: 58px !important;
}
.pt59 {
padding-top: 59px !important;
}
.pl59 {
padding-left: 59px !important;
}
.pr59 {
padding-right: 59px !important;
}
.pb59 {
padding-bottom: 59px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.pt61 {
padding-top: 61px !important;
}
.pl61 {
padding-left: 61px !important;
}
.pr61 {
padding-right: 61px !important;
}
.pb61 {
padding-bottom: 61px !important;
}
.pt62 {
padding-top: 62px !important;
}
.pl62 {
padding-left: 62px !important;
}
.pr62 {
padding-right: 62px !important;
}
.pb62 {
padding-bottom: 62px !important;
}
.pt63 {
padding-top: 63px !important;
}
.pl63 {
padding-left: 63px !important;
}
.pr63 {
padding-right: 63px !important;
}
.pb63 {
padding-bottom: 63px !important;
}
.pt64 {
padding-top: 64px !important;
}
.pl64 {
padding-left: 64px !important;
}
.pr64 {
padding-right: 64px !important;
}
.pb64 {
padding-bottom: 64px !important;
}
.pt65 {
padding-top: 65px !important;
}
.pl65 {
padding-left: 65px !important;
}
.pr65 {
padding-right: 65px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.pt66 {
padding-top: 66px !important;
}
.pl66 {
padding-left: 66px !important;
}
.pr66 {
padding-right: 66px !important;
}
.pb66 {
padding-bottom: 66px !important;
}
.pt67 {
padding-top: 67px !important;
}
.pl67 {
padding-left: 67px !important;
}
.pr67 {
padding-right: 67px !important;
}
.pb67 {
padding-bottom: 67px !important;
}
.pt68 {
padding-top: 68px !important;
}
.pl68 {
padding-left: 68px !important;
}
.pr68 {
padding-right: 68px !important;
}
.pb68 {
padding-bottom: 68px !important;
}
.pt69 {
padding-top: 69px !important;
}
.pl69 {
padding-left: 69px !important;
}
.pr69 {
padding-right: 69px !important;
}
.pb69 {
padding-bottom: 69px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pl70 {
padding-left: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.pt71 {
padding-top: 71px !important;
}
.pl71 {
padding-left: 71px !important;
}
.pr71 {
padding-right: 71px !important;
}
.pb71 {
padding-bottom: 71px !important;
}
.pt72 {
padding-top: 72px !important;
}
.pl72 {
padding-left: 72px !important;
}
.pr72 {
padding-right: 72px !important;
}
.pb72 {
padding-bottom: 72px !important;
}
.pt73 {
padding-top: 73px !important;
}
.pl73 {
padding-left: 73px !important;
}
.pr73 {
padding-right: 73px !important;
}
.pb73 {
padding-bottom: 73px !important;
}
.pt74 {
padding-top: 74px !important;
}
.pl74 {
padding-left: 74px !important;
}
.pr74 {
padding-right: 74px !important;
}
.pb74 {
padding-bottom: 74px !important;
}
.pt75 {
padding-top: 75px !important;
}
.pl75 {
padding-left: 75px !important;
}
.pr75 {
padding-right: 75px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.pt76 {
padding-top: 76px !important;
}
.pl76 {
padding-left: 76px !important;
}
.pr76 {
padding-right: 76px !important;
}
.pb76 {
padding-bottom: 76px !important;
}
.pt77 {
padding-top: 77px !important;
}
.pl77 {
padding-left: 77px !important;
}
.pr77 {
padding-right: 77px !important;
}
.pb77 {
padding-bottom: 77px !important;
}
.pt78 {
padding-top: 78px !important;
}
.pl78 {
padding-left: 78px !important;
}
.pr78 {
padding-right: 78px !important;
}
.pb78 {
padding-bottom: 78px !important;
}
.pt79 {
padding-top: 79px !important;
}
.pl79 {
padding-left: 79px !important;
}
.pr79 {
padding-right: 79px !important;
}
.pb79 {
padding-bottom: 79px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pl80 {
padding-left: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.pt81 {
padding-top: 81px !important;
}
.pl81 {
padding-left: 81px !important;
}
.pr81 {
padding-right: 81px !important;
}
.pb81 {
padding-bottom: 81px !important;
}
.pt82 {
padding-top: 82px !important;
}
.pl82 {
padding-left: 82px !important;
}
.pr82 {
padding-right: 82px !important;
}
.pb82 {
padding-bottom: 82px !important;
}
.pt83 {
padding-top: 83px !important;
}
.pl83 {
padding-left: 83px !important;
}
.pr83 {
padding-right: 83px !important;
}
.pb83 {
padding-bottom: 83px !important;
}
.pt84 {
padding-top: 84px !important;
}
.pl84 {
padding-left: 84px !important;
}
.pr84 {
padding-right: 84px !important;
}
.pb84 {
padding-bottom: 84px !important;
}
.pt85 {
padding-top: 85px !important;
}
.pl85 {
padding-left: 85px !important;
}
.pr85 {
padding-right: 85px !important;
}
.pb85 {
padding-bottom: 85px !important;
}
.pt86 {
padding-top: 86px !important;
}
.pl86 {
padding-left: 86px !important;
}
.pr86 {
padding-right: 86px !important;
}
.pb86 {
padding-bottom: 86px !important;
}
.pt87 {
padding-top: 87px !important;
}
.pl87 {
padding-left: 87px !important;
}
.pr87 {
padding-right: 87px !important;
}
.pb87 {
padding-bottom: 87px !important;
}
.pt88 {
padding-top: 88px !important;
}
.pl88 {
padding-left: 88px !important;
}
.pr88 {
padding-right: 88px !important;
}
.pb88 {
padding-bottom: 88px !important;
}
.pt89 {
padding-top: 89px !important;
}
.pl89 {
padding-left: 89px !important;
}
.pr89 {
padding-right: 89px !important;
}
.pb89 {
padding-bottom: 89px !important;
}
.pt90 {
padding-top: 90px !important;
}
.pl90 {
padding-left: 90px !important;
}
.pr90 {
padding-right: 90px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.pt91 {
padding-top: 91px !important;
}
.pl91 {
padding-left: 91px !important;
}
.pr91 {
padding-right: 91px !important;
}
.pb91 {
padding-bottom: 91px !important;
}
.pt92 {
padding-top: 92px !important;
}
.pl92 {
padding-left: 92px !important;
}
.pr92 {
padding-right: 92px !important;
}
.pb92 {
padding-bottom: 92px !important;
}
.pt93 {
padding-top: 93px !important;
}
.pl93 {
padding-left: 93px !important;
}
.pr93 {
padding-right: 93px !important;
}
.pb93 {
padding-bottom: 93px !important;
}
.pt94 {
padding-top: 94px !important;
}
.pl94 {
padding-left: 94px !important;
}
.pr94 {
padding-right: 94px !important;
}
.pb94 {
padding-bottom: 94px !important;
}
.pt95 {
padding-top: 95px !important;
}
.pl95 {
padding-left: 95px !important;
}
.pr95 {
padding-right: 95px !important;
}
.pb95 {
padding-bottom: 95px !important;
}
.pt96 {
padding-top: 96px !important;
}
.pl96 {
padding-left: 96px !important;
}
.pr96 {
padding-right: 96px !important;
}
.pb96 {
padding-bottom: 96px !important;
}
.pt97 {
padding-top: 97px !important;
}
.pl97 {
padding-left: 97px !important;
}
.pr97 {
padding-right: 97px !important;
}
.pb97 {
padding-bottom: 97px !important;
}
.pt98 {
padding-top: 98px !important;
}
.pl98 {
padding-left: 98px !important;
}
.pr98 {
padding-right: 98px !important;
}
.pb98 {
padding-bottom: 98px !important;
}
.pt99 {
padding-top: 99px !important;
}
.pl99 {
padding-left: 99px !important;
}
.pr99 {
padding-right: 99px !important;
}
.pb99 {
padding-bottom: 99px !important;
}
.pt100 {
padding-top: 100px !important;
}
.pl100 {
padding-left: 100px !important;
}
.pr100 {
padding-right: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.m1 {
margin: 1px !important;
}
.m2 {
margin: 2px !important;
}
.m3 {
margin: 3px !important;
}
.m4 {
margin: 4px !important;
}
.m5 {
margin: 5px !important;
}
.m6 {
margin: 6px !important;
}
.m7 {
margin: 7px !important;
}
.m8 {
margin: 8px !important;
}
.m9 {
margin: 9px !important;
}
.m10 {
margin: 10px !important;
}
.m11 {
margin: 11px !important;
}
.m12 {
margin: 12px !important;
}
.m13 {
margin: 13px !important;
}
.m14 {
margin: 14px !important;
}
.m15 {
margin: 15px !important;
}
.m16 {
margin: 16px !important;
}
.m17 {
margin: 17px !important;
}
.m18 {
margin: 18px !important;
}
.m19 {
margin: 19px !important;
}
.m20 {
margin: 20px !important;
}
.m21 {
margin: 21px !important;
}
.m22 {
margin: 22px !important;
}
.m23 {
margin: 23px !important;
}
.m24 {
margin: 24px !important;
}
.m25 {
margin: 25px !important;
}
.m26 {
margin: 26px !important;
}
.m27 {
margin: 27px !important;
}
.m28 {
margin: 28px !important;
}
.m29 {
margin: 29px !important;
}
.m30 {
margin: 30px !important;
}
.m31 {
margin: 31px !important;
}
.m32 {
margin: 32px !important;
}
.m33 {
margin: 33px !important;
}
.m34 {
margin: 34px !important;
}
.m35 {
margin: 35px !important;
}
.m36 {
margin: 36px !important;
}
.m37 {
margin: 37px !important;
}
.m38 {
margin: 38px !important;
}
.m39 {
margin: 39px !important;
}
.m40 {
margin: 40px !important;
}
.m41 {
margin: 41px !important;
}
.m42 {
margin: 42px !important;
}
.m43 {
margin: 43px !important;
}
.m44 {
margin: 44px !important;
}
.m45 {
margin: 45px !important;
}
.m46 {
margin: 46px !important;
}
.m47 {
margin: 47px !important;
}
.m48 {
margin: 48px !important;
}
.m49 {
margin: 49px !important;
}
.m50 {
margin: 50px !important;
}
.m51 {
margin: 51px !important;
}
.m52 {
margin: 52px !important;
}
.m53 {
margin: 53px !important;
}
.m54 {
margin: 54px !important;
}
.m55 {
margin: 55px !important;
}
.m56 {
margin: 56px !important;
}
.m57 {
margin: 57px !important;
}
.m58 {
margin: 58px !important;
}
.m59 {
margin: 59px !important;
}
.m60 {
margin: 60px !important;
}
.m61 {
margin: 61px !important;
}
.m62 {
margin: 62px !important;
}
.m63 {
margin: 63px !important;
}
.m64 {
margin: 64px !important;
}
.m65 {
margin: 65px !important;
}
.m66 {
margin: 66px !important;
}
.m67 {
margin: 67px !important;
}
.m68 {
margin: 68px !important;
}
.m69 {
margin: 69px !important;
}
.m70 {
margin: 70px !important;
}
.m71 {
margin: 71px !important;
}
.m72 {
margin: 72px !important;
}
.m73 {
margin: 73px !important;
}
.m74 {
margin: 74px !important;
}
.m75 {
margin: 75px !important;
}
.m76 {
margin: 76px !important;
}
.m77 {
margin: 77px !important;
}
.m78 {
margin: 78px !important;
}
.m79 {
margin: 79px !important;
}
.m80 {
margin: 80px !important;
}
.m81 {
margin: 81px !important;
}
.m82 {
margin: 82px !important;
}
.m83 {
margin: 83px !important;
}
.m84 {
margin: 84px !important;
}
.m85 {
margin: 85px !important;
}
.m86 {
margin: 86px !important;
}
.m87 {
margin: 87px !important;
}
.m88 {
margin: 88px !important;
}
.m89 {
margin: 89px !important;
}
.m90 {
margin: 90px !important;
}
.m91 {
margin: 91px !important;
}
.m92 {
margin: 92px !important;
}
.m93 {
margin: 93px !important;
}
.m94 {
margin: 94px !important;
}
.m95 {
margin: 95px !important;
}
.m96 {
margin: 96px !important;
}
.m97 {
margin: 97px !important;
}
.m98 {
margin: 98px !important;
}
.m99 {
margin: 99px !important;
}
.m100 {
margin: 100px !important;
}
.p1 {
padding: 1px !important;
}
.p2 {
padding: 2px !important;
}
.p3 {
padding: 3px !important;
}
.p4 {
padding: 4px !important;
}
.p5 {
padding: 5px !important;
}
.p6 {
padding: 6px !important;
}
.p7 {
padding: 7px !important;
}
.p8 {
padding: 8px !important;
}
.p9 {
padding: 9px !important;
}
.p10 {
padding: 10px !important;
}
.p11 {
padding: 11px !important;
}
.p12 {
padding: 12px !important;
}
.p13 {
padding: 13px !important;
}
.p14 {
padding: 14px !important;
}
.p15 {
padding: 15px !important;
}
.p16 {
padding: 16px !important;
}
.p17 {
padding: 17px !important;
}
.p18 {
padding: 18px !important;
}
.p19 {
padding: 19px !important;
}
.p20 {
padding: 20px !important;
}
.p21 {
padding: 21px !important;
}
.p22 {
padding: 22px !important;
}
.p23 {
padding: 23px !important;
}
.p24 {
padding: 24px !important;
}
.p25 {
padding: 25px !important;
}
.p26 {
padding: 26px !important;
}
.p27 {
padding: 27px !important;
}
.p28 {
padding: 28px !important;
}
.p29 {
padding: 29px !important;
}
.p30 {
padding: 30px !important;
}
.p31 {
padding: 31px !important;
}
.p32 {
padding: 32px !important;
}
.p33 {
padding: 33px !important;
}
.p34 {
padding: 34px !important;
}
.p35 {
padding: 35px !important;
}
.p36 {
padding: 36px !important;
}
.p37 {
padding: 37px !important;
}
.p38 {
padding: 38px !important;
}
.p39 {
padding: 39px !important;
}
.p40 {
padding: 40px !important;
}
.p41 {
padding: 41px !important;
}
.p42 {
padding: 42px !important;
}
.p43 {
padding: 43px !important;
}
.p44 {
padding: 44px !important;
}
.p45 {
padding: 45px !important;
}
.p46 {
padding: 46px !important;
}
.p47 {
padding: 47px !important;
}
.p48 {
padding: 48px !important;
}
.p49 {
padding: 49px !important;
}
.p50 {
padding: 50px !important;
}
.p51 {
padding: 51px !important;
}
.p52 {
padding: 52px !important;
}
.p53 {
padding: 53px !important;
}
.p54 {
padding: 54px !important;
}
.p55 {
padding: 55px !important;
}
.p56 {
padding: 56px !important;
}
.p57 {
padding: 57px !important;
}
.p58 {
padding: 58px !important;
}
.p59 {
padding: 59px !important;
}
.p60 {
padding: 60px !important;
}
.p61 {
padding: 61px !important;
}
.p62 {
padding: 62px !important;
}
.p63 {
padding: 63px !important;
}
.p64 {
padding: 64px !important;
}
.p65 {
padding: 65px !important;
}
.p66 {
padding: 66px !important;
}
.p67 {
padding: 67px !important;
}
.p68 {
padding: 68px !important;
}
.p69 {
padding: 69px !important;
}
.p70 {
padding: 70px !important;
}
.p71 {
padding: 71px !important;
}
.p72 {
padding: 72px !important;
}
.p73 {
padding: 73px !important;
}
.p74 {
padding: 74px !important;
}
.p75 {
padding: 75px !important;
}
.p76 {
padding: 76px !important;
}
.p77 {
padding: 77px !important;
}
.p78 {
padding: 78px !important;
}
.p79 {
padding: 79px !important;
}
.p80 {
padding: 80px !important;
}
.p81 {
padding: 81px !important;
}
.p82 {
padding: 82px !important;
}
.p83 {
padding: 83px !important;
}
.p84 {
padding: 84px !important;
}
.p85 {
padding: 85px !important;
}
.p86 {
padding: 86px !important;
}
.p87 {
padding: 87px !important;
}
.p88 {
padding: 88px !important;
}
.p89 {
padding: 89px !important;
}
.p90 {
padding: 90px !important;
}
.p91 {
padding: 91px !important;
}
.p92 {
padding: 92px !important;
}
.p93 {
padding: 93px !important;
}
.p94 {
padding: 94px !important;
}
.p95 {
padding: 95px !important;
}
.p96 {
padding: 96px !important;
}
.p97 {
padding: 97px !important;
}
.p98 {
padding: 98px !important;
}
.p99 {
padding: 99px !important;
}
.p100 {
padding: 100px !important;
}
aside.minicart .minicart_container .minicart_wrapper header,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_subtotals,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_totals,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions {
-webkit-box-align: center;
-webkit-box-pack: justify;
align-items: center;
display: -webkit-box;
display: flex;
justify-content: space-between;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-shipping
.freteBox
input.button,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-coupon
.input-box
input.button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 5px;
padding: 0.2rem 0.5rem;
border: none;
background: #fff;
font-size: 0.7rem;
color: black;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: inset 0 0 0 1px #000;
-khtml-box-shadow: inset 0 0 0 1px #000;
-moz-box-shadow: inset 0 0 0 1px #000;
-ms-box-shadow: inset 0 0 0 1px #000;
-o-box-shadow: inset 0 0 0 1px #000;
box-shadow: inset 0 0 0 1px #000;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-shipping
.freteBox
input.button:hover,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-coupon
.input-box
input.button:hover {
background: black;
color: #fff;
}
body.minicart-opened {
overflow-y: hidden;
}
aside.minicart {
position: relative;
}
aside.minicart.opened .minicart_container {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
aside.minicart .minicart_loader {
position: fixed;
width: 100%;
height: 100%;
right: 0;
bottom: 0;
overflow: hidden;
display: none;
z-index: 999;
background: rgba(0, 0, 0, 0.8);
line-height: 100vh;
text-align: center;
}
aside.minicart .minicart_loader.opened {
display: inline;
}
aside.minicart .minicart_container {
position: fixed;
width: 350px;
height: 100vh;
z-index: 1000;
top: 0;
right: 0;
background: #fff;
overflow-x: hidden;
will-change: right;
-webkit-transition: all 350ms ease;
-khtml-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
-webkit-transform: translateX(100%);
-khtml-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
aside.minicart .minicart_container .minicart_wrapper {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
display: -webkit-box;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
aside.minicart .minicart_container .minicart_wrapper h2,
aside.minicart .minicart_container .minicart_wrapper h3,
aside.minicart .minicart_container .minicart_wrapper h4 {
display: inline;
}
aside.minicart .minicart_container .minicart_wrapper header {
border-bottom: 1px solid #ddd;
height: 3rem;
padding-left: 1.5rem;
padding-right: 1rem;
position: relative;
}
aside.minicart .minicart_container .minicart_wrapper header .minicart_close {
position: relative;
width: 20px;
height: 20px;
background: transparent;
border: none;
}
aside.minicart
.minicart_container
.minicart_wrapper
header
.minicart_close:before,
aside.minicart
.minicart_container
.minicart_wrapper
header
.minicart_close:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 16px;
background: #333;
-webkit-transition: all 350ms ease;
-khtml-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
}
aside.minicart
.minicart_container
.minicart_wrapper
header
.minicart_close:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-khtml-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
aside.minicart
.minicart_container
.minicart_wrapper
header
.minicart_close:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-khtml-transform: translate(-50%, -50%) rotate(-45deg);
-moz-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
aside.minicart .minicart_container .minicart_wrapper header .minicart_summary {
-webkit-box-flex: 1;
flex: 1 1;
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
}
aside.minicart .minicart_container .minicart_wrapper main {
-webkit-box-direction: normal;
-webkit-box-flex: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
display: flex;
flex: 1 1;
flex-direction: column;
overflow: auto;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item {
-webkit-box-align: stretch;
align-self: stretch;
display: -webkit-box;
justify-content: space-between;
display: flex;
flex-wrap: wrap;
padding: 1rem;
-webkit-box-shadow: inset 0 -1px 0 0 #ddd;
-khtml-box-shadow: inset 0 -1px 0 0 #ddd;
-moz-box-shadow: inset 0 -1px 0 0 #ddd;
-ms-box-shadow: inset 0 -1px 0 0 #ddd;
-o-box-shadow: inset 0 -1px 0 0 #ddd;
box-shadow: inset 0 -1px 0 0 #ddd;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item.no-stock
* {
opacity: 0.7;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item.no-stock
.minicart_item_quantidade_container {
pointer-events: none;
cursor: not-allowed;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item.no-stock
.minicart_remove_item {
opacity: 1;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_image {
margin-right: 1rem;
width: 5rem;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_image
img {
max-width: 100%;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details {
-webkit-box-flex: 1;
flex: 1;
overflow: hidden;
position: relative;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_name {
display: block;
margin-bottom: 0.5rem;
width: calc(100% - 2rem);
line-height: 1.25rem;
overflow: hidden;
font-size: 0.8rem;
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_remove_item {
position: absolute;
top: 0;
right: 0;
width: 1.25rem;
height: 1.25rem;
background: transparent;
border: none;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_remove_item:before,
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_remove_item:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 12px;
background: #333;
-webkit-transition: all 350ms ease;
-khtml-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_remove_item:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-khtml-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_remove_item:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-khtml-transform: translate(-50%, -50%) rotate(-45deg);
-moz-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_config {
margin: 0.5rem 0;
line-height: 1.5;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_config
span {
font-size: 0.7rem;
color: #999;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options {
-webkit-box-pack: justify;
-webkit-box-align: baseline;
align-items: flex-end;
display: -webkit-box;
display: flex;
justify-content: space-between;
margin-top: 0.5rem;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container {
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
input {
display: inline-flex;
width: 1.5rem;
height: 1.5rem;
border: none;
text-align: center;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.less,
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.more {
display: inline-flex;
position: relative;
width: 1.5rem;
height: 1.5rem;
background: #fff;
border: none;
-webkit-box-shadow: inset 0 0 0 1px #333;
-khtml-box-shadow: inset 0 0 0 1px #333;
-moz-box-shadow: inset 0 0 0 1px #333;
-ms-box-shadow: inset 0 0 0 1px #333;
-o-box-shadow: inset 0 0 0 1px #333;
box-shadow: inset 0 0 0 1px #333;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.less:hover,
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.more:hover {
background: #333;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.less:hover:before,
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.less:hover:after,
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.more:hover:before,
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.more:hover:after {
background: #fff;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.less:before {
content: "";
width: 0.5rem;
height: 0.05rem;
background: #333;
position: absolute;
top: calc(50% - 0.05rem);
left: 0.5rem;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.more:before,
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.more:after {
content: "";
width: 0.5rem;
height: 0.05rem;
background: #333;
position: absolute;
top: calc(50% - 0.05rem);
left: 0.5rem;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_quantidade_container
.more:after {
-webkit-transform: rotate(90deg);
-khtml-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_preco_container {
display: inline-block;
text-align: right;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_item_options
.minicart_item_preco_container
.price {
font-size: 1.05rem;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_message {
padding-left: 0;
border-bottom: none;
}
aside.minicart
.minicart_container
.minicart_wrapper
main
.minicart_item_list
.minicart_item
.minicart_item_details
.minicart_message
span {
font-size: 0.7rem;
}
aside.minicart .minicart_container .minicart_wrapper footer {
width: 100%;
padding: 0 1rem 1rem;
-webkit-box-shadow: inset 0 1px 0 0 #ddd;
-khtml-box-shadow: inset 0 1px 0 0 #ddd;
-moz-box-shadow: inset 0 1px 0 0 #ddd;
-ms-box-shadow: inset 0 1px 0 0 #ddd;
-o-box-shadow: inset 0 1px 0 0 #ddd;
box-shadow: inset 0 1px 0 0 #ddd;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
> section:not(:last-child) {
-webkit-box-shadow: inset 0 -1px 0 0 #ddd;
-khtml-box-shadow: inset 0 -1px 0 0 #ddd;
-moz-box-shadow: inset 0 -1px 0 0 #ddd;
-ms-box-shadow: inset 0 -1px 0 0 #ddd;
-o-box-shadow: inset 0 -1px 0 0 #ddd;
box-shadow: inset 0 -1px 0 0 #ddd;
margin: 0;
padding: 1rem 0;
line-height: 1;
font-size: 0.9rem;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-shipping
.freteBox {
position: relative;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-shipping
.freteBox
#postcode {
width: 100%;
height: 1.35rem;
border: none;
padding: 0;
font-size: 0.8rem;
text-transform: uppercase;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-shipping
select {
margin-top: 0.4rem;
width: 100%;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-shipping
.messages_estimate_method {
display: none;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-shipping
.messages_estimate_method.show {
display: inline-flex;
width: 100%;
margin-top: 10px;
font-size: 0.8rem;
color: #333;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-shipping
.messages_estimate_method
span.price {
margin-left: 5px;
font-weight: 700;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-shipping
.messages_estimate_method
.error-msg {
display: inline-flex;
background-position: 5px center !important;
padding: 5px 5px 5px 40px !important;
font-size: 12px !important;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-coupon
.input-box {
position: relative;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart-coupon
.input-box
#coupon_code {
width: 100%;
height: 1.35rem;
border: none;
padding: 0;
font-size: 0.8rem;
text-transform: uppercase;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button {
display: block;
text-align: center;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout {
display: block;
position: relative;
overflow: hidden;
width: 100%;
background: black;
font-size: 0.9rem;
font-weight: 400;
text-transform: uppercase;
text-align: center;
color: white;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout:before,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout:after,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout
.gotToCheckout-inner:before,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout
.gotToCheckout-inner:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
background-color: black;
-webkit-transition: all 500ms ease;
-khtml-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout:before,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout:after {
width: 0;
height: 2px;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout:after {
top: auto;
right: 0;
bottom: 0;
left: auto;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout
.gotToCheckout-inner:before,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout
.gotToCheckout-inner:after {
width: 2px;
height: 0;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout
.gotToCheckout-inner:before {
right: 0;
left: auto;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout
.gotToCheckout-inner:after {
top: auto;
bottom: 0;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout:hover {
background: #fff;
color: black;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout:hover:before,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout:hover:after {
width: 100%;
}
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout:hover
.gotToCheckout-inner:before,
aside.minicart
.minicart_container
.minicart_wrapper
footer
.minicart_item_actions
.button.gotToCheckout:hover
.gotToCheckout-inner:after {
height: 100%;
}
aside.minicart .minicart_container .minicart_wrapper .minicart_message {
position: relative;
padding: 0.5rem 2rem 0.5rem 0.5rem;
border-bottom: 1px solid #ddd;
}
aside.minicart .minicart_container .minicart_wrapper .minicart_message span {
font-size: 0.8rem;
color: red;
}
aside.minicart
.minicart_container
.minicart_wrapper
.minicart_message
.minicart_messages_close {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 3px;
width: 20px;
height: 20px;
background: transparent;
border: none;
}
aside.minicart
.minicart_container
.minicart_wrapper
.minicart_message
.minicart_messages_close:before,
aside.minicart
.minicart_container
.minicart_wrapper
.minicart_message
.minicart_messages_close:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 16px;
background: #333;
-webkit-transition: all 350ms ease;
-khtml-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-ms-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
}
aside.minicart
.minicart_container
.minicart_wrapper
.minicart_message
.minicart_messages_close:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-khtml-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
aside.minicart
.minicart_container
.minicart_wrapper
.minicart_message
.minicart_messages_close:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-khtml-transform: translate(-50%, -50%) rotate(-45deg);
-moz-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
aside.minicart .minicart_container .minicart_wrapper .empty-cart-message {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
aside.minicart .minicart_container .minicart_wrapper .empty-cart-message span {
display: table;
margin: 20px auto;
font-size: 32px;
font-weight: 300;
line-height: 20px;
color: #333;
}
aside.minicart
.minicart_container
.minicart_wrapper
.empty-cart-message
span:before {
float: right;
margin-left: 10px;
font-size: 28px;
}
aside.minicart .minicart_container .minicart_wrapper .empty-cart-message p {
font-size: 14px;
margin: 0 0 20px;
}
aside.minicart
.minicart_container
.minicart_wrapper
.empty-cart-message
button {
width: 160px;
height: 42px;
background: transparent;
border: none;
-webkit-box-shadow: inset 0 0 0 1px #000;
-khtml-box-shadow: inset 0 0 0 1px #000;
-moz-box-shadow: inset 0 0 0 1px #000;
-ms-box-shadow: inset 0 0 0 1px #000;
-o-box-shadow: inset 0 0 0 1px #000;
box-shadow: inset 0 0 0 1px #000;
-webkit-transition: all 300ms ease;
-khtml-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
aside.minicart
.minicart_container
.minicart_wrapper
.empty-cart-message
button:hover {
background: #000;
color: #fff;
}
.carrinho {
cursor: pointer;
position: relative;
float: right;
width: 105px;
padding-bottom: 15px;
}
.carrinho .icone {
font-size: 40px;
color: #02b4d2;
text-align: center;
display: block;
}
.carrinho .icone .amount {
position: absolute;
top: 0;
right: 25px;
color: #fff;
text-align: center;
font-size: 11px;
background: #333;
width: 18px;
height: 18px;
line-height: 18px;
box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.carrinho .icone .amount a {
color: #fff;
}
.carrinho h4 {
text-align: center;
font-weight: 400;
font-size: 14px;
}
.carrinho h4 a {
color: #333;
}
.carrinho .price {
text-align: center;
display: block;
color: #02b4d2;
}
@media only screen and (max-width: 769px) {
.carrinho {
width: 55px;
padding: 0;
}
.carrinho .icone {
font-size: 36px;
}
.carrinho .amount {
right: 0;
}
.carrinho:before,
.carrinho:after,
.carrinho h4,
.carrinho .price {
display: none;
}
}
#minicart_overlay {
position: fixed;
width: 0%;
height: 0%;
z-index: 999;
right: 0;
bottom: 0;
overflow: hidden;
background: rgba(0, 0, 0, 0.7);
line-height: 100vh;
text-align: center;
color: white;
font-size: large;
}
.minicart-opened #minicart_overlay {
width: 100%;
height: 100%;
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}
.lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-spinner div {
transform-origin: 32px 32px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
background: #fff;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.contrucao-page {
display: block;
margin: 0 auto;
width: 90%;
font-family: "Nunito", sans-serif;
}
.contrucao-page .logo {
text-align: center;
margin: 0 auto 30px;
}
.contrucao-page .logo img {
width: 255px;
max-width: 100%;
}
@media only screen and (max-width: 769px) {
.contrucao-page .logo img {
width: 200px;
margin-bottom: 20px;
}
}
.contrucao-page .social-links {
width: 60%;
margin: 0 auto;
}
@media only screen and (max-width: 769px) {
.contrucao-page .social-links {
width: 100%;
}
}
.contrucao-page .social-links .box-icone {
position: relative;
}
.contrucao-page .social-links .box-icone:before {
content: "";
width: 100%;
height: 1px;
background-color: #fad7db;
display: inline-block;
}
.contrucao-page .social-links .box-icone i {
width: 40px;
height: 35px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
text-align: center;
}
.contrucao-page .social-links .box-icone i:before {
font-size: 19px;
text-align: center;
color: #fff;
line-height: 1.5;
background-color: #e8765c;
width: 27px;
height: 27px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.contrucao-page .social-links .box-icone i.icon-facebook:before {
font-size: 21px;
line-height: 1.7;
padding-left: 3px;
}
.contrucao-page .social-links .box-link {
font-size: 19px;
margin: 20px 0 40px;
text-align: center;
letter-spacing: 0.5px;
}
.contrucao-page .social-links .box-link a {
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
color: #e8765c;
}
.contrucao-page .social-links .box-link a:hover {
color: #ffd373;
}
.contrucao-page .social-links .box-link a span {
color: #000;
font-weight: 700;
}
.contrucao-page .box-form {
text-align: center;
line-height: 1;
}
.contrucao-page .box-form h2 {
font-size: 42px;
font-weight: 700;
color: #de1f26;
margin: 10px auto 30px;
width: 80%;
}
@media only screen and (max-width: 769px) {
.contrucao-page .box-form h2 {
font-size: 32px;
margin-bottom: 20px;
width: 100%;
}
}
.contrucao-page .box-form h3 {
font-size: 20px;
font-weight: 400;
color: #595750;
}
.contrucao-page .box-form h3 b {
font-size: 28px;
font-weight: 700;
}
.contrucao-page .box-form .box-divisor {
position: relative;
}
.contrucao-page .box-form .box-divisor:before {
content: "";
width: 70%;
height: 4px;
background-color: #f7f4e5;
display: inline-block;
}
@media only screen and (max-width: 769px) {
.contrucao-page .box-form .box-divisor:before {
width: 85%;
}
}
.contrucao-page .box-form .box-divisor:after {
content: "";
width: 20%;
height: 8px;
background-color: #e9d4a9;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 2px 1px 1px 11px #fff;
-khtml-box-shadow: 2px 1px 1px 11px #fff;
-moz-box-shadow: 2px 1px 1px 11px #fff;
-ms-box-shadow: 2px 1px 1px 11px #fff;
-o-box-shadow: 2px 1px 1px 11px #fff;
box-shadow: 2px 1px 1px 11px #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 63%;
}
.contrucao-page .box-form #subscribe-form {
margin-top: 40px;
}
.contrucao-page .box-form #subscribe-form h4 {
color: #000;
font-size: 20px;
font-weight: 400;
width: 65%;
margin: 0 auto 20px;
line-height: 1.1;
}
@media only screen and (max-width: 769px) {
.contrucao-page .box-form #subscribe-form h4 {
width: 100%;
font-size: 17px;
line-height: 1.3;
}
}
.contrucao-page .box-form #subscribe-form .input-box input {
width: 70%;
height: 47px;
font-size: 15px;
padding: 0 15px;
margin-bottom: 10px;
border: 1px solid #d5bf8d;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
.contrucao-page
.box-form
#subscribe-form
.input-box
input::-webkit-input-placeholder {
color: #b6b6b6;
}
.contrucao-page .box-form #subscribe-form .input-box input:-moz-placeholder {
color: #b6b6b6;
}
.contrucao-page .box-form #subscribe-form .input-box input::-moz-placeholder {
color: #b6b6b6;
}
.contrucao-page
.box-form
#subscribe-form
.input-box
input:-ms-input-placeholder {
color: #b6b6b6;
}
@media only screen and (max-width: 769px) {
.contrucao-page .box-form #subscribe-form .input-box input {
width: 100%;
margin-bottom: 15px;
}
}
.contrucao-page .box-form #subscribe-form .box-bottom {
display: inline-block;
width: 70%;
margin: 10px auto 0;
float: none;
}
@media only screen and (max-width: 769px) {
.contrucao-page .box-form #subscribe-form .box-bottom {
width: 100%;
margin-bottom: 50px;
}
}
.contrucao-page .box-form #subscribe-form .box-bottom .info-spam {
font-size: 13px;
color: #de1f26;
display: block;
text-align: left;
padding: 13px 0;
}
@media only screen and (max-width: 769px) {
.contrucao-page .box-form #subscribe-form .box-bottom .info-spam {
text-align: center;
}
}
.contrucao-page .box-form #subscribe-form .box-bottom .icon-button-news {
width: 35px;
height: 27px;
position: absolute;
left: 30px;
top: 7px;
background: url(../images/construcao/icon-button-news.png) no-repeat;
z-index: 1;
}
@media only screen and (max-width: 769px) {
.contrucao-page .box-form #subscribe-form .box-bottom .icon-button-news {
display: none;
}
}
.contrucao-page .box-form #subscribe-form .box-bottom button {
color: #fff;
font-size: 18px;
font-weight: 600;
background-color: #20ac43;
border: 1px solid #3c8f40;
height: 40px;
float: right;
width: 80%;
height: 40px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.contrucao-page .box-form #subscribe-form .box-bottom button:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
@media only screen and (max-width: 769px) {
.contrucao-page .box-form #subscribe-form .box-bottom button {
float: none;
height: 50px;
}
}
@media screen and (min-width: 770px) {
.cms-construcao {
padding: 200px 0 0 !important;
}
}
/*# sourceMappingURL=screen.css.map */