body {font: 15px/24px "Montserrat", Arial, sans-serif;background-color: #fff;color: #515152;text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale !important;} b, strong { font-weight: 600; } .pad160 { padding-top: 160px; } .add-top { margin-top: 140px; } .add-bottom { margin-bottom: 140px; } .add-top-half { margin-top: 70px; } .add-bottom-half { margin-bottom: 70px; } .add-min-top-half { margin-top: 35px; } .add-min-bottom-half { margin-bottom: 35px; } .pad-top { padding-top: 140px; } .pad-bottom { padding-bottom: 140px; } .pad-top-half { padding-top: 70px; margin-bottom: 20px; z-index: 10; position: relative; } .pad-bottom-half { padding-bottom: 70px; } .pad-min-top-half { padding-top: 35px; } .pad-min-bottom-half { padding-bottom: 35px; } .pad { padding-top: 150px; padding-bottom: 150px; } .pad-special { padding-top: 85px; padding-bottom: 60px; } .page-section { padding-top: 60px; padding-bottom: 45px; z-index: 10; } .page-top { padding-top: 125px; } .page-bottom { padding-bottom: 125px; } a:hover, .btn:hover { transition: .3s ease all } .btn--rounded { border-radius: 5px; } .btn--red { color: #c02c2a;/* background-color: #bf2827; */ border-bottom: 2px solid #bf2827 !important; font-family: 'Saira Semi Condensed', 'Helvetica', Arial, serif; font-size: 15px; font-weight: 500; border: 1px solid; background: transparent; } .btn--red:focus, .btn--red.focus { color: indianred;/* background-color: #23236a; *//* border-color: #101031 */ } .btn--red:hover { color: #c02c2a;/* background-color: #a72120; */ border-color: #a72120; } .btn--red:active, .btn--red.active, .open>.dropdown-toggle.btn--red {/* color: #fff; *//* background-color: #23236a; *//* border-color: #202163 */ } .btn--red:active:hover, .btn--red.active:hover, .open>.dropdown-toggle.btn--red:hover, .btn--red:active:focus, .btn--red.active:focus, .open>.dropdown-toggle.btn--red:focus, .btn--red:active.focus, .btn--red.active.focus, .open>.dropdown-toggle.btn--red.focus { color: #be282a;/* background-color: #bf2827; */ border-color: #bf2827; } .btn--red:active, .btn--red.active, .open>.dropdown-toggle.btn--red { background-image: none } .btn--red.disabled:hover, .btn--red[disabled]:hover, fieldset[disabled] .btn--red:hover, .btn--red.disabled:focus, .btn--red[disabled]:focus, fieldset[disabled] .btn--red:focus, .btn--red.disabled.focus, .btn--red[disabled].focus, fieldset[disabled] .btn--red.focus { background-color: #2F3091; border-color: #2F3091 } .btn--red .badge { color: #2F3091; background-color: #fff } .btn--white { color: #2F3091; background-color: #fff; border-color: #fff } .btn--white:focus, .btn--white.focus { color: #2F3091; background-color: #e6e6e6; border-color: #bfbfbf } .btn--white:hover { color: #2F3091; background-color: #e6e6e6; border-color: #e0e0e0 } .btn--white:active, .btn--white.active, .open>.dropdown-toggle.btn--white { color: #2F3091; background-color: #e6e6e6; border-color: #e0e0e0 } .btn--white:active:hover, .btn--white.active:hover, .open>.dropdown-toggle.btn--white:hover, .btn--white:active:focus, .btn--white.active:focus, .open>.dropdown-toggle.btn--white:focus, .btn--white:active.focus, .btn--white.active.focus, .open>.dropdown-toggle.btn--white.focus { color: #2F3091; background-color: #d4d4d4; border-color: #bfbfbf } .btn--white:active, .btn--white.active, .open>.dropdown-toggle.btn--white { background-image: none } .btn--white.disabled:hover, .btn--white[disabled]:hover, fieldset[disabled] .btn--white:hover, .btn--white.disabled:focus, .btn--white[disabled]:focus, fieldset[disabled] .btn--white:focus, .btn--white.disabled.focus, .btn--white[disabled].focus, fieldset[disabled] .btn--white.focus { background-color: #fff; border-color: #fff } .btn--white .badge { color: #fff; background-color: #2F3091 } .form--contact .form-label { font-weight: 400 } .form--contact .form-control { height: 40px; border-radius: 2px; font-size: 13px; } .form--contact textarea.form-control { height: 169px; resize: none; } .form--contact .form-footer { padding-top: 15px; } .form--contact .btn { padding: 0 45px; line-height: 38px; font-size: 15px; font-weight: 500; text-transform: uppercase; } .gallery-row { padding: 11px 0 } .aligncenter { display: block; margin: 11px auto } .alignleft, .alignright { margin-bottom: 11px } figure.alignnone { margin-left: 0; margin-right: 0; max-width: 100% } @media (min-width:768px) { .alignleft { float: left; margin-right: 11px } .alignright { float: right; margin-left: 11px } } .navbar-collapse.collapse { text-align: center; } .banner { height: 100px; background: #BF2726; border: none; margin: 0; } .banner .navbar { height: 100px; background: #BF2726; border: none; margin: 0; } .banner>.container { position: relative } .navbar-brand { height: auto; float: left; margin: 0; padding: 28px 0 28px 0px; } .main-title { position: relative; font-family: 'Saira Semi Condensed', 'Helvetica', Arial, serif; } h1.main-title { font-size: 50px; } h2.main-title { font-size: 50px; } h3.main-title { font-size: 50px; } .title-intro:after { content: ''; width: 100px; height: 3px; background: #bf2827; position: absolute; left: 0; bottom: 0; } /*.navbar-brand a { float: left }*/ .navbar .navbar-brand { margin-left: inherit !important; } .navbar .navbar-nav { margin-top: 30px; margin-left: 30px; display: inline-block; float: inherit; } .navbar .navbar-nav>.active a { background: none; color: #FFAB51 } .navbar .navbar-nav>.active a:hover { color: #FFAB51; background: none } .navbar .navbar-nav>li { margin: 0 5px } .navbar .navbar-nav>li>a { color: #ffffff; font-weight: 500; font-size: 17px; border-radius: 3px; text-transform: uppercase; padding: 7px 7px; font-family: 'Saira Semi Condensed', 'Helvetica', Arial, serif; } .navbar .navbar-nav>li>a:hover { color: #bf2827; background: #FFF; } .navbar-follow-us { margin: 30px 200px 0 0; float: right; } .navbar-contact-phone { width: 200px; height: 110px; background: rgb(255, 255, 255); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; right: 50%; padding: 0 17px; top: 0; margin-right: -643px; overflow: hidden; text-align: center; padding-top: 33px; color: #bf2827; line-height: 20px; box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.14); } .navbar-contact-phone .contact-phone--title { text-transform: uppercase; font-size: 17px; font-weight: 500; display: block; font-family: 'Saira Semi Condensed', 'Helvetica', Arial, serif; } .navbar-contact-phone .contact-phone--phone { font-size: 20px; font-weight: 500; } .navbar-contact-phone a.contact-phone--phone { color: #fff } .navbar-contact-phone a.contact-phone--phone:hover { color: #F1F1F1 } .page-header { background: #f5f5f5; margin: 0; padding: 28px 0 0;/* height: 100px; */ } .page-header .page-header__title { margin: 0; color: #2b2b2b; } .sidebar { width: 100% } .sidebar .sidebar__section { width: 100% } .sidebar .sidebar__section .section__title { margin: 0 0 25px 0; font-size: 14px; font-weight: 700; text-transform: uppercase } .sidebar .address__map { width: 100%; height: 300px; background: #a3ccff; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; } .sidebar .address__map iframe { } .sidebar .address__text { font-size: 15px; line-height: 24px; padding: 30px 10px; border-left: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center; } .content-info { border-top: 1px solid #D6D6D6 } .content-info .content-info__infos { padding-top: 70px } .content-info .content-info__infos .infos__copy { font-size: 13px; font-weight: 700; margin-bottom: 15px } .content-info .content-info__infos .infos__warning { font-size: 12px; color: #515152 } .content-info .content-info__facebook-widget { padding: 30px 0 } .footer__silver-bar { background: #f5f5f5; border-bottom: 1px solid #D6D6D6; padding: 20px 0 0; } .footer__silver-bar .silver-bar__address { font-size: 13px; color: #696969; margin: 0 0 20px 0; } .footer__silver-bar .silver-bar__address h6 { color: #111; margin-bottom: 5px; margin-top: 0; } .footer__silver-bar .silver-bar__address p { padding: 0; } .footer__silver-bar .silver-bar__address a { font-size: 11px; text-decoration: underline; } .showcase { height: 500px; position: relative } .showcase .showcase-item { height: 500px; position: relative } .showcase .showcase-item>.container { height: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; z-index: 10; position: relative; margin-top: -15px; } .showcase .showcase-item.active .item__argument, .showcase .showcase-item.active .item__description, .showcase .showcase-item.active .item__link { opacity: 1; transform: translate(0) } .showcase>.showcase-items>.showcase-item { display: none } .showcase>.showcase-items>.showcase-item:first-child { display: block } .showcase .item__background { position: absolute; background-repeat: no-repeat; background-position: center; background-size: cover; top: 0; left: 0; bottom: 0; right: 0 } .showcase .item__argument { color: #353535; margin: 0 0 20px 0; font-size: 52px; line-height: 58px; font-weight: 500; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); transform: translateX(-30px); opacity: 0; transition-property: transform, opacity; transition-duration: .4s; transition-timing-function: ease; transition-delay: 0; font-family: 'Saira Semi Condensed', 'Helvetica', Arial, serif; } .showcase .item__description { font-size: 20px; color: #363537; margin: 0 0 35px 0; transform: translateX(-30px); opacity: 0; transition-property: transform, opacity; transition-duration: .3s; transition-timing-function: ease; transition-delay: .4s; } .showcase .item__link { position: relative; font-family: 'Saira Semi Condensed', 'Helvetica', Arial, serif; text-transform: uppercase; padding: 10px 40px; transform: translateX(-30px); opacity: 0; transition-property: transform, opacity; transition-duration: .3s; transition-timing-function: ease; transition-delay: .6s; } .showcase .showcase-pager { position: absolute; width: 100%; top: 460px; z-index: 99; padding-left: 10px; } .showcase .showcase-pager .bx-pager-item { float: left; margin: 0 5px } .showcase .showcase-pager .bx-pager-link { width: 12px; height: 12px; display: block; text-indent: -9999em; border: 2px solid #fff; border-radius: 12px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) } .showcase .showcase-pager .bx-pager-link.active { background: #fff } .home-calls { position: relative; z-index: 99 } .home-calls .home-calls__content { color: #fff; position: relative; z-index: 20; padding-top: 25px; padding-bottom: 30px; background: #bf2827; } .home-calls .home-calls__curve { position: absolute; width: 100%; height: 100px; top: -30px; overflow: visible; overflow-x: hidden } .home-calls .home-calls__curve:before { content: ""; position: absolute; height: 100px; width: 2300px; background: #bf2726; border-radius: 100%; margin-left: -1150px; left: 50%; top: 0; } .home-calls .home-calls__products { position: relative } .home-calls .home-calls__products .products__items { width: 100%; height: 400px; float: left; background: #fff } .home-calls .home-calls__products>.products__items>.product { display: none } .home-calls .home-calls__products>.products__items>.product:first-child { display: block } .home-calls .home-calls__products .product { height: 400px; border-radius: 10px; overflow: hidden; position: relative; padding: 40px 30px 40px 40px } .home-calls .home-calls__products .product.active .product__text { opacity: 1; transform: translate(0) } .home-calls .home-calls__products .product.active .product__photo { transform: translate(0); opacity: 1 } .home-calls .home-calls__products .product__text { width: 235px; float: left; height: 100%; position: relative; transform: translate(-10px); opacity: 0; transition-property: transform, opacity; transition-duration: .2s; transition-timing-function: ease; transition-delay: .3s } .home-calls .home-calls__products .product__title { margin: 0 0 20px 0; font-size: 26px; font-weight: 700; text-transform: uppercase } .home-calls .home-calls__products .product__argument { font-size: 26px; font-weight: 500; letter-spacing: -1px; margin: 0 0 20px 0 } .home-calls .home-calls__products .product__description { margin: 0 } .home-calls .home-calls__products .product__link { position: absolute; font-size: 12px; text-transform: uppercase; font-weight: 700; padding: 10px 26px; left: 0; bottom: 0 } .home-calls .home-calls__products .product__photo { width: 330px; height: 330px; display: block; position: absolute; top: 40px; right: 30px; z-index: 20; transform: translate(50px); opacity: 0; transition-property: transform, opacity; transition-duration: .2s; transition-timing-function: ease } .home-calls .home-calls__products .product__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit:cover; object-position: center; ' } .home-calls .home-calls__products .product__application { width: 220px; height: 100%; position: absolute; right: 0; top: 0 } .home-calls .home-calls__products .product__application img { width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit:cover; object-position: center; ' } .home-calls .home-calls__products .bx-viewport { border-radius: 12px; background: #fff } .home-calls .home-calls__products .products__slider-control { background: #fff; border-radius: 25px; position: absolute; width: 80px; height: 40px; bottom: 40px; right: 40px; z-index: 60 } .home-calls .home-calls__products .products__slider-control:before { content: ""; position: absolute; height: 40px; width: 1px; background: #D6D6D6; left: 50% } .home-calls .home-calls__products .products__slider-control--prev, .home-calls .home-calls__products .products__slider-control--next { width: 40px; height: 40px; font-size: 20px; text-align: center; line-height: 45px; color: #2F3091; background-color: #fff; border-color: #fff; transition: .3s ease all } .home-calls .home-calls__products .products__slider-control--prev:focus, .home-calls .home-calls__products .products__slider-control--next:focus, .home-calls .home-calls__products .products__slider-control--prev.focus, .home-calls .home-calls__products .products__slider-control--next.focus { color: #2F3091; background-color: #e6e6e6; border-color: #bfbfbf } .home-calls .home-calls__products .products__slider-control--prev:hover, .home-calls .home-calls__products .products__slider-control--next:hover { color: #2F3091; background-color: #e6e6e6; border-color: #e0e0e0 } .home-calls .home-calls__products .products__slider-control--prev:active, .home-calls .home-calls__products .products__slider-control--next:active, .home-calls .home-calls__products .products__slider-control--prev.active, .home-calls .home-calls__products .products__slider-control--next.active, .open>.dropdown-toggle.home-calls .home-calls__products .products__slider-control--prev, .open>.dropdown-toggle.home-calls .home-calls__products .products__slider-control--next { color: #2F3091; background-color: #e6e6e6; border-color: #e0e0e0 } .home-calls .home-calls__products .products__slider-control--prev:active:hover, .home-calls .home-calls__products .products__slider-control--next:active:hover, .home-calls .home-calls__products .products__slider-control--prev.active:hover, .home-calls .home-calls__products .products__slider-control--next.active:hover, .open>.dropdown-toggle.home-calls .home-calls__products .products__slider-control--prev:hover, .open>.dropdown-toggle.home-calls .home-calls__products .products__slider-control--next:hover, .home-calls .home-calls__products .products__slider-control--prev:active:focus, .home-calls .home-calls__products .products__slider-control--next:active:focus, .home-calls .home-calls__products .products__slider-control--prev.active:focus, .home-calls .home-calls__products .products__slider-control--next.active:focus, .open>.dropdown-toggle.home-calls .home-calls__products .products__slider-control--prev:focus, .open>.dropdown-toggle.home-calls .home-calls__products .products__slider-control--next:focus, .home-calls .home-calls__products .products__slider-control--prev:active.focus, .home-calls .home-calls__products .products__slider-control--next:active.focus, .home-calls .home-calls__products .products__slider-control--prev.active.focus, .home-calls .home-calls__products .products__slider-control--next.active.focus, .open>.dropdown-toggle.home-calls .home-calls__products .products__slider-control--prev.focus, .open>.dropdown-toggle.home-calls .home-calls__products .products__slider-control--next.focus { color: #2F3091; background-color: #d4d4d4; border-color: #bfbfbf } .home-calls .home-calls__products .products__slider-control--prev:active, .home-calls .home-calls__products .products__slider-control--next:active, .home-calls .home-calls__products .products__slider-control--prev.active, .home-calls .home-calls__products .products__slider-control--next.active, .open>.dropdown-toggle.home-calls .home-calls__products .products__slider-control--prev, .open>.dropdown-toggle.home-calls .home-calls__products .products__slider-control--next { background-image: none } .home-calls .home-calls__products .products__slider-control--prev.disabled:hover, .home-calls .home-calls__products .products__slider-control--next.disabled:hover, .home-calls .home-calls__products .products__slider-control--prev[disabled]:hover, .home-calls .home-calls__products .products__slider-control--next[disabled]:hover, fieldset[disabled] .home-calls .home-calls__products .products__slider-control--prev:hover, fieldset[disabled] .home-calls .home-calls__products .products__slider-control--next:hover, .home-calls .home-calls__products .products__slider-control--prev.disabled:focus, .home-calls .home-calls__products .products__slider-control--next.disabled:focus, .home-calls .home-calls__products .products__slider-control--prev[disabled]:focus, .home-calls .home-calls__products .products__slider-control--next[disabled]:focus, fieldset[disabled] .home-calls .home-calls__products .products__slider-control--prev:focus, fieldset[disabled] .home-calls .home-calls__products .products__slider-control--next:focus, .home-calls .home-calls__products .products__slider-control--prev.disabled.focus, .home-calls .home-calls__products .products__slider-control--next.disabled.focus, .home-calls .home-calls__products .products__slider-control--prev[disabled].focus, .home-calls .home-calls__products .products__slider-control--next[disabled].focus, fieldset[disabled] .home-calls .home-calls__products .products__slider-control--prev.focus, fieldset[disabled] .home-calls .home-calls__products .products__slider-control--next.focus { background-color: #fff; border-color: #fff } .home-calls .home-calls__products .products__slider-control--prev .badge, .home-calls .home-calls__products .products__slider-control--next .badge { color: #fff; background-color: #2F3091 } .home-calls .home-calls__products .products__slider-control--prev { float: left; border-top-left-radius: 25px; border-bottom-left-radius: 25px } .home-calls .home-calls__products .products__slider-control--next { float: right; border-top-right-radius: 25px; border-bottom-right-radius: 25px } .home-calls .home-calls__highlights { height: 210px; border-radius: 5px; padding: 40px; position: relative; background-position: center right+40px; background-repeat: no-repeat; margin-bottom: 20px; background-size: 19%; } .home-calls .home-calls__highlights .highlights__argument { margin: 0; font-size: 15px; line-height: 24px; color: #353535; width: 74%; } .home-calls .home-calls__highlights .highlights__link { position: absolute; text-transform: uppercase; padding: 7px 20px; left: 40px; bottom: 40px; font-size: 14px; } .home-card .home-card__title { font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 0 0 15px 0 } .hentry { padding: 50px 0 110px 0; } .hentry .entry-content h1, .hentry .entry-content h2, .hentry .entry-content h3, .hentry .entry-content h4, .hentry .entry-content h5, .hentry .entry-content h6 { margin: 0 0 15px 0 } .hentry .entry-content h2 { font-size: 30px } .hentry .entry-content h3 { font-size: 26px } .hentry .entry-content h4 { font-size: 22px } .hentry .entry-content h5 { font-size: 18px } .hentry .entry-content p { color: #bf2726; margin-bottom: 20px; } .hentry .entry-content ul { color: #515152; padding-left: 20px; list-style: none; line-height: 26px } .hentry .entry-content ul li { position: relative } .hentry .entry-content ul li:after { content: ""; width: 8px; height: 8px; background: #333333; display: block; position: absolute; top: 10px; left: -18px; } .list-products { padding: 65px 0 } .list-products.list-products--odd { background: #F1F1F1 } .list-products .list-products__title-group { font-size: 26px; margin: 0; padding-bottom: 15px; border-bottom: 1px solid #D6D6D6 } .list-products:first-child { padding-top: 15px } .product { padding: 10px 0; margin: 0; border-bottom: 1px solid #D6D6D6 } .product .product__body { height: 160px } .product .body__thumbnail { width: 160px; height: 160px; float: left } .product .body__thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: 'object-fit:cover; object-position: center; ' } .product .body__buttons { padding: 0 30px; height: 160px; float: right; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center } .product .body__buttons a { display: block; text-transform: uppercase; font-size: 12px; font-weight: 700; width: 140px; height: 40px; padding: 10px 12px } .product .body__buttons a+a { margin-top: 10px } .product .body__content { margin: 0 200px 0 160px } .product .body__content .content__text { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; height: 160px } .product .body__content .text__title { margin: 0; font-size: 26px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px } .product .body__content .text__summary { color: #515152; margin: 0 } .list-colors { width: 320px; text-align: center; border: 1px solid #D6D6D6; border-radius: 8px; padding: 0; box-sizing: content-box; display: none } .list-colors .fancybox-close-small { top: 0; right: 0 } .list-colors .list-colors__header { border-bottom: 1px solid #D6D6D6; padding: 20px 0 } .list-colors .header__title { font-size: 14px; margin: 0; text-transform: uppercase; font-weight: 700 } .list-colors .list-colors__group { padding: 30px 25px 25px 25px; width: 100% } .list-colors .group__name { font-size: 14px; margin: 0 0 25px 0; text-transform: uppercase; font-weight: 700 } .list-colors .group__colors { margin: -5px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center } .list-colors .group__colors .color { width: 30px; height: 30px; margin: 5px; background: #F1F1F1 } .list-colors .group__colors .color[style="background: #ffffff"] { border: 1px solid #DBDBDB } .social-networks__wrapper .social-networks { padding: 0; padding-left: 0; list-style: none; margin: 0; } .social-networks__wrapper .social-networks li { display: inline-block; padding: 0 } .social-networks__wrapper .social-networks li+li { margin-left: 10px } .social-networks__wrapper .social-networks .item { height: 40px; line-height: 40px; display: block; position: relative; cursor: pointer } .social-networks__wrapper .social-networks .item:hover { color: #2F3091; text-decoration: none } .social-networks__wrapper .social-networks .item:hover .icon-button .bg { width: 40px; height: 40px; margin: -22px -20px -20px -20px } .social-networks__wrapper .social-networks .icon-button { width: 40px; height: 40px; border-radius: 40px; background: #fff; display: block; float: left; position: relative; overflow: hidden; border: 1px solid #D6D6D6 } .social-networks__wrapper .social-networks .bg { border-radius: 40px; background-color: #F1F1F1; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; transition: .3s all ease; width: 0 } .social-networks__wrapper .social-networks .ion-social-facebook { position: relative; z-index: 1; line-height: 40px; color: #bf2827; font-size: 20px;/* margin-top: 2px; */ display: block; text-align: center; } .social-networks__wrapper .social-networks .ion-social-facebook:before { z-index: 999; position: relative } .social-networks__wrapper .social-networks--purple .item:hover { color: #fff } .social-networks__wrapper .social-networks--purple .icon-button { background: #2F3091 } .social-networks__wrapper .social-networks--purple .bg { background-color: #2F3091 } .social-networks__wrapper .social-networks--purple .icon { color: #fff } .img-bg { background: url(../images/tartari-fachada.jpg) center center; min-height: 710px; position: relative; } .img-bg .content { background: #bf2726; width: 580px; padding: 30px; color: #FFF; z-index: 99; position: relative; float: right; font-size: 23px; top: -130px; line-height: 150%; box-shadow: 0 0 18px rgba(0, 0, 0, 0.29); text-shadow: 0px 1px #6d0808; font-family: 'Saira Semi Condensed', 'Helvetica', Arial, serif; } .img-bg .overlay { background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } /* SECTION TITLES */ .solucoes { margin: 50px 0 120px; } .section-titles { width: 100%;/* float: left; */ text-align: left; } .section-titles .upper-title { letter-spacing: 3px; color: #ffbb3f; font-weight: 700; } .section-titles .title-intro { max-width: 80%; font-size: 16px; line-height: 21px; margin-bottom: 60px; position: relative; padding-bottom: 30px; color: #515152; white-space: pre-line; } .section-titles .title-intro span { color: #ffbb3f; font-weight: 400; font-style: italic; } /* SOLUTIONS */ .solutions { width: 100%; float: left; padding-top: 40px; } .solutions { width: 100%; margin-bottom: 100px; } .solutions figure { width: 100%; margin-bottom: 20px;/* position: relative; */ } .solutions figure img { width: 100%; border-radius: 6px; } .solutions small { height: 26px; line-height: 26px; display: inline-block; margin-bottom: 5px; color: #fff; border: 1px solid #c4c9d3; background: #c4c9d3; padding: 0 7px; border-radius: 3px; } .solutions h3 { font-size: 17px; color: #bf2827; padding-bottom: 15px; font-weight: 700; position: relative; margin-bottom: 15px; } .solutions h3:after { content: ''; width: 32px; height: 2px; background: #c4c9d3; position: absolute; left: 0; bottom: 0; } .solutions p { line-height: 24px; color: #515152; margin-bottom: 25px; } .solutions a.btn { display: inline-block; font-size: 15px; border-bottom: 2px solid #bf2827 !important; font-family: 'Saira Semi Condensed', 'Helvetica', Arial, serif; border: 1px solid; } .solutions a.btn:hover { text-decoration: none; border-color: #a72120; color: #a72120; } .slider-wrapper ul { display: flex; padding: 0; margin: 0; flex-direction: row; align-items: center; } .slider-wrapper ul li { display: inline-block; text-align: center; } .slider-wrapper li img {max-width: 80%;max-height: 120px;display: inline-block;margin: 0 auto;} .servicositens { } .servicositens ul { list-style-type: none; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; } .servicositens ul li { } .servicositens ul li a, .servicositens h5 a {display: block;line-height: 130%;padding: 20px 20px;} .servicositens h5 {background: #f7f7f7;/* padding: 20px 10px; */border-radius: 3px;margin-top: 0;} .servicositens h5:hover { background: #efefef; } @media (max-width:480px) { .slider-wrapper { width: 100%; max-width: 480px; } } @media (min-width:481px) and (max-width:768px) { .slider-wrapper { max-width: 768px; width: 100%; } } @media (min-width:769px) and (max-width:992px) { .slider-wrapper { max-width: 992px; width: 100%; } .navbar .navbar-nav>li>a { padding: 7px 6px; font-size: 15px; } } @media (min-width:993px) and (max-width:1199px) { .slider-wrapper { max-width: 1199px; width: 100%; } .navbar .navbar-nav>li>a { padding: 7px 6px; font-size: 15px; } } @media (min-width:1200px) { .slider-wrapper { min-width: 1200px; width: 100%; } } .slider-wrapper .showcase-pager-c { position: relative; text-align: center; margin: 30px 0 60px; } .slider-wrapper .showcase-pager-c .container {/* position: absolute; *//* width: 100%; *//* top: 0; */z-index: 99;/* padding-left: 10px; */ } .slider-wrapper .showcase-pager-c .container .bx-pager-item { display: inline-block; margin: 0 5px; } .slider-wrapper .showcase-pager-c .container .bx-pager-link { width: 12px; height: 12px; display: block; text-indent: -9999em; border: 2px solid #b90d0d; border-radius: 12px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .slider-wrapper .showcase-pager-c .container .bx-pager-link.active { background: #bf2827; } @media (max-width:1299px) { .social-networks__wrapper .social-networks li+li { margin-left: 12px } .social-networks__wrapper .social-networks .item { height: 32px; line-height: 32px; } .social-networks__wrapper .social-networks .item:hover .icon-button .bg { width: 32px; height: 32px; margin: -19px -16px -16px -16px } .social-networks__wrapper .social-networks .icon-button { width: 32px; height: 32px; border-radius: 32px; } .social-networks__wrapper .social-networks .bg { border-radius: 32px } .social-networks__wrapper .social-networks .ion-social-facebook { font-size: 21px; line-height: 31px; } } .navbar .navbar-toggle { color: #fff; background: #fff; padding-left: 35px; border: none; } .navbar .navbar-toggle .text { float: right; display: inline-block; width: 50px; text-align: center; color: #ffffff; line-height: 22px; text-transform: uppercase; font-size: 12px; font-weight: 700; } .navbar .navbar-toggle .text:before { content: 'Menu' } .navbar .navbar-toggle .bars { position: absolute; top: 0; left: 0; bottom: 0; padding: 10px; border-left: 1px solid transparent } .navbar .navbar-toggle .btn-menu { width: 20px; height: 20px; display: inline-block; position: relative; z-index: 999; padding: 7px 0 } .navbar .navbar-toggle .btn-menu>span { position: relative; transition: .2s ease background !important } .navbar .navbar-toggle .btn-menu>span, .navbar .navbar-toggle .btn-menu>span:before, .navbar .navbar-toggle .btn-menu>span:after { height: 3px; width: 100%; background: #ffffff; display: block; } .navbar .navbar-toggle .btn-menu>span:before, .navbar .navbar-toggle .btn-menu>span:after { pointer-events: none; position: absolute; content: ''; transition: .3s ease background; transition-duration: .3s, .3s; transition-delay: .3s, 0s; border-radius: 10px } .navbar .navbar-toggle .btn-menu>span:after { bottom: 7px; transition-property: bottom, transform } .navbar .navbar-toggle .btn-menu>span:before { top: 7px; transition-property: top, transform } .navbar .navbar-toggle.active { background: #fff; border-color: #fff } .navbar .navbar-toggle.active:hover, .navbar .navbar-toggle.active:focus { background: #fff; border-color: #fff } .navbar .navbar-toggle.active .bars { border-left-color: transparent } .navbar .navbar-toggle.active .text { color: #ffffff; } .navbar .navbar-toggle.active .text:before { content: 'Fechar' } .navbar .navbar-toggle.active .btn-menu>span { background: transparent !important } .navbar .navbar-toggle.active .btn-menu>span:before, .navbar .navbar-toggle.active .btn-menu>span:after { transition-delay: 0s, .3s; background: #ffffff; border-radius: 1px; } .navbar .navbar-toggle.active .btn-menu>span:after { transition-property: bottom, transform; bottom: 0; transform: rotate(-45deg) } .navbar .navbar-toggle.active .btn-menu>span:before { transition-property: top, transform; top: 0; transform: rotate(45deg) } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background: #fff; border-color: #fff; } input.error, textarea.error { background: #fff1f1; } .layoutmanager img { max-width: 100%; height: auto !important; } @media (max-width:1299px) { .home-calls .home-calls__curve:before { width: 2000px; margin-left: -1000px } .home-calls .home-calls__products .product__photo { width: 230px; height: 230px; top: 90px; right: 10px } .navbar-contact-phone { display: none; } .navbar-follow-us { margin: 30px 0px 0 0; } } @media (max-width:1023px) { .showcase { height: 520px } .showcase .showcase-item { height: 520px } .showcase .item__argument { font-size: 40px; line-height: 40px; text-shadow: 1px 1px 7px white; } .showcase .item__description { font-size: 18px; line-height: 24px; margin-bottom: 25px } .showcase .showcase-pager { top: 430px } .home-calls .home-calls__curve:before { width: 1300px; margin-left: -650px } .home-calls .home-calls__products { margin-bottom: 30px } .home-calls .home-calls__products .products__items { height: 360px } .home-calls .home-calls__products .product { height: 360px } .home-calls .home-calls__products .product__photo { width: 275px; height: 275px; top: 45px; right: 45px } .home-card .home-card__title--red { color: #2F3091 } .banner { } .navbar-brand { padding: 36px 0 26px 10px; } .navbar .navbar-nav { margin-top: 30px; margin-left: 15px; } .navbar-follow-us { margin: 31px 0px 0 0; } .navbar-contact-phone { width: 170px } .page-header { margin: 0; padding: 18px 0 0;/* height: 65px; */ } .page-header .page-header__title { font-size: 26px; font-weight: 700; } .showcase .item__background { background-position: center bottom; } .sidebar .sidebar__address { margin-top: 60px } .sidebar .address__text { font-size: 14px; line-height: 20px; padding: 10px 20px } .product { padding: 20px 0; margin: 0; border-bottom: 1px solid #D6D6D6 } .product .product__body { height: auto } .product .body__buttons { height: auto; float: none; margin-left: 160px; padding: 0 } .product .body__buttons a { display: inline-block } .product .body__buttons a+a { margin: 0 0 0 10px } .product .body__content { margin: 0 0 0 160px } .product .body__content .content__text { padding-bottom: 20px; height: auto; min-height: 160px } .img-bg { background-size: cover;/* background-repeat: no-repeat; *//* min-height: 570px; */ } .img-bg .content { position: relative; top: inherit;/* left: inherit; *//* width: inherit; *//* font-size: 16px; */top: -90px; box-shadow: none; } .img-bg .overlay {/* display: none; */ } } @media (max-width:767px) { .banner .navbar { height: 77px; } .banner { height: 77px; } .navbar-brand { padding: 26px 0 26px 25px; width: 200px; } .navbar-toggle { margin: 18px 0; background: transparent!imporTANT; } .navbar-collapse { background: #bf2827; } .navbar .navbar-nav { margin: 30px 0 30px 0; width: 100%; } .navbar .navbar-nav>li { margin: 10px 5px; text-align: center } .navbar .navbar-nav>li>a { color: #fff; display: inline-block; font-size: 18px; } .navbar-follow-us { margin: 50px 0; float: none } .navbar-follow-us .social-networks { text-align: center } .showcase { height: 535px; } .showcase .item__background { } .showcase .showcase-item { height: 535px; } .showcase .showcase-item>.container { justify-content: center; align-items: flex-start; align-content: flex-start; margin-top: 0 } .showcase .showcase-item>.container .item__content {margin-top: 50px;background: #FFF;border-radius: 5px;padding: 20px;} .showcase .item__argument { font-size: 24px; line-height: 34px; } .home-calls .home-calls__content { padding-top: 125px; } .home-calls .home-calls__phone { right: 10px; border-radius: 5px; position: absolute; top: 30px; left: 10px; line-height: 24px; text-align: center; color: #383838; background-color: #ffffff; border-color: #FF954E; padding: 20px 0; } .home-calls .home-calls__phone:focus, .home-calls .home-calls__phone.focus { color: #fff; background-color: #ff761b; border-color: #ce5200 } .home-calls .home-calls__phone:hover { } .home-calls .home-calls__phone:active, .home-calls .home-calls__phone.active, .open>.dropdown-toggle.home-calls .home-calls__phone { color: #fff; background-color: #ff761b; border-color: #ff7011 } .home-calls .home-calls__phone:active:hover, .home-calls .home-calls__phone.active:hover, .open>.dropdown-toggle.home-calls .home-calls__phone:hover, .home-calls .home-calls__phone:active:focus, .home-calls .home-calls__phone.active:focus, .open>.dropdown-toggle.home-calls .home-calls__phone:focus, .home-calls .home-calls__phone:active.focus, .home-calls .home-calls__phone.active.focus, .open>.dropdown-toggle.home-calls .home-calls__phone.focus { color: #fff; background-color: #f66300; border-color: #ce5200 } .home-calls .home-calls__phone:active, .home-calls .home-calls__phone.active, .open>.dropdown-toggle.home-calls .home-calls__phone { background-image: none } .home-calls .home-calls__phone.disabled:hover, .home-calls .home-calls__phone[disabled]:hover, fieldset[disabled] .home-calls .home-calls__phone:hover, .home-calls .home-calls__phone.disabled:focus, .home-calls .home-calls__phone[disabled]:focus, fieldset[disabled] .home-calls .home-calls__phone:focus, .home-calls .home-calls__phone.disabled.focus, .home-calls .home-calls__phone[disabled].focus, fieldset[disabled] .home-calls .home-calls__phone.focus { background-color: #FF954E; border-color: #FF954E } .home-calls .home-calls__phone .badge { color: #FF954E; background-color: #fff } .home-calls .home-calls__phone .contact-phone--title { text-transform: uppercase; font-size: 18px; font-weight: 700; display: block; padding: 1px 0; color: #b03730; } .home-calls .home-calls__phone .contact-phone--phone { font-size: 33px; font-weight: 500; letter-spacing: -0.6px } .home-calls .home-calls__products { position: relative } .home-calls .home-calls__products .products__items { width: 100%; height: 330px } .home-calls .home-calls__products .product { height: 330px; padding: 25px 15px 25px 15px } .home-calls .home-calls__products .product__text { width: 100% } .home-calls .home-calls__products .products__slider-control { right: 20px; bottom: 25px } .home-calls .home-calls__highlights { height: auto; padding: 20px 20px 90px 20px; background-image: none !important; } .home-calls .home-calls__highlights .highlights__argument { margin: 0; width: inherit; font-size: 17px; line-height: 130%; } .home-calls .home-calls__highlights .highlights__link { position: absolute; font-size: 14px; text-transform: uppercase; padding: 10px 26px; left: 20px; bottom: 20px; } .home-card .home-card__title { text-align: center } .content-info .content-info__infos { padding-top: 50px } .content-info .content-info__infos .infos__copy { font-size: 13px; font-weight: 700; margin-bottom: 15px } .content-info .content-info__infos .infos__warning { font-size: 12px; color: #515152 } .content-info .content-info__facebook-widget { padding: 50px 0 40px 0; text-align: center } .footer__silver-bar { text-align: center; } .footer__silver-bar .silver-bar__address { float: none } .footer__silver-bar .silver-bar__address p { padding: 10px 0; margin: 0 } .footer__silver-bar .silver-bar__address p a { } .footer__silver-bar #pontocriativo { margin: 10px 0; float: none } .hentry .entry-content { padding: 0 15px } .list-products .bx-wrapper { position: relative } .list-products .bx-controls { position: absolute; top: 90px; width: 100% } .list-products .bx-prev, .list-products .bx-next { position: absolute } .list-products .bx-prev>span, .list-products .bx-next>span { font-size: 52px } .list-products .bx-prev { left: 0 } .list-products .bx-next { position: absolute; right: 0 } .product { padding: 20px 0; margin: 0; border-bottom: none } .product .product__body { height: 420px; display: flex; flex-direction: column; align-items: center; width: 100%; text-align: center } .product .body__buttons { margin-left: 0 } .product .body__content { margin: 0; padding: 0 15px } .product .body__content .content__text { min-height: 60px } .product .body__content .text__title { width: 100% } .img-bg { background-size: 100%; background-repeat: no-repeat; min-height: 570px; } .img-bg .content { position: relative; top: inherit; left: inherit; width: inherit; font-size: 16px; top: -90px; box-shadow: none; } .img-bg .overlay { display: none; } .section-titles .main-title { font-size: 40px; } .section-titles .title-intro { max-width: inherit; white-space: inherit; font-size: 15px; line-height: 140%; } } /*sweetalert*/ 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.0470588) 0px 0px 0px 1px inset!important}.sweet-alert button[disabled]{opacity:.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:.5}20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:.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:.5}20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:.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:.5}20%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.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:.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:.5}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}} body::after, body::before { /* these are the 2 half blocks which cover the content once the animation is triggered */ content: ''; height: 50vh; width: 100%; position: fixed; left: 0; background-color: #ffffff; z-index: 9999; /* Force Hardware Acceleration */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 0.4s 0.4s; -moz-transition: -moz-transform 0.4s 0.4s; transition: transform 0.4s 0.4s; } body::before { top: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } body::after { bottom: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } body.page-is-changing::after, body.page-is-changing::before { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.4s 0s; -moz-transition: -moz-transform 0.4s 0s; transition: transform 0.4s 0s; } main .cd-main-content { position: relative;} main .cd-main-content > div height: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; content: ''; position: absolute; left: 0; height: 50px; width: 100%; } .cd-cover-layer { /* layer that covers the content when the animation is triggered */ position: fixed; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: calc(100% - 20px); width: calc(100% - 20px); opacity: 0; visibility: hidden; background-color: #4089a6; -webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.8s; -moz-transition: opacity 0.4s 0.4s, visibility 0s 0.8s; transition: opacity 0.4s 0.4s, visibility 0s 0.8s; } .cd-about .cd-cover-layer { background-color: #283040; } .page-is-changing .cd-cover-layer { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } @media only screen and (min-width:768px) { .cd-cover-layer { height: calc(100%); width: calc(100%); } } .cd-loading-bar { /* this is the loding bar - visible while switching from one page to the following one */ position: fixed; z-index: 9999; left: 50%; top: 50%; height: 2px; width: 90%; background-color: #4089a6; visibility: hidden; -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s 0s ease-in; -moz-transition: visibility 0s 0.4s, -moz-transform 0.4s 0s ease-in; transition: visibility 0s 0.4s, transform 0.4s 0s ease-in; /* Force Hardware Acceleration */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cd-about .cd-loading-bar { background-color: #283040; } .cd-about .cd-loading-bar::before { background-color: #4089a6; } .cd-loading-bar::before { /* this is the progress bar inside the loading bar */ content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #283040; /* Force Hardware Acceleration */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .page-is-changing .cd-loading-bar { visibility: visible; -webkit-transform: translateX(-50%) translateY(-50%) scaleX(0.3); -moz-transform: translateX(-50%) translateY(-50%) scaleX(0.3); -ms-transform: translateX(-50%) translateY(-50%) scaleX(0.3); -o-transform: translateX(-50%) translateY(-50%) scaleX(0.3); transform: translateX(-50%) translateY(-50%) scaleX(0.3); -webkit-transition: visibility 0s 0.3s, -webkit-transform 0.4s 0.4s; -moz-transition: visibility 0s 0.3s, -moz-transform 0.4s 0.4s; transition: visibility 0s 0.3s, transform 0.4s 0.4s; } .page-is-changing .cd-loading-bar::before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform 0.8s 0.8s ease-in; -moz-transition: -moz-transform 0.8s 0.8s ease-in; transition: transform 0.8s 0.8s ease-in; } @media only screen and (min-width:768px) { .cd-loading-bar { width: calc(100% - 40px); } }