¿T;iØ´]¯F;i¬ëØí° Accept-Encoding,User-Agent€y¾†ÇaËvSòkî,‡² KEY: https://fundamentalbrinquedos.com.br/wp-content/themes/fundamental/style.css?v=1765439677 HTTP/1.1 200 OK Date: Thu, 11 Dec 2025 22:33:19 GMT Server: Apache Last-Modified: Thu, 27 Jun 2019 12:21:44 GMT Accept-Ranges: bytes Content-Length: 33155 Vary: Accept-Encoding,User-Agent Connection: close Content-Type: text/css /* Theme Name: FUNDAMENTAL BRINQUEDOS Theme URI: http://localhost Description: Tema do site FUNDAMENTAL BRINQUEDOS Version: 1.0 Author: Inovasite - Diego Ricardo Author URI: http://inovasite.com Tags: HTML5, CSS3, jQuery */ /* --- [Master Stylesheet] ---- :: 1.0 Base CSS Start :: 2.0 Header Area CSS :: 3.0 Wellcome Area CSS :: 4.0 Special Area CSS :: 5.0 Features Area CSS :: 6.0 Video Area CSS :: 7.0 Cool Facts Area CSS :: 8.0 Screenshots Area CSS :: 9.0 Pricing Plan Area CSS :: 10.0 Testimonials Area CSS :: 11.0 CTA Area CSS Start :: 12.0 Team Area CSS Start :: 13.0 Contact Area CSS Start :: 14.0 Footer Area CSS Start -------------------------- */ @import 'css/bootstrap.min.css'; @import 'css/animate.css'; @import 'css/magnific-popup.css'; @import 'css/owl.carousel.min.css'; @import 'css/slick.css'; @import 'css/font-awesome.min.css'; @import 'css/themify-icons.css'; @import 'css/ionicons.min.css'; /* -------------------------- :: 1.0 Base CSS Start -------------------------- */ * { margin: 0; padding: 0; } body { font-family: 'Pridi', serif; background-color: #fff; } h1, h2, h3, h4, h5, h6 { font-family: 'Pridi', serif; ; font-weight: 400; color: #000; line-height: 1.2; } .section_padding_100 { padding-top: 100px; padding-bottom: 100px; } .section_padding_100_50 { padding-top: 100px; padding-bottom: 50px; } .section_padding_100_70 { padding-top: 100px; padding-bottom: 70px; } .section_padding_50 { padding-top: 50px; padding-bottom: 50px; } .section_padding_50_20 { padding-top: 50px; padding-bottom: 20px; } .section_padding_150 { padding-top: 150px; padding-bottom: 150px; } .section_padding_200 { padding-top: 200px; padding-bottom: 200px; } .section_padding_0_100 { padding-top: 0; padding-bottom: 100px; } .section_padding_70 { padding-top: 70px; padding-bottom: 70px; } .section_padding_0_50 { padding-top: 0; padding-bottom: 50px; } img { max-width: 100%; max-height: 100%; } .mt-15 { margin-top: 15px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-100 { margin-top: 100px; } .mt-150 { margin-top: 150px; } .mr-15 { margin-right: 15px; } .mr-30 { margin-right: 30px; } .mr-50 { margin-right: 50px; } .mr-100 { margin-right: 100px; } .mb-15 { margin-bottom: 15px; } .mb-30 { margin-bottom: 30px; } .mb-50 { margin-bottom: 50px; } .mb-100 { margin-bottom: 100px; } .ml-15 { margin-left: 15px; } .ml-30 { margin-left: 30px; } .ml-50 { margin-left: 50px; } .ml-100 { margin-left: 100px; } ul, ol { margin: 0; padding: 0; } #scrollUp { bottom: 0; font-size: 24px; right: 30px; width: 70px; background-color: #f53c3c; color: #fff; text-align: center; height: 50px; line-height: 50px; margin-bottom: 20px; border-radius: 30px; } a, a:hover, a:focus, a:active { text-decoration: none; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } li { list-style: none; } p { color: #726a84; font-size: 16px; font-weight: 300; margin-top: 0; } .heading-text>p { font-size: 16px; } .section-heading>h2 { font-weight: 500; color: #f53c3c; font-size: 40px; margin: 0; } .section-heading>h5 { font-weight: 500; color: #f53c3c; font-size: 25px; margin: 0; } .section-heading { margin-bottom: 60px; } .line-shape-white, .line-shape { width: 80px; height: 3px; background-color: #f53c3c; margin-top: 15px; } .line-shape { margin-left: calc(50% - 40px); } .table { display: table; height: 100%; left: 0; position: relative; top: 0; width: 100%; z-index: 2; } .table-cell { display: table-cell; vertical-align: middle; } #preloader { overflow: hidden; background-color: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999; } .colorlib-load { -webkit-animation: 2000ms linear 0s normal none infinite running colorlib-load; animation: 2000ms linear 0s normal none infinite running colorlib-load; background: transparent none repeat scroll 0 0; border-color: #dddddd #dddddd #39bffb; border-radius: 50%; border-style: solid; border-width: 2px; height: 40px; left: calc(50% - 20px); position: relative; top: calc(50% - 20px); width: 40px; z-index: 9; } @-webkit-keyframes colorlib-load { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes colorlib-load { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* -------------------------- :: 2.0 Header Area CSS -------------------------- */ .header_area { left: 0; position: absolute; width: 100%; z-index: 99; top: 0; padding: 0 4%; background-image: url('img/bg-img/topo-bg.jpg'); background-attachment: fixed; background-position: top center; background-size: 100%; background-repeat: no-repeat; height: 150px; box-shadow: 5px 0px 14px 0px; border-bottom: solid 4px #ff0000; } .navbar-nav { margin-top: 30px; align-items: inherit; } .navbar { align-items: inherit; } .box-buscar-fb { display: block; } .linha-box { display: inline-block; } .menu_area .navbar-brand { font-size: 72px; font-weight: 700; color: #fff; margin: 0; line-height: 1; padding: 0; } .navbar-brand img { width: 220px; margin-top: -15px; } .menu_area .navbar-brand:hover, .menu_area .navbar-brand:focus { color: #fff; } .menu_area { position: relative; z-index: 2; } .laranja { background: #F38221; } .rosa { background: #EA028C; } .amarelo { background: #FADF2C; } .vermelho { background: #ff0000; } .verde { background: #00A551; } .roxo { background: #7A52A1; } .azul { background: #00ADEF; } .menu_area #nav .nav-link { font-family: sans-serif; color: #ffffff; display: block; font-size: 15px; font-weight: 600; text-transform: capitalize; letter-spacing: 1px; border-radius: 8px; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; padding: 8px 19px; margin: 0 10px; box-shadow: 3px 5px 4px -3px grey; } .menu_area .nav-link .form-control { padding: .5rem .5rem; margin-top: -10px; border: 2px solid #ff1212; border-radius: 3em; width: 180px; font-size: 1rem; } .navbar-expand-lg .navbar-collapse { flex-direction: column; align-items: flex-end; } .menu_area #nav .nav-link:hover { background: #ed1212; } .sticky .menu_area #nav .nav-link:hover { color: #fff; background: #ed1212; } .sticky .navbar-nav { margin-top: 10px; } .menu_area nav ul li>a:hover { color: #39bffb; } .sing-up-button { text-align: right; } .sing-up-button>a { color: #f53c3c; font-weight: 500; display: inline-block; border: 2px solid #f53c3c; background-color: #fff; height: 50px; min-width: 178px; line-height: 46px; text-align: center; border-radius: 24px; } .sing-up-button>a:hover { background: #93c64f; color: #fff; border-color: transparent; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } /* stcicky css */ .header_area.sticky { background-color: #f9f9f9; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 70px; position: fixed; top: 0; z-index: 99; } .header_area.sticky .login-bar { display: none; } .header_area.sticky .menu_area .navbar-brand { width: 114px; } .header_area.sticky .menu_area #nav .nav-link { padding: 10px 25px; margin-top: -25px; } .header_area.sticky .navbar { padding: 0; } .login-bar { border-radius: 10px; align-items: flex-end; display: flex; padding: 10px 5px; padding: 0px 50%; margin: -40px 0px 10px 0px; } .login-item { display: inline-block } .login-bar .login-top a .fas { line-height: 15pt; margin: 0px; } .login-bar .login-top a .fas:hover { color: #92C74D; text-shadow: 1px 4px 5px #000; } .fa-home { color: red; font-size: 26px; } .fbi { background: #2c3192; border-radius: 25px; line-height: 23px; padding-top: 13px; width: 45px; height: 45px; display: inline-block; text-align: center; } .fbi:hover { background: white; } .fa-facebook-f { color: white; font-size: 20px; line-height: 5px; padding: 0px; } .login-bar .login-top a:hover .fa { color: #2c3192; } .login-bar #login, .login-bar #cadastrar { background: #92C74D; color: #fff; } .login-bar #login:hover, .login-bar #cadastrar:hover { background: #a865e1; color: #fff; box-shadow: 2px 5px 8px -4px black; } .toy-search { width: 180px; margin: 0px 10px; border-radius: 30px; height: 45px; border: solid 2.2px #a865e1; font-size: 12px; } .toy-search:active, .toy-search:hover { border: solid 2.2px #f53c3c; } .toy-search-btn { position: absolute; margin-top: -44px; margin-left: 145px; background: #a865e1; border-radius: 25px; width: 43px; color: #fff; font-size: 16px; height: 43px; border: 0; } .toy-search-btn:hover { background: #ed1212; box-shadow: 2px 5px 8px -4px black; color: #fff; } .login-item .form-control { border-radius: 15px; border: solid .8px #91C74D; } .toy-search-btn .fas { line-height: 4px; font-size: 15px; padding: 20px 15px; } /* -------------------------- :: 3.0 Wellcome Area CSS -------------------------- */ .wellcome_area { background-image: url(img/bg-img/welcome-bg.png); height: 900px; position: relative; z-index: 1; background-position: bottom center; background-size: cover; } .wellcome_area:after { position: absolute; width: 100%; left: 0; height: 2px; background-color: #fff; content: ''; bottom: 0; z-index: 2; } .welcome-thumb { width: 50%; position: absolute; bottom: 100px; right: 85px; z-index: 9; } .welcome-thumb img { height: auto; width: 100%; } .wellcome-heading>h2 { font-size: 90px; color: #ffffff; font-weight: 700; position: relative; z-index: 3; } .get-start-area .email { background: #f53c3c; height: 50px; max-width: 260px; border: none; border-radius: 24px; padding: 0px 15px; } .form-control::-webkit-input-placeholder { color: #cec1f4; opacity: 1; } .form-control:-ms-input-placeholder { color: #cec1f4; opacity: 1; } .form-control::-ms-input-placeholder { color: #cec1f4; opacity: 1; } .form-control::placeholder { color: #cec1f4; opacity: 1; } .get-start-area .email:focus { border: none; outline-offset: transparent !important; border-radius: 30px; } .get-start-area .submit { background-color: #39bffb; color: #fff; font-weight: 500; display: inline-block; border: none; height: 50px; min-width: 167px; line-height: 46px; text-align: center; border-radius: 24px; margin-left: 10px; } .get-start-area .submit:hover { background: #f53c3c; color: #fff; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .wellcome-heading>p { color: #fff; } .wellcome-heading>h3 { font-size: 332px; position: absolute; top: -134px; font-weight: 900; left: -12px; z-index: -1; color: #fff; opacity: .1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; } .wellcome-heading { margin-bottom: 100px; } /* -------------------------- :: 4.0 Special Area CSS -------------------------- */ .single-icon>i { font-size: 2.3em; color: #ffffff; } .single-special>h4 { font-size: 22px; color: #ffffff; } .single-icon { margin-bottom: 25px; } .single-special>h4 { font-size: 22px; color: #ffffff; margin-bottom: 15px; } .single-special { border: 1px solid #eff2f6; padding: 40px; border-radius: 40px; -webkit-transition-duration: 800ms; -o-transition-duration: 800ms; transition-duration: 800ms; margin-bottom: 30px; min-height: 427px; } #col-a { background: #f53c3c; } #col-b { background: #7FC000; } #col-c { background: #9C33FF; } .special_description_content>h2 { color: #f53c3c; font-size: 44px; margin-bottom: 30px; } .single-special:hover { -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); background-color: #fafdff !important; } .single-special:hover i, .single-special:hover h4, .single-special:hover p { color: #f53c3c; } .single-special p { margin-bottom: 0; color: #ffffff; } .app-download-area { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 1; flex-basis: 1; margin-top: 50px; } .app-download-btn a { border: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 30px; border-radius: 30px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f53c3c; } .app-download-btn.active a, .app-download-btn a:hover { border-color: transparent; background-color: #39bffb; } .app-download-btn a i { color: #ffffff; font-size: 24px; margin-right: 15px; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .app-download-btn a p { color: #ffffff; font-size: 16px; line-height: 1; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .app-download-btn a p span { font-size: 12px; display: block; } .app-download-btn:first-child { margin-right: 20px; } .app-download-btn a:hover i, .app-download-btn.active a i, .app-download-btn.active a p, .app-download-btn a:hover p { color: #fff; } /* :: Portfolio Area CSS */ #produtos { background-color: #f5f9fc; } .pixel-projects-menu { position: relative; z-index: 1; margin-bottom: 30px; } .pixel-projects-menu .btn { padding: 10px 20px; background-color: transparent; font-size: 15px; text-transform: uppercase; font-weight: 500; color: #585858; border-radius: 50px; border: 2px solid transparent; cursor: pointer; } .pixel-projects-menu .btn.active, .pixel-projects-menu .btn:focus { box-shadow: none; color: #f53c3c; border-color: #f53c3c; } .pixel-projects-menu .btn:hover { padding: 10px 20px; border-radius: 50px; background-color: #f53c3c; } .pixel-projects-menu .btn:hover { color: #fff !important; } .single_gallery_item { display: inline-block; float: left; position: relative; z-index: 2; width: 33.3333334%; overflow: hidden; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; height: 370px; background: #FFF; } .bg_img{ position: relative; top: 0; left: 50%; width: 85%; height: 85%; transform: translateX(-50%); } @media only screen and (max-width: 767px) { .single_gallery_item { width: 100%; } } .single_gallery_item img { width: 100%; -webkit-transition-duration: 2000ms; -o-transition-duration: 2000ms; transition-duration: 2000ms; } .single_gallery_item .hover-content { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(127, 192, 0, 0.8); opacity: 0; visibility: hidden; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .single_gallery_item .hover-content .zoomimg { display: inline-block; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #ffffff; font-size: 20px; margin-bottom: 0; color: #ffffff; line-height: 46px; margin-top: -15px; opacity: 0; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .vmais{ display: block; color: #FFF; margin-bottom: 15px; } .single_gallery_item .hover-content h4 { margin-bottom: 0; color: #ffffff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single_gallery_item .hover-content h4 { font-size: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_gallery_item .hover-content h4 { font-size: 16px; } } @media only screen and (max-width: 767px) { .single_gallery_item .hover-content h4 { font-size: 16px; } } .single_gallery_item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .single_gallery_item:hover .hover-content { opacity: 1; visibility: visible; } .single_gallery_item:hover .hover-content .zoomimg { margin-top: 0; opacity: 1; } /* -------------------------- :: 5.0 Features Area CSS -------------------------- */ .single-feature { margin-bottom: 50px; } .single-feature>p { margin-bottom: 0; } .single-feature>i { color: #39bffb; font-size: 30px; display: inline-block; float: left; margin-right: 10px; } .single-feature>h5 { font-size: 22px; color: #f53c3c; } .single-feature>p { margin-top: 15px; } /* -------------------------- :: 6.0 Video Area CSS -------------------------- */ .video-area { position: relative; z-index: 1; background-position: center center; background-size: cover; border: 20px solid #fff; border-radius: 20px; height: 650px; -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08); box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08); } .video-area:after { position: absolute; content: ""; top: -20px; left: -20px; width: calc(100% + 40px); height: calc(100% + 40px); border: 1px solid #f1f4f8; z-index: 2; border-radius: 20px; } .video-area .video-play-btn a { width: 80px; height: 80px; background-color: #39bffb; color: #fff; text-align: center; display: block; font-size: 36px; line-height: 80px; padding-left: 5px; border-radius: 50%; top: 50%; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; } .video-area .video-play-btn a:hover { background-color: #a865e1; color: #fff; } /* -------------------------- :: 7.0 Cool Facts Area CSS -------------------------- */ .cool_facts_area { position: relative; z-index: auto; background: #a865e1; background: -webkit-linear-gradient(to left, #7873ed, #a865e1); background: -webkit-linear-gradient(right, #7873ed, #a865e1); background: -webkit-gradient(linear, right top, left top, from(#7873ed), to(#a865e1)); background: -o-linear-gradient(right, #7873ed, #a865e1); background: linear-gradient(to left, #7873ed, #a865e1); padding: 180px 0 80px 0; top: -100px; } .cool_facts_area:after { position: absolute; bottom: -100px; left: 0; right: 0; width: 100%; height: 100px; background-color: #fff; content: '' } .cool-facts-content>i { color: #ffffff; font-size: 36px; } .counter-area { min-width: 100px; -ms-flex-item-align: end; align-self: flex-end; } .counter-area>h3 { color: #ffffff; font-size: 60px; margin-bottom: 0; line-height: 1; } .cool-facts-content>p { font-size: 18px; color: #ffffff; margin-bottom: 0; } /* -------------------------- :: 8.0 Screenshots Area CSS -------------------------- */ .slide { margin-top: 140px; } .slide .carousel-indicators li { width: 50px; height: 5px; cursor: pointer; } .slide .carousel-indicators li:hover { background: #f53c3c; height: 7px; } /* .app_screenshots_slides { padding: 0 6%; } .app_screenshots_slides .single-shot { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85) } .app_screenshots_slides .center .single-shot { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .app-screenshots-area .owl-dot { height: 11px; width: 11px; border: 2px solid #a49fba; border-radius: 50%; display: inline-block; margin: 0 6px; margin-top: 50px; } .app-screenshots-area .owl-dot.active { background-color: #39bffb; border: transparent; } .app-screenshots-area .owl-dots { height: 100%; width: 100%; text-align: center; } */ /* -------------------------- :: 9.0 Pricing Plan Area CSS -------------------------- */ .pricing-plane-area { background: #f5f9fc; } .single-price-plan { background: #ffffff; border: 1px solid #ebebeb; border-radius: 30px; margin-bottom: 30px; } .single-price-plan .package-plan { padding: 40px 0; border-radius: 30px; } .single-price-plan .package-plan>h5 { color: #f53c3c; font-size: 18px; } .single-price-plan .package-plan .ca-price h4 { color: #39bffb; font-size: 48px; position: relative; z-index: 1; margin-bottom: 0; line-height: 1; } .single-price-plan .package-plan .ca-price span { font-size: 18px; color: #39bffb; } .single-price-plan .plan-button>a { background: #726a84; padding: 10px 0; border-bottom-right-radius: 30px; color: #ffffff; font-size: 16px; font-weight: 500; display: block; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .single-price-plan .package-description>p { margin-bottom: 0; line-height: 1; padding: 15px 0; border-bottom: 1px solid #ebebeb; } .single-price-plan .package-description>p:first-child { border-top: 1px solid #ebebeb; } .single-price-plan.active .package-plan, .single-price-plan.active .plan-button>a, .single-price-plan:hover .plan-button>a { background-color: #a865e1; } .single-price-plan.active .package-plan .ca-price>h4, .single-price-plan.active .package-plan .ca-price>span, .single-price-plan.active .package-plan>h5, .single-price-plan.active .plan-button>a { color: #fff; } /* -------------------------- :: 10.0 Testimonials Area CSS -------------------------- */ .clients-feedback-area .client-name>h5 { color: #f53c3c; font-size: 22px; margin-top: 5px; } .clients-feedback-area .star-icon>i { font-size: 18px; color: #f1b922; } .clients-feedback-area .client-description>p { max-width: 1010px; margin: auto; margin-bottom: 15px; font-size: 22px; } .clients-feedback-area .client>i { font-size: 48px; color: #f53c3c; margin-bottom: 30px; } .clients-feedback-area .client-name>p { color: #b5aec4; } .clients-feedback-area .slick-dots { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .clients-feedback-area .slick-dots li button { width: 12px; height: 12px; text-indent: -999999999999999999999999px; border: 3px solid #a49fba; background-color: #fff; border-radius: 50%; margin: 5.5px; outline: none; } .clients-feedback-area .slick-dots li.slick-active button { background-color: #39bffb; border-color: #39bffb; } .clients-feedback-area .slick-slide.client-thumbnail { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 129px; } .clients-feedback-area .slick-slide img { display: block; width: 80px !important; height: 80px !important; border-radius: 50%; border: 5px solid #fff; -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); } .clients-feedback-area .slick-slide.slick-current img { width: 100px !important; height: 100px !important; } .clients-feedback-area .slick-arrow { position: absolute; width: 30px; background-color: #fff; height: 100%; text-align: center; font-size: 24px; color: #b5aec4; display: block; line-height: 550%; left: 0; z-index: 90; cursor: pointer; } .clients-feedback-area .slick-arrow.fa-angle-right { left: auto; right: 0; top: 0; } /* -------------------------- :: 11.0 CTA Area CSS Start -------------------------- */ .our-monthly-membership { background: #ed1212; background: -moz-linear-gradient(45deg, #ed1212 0%, #f53c3c 100%); background: -webkit-linear-gradient(45deg, #ed1212 0%, #f53c3c 100%); background: linear-gradient(45deg, #ed1212 0%, #f53c3c 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ed1212', endColorstr='#f53c3c', GradientType=1); } .membership-description>h2 { color: #ffffff; font-size: 36px; } .membership-description>p { color: #ffffff; margin-bottom: 0; } .get-started-button>a { background: #ffffff; height: 45px; min-width: 155px; display: inline-block; text-align: center; line-height: 45px; color: #39bffb; font-weight: 500; border-radius: 23px; } .get-started-button>a:hover { background: #f53c3c; color: #fff; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .get-started-button-product { text-align: right; } .get-started-button-product>a { background: #f53c3c; height: 45px; min-width: 155px; display: inline-block; text-align: center; line-height: 45px; color: #FFF; font-weight: 500; border-radius: 23px; } .get-started-button-product>a:hover { background: #39bffb; color: #FFF; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .get-started-button-product { text-align: center; margin: 50px 0 0 0; } /* -------------------------- :: 12.0 Team Area CSS Start -------------------------- */ .member-image { margin-bottom: 30px; border-radius: 30px 30px 30px 0; position: relative; z-index: 1; } .member-image img { border-radius: 30px 30px 30px 0; } .member-text>h4 { font-size: 22px; color: #f53c3c; } .member-text>p { color: #b5aec4; margin-bottom: 0; } .team-hover-effects { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f53c3ca3; border-radius: 30px 30px 30px 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .single-team-member:hover .team-hover-effects { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .team-social-icon { position: absolute; z-index: 5; top: 0; left: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .team-social-icon>a { font-size: 14px; color: #fff; background: #f53c3c; height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 10px 10px 10px 0; display: block; margin: 2.5px; } .single-team-member { margin-bottom: 50px; } /* -------------------------- :: 13.0 Contact Area CSS Start -------------------------- */ .address-text>p, .phone-text>p, .email-text>p { font-size: 18px; margin-bottom: 10px; } .address-text>p>span, .phone-text>p>span, .email-text>p>span { color: #f53c3c; } .footer-contact-area .line-shape { margin-left: 0; } .footer-contact-area .heading-text>p { margin-top: 50px; } .footer-contact-area .heading-text { margin-bottom: 50px; } .contact_from input[type="text"], .contact_from input[type="email"], .contact_from input[type="tel"] { font-size: 18px; padding: 15px 15px; border-radius: 25px; } .contact_from textarea { border-radius: 25px; height: 120px; } .btn.submit-btn { background: #39bffb; height: 48px; min-width: 185px; color: #ffffff; font-weight: 500; border-radius: 22px; cursor: pointer; } .btn.submit-btn:hover { background: #f53c3c; color: #fff; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .footer-contact-area { background: #f5f9fc; } .footer-text>p { margin-bottom: 50px; } /* -------------------------- :: 14.0 Footer Area CSS Start -------------------------- */ .footer-text>h2 { color: #f53c3c; font-size: 72px; font-weight: 700; } .footer-text>img { width: 320px; } .footer-social-icon>a>i { background: #f53c3c; font-size: 14px; color: #ffffff; height: 40px; width: 40px; line-height: 40px; font-weight: 500; border-radius: 10px; margin-right: 10px; } .footer-social-icon>a>i:hover { background: #39bffb; color: #fff; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } .social-icon { margin-bottom: 30px; } .footer-text { margin-bottom: 15px; } .footer-menu ul li { display: inline-block; } .footer-menu ul li a { border-right: 2px solid #726a84; display: block; padding: 0 7.5px; color: #726a84; } .footer-social-icon>a .active { background: #39bffb; } .footer-menu ul li:last-child a { border-right: 0 solid #ddd; } .footer-social-icon { margin-bottom: 30px; } .footer-menu { margin-bottom: 15px; } .copyright-text>p { margin-bottom: 0; } ::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder { color: red; font-size: 1em; } .navbar-light .navbar-toggler { border: 0; cursor: pointer; padding: 0; } .single_produto { background: #FFF; } .single_produto h3 { font-weight: 400; color: #f53c3c; font-size: 33px; margin: 0 0 15px 0; } .paginator { margin: 55px 0 0 0; } .paginator .pages { background: #f53c3c; color: #FFF; border: 0; padding: 8px 20px; border-radius: 100px; } .paginator .current { background: #39bffb; color: #FFF; border-radius: 50px; border: 0; padding: 8px 11px; } .paginator a { background: #f53c3c; color: #FFF; border-radius: 50px; border: 0 !important; padding: 8px 11px !important; } .paginator a:hover { background: #39bffb; } .modal-header-title { display: flex; flex-direction: column; } .active_whats{ background: #25d366 !important; } .sidebar_categorias .section-heading{ margin: 0 0 20px 0; text-align: left; } .sidebar_categorias .section-heading h2{ margin: 0 0 15px 0; font-size: 30px; } .sidebar_categorias .line-shape{ margin: 0; width: 50px; } .categorias a i{ font-size: 12px; color: #f53c3c; } .categorias a:hover{ color: #f53c3c; } .single_gallery_item_produtos{ height: 300px; } .ref_product{ display: block; margin: -13px 0 20px 0; font-size: 20px; font-weight: 700; } .title_product{ font-size: 16px; padding: 0 15px; margin: 8px 0 0 0; } @media(max-width: 767px) { .menu-site ul { margin-top: 0; } .menu-site li { margin: 0 0 12px 0; } .header_area.sticky .navbar { align-items: start; } .header_area.sticky .navbar-light .navbar-toggler { margin: 7px 0 0 0; } .header_area.sticky .menu_area #nav .nav-link { margin-top: 0; } }