body{font-family: 'Titillium Web', sans-serif!important;overflow: hidden;position: relative;}
h1, h2, h3, h4, h5, h6{font-family: 'Titillium Web', sans-serif!important;}
.sing-up-button > a,
.bannerHighlight .left .form .submit, 
.get-start-area .submitmarte,
.template-button{width:auto;font-weight: 600;height: 60px;font-size: 22px;padding: 0px 30px;border-radius:10px;background: #dd092a; background: -moz-linear-gradient(left, #dd092a 0%, #fd5d00 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #dd092a 0%,#fd5d00 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #dd092a 0%,#fd5d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd092a', endColorstr='#fd5d00',GradientType=1 ); /* IE6-9 */}
.half{width: 50%;display: inline-block;float: left;position: relative;}
.titleSection{font-size: 38px;line-height: 50px;font-weight: 500;text-transform: uppercase;color: #48576e;}
.subTitleSection{color: #6D7D93;font-size: 24px;font-weight: 300;line-height: 30px;margin-bottom: 50px;}


/* HEADER */
.header_area{box-shadow: none;}
.header_area .menu_area .navbar-brand img{width: 190px!important}
.header_area .sing-up-button > a{height: 50px;margin-top: -20px;font-size: 18px;text-transform: uppercase;}
.header_area .navbar-expand-lg .navbar-collapse{margin-top: -20px;}
.navbar-nav li.linkLogin{padding-left: 60px;}

.bannerHighlight .left .group{top: 45%;}
.bannerHighlight .left .form .input input{height: 60px;border-radius: 10px;}
.bannerHighlight .left .form .input input:focus{box-shadow: none;}
.bannerHighlight {margin-bottom: 80px;}
.bannerHighlight .left .titleBanner h1{font-size: 36px;line-height: 44px;font-weight: 500;text-transform: uppercase;color:#48576e;letter-spacing: 1px;margin-bottom: 10px;}
.bannerHighlight .left .descriptionBanner{margin-bottom: 50px;}
.bannerHighlight .left .form .input {border-radius: 10px;-webkit-box-shadow: 0px 0px 50px 0px rgba(102, 117, 140, 0.2);-moz-box-shadow: 0px 0px 50px 0px rgba(102, 117, 140, 0.2);box-shadow: 0px 0px 50px 0px rgba(102, 117, 140, 0.2);}
.bannerHighlight .left .form .submit:hover{cursor: pointer;opacity: 0.8;}

.background_comercial{background: url(../../images/layout/comercial/back_grey2.png);background-repeat: no-repeat;    background-repeat: no-repeat;background-position: top;background-size: 100% auto;}

.bannerHighlight .right .img_1 {position: absolute;top: 20%;right: -25%;width: 110%;z-index: 9;}
.bannerHighlight .right .img_2 {position: absolute;top: 65%;left: 30%;width: 45%;z-index: 99;}
.bannerHighlight .right .img_3 {position: absolute;top: 42%;left: 0%;width: 47%;z-index: 9;}
.bannerHighlight .right .img_4 {position: absolute;bottom: 5%;left: 64%;width: 35%;z-index: 9;}
.bannerHighlight .right img {width: 100%}


.products-template-first{margin-left: 0px;}
.products-template-first img{width: 100%;}
.category-template-footer p{margin-bottom: 40px;}

.facebook-banner.blockSection {background: transparent;height: auto;margin-bottom: 100px;width: 100%;display: inline-block;padding: 0% 10%;}
.facebook-banner.blockSection .products-template-first{position: relative;width: 80%;margin-top: 0px;}
.blockSection{padding: 100px 0px;}
.blockSection .text{position: relative;top:50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.blockSection .container{display: -ms-flex; display: -webkit-flex; display: flex;}
.blockSection .half{flex:1;}


.facebook-banner-2{width: 100%;display: inline-block;}
.facebook-banner-2 .category-template-footer{margin-left: 50px;margin-top: 210px;position: absolute;z-index: 9;width: 500px;}
.facebook-banner-2 .products-template-first {position: relative;float: right;margin-right: -650px;}
.facebook-banner-3 .category-template-footer{ position: relative;z-index: 9;width: 50%;top: 400px;margin: 0px;float: right;}
.facebook-banner-footer .category-template-footer{margin-left: 50px;margin-top: 0px;position: absolute;z-index: 9;width: 500px;}
.facebook-banner-footer .products-template-first {position: relative;left:50%;}   
.facebook-banner-footer .category-template-footer p {color: #6D7D93;font-size: 20px;font-weight: 200;width: 420px;line-height: 30px;} 
.facebook-banner-footer .category-template-footer h3 {margin-top: 30px;color:#48576e;font-weight:500;} 

.facebook-banner-3 {position: relative;}
.facebook-banner-3 .products-template-first {position: relative;top: 0px;margin-left: -400px;width: 140%;}
.facebook-banner-3 .products-template-second {position: absolute;margin: 0px;width: 58%;left: 40%;top: 55%;}
.facebook-banner-3 .products-template-third {position: relative;}
.facebook-banner-3 .products-template-fourth {position: relative;margin-left: 50px;}
.facebook-banner-3 .products-template-1social{position: relative;float: left;margin-top: 130px;margin-left: 170px;width: 80px;z-index: 9;filter: blur(2px);}
.facebook-banner-3 .products-template-2social{position: relative;float: left;margin-top: 0px;margin-left: -200px;width: 130px;z-index: 9;filter: blur(3px);}
.facebook-banner-3 .products-template-3social{position: relative;float: left;margin-top: 0px;margin-left: -30px;width: 70px;z-index: 9;}
.facebook-banner-3 .areaSocial{position: absolute;top: 10%;left: 150%;}
.facebook-banner-3 .areaMsg{position: absolute;top: 20%;left: 50%;width: 65%;}

.facebook-banner-4 {position: relative;text-align: center;}
.facebook-banner-4 .text{position: absolute;top: 0px;left: 0px;text-align: left;width: 25%;top: 30%;}
.facebook-banner-4 .img{width: 100%;text-align: center;}
.facebook-banner-4 .img .second{position: absolute;top: 50%;left: 57%;}

.blockInfo h3{font-size: 24px;line-height:30px;font-weight: 600;color: #48576e;}

.BO{padding-bottom: 200px;}
.BO p{margin-bottom: 0px;}
.BO h3{font-weight: 600;margin-top: 50px!important;}

.our-monthly-membership{background: transparent;}
.membership-description > p,
.membership-description > h2{color: #48576e;}


.sing-up-button > a {border-radius: 10px;}

.four .products-template-first{margin-left: 30%;} 
.four .second{margin-left: 50%;margin-top: 350px;} 
.four .category-template-footer {margin-left: 50px;margin-top: 150px;position: absolute;z-index: 9;width: 300px;}

.social_part{margin-top: 50px;position: relative;margin-bottom: 50px;text-align: center;}

.reveal {opacity: 0;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;}
.reveal_visible {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.colums_footer{margin-top: 50px;margin-bottom: 200px;}
.our-monthly-membership-second {background: transparent;box-shadow: none;}
.colums_footer img{width: 100px;margin-bottom: 20px;}
.template-button:hover{cursor: pointer;opacity: 0.8;}

.get-start-area .emailmarte{font-size: 22px;background: transparent;border: none;height: 60px;border-radius: 10px;padding: 0px 30px;padding-right: 60px;background: transparent;height: 60px;}
.get-start-area .submitmarte i{display: none;}

.footer-information h2{font-weight: 600;}
.blockFooter{width: 100%;display: inline-block;background: #eff0f3;padding-bottom: 0px;padding-top: 50px;}
.footer-social-icon{ margin-bottom: 0px;padding-bottom: 0px;}
.footer-social-icon hr{display: none;}
.footer-social-icon .copyright{display: inline-block;width: 100%;margin-top: 80px;padding:20px 0px;border-top: 1px solid #ddd;}
.awards{padding-bottom: 0px;}
.get-start-area .emailfooter{border-radius:5px;background: transparent;border: 1px solid #ccc;width: 100%;max-width: 200px;}
.get-start-area .submitfooter{border-radius: 5px;min-width: 50px;}
.get-start-area .submitfooter:hover{cursor: pointer;}
.socialnet{margin-right: 2px;}

.scrollSlider div.viewport {width: 100%;height: 100%;overflow-x: scroll;padding-bottom: 100px;}
.scrollSlider div.viewport div.overview {width: 3100px;height: 100%;}
.scrollSlider div.viewport div.overview img {display: block;float: left;height: 100%;margin-right: 5px;box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px -10px;}
.scrollSlider div.viewport div.overview img:last-child {margin-right: 0; }
.scrollSlider div.viewport div.overview:after {content: '';display: block;width: 100%;clear: both; }
.scrollSlider div.scrollbar {margin-top: 30px;margin-bottom: 30px;width: 50%;margin-left: auto;margin-right: auto;border-radius: 20px;height: 15px;background-color: #fff;border: 1px solid #6D7D93; }
.scrollSlider div.scrollbar div.track {width: 15px;height: 15px;background-color: #6D7D93;cursor: move;margin-top: -1px;border-radius: 20px; }
.scrollSlider div.viewport div.overview img:hover {opacity: 0.4;cursor:pointer;}

.scrollSlider div.viewport div.overview img{height: 60vh;margin: 50px;}
/*.scrollSlider div.viewport div.overview img:nth-child(2) {height: 50%;margin-top: 50px;}
.scrollSlider div.viewport div.overview img:nth-child(3) {height: 50%;margin: 0px;margin-left: -300px;margin-top: 420px;}*/

/* MODAL CREATE STORE */
#modalCreateStore{position: fixed;top:0px;left: 0px;width: 100%;height: 100vh;z-index: 99999;color: #6D7D93;visibility: hidden;}
#modalCreateStore.active{visibility: visible;}
#modalCreateStore .mask{width:100%;height: 100%;display: inline-block;}
#modalCreateStore .data{width: 800px;max-width: 100%;background: white;position: absolute;top: -100%;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);box-shadow: 0px 0px 200px rgba(109, 125, 147, 0.5);text-align: center;padding:50px 100px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#modalCreateStore.active .data{top:0px;max-height: 100vh;overflow: scroll;}
#modalCreateStore .data .name{font-size: 30px;font-weight: 300;text-transform: uppercase;}
#modalCreateStore .data .text{font-size: 16px;font-weight: 500;text-transform: uppercase;margin-bottom: 30px;}
#modalCreateStore .data .form input{height: 56px;margin-bottom: 15px;font-size: 16px;padding-left: 30px}
#modalCreateStore .data .form p{font-weight: 500;}
#modalCreateStore .data .closeModal{position: absolute;top:30px;right: 30px;font-size: 24px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#modalCreateStore .data .closeModal:hover{cursor: pointer;transform: scale(0.7);}
#modalCreateStore .data .input{position: relative;}
#modalCreateStore .data .help-block{display: none;background-position: 2px 4px;top: 100%;margin-top: 5px;left: 20px;text-align: left;position: absolute;z-index: 999;min-width: 220px;color: black;background-image: url('../../images/layout/icons_erro_bg.png');background-repeat: no-repeat;background-color: white;width: auto;padding: 9px 10px 8px 35px;font-size: 16px;color: #6D7D93;border-radius: 5px;border: none;box-shadow: 0px 5px 15px 0px #ccc;outline: 0;}