@import url("https://fonts.googleapis.com/css2?family=Poppins&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Work+Sans&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Bungee&display=swap"); /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive =========================================== =============================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } *:focus { outline: 0 !important; } *button:focus { border: none; outline: none; box-shadow: none; } * { list-style-type: none; font-family: "Work Sans", sans-serif; font-size: 14px; } *:focus, *:active { outline: none !important; } *:hover { transition: 0.5s; } *::selection { color: #50e9ae; } *a, a:visited { color: #990000; text-decoration: none; } body { color: #888787; /* dark gray */ } .affix { top: 0; width: 100%; z-index: 9999 !important; } h1, h2, h3, h4, h5, h6 { font-family: "Work Sans", sans-serif; color: #000000; } .gap { padding-top: 100px; padding-bottom: 50px; } .gap2 { padding-top: 50px; } .section_heading { margin-top: 40px; margin-bottom: 40px; text-align: center; } .section_heading h3 { font-size: 35px; font-family: 'Overpass Mono', monospace; font-weight: 900; text-transform: uppercase; } .section_heading hr { width: 15%; background: #80d9d7; height: 1px; } .section_heading p { line-height: 30px; padding-top: 10px; } html { scroll-behavior: smooth; } .back-to-top { bottom: 25px; right: 25px; display: none; } .btn { outline: none !important; box-shadow: none !important; background: #80d9d7; border: none; z-index: 3; padding: 10px 15px; } .btn-primary { background: #80d9d7; padding: 10px 20px; border-radius: 3px; font-size: 20px; font-weight: 700; text-transform: uppercase; border: 1px solid !important; border-color: transparent !important; } .btn-primary:hover { background-color: #59cdcb !important; border: 1px solid !important; border-color: #80d9d7 !important; color: #fff; } .btn-primaryt { background: #80d9d7; padding: 10px 20px; border-radius: 3px; font-size: 20px; font-size: 16px; color: #fff; border: 1px solid !important; border-color: transparent !important; } @media screen and (max-width: 768px) { .btn-primaryt { padding: 8px 8px !important; font-size: 14px; } } .btn-primaryt:hover { background-color: #59cdcb !important; border: 1px solid !important; border-color: #80d9d7 !important; color: #fff; } .btn-appstore { background: #80d9d7; color: #fff !important; border-radius: 3px; font-size: 20px; font-weight: 700; border: 1px solid !important; border-color: transparent !important; justify-content: center !important; display: flex; height: 50px; align-items: center; } @media screen and (max-width: 992px) { .btn-appstore { width: 100px !important; } } .btn-appstore:hover { background-color: #6cd3d1 !important; border: 1px solid !important; border-color: #fff !important; color: #fff; } .btn-playstore { background: #80d9d7; margin-right: 20px; border-radius: 3px; font-size: 20px; font-weight: 700; border: 1px solid !important; border-color: transparent !important; justify-content: center !important; display: flex; color: #fff !important; height: 50px; align-items: center; } .btn-playstore:hover { background-color: #6cd3d1 !important; border: 1px solid !important; border-color: #fff !important; color: #fff; } .btn-contact { background: #80d9d7; padding: 10px 20px; border-radius: 3px; margin-left: 15px; font-size: 20px; letter-spacing: 2px; color: #fff; font-weight: 700; border: 1px solid !important; border-color: transparent !important; } .btn-contact:hover { background-color: #6cd3d1 !important; border: 1px solid !important; border-color: #fff !important; color: #fff; } .navigation { position: relative; } .navbar { padding: 10px 0; margin-top: 50px !important; background: transparent !important; } @media screen and (max-width: 768px) { .navbar { margin: 0 20px; } } .navbar .navbar-collapse { transition: all 0.35s ease-out; transform-origin: center left; } .navbar .navbar-nav { margin-left: auto; } @media screen and (max-width: 992px) { .navbar .navbar-nav { background: #00000078; } } .navbar .navbar-nav .nav-item { padding: 0 5px; text-align: center; } .navbar .navbar-nav .nav-link { color: #fff; font-weight: 500; } .navbar .navbar-nav .nav-link:hover { color: #80d9d7 !important; } .bg-light { background-color: transparent !important; } .navbar-light .navbar-brand { max-width: 150px; } .navbar-light .navbar-brand img { width: 100%; } .navbar-light .brand-shop { color: #000000 !important; } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: black; border: 3px solid; border-color: transparent black; border-color: transparent; border-bottom-color: black !important; padding-bottom: 5px; } .navbar-toggler span { display: block; background-color: #3c7cc5; height: 3px; width: 25px; margin-top: 5px; margin-bottom: 5px; position: relative; left: 0; opacity: 1; transition: all 0.35s ease-out; transform-origin: center left; } /* top line needs a little padding */ .navbar-toggler span:nth-child(1) { margin-top: 0.3em; } /** * Animate collapse into X. */ /* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */ .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(15%, -33%) rotate(45deg); } /* center line goes transparent */ .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } /* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button */ .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(15%, 33%) rotate(-45deg); } /** * Animate collapse open into hamburger menu */ /* top line moves back to initial position and rotates back to 0 degrees */ .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); } /* middle line goes back to regular color and opacity */ .navbar-toggler span:nth-child(2) { opacity: 1; } /* bottom line goes back to initial position and rotates back to 0 degrees */ .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } .banner { position: relative; height: 100vh; } .banner #bgvid { object-fit: cover; width: 100%; height: 100vh; position: absolute; top: 0; left: 0; } .banner:after { position: absolute; content: " "; height: 100vh; width: 100%; top: 0; left: 0; background: #5554064b !important; } .banner .banner_content { position: relative; z-index: 2; padding-top: 75px; } .banner .banner_content .banner_left { margin-top: 75px; } .banner .banner_content .banner_left .card { padding-top: 50px; border: transparent; background: transparent; } @media screen and (max-width: 492px) { .banner .banner_content .banner_left .card { padding-top: 30px; } } .banner .banner_content .banner_left .card .card-body .card-title { font-size: 55px; color: #fff; font-weight: 900; padding-bottom: 20px; font-family: 'Poppins', sans-serif; } @media screen and (max-width: 992px) { .banner .banner_content .banner_left .card .card-body .card-title { font-size: 40px; } } @media screen and (max-width: 492px) { .banner .banner_content .banner_left .card .card-body .card-title { font-size: 35px; } } .banner .banner_content .banner_left .card .card-body .card-text { line-height: 25px; padding-bottom: 20px; font-size: 15px; color: #fff; } @media screen and (max-width: 768px) { .product { margin: 0 10px; padding-bottom: 0; } } .product .product_content { padding-top: 50px; } .product .product_content .wrapper { box-shadow: 0px 15px 35px -5px rgba(50, 88, 130, 0.32); transition: transform 0.2s; } .product .product_content .wrapper .sub_wrapper { height: 350px; } .product .product_content .wrapper .product_img { max-width: 250px; } @media screen and (max-width: 768px) { .product .product_content .wrapper .product_img { max-width: 100%; } } .product .product_content .wrapper .product_img img { width: 100%; } .product .product_content .wrapper:hover { transform: scale(1.02); } .product .product_content .wrapper:hover .wrapper-body { transition: all 1s ease-in-out; } .product .product_content .wrapper:hover .wrapper-body a { visibility: visible; color: #000000; font-size: 18px; font-weight: 700; display: block; transition: all 1s ease-in-out; } .product .product_content .wrapper:hover .wrapper-body a:hover { color: #e9c939 !important; } .product .product_content .wrapper .wrapper-body a { visibility: hidden; font-size: 8px; font-weight: 700; color: #000000; } .product .product_content .wrapper .star { padding-left: 0; display: flex; justify-content: center; margin-top: -15px; margin-bottom: 10px; } .product .product_content .wrapper .star li { display: contents; } .product .product_content .wrapper .star li a { padding-right: 10px; } .product .product_content .wrapper .star li img { width: 20px; } .product .product_content .wrapper .price { text-align: center; font-size: 30px; font-weight: 700; color: #80d9d7; } .product .product_content .wrapper .price span { color: #6c6a74; font-size: 18px; text-decoration: line-through; } .product .product_content .wrapper a { text-decoration: none; } .product .product_content .wrapper h4 { font-weight: 700; text-align: center; font-size: 18px; padding-top: 10px; padding-bottom: 15px; } .product .product_content .wrapper h4:hover { color: #e9c939 !important; } @keyframes fadeInOut { 5%, 95% { opacity: 1; top: 50px; } 15%, 85% { opacity: 1; top: 30px; } } .product .product_content .owl-carousel { position: relative; } .product .product_content .owl-carousel .owl-nav { position: absolute; top: 114%; left: 28%; display: block; height: 17%; width: 42%; text-align: center; padding-top: 23px; } @media screen and (max-width: 768px) { .product .product_content .owl-carousel .owl-nav { top: 100%; } } .product .product_content .owl-carousel .owl-prev { color: #000000; } .product .product_content .owl-carousel .owl-prev:hover { color: #000000; padding-right: 10px !important; } .product .product_content .owl-carousel .owl-prev i { font-size: 27px; padding: 20px; } .product .product_content .owl-carousel .owl-next { color: #000000; } .product .product_content .owl-carousel .owl-next:hover { color: #000000; padding-left: 10px !important; } .product .product_content .owl-carousel .owl-next i { font-size: 27px; } .footer { padding-bottom: 0px !important; background: #15161d; color: #f8f8f8 !important; } @media screen and (max-width: 992px) { .footer { padding-top: 50; } } .footer .footer_content { padding-bottom: 40px; } .footer .footer_content .wrapper .footer_logo { max-width: 150px; margin: auto; padding-bottom: 20px; } @media screen and (max-width: 768px) { .footer .footer_content .wrapper .footer_logo { margin-left: 10px; } } .footer .footer_content .wrapper .footer_logo img { width: 100%; } .footer .footer_content .wrapper .footer_logo img:hover { opacity: 0.7; } .footer .footer_content .wrapper p { text-align: center; } @media screen and (max-width: 768px) { .footer .footer_content .wrapper p { text-align: left; margin-left: 10px; } } .footer .footer_content .wrapper .footer_icon { padding-top: 30px; text-align: center; display: flex; justify-content: center; } @media screen and (max-width: 768px) { .footer .footer_content .wrapper .footer_icon { justify-content: left; } } .footer .footer_content .wrapper .footer_icon a { display: block; color: #000000; margin-right: 15px; } .footer .footer_content .wrapper .footer_icon a span { height: 37px; width: 37px; color: #fff; font-size: 19px; padding-top: 9px; border-radius: 50%; } .footer .footer_content .wrapper .footer_icon a:nth-child(1) span { color: #37b4e6 !important; } .footer .footer_content .wrapper .footer_icon a:nth-child(1) span:hover { color: white !important; background: #37b4e6 !important; } .footer .footer_content .wrapper .footer_icon a:nth-child(2) span { color: #ff3434 !important; } .footer .footer_content .wrapper .footer_icon a:nth-child(2) span:hover { color: #fff !important; background-color: #ff3434 !important; } .footer .footer_content .wrapper .footer_icon a:nth-child(3) span { color: #803e12 !important; } .footer .footer_content .wrapper .footer_icon a:nth-child(3) span:hover { color: #fff !important; background-color: #803e12 !important; } .footer .footer_content .wrapper .footer_icon a:nth-child(4) span { color: #055597 !important; } .footer .footer_content .wrapper .footer_icon a:nth-child(4) span:hover { background-color: #055597 !important; color: #fff !important; } .footer .footer_content .wrapper .footer_icon a:nth-child(5) span { color: rgba(202, 40, 129, 0.801) !important; } .footer .footer_content .wrapper .footer_icon a:nth-child(5) span:hover { background-color: rgba(202, 40, 129, 0.801) !important; color: #fff !important; } .footer .footer_bottom { margin-top: 20px; border: 1px solid; border-color: transparent; border-top-color: #6c6a74; padding: 30px 0; text-align: center; } @media screen and (max-width: 768px) { .footer .footer_bottom { text-align: left; } } @media screen and (max-width: 768px) { .footer .footer_bottom span { margin-left: 20px; } } .footer .footer_bottom a { color: #000000; text-decoration: none; } .footer .footer_bottom a:hover { color: #5FED83; } @media screen and (max-width: 492px) { .about { margin: 0 20px; } } .about .about_content { padding-top: 40px; } .about .about_content .card { margin-bottom: 40px; border-color: transparent; box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -moz-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); background: #0000001c; padding: 20px; } .about .about_content .card:hover { background: #fff; } .about .about_content .card .card-img-top { max-width: 100px; margin: auto; padding-top: 15px; } .about .about_content .card .card-body { text-align: center; } .about .about_content .card .card-body .card-title { font-weight: 700; text-align: center; margin: 15px 0; } .about .about_content .card .card-body .card-text { padding-bottom: 20px; padding-top: 15px; } .about .about_content2_first .abt_img { max-width: 500px; margin-top: 10px; } @media screen and (max-width: 992px) { .about .about_content2_first .abt_img { max-width: 100%; margin-bottom: 50px; } } .about .about_content2_first .abt_img img { width: 100%; } .about .about_content2_first .about_content2_left { padding-left: 20px; } .about .about_content2_first .about_content2_left .section_heading { text-align: left; margin-top: 0; } @media screen and (max-width: 992px) { .about .about_content2_first .about_content2_left .section_heading { text-align: center; padding-top: 20px; } } .about .about_content2_first .about_content2_left .section_heading h3 { font-size: 25px; } .about .about_content2_first .about_content2_left .card { margin-bottom: 20px; border-color: transparent; padding: 0 !important; padding: 20px; } .about .about_content2_first .about_content2_left .card .card-body { padding: 0 !important; } .about .about_content2_first .about_content2_left .card .card-img-top { max-width: 75px; padding-top: 15px; } @media screen and (max-width: 992px) { .about .about_content2_first .about_content2_left .card .card-img-top { margin: auto; } } .about .about_content2_first .about_content2_left .card .card-body { text-align: left; } @media screen and (max-width: 992px) { .about .about_content2_first .about_content2_left .card .card-body { text-align: center; } } .about .about_content2_first .about_content2_left .card .card-body .card-title { padding-top: 20px; font-weight: 700; text-align: left; margin: 15px 0; } @media screen and (max-width: 992px) { .about .about_content2_first .about_content2_left .card .card-body .card-title { text-align: center; } } .about .about_content2_first .about_content2_left .card .card-body .card-text { padding-bottom: 20px; padding-top: 15px; } .about .about_content2_second .about_content2_left { padding-left: 20px; } .about .about_content2_second .about_content2_left .section_heading { text-align: left; margin-top: 0; } @media screen and (max-width: 992px) { .about .about_content2_second .about_content2_left .section_heading { text-align: center; padding-top: 20px; } } .about .about_content2_second .about_content2_left .section_heading h3 { font-size: 25px; } .about .about_content2_second .about_content2_left .card { margin-bottom: 20px; border-color: transparent; padding: 0 !important; padding: 20px; } .about .about_content2_second .about_content2_left .card .card-body { padding: 0 !important; } .about .about_content2_second .about_content2_left .card .card-img-top { max-width: 75px; padding-top: 15px; } @media screen and (max-width: 992px) { .about .about_content2_second .about_content2_left .card .card-img-top { margin: auto; } } .about .about_content2_second .about_content2_left .card .card-body { text-align: left; } @media screen and (max-width: 992px) { .about .about_content2_second .about_content2_left .card .card-body { text-align: center; } } .about .about_content2_second .about_content2_left .card .card-body .card-title { padding-top: 20px; font-weight: 700; text-align: left; margin: 15px 0; } @media screen and (max-width: 992px) { .about .about_content2_second .about_content2_left .card .card-body .card-title { text-align: center; } } .about .about_content2_second .about_content2_left .card .card-body .card-text { padding-bottom: 20px; padding-top: 15px; } .about .about_content2_second .abt_img2 { max-width: 500px; margin-top: 10px; } @media screen and (max-width: 992px) { .about .about_content2_second .abt_img2 { max-width: 100%; margin-bottom: 50px; } } .about .about_content2_second .abt_img2 img { width: 100%; } @media screen and (max-width: 768px) { .features { margin: 0 20px; padding-bottom: 0; padding-top: 0px; } } .features .feature_content { padding-top: 40px; } .features .feature_content .wrapper { display: flex; text-align: right; align-items: center; padding-right: 20px; margin-bottom: 15px; } .features .feature_content .wrapper .feature_details { padding-right: 20px; } @media screen and (max-width: 992px) { .features .feature_content .wrapper .feature_details { text-align: left; } } .features .feature_content .wrapper .feature_details h5 { font-weight: 700; padding-bottom: 15px; } .features .feature_content .wrapper .feature_details_img { max-width: 50px; margin-left: 10px; } .features .feature_content .wrapper .feature_details_img img { max-width: 100%; } .features .feature_content .feature_img { max-width: 400px; } @media screen and (max-width: 992px) { .features .feature_content .feature_img { margin: 50px 0; max-width: 100%; } } .features .feature_content .feature_img img { width: 100%; } .features .feature_content .wrapper_right { display: flex; text-align: left; align-items: center; padding-left: 20px; margin-bottom: 15px; } .features .feature_content .wrapper_right .feature_details { padding-left: 20px; } .features .feature_content .wrapper_right .feature_details h5 { font-weight: 700; padding-bottom: 15px; } .features .feature_content .wrapper_right .feature_details_img { max-width: 50px; margin-right: 10px; } .features .feature_content .wrapper_right .feature_details_img img { max-width: 100%; } @media screen and (max-width: 768px) { .deal { margin: 0 10px; padding-bottom: 0; } } .deal .deal_content .wrapper { padding: 50px 40px; border-radius: 5px; display: grid; grid-template-columns: 1fr 1fr; box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -moz-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); } @media screen and (max-width: 992px) { .deal .deal_content .wrapper { grid-template-columns: 1fr; } } .deal .deal_content .wrapper .deal_img { max-width: 400px; } @media screen and (max-width: 992px) { .deal .deal_content .wrapper .deal_img { max-width: 100%; padding-bottom: 40px; } } .deal .deal_content .wrapper .deal_img img { width: 100%; } .deal .deal_content .wrapper .deal_info .star { padding-left: 0; display: flex; } .deal .deal_content .wrapper .deal_info .star li { display: contents; } .deal .deal_content .wrapper .deal_info .star li a { padding-right: 10px; } .deal .deal_content .wrapper .deal_info .star li img { width: 20px; } .deal .deal_content .wrapper .deal_info h4 { font-weight: 700; padding-top: 15px; } .deal .deal_content .wrapper .deal_info p { padding-top: 10px; } .deal .deal_content .wrapper .deal_info .price { padding-top: 15px; font-size: 40px; font-weight: 700; color: #80d9d7; } .deal .deal_content .wrapper .deal_info .price span { color: #6c6a74; font-size: 22px; text-decoration: line-through; } .deal .deal_content .wrapper .deal_info #countdown { width: 100%; border-radius: 8px; margin-top: 40px; margin-left: -37px; margin-bottom: 135px; } @media screen and (max-width: 576px) { .deal .deal_content .wrapper .deal_info #countdown { margin-top: 30px; } } .deal .deal_content .wrapper .deal_info label { clear: both; display: block; } .deal .deal_content .wrapper .deal_info #countdown span { color: #000000; font-size: 45px; font-weight: 700; text-align: center; width: 25%; float: left; } .choose { margin-top: 75px; } @media screen and (max-width: 768px) { .choose { margin-top: 25px; padding-bottom: 0; } } /*.choose .choose_contents .video_cut { margin: 0 auto; text-align: center; position: relative; overflow: auto; min-width: 100px; top: 33px; height: 510px; }*/ @media screen and (max-width: 992px) { .choose .choose_contents .video_wrapper { margin-bottom: 50px; } } .choose .choose_contents .choose_right { padding-top: 30px; } .choose .choose_contents .choose_right .top_m { margin-top: -20px; background-color: #5FED83; } .choose .choose_contents .choose_right .bottom_m { margin-top: 20px; background-color: #5FED83; } .choose .choose_contents .choose_right .wrapper { border-radius: 5px; padding: 30px 0px; box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -moz-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); margin-bottom: 35px; } .choose .choose_contents .choose_right .wrapper .img_wrapper { max-width: 100px; margin: auto; } .choose .choose_contents .choose_right .wrapper .img_wrapper img { width: 100%; } .choose .choose_contents .choose_right .wrapper h5 { font-weight: 700; color: #000000; padding-top: 20px; text-align: center; } .choose .choose_contents .choose_right .wrapper .wht { color: #fff; } @media screen and (max-width: 768px) { .compare { padding-top: 50px; padding-bottom: 0; } } .compare .compare_contents table .table_img .img_wrapper { max-width: 150px; margin: auto; } @media screen and (max-width: 768px) { .compare .compare_contents table .table_img .img_wrapper { max-width: 100px; } } .compare .compare_contents table .table_img .img_wrapper img { width: 100%; } .compare .compare_contents table .ct { text-align: center; } .compare .compare_contents table tr th { font-size: 16px; } @media screen and (max-width: 768px) { .compare .compare_contents table tr th { font-size: 14px; } } .compare .compare_contents table tr .head { color: #000000; } .compare .compare_contents table tr td { color: #6c6a74; padding: 20px 45px; } @media screen and (max-width: 768px) { .compare .compare_contents table tr td { padding: 20px 35px; } } @media screen and (max-width: 768px) { .testiomnial { padding-top: 50px; padding-bottom: 0; margin-top: 0; } } .testiomnial .testimonial_contents { padding-top: 50px; } .testiomnial .testimonial_contents .card { border: 0; box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -moz-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); margin-bottom: 40px; } .testiomnial .testimonial_contents .card .card-body .card-img { max-width: 100px; margin: auto; margin-bottom: 30px; } .testiomnial .testimonial_contents .card .card-body .card-img img { width: 100%; border-radius: 50%; border: 8px solid; border-color: #80d9d7; } .testiomnial .testimonial_contents .card .card-body .card-text { padding-bottom: 20px; } .testiomnial .testimonial_contents .card .card-body .name { font-weight: 700; } .testiomnial .testimonial_contents .side_img1 { max-width: 50px; margin: auto; padding-bottom: 50px; padding-top: 30px; } .testiomnial .testimonial_contents .side_img1 img { width: 100%; border-radius: 50%; border: 8px solid; border-color: #fff; box-shadow: 2px 10px 17px 7px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 2px 10px 17px 7px rgba(137, 137, 137, 0.35); -moz-box-shadow: 2px 10px 17px 7px rgba(137, 137, 137, 0.35); } .testiomnial .testimonial_contents .side_img2 { max-width: 75px; padding-bottom: 50px; } .testiomnial .testimonial_contents .side_img2 img { width: 100%; border-radius: 50%; border: 8px solid; border-color: #fff; box-shadow: 2px 10px 17px 7px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 2px 10px 17px 7px rgba(137, 137, 137, 0.35); -moz-box-shadow: 2px 10px 17px 7px rgba(137, 137, 137, 0.35); } .testiomnial .testimonial_contents .side_img3 { max-width: 50px; margin: auto; padding-bottom: 50px; } .testiomnial .testimonial_contents .side_img3 img { width: 100%; border-radius: 50%; border: 8px solid; border-color: #fff; box-shadow: 2px 10px 17px 7px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 2px 10px 17px 7px rgba(137, 137, 137, 0.35); -moz-box-shadow: 2px 10px 17px 7px rgba(137, 137, 137, 0.35); } .testiomnial .testimonial_contents .owl-carousel { position: relative; } .testiomnial .testimonial_contents .owl-carousel .owl-nav { position: absolute; top: 100%; left: 28%; display: block; height: 17%; width: 42%; text-align: center; padding-top: 23px; } @media screen and (max-width: 992px) { .testiomnial .testimonial_contents .owl-carousel .owl-nav { top: 90%; } } .testiomnial .testimonial_contents .owl-carousel .owl-prev { color: #000000; } .testiomnial .testimonial_contents .owl-carousel .owl-prev:hover { color: #000000; padding-right: 10px !important; } .testiomnial .testimonial_contents .owl-carousel .owl-prev i { font-size: 27px; padding: 20px; } .testiomnial .testimonial_contents .owl-carousel .owl-next { color: #000000; } .testiomnial .testimonial_contents .owl-carousel .owl-next:hover { color: #000000; padding-left: 10px !important; } .testiomnial .testimonial_contents .owl-carousel .owl-next i { font-size: 27px; } @media screen and (max-width: 768px) { .sub { padding-top: 75px; padding-bottom: 0; } } .sub .subcribe_contents .subscribe { padding-top: 50px; padding-bottom: 50px; } .sub .subcribe_contents .subscribe .input-group { width: 70%; height: 70px; border-radius: 50px; margin-top: 70px; margin: auto; box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -moz-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); } @media screen and (max-width: 768px) { .sub .subcribe_contents .subscribe .input-group { width: 90%; } } @media screen and (max-width: 572px) { .sub .subcribe_contents .subscribe .input-group { width: 95%; height: 55px; } } .sub .subcribe_contents .subscribe .input-group .form-control { border-radius: 50px; height: 70px; padding: 0 50px; } @media screen and (max-width: 572px) { .sub .subcribe_contents .subscribe .input-group .form-control { height: 55px; } } .sub .subcribe_contents .subscribe .input-group .input-group-append { margin-left: -180px; z-index: 3; } @media screen and (max-width: 572px) { .sub .subcribe_contents .subscribe .input-group .input-group-append { margin-left: -50px; } } .sub .subcribe_contents .subscribe .input-group .input-group-text { border-radius: 50px; background-color: #80d9d7; padding: 0 47px; color: #fff; border: 1px solid; font-weight: 700; } .sub .subcribe_contents .subscribe .input-group .input-group-text:hover { background-color: #5cf7dd; } @media screen and (max-width: 572px) { .sub .subcribe_contents .subscribe .input-group .input-group-text { padding: 0 25px; } } @media screen and (max-width: 420px) { .sub .subcribe_contents .subscribe .input-group .input-group-text { padding: 0 15px; font-size: 14px; } } .sub .subcribe_contents .subscribe .form-control:focus { color: #495057; background-color: #fff; border-color: #5FED83; outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); } .sub .subcribe_contents p { text-align: center; } .sub .subcribe_contents .buttons { display: flex; justify-content: center; } .sub .subcribe_contents .app { max-width: 20px !important; margin-right: 10px; } .sub .subcribe_contents .app img { width: 100%; } .faq { /* background-image: url(./../img/banner/as.jpg);*/ background-size: cover; width: 100%; padding-bottom: 160px; background-repeat: no-repeat; background-position: center; position: relative; } @media screen and (max-width: 992px) { .faq { padding-top: 75px; padding-bottom: 75px; padding-left: 10px; padding-right: 10px; } } .faq .faq_contents { padding-top: 50px; opacity: 1 !important; } .faq .faq_contents .wrapper_img { max-width: 540px; padding-left: 20px; } @media screen and (max-width: 992px) { .faq .faq_contents .wrapper_img { max-width: 750px; padding-left: 0; padding-top: 50px; } } .faq .faq_contents .wrapper_img img { width: 100%; } .faq .panel-default > .panel-heading a { display: block; padding: 10px 15px; } .faq .panel-default > .panel-heading a:after { content: ""; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear; font-size: 20px; font-weight: 700; } .faq .panel-default > .panel-heading a[aria-expanded="true"]:after { content: "\2212"; transform: rotate(180deg); } .faq .panel-default > .panel-heading a[aria-expanded="false"]:after { content: "\002b"; transform: rotate(90deg); } .faq .panel-group .panel { background-color: #fff; margin-bottom: 30px; box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -moz-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); } .faq .panel-group .panel .panel-heading { border: 3px solid; border-color: transparent; border-left-color: #5FED83 !important; } .faq .panel-group .panel .panel-heading .panel-title a { font-size: 16px; font-weight: 700; text-decoration: none; color: Black; } @media screen and (max-width: 992px) { .faq .panel-group .panel .panel-heading .panel-title a { font-size: 14px; } } .faq .panel-group .panel .panel-collapse { border: 3px solid; border-color: transparent; border-left-color: #5FED83 !important; border-radius: 0; transition: all 0.5s ease-in-out; } .faq .panel-group .panel .panel-collapse .panel-body { padding: 10px 25px 30px 25px; line-height: 25px; } @media screen and (max-width: 492px) { .contact { margin: 0 20px; } } @media screen and (max-width: 768px) { .contact { padding-top: 75px; padding-bottom: 0; } } .contact .contact_contents { margin-bottom: 50px; } .contact .contact_contents .top { padding-top: 50px; } @media screen and (max-width: 492px) { .contact .contact_contents .top { padding-top: 0px; } } .contact .contact_contents .card { border: transparent; border-radius: 5px; padding: 30px 0px; box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -moz-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); margin-bottom: 35px; } .contact .contact_contents .card .card-body .card_img { max-width: 50px; margin: auto; padding-bottom: 25px; } .contact .contact_contents .card .card-body .card_img img { width: 100%; } .contact .contact_contents .card .card-body .card-text { line-height: 30px; } .contact .contact_contents .card .card-body .card-text a { text-decoration: none; color: #888787; line-height: 30px; } .contact .contact_contents .card .card-body .card-text a:hover { color: #e9c939; } .contact .contact_contents .bottom { padding-bottom: 50px; margin-top: 50px; } .contact .contact_contents .bottom form { margin-right: 20px; border-radius: 5px; padding: 40px 30px 30px 30px; box-shadow: 1px 1px 14px 11px rgba(137, 137, 137, 0.25); -webkit-box-shadow: 1px 1px 14px 11px rgba(137, 137, 137, 0.25); -moz-box-shadow: 1px 1px 14px 11px rgba(137, 137, 137, 0.25); } @media screen and (max-width: 768px) { .contact .contact_contents .bottom form { margin-right: 0; margin-bottom: 40px; } } .contact .contact_contents .bottom form #datepicker > span:hover { cursor: pointer; } .contact .contact_contents .bottom form .input-group-addon { position: absolute; right: 9px; top: 10px; } .contact .contact_contents .bottom form .form-group .form-control { display: block; width: 100%; height: calc(2.7em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #6c6a74 !important; background-color: #fff; background-clip: padding-box; border: 1px solid; border-color: #888787; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: none !important; } .contact .contact_contents .bottom form .form-group .dropdown-toggle { width: 100%; text-align: left; border-color: #70e000 !important; } .contact .contact_contents .bottom form .form-group .btn-secondary.focus { background-color: transparent !important; } .contact .contact_contents .bottom form .form-group .btn-secondary:hover { background-color: transparent !important; color: #000000; } .contact .contact_contents .bottom form .form-group .btn-secondary:active { background-color: transparent !important; color: #000000; } .contact .contact_contents .bottom form .form-group textarea { background-color: #fff; background-clip: padding-box; border: 1px solid; border-color: #888787; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; border-radius: .25rem; margin-bottom: 15px; padding: .575rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; } .contact .contact_contents .bottom .map { border-radius: 5px; border: 10px solid !important; border-color: #fff !important; position: relative; text-align: right; height: 417px; box-shadow: 1px 1px 14px 11px rgba(137, 137, 137, 0.25); -webkit-box-shadow: 1px 1px 14px 11px rgba(137, 137, 137, 0.25); -moz-box-shadow: 1px 1px 14px 11px rgba(137, 137, 137, 0.25); width: 100%; } .contact .contact_contents .bottom .map .mapouter { overflow: hidden; height: 100%; width: 100%; } /*# sourceMappingURL=custom_style.css.map */ //video .choose .choose_contents .video_wrapper .video-fluid { width: 100%; height: auto; border-radius: 5px; } @media screen and (max-width: 992px) { .choose .choose_contents .video_wrapper { margin-bottom: 50px; } } .choose .choose_contents .choose_right { padding-top: 30px; } .choose .choose_contents .choose_right .top_m { margin-top: -20px; background-color: #5FED83; } .choose .choose_contents .choose_right .bottom_m { margin-top: 20px; background-color: #5FED83; } .choose .choose_contents .choose_right .wrapper { border-radius: 5px; padding: 30px 0px; box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -webkit-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); -moz-box-shadow: 1px 17px 14px 6px rgba(137, 137, 137, 0.35); margin-bottom: 35px; } .choose .choose_contents .choose_right .wrapper .img_wrapper { max-width: 100px; margin: auto; } .choose .choose_contents .choose_right .wrapper .img_wrapper img { width: 100%; } .choose .choose_contents .choose_right .wrapper h5 { font-weight: 700; color: #000000; padding-top: 20px; text-align: center; } .choose .choose_contents .choose_right .wrapper .wht { color: #fff; } @media screen and (max-width: 768px) { .compare { padding-top: 50px; padding-bottom: 0; } }