@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400&display=swap"; @import "https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap"; body { font-size: 14px; font-family: Poppins, sans-serif; color: #616161; line-height: 14px !important; } a { -webkit-transition: all ease .5s; transition: all ease .5s; text-decoration: none; color: #616161 } a:hover { text-decoration: none; color: #2cd697 } a:focus { text-decoration: none } button { outline: 0!important; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0 } button:focus { -webkit-box-shadow: none; box-shadow: none } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #1f4b3f; font-weight: 600; font-family: Poppins, sans-serif; } .d-table { width: 100%; height: 100% } .d-table-cell { vertical-align: middle } p { margin-bottom: 15px; line-height: 25px; } p:last-child { margin-bottom: 0 } img { max-width: 100%; height: auto } .form-control { color: #2cd697; border: 1px solid #d7d7d7; background-color: #f4f4f4; font-size: 16px; padding: 5px 20px; width: 100%; -webkit-transition: all ease .5s; transition: all ease .5s; border-radius: 0; } .form-control::-webkit-input-placeholder { color: #676a6a } .form-control:-ms-input-placeholder { color: #676a6a } .form-control::-ms-input-placeholder { color: #676a6a } .form-control::placeholder { color: #676a6a } .form-control:focus { color: #2cd697; background-color: transparent; -webkit-box-shadow: unset; box-shadow: unset; outline: 0; border: 1px solid #2cd697 } .form-control:hover:focus, .form-control:focus { -webkit-box-shadow: unset; box-shadow: unset } textarea.form-control { height: auto } .ptb-100 { padding-top: 80px; padding-bottom: 80px } .ptb-60 { padding-top: 60px; padding-bottom: 60px } .pt-100 { padding-top: 100px } .pb-100 { padding-bottom: 100px } .pt-70 { padding-top: 70px } .pb-70 { padding-bottom: 70px } .pb-150 { padding-bottom: 150px } .pt-50 { padding-top: 50px } .mt-30 { margin-top: 30px } .mb-30 { margin-bottom: 30px } .ml-15 { margin-left: 15px } .mr-15 { margin-right: 15px } .bg-color-f7f8f9 { background-color: #f7f8f9; position: relative; z-index: 10; } footer{ background-color: #1F4B3F; background-image: url(../../imagens/slider2_bg.png); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 10; position: relative; z-index: 1; background-position: center; margin-top: 0px !important; } .default-btn { font-size: 16px; color: #fff; -webkit-transition: all ease .5s; transition: all ease .5s; text-align: center; position: relative; z-index: 1; overflow: hidden; display: inline-block; padding: 3px 30px; background-color: transparent; border: 1px solid #2cd697; color: #2cd697; width: 250px !important; display: flex; align-items: center; margin: auto; justify-content: center; border-radius: 50px; } .default-btn i { position: relative; font-size: 14px!important; margin-left: 5px } .default-btn::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #2cd697; z-index: -1; -webkit-transition: all ease .5s; transition: all ease .5s; border-radius: 4px } .default-btn.border-radius { border-radius: 4px } .default-btn.border-radius-style { border-radius: 6px 0 6px 0 } .default-btn:hover { color: #fff; background-color: #2cd697; } .read-more { font-size: 15px; color: #2cd697; background-color: transparent; -webkit-transition: all ease .5s; transition: all ease .5s } .read-more i { position: relative; top: 3px } .read-more:hover { color: #2cd697; letter-spacing: 1px } .section-title { max-width: 800px; margin: -5px auto 50px; text-align: center; position: relative } .section-title .top-title { font-size: 15px; color: #2cd697; display: block; margin-bottom: 8px; font-weight: 500 } .section-title .top-title img { margin-right: 5px } .section-title .top-title.title-color { color: #2cd697 } .section-title h2 { font-size: 28px; margin-bottom: 20px } .section-title h2 span { color: #2cd697; font-weight: 400; } .section-title h2:last-child { margin-bottom: 0 } .section-title p { max-width: 600px; margin: auto } .section-title p span { color: #2cd697 } .section-title.white-title span { color: #2cd697 } .section-title.white-title h2 { color: #fff } .section-title.white-title p { color: #fff } .section-title.left-title { margin-left: 0; text-align: center; max-width: 100% } .navbar-area { position: relative; padding-top: 15px; padding-bottom: 15px } .navbar-area .container-fluid { padding-left: 30px; padding-right: 30px } .navbar-area.is-sticky_ { top: 0; left: 0; width: 100%; z-index: 999; position: fixed; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); background-color: #fff } .navbar-area.is-sticky_ .navbar-brand { position: unset; padding-top: 5px; padding-bottom: 5px } .navbar-area.is-sticky_ .navbar-brand::before { top: -55px } .navbar-area.is-sticky_ .navbar-brand img { top: 0 } .navbar-area.style-two { background-color: #2cd697 } .navbar-area.style-two .container-fluid { max-width: 1400px } .navbar-area.style-two .desktop-nav .navbar { background-color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 30px; padding-right: 30px } .navbar-area.style-two .desktop-nav .others-options .default-btn { display: block } .desktop-nav { padding-top: 0; padding-bottom: 0 } .desktop-nav .navbar { -webkit-transition: all ease .5s; transition: all ease .5s; z-index: 2; padding-right: 0; padding-top: 0; padding-left: 0; padding-bottom: 0 } .desktop-nav .navbar ul { margin-bottom: 0; list-style-type: none } .desktop-nav .navbar .navbar-nav .nav-item { position: relative; padding-bottom: 25px; padding-top: 25px; padding-right: 0; padding-left: 0 } .desktop-nav .navbar .navbar-nav .nav-item{ margin: 0px 7px; } .desktop-nav .navbar .navbar-nav .nav-item a { display: inline-block; font-size: 15px; font-weight: 200; background: transparent !important; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; position: relative; padding: 6px 0; color: #fff; } .desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::after { display: none } .desktop-nav .navbar .navbar-nav .nav-item a:hover, .desktop-nav .navbar .navbar-nav .nav-item a:focus, .desktop-nav .navbar .navbar-nav .nav-item a.active { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item a i { font-size: 18px; line-height: 0; position: relative; top: 4px } .desktop-nav .navbar .navbar-nav .nav-item:last-child a { margin-right: 0 } .desktop-nav .navbar .navbar-nav .nav-item:first-child a { margin-left: 0 } .desktop-nav .navbar .navbar-nav .nav-item:hover a, .desktop-nav .navbar .navbar-nav .nav-item:focus a, .desktop-nav .navbar .navbar-nav .nav-item.active a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu { -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #fff; position: absolute; visibility: hidden; border-radius: 0; display: block; width: 250px; border: none; z-index: 99; opacity: 0; top: 80px; left: 0; padding: 0 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li { padding: 0 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { color: #2cd697; padding: 8px; border-bottom: 1px dashed #ededed; font-family: Poppins, sans-serif; margin: 0; line-height: 1; font-weight: 400; display: block; position: relative; } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover a{ color: #2cd697 !important; } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::after { display: none } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle::before { content: "\EA4E"; position: absolute; top: 14px; right: 13px; font-family: remixicon!important; line-height: 1; font-size: 17px } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #2cd697; border-bottom: 1px dashed #ededed; font-size: 15px; font-weight: 600; line-height: 1; position: relative } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::after { display: none } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.dropdown-toggle::before { content: "\EA4E"; position: absolute; top: 14px; right: 13px; font-family: remixicon!important; line-height: 1; font-size: 17px } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -1px } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; top: -1px; visibility: visible } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; top: -15px; visibility: visible } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: -15px } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #2cd697 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; top: 0 } .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a { border-bottom: none } .desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { top: 100%; opacity: 1; margin-top: 0; visibility: visible } .desktop-nav .navbar .others-options ul { padding-left: 0; margin-bottom: 0; list-style-type: none } .desktop-nav .navbar .others-options ul li { margin-right: 5px } .desktop-nav .navbar .others-options ul li:last-child { margin-right: 0 } .desktop-nav .navbar .others-options ul li .sign-in { position: relative; top: 0px; font-weight: 600; color: #fff; font-size: 16px; background: #2cd697; width: 30px; border-radius: 33px; } .desktop-nav .navbar .others-options ul li:hover .sign-in{ background-color: #ececec; color: #2cd697 !important; } .desktop-nav .navbar .others-options ul li .sign-in i { font-size: 20px; position: relative; top: 5px; font-weight: 400; } .desktop-nav .navbar .others-options ul li:hover .sign-in i{ color: #2cd697 !important; } .desktop-nav .navbar .others-options ul li .sign-in:hover { color: #2cd697 } .desktop-nav .navbar .others-options ul li .default-btn { background-color: #2cd697 } .desktop-nav .navbar .others-options ul li .search-btn { background-color: transparent; font-size: 20px; color: #fff; -webkit-transition: all ease .5s; transition: all ease .5s } .desktop-nav .navbar .others-options ul li .search-btn:hover { color: #2cd697 } .desktop-nav .navbar .others-options ul li .cart-icon { position: relative; margin-right: 8px } .desktop-nav .navbar .others-options ul li .cart-icon span { position: absolute; top: -15px; left: 15px; background-color: #2cd697; color: #fff; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; border-radius: 50%; -webkit-transition: all ease .5s; transition: all ease .5s } .desktop-nav .navbar .others-options ul li .cart-icon i { font-size: 25px; -webkit-transition: all ease .5s; transition: all ease .5s } .desktop-nav .navbar .others-options ul li .cart-icon:hover i { color: #2cd697 } .desktop-nav .navbar .others-options ul li .search-box { position: relative } .desktop-nav .navbar .others-options ul li .search-box .search-input .form-control { border-radius: 4px; background-color: #2cd697; border-radius: 24px; height: 30px; color: #fff; border: 0px; } .desktop-nav .navbar .others-options ul li .search-box .search-input .form-control::placeholder{ color: #fff !important; font-size: 13px; } .desktop-nav .navbar .others-options ul li .search-box .search-input .search-btn { position: absolute; top: 0px; right: 8px } .mobile-responsive-nav { display: none; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .others-option-for-responsive { display: none!important } .others-option-for-responsive .dot-menu { padding: 0 10px; height: 30px; cursor: pointer; z-index: 999; position: absolute; right: 60px; top: -66px } .others-option-for-responsive .dot-menu .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px } .others-option-for-responsive .dot-menu .inner .circle { height: 5px; width: 5px; border-radius: 100%; margin: 0 2px; -webkit-transition: all ease .5s; transition: all ease .5s; background-color: #2cd697 } .others-option-for-responsive .dot-menu:hover .inner .circle { background-color: #2cd697 } .others-option-for-responsive .container { position: relative } .others-option-for-responsive .container .container { position: absolute; right: -2px; top: 15px; max-width: 320px; margin-left: auto; opacity: 0; visibility: hidden; -webkit-transition: all ease .5s; transition: all ease .5s; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: 2; padding-left: 15px; padding-right: 15px } .others-option-for-responsive .container .container.active { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1) } .others-option-for-responsive .others-options { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 20px; text-align: center } .others-option-for-responsive .others-options ul { padding-left: 0; margin-bottom: 0; list-style-type: none } .others-option-for-responsive .others-options ul li { display: inline-block } .others-option-for-responsive .others-options ul li .sign-in { position: relative; top: 0px; font-weight: 600; color: #2cd697; font-size: 16px } .others-option-for-responsive .others-options ul li .sign-in i { font-size: 19px; position: relative; top: 5px; color: #2cd697; font-weight: 400 } .others-option-for-responsive .others-options ul li .sign-in:hover { color: #2cd697 } .others-option-for-responsive .others-options ul li .default-btn { background-color: #2cd697 } .others-option-for-responsive .others-options ul li .search-btn { background-color: transparent; font-size: 20px; color: #2cd697; -webkit-transition: all ease .5s; transition: all ease .5s } .others-option-for-responsive .others-options ul li .search-btn:hover { color: #2cd697 } .others-option-for-responsive .others-options ul li .cart-icon { position: relative; margin-right: 8px } .others-option-for-responsive .others-options ul li .cart-icon span { position: absolute; top: -15px; left: 15px; background-color: #2cd697; color: #fff; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; border-radius: 50%; -webkit-transition: all ease .5s; transition: all ease .5s } .others-option-for-responsive .others-options ul li .cart-icon i { font-size: 25px; -webkit-transition: all ease .5s; transition: all ease .5s } .others-option-for-responsive .others-options ul li .cart-icon:hover i { color: #2cd697 } .others-option-for-responsive .others-options ul li .search-box { position: relative; margin-right: 10px; } .others-option-for-responsive .others-options ul li .search-box .search-input .form-control { border-radius: 4px; background-color: #f7f8f9; height: 45px } .others-option-for-responsive .others-options ul li .search-box .search-input .search-btn { position: absolute; top: 8px; right: 16px } .banner-area { position: relative; z-index: -1; height: 100%; position: relative; z-index: 1; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0px 0px 12px 0px !important; } .banner-area .container-fluid { padding-left: 30px; padding-right: 30px } .banner-area.banner-style-3 { background-image: url(../images/banner/banner-bg.jpg) } .banner-area.banner-style-3::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background-color: #fff } .banner-area.style-two::before { display: none !important; content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: #09090961 !important; z-index: 1 !important; } .banner-area .banner-bottom-shape { position: absolute; bottom: 0; left: 0; right: 0 } .banner-area .shape { position: absolute; z-index: -1 } .banner-area .shape.shape-1 { top: 0; left: 200px } .banner-area .shape.shape-2 { top: 30%; right: 0; left: 0; margin: auto; text-align: center } .banner-area .shape.shape-3 { top: 0; right: 0 } .banner-area .shape.shape-4 { bottom: 100px; left: 0 } .banner-area .shape.shape-5 { bottom: 10%; right: 0; left: 0; margin: auto; text-align: center } .banner-area .shape.shape-6 { top: 50%; right: 0 } .banner-area .shape.shape-7 { bottom: 0; right: 0 } .banner-shape { position: absolute; top: 0; left: 0; z-index: -1 } .banner-content { padding-top: 115px; padding-bottom: 115px } .banner-content .top-title { color: #2cd697; font-weight: 600; position: relative; padding-left: 60px; margin-bottom: 15px; display: block } .banner-content .top-title::before { content: ""; position: absolute; top: 12px; left: 0; width: 50px; height: 2px; background-color: #2cd697 } .banner-content h1 { font-size: 70px; margin-bottom: 20px; color: #fff; -webkit-animation: .3s fadeInUpBig; animation: .3s fadeInUpBig; font-weight: 800 } .banner-content h1 span { font-size: 25px; display: block; width: 100%; margin-top: 21px; color: #fff } .banner-content p { margin-bottom: 12px; font-size: 18px; -webkit-animation: .6s fadeInUpBig; animation: .6s fadeInUpBig; color:#fff; } .banner-content .banner-btn { -webkit-animation: .9s fadeInUpBig; animation: .9s fadeInUpBig; margin-bottom: -7px; margin-top: 5px; } .banner-content .default-btn { font-size: 16px; color: #fff; -webkit-transition: all ease .5s; transition: all ease .5s; text-align: center; position: relative; z-index: 1; overflow: hidden; display: inline-block; padding: 3px 30px; background-color: transparent; border: 1px solid #fff; width: 189px !important; border-radius: 50px; } .banner-content .default-btn:hover{ background-color: #2cd697; color: #fff; } .banner-content .banner-btn .video-btn { height: 48px; width: 48px; margin-left: 30px } .banner-content .banner-btn .video-btn i { font-size: 25px } .banner-content .banner-btn .video-btn span { top: -12px } .banner-content.style-three { padding-top: 0 } .banner-content.style-three .top-title { color: #fff } .banner-content.style-three .top-title::before { background-color: #fff } .banner-content.style-three h1 { font-size: 30px; display: block; } .banner-img { text-align: center; margin-bottom: -100px; position: relative; -webkit-animation: .9s fadeInUpBig; animation: .9s fadeInUpBig } .banner-img .banner-img-shape { position: absolute; top: 0; right: 0; z-index: -1 } .banner-img .shape { position: absolute } .banner-img .shape.shape-8 { top: 35%; left: 100px; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 10px; border-radius: 4px } .banner-img .shape.shape-9 { bottom: 35%; right: 50px; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 10px; border-radius: 4px } .banner-img .total-member { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px 50px; position: absolute; bottom: 100px; border-radius: 4px } .banner-img .total-member span { display: block } .banner-img .total-member img { margin-bottom: 15px } .banner-img .total-member .title { margin-bottom: 5px } .banner-img .total-member .man { font-weight: 600; margin-bottom: 15px } .banner-img .total-member .total-member-list { padding-left: 0; margin-bottom: 0; list-style: none } .banner-img .total-member .total-member-list li { display: inline-block; margin-left: -10px } .banner-img .total-member .total-member-list li a img { -webkit-transition: all ease .5s; transition: all ease .5s; -webkit-transform: scale(1); transform: scale(1) } .banner-img .total-member .total-member-list li a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); position: relative; z-index: 1 } .banner-img .clients-comment { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; position: absolute; top: 50px; right: 0; border-radius: 4px; text-align: left; padding-right: 100px } .banner-img .clients-comment span { display: block } .banner-img .clients-comment img { margin-bottom: 15px; position: absolute; top: 50px; right: 30px } .banner-img .clients-comment .title { margin-bottom: 5px } .banner-img .clients-comment .man { font-weight: 600; margin-bottom: 15px } .banner-img .clients-comment .choose-list { padding-left: 0; margin-bottom: 0; list-style: none } .banner-img .clients-comment .choose-list li { display: inline-block; margin-right: 20px; font-size: 14px } .banner-img .clients-comment .choose-list li.bg-color { background-color: #f0f7ff; border-radius: 4px; padding: 4px 8px } .banner-img .clients-comment .choose-list li:last-child { margin-right: 0 } .banner-img.style-two { margin-bottom: 0; position: relative } .banner-img.style-two img { border-radius: 10px 0 10px 0 } .banner-img.style-two .free-courses { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 20px; max-width: 500px; position: absolute; bottom: 50px; left: -250px; border-radius: 10px 0 10px 0 } .banner-img.style-two .free-courses a { display: block } .banner-img.style-two .free-courses h3 { text-align: left; font-size: 18px; margin-bottom: 10px } .banner-img.style-two .free-courses h3 a { color: #2cd697 } .banner-img.style-two .free-courses .admin { font-size: 14px; text-align: left } .banner-img.style-two .free-courses:hover h3 a { color: #2cd697 } .banner-img.style-two .shape-11 { position: absolute; left: -500px; bottom: 0 } .banner-img.style-three .banner-img-shape { top: auto; bottom: 0 } .banner-img.style-three .shape.shape-8 { background-color: transparent; padding: 0; -webkit-box-shadow: none; box-shadow: none; left: auto; right: -90px; top: 0 } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .video-img { position: relative } .video-img .video-wrap { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .video-content { background-color: #fff; padding: 50px; position: relative; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05) } .video-content ul { padding-left: 0; margin-bottom: 15px; list-style-type: none } .video-content ul li { display: inline-block; font-weight: 400; font-size: 15px; margin-right: 20px; position: relative } .video-content ul li::before { content: ""; position: absolute; top: 4px; right: -13px; width: 1px; height: 70%; background-color: #2cd697; -webkit-transform: rotate(15deg); transform: rotate(15deg) } .video-content ul li:last-child { margin-right: 0 } .video-content ul li:last-child::before { display: none } .video-content ul li a { font-weight: 500; color: #2cd697 } .video-content ul li a:hover { color: #2cd697 } .video-content h3 { font-size: 30px; max-width: 500px } .video-content .price { background-color: #2cd697; display: inline-block; width: 80px; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 20px; border-radius: 50px } .video-content .price sub { font-size: 10px; position: relative; top: -1px } .single-features { margin-bottom: 30px } .single-features img { border-radius: 50px; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05) } .single-features h3 { margin-bottom: 0; font-size: 20px; margin-left: 10px } .owl-theme .owl-nav, .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{ display: none !important; } .category-slide.owl-theme .owl-nav { position: absolute; top: -97px; right: -5px } .category-slide{ overflow: hidden; } .category-slide.owl-theme .owl-nav .owl-prev, .category-slide.owl-theme .owl-nav .owl-next { width: 50px; height: 50px; line-height: 43px; text-align: center; background-color: #f7f8f9; border-radius: 50px; -webkit-transition: all ease .5s; transition: all ease .5s; margin: 0 5px } .category-slide.owl-theme .owl-nav .owl-prev:hover, .category-slide.owl-theme .owl-nav .owl-next:hover { background-color: #2cd697 } .single-category-item { margin-bottom: 30px; -webkit-transition: all ease .5s; transition: all ease .5s; margin-bottom: 0px } .single-category-item .category-content { background-color: #f9f9f9; padding: 30px } .single-category-item .category-content img { max-width: 65px; margin-right: 30px; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); border-radius: 50px } .single-category-item .category-content h3 { font-size: 22px } .single-category-item .category-content h3 a { color: #2cd697 } .single-category-item:hover .category-content h3 a { color: #2cd697 } .about-area { background-image: url(../images/about-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover } .about-area.bg-2 { background-image: url(../images/about-bg-2.png) } .about-img { position: relative; z-index: 1; text-align: center } .about-img::before { content: ""; position: absolute; bottom: 100px; left: 0; width: 100%; height: 400px; background-color: #ecf1f8; z-index: -1 } .about-img .carlos { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; position: absolute; bottom: 150px; right: -100px } .about-img .carlos .carlos-review { position: relative; text-align: left; padding-left: 65px; margin-bottom: 20px } .about-img .carlos .carlos-review img { position: absolute; top: -5px; left: 0 } .about-img .carlos .carlos-review h4 { font-size: 18px; margin-bottom: 0 } .about-img .carlos .carlos-review span i { color: #2cd697; font-size: 15px; margin-right: 5px } .about-img .carlos ul { padding-left: 0; margin-bottom: 0; list-style-type: none; text-align: left } .about-img .carlos ul li { margin-bottom: 5px; font-size: 15px } .about-img .carlos ul li:last-child { margin-bottom: 0 } .about-img .carlos ul li i { position: relative; top: 2px } .about-content { max-width: 600px; margin-left: auto } .about-content .top-title { font-weight: 500; color: #2cd697; display: block; margin-bottom: 8px } .about-content .top-title img { margin-right: 5px } .about-content h2 { font-size: 40px; margin-bottom: 20px } .about-content h2 span { color: #2cd697 } .about-content p { margin-bottom: 20px } .about-content ul { padding-left: 0; margin-bottom: 0; list-style-type: none } .about-content ul li { margin-bottom: 10px; font-family: #2cd697; font-size: 18px; color: #2cd697; font-weight: 700 } .about-content ul li:last-child { margin-bottom: 0 } .about-content ul li i { top: 3px; position: relative; color: #2cd697; margin-right: 5px; font-size: 20px } .about-content .default-btn { margin-top: 25px } .about-content .mt-20 { margin-top: 20px } .mt-20{ margin-top: 20px; } .about-img-wrap img { border-radius: 10px 0 10px 0 } .about-img-wrap .about-img-3 { position: relative; margin-bottom: 30px; text-align: right } .about-img-wrap .about-img-3 .trainer { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px 20px; max-width: 250px; border-radius: 10px 0 10px 0; position: absolute; top: 100px; left: 0; font-weight: 500 } .about-img-wrap .about-img-3 .trainer img { margin-right: 10px } .about-img-wrap .about-img-4 { position: relative } .about-img-wrap .about-img-4 .video-bg { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px 20px; width: 250px; border-radius: 10px 0 10px 0; position: absolute; top: 100px; right: 0 } .about-img-wrap .about-img-4 .video-bg .video-btn { height: 48px; width: 48px; margin-left: 30px } .about-img-wrap .about-img-4 .video-bg .video-btn i { font-size: 25px } .about-img-wrap .about-img-4 .video-bg .video-btn span { top: -12px } .mb-24 { margin-bottom: 24px } .dowonload-content .top-title { color: #2cd697; display: block; margin-bottom: 8px; font-size: 15px; font-weight: 500 } .dowonload-content h2 { font-size: 40px; margin-bottom: 30px } .dowonload-content .default-btn { margin-bottom: 50px } .partner-slide .partner-item { border: 1px solid #eee; padding: 10px; text-align: center; border-radius: 4px; opacity: .5; -webkit-transition: all ease .5s; transition: all ease .5s } .partner-slide.owl-carousel .owl-item img { width: auto; margin: auto } .partner-slide .owl-item.active.center .partner-item { opacity: 1 } .courses-slide.owl-carousel .owl-item img { width: auto } .courses-slide.owl-theme .owl-nav { position: absolute; top: -97px; right: -5px } .courses-slide.owl-theme .owl-nav .owl-prev, .courses-slide.owl-theme .owl-nav .owl-next { width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #f7f8f9; border-radius: 50px; -webkit-transition: all ease .5s; transition: all ease .5s; margin: 0 5px } .courses-slide.owl-theme .owl-nav .owl-prev:hover, .courses-slide.owl-theme .owl-nav .owl-next:hover { background-color: #2cd697 } .single-courses-item { margin-bottom: 30px; -webkit-transition: all ease .5s; transition: all ease .5s } .single-courses-item .courses-img { position: relative } .single-courses-item .courses-img .teacher { position: absolute; bottom: -35px; right: 30px; border: 2px solid #fff; border-radius: 50px; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05) } .single-courses-item .courses-img ul { position: absolute; top: 30px; left: 30px; padding-left: 0; list-style-type: none; margin-bottom: 0 } .single-courses-item .courses-img ul li { display: inline-block; background-color: #2cd697; color: #fff; padding: 5px 20px; font-size: 14px; margin-right: 10px; -webkit-transition: all ease .5s; transition: all ease .5s } .single-courses-item .courses-img ul li.bg-5696fa { background-color: #5696fa } .single-courses-item .courses-img ul li.bg-fd9519 { background-color: #2cd697 } .single-courses-item .courses-img ul li:last-child { margin-right: 0 } .single-courses-item .courses-img ul li a { color: #fff } .single-courses-item .courses-img ul li:hover { background-color: #2cd697 } .single-courses-item .courses-content { background-color: #f9f9f9; padding: 30px } .single-courses-item .courses-content .courses-view { padding-left: 0; margin-bottom: 20px; list-style-type: none } .single-courses-item .courses-content .courses-view li { display: inline-block; margin-right: 20px } .single-courses-item .courses-content .courses-view li:last-child { margin-right: 0 } .single-courses-item .courses-content .courses-view li i { display: inline-block; width: 30px; height: 30px; line-height: 29px; text-align: center; border: 1px solid #eee; color: #2cd697; margin-right: 5px; border-radius: 50px; position: relative; top: 2px } .single-courses-item .courses-content h3 { font-size: 14px; margin-bottom: 15px } .single-courses-item .courses-content h3 a { color: #2cd697; text-align: center !important; display: block; } .single-courses-item .courses-time { padding-left: 0; margin-bottom: 0; list-style-type: none } .single-courses-item .courses-time li { display: block; font-weight: 800; color: #260a01; } .single-courses-item .courses-time li i { position: relative; top: 2px; color: #2cd697 } .single-courses-item .courses-fee { margin-bottom: 0; list-style-type: none; background-color: #eef4fe; padding: 20px 30px } .single-courses-item .courses-fee li { display: inline-block; font-weight: 700; font-size: 18px; color: #2cd697 } .single-courses-item .courses-fee li .read-more { color: #2cd697 } .single-courses-item .courses-fee li .read-more:hover { color: #2cd697 } .single-courses-item.style-three .courses-img img { border-radius: 4px 4px 0 0 } .single-courses-item.style-three .courses-img ul { top: auto; bottom: 30px } .single-courses-item.style-three .courses-img ul li { border-radius: 4px; background-color: #2cd697 } .single-courses-item.style-three .courses-content { border-radius: 0 0 4px 4px; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05) } .single-courses-item.style-three .courses-content .courses-view li { font-size: 20px; color: #270901; } .single-courses-item.style-three .courses-content .courses-view li img { max-width: 30px; border-radius: 50px; margin-right: 5px } .single-courses-item.style-three .courses-content h3 { border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 16px } .single-courses-item.style-two .courses-img img { border-radius: 10px 0 0 0 } .single-courses-item.style-two .courses-content { border-radius: 0 0 10px 0 } .single-courses-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .single-courses-item:hover h3 a { color: #2cd697 } .all-courses { text-align: center } .all-courses a { color: #2cd697 } .courses-search-wrap { margin-bottom: 30px } .courses-search-wrap .search-box { position: relative; max-width: 400px; float: right } .courses-search-wrap .search-box .search-input .form-control { border-radius: 4px; background-color: #f7f8f9; height: 45px } .courses-search-wrap .search-box .search-input .search-btn { position: absolute; top: 13px; right: 18px; background-color: transparent } .single-instructors-item { -webkit-transition: all ease .5s; transition: all ease .5s; margin-bottom: 30px; transition: all ease .5s } .single-instructors-item .instructors-content { position: relative; -webkit-transition: all ease .5s; transition: all ease .5s; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 20px } .single-instructors-item .instructors-content h3 { margin-bottom: 5px; font-size: 22px; margin-top: -5px } .single-instructors-item .instructors-content h3 a { color: #2cd697 } .single-instructors-item .instructors-content span { display: block; font-size: 15px; margin-bottom: 10px } .single-instructors-item .instructors-content .review { padding-left: 0; margin-bottom: 0; list-style-type: none; line-height: 1 } .single-instructors-item .instructors-content .review li { display: inline-block } .single-instructors-item .instructors-content .review li i { font-size: 16px; position: relative; top: 3px; color: #2cd697 } .single-instructors-item .instructors-content .review li span { font-size: 14px; color: #888; margin-bottom: 0 } .single-instructors-item .instructors-content .instructors-social .control { width: 40px; height: 40px; line-height: 40px; background-color: #2cd697; font-size: 20px; text-align: center; position: absolute; top: 41px; right: 20px; color: #fff; border-radius: 50%; z-index: 1 } .single-instructors-item .instructors-content .instructors-social ul { list-style-type: none; padding: 0; margin: 0; position: absolute; top: -160px; right: 20px; opacity: 0; -webkit-transition: all ease .5s; transition: all ease .5s } .single-instructors-item .instructors-content .instructors-social ul li a i { width: 40px; height: 40px; line-height: 40px; background-color: #2cd697; color: #fff; font-size: 18px; text-align: center; border-bottom: 1px solid #eee; -webkit-transition: all ease .5s; transition: all ease .5s; display: inline-block; border-radius: 50%; margin-bottom: 10px } .single-instructors-item .instructors-content .instructors-social ul li a:hover i { background-color: #2cd697 } .single-instructors-item .instructors-content .instructors-social ul li:nth-child(4) a i { -webkit-transform: translateY(40px); transform: translateY(40px) } .single-instructors-item .instructors-content .instructors-social ul li:nth-child(3) a i { -webkit-transform: translateY(80px); transform: translateY(80px) } .single-instructors-item .instructors-content .instructors-social ul li:nth-child(2) a i { -webkit-transform: translateY(120px); transform: translateY(120px) } .single-instructors-item .instructors-content .instructors-social ul li:nth-child(1) a i { -webkit-transform: translateY(160px); transform: translateY(160px) } .single-instructors-item .instructors-content .instructors-social:hover ul { opacity: 1 } .single-instructors-item .instructors-content .instructors-social:hover ul li:nth-child(4) a i { -webkit-transform: translateY(0); transform: translateY(0) } .single-instructors-item .instructors-content .instructors-social:hover ul li:nth-child(3) a i { -webkit-transform: translateY(0); transform: translateY(0) } .single-instructors-item .instructors-content .instructors-social:hover ul li:nth-child(2) a i { -webkit-transform: translateY(0); transform: translateY(0) } .single-instructors-item .instructors-content .instructors-social:hover ul li:nth-child(1) a i { -webkit-transform: translateY(0); transform: translateY(0) } .single-instructors-item:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px) } .single-instructors-item:hover .instructors-social .control { background-color: #2cd697; color: #fff } .single-instructors-item:hover .instructors-social .control::before { background-color: #2cd697 } .motivation-area { background-image: url(../images/motivation-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover } .motivation-img { position: relative; z-index: 1 } .motivation-img::before { content: ""; position: absolute; top: 30px; right: -30px; width: 100%; height: 100%; background-color: #e5effa; z-index: -1 } .motivation-content { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 50px 100px } .motivation-content h2 { font-size: 40px; margin-bottom: 20px } .motivation-content h2 span { color: #2cd697 } .motivation-content p { margin-bottom: 20px } .your-life-bg { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 0 100px; position: relative } .your-life-bg::before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #f4f9ff; -webkit-clip-path: polygon(80% 0, 100% 0, 100% 100%, 50% 100%); clip-path: polygon(80% 0, 100% 0, 100% 100%, 50% 100%) } .your-life-content h2 { font-size: 40px; margin-bottom: 25px } .your-life-content h2 span { color: #2cd697 } .your-life-content p { margin-bottom: 30px } .your-life-img img { position: absolute; bottom: 0; right: 100px } .testimonials-area .left-title { margin-left: 120px } .testimonials-slide.owl-carousel .owl-item img { width: auto } .testimonials-slide .owl-item.active.center .single-testimonials-item { background-color: #fff } .testimonials-slide .owl-item.active.center .single-testimonials-item .quate { opacity: 1 } .testimonials-slide.owl-theme .owl-nav .owl-prev, .testimonials-slide.owl-theme .owl-nav .owl-next { width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #fff; border-radius: 50px; -webkit-transition: all ease .5s; transition: all ease .5s; margin: 0 5px } .testimonials-slide.owl-theme .owl-nav .owl-prev:hover, .testimonials-slide.owl-theme .owl-nav .owl-next:hover { background-color: #2cd697 } .testimonials-slide-two.owl-carousel .owl-item img { width: auto } .testimonials-slide-two.owl-theme .owl-nav { text-align: left; margin-left: 120px } .testimonials-slide-two.owl-theme .owl-nav .owl-prev, .testimonials-slide-two.owl-theme .owl-nav .owl-next { width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #f7f8f9; border-radius: 50px; -webkit-transition: all ease .5s; transition: all ease .5s; margin: 0 5px } .testimonials-slide-two.owl-theme .owl-nav .owl-prev:hover, .testimonials-slide-two.owl-theme .owl-nav .owl-next:hover { background-color: #2cd697 } .testimonials-slide-three.owl-carousel .owl-item img { width: auto } .single-testimonials-item { padding: 30px; -webkit-transition: all ease .5s; transition: all ease .5s; margin-bottom: 30px } .single-testimonials-item .testimonials-mane { position: relative; padding-left: 75px; margin-bottom: 15px } .single-testimonials-item .testimonials-mane img { position: absolute; top: -3px; left: 0; border-radius: 50px } .single-testimonials-item .testimonials-mane h3 { font-size: 22px } .single-testimonials-item .testimonials-mane span { font-size: 15px; color: #2cd697 } .single-testimonials-item p { margin-bottom: 20px } .single-testimonials-item .quate { opacity: .5; -webkit-transition: all ease .5s; transition: all ease .5s } .single-testimonials-item.style-testimonials { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); -webkit-transition: all ease .5s; transition: all ease .5s } .single-testimonials-item.style-testimonials:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .single-testimonials-item.style-testimonials:hover .quate { opacity: 1 } .single-testimonials-item.style-three { background-color: #fff; border-radius: 4px } .single-testimonials-item.style-three .quate { opacity: 1 } .testimonials-img { margin-right: -100px } .blog-slide.owl-theme .owl-nav { position: absolute; top: -97px; right: -5px } .blog-slide.owl-theme .owl-nav .owl-prev, .blog-slide.owl-theme .owl-nav .owl-next { width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #f7f8f9; border-radius: 50px; -webkit-transition: all ease .5s; transition: all ease .5s; margin: 0 5px } .blog-slide.owl-theme .owl-nav .owl-prev:hover, .blog-slide.owl-theme .owl-nav .owl-next:hover { background-color: #2cd697 } .single-blog-item { -webkit-transition: all ease .5s; transition: all ease .5s; margin-bottom: 30px } .single-blog-item .blog-content { padding: 30px; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); background-color: #fff } .single-blog-item .blog-content ul { padding-left: 20px; margin-bottom: 20px } .single-blog-item .blog-content ul li { list-style-type: none; display: inline-block; font-size: 15px } .single-blog-item .blog-content ul li i { position: relative; top: 3px; width: 25px; height: 25px; line-height: 24px; text-align: center; border: 1px solid #eee; border-radius: 50px; display: inline-block; font-size: 15px; margin-right: 5px; color: #2cd697 } .single-blog-item .blog-content ul li img { max-width: 30px; border-radius: 50px; margin-right: 5px } .single-blog-item .blog-content h3 { font-size: 16px; margin-bottom: 10px; } .single-blog-item .blog-content h3 a { color: #2cd697 } .single-blog-item.style-two img { border-radius: 10px 0 0 0 } .single-blog-item.style-two .blog-content { border-radius: 0 0 10px 0 } .single-blog-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .single-blog-item:hover .blog-content h3 a { color: #2cd697 } .all-blog { text-align: center; font-weight: 500 } .all-blog a { color: #2cd697 } .subscribe-content { max-width: 600px } .subscribe-content h2 { font-size: 40px; margin-bottom: 15px } .subscribe-content h2 span { color: #2cd697 } .newsletter-form { position: relative } .newsletter-form .form-control { background-color: #fff } .newsletter-form .default-btn { position: absolute; top: 0; right: 0; } .newsletter-form #validator-newsletter { font-size: 14px; position: absolute; bottom: -30px; left: 0; color: red } .footer-area { background: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover } .single-footer-widget { margin-bottom: 10px } .single-footer-widget img { margin-bottom: 20px } .single-footer-widget p { color: #fff; margin-bottom: 20px } .single-footer-widget .social-link { padding-left: 0; margin-bottom: 0; list-style-type: none } .single-footer-widget .social-link li { display: inline-block; margin-right: 10px } .single-footer-widget .social-link li:last-child { margin-right: 0 } .single-footer-widget .social-link li a { background-color: #fff; color: #2cd697; width: 35px; height: 35px; line-height: 35px; text-align: center; display: inline-block; border-radius: 50px } .single-footer-widget .social-link li a i { font-size: 18px } .single-footer-widget .social-link li a:hover { background-color: #2cd697; color: #fff } .single-footer-widget .social-link.style-three { margin-bottom: 20px } .single-footer-widget .social-link.style-three li span { color: #fff; font-weight: 600 } .single-footer-widget .social-link.style-three li a { width: 30px; height: 30px; line-height: 30px; border: 1px solid #eee; background-color: transparent; color: #fff } .single-footer-widget .social-link.style-three li a i { font-size: 14px } .single-footer-widget .social-link.style-three li a:hover { background-color: #2cd697; border-color: #2cd697 } .single-footer-widget h4 { font-size: 20px; color: #fff; margin-bottom: 15px } .single-footer-widget .newsletter-form .form-control { border-color: #fff; background-color: transparent; border-radius: 4px; margin-bottom: 20px; color: #fff } .single-footer-widget .newsletter-form .form-control::placeholder{ color: #fff; } .single-footer-widget .newsletter-form .form-control:focus { border-color: #2cd697 } .single-footer-widget .newsletter-form .default-btn { position: unset; background-color: #2cd697; display: block; width: 100%; border-radius: 4px } .single-footer-widget h3 { font-size: 20px; color: #fff; margin-bottom: 25px } .single-footer-widget .use-link { padding-left: 0; margin-bottom: 0; list-style-type: none } .single-footer-widget .use-link li { margin-bottom: 5px } .single-footer-widget .use-link li:last-child { margin-bottom: 0 } .single-footer-widget .use-link li a { color: #fff } .single-footer-widget .use-link li a i { position: relative; top: 2px } .single-footer-widget .use-link li a:hover { color: #2cd697 } .single-footer-widget .information-link { padding-left: 0; margin-bottom: 0; list-style-type: none } .single-footer-widget .information-link li { position: relative; padding-left: 30px; color: #fff; font-size: 14px; margin-bottom: 10px; margin: 0 10px; } .single-footer-widget .information-link li:last-child { margin-bottom: 0 } .single-footer-widget .information-link li span { color: #fff; margin-bottom: 5px; display: block; } .single-footer-widget .information-link li i { position: absolute; top: -3px; left: 0; color: #fff; font-size: 20px } .single-footer-widget .information-link li a { display: block; color: #fff } .copy-right-area { border-top: 0px solid #fff; padding-top: 0px; padding-bottom: 50px; } .copy-right-area .copy-right-content p { color: #fff } .copy-right-area .copy-right-content p a { color: #2cd697 } .single-live-stress-item { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; position: relative; -webkit-transition: all ease .5s; transition: all ease .5s; margin-bottom: 30px } .single-live-stress-item.style-two { border-radius: 10px 0 10px 0 } .single-live-stress-item .icon-shape { position: absolute; top: 10px; right: 10px; margin-bottom: 0 } .single-live-stress-item img { margin-bottom: 20px; width: 60px; } .single-live-stress-item h3 { font-size: 22px; margin-bottom: 10px } .single-live-stress-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .single-event-item { -webkit-transition: all ease .5s; transition: all ease .5s; margin-bottom: 30px } .single-event-item .event-img { position: relative } .single-event-item .event-img img { border-radius: 4px 4px 0 0 } .single-event-item .event-img .get-ticket { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: rgba(22, 5, 107, .5); border-radius: 4px 4px 0 0; opacity: 0; -webkit-transition: all ease .5s; transition: all ease .5s } .single-event-item .event-img .get-ticket .default-btn { border-radius: 10px; background-color: #2cd697 } .single-event-item .event-content { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; border-radius: 0 0 4px 4px } .single-event-item .event-content h3 { font-size: 22px; margin-bottom: 12px } .single-event-item .event-content h3 a { color: #2cd697 } .single-event-item .event-content ul { padding-left: 0; margin-bottom: 0; list-style: none } .single-event-item .event-content ul li { margin-bottom: 5px } .single-event-item .event-content ul li:last-child { margin-bottom: 0 } .single-event-item .event-content ul li i { color: #2cd697; position: relative; top: 2px; margin-right: 4px } .single-event-item.style-two img { border-radius: 10px 0 0 0 } .single-event-item.style-two .event-content { border-radius: 0 0 10px 0 } .single-event-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .single-event-item:hover .event-img .get-ticket { opacity: 1 } .single-event-item:hover .event-content a { color: #2cd697 } .single-inst-item { position: relative; margin-bottom: 30px; -webkit-transition: all ease .5s; transition: all ease .5s; margin-bottom: 30px } .single-inst-item img { border-radius: 4px } .single-inst-item a { background-color: rgba(22, 5, 107, .7); position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; opacity: 0 } .single-inst-item a i { font-size: 30px; color: #fff; -webkit-transition: all ease .5s; transition: all ease .5s } .single-inst-item a:hover i { color: #2cd697 } .single-inst-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .single-inst-item:hover a { opacity: .9 } .search-modal-area .modal-content { height: 100vh; border: none; border-radius: 0; background-color: rgba(0, 0, 0, .9); position: relative } .search-modal-area .modal-content form.search-box { position: absolute; left: 0; right: 0; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .search-modal-area .modal-content form.search-box .search-input { width: 810px; position: relative; padding: 30px } .search-modal-area .modal-content form.search-box .search-input .form-control { color: #fff; height: 60px; background-color: transparent } .search-modal-area .modal-content form.search-box .search-input .form-control::-webkit-input-placeholder { color: #eee } .search-modal-area .modal-content form.search-box .search-input .form-control:-ms-input-placeholder { color: #eee } .search-modal-area .modal-content form.search-box .search-input .form-control::-ms-input-placeholder { color: #eee } .search-modal-area .modal-content form.search-box .search-input .form-control::placeholder { color: #eee } .search-modal-area .modal-content form.search-box .search-input .search-btn { position: absolute; top: 30px; right: 30px; width: 60px; height: 60px; line-height: 64px; font-size: 30px; background-color: #fff; -webkit-transition: all ease .5s; transition: all ease .5s } .search-modal-area .modal-content form.search-box .search-input .search-btn:hover { color: #fff; background-color: #2cd697 } .search-modal-area .modal-content .closer-btn { position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; line-height: 32px; background-color: #ff3131; color: #fff; font-size: 20px; z-index: 1 } .search-modal-area .modal-dialog { max-width: 100%; margin: 0 } .search-modal-area.modal { overflow: hidden; padding: 0!important } .how-we-work-area { overflow: hidden } .work-area { overflow: hidden } .single-work-item { margin-bottom: 30px; -webkit-transition: all ease .5s; transition: all ease .5s } .single-work-item.ml-30 { margin-left: 30px } .single-work-item.mr-30 { margin-right: 30px } .single-work-item .ml-30 { margin-left: 30px } .single-work-item .mr-30 { margin-right: 30px } .single-work-item .mb-30 { margin-bottom: -30px } .single-work-item img { border-radius: 10px 0 10px 0 } .single-work-item .work-content { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); border-radius: 10px 0 10px 0; padding: 30px; position: relative } .single-work-item .work-content h3 { font-size: 22px; margin-bottom: 15px } .single-work-item .work-content h3 a { color: #2cd697 } .single-work-item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .single-work-item:hover .work-content h3 a { color: #2cd697 } .counter-area { overflow: hidden } .counter-bg { background-color: #2cd697; padding: 50px; padding-bottom: 20px; border-radius: 0 0 0 10px; position: relative } .counter-bg::before { content: ""; position: absolute; top: 0; right: -50%; width: 100%; height: 100%; background-color: #2cd697 } .counter-bg::after { content: ""; position: absolute; top: 0; left: -50%; width: 100%; height: 100%; background-color: #2cd697 } .single-counter-item { position: relative; margin-bottom: 30px; z-index: 1; padding-left: 100px } .single-counter-item img { position: absolute; top: 0; left: 0; max-width: 72px } .single-counter-item h2 { font-size: 40px; color: #fff; line-height: 1; margin-bottom: 5px; position: relative } .single-counter-item h2 .target { position: relative; top: -1px; margin-left: -10px; font-size: 40px; color: #fff } .single-counter-item h4 { font-size: 16px; margin-bottom: 0; color: #fff; font-weight: 400 } .successful-story-content { max-width: 600px } .successful-story-content .top-title { display: block; margin-bottom: 8px; font-weight: 500; font-size: 15px; color: #2cd697 } .successful-story-content .top-title img { margin-right: 5px } .successful-story-content h2 { font-size: 40px; margin-bottom: 25px } .successful-story-content h2 span { color: #2cd697 } .successful-story-content p { margin-bottom: 25px } .successful-story-content h6 { margin-bottom: 25px } .successful-story-content h6 span { color: #616161 } .successful-story-content h6 a { color: #2cd697 } .successful-story-content h6 a:hover { color: #2cd697 } .before-after-content { position: relative; border: 10px solid #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05) } .before-after-content ul { list-style-type: none; padding: 0; margin: 0; position: absolute; z-index: 999; left: 10px; right: 10px; bottom: 10px } .before-after-content ul li { display: inline-block; font-weight: 600; font-size: 15px; background-color: #fff; padding: 5px 30px; color: #2cd697 } .before-after-content ul .after { float: right } .ba-slider .handle { background: #fff } .ba-slider .handle::after { font-size: 23px; color: #2cd697; background: #fff; border: 1px solid #fff; border-radius: 50%; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 2px 6px #fff, inset 0 2px 0 #fff, inset 0 60px 50px -30px #fff; box-shadow: 0 2px 6px #fff, inset 0 2px 0 #fff, inset 0 60px 50px -30px #fff; line-height: 60px; margin: 0; left: -30px; -webkit-transform: translateY(-30px); transform: translateY(-30px) } .ba-slider .handle.ba-draggable:after { width: 64px; height: 64px; line-height: 60px; margin: 0 } .page-title-area { background-color: #1F4B3F; background-image: url(../../imagens/slider2_bg.png); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; overflow: hidden; background-position: center; padding-top: 135px; } .page-title-area:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #090909ba; z-index: 1; display: none !important; } .page-title-area .page-shape-wrap { position: relative } .page-title-area .page-shape-wrap .shape { position: absolute } .page-title-area .page-shape-wrap .shape.shape-1 { position: absolute; bottom: 100px; left: 0; z-index: -1 } .page-title-area .page-shape-wrap .shape.shape-2 { position: absolute; bottom: 0; right: 0; z-index: -1; max-width: 300px } .page-title-content { position: relative; z-index: 1; max-width: 700px; margin: auto; text-align: left; padding-top: 40px; padding-bottom: 40px } .page-title-content p{ color: #fff; } .page-title-content h1 { margin-bottom: 10px; font-size: 30px; color: #fff } .page-title-content h2 { margin-bottom: 10px; font-size: 40px; color: #fff } .page-title-content ul { padding-left: 0; list-style-type: none; margin-bottom: 0; display: none; } .page-title-content ul li { display: inline-block; position: relative; font-size: 16px; padding-right: 15px; margin-left: 15px } .page-title-content ul li a { color: #fff } .page-title-content ul li a:hover { color: #2cd697 } .page-title-content ul li::before { content: ""; position: absolute; top: 5px; right: -3px; background-color: #2cd697; width: 1px; height: 15px; -webkit-transform: rotate(15deg); transform: rotate(15deg) } .page-title-content ul li.active { color: #fff } .page-title-content ul li:first-child { margin-left: 0 } .page-title-content ul li:last-child { padding-right: 0 } .page-title-content ul li:last-child::before { display: none } .faq-accordion { margin: auto; position: relative; z-index: 1 } .faq-accordion .accordion { list-style-type: none; padding-left: 0; margin-bottom: 0 } .faq-accordion .accordion .accordion-item { border-radius: 0; display: block; margin-bottom: 15px; border: none } .faq-accordion .accordion .accordion-item:last-child { margin-bottom: 0 } .faq-accordion .accordion .accordion-title { padding: 20px 60px 17px 30px; color: #2cd697; text-decoration: none; position: relative; display: block; font-size: 18px; font-weight: 500; background-color: #f4f4f4; border-radius: 0; z-index: 1 } .faq-accordion .accordion .accordion-title i { position: absolute; right: 20px; top: 18px; font-size: 20px; -webkit-transition: all ease .5s; transition: all ease .5s } .faq-accordion .accordion .accordion-title.active { border-radius: 0; color: #2cd697; border-bottom: 1px solid #2cd697 } .faq-accordion .accordion .accordion-title.active i { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .faq-accordion .accordion .accordion-title.active i::before { content: "\f1af" } .faq-accordion .accordion .accordion-content { display: none; position: relative; margin-top: -6px; padding: 30px; background-color: #f4f4f4; border-radius: 0 } .faq-accordion .accordion .accordion-content.show { display: block } .contact-form { max-width: 870px; margin: auto } .contact-form h2 { font-size: 36px; margin-bottom: 20px; margin-top: -5px; position: relative } .contact-form .form-group { margin-bottom: 30px } .contact-form .form-group label { margin-bottom: 10px; font-weight: 600; font-size: 16px } .contact-form .form-group .form-control { background-color: #f7f8f9; border-color: #f7f8f9; border-radius: 18px; } .contact-form .form-group .form-control:focus { border-color: #2cd697 } .contact-form .form-check { margin-bottom: 30px; padding-left: 35px } .contact-form .default-btn { width: 100% } .list-unstyled { color: #dc3545; margin-top: 10px; font-size: 14px } .hidden { display: none } #msgSubmit { margin-top: 20px; font-size: 20px } .contact-img { background-image: url(../images/contact-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100% } .map-area iframe { display: block; border: none; width: 100%; height: 500px } .main-content-text h1, .main-content-text h2, .main-content-text h3, .main-content-text h4, .main-content-text h5, .main-content-text h6 { margin-bottom: 15px } .main-content-text h1 { font-size: 30px } .main-content-text h2 { font-size: 26px } .main-content-text h3 { font-size: 22px } .main-content-text h4 { font-size: 22px } .main-content-text h5 { font-size: 20px } .main-content-text h6 { font-size: 18px } .main-content-text .gap-20 { margin-bottom: 30px } .main-content-text ul { padding: 0; list-style-type: none; margin-bottom: 0 } .main-content-text ul li { position: relative; margin-bottom: 10px; padding-left: 35px } .main-content-text ul li:last-child { margin-bottom: 0 } .main-content-text ul li i { position: absolute; top: -6px; left: 0; color: #2cd697; font-size: 25px } .main-content-text ol { padding-left: 18px } .main-content-text ol li { margin-bottom: 10px } .main-content-text ol li::marker { color: #2cd697 } .main-content-text ol li:last-child { margin-bottom: 0 } .main-content-text a { color: #2cd697 } .main-content-text a:hover { text-decoration: underline } .main-content-text .content-gap-mb-20 { margin-bottom: 20px } .main-content-text .content-gap-mb-30 { margin-bottom: 30px } .main-content-text.business-insurance-content { max-width: 860px; margin: auto } .main-content-text.health-insurance-content { max-width: 860px; margin: auto } .main-content-text.life-insurance-content { max-width: 860px; margin: auto } .main-content-text.car-insurance-content { max-width: 860px; margin: auto } .error-content { text-align: center; z-index: 1; position: relative } .error-content h1 { font-size: 300px; line-height: 1; font-weight: 700; color: #2cd697; margin-top: -38px } .error-content h1 .a { display: inline-block } .error-content h1 .red { color: #1f4b3f; display: inline-block } .error-content h1 .b { display: inline-block } .error-content h3 { margin: 30px 0 0; position: relative; color: #1f4b3f; } .error-content p { margin: 20px 0; font-size: 19px; color: #616161 } .coming-soon-area { height: 100vh } .coming-soon-content { max-width: 700px; border-radius: 5px; overflow: hidden; text-align: center; padding: 60px; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); margin: auto } .coming-soon-content h2 { font-size: 40px; margin-top: -10px; margin-bottom: 0 } .coming-soon-content #timer { margin-top: 40px } .coming-soon-content #timer div { border: 4px solid #2cd697; color: #2cd697; width: 100px; height: 105px; border-radius: 5px; font-size: 40px; font-weight: 800; margin-left: 10px; margin-right: 10px } .coming-soon-content #timer div span { display: block; margin-top: -2px; font-size: 17px; font-weight: 600 } .coming-soon-content form { position: relative; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 50px } .coming-soon-content form .form-group { margin-bottom: 25px; width: 100%; position: relative } .coming-soon-content form .form-group .label-title { margin-bottom: 0; position: absolute; display: block; left: 0; top: 0; pointer-events: none; width: 100%; height: 100%; color: #2cd697 } .coming-soon-content form .form-group .label-title i { position: absolute; left: 0; -webkit-transition: all ease .5s; transition: all ease .5s; top: 9px; font-size: 22px } .coming-soon-content form .form-group .label-title::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; -webkit-transition: all ease .5s; transition: all ease .5s; background: #2cd697 } .coming-soon-content form .form-group .input-newsletter { border-radius: 0; border: 1px solid #eee; padding: 10px 20px; color: #2cd697; height: 50px; display: block; width: 100%; -webkit-transition: all ease .5s; transition: all ease .5s; font-size: 16px; font-weight: 400; background-color: #fff } .coming-soon-content form .form-group .input-newsletter::-webkit-input-placeholder { color: #616161; -webkit-transition: all ease .5s; transition: all ease .5s } .coming-soon-content form .form-group .input-newsletter:-ms-input-placeholder { color: #616161; -webkit-transition: all ease .5s; transition: all ease .5s } .coming-soon-content form .form-group .input-newsletter::-ms-input-placeholder { color: #616161; -webkit-transition: all ease .5s; transition: all ease .5s } .coming-soon-content form .form-group .input-newsletter::placeholder { color: #616161; -webkit-transition: all ease .5s; transition: all ease .5s } .coming-soon-content form .form-group .input-newsletter:focus { border-color: #2cd697; outline: 0!important } .coming-soon-content form .form-group .input-newsletter:focus::-webkit-input-placeholder { color: transparent } .coming-soon-content form .form-group .input-newsletter:focus:-ms-input-placeholder { color: transparent } .coming-soon-content form .form-group .input-newsletter:focus::-ms-input-placeholder { color: transparent } .coming-soon-content form .form-group .input-newsletter:focus::placeholder { color: transparent } .coming-soon-content form .validation-danger { margin-top: 15px; color: red } .coming-soon-content form .validation-success { margin-top: 15px } .coming-soon-content form p { margin-bottom: 0; margin-top: 20px } .coming-soon-content .newsletter-form .default-btn { margin-top: 0; height: 49px } .user-form-content { max-width: 800px; margin: auto; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 50px; border-radius: 4px } .user-form-content h3 { margin-bottom: 20px; font-size: 40px } .user-form-content .user-form .form-group { margin-bottom: 30px } .user-form-content .user-form .form-group label { font-size: 15px; margin-bottom: 12px } .user-form-content .user-form .login-action { margin-bottom: 30px } .user-form-content .user-form .login-action .form-check { display: inline-block } .user-form-content .user-form .login-action .form-check a { color: #2cd697 } .user-form-content .user-form .login-action .forgot-login { display: inline-block; float: right } .user-form-content .user-form .default-btn { margin-bottom: 30px; width: 100% } .user-form-content .or { text-align: center; font-size: 18px; display: block; margin-bottom: 30px; position: relative } .user-form-content .or::before { content: ""; position: absolute; top: 12px; left: 0; width: 45%; height: 1px; background-color: #404142 } .user-form-content .or::after { content: ""; position: absolute; top: 12px; right: 0; width: 45%; height: 1px; background-color: #404142 } .user-form-content .or-login { display: block; text-align: center; padding: 15px 30px; margin-bottom: 30px; font-size: 15px; color: #fff; font-weight: 400 } .user-form-content .or-login.facebook { background-color: #3b5998 } .user-form-content .or-login.google { background-color: #ea4335 } .user-form-content .create { font-size: 16px } .user-form-content .create a { color: #2cd697 } .form-check-input { background-color: #fff; border: 1px solid #2cd697; border-radius: 0!important; position: relative; top: 0 } .instructors-content h3 { font-size: 22px } .instructors-content span { color: #2cd697; display: inline-block; margin-bottom: 20px } .instructors-content .review { padding-left: 0; margin-bottom: 0; list-style-type: none } .instructors-content .review li { display: inline-block } .instructors-content .review li span { position: relative; top: -5px } .instructors-content .review li i { color: #2cd697; font-size: 20px } .instructors-content .contact { padding-left: 0; margin-bottom: 30px; list-style-type: none; margin-top: 20px } .instructors-content .contact li { margin-bottom: 10px } .instructors-content .contact li:last-child { margin-bottom: 0 } .instructors-content .contact li span { color: #555; font-weight: 500; margin-bottom: 0 } .instructors-content .follow-us { padding-left: 0; margin-bottom: 0; list-style-type: none; margin-top: 20px } .instructors-content .follow-us li { display: inline-block; margin-right: 10px } .instructors-content .follow-us li:last-child { margin-right: 0 } .instructors-content .follow-us li a { background-color: #2cd697; color: #fff; width: 35px; height: 35px; line-height: 35px; text-align: center; display: inline-block; border-radius: 50px } .instructors-content .follow-us li a i { font-size: 18px } .instructors-content .follow-us li a:hover { background-color: #2cd697; color: #fff } .contact-bg { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 50px } .contact-bg .map-area iframe { height: 640px } .blog-details-content .blog-details-img { margin-bottom: 20px } .blog-details-content .blog-top-content { margin-bottom: 30px } .blog-details-content .blog-top-content .news-content h3 { -webkit-transition: all ease .5s; transition: all ease .5s; margin-bottom: 20px; font-size: 25px } .blog-details-content .blog-top-content .news-content .admin { padding-left: 0; margin-bottom: 20px } .blog-details-content .blog-top-content .news-content .admin li { list-style-type: none; display: inline-block; font-size: 15px; margin-right: 30px } .blog-details-content .blog-top-content .news-content .admin li:last-child { margin-right: 0 } .blog-details-content .blog-top-content .news-content .admin li i { position: relative; top: 3px; width: 25px; height: 25px; line-height: 24px; text-align: center; border: 1px solid #eee; border-radius: 50px; display: inline-block; font-size: 15px; margin-right: 5px; color: #2cd697 } .blog-details-content .blog-top-content .news-content .admin li img { max-width: 30px; border-radius: 50px; margin-right: 5px } .blog-details-content .blog-top-content blockquote { position: relative; margin-top: 30px; margin-bottom: 30px; background-color: #fff; padding: 30px; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); border-left: 1px solid #2cd697 } .blog-details-content .blog-top-content blockquote p { font-weight: 600; font-size: 18px; color: #2cd697; text-align: center; margin-bottom: 0 } .blog-details-content .blog-top-content blockquote i { font-size: 50px; color: #fff; background-color: #2cd697; position: absolute; top: 30px; left: 30px; line-height: 1 } .blog-details-content .news-content-2 { margin-bottom: 30px } .blog-details-content .news-content-2 h3 { font-size: 24px } .blog-details-content .single-blog-post-img { margin-bottom: 30px } .blog-details-content .tag-bar ul { padding-left: 0; margin-bottom: 0; list-style-type: none } .blog-details-content .tag-bar .tag-list li { display: inline-block; margin-right: 10px } .blog-details-content .tag-bar .tag-list li:last-child { margin-right: 0 } .blog-details-content .tag-bar .tag-list li span { color: #2cd697; font-size: 16px; font-weight: 700 } .blog-details-content .tag-bar .tag-list li a { background-color: #f7f8f9; padding: 8px 20px; display: inline-block } .blog-details-content .tag-bar .tag-list li a:hover { background-color: #2cd697; color: #fff } .blog-details-content .tag-bar .socila-link li { display: inline-block; margin-right: 10px } .blog-details-content .tag-bar .socila-link li:last-child { margin-right: 0 } .blog-details-content .tag-bar .socila-link li span { color: #2cd697; font-size: 16px; font-weight: 700 } .blog-details-content .tag-bar .socila-link li a { width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; background-color: #f7f8f9; border-radius: 50px } .blog-details-content .tag-bar .socila-link li a:hover { background-color: #2cd697; color: #fff } .blog-details-content .comments { background-color: #f9fafb; padding: 20px; margin-bottom: 35px } .blog-details-content .comments h3 { margin-bottom: 30px; font-size: 24px; position: relative } .blog-details-content .comments ul { padding: 0; margin: 0; list-style-type: none } .blog-details-content .comments ul li { position: relative; padding-left: 100px; margin-bottom: 30px } .blog-details-content .comments ul li:last-child { margin-bottom: 0 } .blog-details-content .comments ul li img { margin-bottom: 20px; position: absolute; left: 0; top: 0 } .blog-details-content .comments ul li h3 { margin-bottom: 0; padding-bottom: 0; font-size: 16px; padding-left: 0 } .blog-details-content .comments ul li h3::before { display: none } .blog-details-content .comments ul li span { display: block; margin-bottom: 15px } .blog-details-content .comments ul li a { font-size: 14px; font-weight: 600 } .blog-details-content .comments ul li a:hover { letter-spacing: 1px } .blog-details-content .comments ul li a i { margin-right: 5px } .blog-details-content .leave-reply { background-color: #f9fafb; padding: 30px } .blog-details-content .leave-reply .star { color: #ff0018 } .blog-details-content .leave-reply h3 { margin-bottom: 30px; font-size: 24px; position: relative } .blog-details-content .leave-reply p { margin-bottom: 30px } .blog-details-content .leave-reply .form-group { margin-bottom: 25px } .blog-details-content .leave-reply .form-group #chb1 { margin-right: 5px } .blog-details-content .leave-reply .form-group label { margin-bottom: 10px } .blog-details-content .leave-reply input[type=checkbox], .blog-details-content .leave-reply input[type=radio] { margin-right: 5px; position: relative; top: 1px } .sidebar-widget { margin-bottom: 35px; position: relative; padding: 20px; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05) } .sidebar-widget h3 { font-size: 20px; margin-bottom: 20px; position: relative; margin-top: -5px } .sidebar-widget.search .search-form { background-color: #fff } .sidebar-widget.search .search-form .search-button { position: absolute; width: 50px; height: 50px; line-height: 55px; background-color: #2cd697; top: 20px; right: 20px; font-size: 20px; color: #fff; -webkit-transition: all ease .5s; transition: all ease .5s } .sidebar-widget.search .search-form .search-button:hover { background-color: #2cd697 } .sidebar-widget.recent-post ul { margin-left: 0; padding-left: 0; list-style-type: none } .sidebar-widget.recent-post ul li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; position: relative; padding-left: 90px } .sidebar-widget.recent-post ul li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0 } .sidebar-widget.recent-post ul li a { font-size: 15px; color: #2cd697; margin-bottom: 15px; font-weight: 500 } .sidebar-widget.recent-post ul li a:hover { color: #2cd697 } .sidebar-widget.recent-post ul li a img { position: absolute; top: 0; left: 0 } .sidebar-widget.recent-post ul li span { display: block; font-size: 14px } .sidebar-widget.categories ul { margin-left: 0; padding-left: 0; margin-bottom: 0; list-style-type: none } .sidebar-widget.categories ul li { position: relative; margin-bottom: 10px; font-size: 15px; position: relative; padding-left: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px } .sidebar-widget.categories ul li a span { float: right } .sidebar-widget.categories ul li::before { content: ""; position: absolute; top: 7px; left: 0; width: 10px; height: 10px; background-color: #2cd697 } .sidebar-widget.categories ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .sidebar-widget.tags ul { margin: 0; padding: 0; list-style-type: none } .sidebar-widget.tags ul li { display: inline-block; margin-bottom: 10px; margin-right: 10px } .sidebar-widget.tags ul li a { border: 1px solid #eee; padding: 8px 12px; display: inline-block } .sidebar-widget.tags ul li a:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); background-color: #2cd697; color: #fff; border-color: #2cd697 } .sidebar-widget.tags ul li:last-child { margin-bottom: 0 } .sidebar-widget.video-courses { padding: 0 } .sidebar-widget.video-courses .courses-video-img { position: relative } .sidebar-widget.video-courses .courses-video-img .video-play { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .sidebar-widget.video-courses .price-status { background-color: #fdfcfc; padding: 30px } .sidebar-widget.video-courses .price-status h2 { font-size: 40px; margin-bottom: 10px } .sidebar-widget.video-courses .price-status h4 { font-size: 18px; font-weight: 500; margin-bottom: 20px } .sidebar-widget.video-courses .price-status .in-price-list { padding-left: 0; list-style-type: none; margin-bottom: 30px } .sidebar-widget.video-courses .price-status .in-price-list li { margin-bottom: 10px; font-size: 15px; font-weight: 600; color: #2cd697; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px } .sidebar-widget.video-courses .price-status .in-price-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .sidebar-widget.video-courses .price-status .in-price-list li span { font-weight: 400; float: right } .sidebar-widget.video-courses .price-status .in-price-list li:last-child { margin-bottom: 0 } .sidebar-widget.video-courses .price-status .cart-wish-btn { padding-left: 0; list-style: none; margin-bottom: 25px } .sidebar-widget.video-courses .price-status .cart-wish-btn li { display: block } .sidebar-widget.video-courses .price-status .cart-wish-btn li .default-btn { width: 100% } .sidebar-widget.video-courses .price-status .cart-wish-btn li .default-btn.active { background-color: #2cd697; margin-top: 10px } .sidebar-widget.video-courses .price-status .social-link { padding-left: 0; margin-bottom: 0; list-style: none; text-align: center } .sidebar-widget.video-courses .price-status .social-link li { display: inline-block; margin-right: 5px } .sidebar-widget.video-courses .price-status .social-link li a { width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #2cd697; color: #fff; display: inline-block; border-radius: 50px } .sidebar-widget.video-courses .price-status .social-link li a i { font-size: 18px } .sidebar-widget.video-courses .price-status .social-link li a:hover { background-color: #2cd697 } .nav-tabs { display: block!important; margin-bottom: 30px; border: none; background-color: #f7f8f9; padding: 20px 30px } .nav-tabs .nav-item { display: inline-block; margin-right: 30px } .nav-tabs .nav-item:last-child { margin-right: 0 } .nav-tabs .nav-item .nav-link { border: none; padding: 0; color: #888; font-weight: 600 } .nav-tabs .nav-item .nav-link.active { background-color: transparent; color: #2cd697; position: relative } .nav-tabs .nav-item .nav-link.active::before { content: ""; position: absolute; bottom: -20px; left: 0; width: 100%; height: 1px; background-color: #2cd697 } .overview .tab .tabs { text-align: center; margin-bottom: 40px; padding-left: 0; list-style-type: none; background-color: #f5f1ee } .overview .tab .tabs li { display: table-cell; cursor: pointer; border-right: 1px solid #eee4dc; position: relative; z-index: 1; padding-left: 73px; padding-top: 20px; padding-right: 73px; padding-bottom: 20px } .overview .tab .tabs li::before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 2px; background-color: #2cd697; -webkit-transition: all ease .5s; transition: all ease .5s } .overview .tab .tabs li:last-child { border-right: none } .overview .tab .tabs li:hover::before { width: 100%; right: auto; left: 0 } .overview .tab .tabs li.current { background-color: #fff } .overview .tab .tabs li.current::before { width: 100%; right: auto; left: 0 } .overview-content .gap-mb-35 { margin-bottom: 35px } .overview-content h3 { font-size: 20px; margin-bottom: 20px } .overview-content ul { padding-left: 0; margin-bottom: 0; list-style: none } .overview-content ul li { position: relative; margin-bottom: 15px; padding-left: 18px } .overview-content ul li:last-child { margin-bottom: 0 } .overview-content ul li::before { content: ""; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; border-radius: 50px; background-color: #2cd697 } .curriculum-content ul { padding-left: 0; margin-bottom: 0; list-style-type: none } .curriculum-content .title { margin-bottom: 30px } .curriculum-content .title li h3 { font-size: 20px; font-weight: 600; display: inline-block } .curriculum-content .title li span { float: right; color: #2cd697; font-size: 16px; margin-left: 30px; font-weight: 500 } .curriculum-content .lesson { margin-bottom: 40px } .curriculum-content .lesson .border-bottom { border-bottom: 1px solid #e1e2e3; padding-bottom: 5px; margin-bottom: 20px } .curriculum-content .lesson .border-bottom h3 { font-size: 18px; display: inline-block } .curriculum-content .lesson .border-bottom span { float: right } .curriculum-content .lesson .lesson-list { margin-bottom: 15px } .curriculum-content .lesson .lesson-list:last-child { margin-bottom: 0 } .curriculum-content .lesson .lesson-list a { color: #616161 } .curriculum-content .lesson .lesson-list span { float: right; margin-left: 15px } .curriculum-content .lesson .lesson-list span.color { color: #2cd697 } .instructor-content .instructors-content { margin-top: -25px } .instructor-content .instructors-content h3 { font-size: 20px; font-weight: 600; color: #2cd697; margin-bottom: 10px } .instructor-content .instructors-content .category { font-size: 15px; display: block; margin-bottom: 10px } .instructor-content .instructors-content .review { padding-left: 0; margin-bottom: 10px; list-style-type: none } .instructor-content .instructors-content .review li { display: inline-block } .instructor-content .instructors-content .review li i { color: #f6b429 } .instructor-content .instructors-content .students { display: block; font-size: 15px; margin-bottom: 10px } .instructor-content .instructors-content .courses-7 { margin-bottom: 10px; display: block } .instructor-content .instructors-content .sosial-link { padding-left: 0; margin-bottom: 10px; list-style-type: none } .instructor-content .instructors-content .sosial-link li { display: inline-block; margin-right: 10px } .instructor-content .instructors-content .sosial-link li:last-child { margin-right: 0 } .review-content .rating-point { background-color: #f5f1ee; padding: 15px; text-align: center } .review-content .rating-point h2 { font-size: 72px; color: #2cd697; line-height: 1 } .review-content .rating-point ul { padding-left: 0; margin-bottom: 8px; list-style-type: none } .review-content .rating-point ul li { display: inline-block } .review-content .rating-point ul li i { color: #f6b429 } .review-content .rating-point span { color: #2cd697; font-weight: 500 } .review-content .rating-bar { padding-left: 0; margin-bottom: 0; list-style-type: none } .review-content .rating-bar li { margin-bottom: 30px } .review-content .rating-bar li:last-child { margin-bottom: 0 } .review-content .rating-bar .bar-1 { background-color: #eee4dc; height: 5px; width: 100%; position: relative; display: block } .review-content .rating-bar .bar-1::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background-color: #2cd697 } .review-content .rating-bar .bar-2 { background-color: #eee4dc; height: 5px; width: 100%; position: relative; display: block } .review-content .rating-bar .bar-3 { background-color: #eee4dc; height: 5px; width: 100%; position: relative; display: block } .review-content .rating-bar .bar-4 { background-color: #eee4dc; height: 5px; width: 100%; position: relative; display: block } .review-content .rating-bar .bar-5 { background-color: #eee4dc; height: 5px; width: 100%; position: relative; display: block } .review-content .total-review { padding-left: 0; margin-bottom: 15px; list-style-type: none; line-height: 1 } .review-content .total-review li { display: inline-block } .review-content .total-review li i { color: #f6b429 } .review-content .total-review li span { position: relative; top: -2px; margin-left: 5px } .review-content h4 { font-size: 20px; font-weight: 600; margin-top: 50px } .review-content .feedback-list { padding-left: 0; margin-bottom: 0; list-style-type: none; margin-top: 30px } .review-content .feedback-list li { position: relative; padding-left: 100px; display: inline-block; margin-bottom: 40px } .review-content .feedback-list li:last-child { margin-bottom: 0 } .review-content .feedback-list li img { position: absolute; top: 0; left: 0; border-radius: 50px } .review-content .feedback-list li h3 { font-size: 20px } .review-content .feedback-list li ul { padding-left: 0; margin-bottom: 15px; list-style-type: none } .review-content .feedback-list li ul li { padding-left: 0; margin-bottom: 0 } .review-content .feedback-list li ul li i { color: #f6b429 } .review-content .leave-reply { margin-top: 40px } .review-content .leave-reply h3 { margin-bottom: 10px; font-size: 24px; position: relative; margin-top: -5px } .review-content .leave-reply ul { padding-left: 0; margin-bottom: 30px; list-style-type: none } .review-content .leave-reply ul li { display: inline-block } .review-content .leave-reply ul li i { color: #f6b429 } .review-content .leave-reply ul li span { margin-left: 5px; top: -3px } .review-content .leave-reply form p { margin-bottom: 30px } .review-content .leave-reply form .form-group { margin-bottom: 30px } .review-content .leave-reply form .form-group label { margin-bottom: 10px; font-weight: 500 } .review-content .leave-reply form .form-group .form-control { background-color: #fff; border: 1px solid #ebebeb } .review-content .leave-reply form .form-group .form-control::-webkit-input-placeholder { color: #ccc } .review-content .leave-reply form .form-group .form-control:-ms-input-placeholder { color: #ccc } .review-content .leave-reply form .form-group .form-control::-ms-input-placeholder { color: #ccc } .review-content .leave-reply form .form-group .form-control::placeholder { color: #ccc } .event-details-content { max-width: 860px; margin: auto } .event-details-content .event-details-img { margin-bottom: 20px } .event-details-content .event-top-content .news-content h3 { -webkit-transition: all ease .5s; transition: all ease .5s; margin-bottom: 20px; font-size: 25px } .event-details-content .event-top-content .news-content .admin { padding-left: 0; margin-bottom: 20px } .event-details-content .event-top-content .news-content .admin li { list-style-type: none; display: inline-block; font-size: 15px; margin-right: 30px } .event-details-content .event-top-content .news-content .admin li:last-child { margin-right: 0 } .event-details-content .event-top-content .news-content .admin li i { position: relative; top: 3px; width: 25px; height: 25px; line-height: 24px; text-align: center; border: 1px solid #eee; border-radius: 50px; display: inline-block; font-size: 15px; margin-right: 5px; color: #2cd697 } .event-details-content .event-top-content .news-content .admin li img { max-width: 30px; border-radius: 50px; margin-right: 5px } .event-details-content .single-event-post-img { margin-bottom: 30px } .event-details-content .tag-bar ul { padding-left: 0; margin-bottom: 0; margin-top: 20px; list-style-type: none; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row; } .event-details-content .tag-bar .tag-list li { display: inline-block; margin-right: 10px; margin-bottom: 15px; } .event-details-content .tag-bar .tag-list li:last-child { margin-right: 0 } .event-details-content .tag-bar .tag-list li span { color: #2cd697; font-size: 16px; font-weight: 700 } .event-details-content .tag-bar .tag-list li a { background-color: #f7f8f9; padding: 0px 20px; display: inline-block } .event-details-content .tag-bar .tag-list li a:hover { background-color: #2cd697; color: #fff } .event-details-content .tag-bar .socila-link li { display: inline-block; margin-right: 10px } .event-details-content .tag-bar .socila-link li:last-child { margin-right: 0 } .event-details-content .tag-bar .socila-link li span { color: #2cd697; font-size: 16px; font-weight: 700 } .event-details-content .tag-bar .socila-link li a { width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; background-color: #f7f8f9; border-radius: 50px } .event-details-content .tag-bar .socila-link li a:hover { background-color: #2cd697; color: #fff } .single-product { margin-bottom: 30px; position: relative; text-align: center; overflow: hidden } .single-product .product-img { position: relative } .single-product .product-img img { -webkit-transition: all ease .5s; transition: all ease .5s } .single-product .product-img ul { position: absolute; bottom: 30px; left: 0; right: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all ease .5s; transition: all ease .5s; padding: 0; margin: 0; list-style: none; text-align: center } .single-product .product-img ul li { display: inline-block; margin: 0 5px } .single-product .product-img ul li a i { font-size: 20px; width: 40px; height: 40px; line-height: 40px; background-color: #fff; color: #2cd697; -webkit-transition: all ease .5s; transition: all ease .5s; display: inline-block; border-radius: 50% } .single-product .product-img ul li a:hover i { background-color: #2cd697; color: #fff } .single-product .product-content { background-color: #fff; z-index: 1; position: relative; padding-top: 20px } .single-product .product-content a h3 { margin-bottom: 10px; font-size: 20px; -webkit-transition: all ease .5s; transition: all ease .5s; font-weight: 600 } .single-product .product-content a:hover h3 { color: #2cd697 } .single-product .product-content .price { font-size: 16px; display: block; color: #616161; line-height: 1 } .single-product .product-content .price del { margin-right: 10px; color: #616161 } .single-product .new { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; line-height: 40px; background-color: #d00000; border-radius: 50%; text-align: center; display: inline-block; color: #fff; font-size: 14px } .single-product .new.sell { background-color: green } .single-product:hover .product-img img { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } .single-product:hover .product-img ul { -webkit-transform: scaleY(1); transform: scaleY(1) } .single-product:hover .product-img::before { -webkit-transform: scaleY(1); transform: scaleY(1) } .cart-area .cart-controller { background-color: #fff; border: 1px solid #ebebeb; border-bottom: none; margin-bottom: 35px } .cart-area .trash { text-align: center!important } .cart-area .trash .remove { color: #ed1d24; font-size: 20px } .cart-area .trash .remove:hover { color: #ed1d24 } .cart-area .product-thumbnail { width: 130px } .cart-area .cart-table { text-align: center } .cart-area .cart-table table { margin-bottom: 0 } .cart-area .cart-table table thead tr { border-style: none } .cart-area .cart-table table thead tr th { border: none; color: #2cd697; font-size: 16px; font-weight: 700; padding: 20px 30px } .cart-area .cart-table table tbody tr td { vertical-align: middle; border: none; border-bottom: 1px solid #dedede; white-space: nowrap; padding: 15px 30px } .cart-area .cart-table table tbody tr td a { color: #2cd697; font-weight: 700 } .cart-area .cart-table table tbody tr td a:hover { color: #2cd697 } .cart-area .cart-table table tbody tr td .default-btn { display: inline-block; color: #fff; font-weight: 600 } .cart-area .cart-table table tbody tr td.product-quantity { width: 145px; padding: 0 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter { position: relative } .cart-area .cart-table table tbody tr td.product-quantity .input-counter input { height: 45px; color: #2cd697; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 15px; font-weight: 700; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede } .cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder { color: #2cd697 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder { color: #2cd697 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder { color: #2cd697 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter input::placeholder { color: #2cd697 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn { position: absolute; top: 0; left: 0; background-color: transparent; cursor: pointer; color: #2cd697; width: 40px; height: 100%; line-height: 48px; -webkit-transition: all ease .5s; transition: all ease .5s; border: 1px solid #dedede } .cart-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn i { font-weight: 700 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn:hover { color: #fff; background-color: #2cd697 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn { position: absolute; top: 0; right: 0; background-color: transparent; cursor: pointer; color: #2cd697; width: 40px; height: 100%; line-height: 48px; -webkit-transition: all ease .5s; transition: all ease .5s; border: 1px solid #dedede } .cart-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn i { font-weight: 700 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn:hover { color: #fff; background-color: #2cd697 } .cart-area .coupon-cart { padding-top: 5px; margin-bottom: 0 } .cart-area .coupon-cart .form-group { position: relative } .cart-area .coupon-cart .form-group .form-control { border: 1px solid #dedede } .cart-area .coupon-cart .form-group .form-control:focus { border-color: #2cd697 } .cart-area .coupon-cart .form-group .default-btn { position: absolute; top: 0; right: 0; padding: 15px 40px; height: 55px; line-height: 24px } .cart-area .coupon-cart .form-group .default-btn::before { display: none } .cart-area .coupon-cart .form-group .default-btn::after { display: none } .cart-area .coupon-cart .default-btn.update-cart { float: right; height: 50px } .cart-area .cart-totals { padding: 30px; border: 1px solid #ebebeb; background-color: #fff } .cart-area .cart-totals h3 { margin-bottom: 25px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; font-size: 24px; position: relative } .cart-area .cart-totals ul { padding: 0; margin: 0 0 25px; list-style-type: none } .cart-area .cart-totals ul li { color: #616161; position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dedede } .cart-area .cart-totals ul li:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0 } .cart-area .cart-totals ul li span { float: right; color: #666; font-weight: 400 } .cart-area .cart-totals .default-btn { display: block } .checkout-area .billing-details { padding: 30px; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); background-color: #fff } .checkout-area .billing-details h3 { margin-bottom: 20px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; font-size: 24px; position: relative } .checkout-area .billing-details .form-group { margin-bottom: 20px } .checkout-area .billing-details .form-group .form-control { background-color: #fff; border-color: #ebebeb } .checkout-area .billing-details .form-group label { display: block; color: #616161; margin-bottom: 10px; font-size: 16px } .checkout-area .billing-details .form-group label .required { color: #616161 } .checkout-area .billing-details .form-group .nice-select { float: unset; line-height: 45px; color: #616161; padding-top: 0; padding-bottom: 0 } .checkout-area .billing-details .form-group .nice-select .list { background-color: #fff; -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1); box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1); border-radius: 0; margin-top: 0; width: 100%; padding-top: 10px; padding-bottom: 10px } .checkout-area .billing-details .form-group .nice-select .list .option { -webkit-transition: .5s; transition: .5s; padding-left: 20px; padding-right: 20px } .checkout-area .billing-details .form-group .nice-select .list .option:hover { background-color: #2cd697!important; color: #fff } .checkout-area .billing-details .form-group .nice-select .list .option.selected { background-color: transparent } .checkout-area .billing-details .form-group .nice-select:after { right: 20px } .checkout-area .billing-details .form-group .nice-select .option:hover, .checkout-area .billing-details .form-group .nice-select .option.focus, .checkout-area .billing-details .form-group .nice-select .option.selected.focus { background-color: #2cd697!important; color: #fff!important } .checkout-area .billing-details .form-group textarea { padding-top: 13px } .checkout-area .billing-details .form-check { margin-bottom: 20px } .checkout-area .billing-details .form-check .form-check-label { color: #616161; font-weight: 600; font-size: 14px } .checkout-area .billing-details .form-check label { position: relative; top: 1px } .checkout-area .billing-details .col-lg-12:last-child .form-group { margin-bottom: 0 } .checkout-area .cart-totals { margin-bottom: 30px; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; background-color: #fff } .checkout-area .cart-totals h3 { margin-bottom: 20px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; font-size: 24px; position: relative } .checkout-area .cart-totals ul { padding: 0; margin: 0; list-style-type: none } .checkout-area .cart-totals ul li { color: #616161; position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dedede } .checkout-area .cart-totals ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .checkout-area .cart-totals ul li span { float: right; color: #666; font-weight: 400 } .checkout-area .faq-accordion { margin-top: 0; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); background-color: #fff; padding: 30px; margin-bottom: 0 } .checkout-area .faq-accordion h3 { margin-bottom: 20px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; font-size: 24px; position: relative } .checkout-area .faq-accordion .accordion { padding: 0; margin: 0; list-style-type: none } .checkout-area .faq-accordion .accordion .accordion-content { border-top: none; padding: 0; background-color: transparent } .checkout-area .faq-accordion .accordion .accordion-content .form-group { margin-bottom: 30px } .checkout-area .faq-accordion .accordion .accordion-title { padding: 0; position: relative; padding-left: 25px; background-color: transparent; border: none; margin-bottom: 10px; color: #2cd697; font-weight: 600 } .checkout-area .faq-accordion .accordion .accordion-title.active::after { background-color: #2cd697 } .checkout-area .faq-accordion .accordion .accordion-title.active::before { border-color: #2cd697 } .checkout-area .faq-accordion .accordion .accordion-title::before { content: ""; position: absolute; top: 2px; left: -4px; width: 17px; height: 17px; border: 1px solid #2cd697; border-radius: 50%; margin: 3px } .checkout-area .faq-accordion .accordion .accordion-title::after { content: ""; position: absolute; top: 8px; left: 2px; width: 11px; height: 11px; background-color: #fff; border-radius: 50%; border-radius: 50% } .checkout-area .faq-accordion .accordion .accordion-title:hover { color: #2cd697 } .checkout-area .faq-accordion .accordion .accordion-item { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 15px } .checkout-area .faq-accordion .form-check { font-size: 14px } .checkout-area .faq-accordion .form-check label { margin-bottom: 5px } .checkout-area .faq-accordion .form-check label a { color: #2cd697 } .checkout-area .faq-accordion .form-check label a:hover { color: #2cd697 } .checkout-area .log-in-coupon-code .faq-accordion { max-width: 100%; padding: 30px; margin-bottom: 30px } .checkout-area .log-in-coupon-code .faq-accordion .accordion-item { margin-bottom: 0 } .checkout-area .log-in-coupon-code .faq-accordion .accordion-item p { padding-top: 15px; padding-bottom: 15px } .checkout-area .log-in-coupon-code .faq-accordion .accordion-item .accordion-title { margin-bottom: 0; font-weight: 600 } .product-details-area .product-details-desc h3 { font-size: 25px } .product-details-area .product-details-desc p { margin-bottom: 0 } .product-details-area .product-details-desc .price { margin-bottom: 22px; font-size: 20px; font-weight: 500 } .product-details-area .product-details-desc .price span { padding: 0 5px } .product-details-area .product-details-desc .price del { color: #2cd697; margin-right: 10px } .product-details-area .product-details-desc .sku { padding: 0; margin: 0; list-style-type: none; margin-top: 30px; margin-bottom: 30px } .product-details-area .product-details-desc .sku li { margin-bottom: 20px; color: #2cd697; position: relative; font-weight: 600 } .product-details-area .product-details-desc .sku li:last-child { margin-bottom: 0 } .product-details-area .product-details-desc .sku li span { color: #616161; position: absolute; top: 0; left: 180px; font-weight: 400 } .product-details-area .product-details-desc .product-add-to-cart { margin-bottom: 20px; margin-top: 20px } .product-details-area .product-details-desc .product-add-to-cart .quantities { display: inline-block; margin-right: 10px; font-size: 16px; font-weight: 600; color: #2cd697 } .product-details-area .product-details-desc .product-add-to-cart .input-counter { max-width: 130px; min-width: 130px; margin-right: 10px; text-align: center; display: inline-block; position: relative; border: 1px solid #cfcfcf } .product-details-area .product-details-desc .product-add-to-cart .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 40px; height: 100%; line-height: 34px; -webkit-transition: .5s; transition: .5s } .product-details-area .product-details-desc .product-add-to-cart .input-counter span:hover { color: #2cd697 } .product-details-area .product-details-desc .product-add-to-cart .input-counter span.minus-btn { left: 0; border-right: 1px solid #cfcfcf } .product-details-area .product-details-desc .product-add-to-cart .input-counter span.plus-btn { right: 0; border-left: 1px solid #cfcfcf } .product-details-area .product-details-desc .product-add-to-cart .input-counter input { height: 30px; color: #333; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100% } .product-details-area .product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder { color: #333 } .product-details-area .product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder { color: #333 } .product-details-area .product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder { color: #333 } .product-details-area .product-details-desc .product-add-to-cart .input-counter input::placeholder { color: #333 } .product-details-area .product-details-desc .social-wrap { padding: 0; margin: 0; list-style-type: none; margin-top: 20px } .product-details-area .product-details-desc .social-wrap li { display: inline-block; padding-right: 10px; color: #2cd697 } .product-details-area .product-details-desc .social-wrap li span { display: inline-block; margin-right: 30px; font-weight: 600; position: relative; top: -2px } .product-details-area .product-details-desc .social-wrap li a { width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-transition: all ease .5s; transition: all ease .5s; display: inline-block; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); color: #2cd697; position: relative; z-index: 1 } .product-details-area .product-details-desc .social-wrap li a::before, .product-details-area .product-details-desc .social-wrap li a::after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #2cd697; z-index: -1; -webkit-transition: all ease .5s; transition: all ease .5s } .product-details-area .product-details-desc .social-wrap li a::after { height: 0; width: 100% } .product-details-area .product-details-desc .social-wrap li a:hover::before { width: 100%; left: auto; right: 0 } .product-details-area .product-details-desc .social-wrap li a:hover::after { height: 100%; left: auto; right: 0 } .product-details-area .product-details-desc .social-wrap li a:hover { color: #fff } .product-details-area .product-details-desc .default-btn { margin-bottom: 0!important } .product-details-area .product-details-desc .default-btn i { position: relative; top: 2px; margin-right: 5px } .product-details-area .product-details-desc .category { font-size: 17px; font-weight: 600; margin-top: 15px } .product-details-area .product-details-desc .category span { font-weight: 400 } .product-details-area .product-details-desc .product-review { position: relative; margin-bottom: 10px } .product-details-area .product-details-desc .product-review .rating i { color: #ffba0a } .product-details-area .product-details-desc .product-review .rating-count { position: absolute; top: 0; left: 110px } .product-details-area .product-details-image { text-align: center } .product-details-area .product-details-tab { margin-top: 50px; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); background-color: #fff; padding: 30px } .product-details-area .product-details-tab .tabs { list-style-type: none; padding: 0; border-bottom: 1px solid #eaedff; margin-bottom: 0 } .product-details-area .product-details-tab .tabs li { display: inline-block; line-height: initial; margin-right: 15px; margin-bottom: 25px; color: #2cd697; font-size: 20px; font-family: Poppins, sans-serif; font-weight: 600; cursor: pointer; -webkit-transition: all ease .5s; transition: all ease .5s } .product-details-area .product-details-tab .tabs li:hover { color: #2cd697 } .product-details-area .product-details-tab .tabs li.current { color: #2cd697; position: relative } .product-details-area .product-details-tab .tabs li.current::before { content: ""; position: absolute; bottom: -27px; left: 0; width: 100%; height: 3px; background-color: #2cd697 } .product-details-area .product-details-tab .product-details-tab-content p { margin-bottom: 20px } .product-details-area .product-details-tab .product-details-tab-content p:last-child { margin-bottom: 0 } .product-details-area .product-details-tab .product-details-tab-content .additional-information { padding-left: 0; margin-bottom: 0; list-style-type: none; text-align: left } .product-details-area .product-details-tab .product-details-tab-content .additional-information li { border: 1px solid #eaedff; border-bottom: none; padding: 10px 15px; color: #57647c } .product-details-area .product-details-tab .product-details-tab-content .additional-information li:last-child { border-bottom: 1px solid #eaedff } .product-details-area .product-details-tab .product-details-tab-content .additional-information li span { display: inline-block; width: 30%; color: #2cd697 } .product-details-area .product-details-tab .product-details-tab-content h3 { margin-bottom: 15px; font-size: 22px; margin-top: -5px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-title { position: relative } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-title .rating { display: inline-block; position: relative; top: 1px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-title .rating .fas.fa-star { color: #ffba0a } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-title .rating i { color: #ffba0a; font-size: 14px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-title p { margin-bottom: 0; display: inline-block; padding-left: 5px; line-height: initial } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-title .btn { position: absolute; right: 0; bottom: 10px; padding: 10px 11px; font-size: 11px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-title .btn:focus { border: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; border: 4px; background-color: #2cd697 } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-comments { margin-top: 35px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-comments .review-item { margin-top: 30px; position: relative; padding-right: 200px; border-top: 1px dashed #eaedff; padding-top: 30px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star { color: #ffba0a } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-comments .review-item .rating i { font-size: 14px; color: #ffba0a } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-comments .review-item h3 { margin-top: 10px; margin-bottom: 10px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-comments .review-item span { margin-bottom: 10px; font-size: 13px; display: block } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-comments .review-item p { margin-bottom: 0 } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-comments .review-item .review-report-link { position: absolute; right: 0; color: #57647c; top: 40px; text-decoration: underline } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover { color: #ff4800 } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-form { margin-top: 30px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-form form .form-group { margin-bottom: 30px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-form form .form-group label { color: #444; margin-bottom: 12px; font-weight: 600; font-size: 14px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-form form .form-group textarea { padding-top: 15px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-form form .form-group .form-control { font-size: 14px } .product-details-area .product-details-tab .product-details-tab-content .product-review-form .review-form form .btn:focus { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0 } .preloader { 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; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 99999 } .preloader .content { width: 80px; height: 80px; overflow: hidden; 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; position: relative } .preloader .content::after { content: ""; position: absolute; width: 90%; height: 90%; background: #fff } .preloader .content::before { content: ""; position: absolute; width: 100%; height: 100%; background: #2cd697; -webkit-animation: rotate-five 12s infinite alternate; animation: rotate-five 12s infinite alternate } .preloader .content .box { height: 50%; width: 50%; background: #2cd697; position: relative; z-index: 10; -webkit-animation: 12s rotate-five infinite alternate; animation: 12s rotate-five infinite alternate } .preloader.preloader-deactivate { visibility: hidden } @-webkit-keyframes rotate-five { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg) } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate-five { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg) } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .go-top { position: fixed; cursor: pointer; left: 15px; bottom: 34px; border-radius: 60px; background-color: #2cd697; z-index: 4; width: 60px; text-align: center; height: 60px; line-height: 42px; -webkit-transform: scale(0); transform: scale(0); visibility: hidden; -webkit-transition: .9s; transition: .9s } .go-top i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; color: #fff; -webkit-transition: .5s; transition: .5s; font-size: 20px } .go-top i:last-child { opacity: 0; visibility: hidden; top: 60% } .go-top::before { content: ''; position: absolute; top: 0; left: 0; border-radius: 50px; width: 100%; height: 100%; z-index: -1; background-color: #2cd697; opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s } .go-top:hover { color: #fff; background-color: #2cd697 } .go-top:hover::before { opacity: 1; visibility: visible } .go-top:hover i:first-child { opacity: 0; top: 0; visibility: hidden } .go-top:hover i:last-child { opacity: 1; visibility: visible; top: 50% } .go-top:focus { color: #fff } .go-top:focus::before { opacity: 1; visibility: visible } .go-top:focus i:first-child { opacity: 0; top: 0; visibility: hidden } .go-top:focus i:last-child { opacity: 1; visibility: visible; top: 50% } .go-top.active { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; right: 15px; bottom: 34px; -webkit-transform: scale(1); transform: scale(1) } .video-btn { display: inline-block; width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 0; color: #2cd697; position: relative; top: 3px; z-index: 1; background-color: rgb(117 0 23); border-radius: 50%; -webkit-transition: all ease .5s; transition: all ease .5s } .video-btn i { font-size: 42px; color: #fff; position: absolute; top: 0; left: 1px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100% } .video-btn::after, .video-btn::before { content: ""; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 0; border-radius: 50%; -webkit-transition: all ease .5s; transition: all ease .5s; -webkit-animation: ripple 1.6s ease-out infinite; animation: ripple 1.6s ease-out infinite; background-color: rgb(117 0 23) } .video-btn span { position: absolute; top: 0; right: -105px; width: 100px; font-size: 15px } .video-btn:hover { background-color: rgba(22, 5, 107, .8) } .video-btn:hover::before, .video-btn:hover::after { background-color: rgba(22, 5, 107, .8) } @-webkit-keyframes ripple { 0%, 35% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: .8 } 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2) } } @keyframes ripple { 0%, 35% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: .8 } 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2) } } .pagination-area { margin-top: 10px; text-align: center } .pagination-area .page-numbers { width: 45px; height: 45px; line-height: 45px; color: #2cd697; text-align: center; display: inline-block; position: relative; margin-left: 3px; margin-right: 3px; font-size: 17px; background: #f7f8f9; border-radius: 50px; font-weight: 600 } .pagination-area .page-numbers.active{ background-color: #2cd697; color: #fff; } .pagination-area .page-numbers:hover { color: #fff; background-color: #2cd697 } .pagination-area .page-numbers i { font-size: 20px; font-weight: 400 } .pagination-area .page-numbers.next { top: 3px } .pagination-area .page-numbers.current { color: #fff; border-color: #2cd697; background-color: #2cd697 } .mobile-responsive-menu .logo{ width: 160px; } #logo{ width: 220px; } .midias-s{ margin: 0 6px !important; } .midias-s a{ display: block; height: 30px; border-radius: 5px; line-height: 28px; text-align: center; color: #fff; } .video-foreground { display: none; min-height: 100vh; background: url(arquivos/img/8ab6e-slide1.jpg) no-repeat center center; background-size: cover; position: fixed; top: 0; z-index: -3; } .video_fogo{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } header{ position: absolute; z-index: 100; width: 100%; } .mobile-responsive-nav .mean-container a.meanmenu-reveal span{ background-color: #fff !important; } .mobile-responsive-nav .mean-container a.meanmenu-reveal{ color: #fff !important; } .navbar-area{ background-color: transparent !important; } .live-stress-area.pt-100.pb-70{ background-color: #fff; position: relative; z-index: 10; } a.comprar{ display: block; color: #2cd697; margin-top: 20px; border: 1px solid #2cd697; padding: 5px 20px; border-radius: 50px; margin-top: 20px; width: 145px; margin: 20px auto 10px auto; } a.comprar:hover{ background-color: #2cd697; color: #fff; } .contact-area, .error-area{ background-color: #fff; position: relative; z-index: 10; } .categorias-pro li{list-style: none;} #centralizarp p{ display: block !important; width: 100 !important%; } .bk-header{ background: #2cd697; padding: 10px; } .bk-header .city{ color: #fff; margin-left: 20px; } .bk-header .city a{ color: #fff; font-size: 20px; } .bk-header .city a:hover{ color: #2cd697; } .bk-header .col-md-12{ display: flex; justify-content: center; flex-wrap: wrap; } .banner-area .img-banner{ position: absolute; width: 100% !important; top: 0px; z-index: -2; } .banner-area .img_slide{ position: relative; z-index: 0; } .banner-area .container{ position: relative; margin: auto; z-index: 2; display: block; top: 0px; height: 100%; left: 0; right: 0; } .banner-area .container .banner-content{ padding-bottom: 50px; padding-left: 0px; margin-top: 30px; height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; } .banner-area .container .col-lg-8{ margin: auto; z-index: 2; display: flex; top: 0px; height: 100%; width: 100%; justify-content: center; align-items: center; } .banner-area .container .row{ height: 100%; } .fh-section-title.version-light h2 { padding-bottom: 0; color: #2cd697; } .fh-section-title.version-light h6 { padding-bottom: 0; color: #2cd697; } .lftredbrdr { border-left: 2px solid #2cd697; padding-left: 25px; } .special_services.bluebg.secpadd { padding: 80px 0px; } .fh-service-box.style-1 { padding: 15px; border: 1px solid #a9abb9; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; min-height: 200px; } .fh-service-box.style-1:hover{ background-color: #a9abb96b; } .fh-service-box { margin-bottom: 30px; color: #2cd697; position: relative; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 10px; } .bluebg { background: #ececec; } .fh-service-box.style-1 .fh-icon, .fh-service-box.style-1 .img-icon { width: 65px; } .fh-service-box h4 { margin: 0; padding-bottom: 10px; } .fh-service-box h4, .fh-service-box .desc { padding-left: 90px; } .fh-service-box h4, .fh-service-box h4 a { color: #2cd697; font-weight: 600; font-size: 16px; -webkit-transition: 0.5s; transition: 0.5s; } .paddbtm40 { padding-bottom: 40px!important; } .hdrgtpara { color: #fff; } .hdrgtpara p{ line-height: 20px; color: #2cd697; } .hdrgtpara h6{ color: #2cd697; } .fh-service-box.style-1:hover { border-color: #f4b31; } .fh-service-box i { font-size: 50px; color: #2cd697; -webkit-transition: 0.5s; transition: 0.5s; } .fh-service-box .fh-icon, .fh-service-box .img-icon { position: absolute; left: 20px; line-height: 1; -webkit-transition: 0.5s; transition: 0.5s; } .owl-theme .owl-nav { width: 100% !important; position: absolute !important; top: 40% !important; right: 0px !important; display: flex !important; justify-content: space-between !important; } .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next { width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #f7f8f9; border-radius: 20px; -webkit-transition: all ease .5s; transition: all ease .5s; margin: 0 5px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit; } .owl-theme .owl-nav button { width: 40px !important; height: 40px !important; background-color: #969696 !important; color: #fff !important; } .categorias-pro h6{ font-size: 14px; font-weight: 500; } @media(max-width: 991px){ .page-title-area{ padding-top: 12px; } } @media(max-width: 650px){ .banner-content p{ display: none; } .banner-content.style-three h1{ font-size: 20px !important; } .fh-section-title.version-light h2, .fh-section-title.version-light h6{ text-align: center; } .lftredbrdr{ border: 0; padding: 0; text-align: center; } } .fh-service-box.style-1.destaque{ background: #2cd697; } .cores_simuladores li { display: inline-block; position: relative; width: 20px; height: 20px; margin: 2px; cursor: pointer; border: 1px solid orange; } .cores_simuladores li.white{ background: #fff; } .cores_simuladores li.black{ background: #000; } .cores_simuladores li.red{ background: #ff0000; } .cores_simuladores li.blue{ background: #0000ff; } .cores_simuladores li.green{ background: #00ff00; } .cores_simuladores li.yellow{ background: #ffff00; } .cores_simuladores li.gray{ background: #a8a8a8; } .simulador-carrocerias{ position: relative; } .simulador-carrocerias .img_01, .simulador-carrocerias .img_02, .simulador-carrocerias .img_03, .simulador-carrocerias .img_04{ position: absolute; left: 0; top: 0; width: 100%; } .bk_header{ background-color: transparent; border-radius: 0px; padding: 0px; } .hero-slider-content h1{ font-size: 36px; color: #fff; } } @media(max-width: 800px){ .hero-slider-content h1{ font-size: 25px; } } @media(max-width: 700px){ .nivo-caption p{ display: none; } .hero-slider-content h1 { font-size: 25px; } } .nivo-caption{ height: 100%; display: flex !important; align-items: center; padding: 5px !important; } .nivo-caption .clv_btn2{ display: block; width: 200px; color: #fff; margin: auto; border: 1px solid #fff; padding: 0px 10px; border-radius: 50px; margin-top: 20px; } .nivo-caption .clv_btn2:hover{ border: 1px solid #3f9029; background-color: #3f9029; } .nivo-directionNav a{ position: absolute; top: 45%; z-index: 9; cursor: pointer; color: #fff !important; font-size: 34px; margin: 10px; } .b-verde{ } .b-verde header{ position: relative; background-color: transparent; } .special_services.bluebg.secpadd{ padding-top: 60px !important; padding-bottom: 60px !important; } .beforeAfter{ border-radius: 10px; overflow: hidden; } .vjm{ display: flex; align-items: center; font-size: 16px; font-weight: 700; margin-top: 15px; } .vjm i{ font-size: 14px; } .owl-carousel .owl-stage-outer{ z-index: 2; } .category-slide.owl-theme .owl-nav{ z-index: 1; } .owl-carousel { padding: 0 !important; } .diferenciais{ padding: 50px 0; background-color: #ececec; } .diferenciais h3,.diferenciais p{ color: #959595; } .diferenciais h3{ font-size: 20px !important; font-weight: 600; margin-bottom: 15px; color: #2cd697; } .icones_d{ width: 140px; display: block; margin-bottom: 20px; } .icones_d img{ width: 100%; border-radius: 15px; } .video-playlist { } .single-video-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; border-radius: 3px; } .single-video-wrap:hover { background: rgba(255, 255, 255, 0.1); } .single-video-wrap .thumb { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 10px; } .single-video-wrap .thumb img { border-radius: 3px; } .single-video-wrap .wrap-details h6 a{ color: #fff; font-size: 15px; font-weight: 400; } .single-video-wrap .wrap-details .meta { color: #fff; } .single-video-wrap .wrap-details .meta .date{ font-size: 14px; } .meta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; color: #767575; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dif{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; border-radius: 3px; flex-direction: column; flex-wrap: wrap; } .dif .icones_d{ -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 10px; } .orcamento_s{ position: relative; top: 0px; font-weight: 600; color: #2cd697; font-size: 16px; border-radius: 33px 33px 0px 33px; border: 1px solid #2cd697; padding: 7px 20px; cursor: pointer; display: block; width: 200px; } .orcamento_s:hover{ color: #fff; background-color: #2cd697; } @media(max-width: 1199px){ .navbar{ flex-direction: column; } .banner-content.style-three h1{ font-size: 25px; } } .owl-theme .owl-dots .owl-dot span{ width: 20px !important; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #2cd697 !important; } .topo-do-google.verde_claro .owl-theme .owl-dots .owl-dot.active span,.topo-do-google.verde_claro .owl-theme .owl-dots .owl-dot:hover span { background: #fff !important; } .icones_dif{ display: flex; } .icones_dif .icones_d{ -webkit-box-flex: 0; -ms-flex: none; flex: none; } .mb-60{ margin-bottom: 60px; } .mt-60{ margin-top: 60px; } .mb-50{ margin-bottom: 50px; } .mt-50{ margin-top: 50px; } .mb-40{ margin-bottom: 40px; } .mt-40{ margin-top: 40px; } .marcas { padding: 50px 0; position: relative; z-index: 1; overflow: hidden; background-position: center; background-attachment: fixed; margin-top: 0px; background: #f1f1f1; } .nivo-caption a{ display: block; border-radius: 100px; border: 1px solid #fff; color: #fff; padding: 5px 25px; } .home-slider-section { max-width: 1600px; margin: auto; } .nivo-caption{ background-color: transparent !important; } .centralizar_tit{ display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; } .action_chamada_cliente{ background: #ececec; text-align: center; padding: 80px 0; } .whats_geral{ background: #4CAF50; height: 40px; border-radius: 100px; color: #ffffff; border: 0px solid #ffffff; width: 260px; display: flex; align-items: center; justify-content: center; font-size: 16px; } .whats_geral:hover{ color: #ffffff; background: #2cd697; } .action_chamada_cliente h2{ color: #2cd697; margin-bottom: 20px; } .action_chamada_cliente h5{ color: #2cd697; margin-bottom: 20px; } .action_chamada_cliente .col-md-12{ display: flex; text-align: center; flex-direction: column; flex-wrap: wrap; align-items: center; } .category-produtos li{ list-style-type: none; } .category-produtos li a{ background-image: url(../../imagens/bk-categorias.jpg); min-height: 380px; padding: 20px; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; -webkit-transition: all ease .5s; transition: all ease .5s; } .category-produtos li:hover a{ background-image: url(../../imagens/bk-categoriasc.jpg); -webkit-transition: all ease .5s; transition: all ease .5s; } .category-produtos li a span.icone{ width: 70px; display: block; filter: brightness(0) invert(1); margin-bottom: 20px; margin-left: auto; margin-right: auto; } .category-produtos li a span.icone img{ width: 100%; } .category-produtos li a h4{ color: #fff; font-size: 25px; font-weight: 400; text-align: center; } .category-produtos li a p{ color: #fff; text-align: center; } .category-produtos .cvjmais{ padding: 5px 20px; color: #fff; border: 1px solid #fff; margin-top: 15px; border-radius: 40px; } .pisos{ padding: 10px 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .pisos li{ list-style-type: none; margin: 5px; width: 80px; } .pisos li a{ width: 100%; display: block; cursor: pointer; padding: 6px; border: 1px solid #a9abb9; border-radius: 5px; -webkit-transition: all ease .5s; transition: all ease .5s; position: relative; } .pisos li.active a span{ display: block !important; width: 116px; background: #15306e; z-index: 10; color: #fff; border-radius: 10px; padding: 5px; left: -20px; bottom: -66px; } .pisos li a span{ position: absolute; bottom: 0px; display: none !important; } .pisos li:hover a{ background: #ececec; -webkit-transition: all ease .5s; transition: all ease .5s; } .pisos li a img{ width: 100%; border-radius: 5px; } .pisos li a span{ margin-top: 10px; display: block; text-align: center; } .imagem_grande_simulador img{ border-radius: 20px; } .b-verde{ background-color: #1F4B3F; background-image: url(../../imagens/slider2_bg.png); background-position: top center; } .categorias_trabalhamos{ color: #FFFFFF; background-color: #FFFFFF0F; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; display: inline-block; padding: 6px 22px; background: rgba(255, 255, 255, 0.1); border-radius: 40px 40px 0px 40px; font-weight: 500; font-size: 0.9375rem; cursor: pointer; height: fit-content; display: block; position: relative; } .categorias_trabalhamos ul{ opacity: 0; visibility: hidden; position: absolute; top: 100px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; padding: 0; background: #fff; margin: 0; list-style: none; border-radius: 4px; border: 1px solid #E9E9E9; left: 0px; width: 290px; } .categorias_trabalhamos.hover ul{ z-index: 10; opacity: 1; visibility: visible; top: 40px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .categorias_trabalhamos ul li a{ display: flex; width: 100%; padding: 6px 10px; min-height: 35px; color: #1f4b3f !important; align-items: center; font-size: 14px; } .categorias_trabalhamos ul li:hover a{ background: #F0EFEC; } .categorias_trabalhamos ul li a span.icone{ width: 25px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 10px; } .logo_categorias{ display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; } .categorias_trabalhamos:hover{ color: #FFFFFF; background-color: #FFFFFF2B; } .busca_negocios{ border-top: 1px solid #FFFFFF0F; } .busca_negocios h4{ color: #FFFFFF; font-size: 40px; line-height: 1.3em; font-weight: 500; } .busca_negocios h4 strong{ font-weight: 700; } .busca_negocios h6{ color: #FFFFFF; font-size: 30px; line-height: 1.3em; font-weight: 400; } .busca_negocios h6 strong{ font-weight: 600; } .busca_negocios p{ margin: 10px 0px 30px 0px; color: #FFFFFF; width: 500px; max-width: 500px; } .busca_negocios .row{ display: flex; align-items: center; } #busca_avancada_home{ background: #fff; border-radius: 50px 50px 0px 50px; padding: 8px 15px; } #busca_avancada_home select, #busca_avancada_home input{ outline: none !important; border: 0 !important; width: 100%; font-size: 13px; color: #7a7a7a; } #busca_avancada_home button{ outline: none !important; border: 0 !important; color: #fff; background: #2cd697; border-radius: 20px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 18px; } .dif .icone{ width: 60px; } .dif .icone img{ width: 100%; } .dif h3{ font-size: 18px; color: #234e42; text-align: left; font-weight: 600; display: block; margin-top: 10px; } .dif p{ color: #234e42; text-align: center; } .verde_claro{ background-color: #2cd697; padding: 40px 0 40px 0; } #country-list { float: left; list-style: none; margin-top: -3px; padding: 0; position: absolute; padding: 0; background: #fff; margin: 0; list-style: none; border-radius: 4px; border: 1px solid #E9E9E9; left: 0px; width: 290px; height: 300px; overflow: auto; } #country-list li{ padding: 4px; cursor: pointer; display: block; } #country-list li:hover{ background-color: #ccc; } #relative{ position: relative; } .card-grid-2 { border-radius: 50px 50px 0px 50px; border: 1px solid #e0e6f7; overflow: hidden; height: 100%; position: relative; background: #f8faff; margin-bottom: 20px; padding: 25px; min-height: 500px; } .card-grid-2 .card-grid-2-image-left { padding: 10px; display: flex; position: relative; } .card-grid-2 .card-grid-2-image-left .image-box { min-width: 52px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .card-grid-2 .card-grid-2-image-left .image-box img{ border-radius: 20px 20px 0px 20px; width: 50px; max-width: initial; } .elementor img { height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none; } .elementor a { box-shadow: none; text-decoration: none; } .card-grid-2 a { text-decoration: none; color: #05264e; } .card-grid-2 .card-grid-2-image-left .right-info .name-job { line-height: 15px; font-size: 13px; color: #05264e; font-weight: bold; display: block; margin-bottom: 10px; } .card-grid-2 .card-grid-2-image-left .right-info .location-small { background: url(../../imagens/location.svg) no-repeat 0px 5px; display: inline-block; padding: 0px 0px 0px 17px; color: #a0abb8; } .card-grid-2 .card-block-info { display: inline-block; width: 100%; padding: 10px; } .card-grid-2 .card-block-info .flex-wrap{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .card-grid-2 .card-block-info .flex-wrap span{ margin: 5px 5px 5px 0px; font-size: 16px; } .card-grid-2 .card-block-info .flex-wrap span:hover{ background-color: #2cd697; } .card-grid-2 .card-block-info .flex-wrap a{ margin: 5px 5px 5px 0px; font-size: 16px; } .card-grid-2 .card-block-info .flex-wrap a:hover{ background-color: #2cd697; } .mb-1 { margin-bottom: 0.25rem !important; } .btn-grey-small { background-color: #eff3fc; padding: 7px 10px; border-radius: 5px; color: #4f5e64 !important; } .card-grid-2 .card-block-info .card-2-bottom { position: relative; } .card-grid-2 .btn-apply-now { color: #3c65f5; } .btn-apply-now { background-color: #2cd697; color: #ffffff !important; padding: 3px 10px; min-width: 95px; border-radius: 30px 30px 0px 30px; text-transform: capitalize; font-weight: 600; font-size: 13px; } .btn-apply-now:hover{ background-color: #000; color: #ffffff !important; } .jobbox-grid-item .owl-nav.disabled{ display: none; } .jobbox-grid-item .owl-carousel{ margin: 0px; padding: 0 !important; } .jobbox-grid-item .owl-carousel img{ border-radius: 10px; width: 100%; } .pd-10{ padding: 10px; } .topo-do-google{ padding: 80px 0 50px 0; } .topo-do-google .row{ display: flex; align-items: center; } .topo-do-google h3, .topo-do-google p{ color: #234e42; } .topo-do-google .orcamento_s { color: #234e42; border: 1px solid #234e42; } .topo-do-google .orcamento_s:hover{ color: #fff; border: 1px solid #fff; } .diferencial{ padding: 60px 0; } .diferencial h3{ max-width: 700px; margin: auto; text-align: center; } .diferencial .dif{ background-color: #fff; box-shadow: 0 0 10px -8px rgba(0,0,0,.5); transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; margin: 0 20px 0 0; padding: 25px; border-radius: 30px 30px 0px 30px; margin: 10px 0; min-height: 270px; } .diferencial .dif span{ display: flex; align-items: center; flex-direction: column; flex-wrap: nowrap; } .diferencial .dif .icone{ background-color: #2cd697; width: 60px; height: 60px; padding: 8px; border-radius: 20px 20px 0px 20px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 10px; margin-bottom: 30px; } .diferencial .dif .icone img{ filter: brightness(0) invert(1); } .diferencial .dif .title{ color: #234e42; font-size: 19px; font-weight: 500; text-align: center; } .diferencial .dif .txt{ margin-top: 20px; color: #234e42; } .h-40{ display: block; width: 100%; height: 40px; } .cidades{ padding: 70px 0; } .municipios_home{ height: 360px; width: 100%; overflow:hidden; display: block; border-radius: 30px 30px 0px 30px; background-color: #2cd697; } .municipios_home .bk{ position: absolute; width: 100%; height: 100%; z-index: 0; background-repeat: no-repeat; background-size: cover; border-radius: 30px 30px 0px 30px; -webkit-transition: all ease .5s; transition: all ease .5s; } .municipios_home:hover .bk{ -webkit-transition: all ease .5s; transition: all ease .5s; opacity: 0.6; } .municipios_home:before{ border-radius: 30px 30px 0px 30px; content: ''; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0 0 0 / 91%)); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .municipios_home a{ display: flex; height: 100%; width: 100%; z-index: 2; position: relative; padding: 20px; flex-direction: column; justify-content: flex-end; } .municipios_home h4{ font-weight: 500; color: #fff; } .municipios_home h6{ font-weight: 300; color: #fff; } .init-hidden{ opacity: 0; transition: opacity 1s linear; } .init-hidden-off{ opacity: 1; } .form-select:focus{ box-shadow: inherit; } #busca_avancada_home .form-select{ background-color: transparent !important; } .blog{ background-color: #2cd697; padding: 70px; border-radius: 20px; margin-top: -80px } footer .blog h2, footer .blog p{ color: #fff; } footer{ position: relative; z-index: 1; margin-top: 80px; } @media(max-width: 1199px){ .busca_negocios h4{ font-size: 30px; } .busca_negocios { padding: 70px 0; } } @media(max-width: 767px){ #busca_avancada_home { background: transparent; border-radius: 50px 50px 0px 50px; padding: 0; } #busca_avancada_home .form-select { background-color: #fff !important; margin-bottom: 15px; border-radius: 35px; height: 50px; } #busca_avancada_home select, #busca_avancada_home input{ background-color: #fff; margin-bottom: 15px; border-radius: 35px; height: 50px; } #busca_avancada_home button{ width: 100%; } .topo-do-google h3, .topo-do-google p{ text-align: center; } } #img_right_emp{ position: relative !important; padding-top: 170px; padding-bottom: 60px; } @media(max-width: 991px){ #img_right_emp{ padding-top: 60px; padding-bottom: 60px; } } #img_right_emp:before{ content: "" !important; position: absolute !important; width: 100% !important; right: 0px !important; display: block !important; height: 100% !important; z-index: 1 !important; background-image: url(../../imagens/portal-agency.webp) !important; background-size: auto 118%; background-repeat: no-repeat; background-position: right; left: inherit; background-color: transparent; } .categorias_trabalhamos .men{ display: flex; align-items: center; font-weight: 300; } #blog_page:hover h3{ color: #2cd697 !important; } .cosultoria-gratuita .orcamento_s { position: relative; top: 0px; font-weight: 600; color: #1F4B3F; font-size: 16px; border-radius: 33px 33px 0px 33px; border: 1px solid #1F4B3F; padding: 7px 20px; cursor: pointer; display: block; width: 200px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; } #mn-post{ margin-bottom: -60px; } #post-pg{ padding-top: 130px; } #mn-post { margin-bottom: -13px; } } .clientes{ padding-bottom: 50px; padding-top: 50px; background-color: #ececec; } #marcs_css img{ -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; filter: url(data:image/svg+xml;utf8,<svg xmlns="\'http://www.w3.org/2000/svg\'"><filter id="\'grayscale\'"><feColorMatrix type="\'matrix\'" values="\'0.3333" 0.3333="" 0="" 1="" 0\'=""></feColorMatrix></filter></svg>#grayscale); filter: gray; -webkit-filter: grayscale(100%); padding: 10px; border: 1px solid #1f4b3f; border-radius: 95px; margin: 20px 0; } #marcs_css:hover img{ filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; } .clientes .row{ display: flex; align-items: center; } #show-991{ display: none; } @media(max-width: 991px){ #show-991{ display: block !important; } .page-shape-wrap .page-title-content{ border: 0px solid #2cd697 !important; } } #busca_avancada_home.page{ margin-top: 30px; border: 1px solid #e0e6f7; background: #f8faff; margin-bottom: 40px; align-content: center; position: relative; z-index: 100; border-radius: 43px; } #busca_avancada_home.page select, #busca_avancada_home.page input { outline: none !important; border: 0 !important; width: 100%; font-size: 13px; height: 100%; color: #7a7a7a; } @media(max-width: 1199px){ #img_right_emp:before{ opacity: 0.5; } } .guiaagencydigital{ border: 1px solid #e0e6f7; background: #f8faff; align-content: center; position: relative; z-index: 100; } .guiaagencydigital .voltar{ display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; } .guiaagencydigital .voltar i{ font-size: 35px; } .guiaagencydigital .voltar a{ font-size: 20px; } .logo-agency{ width: 85px; display: block; float: right; } #empresa_page .card-grid-2-image-left { padding: 10px; display: flex; position: relative; align-items: center; } #empresa_page .card-grid-2-image-left .image-box { min-width: 52px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } #empresa_page .card-grid-2-image-left .image-box img { border-radius: 20px 20px 0px 20px; max-width: initial; } #empresa_page .right-info a { text-decoration: none; color: #05264e; } #empresa_page .card-grid-2-image-left .right-info .name-job { line-height: 15px; font-size: 18px; color: #05264e; font-weight: bold; display: block; margin-bottom: 10px; } .iframe_map{ width: 50%; justify-content: center; align-items: center; display: flex; position: absolute; bottom: -60px; left: auto; right: 0%; } .iframe_map p{ display: block; width: 100%; } .iframe_map iframe{ width: 100%; height: 500px; overflow: hidden; border-radius: 40px 0 0 40px; } .acao_formu{ overflow-x: hidden; overflow-y: auto; opacity: 0; visibility: hidden; z-index: 10000; position: fixed ; width: 100%; height: 100%; top: 0px; display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; } .acao_formu #hover_modal{ opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; top: 40px; } .acao_formu.hover #hover_modal{ top: 0px; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; } .acao_formu.hover{ display: flex !important; align-items: center !important; justify-content: center !important; animation-name: animatetop; animation-duration: 0.4s; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; } .acao_formu .span-f{ position: absolute; z-index: 0; background-color: #000000c7; height: 100%; width: 100%; } .acao_formu .fxt-inner-wrap{ position: relative; z-index: 2; } .acao_formu .fxt-inner-wrap { margin-top: 30px; margin-bottom: 30px; position: relative; z-index: 1; margin-left: 0vw; max-width: 800px; width: 100%; background-color: #ffffff; padding: 70px; border-radius: 20px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.09); } .acao_formu h2.fxt-page-title { margin-bottom: 5px; font-size: 20px; font-weight: 600; text-align: center; color: #14133b; } .acao_formu .form-group { margin-bottom: 10px; } .acao_formu .form-control { margin-bottom: 15px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e7e7e7; padding: 5px 15px 5px 30px; color: #111; } .acao_formu select, .acao_formu input, .acao_formu textarea { border-radius: 45px; } .acao_formu02{ overflow: hidden; outline: 0; overflow-x: hidden; overflow-y: auto; opacity: 0; visibility: hidden; z-index: 10000; position: fixed ; width: 100%; height: 100%; top: 0px; display: flex; align-items: flex-start; justify-content: center; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; } .acao_formu02 #hover_modal{ opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; top: 40px; } .acao_formu02.hover #hover_modal{ top: 0px; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; } .acao_formu02.hover{ display: flex !important; align-items: center !important; justify-content: center !important; animation-name: animatetop; animation-duration: 0.4s; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; } .acao_formu02 .span-f{ position: fixed; z-index: 0; background-color: #000000c7; height: 100%; width: 100%; } .acao_formu02 .fxt-inner-wrap{ position: relative; z-index: 2; } .acao_formu02 .fxt-inner-wrap { margin-top: 0px; margin-bottom: 0px; position: relative; z-index: 1; margin-left: 0vw; max-width: 800px; width: 100%; background-color: #ffffff; padding: 70px; border-radius: 20px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.09); } .acao_formu02 h2.fxt-page-title { margin-bottom: 5px; font-size: 20px; font-weight: 600; text-align: center; color: #14133b; } .acao_formu02 .form-group { margin-bottom: 10px; } .acao_formu02 .form-control { margin-bottom: 15px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e7e7e7; padding: 5px 15px 5px 30px; color: #111; } .acao_formu02 select, .acao_formu02 input, .acao_formu02 textarea { border-radius: 45px; } .close-form{ position: absolute; width: 40px; height: 40px; background-color: #f4f4f4; font-size: 21px; color: #000; display: flex; align-items: center; justify-content: center; border-radius: 40px; right: 6px; top: 6px; cursor: pointer; border: 1px solid #e7e7e7; } .about-opening { padding: 43px 40px; margin-bottom: 15px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e0e6f7; background: #f8faff; color: #111; border-radius: 30px; } .about-opening .opening-hours ul { display: inline-block; margin-top: 20px; width: 100%; list-style-type: none; padding-left: 0px; } .about-opening .opening-hours ul li { color: #6b6b6b; font-size: 13px; padding: 10px 0; border-bottom: 1px solid #a6a6a6; } .about-opening .opening-hours ul li span { float: right; } .ampliar{ position: relative; } .ampliar .bx-zoom-in{ padding: 5px; margin-bottom: 15px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e0e6f7; background: #f8faff; color: #111; border-radius: 30px; position: absolute; z-index: 2; font-size: 22px; left: 0; right: 0px; top: 0px; bottom: 0px; width: 40px; height: 40px; margin: auto; display: flex; align-items: center; justify-content: center; } .bkampliar{ display: block; position: absolute; z-index: 1; background-color: #000000ab; left: 0; top: 0; width: 100%; height: 100%; border-radius: 21px; } .hover_ampliar .bkampliar, .hover_ampliar .ampliar .bx-zoom-in{ opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .hover_ampliar:hover .bkampliar, .hover_ampliar:hover .ampliar .bx-zoom-in{ opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .div-block-2{ position: -webkit-sticky; position: sticky; top: 20px; } #servicos{ background: #f8faff; padding-top: 90px; padding-bottom: 90px; } #produtos{ background: #f7f7f7; padding-top: 90px; padding-bottom: 90px; } .estrelas{ display: flex; font-size: 33px; justify-content: center; margin-top: 13px; color: #fad600; } #feedbacks{ background-color: #fff; } .avaliacoes { border: 1px solid #e0e6f7; background: #f8faff; padding: 15px!important; margin: 0!important; display: block; position: relative; border-radius: 15px; } .avaliacoes .cent{ display: flex; justify-content: space-between; align-items: center; } .avaliacoes .cent .icone1{ width: 25px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 5px; } .avaliacoes .cent .icone2{ width: 25px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 5px; } .avaliacoes .cent .tit h3{ font-weight: 700; font-size: 14px; overflow: hidden; padding-right: 25px; white-space: nowrap; text-overflow: ellipsis; color: #365899; margin-bottom: 2px; } .avaliacoes .cent .tit h6{ color: #365899; opacity: .5; font-size: 11.2px!important; } .avaliacoes .star{ display: flex; font-size: 18px; justify-content: flex-start; margin-top: 13px; color: #fad600; } .avaliacao{ position: relative; top: 0px; font-weight: 600; color: #232323; font-size: 16px; border-radius: 0px; border: 1px solid #232323; padding: 6px 13px; max-width: 220px; border-radius: 50px; text-align: center; margin-top: 40px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .avaliacao:hover{ color: #fff; background-color: #232323; } .google img { width: 130px; margin: auto; display: block; } .chamada-formulario{ cursor: pointer; } @media(max-width: 991px){ .chama-principal{ text-align: center; } .topo-do-google.verde_claro .orcamento_s{ margin: auto auto 40px auto; } .clientes h2, .clientes p{ text-align: center; } #img_right_emp:before { opacity: 0.1; } #img_right_emp h1, #img_right_emp p{ text-align: center; } } .dados_busca .txt_dads::-webkit-scrollbar { width: 10px; } .dados_busca .txt_dads::-webkit-scrollbar-track { background: #f1f1f1; } .dados_busca .txt_dads::-webkit-scrollbar-thumb { background: #888; } .dados_busca .txt_dads::-webkit-scrollbar-thumb:hover { background: #555; } @media(max-width: 991px){ .cor_emp_cor_texto_fundo_01, .cor_emp_cor_texto_fundo_01 p, #fone_page{ text-align: center !important; } .bts .flex-wrap { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; } #fone_page{ margin-top: 40px; display: block; } .single-footer-widget .information-link{ padding-left: 0; margin-bottom: 0; list-style-type: none; display: flex; flex-direction: column; align-items: center; } .single-footer-widget .information-link li{ margin-bottom: 20px; } } #accordion .card{ border: 0px solid rgba(0,0,0,.125); list-style-type: none; padding: 0; background-color: transparent; text-align: center; color: #fff; } #accordion .card-header{ background-color: #234e42; cursor: pointer; border-radius: 50px; padding: 2px; } #accordion .btn-link { color: #fff; text-decoration: auto; } #accordion .btn-check:focus+.btn, #accordion .btn:focus{ box-shadow: inherit; } #accordion p{ color: #000; } #accordion .collapse.show, #accordion .collapse{ animation-name: animatetop; animation-duration: 0.4s;; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; } .qual-sua-duvida{ background-color: #2cd697; color: #ffffff !important; padding: 8px 10px; max-width: 189px; border-radius: 30px 30px 0px 30px; text-transform: capitalize; font-weight: 600; font-size: 13px; display: block; text-align: center; margin: auto; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; } .qual-sua-duvida:hover{ background-color: #234e42 !important; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; } #accordion .card-header:hover{ background-color: #2cd697 !important; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; } .planos_p{ border: 1px solid #e6e8f0; background-color: ghostwhite; border-radius: 1rem; flex: 1; padding: 0 0 2rem; box-shadow: 0 0 20px rgba(48,54,77,.1); margin-bottom: 30px; } .planos_p .plan01{ background-color: #fff; border-radius: 1rem 1rem 0 0; padding-top: 2rem; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; text-align: center; min-height: 290px; } .planos_p .pricing-title { border-radius: 50px; margin-bottom: 2rem; padding: 7px 25px; font-weight: 500; display: inline-block; } .planos_p .pricing-title.cor1{ color: #3f908a; background-color: #f3f8f8; } .planos_p .pricing-title.cor2{ background-color: #e6e8f0; color: #3c4679; } .planos_p .pricing-title.cor3{ background-color: #fef6ec; color: #ffb543; } .planos_p .pricing-number{ margin-right: 5px; font-size: 25px; font-weight: 700; display: inline; margin-bottom: 20px; } .planos_p .desc-plano{ margin-bottom: 30px; } .contratar { background-color: #2cd697; color: #ffffff !important; padding: 10px 10px; max-width: 220px; border-radius: 30px 30px 0px 30px; text-transform: capitalize; font-weight: 600; font-size: 13px; display: block; text-align: center; margin: auto; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; transition-duration: .4s; margin-bottom: 30px; } .contratar:hover{ background-color: #1f4b3f; } .plan02{ padding: 20px 20px 0px 20px; } .plan02 ul{ padding: 0; list-style: none; } .plan02 ul li { padding: 6px 0; font-size: 15px; } .plan02 ul li i{ color: #2cd697; } .modal-open { overflow: hidden; } @media(max-width: 600px){ .acao_formu02.hover { display: flex !important; align-items: flex-start !important; justify-content: center !important; } } .busca_munic{ background-color: #1F4B3F; background-image: url(../../imagens/slider2_bg.png); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 10; position: relative; z-index: 1; background-position: center; margin-top: 0px !important; position: fixed; width: 100%; height: 100%; z-index: 100000; top: 0; display: flex; align-items: center; } .bak_v{ background-color: #1F4B3F; background-image: url(../../imagens/slider2_bg.png); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 10; position: relative; z-index: 1; background-position: center; margin-top: 0px !important; position: absolute; width: 100%; height: 100%; display: block; top: 0px; z-index: 10000; } .busca_munic h6{ color: #fff; } .busca_munic .logo{ width: 100%; max-width: 240px; margin: 30px auto; } .busca_munic .pm{ text-align: center; color: #fff; } @media(max-width: 575px){ #marcas_r{ display: flex; } #marcs_css{ width: 50%; } } #selectLink{ margin-top: 10px; border: 1px solid #e0e6f7; background: #f8faff; margin-bottom: 40px; align-content: center; position: relative; z-index: 100; border-radius: 43px; } .clientes{ padding-bottom: 50px; padding-top: 50px; background-color: #ececec; }