@charset "UTF-8"; /*-------------------------------------------------------------- ## All Color Variable ----------------------------------------------------------------*/ @import url("https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&family=Poppins:wght@300;400;500;600;700&display=swap"); :root { --web-wash: #fff; --primary: #1b1b1b; --secondary: #7d7e7c; --ternary: #d8d8d7; --gray: #f7f7f5; --border: #eaeaea; --accent: #aa8453; --primary-font: "Libre Caslon Display", serif; --secondary-font: "Poppins", sans-serif; } .cs_dark { --web-wash: #1b1b1b; --primary: #fff; --secondary: #d8d8d7; --gray: #181818; --border: #3c3c3c; } /*-------------------------------------------------------------- ## All Font Variable ----------------------------------------------------------------*/ /*-------------------------------------------------------------- >> TABLE OF CONTENTS: ---------------------------------------------------------------- 1. Typography 2. Preloader 3. Spacing 4. General 5. Slider 6. Video Modal 7. Header 8. Footer 9. Sidebar 10. Hero 11. Iconbox 12. About 13. Testimonial 14. Team 15. Card 16. Image Layer 17. Newsletter 18. Feature Box 19. Custom Slider 20. Posts 21. Dark Style --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1. Typography ----------------------------------------------------------------*/ body, html { color: var(--secondary); font-family: var(--secondary-font); font-size: 16px; line-height: 1.875em; font-weight: 400; overflow-x: clip; background-color: var(--web-wash); } h1, h2, h3, h4, h5, h6 { clear: both; color: var(--primary); padding: 0; margin: 0 0 20px 0; font-weight: 400; line-height: 1.2em; font-family: var(--primary-font); } .cs_primary_font { font-family: var(--primary-font); } .cs_secondary_font { font-family: var(--secondary-font); } h1 { font-size: 56px; } h2 { font-size: 42px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 18px; } h6 { font-size: 16px; } p { margin-bottom: 15px; } ul { margin: 0 0 25px 0; padding-left: 20px; list-style: square outside none; } ol { padding-left: 20px; margin-bottom: 25px; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 15px; font-style: italic; font-size: 20px; line-height: 1.6em; margin: 0; } address { margin: 0 0 15px; } img { border: 0; max-width: 100%; height: auto; } a { color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } button { color: inherit; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } a:hover { text-decoration: none; color: var(--accent); } table { width: 100%; margin-bottom: 25px; } table th { font-weight: 600; color: var(--secondary); } table td, table th { border-top: 1px solid var(--border); padding: 11px 10px; } dl { margin-bottom: 25px; } dl dt { font-weight: 600; } b, strong { font-weight: bold; } pre { color: var(--secondary); border: 1px solid var(--border); font-size: 18px; padding: 25px; border-radius: 5px; } kbd { font-size: 100%; background-color: var(--secondary); border-radius: 5px; } input, textarea { color: var(--primary); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } label { margin-bottom: 8px; } /*-------------------------------------------------------------- 2. Preloader ----------------------------------------------------------------*/ .cs_preloader { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 99999; top: 0; width: 100%; height: 100vh; font-size: 80px; background-color: var(--web-wash); } .cs_preloader_in { width: 130px; height: 130px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 30px; border-radius: 50%; } .cs_preloader_in:after, .cs_preloader_in:before { content: ""; border-width: 3px; border-style: solid; border-radius: 50%; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; margin-left: -65px; margin-top: -65px; } .cs_preloader_in:after { border-color: transparent; border-top-color: var(--accent); -webkit-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; z-index: 2; } .cs_preloader_in:before { border-color: var(--accent); opacity: 0.2; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*-------------------------------------------------------------- 3. Spacing ----------------------------------------------------------------*/ @media screen and (min-width: 992px) { .cs_height_1 { height: 1px; } .cs_height_2 { height: 2px; } .cs_height_3 { height: 3px; } .cs_height_4 { height: 4px; } .cs_height_5 { height: 5px; } .cs_height_6 { height: 6px; } .cs_height_7 { height: 7px; } .cs_height_8 { height: 8px; } .cs_height_9 { height: 9px; } .cs_height_10 { height: 10px; } .cs_height_11 { height: 11px; } .cs_height_12 { height: 12px; } .cs_height_13 { height: 13px; } .cs_height_14 { height: 14px; } .cs_height_15 { height: 15px; } .cs_height_16 { height: 16px; } .cs_height_17 { height: 17px; } .cs_height_18 { height: 18px; } .cs_height_19 { height: 19px; } .cs_height_20 { height: 20px; } .cs_height_21 { height: 21px; } .cs_height_22 { height: 22px; } .cs_height_23 { height: 23px; } .cs_height_24 { height: 24px; } .cs_height_25 { height: 25px; } .cs_height_26 { height: 26px; } .cs_height_27 { height: 27px; } .cs_height_28 { height: 28px; } .cs_height_29 { height: 29px; } .cs_height_30 { height: 30px; } .cs_height_31 { height: 31px; } .cs_height_32 { height: 32px; } .cs_height_33 { height: 33px; } .cs_height_34 { height: 34px; } .cs_height_35 { height: 35px; } .cs_height_36 { height: 36px; } .cs_height_37 { height: 37px; } .cs_height_38 { height: 38px; } .cs_height_39 { height: 39px; } .cs_height_40 { height: 40px; } .cs_height_41 { height: 41px; } .cs_height_42 { height: 42px; } .cs_height_43 { height: 43px; } .cs_height_44 { height: 44px; } .cs_height_45 { height: 45px; } .cs_height_46 { height: 46px; } .cs_height_47 { height: 47px; } .cs_height_48 { height: 48px; } .cs_height_49 { height: 49px; } .cs_height_50 { height: 50px; } .cs_height_51 { height: 51px; } .cs_height_52 { height: 52px; } .cs_height_53 { height: 53px; } .cs_height_54 { height: 54px; } .cs_height_55 { height: 55px; } .cs_height_56 { height: 56px; } .cs_height_57 { height: 57px; } .cs_height_58 { height: 58px; } .cs_height_59 { height: 59px; } .cs_height_60 { height: 60px; } .cs_height_61 { height: 61px; } .cs_height_62 { height: 62px; } .cs_height_63 { height: 63px; } .cs_height_64 { height: 64px; } .cs_height_65 { height: 65px; } .cs_height_66 { height: 66px; } .cs_height_67 { height: 67px; } .cs_height_68 { height: 68px; } .cs_height_69 { height: 69px; } .cs_height_70 { height: 70px; } .cs_height_71 { height: 71px; } .cs_height_72 { height: 72px; } .cs_height_73 { height: 73px; } .cs_height_74 { height: 74px; } .cs_height_75 { height: 75px; } .cs_height_76 { height: 76px; } .cs_height_77 { height: 77px; } .cs_height_78 { height: 78px; } .cs_height_79 { height: 79px; } .cs_height_80 { height: 80px; } .cs_height_81 { height: 81px; } .cs_height_82 { height: 82px; } .cs_height_83 { height: 83px; } .cs_height_84 { height: 84px; } .cs_height_85 { height: 85px; } .cs_height_86 { height: 86px; } .cs_height_87 { height: 87px; } .cs_height_88 { height: 88px; } .cs_height_89 { height: 89px; } .cs_height_90 { height: 90px; } .cs_height_91 { height: 91px; } .cs_height_92 { height: 92px; } .cs_height_93 { height: 93px; } .cs_height_94 { height: 94px; } .cs_height_95 { height: 95px; } .cs_height_96 { height: 96px; } .cs_height_97 { height: 97px; } .cs_height_98 { height: 98px; } .cs_height_99 { height: 99px; } .cs_height_100 { height: 100px; } .cs_height_101 { height: 101px; } .cs_height_102 { height: 102px; } .cs_height_103 { height: 103px; } .cs_height_104 { height: 104px; } .cs_height_105 { height: 105px; } .cs_height_106 { height: 106px; } .cs_height_107 { height: 107px; } .cs_height_108 { height: 108px; } .cs_height_109 { height: 109px; } .cs_height_110 { height: 110px; } .cs_height_111 { height: 111px; } .cs_height_112 { height: 112px; } .cs_height_113 { height: 113px; } .cs_height_114 { height: 114px; } .cs_height_115 { height: 115px; } .cs_height_116 { height: 116px; } .cs_height_117 { height: 117px; } .cs_height_118 { height: 118px; } .cs_height_119 { height: 119px; } .cs_height_120 { height: 120px; } .cs_height_121 { height: 121px; } .cs_height_122 { height: 122px; } .cs_height_123 { height: 123px; } .cs_height_124 { height: 124px; } .cs_height_125 { height: 125px; } .cs_height_126 { height: 126px; } .cs_height_127 { height: 127px; } .cs_height_128 { height: 128px; } .cs_height_129 { height: 129px; } .cs_height_130 { height: 130px; } .cs_height_131 { height: 131px; } .cs_height_132 { height: 132px; } .cs_height_133 { height: 133px; } .cs_height_134 { height: 134px; } .cs_height_135 { height: 135px; } .cs_height_136 { height: 136px; } .cs_height_137 { height: 137px; } .cs_height_138 { height: 138px; } .cs_height_139 { height: 139px; } .cs_height_140 { height: 140px; } .cs_height_141 { height: 141px; } .cs_height_142 { height: 142px; } .cs_height_143 { height: 143px; } .cs_height_144 { height: 144px; } .cs_height_145 { height: 145px; } .cs_height_146 { height: 146px; } .cs_height_147 { height: 147px; } .cs_height_148 { height: 148px; } .cs_height_149 { height: 149px; } .cs_height_150 { height: 150px; } .cs_height_151 { height: 151px; } .cs_height_152 { height: 152px; } .cs_height_153 { height: 153px; } .cs_height_154 { height: 154px; } .cs_height_155 { height: 155px; } .cs_height_156 { height: 156px; } .cs_height_157 { height: 157px; } .cs_height_158 { height: 158px; } .cs_height_159 { height: 159px; } .cs_height_160 { height: 160px; } .cs_height_165 { height: 165px; } .cs_height_170 { height: 170px; } .cs_height_175 { height: 175px; } .cs_height_180 { height: 180px; } .cs_height_185 { height: 185px; } .cs_height_190 { height: 190px; } .cs_height_195 { height: 195px; } .cs_height_200 { height: 200px; } .cs_height_205 { height: 205px; } .cs_height_210 { height: 210px; } .cs_height_215 { height: 215px; } .cs_height_220 { height: 220px; } .cs_height_225 { height: 225px; } .cs_height_230 { height: 230px; } .cs_height_235 { height: 235px; } .cs_height_240 { height: 240px; } .cs_height_245 { height: 245px; } .cs_height_250 { height: 250px; } } @media screen and (max-width: 991px) { .cs_height_lg_1 { height: 1px; } .cs_height_lg_2 { height: 2px; } .cs_height_lg_3 { height: 3px; } .cs_height_lg_4 { height: 4px; } .cs_height_lg_5 { height: 5px; } .cs_height_lg_6 { height: 6px; } .cs_height_lg_7 { height: 7px; } .cs_height_lg_8 { height: 8px; } .cs_height_lg_9 { height: 9px; } .cs_height_lg_10 { height: 10px; } .cs_height_lg_11 { height: 11px; } .cs_height_lg_12 { height: 12px; } .cs_height_lg_13 { height: 13px; } .cs_height_lg_14 { height: 14px; } .cs_height_lg_15 { height: 15px; } .cs_height_lg_16 { height: 16px; } .cs_height_lg_17 { height: 17px; } .cs_height_lg_18 { height: 18px; } .cs_height_lg_19 { height: 19px; } .cs_height_lg_20 { height: 20px; } .cs_height_lg_21 { height: 21px; } .cs_height_lg_22 { height: 22px; } .cs_height_lg_23 { height: 23px; } .cs_height_lg_24 { height: 24px; } .cs_height_lg_25 { height: 25px; } .cs_height_lg_26 { height: 26px; } .cs_height_lg_27 { height: 27px; } .cs_height_lg_28 { height: 28px; } .cs_height_lg_29 { height: 29px; } .cs_height_lg_30 { height: 30px; } .cs_height_lg_31 { height: 31px; } .cs_height_lg_32 { height: 32px; } .cs_height_lg_33 { height: 33px; } .cs_height_lg_34 { height: 34px; } .cs_height_lg_35 { height: 35px; } .cs_height_lg_36 { height: 36px; } .cs_height_lg_37 { height: 37px; } .cs_height_lg_38 { height: 38px; } .cs_height_lg_39 { height: 39px; } .cs_height_lg_40 { height: 40px; } .cs_height_lg_41 { height: 41px; } .cs_height_lg_42 { height: 42px; } .cs_height_lg_43 { height: 43px; } .cs_height_lg_44 { height: 44px; } .cs_height_lg_45 { height: 45px; } .cs_height_lg_46 { height: 46px; } .cs_height_lg_47 { height: 47px; } .cs_height_lg_48 { height: 48px; } .cs_height_lg_49 { height: 49px; } .cs_height_lg_50 { height: 50px; } .cs_height_lg_51 { height: 51px; } .cs_height_lg_52 { height: 52px; } .cs_height_lg_53 { height: 53px; } .cs_height_lg_54 { height: 54px; } .cs_height_lg_55 { height: 55px; } .cs_height_lg_56 { height: 56px; } .cs_height_lg_57 { height: 57px; } .cs_height_lg_58 { height: 58px; } .cs_height_lg_59 { height: 59px; } .cs_height_lg_60 { height: 60px; } .cs_height_lg_61 { height: 61px; } .cs_height_lg_62 { height: 62px; } .cs_height_lg_63 { height: 63px; } .cs_height_lg_64 { height: 64px; } .cs_height_lg_65 { height: 65px; } .cs_height_lg_66 { height: 66px; } .cs_height_lg_67 { height: 67px; } .cs_height_lg_68 { height: 68px; } .cs_height_lg_69 { height: 69px; } .cs_height_lg_70 { height: 70px; } .cs_height_lg_71 { height: 71px; } .cs_height_lg_72 { height: 72px; } .cs_height_lg_73 { height: 73px; } .cs_height_lg_74 { height: 74px; } .cs_height_lg_75 { height: 75px; } .cs_height_lg_76 { height: 76px; } .cs_height_lg_77 { height: 77px; } .cs_height_lg_78 { height: 78px; } .cs_height_lg_79 { height: 79px; } .cs_height_lg_80 { height: 80px; } .cs_height_lg_81 { height: 81px; } .cs_height_lg_82 { height: 82px; } .cs_height_lg_83 { height: 83px; } .cs_height_lg_84 { height: 84px; } .cs_height_lg_85 { height: 85px; } .cs_height_lg_86 { height: 86px; } .cs_height_lg_87 { height: 87px; } .cs_height_lg_88 { height: 88px; } .cs_height_lg_89 { height: 89px; } .cs_height_lg_90 { height: 90px; } .cs_height_lg_91 { height: 91px; } .cs_height_lg_92 { height: 92px; } .cs_height_lg_93 { height: 93px; } .cs_height_lg_94 { height: 94px; } .cs_height_lg_95 { height: 95px; } .cs_height_lg_96 { height: 96px; } .cs_height_lg_97 { height: 97px; } .cs_height_lg_98 { height: 98px; } .cs_height_lg_99 { height: 99px; } .cs_height_lg_100 { height: 100px; } .cs_height_lg_101 { height: 101px; } .cs_height_lg_102 { height: 102px; } .cs_height_lg_103 { height: 103px; } .cs_height_lg_104 { height: 104px; } .cs_height_lg_105 { height: 105px; } .cs_height_lg_106 { height: 106px; } .cs_height_lg_107 { height: 107px; } .cs_height_lg_108 { height: 108px; } .cs_height_lg_109 { height: 109px; } .cs_height_lg_110 { height: 110px; } .cs_height_lg_111 { height: 111px; } .cs_height_lg_112 { height: 112px; } .cs_height_lg_113 { height: 113px; } .cs_height_lg_114 { height: 114px; } .cs_height_lg_115 { height: 115px; } .cs_height_lg_116 { height: 116px; } .cs_height_lg_117 { height: 117px; } .cs_height_lg_118 { height: 118px; } .cs_height_lg_119 { height: 119px; } .cs_height_lg_120 { height: 120px; } .cs_height_lg_121 { height: 121px; } .cs_height_lg_122 { height: 122px; } .cs_height_lg_123 { height: 123px; } .cs_height_lg_124 { height: 124px; } .cs_height_lg_125 { height: 125px; } .cs_height_lg_126 { height: 126px; } .cs_height_lg_127 { height: 127px; } .cs_height_lg_128 { height: 128px; } .cs_height_lg_129 { height: 129px; } .cs_height_lg_130 { height: 130px; } .cs_height_lg_131 { height: 131px; } .cs_height_lg_132 { height: 132px; } .cs_height_lg_133 { height: 133px; } .cs_height_lg_134 { height: 134px; } .cs_height_lg_135 { height: 135px; } .cs_height_lg_136 { height: 136px; } .cs_height_lg_137 { height: 137px; } .cs_height_lg_138 { height: 138px; } .cs_height_lg_139 { height: 139px; } .cs_height_lg_140 { height: 140px; } .cs_height_lg_141 { height: 141px; } .cs_height_lg_142 { height: 142px; } .cs_height_lg_143 { height: 143px; } .cs_height_lg_144 { height: 144px; } .cs_height_lg_145 { height: 145px; } .cs_height_lg_146 { height: 146px; } .cs_height_lg_147 { height: 147px; } .cs_height_lg_148 { height: 148px; } .cs_height_lg_149 { height: 149px; } .cs_height_lg_150 { height: 150px; } .cs_height_lg_151 { height: 151px; } .cs_height_lg_152 { height: 152px; } .cs_height_lg_153 { height: 153px; } .cs_height_lg_154 { height: 154px; } .cs_height_lg_155 { height: 155px; } .cs_height_lg_156 { height: 156px; } .cs_height_lg_157 { height: 157px; } .cs_height_lg_158 { height: 158px; } .cs_height_lg_159 { height: 159px; } .cs_height_lg_160 { height: 160px; } } /*-------------------------------------------------------------- 4. General ----------------------------------------------------------------*/ .cs_mb_1 { margin-bottom: 1px; } .cs_mb_2 { margin-bottom: 2px; } .cs_mb_3 { margin-bottom: 3px; } .cs_mb_4 { margin-bottom: 4px; } .cs_mb_5 { margin-bottom: 5px; } .cs_mb_6 { margin-bottom: 6px; } .cs_mb_7 { margin-bottom: 7px; } .cs_mb_8 { margin-bottom: 8px; } .cs_mb_9 { margin-bottom: 9px; } .cs_mb_10 { margin-bottom: 10px; } .cs_mb_11 { margin-bottom: 11px; } .cs_mb_12 { margin-bottom: 12px; } .cs_mb_13 { margin-bottom: 13px; } .cs_mb_14 { margin-bottom: 14px; } .cs_mb_15 { margin-bottom: 15px; } .cs_mb_16 { margin-bottom: 16px; } .cs_mb_17 { margin-bottom: 17px; } .cs_mb_18 { margin-bottom: 18px; } .cs_mb_19 { margin-bottom: 19px; } .cs_mb_20 { margin-bottom: 20px; } .cs_mb_21 { margin-bottom: 21px; } .cs_mb_22 { margin-bottom: 22px; } .cs_mb_23 { margin-bottom: 23px; } .cs_mb_24 { margin-bottom: 24px; } .cs_mb_25 { margin-bottom: 25px; } .cs_mb_26 { margin-bottom: 26px; } .cs_mb_27 { margin-bottom: 27px; } .cs_mb_28 { margin-bottom: 28px; } .cs_mb_29 { margin-bottom: 29px; } .cs_mb_30 { margin-bottom: 30px; } .cs_mb_31 { margin-bottom: 31px; } .cs_mb_32 { margin-bottom: 32px; } .cs_mb_33 { margin-bottom: 33px; } .cs_mb_34 { margin-bottom: 34px; } .cs_mb_35 { margin-bottom: 35px; } .cs_mb_36 { margin-bottom: 36px; } .cs_mb_37 { margin-bottom: 37px; } .cs_mb_38 { margin-bottom: 38px; } .cs_mb_39 { margin-bottom: 39px; } .cs_mb_40 { margin-bottom: 40px; } .cs_mb_41 { margin-bottom: 41px; } .cs_mb_42 { margin-bottom: 42px; } .cs_mb_43 { margin-bottom: 43px; } .cs_mb_44 { margin-bottom: 44px; } .cs_mb_45 { margin-bottom: 45px; } .cs_mb_46 { margin-bottom: 46px; } .cs_mb_47 { margin-bottom: 47px; } .cs_mb_48 { margin-bottom: 48px; } .cs_mb_49 { margin-bottom: 49px; } .cs_mb_50 { margin-bottom: 50px; } .cs_mb_51 { margin-bottom: 51px; } .cs_mb_52 { margin-bottom: 52px; } .cs_mb_53 { margin-bottom: 53px; } .cs_mb_54 { margin-bottom: 54px; } .cs_mb_55 { margin-bottom: 55px; } .cs_mb_56 { margin-bottom: 56px; } .cs_mb_57 { margin-bottom: 57px; } .cs_mb_58 { margin-bottom: 58px; } .cs_mb_59 { margin-bottom: 59px; } .cs_mb_60 { margin-bottom: 60px; } .cs_mb_61 { margin-bottom: 61px; } .cs_mb_62 { margin-bottom: 62px; } .cs_mb_63 { margin-bottom: 63px; } .cs_mb_64 { margin-bottom: 64px; } .cs_mb_65 { margin-bottom: 65px; } .cs_mb_66 { margin-bottom: 66px; } .cs_mb_67 { margin-bottom: 67px; } .cs_mb_68 { margin-bottom: 68px; } .cs_mb_69 { margin-bottom: 69px; } .cs_mb_70 { margin-bottom: 70px; } .cs_mb_75 { margin-bottom: 75px; } .cs_mb_80 { margin-bottom: 80px; } @media screen and (max-width: 991px) { .cs_mb_lg_1 { margin-bottom: 1px; } .cs_mb_lg_2 { margin-bottom: 2px; } .cs_mb_lg_3 { margin-bottom: 3px; } .cs_mb_lg_4 { margin-bottom: 4px; } .cs_mb_lg_5 { margin-bottom: 5px; } .cs_mb_lg_6 { margin-bottom: 6px; } .cs_mb_lg_7 { margin-bottom: 7px; } .cs_mb_lg_8 { margin-bottom: 8px; } .cs_mb_lg_9 { margin-bottom: 9px; } .cs_mb_lg_10 { margin-bottom: 10px; } .cs_mb_lg_11 { margin-bottom: 11px; } .cs_mb_lg_12 { margin-bottom: 12px; } .cs_mb_lg_13 { margin-bottom: 13px; } .cs_mb_lg_14 { margin-bottom: 14px; } .cs_mb_lg_15 { margin-bottom: 15px; } .cs_mb_lg_16 { margin-bottom: 16px; } .cs_mb_lg_17 { margin-bottom: 17px; } .cs_mb_lg_18 { margin-bottom: 18px; } .cs_mb_lg_19 { margin-bottom: 19px; } .cs_mb_lg_20 { margin-bottom: 20px; } .cs_mb_lg_21 { margin-bottom: 21px; } .cs_mb_lg_22 { margin-bottom: 22px; } .cs_mb_lg_23 { margin-bottom: 23px; } .cs_mb_lg_24 { margin-bottom: 24px; } .cs_mb_lg_25 { margin-bottom: 25px; } .cs_mb_lg_26 { margin-bottom: 26px; } .cs_mb_lg_27 { margin-bottom: 27px; } .cs_mb_lg_28 { margin-bottom: 28px; } .cs_mb_lg_29 { margin-bottom: 29px; } .cs_mb_lg_30 { margin-bottom: 30px; } .cs_mb_lg_31 { margin-bottom: 31px; } .cs_mb_lg_32 { margin-bottom: 32px; } .cs_mb_lg_33 { margin-bottom: 33px; } .cs_mb_lg_34 { margin-bottom: 34px; } .cs_mb_lg_35 { margin-bottom: 35px; } .cs_mb_lg_36 { margin-bottom: 36px; } .cs_mb_lg_37 { margin-bottom: 37px; } .cs_mb_lg_38 { margin-bottom: 38px; } .cs_mb_lg_39 { margin-bottom: 39px; } .cs_mb_lg_40 { margin-bottom: 40px; } .cs_mb_lg_41 { margin-bottom: 41px; } .cs_mb_lg_42 { margin-bottom: 42px; } .cs_mb_lg_43 { margin-bottom: 43px; } .cs_mb_lg_44 { margin-bottom: 44px; } .cs_mb_lg_45 { margin-bottom: 45px; } .cs_mb_lg_46 { margin-bottom: 46px; } .cs_mb_lg_47 { margin-bottom: 47px; } .cs_mb_lg_48 { margin-bottom: 48px; } .cs_mb_lg_49 { margin-bottom: 49px; } .cs_mb_lg_50 { margin-bottom: 50px; } .cs_mb_lg_51 { margin-bottom: 51px; } .cs_mb_lg_52 { margin-bottom: 52px; } .cs_mb_lg_53 { margin-bottom: 53px; } .cs_mb_lg_54 { margin-bottom: 54px; } .cs_mb_lg_55 { margin-bottom: 55px; } .cs_mb_lg_56 { margin-bottom: 56px; } .cs_mb_lg_57 { margin-bottom: 57px; } .cs_mb_lg_58 { margin-bottom: 58px; } .cs_mb_lg_59 { margin-bottom: 59px; } .cs_mb_lg_60 { margin-bottom: 60px; } .cs_mb_lg_61 { margin-bottom: 61px; } .cs_mb_lg_62 { margin-bottom: 62px; } .cs_mb_lg_63 { margin-bottom: 63px; } .cs_mb_lg_64 { margin-bottom: 64px; } .cs_mb_lg_65 { margin-bottom: 65px; } .cs_mb_lg_66 { margin-bottom: 66px; } .cs_mb_lg_67 { margin-bottom: 67px; } .cs_mb_lg_68 { margin-bottom: 68px; } .cs_mb_lg_69 { margin-bottom: 69px; } .cs_mb_lg_70 { margin-bottom: 70px; } .cs_mb_lg_75 { margin-bottom: 75px; } .cs_mb_lg_80 { margin-bottom: 80px; } } .cs_zindex_1 { z-index: 1; } .cs_zindex_2 { z-index: 2; } .cs_zindex_3 { z-index: 3; } .cs_zindex_4 { z-index: 4; } .cs_zindex_5 { z-index: 5; } .cs_zindex_6 { z-index: 6; } .cs_zindex_7 { z-index: 7; } .cs_zindex_8 { z-index: 8; } .cs_zindex_9 { z-index: 9; } .cs_zindex_10 { z-index: 10; } .cs_fs_13 { font-size: 13px; line-height: 1.6em; } .cs_fs_14 { font-size: 14px; line-height: 1.6em; } .cs_fs_15 { font-size: 15px; line-height: 1.667; } .cs_fs_16 { font-size: 16px; line-height: 1.875em; } .cs_fs_21 { font-size: 21px; line-height: 1.286em; } .cs_fs_28 { font-size: 28px; line-height: 1.25em; } .cs_fs_38 { font-size: 38px; line-height: 1.316em; } @media (max-width: 1400px) { .cs_fs_38 { font-size: 34px; } } @media (max-width: 991px) { .cs_fs_38 { font-size: 30px; } } .cs_fs_50 { font-size: 50px; line-height: 1.3em; } @media (max-width: 1400px) { .cs_fs_50 { font-size: 46px; } } @media (max-width: 991px) { .cs_fs_50 { font-size: 40px; } } .cs_fs_67 { font-size: 67px; line-height: 1.12em; } @media (max-width: 1400px) { .cs_fs_67 { font-size: 60px; } } @media (max-width: 991px) { .cs_fs_67 { font-size: 46px; } } .cs_fs_89 { font-size: 89px; line-height: 1.124em; } @media (max-width: 1400px) { .cs_fs_89 { font-size: 78px; } } @media (max-width: 991px) { .cs_fs_89 { font-size: 60px; } } @media (max-width: 767px) { .cs_fs_89 { font-size: 50px; } } .cs_fs_150 { font-size: 150px; line-height: 1em; } @media (max-width: 991px) { .cs_fs_150 { font-size: 120px; } } @media (max-width: 991px) { .cs_fs_150 { font-size: 80px; } } .cs_light { font-weight: 300; } .cs_normal { font-weight: 400; } .cs_medium { font-weight: 500; } .cs_semibold { font-weight: 600; } .cs_bold { font-weight: 700; } .cs_extra_bold { font-weight: 800; } .cs_black { font-weight: 900; } .cs_radius_3 { border-radius: 3px; } .cs_radius_5 { border-radius: 5px; } .cs_radius_7 { border-radius: 7px; } .cs_radius_10 { border-radius: 10px; } .cs_radius_15 { border-radius: 15px; } .cs_radius_20 { border-radius: 20px; } .cs_letter_spacing_1 { letter-spacing: 3.2px; } @media (max-width: 1400px) { .cs_letter_spacing_1 { letter-spacing: 2px; } } @media (max-width: 575px) { .cs_letter_spacing_1 { letter-spacing: 1px; } } .cs_mp_0 { list-style: none; margin: 0; padding: 0; } .cs_gap_y_20 { gap: 20px 0; } .cs_gap_y_24 { gap: 24px 0; } .cs_gap_y_30 { gap: 30px 0; } .cs_gap_y_35 { gap: 35px 0; } .cs_gap_y_40 { gap: 40px 0; } .cs_gap_y_45 { gap: 45px 0; } .cs_gap_y_50 { gap: 50px 0; } .cs_gap_y_60 { gap: 60px 0; } @media (max-width: 991px) { .cs_gap_y_60 { gap: 45px 0; } } .cs_gap_y_65 { gap: 65px 0; } @media (max-width: 991px) { .cs_gap_y_65 { gap: 45px 0; } } .cs_gap_y_75 { gap: 75px 0; } @media (max-width: 991px) { .cs_gap_y_75 { gap: 45px 0; } } .cs_gap_y_80 { gap: 80px 0; } @media (max-width: 991px) { .cs_gap_y_80 { gap: 45px 0; } } .cs_gap_y_90 { gap: 90px 0; } @media (max-width: 991px) { .cs_gap_y_90 { gap: 45px 0; } } .cs_row_gap_50 { margin-left: -25px; margin-right: -25px; } .cs_row_gap_50 > * { padding-left: 25px; padding-right: 25px; } @media (max-width: 1400px) { .cs_row_gap_50 { margin-left: -12px; margin-right: -12px; } .cs_row_gap_50 > * { padding-left: 12px; padding-right: 12px; } } .cs_row_gap_60 { margin-left: -30px; margin-right: -30px; } .cs_row_gap_60 > * { padding-left: 30px; padding-right: 30px; } @media (max-width: 1400px) { .cs_row_gap_60 { margin-left: -12px; margin-right: -12px; } .cs_row_gap_60 > * { padding-left: 12px; padding-right: 12px; } } .cs_row_gap_70 { margin-left: -35px; margin-right: -35px; } .cs_row_gap_70 > * { padding-left: 35px; padding-right: 35px; } @media (max-width: 1400px) { .cs_row_gap_70 { margin-left: -12px; margin-right: -12px; } .cs_row_gap_70 > * { padding-left: 12px; padding-right: 12px; } } .cs_row_gap_80 { margin-left: -80px; margin-right: -80px; } .cs_row_gap_80 > * { padding-left: 80px; padding-right: 80px; } @media (max-width: 1400px) { .cs_row_gap_80 { margin-left: -40px; margin-right: -40px; } .cs_row_gap_80 > * { padding-left: 40px; padding-right: 40px; } } @media (max-width: 1199px) { .cs_row_gap_80 { margin-left: -12px; margin-right: -12px; } .cs_row_gap_80 > * { padding-left: 12px; padding-right: 12px; } } .cs_row_gap_90 { margin-left: -45px; margin-right: -45px; } .cs_row_gap_90 > * { padding-left: 45px; padding-right: 45px; } @media (max-width: 1600px) { .cs_row_gap_90 { margin-left: -30px; margin-right: -30px; } .cs_row_gap_90 > * { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1400px) { .cs_row_gap_90 { margin-left: -15px; margin-right: -15px; } .cs_row_gap_90 > * { padding-left: 15px; padding-right: 15px; } } @media (max-width: 1199px) { .cs_row_gap_90 { margin-left: -12px; margin-right: -12px; } .cs_row_gap_90 > * { padding-left: 12px; padding-right: 12px; } } .cs_row_gap_100 { margin-left: -50px; margin-right: -50px; } .cs_row_gap_100 > * { padding-left: 50px; padding-right: 50px; } @media (max-width: 1400px) { .cs_row_gap_100 { margin-left: -30px; margin-right: -30px; } .cs_row_gap_100 > * { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1199px) { .cs_row_gap_100 { margin-left: -12px; margin-right: -12px; } .cs_row_gap_100 > * { padding-left: 12px; padding-right: 12px; } } .container-fluid { max-width: 1920px; margin-left: auto; margin-right: auto; } .cs_plr_100 { padding-right: 100px; padding-left: 100px; } @media (max-width: 1600px) { .cs_plr_100 { padding-right: 60px; padding-left: 60px; } } @media (max-width: 1400px) { .cs_plr_100 { padding-right: 30px; padding-left: 30px; } } @media (max-width: 1199px) { .cs_plr_100 { padding-right: 15px; padding-left: 15px; } } .cs_plr_70 { padding-right: 70px; padding-left: 70px; } @media (max-width: 991px) { .cs_plr_70 { padding-left: 0; padding-right: 0; } } hr { opacity: 1; margin: 0; padding: 0; border: none; border-top: 1px solid var(--ternary); } .cs_bg_filed { background-size: cover; background-repeat: no-repeat; background-position: center; } .cs_bg_fixed { background-attachment: fixed; } .cs_vertical_middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100%; } .cs_vertical_middle_in { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .cs_center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cs_white_color { color: #fff; } .cs_primary_color { color: var(--primary); } .cs_secondary_color { color: var(--secondary); } .cs_ternary_color { color: var(--ternary); } .cs_accent_color { color: var(--accent); } .cs_green_color { color: #4baf47; } .cs_white_bg { background-color: #fff; } .cs_primary_bg { background-color: var(--primary); } .cs_secondary_bg { background-color: var(--secondary); } .cs_ternary_bg { background-color: var(--ternary); } .cs_gray_bg { background-color: var(--gray); } .cs_accent_bg { background-color: var(--accent); } .cs_pr_110 { padding-right: 110px; } @media (max-width: 1400px) { .cs_pr_110 { padding-right: 55px; } } @media (max-width: 991px) { .cs_pr_110 { padding-right: 0px; } } .cs_pl_110 { padding-left: 110px; } @media (max-width: 1400px) { .cs_pl_110 { padding-left: 55px; } } @media (max-width: 991px) { .cs_pl_110 { padding-left: 0px; } } .cs_pr_100 { padding-right: 100px; } @media (max-width: 1400px) { .cs_pr_100 { padding-right: 55px; } } @media (max-width: 991px) { .cs_pr_100 { padding-right: 0px; } } .cs_pl_100 { padding-left: 100px; } @media (max-width: 1400px) { .cs_pl_100 { padding-left: 55px; } } @media (max-width: 991px) { .cs_pl_100 { padding-left: 0px; } } .cs_pl_60 { padding-left: 60px; } @media (max-width: 991px) { .cs_pl_60 { padding-left: 0; } } .cs_pr_60 { padding-right: 60px; } .cs_btn.cs_style_1 { border: none; padding: 11px 30px; outline: none; color: #fff; background-color: var(--accent); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs_btn.cs_style_1:hover { color: var(--web-wash); background-color: var(--primary); } .cs_btn.cs_style_1.cs_color_1 { background-color: var(--primary); } .cs_btn.cs_style_1.cs_color_1:hover { background-color: #fff; color: var(--primary); } .cs_btn.cs_style_2 { border: none; color: var(--primary); border: 1px solid var(--primary); padding: 10px 25px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; outline: none; background-color: transparent; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_btn.cs_style_2 span { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; width: 13px; } .cs_btn.cs_style_2 span svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cs_btn.cs_style_2 i { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; color: inherit; } .cs_btn.cs_style_2 i:last-child { position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 900; left: -19px; bottom: -21px; -webkit-transform: translate(0, 0) rotate(-45deg); transform: translate(0, 0) rotate(-45deg); opacity: 0; visibility: hidden; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; color: currentColor; } .cs_btn.cs_style_2:hover { background-color: var(--accent); border-color: var(--accent); color: #fff; } .cs_btn.cs_style_2:hover i:first-child { -webkit-transform: translate(20px, -20px) rotate(-45deg); transform: translate(20px, -20px) rotate(-45deg); } .cs_btn.cs_style_2:hover i:last-child { opacity: 1; visibility: visible; -webkit-transform: translate(20px, -20px) rotate(-45deg); transform: translate(20px, -20px) rotate(-45deg); } .cs_btn.cs_style_2.cs_white_btn { border-color: #fff; color: #fff; } .cs_btn.cs_style_2.cs_white_btn:hover { border-color: var(--accent); } .cs_btn.cs_style_2.cs_accent_btn { background-color: var(--accent); border-color: var(--accent); color: #fff; position: relative; } .cs_btn.cs_style_2.cs_accent_btn b { position: relative; z-index: 1; font-weight: inherit; } .cs_btn.cs_style_2.cs_accent_btn::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; border-radius: inherit; background-color: rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_btn.cs_style_2.cs_accent_btn:hover::before { opacity: 1; } .cs_btn.cs_style_2.cs_primary_btn { background-color: var(--primary); border-color: var(--primary); color: var(--web-wash); } .cs_btn.cs_style_2.cs_primary_btn:hover { background-color: var(--accent); border-color: var(--accent); } .cs_text_btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .cs_text_btn::before { content: ""; position: absolute; height: 1px; width: 100%; bottom: 0; left: 0; background-color: currentColor; } .cs_text_btn:hover { color: #fff; } .cs_form_field_2 { display: block; width: 100%; border: 1px solid var(--ternary); padding: 7px 20px; min-height: 47px; outline: none; background-color: transparent; } .cs_form_field_2:focus { border-color: var(--accent); } .cs_half_ternary_bg::after { content: ""; position: absolute; height: calc(100% - 54px); width: 100%; left: 0; bottom: 0; background-color: var(--gray); } .cs_half_ternary_bg .cs_form.cs_style_1, .cs_half_ternary_bg .cs_form.cs_style_4 { margin-top: -54px; } .cs_form.cs_style_4 .cs_form_item, .cs_extra_service_item .cs_form_item { background-image: url('data:image/svg+xml;utf8,'); } .cs_form.cs_style_4.cs_type_3 .cs_date_item { background-image: url('data:image/svg+xml;utf8,'); } .cs_form.cs_style_4.cs_type_5 .cs_form_item, .cs_form.cs_style_4.cs_type_6 .cs_form_item { background-image: url('data:image/svg+xml;utf8,'); } .cs_form.cs_style_1 { padding: 30px; gap: 10px 20px; } .cs_form.cs_style_1 .cs_form_item { border: 1px solid #fff; padding: 0 16px; min-height: 47px; } .cs_form.cs_style_1 .cs_form_item label { margin: 0 5px 0 0; } .cs_form.cs_style_1 .cs_form_item_btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cs_form.cs_style_1.cs_type_1 { border-radius: 50px; } .cs_form.cs_style_1.cs_type_1 .cs_radius_5 { border-radius: 20px; } .cs_form.cs_style_1.cs_type_2 { background-color: transparent; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px 30px; } .cs_form.cs_style_1.cs_type_2 .cs_form_item { border-width: 0 0 1px 0; } .cs_form.cs_style_1.cs_type_2 .cs_form_item_btn { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 172px; } .cs_form.cs_style_1.cs_type_3 { padding: 30px 0; } .cs_form.cs_style_1.cs_type_3 .cs_form_item { min-width: 170px; } .cs_form.cs_style_1.cs_type_4 .cs_form_item { border-color: var(--primary); } .cs_form.cs_style_1.cs_type_4 .cs_white_color { color: var(--primary); } .cs_form.cs_style_1.cs_type_5 { padding: 40px 50px 50px; } .cs_form.cs_style_1.cs_type_5 .cs_form_item { margin-bottom: 30px; padding-right: 0; padding-left: 20px; } .cs_form.cs_style_1.cs_type_5 select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; background-position-x: calc(100% - 20px); height: 45px; padding: 0 40px 0px 15px; } .cs_form_item { border: 1px solid #fff; padding-left: 15px; height: 47px; position: relative; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-repeat: no-repeat; background-position-x: calc(100% - 15px); background-position-y: 50%; } .cs_form_item label { margin: 0; } .cs_form_item.cs_children_item { -webkit-box-flex: 1.15; -ms-flex: 1.15; flex: 1.15; } @media (max-width: 1400px) { .cs_form_item { padding-left: 12px; background-position-x: calc(100% - 12px); } } .cs_quantity_btn { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 10px 32px 10px 15px; cursor: pointer; z-index: 2; } @media (max-width: 1400px) { .cs_quantity_btn { padding-right: 28px; padding-left: 12px; } } .cs_form.cs_style_4 { padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px 18px; } @media (max-width: 1400px) { .cs_form.cs_style_4 { gap: 10px 5px; } .cs_form.cs_style_4 .cs_btn.cs_style_1 { padding: 11px 15px; } } @media (max-width: 1199px) { .cs_form.cs_style_4 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs_form.cs_style_4 .cs_form_item { -webkit-box-flex: 0; -ms-flex: none; flex: none; } } .cs_form.cs_style_4 .cs_date_items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: inherit; position: relative; } .cs_form.cs_style_4 .cs_date_items::before { content: ""; position: absolute; height: 100%; width: 19px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; z-index: 6; } @media (max-width: 1199px) { .cs_form.cs_style_4 .cs_date_items { gap: 10px; } } @media (max-width: 767px) { .cs_form.cs_style_4 .cs_date_items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs_form.cs_style_4 .cs_date_items .cs_date_item { -webkit-box-flex: 0; -ms-flex: none; flex: none; } } .cs_form.cs_style_4 .cs_datetimes { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 5; opacity: 0; cursor: pointer; } .cs_form.cs_style_4 .cs_date_item { width: 240px; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 32px; } @media (max-width: 1400px) { .cs_form.cs_style_4 .cs_date_item { width: 235px; padding-right: 28px; } } @media (max-width: 1199px) { .cs_form.cs_style_4 .cs_date_item { width: initial; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .cs_form.cs_style_4.cs_type_1 { padding: 0; } .cs_form.cs_style_4.cs_type_1 .cs_form_item { background-color: rgba(27, 27, 27, 0.5); } @media (min-width: 992px) { .cs_form.cs_style_4.cs_type_1 .cs_form_item { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } } .cs_form.cs_style_4.cs_type_1 .cs_date_item { width: 250px; } .cs_form.cs_style_4.cs_type_2, .cs_form.cs_style_4.cs_type_4 { border-radius: 50px; } .cs_form.cs_style_4.cs_type_2 .cs_form_item, .cs_form.cs_style_4.cs_type_2 .cs_btn.cs_style_1, .cs_form.cs_style_4.cs_type_4 .cs_form_item, .cs_form.cs_style_4.cs_type_4 .cs_btn.cs_style_1 { border-radius: 20px; } .cs_form.cs_style_4.cs_type_3 { background-color: transparent; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px 30px; } .cs_form.cs_style_4.cs_type_3 .cs_form_item { border-width: 0 0 1px 0; } .cs_form.cs_style_4.cs_type_3 .cs_date_item { width: 240px; padding-right: 38px; } @media (max-width: 767px) { .cs_form.cs_style_4.cs_type_3 .cs_date_item { width: 100%; } } .cs_form.cs_style_4.cs_type_4 { padding: 30px 0; } .cs_form.cs_style_4.cs_type_5 .cs_form_item { border-color: var(--primary); } .cs_form.cs_style_4.cs_type_5 .cs_white_color, .cs_form.cs_style_4.cs_type_5 .cs_quantity_btn { color: var(--primary); } .cs_form.cs_style_4.cs_type_6 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; gap: 20px 0; } .cs_form.cs_style_4.cs_type_6 .cs_form_item { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-color: var(--border); width: 100%; background-color: var(--gray); } .cs_form.cs_style_4.cs_type_6 .cs_white_color, .cs_form.cs_style_4.cs_type_6 .cs_quantity_btn { color: var(--secondary); } .cs_form.cs_style_4.cs_type_6 .cs_date_items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs_form.cs_style_4.cs_type_6 .cs_date_items::before { height: 20px; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cs_form.cs_style_4.cs_type_6 .cs_quantity_wrap .cs_quantity_dropdown { left: initial; right: -1px; width: calc(100% + 2px); } .cs_form.cs_style_4.cs_type_7 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; gap: 15px 0; } .cs_form.cs_style_4.cs_type_7 .cs_form_item { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .cs_form.cs_style_4.cs_type_7 .cs_date_items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs_form.cs_style_4.cs_type_7 .cs_date_items::before { height: 20px; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cs_form.cs_style_4.cs_type_7 .cs_form_item_group { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 15px; } .cs_form.cs_style_4.cs_type_7 .cs_form_item_group > .cs_form_item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cs_form.cs_style_4.cs_type_7 .cs_quantity_wrap .cs_quantity_dropdown { left: initial; right: 0; } .cs_book_now_card { padding: 40px 50px 50px; } @media (max-width: 1199px) { .cs_book_now_card { padding: 40px 35px 50px; } } .cs_book_now_card .cs_extra_service_item { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; } .cs_book_now_card .cs_extra_service_item:not(:last-child) { margin-bottom: 15px; } .cs_book_now_card .cs_extra_service_item .cs_checkbox input:checked + label::before { border-color: #fff; background-color: #fff; } .cs_book_now_card .cs_extra_service_item .cs_checkbox label::before { border-color: #fff; } .cs_book_now_card .cs_extra_service_item .cs_checkbox label::after { border-color: var(--accent); } .cs_book_now_card .cs_extra_service_item .cs_form_item { border-width: 0; border-radius: 0; padding-left: 0; background-position-x: 100%; height: 22px; width: 50px; border-left: 1px solid rgba(255, 255, 255, 0.5); margin-left: 15px; } .cs_book_now_card .cs_extra_service_item .cs_quantity_btn { padding: 0px 20px 0px 0px; } .cs_book_now_card .cs_extra_service_item .cs_quantity_wrap .cs_quantity_dropdown { width: 116px; left: initial; right: 0; margin-top: 8px; padding: 8px; } .cs_book_now_card .cs_extra_service_item_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } .cs_book_now_card .cs_book_now_card_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3px 15px; } .cs_checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; padding-left: 30px; } .cs_checkbox input { position: absolute; height: 100%; width: 100%; left: 0; top: 0; cursor: pointer; z-index: 2; opacity: 0; } .cs_checkbox input:checked + label::before { border-color: var(--accent); background-color: var(--accent); } .cs_checkbox input:checked + label::after { opacity: 1; } .cs_checkbox a { color: var(--accent); position: relative; z-index: 3; } .cs_checkbox a:hover { text-decoration: underline; } .cs_checkbox label { margin: 0; display: inline-block; } .cs_checkbox label::before { content: ""; height: 17px; width: 17px; border: 1px solid var(--secondary); position: absolute; left: 0; top: 7px; border-radius: 3px; } .cs_checkbox label::after { content: ""; position: absolute; height: 10px; width: 6px; border: 2px solid #fff; left: 6px; top: 9px; border-left: 0; border-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } .cs_radiobox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; padding-left: 30px; } .cs_radiobox input { position: absolute; height: 100%; width: 100%; left: 0; top: 0; cursor: pointer; z-index: 2; opacity: 0; } .cs_radiobox input:checked + label::before { border-color: var(--accent); background-color: transparent; } .cs_radiobox input:checked + label::after { opacity: 1; } .cs_radiobox a { color: var(--accent); position: relative; z-index: 3; } .cs_radiobox a:hover { text-decoration: underline; } .cs_radiobox label { margin: 0; display: inline-block; } .cs_radiobox label img { margin-right: 10px; } .cs_radiobox label::before { content: ""; height: 20px; width: 20px; border: 1px solid var(--secondary); position: absolute; left: 0; top: 5px; border-radius: 50%; } .cs_radiobox label::after { content: ""; position: absolute; height: 12px; width: 12px; background-color: var(--accent); left: 4px; top: 9px; opacity: 0; border-radius: 50%; } .cs_payment_method_list { list-style: none; padding: 0; } .cs_payment_method_list li:not(:last-child) { margin-bottom: 16px; } .daterangepicker { border-color: var(--border); border-radius: 5px; font-family: var(--primary); background-color: var(--web-wash); } .daterangepicker:after, .daterangepicker::before { display: none; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: var(--web-wash); } .daterangepicker .calendar-table { background-color: var(--web-wash); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { font-size: 14px; padding: 2px 5px; width: 33px; } .daterangepicker .calendar-table th { color: var(--primary); font-weight: 600; } .daterangepicker .calendar-table td { color: var(--secondary); } .daterangepicker td.in-range { background-color: rgba(170, 132, 83, 0.2); color: var(--primary); } .daterangepicker td.available:hover { background-color: rgba(170, 132, 83, 0.35); color: var(--accent); } .daterangepicker th.available:hover { background-color: var(--border); color: var(--accent); } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: var(--accent); color: #fff; } .daterangepicker .drp-buttons { border-color: var(--border); } .daterangepicker .drp-calendar { display: none; max-width: 320px; } .daterangepicker td.disabled, .daterangepicker option.disabled { opacity: 0.35; cursor: not-allowed; text-decoration: line-through; } .daterangepicker .applyBtn.btn.btn-primary { background-color: var(--accent); font-weight: 500; font-size: 14px; border-color: var(--accent); padding: 4px 12px; border-radius: 5px; } .daterangepicker .applyBtn.btn.btn-primary:hover { background-color: var(--primary); color: var(--web-wash); border-color: var(--primary); } .daterangepicker .drp-selected { display: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-color: var(--primary); } .daterangepicker .drp-buttons .btn.btn-default { color: var(--primary); font-size: 14px; font-weight: 600; } .daterangepicker .drp-buttons .btn.btn-default:hover { color: var(--secondary); } .daterangepicker .calendar-table { border-color: var(--web-wash); } .cs_quantity_wrap .cs_quantity_dropdown { display: none; position: absolute; background-color: var(--web-wash); width: 300px; right: 0; top: 100%; margin-top: 5px; padding: 20px 20px; border-radius: 5px; border: 1px solid var(--border); z-index: 10; } .cs_quantity_wrap.active .cs_quantity_dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; } .cs_quantity_dropdown_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cs_count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .cs_count .cs_quantity_decrement, .cs_count .cs_quantity_increment { padding: 0; border: none; outline: none; background-color: transparent; height: 30px; width: 30px; font-size: 14px; border-radius: 5px; } .cs_count .cs_quantity_decrement:hover, .cs_count .cs_quantity_increment:hover { background-color: var(--border); } .cs_count .cs_quantity_number { min-width: 40px; } .ui-datepicker td span, .ui-datepicker td a { text-align: center; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border-color: var(--ternary); background: transparent; font-weight: normal; color: var(--primary); border-radius: 5px; } .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover, .ui-button:hover, html .ui-button.ui-state-disabled:hover:hover, html .ui-button.ui-state-disabled:active:hover { background-color: var(--ternary); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-color: var(--accent); background-color: var(--accent) !important; color: #fff !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: var(--accent); } .ui-datepicker { width: 320px; padding: 5px; } .ui-datepicker table th { color: var(--primary); } .ui-widget.ui-widget-content { border-color: var(--ternary); } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 5px; } .ui-datepicker .ui-datepicker-header { padding: 5px 0; } .ui-widget-header { border: none; background: transparent; color: var(--primary); font-weight: bold; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 5px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 5px; } .cs_play_btn { position: absolute; color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; } .cs_play_btn_2 { background-color: rgba(27, 27, 27, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); width: 115px; height: 115px; } .cs_play_btn_2::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; border-radius: 50%; opacity: 0; background-color: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cs_play_btn_2 svg { position: relative; z-index: 2; } .cs_play_btn_2:hover::before { opacity: 1; } .cs_play_btn_2.cs_color_1 { background-color: var(--accent); } .cs_play_btn_3 { position: relative; display: block; width: 115px; height: 115px; border-radius: 50%; padding: 18px 20px 18px 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cs_play_btn_3:before, .cs_play_btn_3:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 100%; height: 100%; background: var(--accent); border-radius: 50%; } .cs_play_btn_3:before { z-index: 0; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; } .cs_play_btn_3:after { z-index: 1; -webkit-transition: all 200ms; transition: all 200ms; } .cs_play_btn_3 svg { position: relative; z-index: 2; } @-webkit-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .cs_video_block.cs_style_1 { height: 670px; } @media (max-width: 991px) { .cs_video_block.cs_style_1 { height: 550px; } } @media (max-width: 991px) { .cs_video_block.cs_style_1 { height: 420px; } .cs_video_block.cs_style_1 .cs_play_btn { -webkit-transform: translate(-50%, -50%) scale(0.7); transform: translate(-50%, -50%) scale(0.7); } } .cs_video_block.cs_style_1 .cs_video_block_bg { border-radius: inherit; } .cs_video_block.cs_style_1 .cs_video_block_title { background: -webkit-gradient(linear, left top, left bottom, from(#191919), to(rgba(125, 126, 124, 0.3))); background: linear-gradient(180deg, #191919 0%, rgba(125, 126, 124, 0.3) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cs_video_block.cs_style_1.cs_color_1 .cs_video_block_title { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(126, 124, 124, 0.3))); background: linear-gradient(180deg, #fff 0%, rgba(126, 124, 124, 0.3) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cs_video_block.cs_style_1.cs_type_1 { height: 750px; } @media (max-width: 1400px) { .cs_video_block.cs_style_1.cs_type_1 { height: 600px; } .cs_video_block.cs_style_1.cs_type_1 .cs_play_btn_2 { -webkit-transform: scale(0.9); transform: scale(0.9); } } @media (max-width: 991px) { .cs_video_block.cs_style_1.cs_type_1 { height: 450px; } .cs_video_block.cs_style_1.cs_type_1 .cs_play_btn_2 { -webkit-transform: scale(0.8); transform: scale(0.8); } } .cs_video_block.cs_style_1.cs_type_2 { height: 800px; border-radius: 25em 25em 0 0; overflow: hidden; } @media (max-width: 1400px) { .cs_video_block.cs_style_1.cs_type_2 { height: 600px; } .cs_video_block.cs_style_1.cs_type_2 .cs_play_btn_2 { -webkit-transform: scale(0.9); transform: scale(0.9); } } @media (max-width: 991px) { .cs_video_block.cs_style_1.cs_type_2 .cs_play_btn_2 { -webkit-transform: scale(0.8); transform: scale(0.8); } } .cs_video_block.cs_style_1.cs_type_2 .cs_video_block_border { position: absolute; left: 30px; right: 30px; bottom: 30px; top: 30px; z-index: 2; border-radius: inherit; border: 1px solid var(--accent); } .cs_video_block.cs_style_1.cs_type_3 { height: 800px; } @media (max-width: 991px) { .cs_video_block.cs_style_1.cs_type_3 { height: 500px; } .cs_video_block.cs_style_1.cs_type_3 .cs_play_btn_2 { -webkit-transform: scale(0.8); transform: scale(0.8); } } .cs_video_block.cs_style_1.cs_type_4 { height: 550px; } .cs_video_block.cs_style_1.cs_type_4 .cs_play_btn_2 { scale: 0.7; } .cs_video_block.cs_style_1.cs_type_5 { height: 650px; } @media (max-width: 1199px) { .cs_video_block.cs_style_1.cs_type_5 { height: 550px; } } @media (max-width: 991px) { .cs_video_block.cs_style_1.cs_type_5 { height: 450px; } } .cs_video_block.cs_style_1.cs_type_5 .cs_play_btn_2 { scale: 0.7; } .cs_video_block.cs_style_1.cs_type_6 { height: 425px; } .cs_video_block.cs_style_1.cs_type_6 .cs_play_btn_2 { scale: 0.7; } .cs_rating { width: 92px; height: 14px; position: relative; font-size: 14px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .cs_rating i { margin-right: 3px; } .cs_rating .cs_rating_percentage { position: absolute; height: 100%; width: 100%; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .cs_rating .cs_rating_percentage { width: 50%; } .cs_list.cs_style_1 li { padding-left: 40px; position: relative; } .cs_list.cs_style_1 li:not(:last-child) { margin-bottom: 18px; } .cs_list.cs_style_1 svg { color: var(--accent); position: absolute; left: 0; top: 3px; } .cs_list.cs_style_1 b { font-weight: 500; color: var(--primary); } .cs_list.cs_style_2 .cs_list_icon { height: 50px; width: 50px; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: absolute; top: 27px; right: 0; -webkit-transition: background-color 0.4s ease; transition: background-color 0.4s ease; overflow: hidden; } .cs_list.cs_style_2 .cs_list_icon svg { -webkit-transition: all 0.3s; transition: all 0.3s; } .cs_list.cs_style_2 .cs_list_icon svg:first-child { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .cs_list.cs_style_2 .cs_list_icon svg:last-child { position: absolute; left: -10px; bottom: -10px; } .cs_list.cs_style_2 .cs_list_icon:hover svg { -webkit-transition: all 0.3s; transition: all 0.3s; } .cs_list.cs_style_2 .cs_list_icon:hover svg:first-child { -webkit-transform: translate(30px, -30px); transform: translate(30px, -30px); } .cs_list.cs_style_2 .cs_list_icon:hover svg:last-child { left: 18px; bottom: 18px; } .cs_list.cs_style_2 .cs_list_in { position: relative; z-index: 12; padding: 20px 60px 20px 0; } .cs_list.cs_style_2 li { border-bottom: 1px solid var(--secondary); } .cs_list.cs_style_2 li h2 { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_list.cs_style_2 li:hover h2 { color: var(--accent); } .cs_list.cs_style_2 li:hover .cs_list_icon { background-color: var(--accent); color: #fff; } .cs_list.cs_style_3 { display: grid; grid-gap: 15px; grid-auto-rows: 1fr; grid-template-columns: repeat(2, 1fr); grid-auto-flow: dense; max-width: 550px; } .cs_list.cs_style_3 li { position: relative; padding-left: 30px; } .cs_list.cs_style_3 li img { position: absolute; left: 0; top: 5px; width: 20px; } .cs_grid_style_1, .cs_grid_style_3 { display: grid; grid-gap: 0px; grid-auto-rows: 1fr; grid-template-columns: repeat(4, 1fr); grid-auto-flow: dense; } @media (max-width: 767px) { .cs_grid_style_1 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .cs_grid_style_1 { grid-template-columns: repeat(1, 1fr); } } .cs_grid_style_1 .cs_grid_item:first-child { grid-column: span 2; grid-row: span 2; } .cs_grid_style_1 .cs_grid_item:first-child .cs_gallery_item.cs_style_1 { height: 100%; } @media (max-width: 575px) { .cs_grid_style_1 .cs_grid_item:first-child { grid-column: initial; grid-row: initial; } } .cs_grid_style_1 .cs_grid_item:nth-child(2) { grid-row: span 2; } @media (max-width: 575px) { .cs_grid_style_1 .cs_grid_item:nth-child(2) { grid-row: initial; } } .cs_grid_style_1 .cs_grid_item:nth-child(2) .cs_gallery_item.cs_style_1 { height: 100%; } .cs_grid_style_2 { display: grid; grid-gap: 24px; grid-auto-rows: 1fr; grid-template-columns: repeat(3, 1fr); grid-auto-flow: dense; } @media (max-width: 991px) { .cs_grid_style_2 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .cs_grid_style_2 { grid-template-columns: repeat(1, 1fr); grid-gap: 24px 0; } } @media (min-width: 576px) { .cs_grid_style_2 .cs_grid_item:nth-child(4) { grid-column: span 2; } } @media (max-width: 767px) { .cs_grid_style_3 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .cs_grid_style_3 { grid-template-columns: repeat(1, 1fr); } } .cs_grid_style_3 .cs_grid_item:first-child { grid-row: span 2; } @media (max-width: 575px) { .cs_grid_style_3 .cs_grid_item:first-child { grid-row: initial; } } .cs_grid_style_3 .cs_grid_item:first-child .cs_gallery_item.cs_style_1 { height: 100%; } .cs_grid_style_3 .cs_grid_item:nth-child(3) { grid-column: span 2; grid-row: span 2; } .cs_grid_style_3 .cs_grid_item:nth-child(3) .cs_gallery_item.cs_style_1 { height: 100%; } @media (max-width: 575px) { .cs_grid_style_3 .cs_grid_item:nth-child(3) { grid-column: initial; grid-row: initial; } } .cs_grid_style_4 { display: grid; grid-gap: 24px; grid-auto-rows: 1fr; grid-template-columns: repeat(3, 1fr); grid-auto-flow: dense; } @media (max-width: 1199px) { .cs_grid_style_4 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .cs_grid_style_4 { grid-template-columns: repeat(1, 1fr); } } @media (min-width: 768px) { .cs_grid_style_4 .cs_grid_item:first-child { grid-column: span 2; } } .cs_gallery_item.cs_style_1 { padding-top: 100%; } .cs_gallery_item.cs_style_1 .cs_gallery_item_hover { position: absolute; left: 50px; right: 50px; top: 50px; bottom: 50px; z-index: 1; background: rgba(27, 27, 27, 0.3); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); padding: 15px; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .cs_gallery_item.cs_style_1:hover .cs_gallery_item_hover { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .cs_gallery_item.cs_style_3 { height: 465px; } @media (max-width: 1400px) { .cs_gallery_item.cs_style_3 { height: 400px; } } @media (max-width: 1199px) { .cs_gallery_item.cs_style_3 { height: 335px; } } @media (max-width: 991px) { .cs_gallery_item.cs_style_3 { height: 380px; } } @media (max-width: 767px) { .cs_gallery_item.cs_style_3 { height: 275px; } } @media (max-width: 575px) { .cs_gallery_item.cs_style_3 { height: 400px; } } .cs_gallery_item.cs_style_3 .cs_gallery_item_hover { position: absolute; left: 24px; top: 24px; right: 24px; bottom: 24px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.95); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 40px 20px; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_gallery_item.cs_style_3 .cs_hover_icon { position: absolute; top: 48%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; } .cs_gallery_item.cs_style_3 .cs_hover_icon svg { opacity: 0; -webkit-transform: scale(4); transform: scale(4); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_gallery_item.cs_style_3:hover .cs_gallery_item_hover { opacity: 1; } .cs_gallery_item.cs_style_3:hover .cs_hover_icon svg { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .cs_gallery_item.cs_style_3.cs_type_1 { height: 615px; } @media (max-width: 1400px) { .cs_gallery_item.cs_style_3.cs_type_1 { height: 460px; } } @media (max-width: 1199px) { .cs_gallery_item.cs_style_3.cs_type_1 { height: 410px; } } @media (max-width: 991px) { .cs_gallery_item.cs_style_3.cs_type_1 { height: 480px; } } @media (max-width: 767px) { .cs_gallery_item.cs_style_3.cs_type_1 { height: 380px; } } @media (max-width: 575px) { .cs_gallery_item.cs_style_3.cs_type_1 { height: 400px; } } .cs_gallery_3_wrap { position: relative; } .cs_gallery_3_wrap::before { content: ""; position: absolute; height: 600px; width: 100%; left: 0; top: 0; background-color: var(--primary); } .cs_gallery_3_wrap .container { position: relative; } .cs_custom_pointer_wrap { position: relative; } .cs_custom_pointer_wrap .cs_mouse_point { position: absolute; z-index: 10; } .cs_custom_pointer_wrap .cs_mouse_point.cs_style_1 { height: 115px; width: 115px; border-radius: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -58%) scale(0); transform: translate(-50%, -58%) scale(0); display: none; background-color: rgba(27, 27, 27, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; font-weight: 500; color: #fff; opacity: 0; -webkit-transition: opacity ease 0.3s, -webkit-transform ease 0.3s; transition: opacity ease 0.3s, -webkit-transform ease 0.3s; transition: transform ease 0.3s, opacity ease 0.3s; transition: transform ease 0.3s, opacity ease 0.3s, -webkit-transform ease 0.3s; } .cs_custom_pointer_wrap .cs_mouse_point.cs_style_2 { background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: var(--primary); font-family: var(--primary-font); font-size: 38px; white-space: nowrap; margin: 15px 0 0 15px; padding: 8px 30px 8px 20px; line-height: 1.4em; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity ease 0.3s, -webkit-transform ease 0.3s; transition: opacity ease 0.3s, -webkit-transform ease 0.3s; transition: transform ease 0.3s, opacity ease 0.3s; transition: transform ease 0.3s, opacity ease 0.3s, -webkit-transform ease 0.3s; } .cs_custom_pointer_wrap .cs_mouse_point.cs_style_3 { width: 330px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; -webkit-transition: opacity ease 0.4s, -webkit-transform ease 0.4s; transition: opacity ease 0.4s, -webkit-transform ease 0.4s; transition: transform ease 0.4s, opacity ease 0.4s; transition: transform ease 0.4s, opacity ease 0.4s, -webkit-transform ease 0.4s; pointer-events: none; } .cs_custom_pointer_wrap:hover .cs_mouse_point.cs_style_1 { opacity: 1; -webkit-transform: translate(-50%, -58%) scale(1); transform: translate(-50%, -58%) scale(1); } @media (max-width: 991px) { .cs_custom_pointer_wrap:hover .cs_mouse_point.cs_style_1 { -webkit-transform: translate(-50%, -58%) scale(0.6); transform: translate(-50%, -58%) scale(0.6); } } .cs_custom_pointer_wrap:hover .cs_mouse_point.cs_style_3 { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .cs_custom_pointer_wrap:hover .cs_mouse_point.cs_style_2 { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .cs_review_box.cs_style_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 10px 25px 8px rgba(27, 27, 27, 0.04); box-shadow: 0px 10px 25px 8px rgba(27, 27, 27, 0.04); gap: 20px; padding-right: 20px; } .cs_review_box.cs_style_1 .cs_review_box_left { padding: 15px 20px; border-right: 1px solid var(--border); } .cs_hover_layer, .cs_hover_layer_1, .cs_hover_layer_2, .cs_hover_layer_4 { position: relative; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: perspective(600px) translate3d(0, 0, 0); transform: perspective(600px) translate3d(0, 0, 0); } .cs_section_heading_wrap_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 15%; } @media (max-width: 1400px) { .cs_section_heading_wrap_1 { gap: 0 8%; } } @media (max-width: 1199px) { .cs_section_heading_wrap_1 { gap: 30px 3%; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cs_section_heading_wrap_1 .cs_section_heading_icon { -webkit-animation: rotate-anim 40s infinite; animation: rotate-anim 40s infinite; } @media (max-width: 991px) { .cs_section_heading_wrap_1 .cs_section_heading_icon { display: none; } } @media (max-width: 575px) { .cs_section_heading.cs_style_1 br { display: none; } } .cs_section_heading.cs_style_1.cs_type_1 .cs_section_subtitle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .cs_section_heading.cs_style_1.cs_type_1 .cs_section_subtitle::after { content: ""; display: block; height: 1px; width: 50px; background-color: var(--accent); } .cs_accordians.cs_style_1 .cs_accordian_toggle { height: 14px; width: 14px; display: inline-block; position: absolute; top: 28px; left: 0; } .cs_accordians.cs_style_1 .cs_accordian_toggle::before, .cs_accordians.cs_style_1 .cs_accordian_toggle::after { content: ""; height: 2px; width: 100%; background-color: var(--primary); position: absolute; left: 0; top: 50%; margin-top: -1px; border-radius: 3px; } .cs_accordians.cs_style_1 .cs_accordian_toggle::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cs_accordians.cs_style_1 .cs_accordian_head { position: relative; padding: 18px 0 18px 26px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cs_accordians.cs_style_1 .cs_accordian_body { padding-bottom: 18px; } .cs_accordians.cs_style_1 .cs_accordian_body p { margin: 0; } .cs_accordians.cs_style_1 .cs_accordian:not(:last-child) { border-bottom: 1px solid var(--accent); } .cs_accordians.cs_style_1 .cs_accordian.active .cs_accordian_head { padding-bottom: 5px; } .cs_accordians.cs_style_1 .cs_accordian.active .cs_accordian_toggle::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .cs_shape_wrap .cs_shape_1 { position: absolute; top: 58%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cs_shape_wrap > *:not(.cs_shape_1) { position: relative; z-index: 3; } .cs_google_map.cs_style_1 { height: 600px; } @media (max-width: 991px) { .cs_google_map.cs_style_1 { height: 400px; } } .cs_google_map.cs_style_1 iframe { border: none; -webkit-filter: grayscale(100%); filter: grayscale(100%); height: 100%; width: 100%; } .cs_google_map.cs_style_1.cs_type_1 { height: 850px; } @media (max-width: 991px) { .cs_google_map.cs_style_1.cs_type_1 { height: 550px; } } @media (max-width: 575px) { .cs_google_map.cs_style_1.cs_type_1 { height: 450px; } } .cs_page_heading { height: 600px; padding: 150px 0 50px; } @media (max-width: 1400px) { .cs_page_heading { height: 500px; } } @media (max-width: 991px) { .cs_page_heading { height: 400px; padding: 120px 0 50px; } } .cs_page_heading.cs_size_1 { height: 300px; } .cs_page_heading.cs_size_2 { height: 500px; } .cs_page_heading_2 { height: 650px; padding: 160px 0 50px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cs_page_heading_2 .container { position: relative; z-index: 1; } .cs_page_heading_2:after { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent)); background-image: linear-gradient(0, rgba(0, 0, 0, 0.7), transparent); bottom: -2px; content: ""; height: 50%; position: absolute; width: 100%; } .cs_page_heading_2 .cs_page_heading_in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 10px 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .cs_page_heading_2 .cs_page_heading_in { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; text-align: center; } } .cs_page_heading_2 .cs_page_heading_in p { color: rgba(255, 255, 255, 0.7); margin-bottom: 5px; } .cs_page_heading_2 .breadcrumb { margin-bottom: 0; margin-top: 8px; color: rgba(255, 255, 255, 0.7); font-size: inherit; } .cs_page_heading_2 .breadcrumb-item.active { color: rgba(255, 255, 255, 0.7); } .cs_page_heading_2 .breadcrumb-item::before { color: rgba(255, 255, 255, 0.7); } .cs_sticky_1 { position: sticky; top: 0; } .cs_moving_text_wrap { overflow-x: hidden; } .cs_moving_text_wrap:hover .cs_moving_text { -webkit-animation-play-state: paused; animation-play-state: paused; } .cs_moving_text_in { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; min-width: 100%; } .cs_moving_text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 5px; -webkit-animation: slide-left 10s linear infinite; animation: slide-left 10s linear infinite; } .cs_moving_text > * { margin: 0 20px; } .cs_moving_text_wrap.cs_style_1 .cs_moving_text { -webkit-animation-duration: 20s; animation-duration: 20s; } .cs_moving_text_wrap.cs_style_1:hover .cs_moving_text { -webkit-animation-play-state: paused; animation-play-state: paused; } .cs_moving_text_wrap.cs_style_1.cs_type_1 { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); margin-left: -10px; width: calc(100% + 20px); } @media (max-width: 1400px) { .cs_moving_text_wrap.cs_style_1 img { max-height: 85px; } } @media (max-width: 991px) { .cs_moving_text_wrap.cs_style_1 img { max-height: 62px; } } @-webkit-keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .cs_half_bg .cs_half_bg_right { position: absolute; height: 100%; left: 0; top: 0; width: 50%; } @media (max-width: 991px) { .cs_half_bg .cs_half_bg_right { width: 100%; } } .cs_half_bg > *:not(.cs_half_bg_right) { position: relative; z-index: 5; } .cs_full_width_right { width: 100vw; } .cs_full_width_right .cs_iconbox.cs_style_3 { width: 416px; } @media (max-width: 991px) { .cs_full_width_right .cs_iconbox.cs_style_3 { width: 350px; } } @media (max-width: 400px) { .cs_full_width_right .cs_iconbox.cs_style_3 { width: 330px; } } .cs_width_left_50_vw { height: 100%; width: 50vw; margin-left: calc(101.8% - 50vw); } @media (max-width: 991px) { .cs_width_left_50_vw { margin-left: 0; width: 100%; } } .cs_width_right_50_vw { width: calc(50vw - 1.8%); } @media (max-width: 991px) { .cs_width_right_50_vw { width: 100%; } } .cs_width_right_50_vw-110 { width: calc(50vw - 110px); } @media (max-width: 1400px) { .cs_width_right_50_vw-110 { width: calc(50vw - 55px); } } @media (max-width: 991px) { .cs_width_right_50_vw-110 { width: 100%; } } .faq_thumb_1 { height: 700px; } @media (max-width: 991px) { .faq_thumb_1 { height: 500px; } } .cs_tab { display: none; } .cs_tab.active { display: block; } .cs_tabs.cs_style_1 .cs_tabs_heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px 30px; } .cs_tab_links.cs_style_1 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #313131; border-radius: 20px; } .cs_tab_links.cs_style_1 li { border-radius: inherit; } .cs_tab_links.cs_style_1 li.active a { background-color: var(--accent); color: #fff; } .cs_tab_links.cs_style_1 a { display: inline-block; padding: 11px 40px; border-radius: inherit; } @media (max-width: 991px) { .cs_tab_links.cs_style_1 a { padding: 11px 30px; } } @media (max-width: 575px) { .cs_tab_links.cs_style_1 a { padding: 11px 17px; } } .cs_tabs.cs_style_2 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; } .cs_tab_links.cs_style_2 { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 306px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .cs_tab_links.cs_style_2 li { height: 171px; width: 100%; } .cs_tab_links.cs_style_2 li a { display: block; height: 100%; width: 100%; border-radius: 5px; cursor: pointer; } .cs_tab_links.cs_style_2 li img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .cs_tab_links.cs_style_2 li.active a { -webkit-box-shadow: 0 0 0px 2px var(--accent); box-shadow: 0 0 0px 2px var(--accent); } @-webkit-keyframes rotate-anim { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-anim { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .cs_contact_info_boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; gap: 25px 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cs_contact_info_boxes .cs_iconbox.cs_style_4 { max-width: 320px; } @media (max-width: 1199px) { .cs_contact_info_boxes { gap: 25px 20px; } } @media (max-width: 767px) { .cs_contact_info_boxes { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .cs_author_card .cs_author_img { width: 250px; height: 250px; margin-left: auto; margin-right: auto; position: relative; padding: 15px; border-radius: 50%; } .cs_author_card .cs_author_img svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cs_author_card .cs_author_img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: inherit; } .cs_author_card .cs_author_meta img { max-height: 100px; } .cs_author_card .cs_author_name span { display: inline-block; position: relative; padding: 0 15px; } .cs_author_card .cs_author_name span::before, .cs_author_card .cs_author_name span::after { content: ""; position: absolute; height: 1px; width: 30px; background-color: var(--border); top: 50%; } .cs_author_card .cs_author_name span::before { left: 100%; } .cs_author_card .cs_author_name span::after { right: 100%; } .cs_booking_card { border: 1px solid var(--ternary); padding: 20px 30px; } .cs_booking_card .cs_booking_time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 20px; } .cs_booking_info_list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 6px 0; } .cs_booking_info_list li:not(:last-child) { border-bottom: 1px solid var(--ternary); } .lg-thumb.lg-group { margin-left: auto; margin-right: auto; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: var(--accent); } .lg-img-wrap { padding: 50px 70px !important; } .lg-sub-html { color: var(--primary); display: none; } .lg-actions .lg-prev { left: 15px; } .lg-actions .lg-next { right: 15px; } .cs_debit_card_box { display: none; } .cs_expent_section { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .cs_expent_section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cs_expent_section .cs_hover_active { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media (max-width: 991px) { .cs_expent_section .cs_hover_active.active { -webkit-box-flex: 1.1; -ms-flex: 1.1; flex: 1.1; } } .cs_sticky_top_100 { position: sticky; top: 100px; } @media (max-width: 991px) { .cs_mobile_reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cs_mobile_reverse_sp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cs_form_heading_1 br { display: none; } .cs_row_gap_lg_10 { margin-left: -5px; margin-right: -5px; } .cs_row_gap_lg_10 > * { padding-left: 5px; padding-right: 5px; } .cs_gap_y_lg_80 { gap: 80px 0; } } /*-------------------------------------------------------------- 5. Slider ----------------------------------------------------------------*/ .cs_slider { position: relative; } .slick-arrow { cursor: pointer; } .draggable { cursor: url(../img/drag.png) 16 9, ew-resize !important; } .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs_remove_overflow .slick-list { overflow: visible; } .cs_remove_overflow .slick-slide { opacity: 0; visibility: hidden; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .cs_remove_overflow .slick-slide.slick-active { opacity: 1; visibility: visible; } .cs_slider_gap_24 .slick-slide { padding-left: 12px; padding-right: 12px; } .cs_slider_gap_24 .slick-list { margin-left: -12px; margin-right: -12px; } .cs_slider_gap_30 .slick-slide { padding-left: 15px; padding-right: 15px; } .cs_slider_gap_30 .slick-list { margin-left: -15px; margin-right: -15px; } @media (max-width: 991px) { .cs_slider_gap_30 .slick-slide { padding-left: 12px; padding-right: 12px; } .cs_slider_gap_30 .slick-list { margin-left: -12px; margin-right: -12px; } } .cs_slider_gap_40 .slick-slide { padding-left: 20px; padding-right: 20px; } .cs_slider_gap_40 .slick-list { margin-left: -20px; margin-right: -20px; } @media (max-width: 1400px) { .cs_slider_gap_40 .slick-slide { padding-left: 12px; padding-right: 12px; } .cs_slider_gap_40 .slick-list { margin-left: -12px; margin-right: -12px; } } .cs_slider_gap_60 .slick-slide { padding-left: 30px; padding-right: 30px; } .cs_slider_gap_60 .slick-list { margin-left: -30px; margin-right: -30px; } @media (max-width: 1400px) { .cs_slider_gap_60 .slick-slide { padding-left: 12px; padding-right: 12px; } .cs_slider_gap_60 .slick-list { margin-left: -12px; margin-right: -12px; } } .cs_show_shadow_20 .slick-list { padding-bottom: 20px; margin-bottom: -20px; } .cs_slider_arrows.cs_style_1 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; } .cs_slider_arrows.cs_style_1 .cs_left_arrow, .cs_slider_arrows.cs_style_1 .cs_right_arrow { height: 60px; width: 50px; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: absolute; top: 30%; z-index: 5; } .cs_slider_arrows.cs_style_1 .cs_left_arrow:hover, .cs_slider_arrows.cs_style_1 .cs_right_arrow:hover { color: var(--accent); } .cs_slider_arrows.cs_style_1 .cs_left_arrow { left: 0px; } .cs_slider_arrows.cs_style_1 .cs_right_arrow { right: -2px; } .cs_slider_arrows.cs_style_2 .cs_left_arrow, .cs_slider_arrows.cs_style_2 .cs_right_arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cs_slider_arrows.cs_style_2 .cs_left_arrow:hover:hover, .cs_slider_arrows.cs_style_2 .cs_right_arrow:hover:hover { color: var(--accent); } .cs_slider_arrows.cs_style_2 .cs_right_arrow { right: calc((100vw - 1300px) / 2 / 2); margin-right: -28px; } @media (max-width: 1400px) { .cs_slider_arrows.cs_style_2 .cs_right_arrow { right: calc((100vw - 1140px) / 2 / 2); margin-right: -22px; } } @media (max-width: 1199px) { .cs_slider_arrows.cs_style_2 .cs_right_arrow { right: calc((100vw - 960px) / 2 / 2); margin-right: -22px; } } @media (max-width: 1050px) { .cs_slider_arrows.cs_style_2 .cs_right_arrow { margin-right: 0px; } } .cs_slider_arrows.cs_style_2 .cs_left_arrow { left: calc((100vw - 1300px) / 2 / 2); margin-left: -28px; } @media (max-width: 1400px) { .cs_slider_arrows.cs_style_2 .cs_left_arrow { left: calc((100vw - 1140px) / 2 / 2); margin-left: -22px; } } @media (max-width: 1199px) { .cs_slider_arrows.cs_style_2 .cs_left_arrow { left: calc((100vw - 960px) / 2 / 2); margin-left: -22px; } } @media (max-width: 1050px) { .cs_slider_arrows.cs_style_2 .cs_left_arrow { margin-left: 0px; } } .cs_slider_arrows.cs_style_3 .cs_left_arrow, .cs_slider_arrows.cs_style_3 .cs_right_arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1199px) { .cs_slider_arrows.cs_style_3 .cs_left_arrow, .cs_slider_arrows.cs_style_3 .cs_right_arrow { top: 35%; } } .cs_slider_arrows.cs_style_3 .cs_left_arrow:hover, .cs_slider_arrows.cs_style_3 .cs_right_arrow:hover { color: var(--accent); } .cs_slider_arrows.cs_style_3 .cs_left_arrow { left: 6.6%; } @media (max-width: 1199px) { .cs_slider_arrows.cs_style_3 .cs_left_arrow { left: 30px; } } .cs_slider_arrows.cs_style_3 .cs_right_arrow { right: 6.6%; } @media (max-width: 1199px) { .cs_slider_arrows.cs_style_3 .cs_right_arrow { right: 30px; } } .cs_slider_arrows.cs_style_4 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .cs_slider_arrows.cs_style_4 .cs_left_arrow, .cs_slider_arrows.cs_style_4 .cs_right_arrow { height: 50px; width: 50px; border-radius: 50%; background-color: var(--ternary); border-radius: 50%; color: var(--primary); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_slider_arrows.cs_style_4 .cs_left_arrow:hover, .cs_slider_arrows.cs_style_4 .cs_right_arrow:hover { background-color: var(--accent); color: #fff; } .cs_pagination.cs_style_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cs_pagination.cs_style_1 ul { list-style: none; padding: 0; margin: 0; margin-top: 65px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; gap: 15px; } @media (max-width: 991px) { .cs_pagination.cs_style_1 ul { margin-top: 40px; gap: 8px; } } .cs_pagination.cs_style_1 li { height: 15px; width: 15px; background-color: transparent; border: 2px solid var(--primary); border-radius: 50%; margin: 0; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cs_pagination.cs_style_1 li.slick-active { background-color: var(--accent); border-color: var(--accent); } .cs_pagination.cs_style_1 button { display: none; } .cs_pagination.cs_style_1.cs_type_1 { position: absolute; z-index: 5; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 15%; } .cs_pagination.cs_style_1.cs_type_1 ul { margin: 0; } .cs_pagination.cs_style_1.cs_type_1 li { border-color: #fff; } .cs_pagination.cs_style_1.cs_type_1 li.slick-active { border-color: var(--accent); } .cs_pagination.cs_style_1.cs_type_2 ul, .cs_pagination.cs_style_1.cs_type_3 ul { margin-top: 50px; } .cs_pagination.cs_style_1.cs_type_2 li, .cs_pagination.cs_style_1.cs_type_3 li { height: 10px; width: 10px; background-color: var(--secondary); border: none; } .cs_pagination.cs_style_1.cs_type_2 li.slick-active, .cs_pagination.cs_style_1.cs_type_3 li.slick-active { background-color: var(--accent); } .cs_pagination.cs_style_1.cs_type_3 { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: calc((100% - 1296px) / 2); } @media (max-width: 1400px) { .cs_pagination.cs_style_1.cs_type_3 { width: calc((100% - 1116px) / 2); } } @media (max-width: 1199px) { .cs_pagination.cs_style_1.cs_type_3 { width: calc((100% - 936px) / 2); } } @media (max-width: 991px) { .cs_pagination.cs_style_1.cs_type_3 { width: 100%; position: initial; -webkit-transform: initial; transform: initial; } } .cs_pagination.cs_style_1.cs_type_3 ul { margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 991px) { .cs_pagination.cs_style_1.cs_type_3 ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 40px; } } .cs_pagination.cs_style_1.cs_type_4 { position: absolute; bottom: 423px; width: 100%; } .cs_pagination.cs_style_1.cs_color_1 li { border-color: #fff; } .cs_pagination.cs_style_1.cs_color_1 li.slick-active { border-color: var(--accent); } .cs_slider_number.cs_style_1 span, .cs_slider_number.cs_style_2 span { display: inline-block; position: relative; } .cs_slider_number.cs_style_1 .cs_current_number, .cs_slider_number.cs_style_2 .cs_current_number { color: var(--accent); } .cs_slider_number.cs_style_1 .cs_slider_number_seperator, .cs_slider_number.cs_style_2 .cs_slider_number_seperator { display: inline-block; background-color: var(--primary); -webkit-transform: rotate(25deg); transform: rotate(25deg); position: relative; } .cs_slider_number.cs_style_1 { position: absolute; bottom: 6px; right: calc((100vw - 1300px) / 2 / 2); margin-right: -18px; } .cs_slider_number.cs_style_1 .cs_current_number { top: -10px; font-size: 50px; } .cs_slider_number.cs_style_1 .cs_total_numbers { top: 10px; } .cs_slider_number.cs_style_1 .cs_slider_number_seperator { height: 56px; width: 1px; top: 15px; } @media (max-width: 1400px) { .cs_slider_number.cs_style_1 { right: calc((100vw - 1140px) / 2 / 2); } } @media (max-width: 1199px) { .cs_slider_number.cs_style_1 { right: 40px; margin-right: 0; } } .cs_slider_number.cs_style_2 { font-size: 160px; line-height: 1em; padding-bottom: 80px; } .cs_slider_number.cs_style_2 .cs_current_number { top: -35px; font-size: 215px; } .cs_slider_number.cs_style_2 .cs_total_numbers { top: 35px; } .cs_slider_number.cs_style_2 .cs_slider_number_seperator { height: 240px; width: 4px; top: 70px; } .cs_hover_show_arrows .cs_slider_arrows.cs_style_1 .cs_left_arrow, .cs_hover_show_arrows .cs_slider_arrows.cs_style_1 .cs_right_arrow { opacity: 0; } .cs_hover_show_arrows:hover .cs_slider_arrows.cs_style_1 .cs_left_arrow, .cs_hover_show_arrows:hover .cs_slider_arrows.cs_style_1 .cs_right_arrow { opacity: 1; } @media (max-width: 991px) { .cs_slider_navigation { position: absolute; z-index: 8; bottom: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .cs_slider_navigation .cs_swiper_button_prev, .cs_slider_navigation .cs_swiper_button_next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 5; } .cs_slider_navigation .cs_swiper_button_prev:hover, .cs_slider_navigation .cs_swiper_button_next:hover { color: var(--accent); } @media (max-width: 991px) { .cs_slider_navigation .cs_swiper_button_prev, .cs_slider_navigation .cs_swiper_button_next { position: initial; -webkit-transform: initial; transform: initial; } } .cs_slider_navigation .cs_swiper_button_prev { left: 6.6%; } @media (max-width: 1199px) { .cs_slider_navigation .cs_swiper_button_prev { left: 3%; } } .cs_slider_navigation .cs_swiper_button_next { right: 6.6%; } @media (max-width: 1199px) { .cs_slider_navigation .cs_swiper_button_next { right: 3%; } } .swiper-slide { overflow: hidden; } .swiper-slide .cs_hero.cs_style_1 .cs_hero_text { position: relative; top: 10px; opacity: 0; -webkit-transition: all 0.9s ease; transition: all 0.9s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swiper-slide.swiper-slide-active .cs_hero.cs_style_1 .cs_hero_text { top: 0; opacity: 1; -webkit-transition: all 0.9s ease 0.9s; transition: all 0.9s ease 0.9s; } .slick-vertical.cs_gallery_slider_nav { margin-top: -12px; margin-bottom: -12px; } .slick-vertical.cs_gallery_slider_nav .slick-slide { border: none; padding: 12px 0; } @media (max-width: 991px) { .slick-vertical.cs_gallery_slider_nav { margin-top: -5px; margin-bottom: -5px; } .slick-vertical.cs_gallery_slider_nav .slick-slide { border: none; padding: 5px 0; } } .slick-vertical .cs_gallery_slider_thumb_mini { border-radius: 5px; overflow: hidden; cursor: pointer; position: relative; } .slick-vertical .cs_gallery_slider_thumb_mini::before { content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; border: 2px solid var(--accent); border-radius: inherit; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .slick-vertical .slick-current .cs_gallery_slider_thumb_mini::before { opacity: 1; } .cs_left_arrow_gallery, .cs_right_arrow_gallery { position: absolute; height: 50px; width: 50px; border-radius: 50%; color: var(--web-wash); background-color: var(--primary); top: 50%; margin-top: -25px; z-index: 2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .cs_left_arrow_gallery:hover, .cs_right_arrow_gallery:hover { background-color: var(--accent); } .cs_left_arrow_gallery { left: 25px; } .cs_right_arrow_gallery { right: 25px; } .cs_gallery_hover_show_nav .cs_left_arrow_gallery, .cs_gallery_hover_show_nav .cs_right_arrow_gallery { opacity: 0; } .cs_gallery_hover_show_nav:hover .cs_left_arrow_gallery, .cs_gallery_hover_show_nav:hover .cs_right_arrow_gallery { opacity: 1; } .cs_gallery_slider_thumb_item_2 { height: 750px; } @media (max-width: 1400px) { .cs_gallery_slider_thumb_item_2 { height: 600px; } } @media (max-width: 1199px) { .cs_gallery_slider_thumb_item_2 { height: 500px; } } .cs_gallery_slider_nav_2_wrap { width: 100%; position: absolute; bottom: 35px; } @media (max-width: 767px) { .cs_gallery_slider_nav_2_wrap { bottom: 25px; } } .cs_gallery_slider_nav_2_wrap .cs_price_per { color: rgba(255, 255, 255, 0.7); position: relative; bottom: 4px; } .cs_gallery_slider_nav_2_wrap .cs_price { margin-top: 5px; } .cs_gallery_slider_nav_2 { width: 480px; margin-left: auto; } @media (max-width: 1199px) { .cs_gallery_slider_nav_2 { width: 350px; } } @media (max-width: 991px) { .cs_gallery_slider_nav_2 { width: 250px; } } @media (max-width: 767px) { .cs_gallery_slider_nav_2 { margin-right: auto; } } .cs_gallery_slider_nav_2 .slick-slide { padding-left: 5px; padding-right: 5px; } .cs_gallery_slider_nav_2 .slick-slide.slick-current .cs_gallery_slider_thumb_mini_2::before { border-width: 2px; border-color: var(--accent); } .cs_gallery_slider_nav_2 .slick-list { margin-left: -5px; margin-right: -5px; } .cs_gallery_slider_thumb_mini_2 { height: 120px; border-radius: 5px; cursor: pointer; position: relative; } @media (max-width: 1199px) { .cs_gallery_slider_thumb_mini_2 { height: 80px; } } @media (max-width: 991px) { .cs_gallery_slider_thumb_mini_2 { height: 60px; } } .cs_gallery_slider_thumb_mini_2::before { content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: inherit; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_gallery_slider_nav_2_in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .cs_gallery_slider_nav_2_in { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 25px; } } .cs_gallery_slider_thumb_2 { position: relative; } .cs_gallery_slider_thumb_2:after { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(transparent)); background: linear-gradient(0, rgba(0, 0, 0, 0.6), transparent); bottom: -2px; content: ""; height: 30%; position: absolute; width: 100%; } @media (max-width: 767px) { .cs_gallery_slider_thumb_2:after { height: 50%; } } .cs_left_arrow_gallery_2, .cs_right_arrow_gallery_2 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 5; color: var(--accent); } .cs_left_arrow_gallery_2:hover, .cs_right_arrow_gallery_2:hover { color: #fff; } .cs_left_arrow_gallery_2 { left: 5%; } .cs_right_arrow_gallery_2 { right: 5%; } @media (max-width: 991px) { .cs_mobile_hide { display: none !important; } } @media (min-width: 992px) { .cs_mobile_show { display: none !important; } } @media (max-width: 767px) { .cs_mobile_hide_md { display: none !important; } } @media (min-width: 767px) { .cs_mobile_show_md { display: none !important; } } /*-------------------------------------------------------------- 6. Video Modal ----------------------------------------------------------------*/ .cs_video_popup { position: fixed; z-index: 1000; top: 0; width: 100%; height: 100%; left: -100%; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .cs_video_popup.active { left: 0; -webkit-transition-delay: 0s; transition-delay: 0s; left: 0; } .cs_video_popup-overlay { position: absolute; left: 0; right: 0; background: #000; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; opacity: 0; } .cs_video_popup.active .cs_video_popup-overlay { opacity: 0.8; height: 100%; background: rgba(0, 0, 0, 0.5); } .cs_video_popup-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 0; text-align: center; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; visibility: hidden; padding: 15px; } .cs_video_popup.active .cs_video_popup-content { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .cs_video_popup-content:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .cs_video_popup_container { display: inline-block; position: relative; text-align: left; background: #fff; max-width: 1380px; width: 100%; vertical-align: middle; } .cs_video_popup_container .embed-responsive { width: 100%; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; height: 100%; } .embed-responsive-16by9::before { display: block; content: ""; padding-top: 56.25%; } .embed-responsive iframe, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .cs_video_popup_close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #d90d0d; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .cs_video_popup iframe { width: 100%; height: 100%; position: absolute; } .cs_video_popup_close:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 1px; background: #fff; margin-left: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .cs_video_popup_close:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 1px; background: #fff; margin-left: -10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .cs_video_popup_close:hover:before, .cs_video_popup_close:hover:after { background: #000; } .cs_video_popup-layer { position: absolute; left: 0; bottom: 0; right: 0; } .cs_video_popup-align { overflow: hidden; } /*End Video Popup*/ /*-------------------------------------------------------------- 7. Header ----------------------------------------------------------------*/ .cs_site_header { position: absolute; width: 100%; left: 0; top: 0px; z-index: 101; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_site_header.cs_style_1 { background-color: var(--web-wash); } .cs_site_header.cs_style_1 .cs_main_header_in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cs_site_header.cs_style_1 .cs_main_header_in { height: 100px; } .cs_site_header.cs_style_1 .cs_main_header_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } @media (max-width: 1199px) { .cs_site_header.cs_style_1 .cs_main_header_right { padding-right: 45px; } } .cs_site_header.cs_style_1 .cs_nav_list > li > a { text-transform: uppercase; } .cs_site_header.cs_style_1.cs_transparent_header { background: rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } @media (min-width: 1200px) { .cs_site_header.cs_style_1.cs_transparent_header .cs_nav_list > li > a { color: #fff; } .cs_site_header.cs_style_1.cs_transparent_header .cs_nav_list > li > a:hover { color: var(--accent); } } .cs_site_header.cs_style_1.cs_transparent_header .cs_btn.cs_style_2 { border-radius: 5px; border-color: #fff; color: #fff; } .cs_site_header.cs_style_1.cs_transparent_header .cs_btn.cs_style_2:hover { background-color: var(--accent); border-color: var(--accent); } .cs_site_header.cs_style_1.cs_type_1 { background-color: transparent; border-bottom: 1px solid var(--ternary); } .cs_site_header.cs_style_1.cs_sticky_active { background-color: var(--web-wash); -webkit-box-shadow: 0 10px 10px -10px rgba(33, 43, 53, 0.1); box-shadow: 0 10px 10px -10px rgba(33, 43, 53, 0.1); } .cs_site_header.cs_style_2 .cs_main_header_in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs_site_header.cs_style_2 .cs_main_header_left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } @media (max-width: 991px) { .cs_site_header.cs_style_2 .cs_header_number { color: #fff; } .cs_site_header.cs_style_2 .cs_btn.cs_style_2 { border-color: #fff; color: #fff; } .cs_site_header.cs_style_2 .cs_btn.cs_style_2:hover { border-color: var(--accent); } } .cs_site_header.cs_style_2.cs_type_1 { border-bottom: 1px solid var(--secondary); } .cs_site_header.cs_style_2.cs_type_1 .cs_header_info_box { color: #fff; } .cs_site_header.cs_style_2.cs_type_1 .cs_header_number_icon { color: var(--accent); } .cs_site_header.cs_style_2.cs_type_1 .cs_btn.cs_style_2 { border-color: #fff; color: #fff; } .cs_site_header.cs_style_2.cs_type_1 .cs_btn.cs_style_2:hover { border-color: var(--accent); } .cs_header_info_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1199px) { .cs_header_info_box { gap: 30px 30px; } } .cs_header_number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } @media (max-width: 767px) { .cs_header_number { display: none; } } .cs_site_header_full_width .container { max-width: 100%; padding: 0 100px; } /* Start Hamburger Menum */ .cs_hamburger_btn { 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: 30px; height: 30px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; border: none; border-radius: 50%; color: currentColor; background-color: transparent; outline: none; padding: 0; color: #fff; } .cs_hamburger_btn .cs_hamburger_btn_in { width: 30px; height: 22px; line-height: 0; cursor: pointer; position: relative; text-align: left; overflow: hidden; } .cs_hamburger_btn .cs_hamburger_btn_in span { display: inline-block; position: absolute; height: 2px; width: 100%; border-radius: 0; background-color: currentColor; color: inherit; vertical-align: top; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; border-radius: 3px; left: 0; } .cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(1) { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); width: calc(100% - 5px); } .cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(2) { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(3) { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); width: calc(100% - 10px); } .cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(4) { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); width: calc(100% - 20px); } .cs_hamburger_btn:hover .cs_hamburger_btn_in span { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(1) { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(2) { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } .cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(3) { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } .cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(4) { -webkit-transform: translate(0, 30px); transform: translate(0, 30px); } .cs_hamburger_active { overflow: hidden; } .cs_hamburger_header { position: fixed; z-index: 99999; background-color: rgba(27, 27, 27, 0.9607843137); width: 100%; height: 100vh; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cs_hamburger_header .cs_social_btns.cs_style_1 a { border-color: var(--accent); color: #fff; } .cs_hamburger_header .cs_social_btns.cs_style_1 a:hover { -webkit-transform: initial; transform: initial; background-color: var(--accent); } .cs_hamburger_header.active { opacity: 1; visibility: visible; } .cs_hamburger_header_top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 110px; } .cs_hamburger_menu { overflow-y: auto; overflow-x: hidden; height: calc(100vh - 110px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 50px; } .cs_hamburger_menu ul { list-style: none; padding: 0; margin: auto 0; } .cs_hamburger_menu .menu-item-has-children ul { display: none; } .cs_hamburger_menu .cs_menu_dropdown_toggle { display: block; cursor: pointer; margin-top: 5px; } @media (max-width: 1199px) { .cs_hamburger_menu .cs_menu_dropdown_toggle { position: initial; height: initial; width: initial; padding: 0; } } .cs_hamburger_menu .cs_menu_dropdown_toggle::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; height: 50px; } .cs_hamburger_menu .cs_menu_dropdown_toggle span { width: 0px; height: 0px; display: block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; } .cs_hamburger_menu .cs_menu_dropdown_toggle span::before, .cs_hamburger_menu .cs_menu_dropdown_toggle span::after { display: none; } .cs_hamburger_menu .menu-item-has-children { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 23px; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; overflow: hidden; } .cs_hamburger_menu .menu-item-has-children:hover > a { color: var(--accent); } .cs_hamburger_menu .menu-item-has-children > *:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cs_hamburger_menu .menu-item-has-children > *:nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .cs_hamburger_menu .menu-item-has-children > *:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .cs_hamburger_menu .menu-item-has-children > ul { width: 100%; } .cs_hamburger_menu .cs_nav_list > li:not(:last-child) { margin-bottom: 28px; } .cs_hamburger_menu .cs_nav_list > li > ul { font-size: 65%; line-height: 1.6em; } .cs_hamburger_menu .cs_nav_list > li > ul .cs_menu_dropdown_toggle { display: block; cursor: pointer; } .cs_hamburger_menu .cs_nav_list > li > ul .cs_menu_dropdown_toggle::before { height: 39px; } .cs_hamburger_menu .cs_nav_list > li img { display: none; } .cs_hamburger_menu .cs_nav_list ul { padding-left: 25px; padding-top: 10px; } .cs_hamburger_menu .cs_nav_list ul li:not(:last-child) { margin-bottom: 10px; } .cs_close_hamburger { background-color: transparent; border: navajowhite; padding: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } .cs_close_hamburger:hover { opacity: 0.75; -webkit-transform: rotate(90deg) scale(1.05); transform: rotate(90deg) scale(1.05); } .cs_hamburger_header_info { height: calc(100vh - 110px); overflow-y: auto; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 991px) { .cs_hamburger_header_info { display: none; } } .cs_hamburger_header_info_in { padding: 0px 0 50px; margin-top: auto; margin-bottom: auto; } /* End Hamburger Menum */ @media screen and (max-width: 1199px) { .cs_main_header .container { max-width: 100%; } .cs_site_header.cs_style_1 .cs_nav { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cs_nav ul { margin: 0; padding: 0; list-style: none; } .cs_sticky_header { position: fixed !important; width: 100%; z-index: 999; } .cs_gescout_sticky { position: fixed !important; top: -110px; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_gescout_sticky.cs_site_header.cs_style_1 { background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .cs_gescout_sticky.cs_site_header.cs_style_1.cs_transparent_header { background-color: rgba(0, 0, 0, 0.8); } .cs_gescout_show { top: 0 !important; opacity: 1; -webkit-box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1); box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1); } .cs_gescout_show.cs_site_header.cs_style_2 { background-color: var(--primary); } .cs_gescout_show.cs_site_header.cs_style_2 .cs_main_header_in { height: 90px; } .cs_gescout_show.cs_site_header.cs_style_2 .cs_header_info_box { color: #fff; } .cs_gescout_show.cs_site_header.cs_style_2 .cs_btn.cs_style_2 { border-color: #fff; color: #fff; } .cs_gescout_show.cs_site_header.cs_style_2 .cs_btn.cs_style_2:hover { border-color: var(--accent); } .cs_site_branding { display: inline-block; } .cs_site_branding + .cs_nav { margin-left: 80px; } @media (max-width: 1600px) { .cs_site_branding + .cs_nav { margin-left: 40px; } } .cs_main_header .container-fluid { padding-right: 100px; padding-left: 100px; } @media (max-width: 1600px) { .cs_main_header .container-fluid { padding-right: 60px; padding-left: 60px; } } @media (max-width: 1400px) { .cs_main_header .container-fluid { padding-right: 30px; padding-left: 30px; } } @media (max-width: 1199px) { .cs_main_header .container-fluid { padding-right: 15px; padding-left: 15px; } } @media screen and (min-width: 1200px) { .cs_main_header { position: relative; } .cs_main_header_center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cs_site_header.cs_style_1 .cs_main_header_center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; max-width: calc(100% - 300px); } .cs_site_header.cs_style_1 .cs_main_header_left { height: 100%; 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; } .cs_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; line-height: 1.6em; } .cs_nav .cs_nav_list { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; height: inherit; } .cs_nav .cs_nav_list > li { margin-right: 40px; height: inherit; } .cs_nav .cs_nav_list > li:last-child { margin-right: 0; } .cs_nav .cs_nav_list > li > a { padding: 10px 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; height: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs_nav .cs_nav_list > li > ul { left: 0; top: calc(100% + 15px); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; pointer-events: none; } .cs_nav .cs_nav_list > li:hover > ul { top: 100%; opacity: 1; visibility: visible; pointer-events: auto; } .cs_nav .cs_nav_list > li.menu-item-has-children > a { position: relative; } .cs_nav .cs_nav_list > li.menu-item-has-children > a::after { content: ""; display: inline-block; height: 6px; width: 6px; border: 2px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 0; border-top: 0; margin-left: 6px; position: relative; top: -1px; border-radius: 0px 0px 2px 0px; } .cs_nav .cs_nav_list > li ul { font-size: 15px; font-weight: 400; line-height: 1.6em; } .cs_nav .cs_nav_list li:not(.cs_mega_menu) { position: relative; } .cs_nav .cs_nav_list ul { width: 230px; background-color: var(--web-wash); position: absolute; border-top: 2px solid var(--accent); -webkit-box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1); box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1); padding: 10px 0; z-index: 100; opacity: 0; visibility: hidden; display: block !important; border-radius: 0 0 5px 5px; } .cs_nav .cs_nav_list ul li:hover ul { top: 0px; } .cs_nav .cs_nav_list ul li:hover > ul { opacity: 1; visibility: visible; } .cs_nav .cs_nav_list ul a { display: block; line-height: inherit; padding: 10px 20px; } .cs_nav .cs_nav_list ul ul { top: 15px; left: 100%; } .cs_nav + .cs_toolbox { margin-left: 40px; } .cs_menu_toggle, .cs_menu_dropdown_toggle { display: none; } .cs_nav .cs_nav_list .cs_mega_menu { position: relative; } .cs_nav .cs_nav_list .cs_mega_wrapper { width: 1296px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: fixed; top: 100px !important; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 5px 15px 10px; border-top: 2px solid var(--accent); border-radius: 0 0 5px 5px; } .cs_nav .cs_nav_list .cs_mega_wrapper a { padding: 7px 10px; } .cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px 0; } .cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children > a { font-size: 18px; font-weight: 600; pointer-events: none; } .cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children > a:hover { background-color: transparent; } .cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children ul { position: initial; border: none; padding: 0; width: 100%; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children ul a { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb { display: grid !important; grid-gap: 20px; grid-template-columns: repeat(5, 1fr); padding: 25px 25px 20px 25px; } .cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb img { border: 1px solid var(--border); border-radius: 7px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; margin-bottom: 8px; } .cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb a { padding: 0; display: block; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 1.6em; font-weight: 500; } .cs_nav .cs_nav_list .cs_mega_wrapper.cs_with_thumb a:hover img { border-color: #d5d4d4; } .cs_nav .cs_nav_list .cs_mega_menu:hover .cs_mega_wrapper li ul { opacity: 1; visibility: visible; } .cs_nav .cs_nav_list > li ul:not(.cs_mega_wrapper) .menu-item-has-children > a { position: relative; } } @media screen and (max-width: 1400px) { .cs_nav .cs_nav_list .cs_mega_wrapper { width: 1116px !important; } .cs_site_header_full_width .container { max-width: 100%; } } @media screen and (max-width: 1199px) { .cs_nav .cs_nav_list .cs_mega_wrapper { width: 100% !important; } .cs_site_header_full_width .container { padding: 0 15px; } .cs_menu_dropdown_toggle { position: absolute; height: 40px; width: 100%; top: 0; left: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 23px 18px; cursor: pointer; z-index: 3; } .cs_menu_dropdown_toggle span { display: block; position: relative; height: 10px; width: 10px; } .cs_menu_dropdown_toggle span:before, .cs_menu_dropdown_toggle span:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 2px; width: 10px; background-color: currentColor; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cs_menu_dropdown_toggle span:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .cs_menu_dropdown_toggle.active span:before { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } .menu-item-has-children .menu-item-has-children .cs_menu_dropdown_toggle { padding: 20px 18px; } .cs_site_branding { position: relative; z-index: 101; } .cs_nav .cs_nav_list { position: fixed; width: 100vw; left: -100vw; background-color: var(--web-wash); color: var(--primary); padding: 10px 0; top: 0; overflow: auto; height: 100vh; line-height: 1.6em; padding-top: 80px; } .cs_nav .cs_nav_list img { display: none; } .cs_nav .cs_nav_list.cs_active { left: 0vw; } .cs_nav .cs_nav_list ul { padding-left: 15px; display: none; } .cs_nav .cs_nav_list a { display: block; padding: 10px 15px; font-size: 16px; font-weight: 500; } .cs_nav .cs_nav_list > li > a { font-size: 18px; line-height: 22px; } .cs_nav .menu-item-has-children { position: relative; } .cs_transparent_header .cs_nav_list { background-color: #1b1b1b; color: #fff; } /*Mobile Menu Button*/ .cs_menu_toggle { display: inline-block; width: 30px; height: 27px; cursor: pointer; position: absolute; top: 27px; right: 30px; color: var(--primary); } .cs_menu_toggle span, .cs_menu_toggle span:before, .cs_menu_toggle span:after { width: 100%; height: 2px; background-color: currentColor; display: block; } .cs_menu_toggle span { margin: 0 auto; position: relative; top: 12px; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .cs_menu_toggle span:before { content: ""; position: absolute; margin-top: -9px; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; } .cs_menu_toggle span:after { content: ""; position: absolute; margin-top: 9px; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; } .cs_transparent_header .cs_menu_toggle { color: #fff; } .cs_site_header.cs_style_1 .cs_menu_toggle { top: 50%; right: 0px; margin-top: -13px; } .cs_toggle_active span { background-color: rgba(0, 0, 0, 0); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .cs_toggle_active span:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; } .cs_toggle_active span:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; } .cs_nav .cs_nav_list a { position: relative; } .cs_site_header.cs_style_1 .cs_main_header_in { height: 80px; } .cs_site_header .current-menu-item > a:before { display: none; } .cs_site_header.cs_style_1 .cs_main_header_center .cs_site_branding { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cs_site_header.cs_style_1 { top: 0; } .cs_has_main_nav { display: none; } .cs_site_header .cs_btn.cs_style_2 { padding: 5px 15px; } } @media screen and (max-width: 991px) { .cs_site_header .container { max-width: 100%; } .cs_site_header.cs_style_1 .cs_action_box > *:not(:last-child) { margin-right: 25px; } } @media screen and (max-width: 575px) { .cs_site_header .cs_btn.cs_style_2 { display: none; } } /*-------------------------------------------------------------- 8. Footer ----------------------------------------------------------------*/ .cs_widget_title { margin-bottom: 47px; } @media (max-width: 991px) { .cs_widget_title { margin-bottom: 30px; } } .cs_widget_title span { display: inline-block; position: relative; padding-right: 20px; } .cs_widget_title span::before { content: ""; position: absolute; height: 1px; width: 50px; background-color: #fff; left: 100%; top: 54%; } .cs_menu_widget { padding: 0; margin: 0; list-style: none; } .cs_menu_widget li:not(:last-child) { margin-bottom: 8px; } .cs_menu_widget + .cs_social_btns.cs_style_1 { margin-top: 38px; } .cs_text_widget p { margin: 0; } .cs_text_widget img + p { margin-top: 46px; } .cs_text_widget h3 + p, .cs_text_widget h2 + p { margin-top: 10px; } .cs_text_widget h2, .cs_text_widget h3 { color: #fff; font-weight: 400; font-size: 24px; margin-bottom: 0px; margin-top: 30px; } .cs_social_btns.cs_style_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 13px; gap: 10px; } .cs_social_btns.cs_style_1 a { height: 30px; width: 30px; border-radius: 50%; border: 1px solid var(--secondary); display: -webkit-box; display: -ms-flexbox; display: flex; } .cs_social_btns.cs_style_1 a:hover { border-color: var(--accent); -webkit-transform: scale(1.08); transform: scale(1.08); } .cs_social_btns.cs_style_1 a:hover svg { fill: var(--accent); } .cs_footer_links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cs_footer_links li:not(:last-child)::after { content: "|"; margin: 0 10px; position: relative; top: -1px; } .cs_bottom_footer_wrap { background-color: #171717; } .cs_bottom_footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 0; gap: 2px 15px; } @media (max-width: 767px) { .cs_bottom_footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px 0 20px 0; } } .cs_copyright a { color: var(--accent); background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor)); background-image: linear-gradient(90deg, currentColor 0, currentColor 100%); -webkit-transition: background-size 0.6s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out; transition: background-size 0.6s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out; background-position: 100% calc(100% - 0px); background-size: 0 2px; } .cs_copyright a:hover { background-size: 100% 2px; background-position: 0 calc(100% - 0px); } .cs_fullscreen_footer_in { height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 30px; } .cs_footer_main { padding: 100px 0; } @media (max-width: 991px) { .cs_footer_main { padding: 80px 0; } } .cs_footer_grid_4 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px 70px; } @media (max-width: 1400px) { .cs_footer_grid_4 { gap: 30px 40px; } } @media (max-width: 1199px) { .cs_footer_grid_4 { gap: 30px 24px; } } @media (max-width: 991px) { .cs_footer_grid_4 { display: grid; gap: 55px 24px; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .cs_footer_grid_4 { gap: 55px 24px; grid-template-columns: repeat(1, 1fr); } } .cs_footer_grid_4 .cs_footer_grid_item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cs_footer_grid_4 .cs_footer_grid_item:first-child { -webkit-box-flex: 1.4; -ms-flex: 1.4; flex: 1.4; } .cs_footer_grid_4 .cs_footer_grid_item:nth-child(2) { -webkit-box-flex: 1.4; -ms-flex: 1.4; flex: 1.4; } .cs_footer_grid_4 .cs_footer_grid_item:last-child { -webkit-box-flex: 2.1; -ms-flex: 2.1; flex: 2.1; } .cs_footer_grid_4.cs_type_1 { gap: 30px 10%; } @media (max-width: 1600px) { .cs_footer_grid_4.cs_type_1 { gap: 30px 6%; } } @media (max-width: 1400px) { .cs_footer_grid_4.cs_type_1 { gap: 30px 40px; } } @media (max-width: 1199px) { .cs_footer_grid_4.cs_type_1 { gap: 30px 24px; } } @media (max-width: 991px) { .cs_footer_grid_4.cs_type_1 { gap: 55px 24px; } } @media (max-width: 575px) { .cs_footer_grid_4.cs_type_1 { gap: 55px 24px; } } .cs_footer_links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cs_footer_links li:not(:last-child)::after { content: "|"; margin: 0 10px; position: relative; top: -1px; } .cs_footer_map { height: 260px; } .cs_footer_map iframe { height: 100%; display: block; border: none; width: 100%; -webkit-filter: grayscale(100%) invert(95%) contrast(140%); filter: grayscale(100%) invert(95%) contrast(140%); border-radius: 5px; outline: none; } .cs_footer .cs_newsletter.cs_style_1 .cs_newsletter_input { padding-right: 145px; border-color: var(--secondary); } .cs_footer .cs_newsletter.cs_style_1 .cs_newsletter_input::-webkit-input-placeholder { color: var(--secondary); } .cs_footer .cs_newsletter.cs_style_1 .cs_newsletter_input::-moz-placeholder { color: var(--secondary); } .cs_footer .cs_newsletter.cs_style_1 .cs_newsletter_input:-ms-input-placeholder { color: var(--secondary); } .cs_footer .cs_newsletter.cs_style_1 .cs_newsletter_input::-ms-input-placeholder { color: var(--secondary); } .cs_footer .cs_newsletter.cs_style_1 .cs_newsletter_input::placeholder { color: var(--secondary); } .cs_footer .cs_newsletter.cs_style_1 .cs_newsletter_input::-ms-input-placeholder { color: var(--secondary); } .cs_scrollup { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 46px; width: 46px; top: -23px; background-color: #181818; border-radius: 50%; cursor: pointer; } .cs_scrollup > svg { position: relative; z-index: 2; } .cs_scrollup .cs_scrollup_bg_dotted { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: rotate 15s linear infinite; animation: rotate 15s linear infinite; -webkit-animation-play-state: paused; animation-play-state: paused; } .cs_scrollup::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; border-radius: 50%; background-color: var(--accent); opacity: 0.5; } .cs_scrollup:hover .cs_scrollup_bg_dotted { -webkit-animation-play-state: initial; animation-play-state: initial; } .cs_scrollup.cs_type_1 { top: 20px; } @media (max-width: 991px) { .cs_scrollup.cs_type_1 { top: -23px; } } @-webkit-keyframes rotate { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes rotate { from { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } /*-------------------------------------------------------------- 9. Sidebar ----------------------------------------------------------------*/ .cs_right_sidebar { padding-left: 110px; } @media (max-width: 1400px) { .cs_right_sidebar { padding-left: 55px; } } @media (max-width: 991px) { .cs_right_sidebar { padding-left: 0px; } } .cs_sidebar_item:not(:last-child) { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid var(--ternary); } .cs_sidebar_item.widget_search { border: none; padding-bottom: 22px; } .cs_sidebar_widget_title { font-size: 28px; line-height: 1.25em; margin-bottom: 25px; } .widget_categories li:not(:last-child) { margin-bottom: 6px; } .cs_recent_posts, .widget_categories ul { list-style: none; padding: 0; margin: 0; } .cs_recent_post_title { margin-bottom: 10px; font-size: 21px; line-height: 1.28em; } .cs_recent_posts li:not(:last-child) { margin-bottom: 20px; } .tagcloud { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .tag-cloud-link { display: inline-block; padding: 7px 22px; border: 1px solid var(--ternary); border-radius: 20px; } .tag-cloud-link:hover { background-color: var(--accent); border-color: var(--accent); color: #fff; } .cs_sidebar_search { position: relative; } .cs_sidebar_search input { width: 100%; border: 1px solid var(--ternary); height: 50px; padding: 5px 20px 5px 50px; border-radius: 20px; outline: none; background-color: var(--web-wash); } .cs_sidebar_search input:focus { border-color: var(--accent); } .cs_sidebar_search .cs_sidebar_search_btn { position: absolute; left: 0; height: 50px; border: none; background-color: transparent; width: 45px; padding: 0 0 0 10px; } .cs_sidebar_search .cs_sidebar_search_btn:hover { color: var(--accent); } /*-------------------------------------------------------------- 10. Hero ----------------------------------------------------------------*/ .cs_down_btn_2 { position: absolute; height: 35px; width: 20px; border-radius: 10px; border: 2px solid #fff; bottom: 14%; left: 50%; margin-left: -10px; } .cs_down_btn_2::before { content: ""; height: 5px; width: 5px; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; -webkit-animation: UpAndDown 3s infinite; animation: UpAndDown 3s infinite; } @-webkit-keyframes UpAndDown { 0%, 100% { top: 30%; } 50% { top: 70%; opacity: 0.5; -webkit-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); } } @keyframes UpAndDown { 0%, 100% { top: 30%; } 50% { top: 70%; opacity: 0.5; -webkit-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); } } .cs_hero.cs_style_1 { height: calc(100vh - 80px); padding: 100px 0 50px; max-height: 1100px; } @media (max-width: 991px) { .cs_hero.cs_style_1 { padding: 100px 0; height: 100vh; } } @media (max-width: 575px) { .cs_hero.cs_style_1 { min-height: 500px; } .cs_hero.cs_style_1 .cs_hero_title br { display: none; } } .cs_hero.cs_style_1 .cs_hero_subtitle, .cs_hero.cs_style_4 .cs_hero_subtitle { padding: 0 37px; } @media (max-width: 1400px) { .cs_hero.cs_style_1 .cs_hero_subtitle, .cs_hero.cs_style_4 .cs_hero_subtitle { padding: 0 25px; } } @media (max-width: 575px) { .cs_hero.cs_style_1 .cs_hero_subtitle, .cs_hero.cs_style_4 .cs_hero_subtitle { padding: 0; } } .cs_hero.cs_style_1 .cs_hero_subtitle img, .cs_hero.cs_style_4 .cs_hero_subtitle img { top: 7px; } @media (max-width: 575px) { .cs_hero.cs_style_1 .cs_hero_subtitle img, .cs_hero.cs_style_4 .cs_hero_subtitle img { display: none; } } .cs_hero.cs_style_2 { height: 100vh; max-height: 1100px; } @media (max-width: 1199px) { .cs_hero.cs_style_2 { max-height: initial; height: initial; } } @media (max-width: 991px) { .cs_hero.cs_style_2 { padding: 500px 0 0 0; } } @media (max-width: 575px) { .cs_hero.cs_style_2 { padding: 400px 0 0 0; } } .cs_hero.cs_style_2 .cs_hero_left_img, .cs_hero.cs_style_2 .cs_hero_left_right { position: absolute; top: 0; height: 100%; width: 50%; } @media (max-width: 991px) { .cs_hero.cs_style_2 .cs_hero_left_img, .cs_hero.cs_style_2 .cs_hero_left_right { height: 500px; } } @media (max-width: 575px) { .cs_hero.cs_style_2 .cs_hero_left_img, .cs_hero.cs_style_2 .cs_hero_left_right { height: 400px; } } .cs_hero.cs_style_2 .cs_hero_left_img { left: 0; } @media (max-width: 1199px) { .cs_hero.cs_style_2 .cs_hero_left_img { width: 45%; } } @media (max-width: 991px) { .cs_hero.cs_style_2 .cs_hero_left_img { width: 100%; } } .cs_hero.cs_style_2 .cs_hero_left_right { right: 0; } @media (max-width: 1199px) { .cs_hero.cs_style_2 .cs_hero_left_right { width: 55%; } } @media (max-width: 991px) { .cs_hero.cs_style_2 .cs_hero_left_right { width: 100%; top: 400px; } } .cs_hero.cs_style_2 .cs_hero_text { padding: 50px 0 50px 88px; } @media (max-width: 1199px) { .cs_hero.cs_style_2 .cs_hero_text { padding: 80px 0; } } @media (max-width: 991px) { .cs_hero.cs_style_2 .cs_hero_text { padding: 60px 0; } } .cs_hero.cs_style_2 .cs_hero_in { position: relative; z-index: 3; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 90px 0 90px 0; } @media (max-width: 991px) { .cs_hero.cs_style_2 .cs_hero_in { padding: 0px 0 0px 0; } } .cs_hero.cs_style_2 .cs_hero_content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cs_hero.cs_style_3 { height: 100vh; max-height: 1100px; padding-top: 70px; overflow: hidden; } @media (max-width: 991px) { .cs_hero.cs_style_3 { max-height: initial; height: initial; padding: 180px 0 100px; } .cs_hero.cs_style_3 .cs_form.cs_style_4.cs_type_1 .cs_date_item { width: 100%; } .cs_hero.cs_style_3 .cs_form.cs_style_4.cs_type_1 .cs_date_items::before { display: none; } } .cs_hero.cs_style_3 .cs_hero_subtitle { margin-bottom: 13%; color: rgba(255, 255, 255, 0.7); } @media (max-width: 991px) { .cs_hero.cs_style_3 .cs_hero_subtitle { margin-bottom: 50px; } } .cs_hero.cs_style_3 .container { position: relative; z-index: 5; } .cs_hero.cs_style_3 .cs_slider.cs_style_1 { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .cs_hero.cs_style_3 .cs_slider_container, .cs_hero.cs_style_3 .cs_slider_container * { height: 100%; } .cs_hero.cs_style_3 .cs_hero_bg { -webkit-transition: all 5s ease; transition: all 5s ease; -webkit-transform: scale(1); transform: scale(1); } .cs_hero.cs_style_3 .slick-active .cs_hero_bg { -webkit-transform: scale(1.2); transform: scale(1.2); } .cs_hero.cs_style_3 .cs_btn.cs_style_1:hover { background-color: #fff; color: var(--accent); } .cs_hero.cs_style_4 { height: 100vh; max-height: 1100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 130px 0 0px; } @media (max-width: 1199px) { .cs_hero.cs_style_4 { height: initial; padding: 130px 0 150px; } .cs_hero.cs_style_4 .cs_form_wrap { margin-bottom: 60px; } } @media (max-width: 991px) { .cs_hero.cs_style_4 { padding: 130px 0 80px; } } .cs_hero.cs_style_4 .cs_hero_text_wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cs_hero.cs_style_5 { height: 100vh; max-height: 1100px; padding: 100px 0 50px; } @media (max-width: 991px) { .cs_hero.cs_style_5 { text-align: center; height: initial; max-height: initial; padding: 190px 0 150px; } } .cs_hero.cs_style_5 .cs_down_btn { position: absolute; bottom: 11.5%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #fff; } @media (max-width: 991px) { .cs_hero.cs_style_5 .cs_down_btn { bottom: 40px; } } .cs_hero.cs_style_5 .cs_down_btn:hover { color: var(--accent); } .cs_hero.cs_style_5 .cs_play_btn_3 { margin-top: 70px; } @media (max-width: 991px) { .cs_hero.cs_style_5 .cs_play_btn_3 { margin-top: 40px; margin-left: auto; margin-right: auto; } } @media (max-width: 991px) and (max-width: 575px) { .cs_hero.cs_style_5 .cs_play_btn_3 { margin-top: 30px; -webkit-transform: scale(0.9); transform: scale(0.9); margin-bottom: -10px; } } .cs_hero.cs_style_6 { height: 100vh; max-height: 1100px; padding: 100px 0; } @media (max-width: 767px) { .cs_hero.cs_style_6 { height: initial; max-height: initial; padding: 200px 0 150px 0; } .cs_hero.cs_style_6 .cs_down_btn_2 { bottom: 40px; } } .cs_hero_7_wrap .cs_hero_7_form { position: absolute; bottom: 0; width: 100%; left: 0; background: rgba(170, 132, 83, 0.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .cs_hero.cs_style_7 { height: 100vh; max-height: 1100px; padding: 100px 0 120px 0; } @media (max-width: 1199px) { .cs_hero.cs_style_7 { padding: 200px 0 460px 0; height: initial; max-height: initial; } } @media (max-width: 767px) { .cs_hero.cs_style_7 { padding: 175px 0 540px 0; } } .cs_hero.cs_style_7 .cs_hero_subtitle span { display: inline; padding: 0 20px; } @media (max-width: 450px) { .cs_hero.cs_style_7 .cs_hero_subtitle span { padding: 0 10px; } } .cs_hero.cs_style_7 .cs_hero_subtitle span::before, .cs_hero.cs_style_7 .cs_hero_subtitle span::after { content: ""; position: absolute; top: 50%; height: 1px; width: 100px; background-color: #fff; } @media (max-width: 450px) { .cs_hero.cs_style_7 .cs_hero_subtitle span::before, .cs_hero.cs_style_7 .cs_hero_subtitle span::after { width: 45px; } } .cs_hero.cs_style_7 .cs_hero_subtitle span::before { left: 100%; } .cs_hero.cs_style_7 .cs_hero_subtitle span::after { right: 100%; } .cs_slider .cs_hero.cs_style_7 .cs_hero_subtitle, .cs_slider .cs_hero.cs_style_7 .cs_hero_title, .cs_slider .cs_hero.cs_style_7 .cs_hero_btn { position: relative; top: 25px; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .cs_slider .slick-slide.slick-current .cs_hero.cs_style_7 .cs_hero_subtitle { top: 0; opacity: 1; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .cs_slider .slick-slide.slick-current .cs_hero.cs_style_7 .cs_hero_title { top: 0; opacity: 1; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .cs_slider .slick-slide.slick-current .cs_hero.cs_style_7 .cs_hero_btn { top: 0; opacity: 1; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .cs_hero.cs_style_8 { height: calc(100vh - 140px); padding: 100px 0 120px 0; max-height: 1000px; min-height: 700px; } @media (max-width: 767px) { .cs_hero.cs_style_8 { height: initial; max-height: initial; min-height: initial; padding: 90px 0 100px 0; } .cs_hero.cs_style_8 .cs_hero_title br { display: none; } } .cs_hero.cs_style_9 { padding: 200px 0 0 0; } @media (max-width: 1400px) { .cs_hero.cs_style_9 { padding: 150px 0 0 0; } } .cs_hero.cs_style_9 .cs_video_block.cs_style_1.cs_type_2 { height: calc(100vh - 200px); max-height: 900px; } @media (max-width: 1400px) { .cs_hero.cs_style_9 .cs_video_block.cs_style_1.cs_type_2 { height: calc(100vh - 150px); } } @media (max-width: 1199px) { .cs_hero.cs_style_9 .cs_video_block.cs_style_1.cs_type_2 { max-height: 750px; } } @media (max-width: 991px) { .cs_hero.cs_style_9 .cs_video_block.cs_style_1.cs_type_2 { height: 500px; } .cs_hero.cs_style_9 .cs_video_block.cs_style_1.cs_type_2 .cs_play_btn_2 { -webkit-transform: scale(0.75); transform: scale(0.75); } } .cs_hero.cs_style_9 .cs_hero_btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cs_hero.cs_style_9 .cs_google_review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-top: -2px; } .cs_hero.cs_style_9 .cs_rating { width: 103px; height: 16px; font-size: 16px; } .cs_hero.cs_style_9 .cs_google_review_right p { margin-top: -2px; line-height: 1.6em; } .cs_hero.cs_style_10 { padding: 182px 0 0; } .cs_hero.cs_style_10 .cs_hero_text { max-width: 1100px; } .cs_hero.cs_style_10 .cs_hero_subtitle { max-width: 750px; } .cs_hero.cs_style_10 .cs_hero_highlite { position: absolute; height: 200px; width: 200px; line-height: 1.2em; right: 92px; top: -100px; font-size: 100px; z-index: 10; } @media (max-width: 1199px) { .cs_hero.cs_style_10 .cs_hero_highlite { right: 30px; } } @media (max-width: 991px) { .cs_hero.cs_style_10 .cs_hero_highlite { -webkit-transform: scale(0.65); transform: scale(0.65); right: 0px; } } .cs_hero.cs_style_10 .cs_hero_highlite .cs_round_img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; width: 100%; } .cs_hero.cs_style_10 .cs_hero_highlite .cs_round_img img { -webkit-animation: rotate-anim 30s infinite; animation: rotate-anim 30s infinite; } /*-------------------------------------------------------------- 11. Iconbox ----------------------------------------------------------------*/ .cs_iconbox.cs_style_2 .cs_iconbox_icon { height: 110px; width: 110px; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0px 0px 25px 0px rgba(27, 27, 27, 0.1); box-shadow: 0px 0px 25px 0px rgba(27, 27, 27, 0.1); } .cs_iconbox.cs_style_2 .cs_iconbox_icon img { max-height: 60px; max-width: 60px; } .cs_iconbox.cs_style_2.text-center .cs_iconbox_icon { margin-left: auto; margin-right: auto; } @media (max-width: 1199px) { .cs_iconbox.cs_style_2 p br { display: none; } } .cs_iconbox.cs_style_3 { -webkit-box-shadow: 0px 0px 20px 0px rgba(27, 27, 27, 0.1); box-shadow: 0px 0px 20px 0px rgba(27, 27, 27, 0.1); padding: 1px 50px 44px; margin-top: 62px; } @media (max-width: 991px) { .cs_iconbox.cs_style_3 { padding: 1px 30px 34px; } } @media (max-width: 400px) { .cs_iconbox.cs_style_3 { padding: 1px 25px 34px; } } .cs_iconbox.cs_style_3 .cs_iconbox_icon { height: 125px; width: 125px; border: 1px solid var(--accent); margin-top: -63px; } .cs_iconbox.cs_style_3 .cs_iconbox_icon img { width: 60px; -webkit-transition: all 1s ease; transition: all 1s ease; } .cs_iconbox.cs_style_3:hover .cs_iconbox_icon img { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .cs_iconbox.cs_style_4 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs_iconbox.cs_style_4:not(:last-child) { margin-bottom: 40px; } .cs_iconbox.cs_style_4 .cs_iconbox_icon { height: 88px; width: 88px; border: 1px solid var(--primary); -webkit-box-flex: 0; -ms-flex: none; flex: none; } .cs_iconbox.cs_style_4 .cs_iconbox_icon img { -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 40px; width: 40px; } .cs_iconbox.cs_style_5 .cs_iconbox_icon { height: 85px; width: 85px; } .cs_iconbox.cs_style_5 .cs_iconbox_icon img { max-height: 45px; max-width: 45px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .cs_iconbox.cs_style_5.text-center .cs_iconbox_icon { margin-left: auto; margin-right: auto; } .cs_iconbox.cs_style_5 b { font-weight: 400; color: var(--primary); } /*-------------------------------------------------------------- 12. About ----------------------------------------------------------------*/ .cs_about_experience_text_1 { position: absolute; top: 50%; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); right: 5%; white-space: nowrap; opacity: 0.2; } @media (max-width: 1600px) { .cs_about_experience_text_1 { right: 2%; } } @media (max-width: 1400px) { .cs_about_experience_text_1 { right: 20px; } } @media (max-width: 991px) { .cs_about_experience_text_1 { position: initial; -webkit-transform: initial; transform: initial; -webkit-writing-mode: initial; -ms-writing-mode: initial; writing-mode: initial; white-space: initial; margin-bottom: 25px; } } @media (min-width: 1200px) { .cs_about.cs_style_1, .cs_about.cs_style_2 { padding: 0 6%; } } .cs_about.cs_style_2 h2 { text-shadow: 0px 5px 4px rgba(0, 0, 0, 0.25); } .cs_about.cs_style_3 .cs_about_img { margin-top: -30px; } @media (max-width: 1400px) { .cs_about.cs_style_3 .cs_about_img { margin-top: -27px; } } @media (max-width: 1400px) { .cs_about.cs_style_3 .cs_about_img { margin-top: -18px; } } @media (min-width: 992px) { .cs_about.cs_style_4 .cs_section_heading.cs_style_1 { padding-right: 10%; } } .cs_about.cs_style_5 .cs_about_right_text { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cs_about_feature_list_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% + 1px); gap: 50px 0; } @media (max-width: 991px) { .cs_about_feature_list_1 { gap: 30px 0; } } .cs_about_feature_list_1 li { width: 33.333333%; border-right: 1px solid var(--ternary); padding: 0 15px; } .cs_about_feature_list_1 li:last-child { border-right: 0; } @media (max-width: 991px) { .cs_about_feature_list_1 li { width: 100%; } } /*-------------------------------------------------------------- 13. Testimonial ----------------------------------------------------------------*/ .cs_testimonial_1_wrap .cs_testimonial_quote { position: absolute; left: 50%; top: 27%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 575px) { .cs_testimonial_1_wrap .cs_testimonial_quote svg { max-width: 400px; } } @media (max-width: 400px) { .cs_testimonial_1_wrap .cs_testimonial_quote svg { max-width: 320px; } } .cs_testimonial.cs_style_1 .cs_testimonial_avatar img, .cs_testimonial.cs_style_2 .cs_testimonial_avatar img { height: 110px; width: 110px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; display: inline; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .cs_testimonial.cs_style_1 .cs_rating { -webkit-transform: scale(1.43); transform: scale(1.43); } .cs_testimonial.cs_style_2 .cs_testimonial_avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .cs_testimonial.cs_style_3 { border: 1px solid var(--border); padding: 35px 35px 50px 35px; background-color: var(--web-wash); } @media (max-width: 991px) { .cs_testimonial.cs_style_3 { padding: 35px 25px 50px 25px; } } .cs_testimonial.cs_style_3 .cs_testimonial_avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 18px; } .cs_testimonial.cs_style_3 .cs_testimonial_avatar img { height: 70px; width: 70px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .cs_testimonial.cs_style_3 .cs_quote_icon { position: absolute; bottom: 35px; right: 35px; } /*-------------------------------------------------------------- 14. Team ----------------------------------------------------------------*/ .cs_team.cs_style_1 .cs_member_social_btns { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 0px 3px 3px 0px; background: rgba(27, 27, 27, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 25px 0px; width: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; gap: 19px; left: -50px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_team.cs_style_1 .cs_member_social_btns a { display: -webkit-box; display: -ms-flexbox; display: flex; } .cs_team.cs_style_1 .cs_member_social_btns a:hover { scale: 1.2; } .cs_team.cs_style_1:hover .cs_member_social_btns { left: 0; } /*-------------------------------------------------------------- 15. Card ----------------------------------------------------------------*/ .cs_card.cs_style_1 .cs_card_list, .cs_card.cs_style_2 .cs_card_list, .cs_card.cs_style_3 .cs_card_list, .cs_card.cs_style_4 .cs_card_list, .cs_card.cs_style_5 .cs_card_list, .cs_card.cs_style_7 .cs_card_list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cs_card.cs_style_1 .cs_card_list li, .cs_card.cs_style_2 .cs_card_list li, .cs_card.cs_style_3 .cs_card_list li, .cs_card.cs_style_4 .cs_card_list li, .cs_card.cs_style_5 .cs_card_list li, .cs_card.cs_style_7 .cs_card_list li { position: relative; } .cs_card.cs_style_1 .cs_card_list li:not(:last-child), .cs_card.cs_style_2 .cs_card_list li:not(:last-child), .cs_card.cs_style_3 .cs_card_list li:not(:last-child), .cs_card.cs_style_4 .cs_card_list li:not(:last-child), .cs_card.cs_style_5 .cs_card_list li:not(:last-child), .cs_card.cs_style_7 .cs_card_list li:not(:last-child) { padding-right: 15px; margin-right: 14px; } @media (max-width: 380px) { .cs_card.cs_style_1 .cs_card_list li:not(:last-child), .cs_card.cs_style_2 .cs_card_list li:not(:last-child), .cs_card.cs_style_3 .cs_card_list li:not(:last-child), .cs_card.cs_style_4 .cs_card_list li:not(:last-child), .cs_card.cs_style_5 .cs_card_list li:not(:last-child), .cs_card.cs_style_7 .cs_card_list li:not(:last-child) { padding-right: 9px; margin-right: 8px; } } .cs_card.cs_style_1 .cs_card_list li:not(:last-child)::after, .cs_card.cs_style_2 .cs_card_list li:not(:last-child)::after, .cs_card.cs_style_3 .cs_card_list li:not(:last-child)::after, .cs_card.cs_style_4 .cs_card_list li:not(:last-child)::after, .cs_card.cs_style_5 .cs_card_list li:not(:last-child)::after, .cs_card.cs_style_7 .cs_card_list li:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -10px; height: 20px; width: 1px; background-color: var(--secondary); } .cs_card.cs_style_1 .cs_card_price, .cs_card.cs_style_2 .cs_card_price, .cs_card.cs_style_3 .cs_card_price, .cs_card.cs_style_4 .cs_card_price, .cs_card.cs_style_5 .cs_card_price, .cs_card.cs_style_7 .cs_card_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .cs_card.cs_style_1.text-center .cs_card_price, .cs_card.cs_style_1.text-center .cs_card_list, .cs_card.cs_style_2.text-center .cs_card_price, .cs_card.cs_style_2.text-center .cs_card_list, .cs_card.cs_style_3.text-center .cs_card_price, .cs_card.cs_style_3.text-center .cs_card_list, .cs_card.cs_style_4.text-center .cs_card_price, .cs_card.cs_style_4.text-center .cs_card_list, .cs_card.cs_style_5.text-center .cs_card_price, .cs_card.cs_style_5.text-center .cs_card_list, .cs_card.cs_style_7.text-center .cs_card_price, .cs_card.cs_style_7.text-center .cs_card_list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cs_card.cs_style_1 .cs_card_info { padding: 35px 16% 0 9%; } @media (max-width: 991px) { .cs_card.cs_style_1 .cs_card_info { padding: 20px 15% 0 5%; } } .cs_card.cs_style_1 .cs_card_btn { height: 40px; width: 40px; border-radius: 50%; color: var(--accent); border: 1.5px solid var(--accent); font-size: 20px; position: absolute; right: 8%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cs_card.cs_style_1 .cs_card_btn:hover { background-color: var(--accent); color: #fff; } @media (max-width: 991px) { .cs_card.cs_style_1 .cs_card_btn { right: 5%; } } @media (max-width: 575px) { .cs_card.cs_style_1 .cs_card_btn { right: 4px; } } .cs_card.cs_style_1 .cs_card_thumb img { position: relative; width: auto; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; background-size: cover; } .cs_card.cs_style_1 .cs_card_thumb img:nth-child(1) { -webkit-transform: translatex(50%) scalex(2); transform: translatex(50%) scalex(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); position: absolute; top: 0; left: 0; } .cs_card.cs_style_1 .cs_card_thumb:hover img:nth-child(1) { -webkit-transform: translatex(0) scalex(1); transform: translatex(0) scalex(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); } .cs_card.cs_style_1 .cs_card_thumb:hover img:nth-child(2) { -webkit-transform: translatex(-50%) scalex(2); transform: translatex(-50%) scalex(2); opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } .cs_card.cs_style_1.cs_type_1 { border: 1px solid var(--border); border-radius: 5px; } .cs_card.cs_style_1.cs_type_1 .cs_card_info { padding: 35px 50px 45px 50px; } @media (max-width: 1400px) { .cs_card.cs_style_1.cs_type_1 .cs_card_info { padding: 20px 30px 30px 30px; } } .cs_card.cs_style_1.cs_type_1 .cs_card_thumb { border-radius: 5px 5px 0 0; } .cs_card.cs_style_1.cs_color_1 { border-color: var(--secondary); } .cs_card.cs_style_1.cs_color_1 .cs_card_title, .cs_card.cs_style_1.cs_color_1 .cs_primary_color { color: #fff; } .cs_card.cs_style_2 .cs_card_info { padding: 35px 25px 0; } .cs_card.cs_style_2 .cs_card_hover { top: 25px; bottom: 25px; left: 25px; right: 25px; z-index: 2; } .cs_card.cs_style_2 .cs_card_hover::before, .cs_card.cs_style_2 .cs_card_hover::after { content: ""; position: absolute; height: 0%; width: 0%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .cs_card.cs_style_2 .cs_card_hover::before { left: 0; bottom: 0; border: 1px solid var(--accent); border-top-width: 0; border-right-width: 0; } .cs_card.cs_style_2 .cs_card_hover::after { right: 0; top: 0; border: 1px solid var(--accent); border-bottom-width: 0; border-left-width: 0; } .cs_card.cs_style_2 .cs_card_btn { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.5, 2.2, 0.7, 0.7); transition: all 0.5s cubic-bezier(0.5, 2.2, 0.7, 0.7); } .cs_card.cs_style_2 .cs_card_hover_overlay { background-color: rgba(27, 27, 27, 0.5); opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .cs_card.cs_style_2:hover .cs_card_hover::before, .cs_card.cs_style_2:hover .cs_card_hover::after { height: 100%; width: 100%; } .cs_card.cs_style_2:hover .cs_card_btn { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .cs_card.cs_style_2:hover .cs_card_hover_overlay { opacity: 1; } @media (min-width: 1401px) { .cs_card.cs_style_3 .cs_card_info { padding: 35px 50px 45px 50px; } } @media (max-width: 1400px) { .cs_card.cs_style_3 .cs_card_info { padding: 25px 30px 35px 30px; } } .cs_card.cs_style_3 .cs_card_thumb { border-radius: 250px 250px 0 0; } .cs_card.cs_style_3 .cs_card_hover { opacity: 0; background-color: rgba(27, 27, 27, 0.5); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_card.cs_style_3 .cs_card_btn { opacity: 0; position: relative; top: -40px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .cs_card.cs_style_3:hover .cs_card_hover { opacity: 1; } .cs_card.cs_style_3:hover .cs_card_btn { opacity: 1; top: 0; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .cs_card.cs_style_4 { height: 500px; overflow: hidden; } .cs_card.cs_style_4 .cs_card_thumb { -o-object-fit: cover; object-fit: cover; -webkit-transition: all 4s ease; transition: all 4s ease; } .cs_card.cs_style_4 .cs_card_price { right: 24px; top: 24px; padding: 10px 18px; } .cs_card.cs_style_4 .cs_card_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 27, 27, 0)), to(rgba(27, 27, 27, 0.6))); background: linear-gradient(180deg, rgba(27, 27, 27, 0) 0%, rgba(27, 27, 27, 0.6) 100%); padding: 47px 30px; } .cs_card.cs_style_4 .cs_card_list { width: 100%; margin-top: 10px; } .cs_card.cs_style_4 .cs_card_title { background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor)); background-image: linear-gradient(90deg, currentColor 0, currentColor 100%); -webkit-transition: background-size 0.6s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out; transition: background-size 0.6s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out; background-position: 100% calc(100% - 0px); background-size: 0 2px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: inline; } .cs_card.cs_style_4:hover .cs_card_title { color: var(--accent); background-size: 100% 2px; background-position: 0 calc(100% - 0px); } .cs_card.cs_style_4:hover .cs_card_thumb { -webkit-transform: scale(1.05); transform: scale(1.05); } .cs_card.cs_style_4.cs_type_1 { height: 440px; } .cs_card.cs_style_4.cs_type_1 .cs_card_info { padding: 36px 40px; } @media (max-width: 991px) { .cs_card.cs_style_4.cs_type_1 .cs_card_info { padding: 25px 25px; height: 400px; } } .cs_card.cs_style_5 { height: 350px; } .cs_card.cs_style_5::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-color: rgba(27, 27, 27, 0.6); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_card.cs_style_5 .cs_card_in { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 575px) { .cs_card.cs_style_5 .cs_card_in { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cs_card.cs_style_5:hover::before { background-color: rgba(27, 27, 27, 0.7); -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); } .cs_card.cs_style_6 { border: 1px solid var(--border); } .cs_card.cs_style_6 .cs_card_info { padding: 30px 20px 40px; } .cs_card.cs_style_7 { border: 1px solid var(--ternary); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_card.cs_style_7 .cs_card_btn { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 30px; opacity: 0; display: block; } .cs_card.cs_style_7 .cs_card_info { padding: 35px 50px 45px 50px; } @media (max-width: 1400px) { .cs_card.cs_style_7 .cs_card_info { padding: 25px 35px 35px 35px; } } @media (max-width: 400px) { .cs_card.cs_style_7 .cs_card_info { padding: 25px 25px 35px 25px; } } .cs_card.cs_style_7 .cs_card_thumb img { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_card.cs_style_7:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .cs_card.cs_style_7:hover .cs_card_btn { margin-top: 0px; opacity: 1; } .cs_card.cs_style_7:hover .cs_card_thumb img { -webkit-transform: scale(1.03); transform: scale(1.03); } .cs_card.cs_style_7.cs_type_1 .cs_card_info p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (min-width: 768px) { .cs_card.cs_style_7.cs_type_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs_card.cs_style_7.cs_type_1 .cs_card_thumb { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 45%; height: 415px; } .cs_card.cs_style_7.cs_type_1 .cs_card_thumb img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } } .cs_slider .cs_card.cs_style_7:hover { -webkit-transform: translateY(0px); transform: translateY(0px); } /*-------------------------------------------------------------- 16. Image Layer ----------------------------------------------------------------*/ .cs_image_layer.cs_style_1 .cs_image_layer_1_wrap { padding-right: 24%; padding-bottom: 20%; } .cs_image_layer.cs_style_1 .cs_image_layer_2_wrap { position: absolute; bottom: 0; right: 0; padding-left: 30%; } .cs_image_layer.cs_style_1 .cs_image_layer_1, .cs_image_layer.cs_style_1 .cs_image_layer_2 { position: relative; } .cs_image_layer.cs_style_1 .cs_image_layer_1::before, .cs_image_layer.cs_style_1 .cs_image_layer_2::before { content: ""; position: absolute; left: 30px; right: 30px; top: 30px; bottom: 30px; border: 1px solid #fff; } .cs_image_layer.cs_style_2 .cs_image_layer_1_wrap { padding-left: 30%; } .cs_image_layer.cs_style_2 .cs_image_layer_2_wrap { position: absolute; left: 0; bottom: 50px; padding-right: 42%; } .cs_image_layer.cs_style_2 .cs_image_layer_2 { border: 10px solid #fff; } .cs_image_layer.cs_style_3::before, .cs_image_layer.cs_style_4::before { content: ""; position: absolute; left: 30px; right: 30px; top: 30px; bottom: 30px; border: 1px solid #fff; } .cs_image_layer.cs_style_3.cs_type_1, .cs_image_layer.cs_style_4.cs_type_1 { border-radius: 250px 0; } .cs_image_layer.cs_style_3.cs_type_1 img, .cs_image_layer.cs_style_4.cs_type_1 img { border-radius: inherit; } .cs_image_layer.cs_style_3.cs_type_1::before, .cs_image_layer.cs_style_4.cs_type_1::before { border-radius: 225px 0; } .cs_image_layer.cs_style_4 { min-height: 600px; } @media (max-width: 575px) { .cs_image_layer.cs_style_4 { min-height: 400px; } } .cs_image_layer.cs_style_5 .cs_image_layer_in { display: -webkit-box; display: -ms-flexbox; display: flex; } .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 636px; } @media (max-width: 1400px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item { height: 550px; } } @media (max-width: 991px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item { height: 400px; } } @media (max-width: 575px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item { height: 350px; } } .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:first-child { padding: 80px 11% 80px 0; } @media (max-width: 1600px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:first-child { padding: 80px 8% 80px 0; } } @media (max-width: 1400px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:first-child { padding: 50px 6% 50px 0; } } @media (max-width: 991px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:first-child { padding: 30px 24px 30px 0; } } @media (max-width: 991px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:first-child { padding: 30px 10px 30px 0; } } .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:nth-child(2) { -webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5; position: relative; z-index: 2; } .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:nth-child(3) { padding: 80px 0 80px 11%; } @media (max-width: 1600px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:nth-child(3) { padding: 80px 0 80px 8%; } } @media (max-width: 1400px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:nth-child(3) { padding: 50px 0 50px 6%; } } @media (max-width: 991px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:nth-child(3) { padding: 30px 0 30px 24px; } } @media (max-width: 575px) { .cs_image_layer.cs_style_5 .cs_image_layer_in .cs_image_layer_item:nth-child(3) { padding: 30px 0 30px 10px; } } .cs_image_layer.cs_style_5 .cs_moving_text_wrap.cs_style_1 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; } /*-------------------------------------------------------------- 17. Newsletter ----------------------------------------------------------------*/ .cs_newsletter.cs_style_1 .cs_newsletter_icon { height: 60px; width: 60px; margin-left: auto; margin-right: auto; } .cs_newsletter.cs_style_1 .cs_newsletter_form { max-width: 636px; margin-left: auto; margin-right: auto; } .cs_newsletter.cs_style_1 .cs_newsletter_input { width: 100%; border: 1px solid var(--ternary); height: 55px; padding: 5px 185px 5px 20px; outline: none; background-color: transparent; } @media (max-width: 575px) { .cs_newsletter.cs_style_1 .cs_newsletter_input { padding: 5px 160px 5px 15px; } } .cs_newsletter.cs_style_1 .cs_newsletter_input:focus { border-color: var(--accent); } .cs_newsletter.cs_style_1 .cs_btn.cs_style_2 { padding: 10px 25px; background-color: transparent; position: absolute; right: 0; height: 55px; border: none; } @media (max-width: 575px) { .cs_newsletter.cs_style_1 .cs_btn.cs_style_2 { padding: 10px 12px; gap: 5px; } } .cs_newsletter.cs_style_1 .cs_btn.cs_style_2:hover { color: var(--accent); } .cs_newsletter.cs_style_1 .cs_btn.cs_style_2::before { content: ""; position: absolute; height: 27px; width: 1px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--secondary); } .cs_newsletter.cs_style_1 .cs_newsletter_subtitle { margin-top: 21px; } .cs_newsletter.cs_style_1.cs_color_1 .cs_btn.cs_style_2, .cs_newsletter.cs_style_1.cs_color_2 .cs_btn.cs_style_2 { color: #fff; padding: 10px 20px; } .cs_newsletter.cs_style_1.cs_color_1 .cs_btn.cs_style_2:hover, .cs_newsletter.cs_style_1.cs_color_2 .cs_btn.cs_style_2:hover { color: var(--accent); } @media (max-width: 575px) { .cs_newsletter.cs_style_1.cs_color_1 .cs_btn.cs_style_2, .cs_newsletter.cs_style_1.cs_color_2 .cs_btn.cs_style_2 { padding: 10px 12px; gap: 5px; } } .cs_newsletter.cs_style_1.cs_color_1 .cs_newsletter_input, .cs_newsletter.cs_style_1.cs_color_2 .cs_newsletter_input { color: #fff; } .cs_newsletter.cs_style_1.cs_color_2 .cs_newsletter_input { background: rgba(27, 27, 27, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .cs_newsletter.cs_style_1.cs_color_2 .cs_newsletter_input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.75); } .cs_newsletter.cs_style_1.cs_color_2 .cs_newsletter_input::-moz-placeholder { color: rgba(255, 255, 255, 0.75); } .cs_newsletter.cs_style_1.cs_color_2 .cs_newsletter_input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.75); } .cs_newsletter.cs_style_1.cs_color_2 .cs_newsletter_input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.75); } .cs_newsletter.cs_style_1.cs_color_2 .cs_newsletter_input::placeholder { color: rgba(255, 255, 255, 0.75); } .cs_newsletter.cs_style_1.cs_color_2 .cs_newsletter_input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.75); } .cs_newsletter.cs_style_1.cs_color_3 .cs_accent_bg { background-color: var(--primary); } .cs_newsletter.cs_style_1.cs_color_3 h2, .cs_newsletter.cs_style_1.cs_color_3 .cs_btn.cs_style_2 { color: #fff; } .cs_newsletter.cs_style_1.cs_color_3 h2::before, .cs_newsletter.cs_style_1.cs_color_3 .cs_btn.cs_style_2::before { background-color: #fff; } .cs_newsletter.cs_style_1.cs_color_3 .cs_newsletter_input { color: #fff; } .cs_newsletter.cs_style_1.cs_color_3 .cs_newsletter_input::-webkit-input-placeholder { color: #fff; } .cs_newsletter.cs_style_1.cs_color_3 .cs_newsletter_input::-moz-placeholder { color: #fff; } .cs_newsletter.cs_style_1.cs_color_3 .cs_newsletter_input:-ms-input-placeholder { color: #fff; } .cs_newsletter.cs_style_1.cs_color_3 .cs_newsletter_input::-ms-input-placeholder { color: #fff; } .cs_newsletter.cs_style_1.cs_color_3 .cs_newsletter_input::placeholder { color: #fff; } .cs_newsletter.cs_style_1.cs_color_3 .cs_newsletter_input::-ms-input-placeholder { color: #fff; } .cs_newsletter.cs_style_1.cs_color_3 .cs_newsletter_input:focus { border-color: #fff; } /*-------------------------------------------------------------- 18. Feature Box ----------------------------------------------------------------*/ .cs_feature_box.cs_style_2 .cs_feature_list li { position: relative; } .cs_feature_box.cs_style_2 .cs_feature_list li:not(:last-child) { margin-bottom: 40px; } @media (max-width: 991px) { .cs_feature_box.cs_style_2 .cs_feature_list li:not(:last-child) { margin-bottom: 20px; } } .cs_feature_box.cs_style_2 .cs_feature_list h3 { padding-left: 53px; } .cs_feature_box.cs_style_2 .cs_feature_icon { height: 40px; width: 40px; padding: 5px; position: absolute; left: 0; top: -1px; } .cs_feature_box.cs_style_2 .cs_feature_icon img { height: 20px; width: 20px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .cs_feature_box.cs_style_2.cs_type_1 .cs_feature_box_thumb { position: relative; height: 840px; } @media (max-width: 991px) { .cs_feature_box.cs_style_2.cs_type_1 .cs_feature_box_thumb { height: 550px; } } @media (max-width: 575px) { .cs_feature_box.cs_style_2.cs_type_1 .cs_feature_box_thumb { height: 450px; } } .cs_feature_box.cs_style_2.cs_type_1 .cs_feature_thumb { height: 100%; width: 50vw; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; } @media (max-width: 991px) { .cs_feature_box.cs_style_2.cs_type_1 .cs_feature_thumb { width: 100%; } } .cs_feature_box.cs_style_2.cs_type_1 .col-lg-6:first-child .cs_feature_thumb { right: 0; } .cs_feature_box.cs_style_2.cs_type_1 .col-lg-6:last-child { left: 0; } .cs_feature_box.cs_style_3 { height: 100vh; min-height: 750px; overflow: hidden; } @media (max-width: 1200px) { .cs_feature_box.cs_style_3 { min-height: 650px; height: 650px; } } @media (max-width: 991px) { .cs_feature_box.cs_style_3 { min-height: 500px; height: 500px; } } .cs_feature_box.cs_style_3 .cs_feature_box_bg { position: absolute; height: 100%; width: 100%; left: 0%; top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_feature_box.cs_style_3 .cs_feature_box_bg img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .cs_feature_box.cs_style_3 .cs_feature_box_text { max-width: 290px; } .cs_feature_box.cs_style_3.cs_type_1 { height: 650px; min-height: initial; } @media (max-width: 991px) { .cs_feature_box.cs_style_3.cs_type_1 { height: 550px; } } /*-------------------------------------------------------------- 19. Custom Slider ----------------------------------------------------------------*/ .cs_custom_slide_container { height: 270px; position: relative; margin-top: 125px; margin-bottom: 125px; } @media (max-width: 1199px) { .cs_custom_slide_container { margin-top: 100px; margin-bottom: 100px; } } @media (max-width: 991px) { .cs_custom_slide_container { margin-top: 40px; margin-bottom: 84px; } } @media (max-width: 767px) { .cs_custom_slide_container { margin-top: 15px; margin-bottom: 59px; } } .cs_custom_slide_container .container { height: inherit; } .cs_custom_slide_container .cs_custom_slide_wrapper { display: block; height: 100%; margin: 0 auto; position: relative; } .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide { display: inline-block; width: 66%; height: 520px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.4, 0.4, 1); transform: translate3d(-50%, -50%, 0) scale3d(0.4, 0.4, 1); -webkit-transition: z-index 0.2s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0s; transition: z-index 0.2s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s, z-index 0.2s ease-in-out 0.1s; transition: transform 0.3s ease-in-out 0s, z-index 0.2s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0s; } @media (max-width: 1199px) { .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide { height: 470px; } } @media (max-width: 991px) { .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide { height: 350px; } } @media (max-width: 767px) { .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide { width: 98%; height: 300px; } } .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide.prev-2 { -webkit-transform: translate3d(-105%, -50%, 0) scale3d(0.4, 0.4, 1); transform: translate3d(-105%, -50%, 0) scale3d(0.4, 0.4, 1); z-index: 1; } .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide.prev-1 { -webkit-transform: translate3d(-85%, -50%, 0) scale3d(0.6, 0.6, 1); transform: translate3d(-85%, -50%, 0) scale3d(0.6, 0.6, 1); z-index: 2; } .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide.next-1 { z-index: 2; -webkit-transform: translate3d(-15%, -50%, 0) scale3d(0.6, 0.6, 1); transform: translate3d(-15%, -50%, 0) scale3d(0.6, 0.6, 1); } .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide.next-2 { z-index: 1; -webkit-transform: translate3d(5%, -50%, 0) scale3d(0.4, 0.4, 1); transform: translate3d(5%, -50%, 0) scale3d(0.4, 0.4, 1); } .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide .cs_mouse_point.cs_style_1 { opacity: 0; } .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide.active { z-index: 3; -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cs_custom_slide_container .cs_custom_slide_wrapper .cs_custom_slide.active .cs_mouse_point.cs_style_1 { opacity: 1; } .cs_custom_slide_item { width: 100%; height: 520px; border-radius: 5px; display: block; position: relative; overflow: hidden; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cs_custom_slide_item { height: 470px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cs_custom_slide_item { height: 350px; } } @media (max-width: 767px) { .cs_custom_slide_item { height: 300px; } } .cs_custom_slide_arrow_left, .cs_custom_slide_arrow_right { position: absolute; top: 50%; -webkit-transform: translateY(-505); transform: translateY(-505); cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .cs_custom_slide_arrow_left:hover, .cs_custom_slide_arrow_right:hover { color: var(--accent); } @media (max-width: 991px) { .cs_custom_slide_arrow_left, .cs_custom_slide_arrow_right { position: initial; } } .cs_custom_slide_arrow_left { left: calc((100vw - 1300px) / 2 / 2); margin-left: -28px; } @media (max-width: 1400px) { .cs_custom_slide_arrow_left { left: calc((100vw - 1140px) / 2 / 2); } } @media (max-width: 1199px) { .cs_custom_slide_arrow_left { left: calc((100vw - 960px) / 2 / 2); } } .cs_custom_slide_arrow_right { right: calc((100vw - 1300px) / 2 / 2); margin-right: -28px; } @media (max-width: 1400px) { .cs_custom_slide_arrow_right { right: calc((100vw - 1140px) / 2 / 2); } } @media (max-width: 1199px) { .cs_custom_slide_arrow_right { right: calc((100vw - 960px) / 2 / 2); } } @media (max-width: 991px) { .cs_custom_slide_arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px; padding-top: 60px; } } @media (max-width: 767px) { .cs_custom_slide_arrows { padding-top: 35px; } } /*-------------------------------------------------------------- 20. Posts ----------------------------------------------------------------*/ .cs_post_meta_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cs_post_meta_2 > span:not(:last-child)::after { content: "/"; margin: 0 10px; -webkit-transform: rotate(10deg); transform: rotate(10deg); display: inline-block; color: var(--accent); } .cs_post_meta_3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cs_post_meta_3 > span:not(:last-child)::after { content: "—"; margin: 0 10px; -webkit-transform: initial; transform: initial; } .cs_post_meta_4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0px 35px; } @media (max-width: 360px) { .cs_post_meta_4 { gap: 0px 20px; } } @media (max-width: 575px) { .cs_post_meta_4 { gap: 0px 25px; } } .cs_post_meta_4 > span { position: relative; display: inline-block; } .cs_post_meta_4 > span:not(:last-child)::before { content: ""; height: 5px; width: 5px; border-radius: 50%; background-color: var(--accent); position: absolute; top: 50%; right: -20px; margin-top: -2px; } @media (max-width: 575px) { .cs_post_meta_4 > span:not(:last-child)::before { right: -15px; } } @media (max-width: 575px) { .cs_post_meta_4 > span:not(:last-child)::before { right: -12px; } } .text-center .cs_post_meta_2 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cs_post.cs_style_1 .cs_post_title a, .cs_post.cs_style_2 .cs_post_title a { background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor)); background-image: linear-gradient(90deg, currentColor 0, currentColor 100%); -webkit-transition: background-size 0.6s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out; transition: background-size 0.6s cubic-bezier(0.49, 0.49, 0.08, 1), color 0.27s ease-out; background-position: 100% calc(100% - 0px); background-size: 0 2px; } .cs_post.cs_style_1 .cs_post_title a:hover, .cs_post.cs_style_2 .cs_post_title a:hover { background-size: 100% 2px; background-position: 0 calc(100% - 0px); } .cs_post.cs_style_1 .cs_post_title { max-width: 430px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .cs_post.cs_style_1 .cs_hover_icon { top: 20px; right: 20px; height: 40px; width: 40px; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: all 0.3s ease, -webkit-transform 0.5s cubic-bezier(0.5, 2.2, 0.7, 0.7); transition: all 0.3s ease, -webkit-transform 0.5s cubic-bezier(0.5, 2.2, 0.7, 0.7); transition: transform 0.5s cubic-bezier(0.5, 2.2, 0.7, 0.7), all 0.3s ease; transition: transform 0.5s cubic-bezier(0.5, 2.2, 0.7, 0.7), all 0.3s ease, -webkit-transform 0.5s cubic-bezier(0.5, 2.2, 0.7, 0.7); -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .cs_post.cs_style_1 .cs_hover_icon:hover { color: var(--accent); background-color: rgba(255, 255, 255, 0.75); } .cs_post.cs_style_1 .cs_post_thumb::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.2); opacity: 0; z-index: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .cs_post.cs_style_1 .cs_post_thumb img { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .cs_post.cs_style_1 .cs_post_thumb:hover img { -webkit-transform: scale(1.06); transform: scale(1.06); } .cs_post.cs_style_1 .cs_post_thumb:hover::before { opacity: 1; } .cs_post.cs_style_1 .cs_post_thumb:hover .cs_hover_icon { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .cs_post.cs_style_1 .cs_post_meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px 20px; padding-top: 2px; } .cs_post.cs_style_1 .cs_post_meta + .cs_post_title { padding-bottom: 10px; } .cs_post.cs_style_1 .cs_post_meta_seperator { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 1px; background-color: var(--accent); } .cs_post.cs_style_1.cs_size_1 .cs_post_thumb { height: 412px; } @media (max-width: 1400px) { .cs_post.cs_style_1.cs_size_1 .cs_post_thumb { height: 370px; } } .cs_post.cs_style_1.cs_size_2 .cs_post_thumb { height: 282px; } @media (max-width: 575px) { .cs_post.cs_style_1.cs_size_2 .cs_post_thumb { height: initial; } } .cs_post.cs_style_1.cs_size_3 .cs_post_thumb { height: 350px; } .cs_post.cs_style_1.cs_size_4 .cs_post_thumb, .cs_post.cs_style_1.cs_size_5 .cs_post_thumb { height: 465px; } @media (max-width: 575px) { .cs_post.cs_style_1.cs_size_4 .cs_post_thumb, .cs_post.cs_style_1.cs_size_5 .cs_post_thumb { height: 350px; } } .cs_post.cs_style_1.cs_size_4 .cs_post_title, .cs_post.cs_style_1.cs_size_5 .cs_post_title { max-width: 100%; } .cs_post.cs_style_1.cs_size_4:not(:last-child), .cs_post.cs_style_1.cs_size_5:not(:last-child) { margin-bottom: 80px; } @media (max-width: 991px) { .cs_post.cs_style_1.cs_size_4:not(:last-child), .cs_post.cs_style_1.cs_size_5:not(:last-child) { margin-bottom: 60px; } } .cs_post.cs_style_1.cs_size_4 .cs_subtitle, .cs_post.cs_style_1.cs_size_5 .cs_subtitle { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1 { height: 465px; } @media (max-width: 575px) { .cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1 { height: 350px; } } .cs_post.cs_style_1.cs_size_4 .cs_video_block.cs_style_1 .cs_play_btn_2 { scale: 0.7; } .cs_post.cs_style_1.cs_size_5 .cs_video_block.cs_style_1 .cs_play_btn_2 { scale: 0.7; } @media (min-width: 992px) { .cs_post.cs_style_1.cs_size_5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .cs_post.cs_style_1.cs_size_5 .cs_post_thumb { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 50%; margin-bottom: 0; } .cs_post.cs_style_1.cs_size_5 .cs_subtitle { -webkit-line-clamp: 4; } .cs_post.cs_style_1.cs_size_5 .cs_video_block.cs_style_1 { height: 550px; margin-bottom: 0; } } .cs_post.cs_style_2 .cs_post_thumb { position: relative; } .cs_post.cs_style_2 .cs_post_thumb::before { content: ""; position: absolute; border: 1px solid var(--accent); left: 25px; right: 25px; top: 25px; bottom: 25px; z-index: 1; } .cs_post.cs_style_2 .cs_post_thumb img { -webkit-transition: all 1s ease; transition: all 1s ease; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .cs_post.cs_style_2 .cs_post_thumb:hover img { -webkit-transform: scale(1.06); transform: scale(1.06); } .cs_post.cs_style_2 .cs_posted_by { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .cs_post.cs_style_2 .cs_posted_by svg { position: relative; top: -1px; } .cs_post.cs_style_2 .cs_posted_by span { position: relative; } .cs_post.cs_style_2 .cs_posted_by span::before { content: ""; height: 1px; width: 50px; background-color: var(--accent); position: absolute; left: 100%; top: 50%; margin-left: 10px; margin-top: -1px; } .cs_post.cs_style_2 .cs_posted_by { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .cs_post.cs_style_2.cs_size_1 .cs_post_thumb { height: 292px; } .cs_blog_details img { border-radius: 5px; margin-bottom: 40px; } .cs_blog_details .cs_video_block { margin-bottom: 40px; border-radius: 6px; } .cs_blog_details h2 { font-size: 30px; font-weight: 400; margin-bottom: 15px; } .cs_blog_details p { margin-bottom: 35px; } .cs_blog_details p:first-child:first-letter, .cs_blog_details > img:first-child + p:first-letter { float: left; font-size: 53px; line-height: 0.5em; font-weight: 400; margin: 10px 10px 0 0; text-transform: uppercase; font-style: normal; color: var(--primary); font-family: var(--primary-font); } .cs_blog_details blockquote { border-left: 5px solid var(--secondary); font-size: 28px; line-height: 1.25em; font-style: normal; font-weight: 400; color: var(--primary); font-family: var(--primary-font); padding: 15px 0px 15px 30px; margin: 40px 0; } .cs_blog_details blockquote svg { display: block; margin-bottom: 25px; } .cs_blog_details blockquote small { display: block; font-family: var(--secondary-font); font-style: initial; font-size: 16px; line-height: 1.5em; color: var(--secondary); margin-top: 18px; } .cs_blog_details ul { list-style: disc; } .cs_blog_details ul li:not(:last-child) { margin-bottom: 5px; } .cs_blog_details > * { margin-bottom: 0; } .cs_post_share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px 20px; border: 1px solid var(--ternary); border-left: 0; border-right: 0; padding: 14px 0; } .cs_post_share > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .cs_post_share .cs_categories a { display: inline-block; } .cs_post_share .cs_categories a:not(:last-child)::after { content: ","; } .cs_post_share .cs_social_share_btns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 15px; } .cs_post_share .cs_social_share_btns a { display: -webkit-box; display: -ms-flexbox; display: flex; } /*-------------------------------------------------------------- 21. Dark Style ----------------------------------------------------------------*/ .cs_dark .cs_section_heading.cs_style_1 .cs_section_subtitle { color: var(--accent); } .cs_dark .cs_site_header.cs_style_1 { background-color: var(--gray); } .cs_dark .cs_primary_bg, .cs_dark .cs_white_bg, .cs_dark .cs_bottom_footer_wrap { background-color: #121212; } .cs_dark .cs_ternary_bg { background-color: #3b3b3b; } .cs_dark .cs_btn.cs_style_1.cs_color_1 { background-color: var(--gray); } .cs_dark .cs_btn.cs_style_1.cs_color_1:hover { background-color: #fff; color: var(--gray); } .cs_dark .cs_google_map.cs_style_1 iframe { -webkit-filter: grayscale(100%) invert(95%) contrast(140%); filter: grayscale(100%) invert(95%) contrast(140%); } .cs_dark .cs_review_box.cs_style_1 { -webkit-box-shadow: 0px 10px 25px 8px rgba(241, 241, 241, 0.04); box-shadow: 0px 10px 25px 8px rgba(241, 241, 241, 0.04); } .cs_dark .cs_gallery_item.cs_style_3 .cs_gallery_item_hover { background-color: rgba(27, 27, 27, 0.95); } .cs_dark .cs_bottom_footer { border-top: 1px solid #2f2f2f; } .cs_dark .cs_list.cs_style_3 li img, .cs_dark .cs_iconbox.cs_style_4 .cs_iconbox_icon img, .cs_dark .cs_author_card .cs_author_meta img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .cs_dark .cs_about_feature_list_1 li, .cs_dark .cs_list.cs_style_2 li, .cs_dark .cs_card.cs_style_7 { border-color: var(--border); } .cs_dark .cs_form.cs_style_4.cs_type_6 .cs_form_item { background-image: url('data:image/svg+xml;utf8,'); }/*# sourceMappingURL=style.css.map */