Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/serbaantik.com/public_html/theme/gorden/ |
Upload File : |
html, body { max-width: 100%; overflow-x: hidden; } .u-section-1 { background-position: 51.13% 50%; } .u-section-1 .u-sheet-1 { min-height: 601px; } .u-section-1 .u-text-1 { text-shadow: 2px 2px 8px rgba(66, 84, 101, 0.4); --animation-custom_in-translate_x: 300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; font-size: 3.75rem; font-family: Poppins; font-weight: 500; margin: 60px 381px 0 0; } .u-section-1 .u-text-2 { font-family: Poppins; letter-spacing: 1px; line-height: 1.4; font-size: 1.25rem; text-transform: none; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4); --animation-custom_in-translate_x: 300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; font-weight: 300; margin: 31px 414px 60px 0; } @media (max-width: 1199px) { .u-section-1 .u-sheet-1 { min-height: 496px; } .u-section-1 .u-text-1 { font-size: 4.5rem; width: auto; margin-top: 72px; margin-right: 108px; } .u-section-1 .u-text-2 { margin-right: 214px; } } @media (max-width: 991px) { .u-section-1 .u-sheet-1 { min-height: 568px; } .u-section-1 .u-text-1 { font-size: 3.75rem; margin-top: 138px; margin-right: 0; } .u-section-1 .u-text-2 { width: auto; margin-right: 161px; } } @media (max-width: 767px) { .u-section-1 .u-sheet-1 { min-height: 519px; } .u-section-1 .u-text-1 { font-size: 3rem; margin-top: 60px; } .u-section-1 .u-text-2 { margin-right: 131px; } } @media (max-width: 575px) { .u-section-1 { background-position: 6.23% 50%; } .u-section-1 .u-sheet-1 { min-height: 327px; } .u-section-1 .u-text-1 { font-size: 2.25rem; } .u-section-1 .u-text-2 { margin-right: 0; } } .u-section-2 { background-image: none; } .u-section-2 .u-sheet-1 { /* min-height: 829px; */ } .u-section-2 .u-text-1 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; font-family: Poppins; font-size: 2.5rem; font-weight: 500; margin: 60px 93px 0; } .u-section-2 .u-text-2 { font-family: Poppins; font-weight: 300; font-size: 1rem; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; margin: 31px 0 0; } .u-section-2 .u-list-1 { margin-bottom: 60px; margin-top: 32px; } .u-section-2 .u-repeater-1 { grid-template-columns: repeat(3, 33.3333%); min-height: 506px; grid-gap: 0px; } .u-section-2 .u-list-item-1 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-2 .u-container-layout-1 { padding: 1px 30px; } .u-section-2 .u-image-1 { width: 45px; height: 45px; margin: 29px 275px 0 0; } .u-section-2 .u-text-3 { font-weight: 500; margin: -45px -1px 0 59px; } .u-section-2 .u-text-4 { font-family: Poppins; font-weight: 300; font-size: 1rem; margin: 29px 0 0 58px; } .u-section-2 .u-list-item-2 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-2 .u-container-layout-2 { padding: 1px 30px; } .u-section-2 .u-image-2 { width: 45px; height: 45px; margin: 29px 275px 0 0; } .u-section-2 .u-text-5 { font-weight: 500; margin: -45px -1px 0 59px; } .u-section-2 .u-text-6 { font-weight: 300; font-size: 1rem; margin: 29px 0 0 58px; } .u-section-2 .u-list-item-3 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-2 .u-container-layout-3 { padding: 1px 30px; } .u-section-2 .u-image-3 { width: 45px; height: 45px; margin: 29px 275px 0 0; } .u-section-2 .u-text-7 { font-weight: 500; margin: -45px -1px 0 59px; } .u-section-2 .u-text-8 { font-weight: 300; font-size: 1rem; margin: 29px 0 0 58px; } .u-section-2 .u-list-item-4 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-2 .u-container-layout-4 { padding: 1px 30px; } .u-section-2 .u-image-4 { width: 45px; height: 45px; margin: 29px 275px 0 0; } .u-section-2 .u-text-9 { font-weight: 500; margin: -45px -1px 0 59px; } .u-section-2 .u-text-10 { font-weight: 300; font-size: 1rem; margin: 29px 0 0 58px; } .u-section-2 .u-list-item-5 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-2 .u-container-layout-5 { padding: 1px 30px; } .u-section-2 .u-image-5 { width: 45px; height: 45px; margin: 29px 275px 0 0; } .u-section-2 .u-text-11 { font-weight: 500; margin: -45px -1px 0 59px; } .u-section-2 .u-text-12 { font-weight: 300; font-size: 1rem; margin: 29px 0 0 58px; } .u-section-2 .u-list-item-6 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-2 .u-container-layout-6 { padding: 1px 30px; } .u-section-2 .u-image-6 { width: 45px; height: 45px; margin: 29px 275px 0 0; } .u-section-2 .u-text-13 { font-weight: 500; margin: -45px -1px 0 59px; } .u-section-2 .u-text-14 { font-weight: 300; font-size: 1rem; margin: 29px 0 0 58px; } @media (max-width: 1199px) { .u-section-2 .u-text-1 { width: auto; margin-top: 52px; margin-left: 18px; margin-right: 18px; } .u-section-2 .u-repeater-1 { grid-template-columns: repeat(3, 33.333333333333336%); min-height: 398px; } .u-section-2 .u-container-layout-1 { padding: 0; } .u-section-2 .u-image-1 { margin-top: 30px; margin-right: 268px; } .u-section-2 .u-text-3 { width: auto; margin-right: -15px; margin-left: 72px; } .u-section-2 .u-text-4 { width: auto; margin: 16px 32px -1px 72px; } .u-section-2 .u-container-layout-2 { padding: 0; } .u-section-2 .u-image-2 { margin-top: 30px; margin-right: 268px; } .u-section-2 .u-text-5 { width: auto; margin-right: -15px; margin-left: 72px; } .u-section-2 .u-text-6 { width: auto; margin: 16px 32px -1px 72px; } .u-section-2 .u-container-layout-3 { padding: 0; } .u-section-2 .u-image-3 { margin-top: 30px; margin-right: 268px; } .u-section-2 .u-text-7 { width: auto; margin-right: -15px; margin-left: 72px; } .u-section-2 .u-text-8 { width: auto; margin: 16px 32px -1px 72px; } .u-section-2 .u-container-layout-4 { padding: 0; } .u-section-2 .u-image-4 { margin-top: 30px; margin-right: 268px; } .u-section-2 .u-text-9 { width: auto; margin-right: -15px; margin-left: 72px; } .u-section-2 .u-text-10 { width: auto; margin: 16px 32px -1px 72px; } .u-section-2 .u-container-layout-5 { padding: 0; } .u-section-2 .u-image-5 { margin-top: 30px; margin-right: 268px; } .u-section-2 .u-text-11 { width: auto; margin-right: -15px; margin-left: 72px; } .u-section-2 .u-text-12 { width: auto; margin: 16px 32px -1px 72px; } .u-section-2 .u-container-layout-6 { padding: 0; } .u-section-2 .u-image-6 { margin-top: 30px; margin-right: 268px; } .u-section-2 .u-text-13 { width: auto; margin-right: -15px; margin-left: 72px; } .u-section-2 .u-text-14 { width: auto; margin: 16px 32px -1px 72px; } } @media (max-width: 991px) { .u-section-2 .u-sheet-1 { /* min-height: 1077px; */ } .u-section-2 .u-text-1 { margin-top: 78px; margin-left: 0; margin-right: 0; } .u-section-2 .u-repeater-1 { grid-template-columns: repeat(2, 50%); min-height: 686px; } .u-section-2 .u-text-3 { margin-right: 0; margin-left: 60px; } .u-section-2 .u-text-4 { margin: 8px 0 0 60px; } .u-section-2 .u-text-5 { margin-right: 0; margin-left: 60px; } .u-section-2 .u-text-6 { margin: 8px 0 0 60px; } .u-section-2 .u-text-7 { margin-right: 0; margin-left: 60px; } .u-section-2 .u-text-8 { margin: 8px 0 0 60px; } .u-section-2 .u-text-9 { margin-right: 0; margin-left: 60px; } .u-section-2 .u-text-10 { margin: 8px 0 0 60px; } .u-section-2 .u-text-11 { margin-right: 0; margin-left: 60px; } .u-section-2 .u-text-12 { margin: 8px 0 0 60px; } .u-section-2 .u-text-13 { margin-right: 0; margin-left: 60px; } .u-section-2 .u-text-14 { margin: 8px 0 0 60px; } } @media (max-width: 767px) { .u-section-2 .u-sheet-1 { /* min-height: 1809px; */ } .u-section-2 .u-text-1 { font-size: 2.25rem; } .u-section-2 .u-list-1 { margin-bottom: 0; } .u-section-2 .u-repeater-1 { grid-template-columns: 100%; min-height: 1461px; } .u-section-2 .u-text-3 { margin-left: 71px; } .u-section-2 .u-text-4 { font-size: 1.25rem; margin-top: 30px; margin-left: 71px; } .u-section-2 .u-text-5 { margin-left: 71px; } .u-section-2 .u-text-6 { font-size: 1.25rem; margin-top: 30px; margin-left: 71px; } .u-section-2 .u-text-7 { margin-left: 71px; } .u-section-2 .u-text-8 { font-size: 1.25rem; margin-top: 30px; margin-left: 71px; } .u-section-2 .u-text-9 { margin-left: 71px; } .u-section-2 .u-text-10 { font-size: 1.25rem; margin-top: 30px; margin-left: 71px; } .u-section-2 .u-text-11 { margin-left: 71px; } .u-section-2 .u-text-12 { font-size: 1.25rem; margin-top: 30px; margin-left: 71px; } .u-section-2 .u-text-13 { margin-left: 71px; } .u-section-2 .u-text-14 { font-size: 1.25rem; margin-top: 30px; margin-left: 71px; } } @media (max-width: 575px) { .u-section-2 .u-sheet-1 { /* min-height: 2223px; */ } .u-section-2 .u-text-1 { font-size: 1.875rem; } .u-section-2 .u-list-1 { margin-bottom: 60px; } .u-section-2 .u-image-1 { margin-right: 285px; margin-left: 10px; } .u-section-2 .u-text-3 { margin-right: 10px; margin-left: 80px; } .u-section-2 .u-text-4 { margin-left: 80px; } .u-section-2 .u-image-2 { margin-right: 285px; margin-left: 10px; } .u-section-2 .u-text-5 { margin-right: 10px; margin-left: 80px; } .u-section-2 .u-text-6 { margin-left: 80px; } .u-section-2 .u-image-3 { margin-right: 285px; margin-left: 10px; } .u-section-2 .u-text-7 { margin-right: 10px; margin-left: 80px; } .u-section-2 .u-text-8 { margin-left: 80px; } .u-section-2 .u-image-4 { margin-right: 285px; margin-left: 10px; } .u-section-2 .u-text-9 { margin-right: 10px; margin-left: 80px; } .u-section-2 .u-text-10 { margin-left: 80px; } .u-section-2 .u-image-5 { margin-right: 285px; margin-left: 10px; } .u-section-2 .u-text-11 { margin-right: 10px; margin-left: 80px; } .u-section-2 .u-text-12 { margin-left: 80px; } .u-section-2 .u-image-6 { margin-right: 285px; margin-left: 10px; } .u-section-2 .u-text-13 { margin-right: 10px; margin-left: 80px; } .u-section-2 .u-text-14 { margin-left: 80px; } } .u-section-3 { background-position: 50% 50%; } .u-section-3 .u-sheet-1 { min-height: 477px; } .u-section-3 .u-text-1 { width: 760px; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; font-family: Poppins; font-weight: 500; font-size: 2.5rem; line-height: 1.4; margin: 134px auto 0; } .u-section-3 .u-layout-wrap-1 { width: 272px; margin: 40px auto 60px; } .u-section-3 .u-layout-cell-1 { min-height: 75px; --animation-custom_in-translate_x: -300px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; } .u-section-3 .u-container-layout-1 { padding: 10px; } .u-section-3 .u-btn-1 { letter-spacing: 2px; font-size: 1.5rem; background-image: none; border-style: solid; font-family: Poppins; text-transform: uppercase; font-weight: 500; margin: 0 auto; padding: 13px 42px 15px 40px; } @media (max-width: 1199px) { .u-section-3 { background-position: 50% 0%; } .u-section-3 .u-sheet-1 { min-height: 407px; } .u-section-3 .u-text-1 { width: auto; margin-left: 90px; margin-right: 90px; } } @media (max-width: 991px) { .u-section-3 .u-sheet-1 { min-height: 338px; } .u-section-3 .u-text-1 { margin-left: 0; margin-right: 0; } .u-section-3 .u-layout-cell-1 { min-height: 100px; } } @media (max-width: 767px) { .u-section-3 .u-sheet-1 { min-height: 417px; } } @media (max-width: 575px) { .u-section-3 .u-sheet-1 { min-height: 536px; } .u-section-3 .u-text-1 { font-size: 1.875rem; } .u-section-3 .u-layout-wrap-1 { margin-top: 39px; } } .u-section-4 { background-image: none; } .u-section-4 .u-sheet-1 { min-height: 506px; } .u-section-4 .u-text-1 { font-family: Poppins; font-size: 2.5rem; font-weight: 500; width: 600px; margin: 71px auto 0; } .u-section-4 .u-list-1 { margin-top: 31px; margin-bottom: 50px; } .u-section-4 .u-repeater-1 { grid-template-columns: repeat(5, 20%); grid-auto-columns: 20%; grid-gap: 0px; } .u-section-4 .u-list-item-1 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-4 .u-container-layout-1 { padding: 30px 10px; } .u-section-4 .u-image-1 { width: 140px; height: 140px; margin: 25px auto 0; } .u-section-4 .u-text-2 { font-family: Poppins; font-weight: 300; font-size: 1rem; margin: 25px 0 0; } .u-section-4 .u-list-item-2 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-4 .u-container-layout-2 { padding: 30px 10px; } .u-section-4 .u-image-2 { width: 140px; height: 140px; margin: 25px auto 0; } .u-section-4 .u-text-3 { font-weight: 300; font-family: Poppins; font-size: 1rem; margin: 25px 0 0; } .u-section-4 .u-list-item-3 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-4 .u-container-layout-3 { padding: 30px 10px; } .u-section-4 .u-image-3 { width: 140px; height: 140px; margin: 25px auto 0; } .u-section-4 .u-text-4 { font-weight: 300; font-family: Poppins; font-size: 1rem; margin: 25px 0 0; } .u-section-4 .u-list-item-4 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-4 .u-container-layout-4 { padding: 30px 10px; } .u-section-4 .u-image-4 { width: 140px; height: 140px; margin: 25px auto 0; } .u-section-4 .u-text-5 { font-weight: 300; font-family: Poppins; font-size: 1rem; margin: 25px 0 0; } .u-section-4 .u-list-item-5 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-4 .u-container-layout-5 { padding: 30px 10px; } .u-section-4 .u-image-5 { width: 140px; height: 140px; margin: 25px auto 0; } .u-section-4 .u-text-6 { font-weight: 300; font-family: Poppins; font-size: 1rem; margin: 25px 0 0; } .u-section-4 .u-gallery-nav-1 { position: absolute; left: 0; width: 40px; height: 40px; top: 108px; } .u-section-4 .u-gallery-nav-2 { position: absolute; width: 40px; height: 40px; left: auto; top: 108px; right: 0; } @media (max-width: 1199px) { .u-section-4 .u-text-1 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } } @media (max-width: 991px) { .u-section-4 .u-sheet-1 { min-height: 481px; } .u-section-4 .u-text-1 { margin-top: 60px; } .u-section-4 .u-list-1 { margin-bottom: 60px; margin-top: 35px; } .u-section-4 .u-repeater-1 { grid-template-columns: repeat(3, 33.3333%); grid-auto-columns: 33.333333333333336%; } .u-section-4 .u-container-layout-1 { padding-bottom: 0; } .u-section-4 .u-container-layout-2 { padding-bottom: 0; } .u-section-4 .u-container-layout-3 { padding-bottom: 0; } .u-section-4 .u-container-layout-4 { padding-bottom: 0; } .u-section-4 .u-container-layout-5 { padding-bottom: 0; } } @media (max-width: 767px) { .u-section-4 .u-sheet-1 { min-height: 497px; } .u-section-4 .u-text-1 { font-size: 2.25rem; } .u-section-4 .u-repeater-1 { grid-template-columns: repeat(2, 50%); grid-auto-columns: 50%; } .u-section-4 .u-text-2 { font-size: 1.25rem; } .u-section-4 .u-text-3 { font-size: 1.25rem; } .u-section-4 .u-text-4 { font-size: 1.25rem; } .u-section-4 .u-text-5 { font-size: 1.25rem; } .u-section-4 .u-text-6 { font-size: 1.25rem; } } @media (max-width: 575px) { .u-section-4 .u-sheet-1 { min-height: 437px; } .u-section-4 .u-text-1 { font-size: 1.875rem; width: auto; margin-left: 17px; margin-right: 17px; } .u-section-4 .u-list-1 { margin-bottom: 0; min-height: 309px; } .u-section-4 .u-repeater-1 { min-height: 232px; grid-auto-columns: 170px 170px; } .u-section-4 .u-container-layout-1 { padding-bottom: 22px; } .u-section-4 .u-image-1 { margin-top: 0; } .u-section-4 .u-text-2 { font-size: 1rem; width: auto; } .u-section-4 .u-container-layout-2 { padding-bottom: 22px; } .u-section-4 .u-image-2 { margin-top: 0; } .u-section-4 .u-text-3 { font-size: 1rem; width: auto; } .u-section-4 .u-container-layout-3 { padding-bottom: 22px; } .u-section-4 .u-image-3 { margin-top: 0; } .u-section-4 .u-text-4 { font-size: 1rem; width: auto; } .u-section-4 .u-container-layout-4 { padding-bottom: 22px; } .u-section-4 .u-image-4 { margin-top: 0; } .u-section-4 .u-text-5 { font-size: 1rem; width: auto; } .u-section-4 .u-container-layout-5 { padding-bottom: 22px; } .u-section-4 .u-image-5 { margin-top: 0; } .u-section-4 .u-text-6 { font-size: 1rem; width: auto; } } .u-section-5 { background-image: none; } .u-section-5 .u-sheet-1 { min-height: 686px; } .u-section-5 .u-text-1 { font-family: Poppins; font-size: 2.5rem; font-weight: 500; width: 649px; margin: 61px auto 0; } .u-section-5 .u-text-2 { font-family: Poppins; width: 721px; font-weight: 300; font-size: 1rem; margin: 51px auto 0; } .u-section-5 .u-list-1 { margin-top: 51px; margin-bottom: 50px; } .u-section-5 .u-repeater-1 { grid-auto-columns: calc(25% - 7.5px); grid-template-columns: repeat(4, calc(25% - 7.5px)); min-height: 327px; grid-gap: 10px; } .u-section-5 .u-container-layout-1 { padding: 0 10px; } .u-section-5 .u-image-1 { height: auto; margin: 0 auto; } .u-section-5 .u-text-3 { font-weight: 500; font-size: 1.125rem; margin: 21px 9px 0; } .u-section-5 .u-container-layout-2 { padding: 0 10px; } .u-section-5 .u-image-2 { height: auto; margin: 0 auto; } .u-section-5 .u-text-4 { font-weight: 500; font-size: 1.125rem; margin: 21px 9px 0; } .u-section-5 .u-container-layout-3 { padding: 0 10px; } .u-section-5 .u-image-3 { height: auto; margin: 0 auto; } .u-section-5 .u-text-5 { font-weight: 500; font-size: 1.125rem; margin: 21px 9px 0; } .u-section-5 .u-container-layout-4 { padding: 0 10px; } .u-section-5 .u-image-4 { height: auto; margin: 0 auto; } .u-section-5 .u-text-6 { font-weight: 500; font-size: 1.125rem; margin: 21px 9px 0; } @media (max-width: 1199px) { .u-section-5 .u-repeater-1 { min-height: 268px; } .u-section-5 .u-image-1 { height: NaNpx; margin-right: initial; margin-left: initial; } .u-section-5 .u-text-3 { margin-left: 0; margin-right: 0; } .u-section-5 .u-image-2 { height: NaNpx; margin-right: initial; margin-left: initial; } .u-section-5 .u-text-4 { margin-left: 0; margin-right: 0; } .u-section-5 .u-image-3 { height: NaNpx; margin-right: initial; margin-left: initial; } .u-section-5 .u-text-5 { margin-left: 0; margin-right: 0; } .u-section-5 .u-image-4 { height: NaNpx; margin-right: initial; margin-left: initial; } .u-section-5 .u-text-6 { margin-left: 0; margin-right: 0; } } @media (max-width: 991px) { .u-section-5 .u-text-2 { width: 720px; } .u-section-5 .u-repeater-1 { grid-auto-columns: calc(50% - 5px); grid-template-columns: repeat(2, calc(50% - 5px)); /* min-height: 846px; */ } } @media (max-width: 767px) { .u-section-5 .u-text-1 { font-size: 2.25rem; width: 540px; } .u-section-5 .u-text-2 { width: 540px; } .u-section-5 .u-repeater-1 { grid-auto-columns: calc(100% - 0px); grid-template-columns: 100%; } } @media (max-width: 575px) { .u-section-5 .u-text-1 { font-size: 1.875rem; width: 340px; } .u-section-5 .u-text-2 { width: 340px; } .u-section-5 .u-repeater-1 { grid-auto-columns: 100%; } } .u-section-6 { margin-top: 0; margin-bottom: 0; } .u-section-6 .u-sheet-1 { min-height: 764px; } .u-section-6 .u-slider-1 { width: 694px; min-height: 571px; height: auto; margin: 0 446px 0 0; } .u-section-6 .u-carousel-indicators-1 { position: absolute; top: auto; bottom: 22px; width: auto; height: auto; } .u-section-6 .u-image-1 { background-position: 50% 50%; } .u-section-6 .u-container-layout-1 { padding: 30px; } .u-section-6 .u-image-2 { background-position: 50% 50%; } .u-section-6 .u-container-layout-2 { padding: 30px; } .u-section-6 .u-image-3 { background-position: 50% 50%; } .u-section-6 .u-container-layout-3 { padding: 30px; } .u-section-6 .u-carousel-control-1 { width: 71px; height: 71px; left: 0; position: absolute; right: auto; } .u-section-6 .u-carousel-control-2 { width: 71px; height: 71px; } .u-section-6 .u-group-1 { width: 581px; min-height: 644px; background-image: none; height: auto; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.1); margin: -504px 0 60px auto; } .u-section-6 .u-container-layout-4 { padding: 30px 50px; } .u-section-6 .u-text-1 { font-family: Poppins; font-size: 2.5rem; font-weight: 500; margin: 0; } .u-section-6 .u-text-2 { line-height: 1.6; font-family: Poppins; font-weight: 300; font-size: 1rem; margin: 31px 0 0; } .u-section-6 .u-text-3 { font-family: Poppins; font-weight: 300; font-size: 1rem; margin: 30px 0; } .u-section-6 .u-btn-1 { background-image: none; border-style: solid; font-size: 1.5rem; font-family: Poppins; text-transform: uppercase; font-weight: 500; margin: 51px 179px 0 0; padding: 10px 43px 10px 41px; } .u-section-6 .u-btn-2 { font-family: Poppins; font-weight: 500; font-size: 1.5rem; margin: -54px 0 8px auto; padding: 0; } .u-section-6 .u-icon-1 { font-size: 1.2em; } @media (max-width: 1199px) { .u-section-6 .u-slider-1 { width: 618px; margin-right: 246px; } .u-section-6 .u-group-1 { width: 470px; height: auto; } .u-section-6 .u-container-layout-4 { padding-left: 30px; padding-right: 30px; } } @media (max-width: 991px) { .u-section-6 .u-sheet-1 { min-height: 808px; } .u-section-6 .u-slider-1 { margin-right: 26px; } } @media (max-width: 767px) { .u-section-6 .u-sheet-1 { min-height: 727px; } .u-section-6 .u-slider-1 { width: 470px; min-height: 501px; margin-right: 0; } .u-section-6 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-6 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-6 .u-container-layout-3 { padding-left: 10px; padding-right: 10px; } .u-section-6 .u-group-1 { min-height: 660px; } .u-section-6 .u-container-layout-4 { padding-top: 14px; padding-bottom: 14px; } .u-section-6 .u-text-1 { font-size: 1.875rem; margin-top: 16px; } .u-section-6 .u-btn-1 { margin-right: 178px; } .u-section-6 .u-btn-2 { margin-top: 16px; margin-right: auto; margin-left: 0; } } @media (max-width: 575px) { .u-section-6 .u-sheet-1 { min-height: 949px; } .u-section-6 .u-slider-1 { width: 329px; min-height: 444px; margin-top: 80px; margin-right: 11px; } .u-section-6 .u-group-1 { width: 314px; min-height: 859px; } .u-section-6 .u-container-layout-4 { padding-left: 0; padding-right: 0; } .u-section-6 .u-text-1 { margin-left: 30px; margin-right: 30px; } .u-section-6 .u-text-2 { margin-left: 30px; margin-right: 30px; } .u-section-6 .u-text-3 { margin-left: 30px; margin-right: 30px; margin-bottom: 0; } .u-section-6 .u-btn-1 { margin-left: 30px; margin-right: 30px; } .u-section-6 .u-btn-2 { margin-top: 15px; margin-left: 70px; } } .u-section-7 { background-image: none; min-height: 932px; } .u-section-7 .u-text-1 { font-family: Poppins; font-size: 2.5rem; font-weight: 500; width: 616px; margin: 70px auto 0; } .u-section-7 .u-image-1 { width: calc(((100% - 1140px) / 2) + 949px); height: 700px; margin: 50px 241px 0 0; } .u-section-7 .u-slider-1 { min-height: 553px; width: 952px; height: auto; margin: -616px calc(((100% - 1140px) / 2)) 60px auto; } .u-section-7 .u-carousel-indicators-1 { position: absolute; width: auto; height: auto; top: auto; bottom: 27px; } .u-section-7 .u-image-2 { /* background-image: url('images/Artboard2-80.jpg'); */ } .u-section-7 .u-container-layout-1 { padding: 40px 80px 45px; } .u-section-7 .u-image-3 { /* background-image: url('images/Artboard1-80.jpg'); */ } .u-section-7 .u-container-layout-2 { padding: 40px 80px 45px; } .u-section-7 .u-carousel-control-1 { width: 56px; height: 56px; left: 0; position: absolute; background-image: none; right: auto; } .u-section-7 .u-carousel-control-2 { width: 56px; height: 56px; left: auto; position: absolute; background-image: none; right: 0; } @media (max-width: 1199px) { .u-section-7 { min-height: 894px; } .u-section-7 .u-text-1 { margin-top: 60px; } .u-section-7 .u-image-1 { width: 779px; height: 660px; margin-right: 0; } .u-section-7 .u-slider-1 { width: 940px; margin-top: -606px; margin-right: calc(((100% - 940px) / 2) + 33px); margin-bottom: 114px; } } @media (max-width: 991px) { .u-section-7 { min-height: 770px; } .u-section-7 .u-image-1 { height: 523px; margin-right: initial; margin-left: initial; width: auto; } .u-section-7 .u-slider-1 { min-height: 445px; width: 720px; margin-top: -484px; margin-right: auto; margin-bottom: 60px; } .u-section-7 .u-container-layout-1 { padding: 30px 60px 30px 50px; } .u-section-7 .u-container-layout-2 { padding: 30px 60px 30px 50px; } .u-section-7 .u-carousel-control-1 { left: 9px; } .u-section-7 .u-carousel-control-2 { right: 0px; } } @media (max-width: 767px) { .u-section-7 { min-height: 550px; } .u-section-7 .u-text-1 { font-size: 2.25rem; width: 540px; } .u-section-7 .u-image-1 { height: 351px; width: auto; margin-right: initial; margin-left: initial; } .u-section-7 .u-slider-1 { min-height: 315px; width: 540px; margin-top: -377px; } .u-section-7 .u-container-layout-1 { padding-left: 10px; padding-right: 10px; } .u-section-7 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-section-7 { min-height: 524px; } .u-section-7 .u-text-1 { margin-top: 70px; font-size: 1.875rem; width: 340px; } .u-section-7 .u-image-1 { height: 288px; width: auto; margin-right: initial; margin-left: initial; } .u-section-7 .u-slider-1 { min-height: 209px; width: 340px; margin-top: -241px; } } .u-section-8 .u-sheet-1 { /* min-height: 850px; */ } .u-section-8 .u-text-1 { font-size: 2.5rem; font-family: Poppins; font-weight: 500; width: 678px; margin: 71px auto 0; } .u-section-8 .u-list-1 { margin-top: 25px; margin-bottom: 0; } .u-section-8 .u-repeater-1 { grid-auto-columns: 154.281px 154.281px 154.281px 154.281px 154.281px 154.281px 154.281px; grid-template-columns: repeat(7, calc(14.2857% - 8.57143px)); min-height: 190px; grid-gap: 10px; } .u-section-8 .u-container-layout-1 { padding: 10px; } .u-section-8 .u-image-1 { height: 97px; width: 84px; margin: 0 auto; } .u-section-8 .u-container-layout-2 { padding: 10px; } .u-section-8 .u-image-2 { height: 97px; width: 84px; margin: 0 auto; } .u-section-8 .u-container-layout-3 { padding: 10px; } .u-section-8 .u-image-3 { height: 97px; width: 84px; margin: 0 auto; } .u-section-8 .u-container-layout-4 { padding: 10px; } .u-section-8 .u-image-4 { height: 97px; width: 84px; margin: 0 auto; } .u-section-8 .u-container-layout-5 { padding: 10px; } .u-section-8 .u-image-5 { height: 97px; width: 84px; margin: 0 auto; } .u-section-8 .u-container-layout-6 { padding: 10px; } .u-section-8 .u-image-6 { height: 97px; width: 84px; margin: 0 auto; } .u-section-8 .u-container-layout-7 { padding: 10px; } .u-section-8 .u-image-7 { height: 97px; width: 84px; margin: 0 auto; } .u-section-8 .u-gallery-nav-1 { position: absolute; left: 10px; width: 40px; height: 40px; } .u-section-8 .u-gallery-nav-2 { position: absolute; right: 10px; width: 40px; height: 40px; } .u-section-8 .u-layout-wrap-1 { margin: 60px 0; margin-top: 0; } .u-section-8 .u-image-8 { min-height: 400px; } .u-section-8 .u-container-layout-8 { padding: 30px; } .u-section-8 .u-layout-cell-2 { min-height: 400px; } .u-section-8 .u-container-layout-9 { padding: 30px; } .u-section-8 .u-text-2 { margin-bottom: 0; margin-top: 0; font-family: Poppins; font-weight: 500; font-size: 2.5rem; } .u-section-8 .u-text-3 { font-weight: 300; line-height: 1.8; margin: 20px 0 0; } @media (max-width: 1199px) { .u-section-8 .u-sheet-1 { min-height: 780px; } .u-section-8 .u-repeater-1 { grid-auto-columns: calc(14.285714285714286% - 8.57143px); grid-template-columns: repeat(7, calc(14.285714285714286% - 8.57143px)); } .u-section-8 .u-layout-wrap-1 { position: relative; margin-right: initial; margin-left: initial; } .u-section-8 .u-image-8 { min-height: 330px; } .u-section-8 .u-layout-cell-2 { min-height: 330px; } } @media (max-width: 991px) { .u-section-8 .u-sheet-1 { min-height: 703px; } .u-section-8 .u-repeater-1 { grid-auto-columns: calc(25% - 7.5000012499999995px); grid-template-columns: repeat(4, calc(25% - 7.5000012499999995px)); } .u-section-8 .u-image-8 { min-height: 253px; } .u-section-8 .u-layout-cell-2 { min-height: 100px; } } @media (max-width: 767px) { .u-section-8 .u-sheet-1 { min-height: 758px; } .u-section-8 .u-text-1 { font-size: 2.25rem; width: auto; margin-left: 0; margin-right: 0; } .u-section-8 .u-list-1 { margin-top: 26px; margin-bottom: 59px; } .u-section-8 .u-repeater-1 { grid-auto-columns: calc(33.3333% - 6.66667px); grid-template-columns: repeat(3, calc(33.3333% - 6.66667px)); } .u-section-8 .u-image-8 { min-height: 380px; } .u-section-8 .u-container-layout-8 { padding-left: 10px; padding-right: 10px; } .u-section-8 .u-container-layout-9 { padding-left: 10px; padding-right: 10px; } .u-section-8 .u-text-2 { font-size: 1.875rem; } } @media (max-width: 575px) { .u-section-8 .u-sheet-1 { min-height: 476px; } .u-section-8 .u-text-1 { font-size: 1.5rem; } .u-section-8 .u-repeater-1 { grid-auto-columns: calc(50% - 5.0000025px); grid-template-columns: repeat(2, calc(50% - 5.0000025px)); } .u-section-8 .u-image-8 { min-height: 239px; } .u-section-8 .u-text-2 { font-size: 1.5rem; } } .u-section-9 .u-sheet-1 { min-height: 415px; } .u-section-9 .u-text-1 { font-family: Poppins; font-weight: 500; font-size: 2.5rem; width: 644px; margin: 0 auto; } .u-section-9 .u-table-1 { margin: 0px 0 0; margin-bottom: 50px; margin-top: 50px; } .u-section-9 .u-table-header-1 { background-image: none; font-family: Poppins; font-size: 1.125rem; font-weight: 500; } .u-section-9 .u-table-body-1 { font-family: Poppins; font-weight: 300; } .u-block-0b0a-73 { height: 47px; } .u-section-9 .u-btn-1 { background-image: none; border-style: solid; font-size: 1.5rem; font-family: Poppins; text-transform: uppercase; font-weight: 500; margin: 50px auto 0 280px; padding: 10px 43px 10px 41px; } .u-section-9 .u-btn-2 { background-image: none; border-style: solid; font-size: 1.5rem; font-family: Poppins; text-transform: uppercase; font-weight: 500; margin: -62px auto 60px 593px; padding: 10px 43px 10px 41px; } @media (max-width: 1199px) { .u-section-9 .u-text-1 { --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 0.3; } .u-section-9 .u-table-1 { margin-right: initial; margin-left: initial; } .u-section-9 .u-btn-1 { margin-left: 180px; } .u-section-9 .u-btn-2 { margin-top: -63px; margin-left: 493px; } } @media (max-width: 991px) { .u-section-9 .u-btn-1 { margin-left: 70px; } .u-section-9 .u-btn-2 { margin-left: 384px; } } @media (max-width: 767px) { .u-section-9 .u-sheet-1 { min-height: 529px; } .u-section-9 .u-text-1 { width: 540px; font-size: 2.25rem; } .u-section-9 .u-btn-1 { margin-left: auto; } .u-section-9 .u-btn-2 { margin-top: 17px; margin-left: auto; padding-right: 55px; padding-left: 54px; } } @media (max-width: 575px) { .u-section-9 .u-sheet-1 { min-height: 525px; } .u-section-9 .u-text-1 { width: 340px; font-size: 1.875rem; } .u-section-9 .u-btn-2 { margin-top: 19px; } } .u-section-10 { background-image: none; } .u-section-10 .u-sheet-1 { min-height: 730px; } .u-section-10 .u-image-1 { width: 520px; /* height: 698px; */ height: 600px; margin: 68px auto 0 0; } .u-section-10 .u-text-1 { font-size: 2.5rem; background-image: none; font-family: Poppins; text-transform: uppercase; font-weight: 500; margin: -605px 232px 0 570px; } .u-section-10 .u-accordion-1 { width: 570px; margin: 27px 0 60px auto; } .u-section-10 .u-accordion-link-1 { font-family: Poppins; font-weight: 500; font-size: 1rem; padding: 6px 30px; } .u-section-10 .u-icon-1 { height: 20px; width: 20px; color: rgb(153, 153, 153) !important; } .u-section-10 .u-accordion-pane-1 { min-height: 150px; } .u-section-10 .u-container-layout-1 { padding: 10px 30px; } .u-section-10 .u-accordion-link-2 { font-family: Poppins; font-weight: 500; font-size: 1rem; padding: 6px 30px; } .u-section-10 .u-icon-2 { height: 20px; width: 20px; color: rgb(153, 153, 153) !important; } .u-section-10 .u-accordion-pane-2 { min-height: 150px; } .u-section-10 .u-container-layout-2 { padding: 10px 30px; } .u-section-10 .u-accordion-link-3 { font-family: Poppins; font-weight: 500; font-size: 1rem; padding: 6px 30px; } .u-section-10 .u-icon-3 { height: 20px; width: 20px; color: rgb(153, 153, 153) !important; } .u-section-10 .u-accordion-pane-3 { min-height: 150px; } .u-section-10 .u-container-layout-3 { padding: 10px 30px; } .u-section-10 .u-accordion-link-4 { font-family: Poppins; font-weight: 500; font-size: 1rem; padding: 6px 30px; } .u-section-10 .u-icon-4 { height: 20px; width: 20px; color: rgb(153, 153, 153) !important; } .u-section-10 .u-accordion-pane-4 { min-height: 150px; } .u-section-10 .u-container-layout-4 { padding: 10px 30px; } .u-section-10 .u-accordion-link-5 { font-family: Poppins; font-weight: 500; font-size: 1rem; padding: 6px 30px; } .u-section-10 .u-icon-5 { height: 20px; width: 20px; color: rgb(153, 153, 153); } .u-section-10 .u-accordion-pane-5 { min-height: 150px; } .u-section-10 .u-container-layout-5 { padding: 20px; } .u-section-10 .u-accordion-link-6 { font-family: Poppins; font-weight: 500; font-size: 1rem; padding: 6px 30px; } .u-section-10 .u-icon-6 { height: 20px; width: 20px; color: rgb(153, 153, 153); } .u-section-10 .u-accordion-pane-6 { min-height: 150px; } .u-section-10 .u-container-layout-6 { padding: 20px; } .u-section-10 .u-accordion-link-7 { font-family: Poppins; font-weight: 500; font-size: 1rem; padding: 6px 30px; } .u-section-10 .u-icon-7 { height: 20px; width: 20px; color: rgb(153, 153, 153); } .u-section-10 .u-accordion-pane-7 { min-height: 150px; } .u-section-10 .u-container-layout-7 { padding: 20px; } .u-section-10 .u-accordion-link-8 { font-family: Poppins; font-weight: 500; font-size: 1rem; padding: 6px 30px; } .u-section-10 .u-icon-8 { height: 20px; width: 20px; color: rgb(153, 153, 153); } .u-section-10 .u-accordion-pane-8 { min-height: 150px; } .u-section-10 .u-container-layout-8 { padding: 20px; } .u-section-10 .u-accordion-link-9 { font-family: Poppins; font-weight: 500; font-size: 1rem; padding: 6px 30px; } .u-section-10 .u-icon-9 { height: 20px; width: 20px; color: rgb(153, 153, 153); } .u-section-10 .u-accordion-pane-9 { min-height: 150px; } .u-section-10 .u-container-layout-9 { padding: 20px; } @media (max-width: 1199px) { .u-section-10 .u-image-1 { width: 404px; margin-top: 60px; } .u-section-10 .u-text-1 { width: auto; margin-top: -698px; margin-right: 0; margin-left: 457px; } .u-section-10 .u-accordion-1 { width: 483px; } } @media (max-width: 991px) { .u-section-10 .u-sheet-1 { min-height: 1652px; } .u-section-10 .u-image-1 { height: 675px; margin-top: 71px; margin-right: initial; margin-left: initial; width: auto; } .u-section-10 .u-text-1 { margin-top: 42px; margin-right: auto; margin-left: 0; } .u-section-10 .u-accordion-1 { margin-right: initial; margin-left: initial; width: auto; } } @media (max-width: 767px) { .u-section-10 .u-sheet-1 { min-height: 1573px; } .u-section-10 .u-image-1 { margin-top: 0; width: auto; margin-right: initial; margin-left: initial; } .u-section-10 .u-text-1 { font-size: 3rem; margin-top: 20px; margin-right: 0; margin-left: 202px; } .u-section-10 .u-accordion-1 { margin-top: 44px; width: auto; margin-right: initial; margin-left: initial; } .u-section-10 .u-container-layout-5 { padding-left: 10px; padding-right: 10px; } .u-section-10 .u-container-layout-6 { padding-left: 10px; padding-right: 10px; } .u-section-10 .u-container-layout-7 { padding-left: 10px; padding-right: 10px; } .u-section-10 .u-container-layout-8 { padding-left: 10px; padding-right: 10px; } .u-section-10 .u-container-layout-9 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-section-10 .u-sheet-1 { min-height: 584px; } .u-section-10 .u-image-1 { height: 414px; width: auto; margin-right: initial; margin-left: initial; } .u-section-10 .u-text-1 { margin-left: 2px; } } /*--why us running text--*/ .whyus-container { overflow: hidden; white-space: nowrap; width: 100%; background-color: #f2f2f2; padding-top: 8px; padding-bottom: 8px; } .whyus-content { display: inline-block; white-space: nowrap; animation: whyus 200s linear infinite; } .whyus-item { display: inline-block; padding: 5px 30px; margin: 5px; background-color: #fff; color: #111; } .whyus-item h4 { font-weight: 500; margin-top: 5px; margin-bottom: 5px; } @keyframes whyus { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .whyus-container:hover .whyus-content { animation-play-state: paused; } /*--client running text--*/ .client-container { overflow: hidden; white-space: nowrap; width: 100%; background-color: #fff; padding-top: 8px; padding-bottom: 8px; } .client-content { display: inline-block; white-space: nowrap; animation: client 200s linear infinite; } .client-item { display: inline-block; padding: 5px 0px; margin: 5px; background-color: #fff; color: #111; } .client-item img { width: 200px; } @keyframes client { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .client-container:hover .client-content { animation-play-state: paused; } /*--gorden running text--*/ .gorden-container { position: relative; overflow: hidden; width: 100%; display: flex; align-items: center; margin-top: 50px; margin-bottom: 50px; } .gorden-content { display: flex; white-space: nowrap; /* animation: gorden 200s linear infinite; transition: transform 0.5s; */ } .gorden-item { display: inline-block; padding: 5px 0px; margin: 5px; color: #111; } .gorden-item img { width: 300px; } @keyframes gorden { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } /* .gorden-container:hover .gorden-content { animation-play-state: paused; } */ .arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 2rem; color: #333; background-color: rgba(255, 255, 255, 0.7); padding: 10px; cursor: pointer; z-index: 1; } .arrow.left { left: 0; } .arrow.right { right: 0; } /*experiment*/ .scroll-container { position: relative; overflow: hidden; width: 80%; max-width: 1000px; border: 2px solid #ccc; background-color: #fff; display: flex; align-items: center; } .scrolling-content { display: flex; white-space: nowrap; transition: transform 0.5s ease; } .scroll-item { flex: 0 0 auto; width: 200px; padding: 15px; margin: 5px; background-color: #2196f3; color: #fff; font-size: 20px; border-radius: 5px; text-align: center; } .arrow { background: none; border: none; font-size: 2rem; color: #333; cursor: pointer; z-index: 1; padding: 10px; position: absolute; } .arrow.left { left: 0; } .arrow.right { right: 0; } @media (max-width: 600px) { .scroll-item { width: 150px; font-size: 18px; padding: 10px; } } footer ul { list-style: none; padding-left: 0; } footer li { margin-bottom: 10px; } footer a { color: white !important; } footer a:hover { color: green !important; } #contactUsFooter { position: fixed; bottom: 80px; right: 0px; background: #ee7b06; color: white; width: 50px; text-align: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 1rem; z-index: 1000; } #howtoorderFooter { position: fixed; bottom: 220px; right: 0px; background: grey; color: white; width: 50px; text-align: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 1000; padding-top: 5px; padding-bottom: 2px; } #whatsappFooter { position: fixed; bottom: 160px; right: 0px; background: #00d300; color: white; width: 50px; text-align: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 1000; padding-top: 5px; padding-bottom: 2px; } #instagramFooter { position: fixed; bottom: 100px; right: 0px; background: #f30a58; color: white; width: 50px; text-align: center; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 1000; padding-top: 5px; padding-bottom: 2px; } .whyserbaantik-slide .inner-box h4 { margin: 0; padding-top: 10px; padding-bottom: 10px; text-align: center; } #carousel_18ce img { width: 100%; max-width: 100%; } #carousel_18ce .gordenNavButtons { width: 40px; height: 40px; position: absolute; top: 150px; } @media (max-width: 768px) { #carousel_726e { display: none; } } @media (min-width: 769px) { #carousel_726e-2 { display: none; } } #carousel_726e-2 .u-group-1 { width: 100%; min-height: 644px; background-image: none; height: auto; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.1); margin: 0px 0 60px auto; } #carousel_726e-2 .u-slider-1 { width: 100%; min-height: 300px; margin-top: 50px; margin-right: 0px; }