/* Default Css*/ [class*="elementor-widget-htmega-"] h1 a, [class*="elementor-widget-htmega-"] h2 a, [class*="elementor-widget-htmega-"] h3 a, [class*="elementor-widget-htmega-"] h4 a, [class*="elementor-widget-htmega-"] h5 a, [class*="elementor-widget-htmega-"] h6 a{ font-size: inherit; font-weight: inherit; font-family: inherit; } .htmega-d-none{ display:none; } body:has( .htmega_mega_menu ){ overflow-x:hidden; } /* Section Title style */ .htmega-section-title{ position: relative; z-index: 1; } .htmega-section-title svg{ width: 20px; } .htmega-section-title .section-title-txt { color: #23252a; font-weight: 600; line-height: 1; margin: 0; display: inline-block; } .htmega-section-title .section-subtitle-txt{ color: #494849; font-family: "Poppins",sans-serif; font-size: 16px; line-height: 30px; margin: 5px 0; font-weight: 400; } .htmega-section-title span.htmega-title-sperator { background-color: #383838; display: inline-block; height: 3px; margin-bottom: 13px; margin-top: 30px; position: relative; width: 50px; } .htmega-section-title.title-style-three span.htmega-title-sperator::before { background-color: #383838; bottom: 0; content: ""; display: block; height: 3px; left: -13px; margin-bottom: 13px; margin-top: 25px; position: absolute; width: 50px; } .htmega-title-align-left .htmega-section-title.title-style-three span.htmega-title-sperator::before,.htmega-title-align-justify .htmega-section-title.title-style-three span.htmega-title-sperator::before{ left: 13px; } .htmega-section-title.htmega-subtitle-position-top { display: flex; flex-direction: column; } .htmega-section-title.htmega-subtitle-position-top .section-title-txt { order: 2; } .htmega-section-title.htmega-subtitle-position-top .section-subtitle-txt { order: 1; } .htmega-section-title.htmega-subtitle-position-top img { order: 3; } .htmega-section-title.htmega-subtitle-position-top i{ order: 3; } /* .htmega-section-title img { margin: auto; } */ .htmega-section-title.htmega-subtitle-position-top .htmega-title-sperator-sec { order: 4; } .htmega-section-title.htmega-subtitle-position-top.title-style-four .htmega-title-sperator-sec { order: 2; } .htmega-section-title.htmega-subtitle-position-top.title-style-four .section-title-txt{ order: 3; } .htmega-section-title.htmega-subtitle-position-top.title-style-four span.htmega-title-sperator{ margin-top: 8px; } .title-style-two .htmega-title-sperator-sec,.title-style-five .htmega-title-sperator-sec { display: none; } .title-style-two .section-title-txt{ padding: 0 10.5%; position: relative; } .title-style-two .section-title-txt::before,.title-style-two .section-title-txt::after { background: #412e51 none repeat scroll 0 0; content: ""; height: 3px; left: 0; position: absolute; top: 50%; width: 100px; } .title-style-two .section-title-txt::after { right: 0; top: 50%; left: auto; } .title-style-two .section-title-txt{ margin-right: auto !important; margin-left: auto !important; } .section-advancetitle-txt{ color: #f1f1f1; font-size: 80px; font-weight: 800; line-height: 28px; margin: 0; position: absolute; text-transform: uppercase; top: 50%; transform: translateY(-50%); width: 100%; z-index: -1; } .htmega-title-sperator-sec { line-height: 1; } .htmega-section-title-order-parent{ display: flex; flex-direction: column; } .htmega-section-title-order-parent .section-subtitle-txt { order: 1; } .htmega-section-title-order-parent .section-title-txt { order: 2; } .htmaga-section-title-image-position-bottom{ order: 3; } .htmaga-section-title-image-position-top{ order: 0; } .htmaga-section-title-image-position-center{ order: 1; } .htmega-section-title.htmega-subtitle-position-bottom .section-subtitle-txt { order: 3; } .image-center .section-title-txt{ order: 1; } .htmega_sub_title_border_both{ position: relative; } .htmega_sub_title_border_both::before , .htmega_sub_title_border_both::after{ position: absolute; content: ""; top: 50%; transform: translateY(-50%); height: 2px; width: 25px; background: #000; } .htmega_sub_title_border_both::before { left: 100%; margin-left: 20px; } .htmega_sub_title_border_both::after { right: 100%; margin-right: 20px; } /* * Button Style */ .htmega-button .htb-btn:focus,.htmega-button .htb-btn:active { box-shadow: none !important; } .htmega-button .htb-btn-outline-light { border-color: #c8c8c8; color: #c8c8c8; } .htmega-button { display: inline-block; } .htmega-button .htmega-btn-effect-5,.htmega-button .htmega-btn-effect-6,.htmega-button .htmega-btn-effect-10{ overflow: hidden; } .htmega_button_icon { display: inline-block; } .htmega_button_icon svg { width: 20px; } .htmega-button .htb-btn { border-radius: 0; position: relative; border: none; z-index: 1; transition: all 0.4s ease-in-out 0s; } .button-align-icon-left span.htmega_button_icon { float: left; } .button-align-icon-left span.htmega_button_txt { float: right; } .button-align-icon-right span.htmega_button_icon { float: right; } .button-align-icon-right span.htmega_button_txt { float: left; } .button-align-icon-top span.htmega_button_icon,.button-align-icon-bottom span.htmega_button_icon { display: block; } .button-align-icon-top span.htmega_button_txt,.button-align-icon-bottom span.htmega_button_txt { display: block; } .button-align-icon-top a.htb-btn { display: flex; flex-flow: column-reverse nowrap; } /* Button Size */ .htmega-btn-size-xl { padding: 35px 50px !important; } .htmega-btn-size-lg { padding: 25px 50px !important; } .htmega-btn-size-md { padding: 16px 43px !important; } .htmega-btn-size-sm { padding: 8px 40px !important; } .htmega-btn-size-xs { padding: 3px 10px !important; } /* Button Style */ .htmega-btn-style-2 .htb-btn::after{ border-radius: inherit; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition-delay: 0s, 0s; transition-duration: 0.3s, 0.3s; transition-property: transform, background-color; transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); width: 100%; z-index: -1; background-color: #ff6b6b; border-radius: 30px; transform: scale3d(0.7, 0.7, 1); } /* Button Effect */ .htmega-btn-effect-1{ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); z-index: 1; } .htmega-btn-effect-1::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #623687; z-index: -1; background-color: #ff6b6b; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); z-index: -1; } .htmega-btn-effect-1:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .htmega-btn-effect-2 { z-index: 1; overflow: hidden; } .htmega-btn-effect-2::before { content: ''; position: absolute; top: 0; left: 0; width: 150%; height: 100%; background: #623687; z-index: -1; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; z-index: -1; } .htmega-btn-effect-2:hover::before { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .htmega-btn-effect-3 { z-index: 1; color: #fff; } .htmega-btn-effect-3::before, .htmega-btn-effect-3::after { content: ''; border-radius: inherit; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); z-index: -1; } .htmega-btn-effect-3::before { border: 2px solid #623687; -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1); } .htmega-btn-effect-3::after { background: #18012c; } .htmega-btn-effect-3:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .htmega-btn-effect-3:hover::after { background-color: #623687; -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1); } .htmega-btn-effect-4::before { content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; z-index: -1; opacity: 0.4; -webkit-transform: scale3d(0.8, 0.5, 1); transform: scale3d(0.8, 0.5, 1); } .htmega-btn-effect-4:hover::before { -webkit-animation: np-btn--2 0.3s 0.3s forwards; animation: np-btn--2 0.3s 0.3s forwards; } .htmega-btn-effect-4:hover { -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; color: #ECEFF1; background-color: #623687; -webkit-animation: np-btn--1 0.3s forwards; animation: np-btn--1 0.3s forwards; } .htmega-btn-effect-5::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 30px; height: 30px; border-radius: 50%; background: #623687; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); } .htmega-btn-effect-5:hover::before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1); } .htmega-btn-effect-6::before { content: ''; z-index: -1; position: absolute; top: 50%; margin: -15px 0 0 1px; width: 30px; height: 30px; border-radius: 50%; background: #623687; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); right: 100%; } .htmega-btn-effect-6:hover::before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1); } .htmega-btn-effect-7::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background: #e09d8b; -webkit-transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; color: #fff; } .htmega-btn-effect-7:hover::before { -webkit-transform: scaleX(0); transform: scaleX(0); } .htmega-btn-effect-8::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #45b29d; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .htmega-btn-effect-8:hover::before { -webkit-transform: scaleY(0); transform: scaleY(0); } .htmega-btn-effect-9::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: -1px; bottom: 0; background: #18012c; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .htmega-btn-effect-9:hover::before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .htmega-btn-effect-10::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #18012c; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .htmega-btn-effect-10:hover::before { -webkit-transform: scale(2); transform: scale(2); } .htmega-btn-effect-11::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #18012c; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .htmega-btn-effect-11:hover::before { -webkit-transform: scale(1); transform: scale(1); } .htmega-btn-effect-12::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: -1px; bottom: 0; background: #d82f4e; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .htmega-btn-effect-12:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .htmega-btn-effect-13::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #18012c; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .htmega-btn-effect-13:hover::before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .htmega-btn-effect-14::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #18012c; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .htmega-btn-effect-14:hover::before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /*Button Shadow*/ .htmega-btn-shadow-1 .htb-btn::before{ background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0; content: ""; height: 10px; left: 5%; opacity: 0; pointer-events: none; position: absolute; top: 100%; transition-duration: 0.3s; transition-property: transform, opacity; width: 90%; z-index: -1; } .htmega-btn-shadow-1 .htb-btn:hover::before { opacity: 1; transform: translateY(5px); } .htmega-btn-shadow-2 .htb-btn::before, .htmega-btn-shadow-2 .htb-btn::after { background-repeat: no-repeat; box-sizing: border-box; content: ""; height: 5px; left: 0; opacity: 0; pointer-events: none; position: absolute; transition-duration: 0.3s; transition-property: opacity; width: 100%; } .htmega-btn-shadow-2 .htb-btn::before { background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 150% , rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0; bottom: 100%; } .htmega-btn-shadow-2 .htb-btn::after { background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -50% , rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0; top: 100%; } .htmega-btn-shadow-2 .htb-btn:hover::before, .htmega-btn-shadow-2 .htb-btn:hover::after { opacity: 1; } /* * Accourdion style */ .single_accourdion { margin-bottom: 15px; position: relative; } .single_accourdion:last-child{ margin-bottom: 0 !important; } .accordion-content { border: 1px solid #ddd; padding: 15px; } .htmega-items-hedding { background: #e6e6e6 none repeat scroll 0 0; cursor: pointer; padding: 10px 20px; position: relative; margin-bottom: 0; } .htmega-accourdion-title h2 { font-size: 16px; font-weight: 600; margin-bottom: 0px; } .htmega-accourdion-title .htmega-items-hedding .accourdion-icon { position: absolute; right: 0; top: 0; width: 40px; height: 100%; text-align: center; /* line-height: 40px; */ display: flex; justify-content: center; align-items: center; } .htmega-accourdion-title .htmega-items-hedding .close-accourdion { opacity: 1; visibility: visible; } .htmega-accourdion-title .htmega-items-hedding .open-accourdion { opacity: 0; visibility: hidden; } .htmega-accourdion-title .htmega-items-hedding.htb-collapsed .open-accourdion { opacity: 1; visibility: visible; } .htmega-accourdion-title .htmega-items-hedding.htb-collapsed .close-accourdion { opacity: 0; visibility: hidden; } .htmega-icon-align-left .htmega-items-hedding { padding-left: 40px; } .htmega-icon-align-left .accourdion-icon { left: 0; right: 0; } .htmega-icon-align-right .htmega-items-hedding { padding-right: 40px; } /* Accordion Image Hover Style */ .gallery-wrap { display: flex; flex-direction: row; width: 100%; height: 70vh; } .gallery-wrap .item { flex: 1; height: 100%; background-position: center; background-size: cover; background-repeat: none; transition: flex 0.8s ease; } .gallery-wrap .item:hover { flex: 7; } /* Accordion Image Style Two*/ ul.accordion--4 { list-style: none; padding: 0; margin: 0; display: flex; text-align: center !important; justify-content: center; } ul.accordion--4 li { width: 115px; height: 480px; display: block; border-right: 2px solid #fff; border-bottom: 2px solid #fff; background-color: #fff; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; cursor: pointer; -moz-box-shadow: 1px 3px 15px #555; -webkit-box-shadow: 1px 3px 15px #555; box-shadow: 1px 3px 15px #555; } ul.accordion--4 li.bleft { border-left: 2px solid #fff; } ul.accordion--4 li .heading { background-color: #fff; padding: 10px; margin-top: 60px; text-transform: capitalize; font-weight: 500; font-size: 18px; text-align: center; color: #18012c; } ul.accordion--4 li .description { position: absolute; height: 175px; bottom: 60px; left: 0px; display: none; width: 100%; } ul.accordion--4 li .description h2 { color: #18012c; font-size: 30px; } ul.accordion--4 li .description p { margin: 10px 22px; font-size: 14px; line-height: 28px; color: #18012c; } ul.accordion--4 li .description a { position: absolute; bottom: 5px; left: 20px; text-transform: uppercase; font-style: normal; font-size: 11px; text-decoration: none; color: #888; } ul.accordion--4 li .description a:hover { color: #333; text-decoration: underline; } ul.accordion--4 li .bgDescription { background: transparent; height: 340px; position: absolute; bottom: 0px; left: 0px; width: 100%; display: none; } .accordion--4 .accordion-content,.accordion--5 .accordion-content{ border:0; } /* Accordion Image Style Three */ .accor_wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; background: #000; } .accordion--5 { position: relative; margin: 0 auto 0 auto; } .accordion--5 .single_accordion { cursor: pointer; position: absolute; width: 100%; left: 0px; overflow: hidden; text-align: center; z-index: 2; } .accordion--5 .single_accordion::before { position: absolute; content: ""; background: #000000; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.4; z-index: -1; } .accordion--5 .single_accordion .va-title { text-transform: uppercase; font-size: 40px; margin-left: 5px; color: #ffffff; display: inline-block; margin-top: 15px; margin-right: 5px; } .accordion--5 .single_accordion .va-title div { font-size: 22px; font-style: italic; font-family: Georgia, serif; } .accordion--5 .single_accordion .va-content { display: none; margin-left: 0; padding: 0 23%; margin-top: -36px; } .accordion--5 .single_accordion .va-content div{ color: #ffffff; font-size: 14px; line-height: 28px; } .accor_wrapper .single_accordion{ background: #000; background-size: cover; } /* Title Icon Css */ span.htmega-accordion-title-icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; } span.htmega-accordion-title-icon svg{ width: 30px; } .htmega-title-icon-align-right .htmega-accordion-title-icon{ left: auto; right: 0; } .htmega-accordion-seperator-yes.single_accourdion::after { content: ""; position: absolute; width: 2px; height: auto; background: #000; left: 84px; top: 15px; bottom: 15px; } .htmega-accordion-short-des{ display: block; font-size: 14px; } .htmega-items-hedding{ margin: 0; } .elementor-widget-htmega-accordion-addons .accordion{ display:block!important; } /* Accorion icon for Short desrioption style */ .htb-short-active-yes .htmega-accourdion-title .htmega-items-hedding .open-accourdion { opacity: 1; visibility: visible; } .htb-short-active-yes .htmega-accourdion-title .htmega-items-hedding .close-accourdion { opacity: 0; visibility: hidden; } .htb-short-active-yes .htmega-accourdion-title .htmega-items-hedding.htb-short-active .close-accourdion { opacity:1; visibility: visible; } .htb-short-active-yes .htmega-accourdion-title .htmega-items-hedding.htb-short-active .open-accourdion { opacity: 0; visibility: hidden; } /* *Progress Bar Style */ .htmega-single-skill { overflow: hidden; padding-bottom: 23px; } .htmega-single-skill .htb-progress-bar { border-radius: 3px; position: relative; } .htmega-single-skill .htb-progress { overflow: visible; height: 6px; border-radius: 3px; } .htmega-single-skill .htb-progress span.percent-label { position: absolute; right: 0; top: -39px; } .htmega-progress-text-inner p.htmega_progress_title { left: 20px; top: 50%; transform: translateY(-100%); z-index: 9; margin: 0; color: #fff; } .htmega-progress-text-inner { position: relative; } .htmega-progress-text-inner p.htmega_progress_title { position: absolute; } .htmega-progress-value-inner .htb-progress span.percent-label { right: 50px; top: 50%; transform: translateY(-50%); } .htmega-single-skill p { color: #666666; font-family: "Montserrat",sans-serif; font-size: 16px; font-weight: 500; margin-bottom: 17px; display: inline-block; } .htmega-progressbar-value-bottom .htb-progress span.percent-label::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #18012c; content: ""; height: 0; left: 50%; margin-left: -6px; position: absolute; top: 100%; width: 0; } .htmega-progress-indicator .htb-progress .htb-progress-bar::after { background: #fff none repeat scroll 0 0; border: 4px solid #18012c; border-radius: 100%; content: ""; height: 24px; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 24px; } /* Vertical Progress Bar */ .htmega-single-skill.htmega-progress-bar-vertical { display: flex; flex-direction: column; overflow-y: hidden; } .htmega-progress-bar-vertical { position: relative; padding-top: 41px; } .htmega-progress-bar-vertical .htb-progress { width: 100%; padding-top: 40px; min-height: 390px; display: flex; align-items: flex-end; background: transparent; overflow: hidden; } .htmega-progress-bar-vertical .htb-progress .htb-progress-bar { width: 100%; height: 0; -webkit-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease; } .htmega-progress-bar-vertical.htmega-single-skill p.htmega_progress_title { order: 1; } .htmega-progress-bar-vertical.htmega-progress-value-inner .htb-progress span.percent-label { position: absolute; top: -36px; left: 50%; transform: translateX(-50%); } .htmega-progress-bar-vertical.htmega-progress-value-inner .htb-progress span.percent-label { left: 50%; position: absolute; top: -36px; transform: translateX(-50%); right: auto; } /* Circle Progress Bar*/ .radial-progress-single { text-align: center; } .radial-progress-single .radial-progress { position: relative; } .radial-progress-single .radial-progress span { position: absolute; text-align: center; display: block; left: 50%; top: -55%; transform: translateX(-50%) translateY(0); color: #383838; font-size: 30px; font-weight: 500; font-family: "Montserrat", sans-serif; } .radial-progress-single.htmega-progress-value-inner .radial-progress span{ top: 50%; transform: translateX(-50%) translateY(-50%); } .radial-progress-single h5.radial-progress-title { color: #666666; font-size: 16px; font-weight: 500; margin: 0; margin-top: 11px; font-family: "Montserrat", sans-serif; } .radial-progress-single canvas { vertical-align: middle; position: relative; } .radial-progressbg { display: inline-block; position: relative; } /* *CountDown Style */ .htmega-countbox { text-align: center; } .htmega-countbox .ht-count { display: inline-block; position: relative; margin: 0 22px; line-height: 1; } .htmega-countbox .ht-count::before { position: absolute; content: ":"; right: -26px; top: 50%; transform: translateY(-50%); color: #5e5b60; font-size: 55px; } .htmega-countbox .ht-count:last-child::before { display: none; } span.ht-count { padding: 28px 0px; border: 2px solid #18012c; border-radius: 10px; width: 139px; text-align: center; } .htmega-countbox span.time-count { color: #242424; font-size: 36px; font-weight: 500; display: block; padding-bottom: 27px; margin-bottom: 27px; position: relative; font-family: "Montserrat", sans-serif; } .htmega-countbox span.time-count::before { background-image: linear-gradient(to right, rgba(82, 65, 97, 0), rgba(82, 65, 97, 0.8) 40%, rgba(82, 65, 97, 0.8) 60%, rgba(82, 65, 97, 0)); background-position: center center; background-repeat: no-repeat; background-size: 84% auto; content: ""; height: 2px; left: 0; position: absolute; bottom: 0; width: 100%; } .htmega-countbox span span.count-inner p { color: #242424; font-size: 30px; font-weight: 400; margin: 0; } .htmega-timer-separate-no .htmega-countbox span.time-count::before, .htmega-separate-no .htmega-countbox .ht-count::before{ display: none; } .htmega-countdown-style-2 .ht-count .count-inner .time-count,.htmega-countdown-style-2 .ht-count .count-inner p{ display: inline-block; } .htmega-countdown-style-2 span.ht-count,.htmega-countdown-style-3 span.ht-count{ width: auto !important; height: auto !important; } .htmega-countdown-style-3 .ht-count.second { left: 48.5%; margin: 0; position: absolute; top: -60px; transform: translateX(-50%); } .htmega-countdown-style-3 .ht-count.second p,.htmega-countdown-style-3 .htmega-countbox .ht-count.minutes::before { display: none; } .htmega-countdown-style-3 .ht-count::before { right: -26px; top: 21%; transform: inherit; } .htmega-hide-lavel .htmega-countbox .ht-count::before { right: -26px; top: 36%; } /* Event Button */ .htmega_event_button a { line-height: 1; margin-top: 30px; padding: 15px 30px; text-decoration: none; } .htmega_event_button a i{ margin-right: 10px; } /* * Team Member css */ .htmega-team { margin-top: 30px; } .htmega-team .htmega-thumb { position: relative; overflow: hidden; line-height: 0; } .htmega-team .htmega-thumb *{ line-height:normal; } .htmega-team { position: relative; } .htmega-team .htmega-team-content { text-align: center; font-size: 16px; font-weight: 500; margin-bottom: 7px; border: 1px solid #dcd9d9; padding: 30px 20px; } .htmega-team .htmega-team-content h4 { font-size: 16px; font-weight: 500; margin-bottom: 5px; } .htmega-team .htmega-team-content h4 { color: #343434; transition: 0.5s; } .htmega-team .htmega-team-content p { margin: 0; color: #343434; font-size: 16px; font-weight: 400; } .htmega-team-style-1 .htmega-team-hover-action { position: absolute; width: 100%; text-align: center; height: 100%; top: -100px; opacity: 0; -webkit-transition: all 0.3s ease-out 0.5s; -moz-transition: all 0.3s ease-out 0.5s; -o-transition: all 0.3s ease-out 0.5s; -ms-transition: all 0.3s ease-out 0.5s; transition: all 0.3s ease-out 0.5s; } .htmega-team .htmega-team-hover-action .htmega-team-hover { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .htmega-team .htmega-team-hover-action .htmega-team-hover p { color: #ffffff; font-size: 14px; line-height: 28px; padding: 0 23px; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; opacity: 0; } .htmega-team .htmega-team-hover-action .htmega-team-hover .htmega-social-network { margin-bottom: 7px; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.2s ease-in-out 0.1s; -moz-transition: all 0.2s ease-in-out 0.1s; -o-transition: all 0.2s ease-in-out 0.1s; -ms-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; opacity: 0; } .htmega-team-style-1:hover .htmega-team-hover-action { opacity: 1; top: 0px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-animation: bounceY 0.9s linear; -moz-animation: bounceY 0.9s linear; -ms-animation: bounceY 0.9s linear; animation: bounceY 0.9s linear; background: rgba(24, 1, 44, 0.6); } .htmega-team:hover .htmega-team-hover-action .htmega-team-hover p, .htmega-team:hover .htmega-team-hover-action .htmega-team-hover .htmega-social-network { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; } .htmega-team-style-1::before { position: absolute; content: ""; width: 0; height: 1px; background: #18012c; bottom: 0; left: 0; transition: 0.5s; } .htmega-team-style-1:hover::before { width: 100%; } .htmega-team .htmega-thumb img { transition: all 0.4s ease 0s; width: 100%; } /*---------------------------- Team Style 02 ----------------------------*/ .htmega-team-style-2 .htmega-thumb img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.5s; } .htmega-team-style-2:hover .htmega-thumb img { -webkit-filter: grayscale(0); filter: grayscale(0); } .htmega-team-style-2 .htmega-team-hover-action { position: absolute; bottom: 30px; width: 100%; padding: 0 30px; } .htmega-team-style-2 .htmega-team-hover-action .htmega-hover-action { text-align: center; padding: 25px 0; background-color: rgba(115, 146, 184, 0.7); width: 100%; opacity: 0; -webkit-transform: translate(265px, 145px) rotate(45deg); -moz-transform: translate(265px, 145px) rotate(45deg); -o-transform: translate(265px, 145px) rotate(45deg); -ms-transform: translate(265px, 145px) rotate(45deg); transform: translate(265px, 145px) rotate(45deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .htmega-team-style-2 .htmega-team-hover-action .htmega-hover-action h4 { font-size: 18px; font-weight: 500; margin-bottom: 9px; color: #ffffff; } .htmega-team-style-2 .htmega-team-hover-action .htmega-hover-action{ background-color: #18012c; } .htmega-team-style-2 .htmega-team-hover-action{ background-color: transparent !important; } .htmega-team-style-2:hover .htmega-team-hover-action .htmega-hover-action { opacity: 1; -webkit-transform: translate(0px, -10px) rotate(45deg); -moz-transform: translate(0px, -10px) rotate(45deg); -o-transform: translate(0px, -10px) rotate(45deg); -ms-transform: translate(0px, -10px) rotate(45deg); transform: translate(0px, -10px) rotate(0deg); } /* New two css */ .htmega-team-style-2 .htmega-team-designation{ display: block; color: #ffffff; } .htmega-team.htmega-team-style-2{ overflow: hidden; } .htmega-team-hover-action.htmega-action-hover-st2 .htmega-hover-action { display: flex; justify-content: space-between; text-align: left; padding: 10px 15px; align-items: center; } .htmega-team-hover-action.htmega-action-hover-st2 { bottom: -30px; } .htmega-st2-new.htmega-team{ padding-bottom: 20px; } .htmega-team.htmega-team-style-2 .htmega-thumb{ overflow: visible; } .htmega-team-hover-action.htmega-action-hover-st2 ul.htmega-social-network{ padding: 0; } .htmega-team-hover-action.htmega-action-hover-st2 .htmega-hover-action { background-color: transparent; background-image: linear-gradient(220deg, #FF9966 0%, #FF5E62 100%); border-radius: 5px 5px 5px 5px; padding: 15px; } .htmega-team-style-2.htmega-st2-new .htmega-thumb img { -webkit-filter: grayscale(0); filter: grayscale(0); } /* Team Style 03 */ .htmega-team-style-3 .htmega-thumb { padding-bottom: 80px; position: relative; } .htmega-team-style-3 .plus_click { position: absolute; left: 50%; top: -14px; transform: translateX(-50%); } .htmega-team-style-3 .plus_click::before { content: "\f067"; font-family: Fontawesome; display: block; width: 25px; height: 25px; border: 1px solid #fff; color: #fff; background: #555555; border-radius: 100%; text-align: center; font-size: 12px; z-index: 2; cursor: pointer; transition: 0.5s; line-height: 27px; } .htmega-team-style-3 .plus_click.team-minus::before { content: "\f068"; background: #18012c; } .htmega-team-style-3 .htmega-team-click-action { background: #343434; text-align: center; border-radius: 50px 50px 0 0; padding-top: 28px; padding-bottom: 20px; transition: 0.5s; width: 100%; position: absolute; width: 100%; bottom: 0; margin-bottom: -58px; } .htmega-team-style-3 .htmega-team-click-action.visible { margin-bottom: 0px; background: #18012c; } .htmega-team-style-3 .htmega-team-click-action h4 { font-size: 16px; font-weight: 600; margin-bottom: 2px; } .htmega-team-style-3 .htmega-team-click-action h4{ color: #ffffff; } .htmega-team-style-3 .htmega-team-click-action span { display: block; color: #ffffff; font-size: 14px; margin-bottom: 14px; } .htmega-team-style-3 .htmega-team-click-action .htmega-social-network { margin-bottom: 9px; } /* Team Member Social Media CSS */ .htmega-team ul.htmega-social-network { padding: 0px; margin: 0; list-style: none; display: block; text-align: center; } .htmega-social-network { margin-bottom: 8px; } .htmega-social-network li { margin: 0 10px; display: inline-block; } .htmega-social-network li a { color: #fff; font-size: 14px; display: block; background: transparent; line-height: 1; } .htmega-social-network li a svg { width: 20px; } .htmega-social-network li a:hover { color: #3B5998; background: transparent; } .htmega-team-style-3 .htmega-social-network li a { height: 28px; line-height: 26px; text-align: center; width: 28px; } /* Team Style 04 */ .htmega-team-style-4 { text-align: center; } .htmega-team-style-4 .htmega-thumb { overflow: visible; display: block; } .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-left img { z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-right img { z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-top img { z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-bottom img { z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .htmega-team-style-4 .htmega-team-hover-action { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; text-align: center; } .htmega-team-style-4 .htmega-team-hover-action::before { position: absolute; content: ""; background: #18012c; opacity: 1; width: auto; height: auto; border-radius: 100%; left: 0px; top: 0px; bottom: 0px; right: 0px; } .htmega-team-style-4 .htmega-team-image-hover-none .htmega-team-hover-action::before { background: rgba(24, 1, 44, 0.5) none repeat scroll 0 0; bottom: 10px; content: ""; height: auto; left: 10px; opacity: 0; position: absolute; right: 10px; top: 10px; transition: all 0.4s ease-in-out 0s; width: auto; } .htmega-thumb.htmega-team-image-hover-none { overflow: hidden; } .htmega-team-style-4 .htmega-team-image-hover-none .htmega-team-hover-action .htmega-hover-action h4 { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .htmega-team-style-4 .htmega-team-image-hover-none ul.htmega-social-network,.htmega-team-style-4 .htmega-team-image-hover-none span.htmega-team-designation{ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .htmega-team-style-4 .htmega-team-image-hover-none span.htmega-team-designation{ display: block; color: #fff; } .htmega-team-style-4:hover .htmega-team-image-hover-none .htmega-team-hover-action .htmega-hover-action h4,.htmega-team-style-4:hover .htmega-team-image-hover-none ul.htmega-social-network,.htmega-team-style-4:hover .htmega-team-image-hover-none span.htmega-team-designation { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .htmega-team-style-4:hover .htmega-team-image-hover-none .htmega-team-hover-action::before { opacity: 1; } .htmega-team-style-4.htmega-team:hover .htmega-team-image-hover-none .htmega-team-hover-action { background-color: transparent!important; } .htmega-team-style-4 .htmega-team-hover-action .htmega-hover-action { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; } .htmega-team-style-4 .htmega-team-hover-action .htmega-hover-action h4 { font-size: 16px; margin-bottom: 13px; font-weight: 500; } .htmega-team-style-4 .htmega-team-hover-action .htmega-hover-action h4 { color: #ffffff; } .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-left img { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); } .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-right img { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); z-index: 12; } .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-top img { -webkit-transform: rotate3d(1, 0, 0, 180deg); -moz-transform: rotate3d(1, 0, 0, 180deg); -ms-transform: rotate3d(1, 0, 0, 180deg); -o-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-bottom img { -webkit-transform: rotate3d(1, 0, 0, 180deg); -moz-transform: rotate3d(1, 0, 0, 180deg); -ms-transform: rotate3d(1, 0, 0, 180deg); -o-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } /* Team Style 05 */ .htmega-team-style-5 .htmega-thumb img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .htmega-team-style-5 .htmega-team-hover-action { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background-color: white; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; opacity: 0; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action { position: absolute; top: 50%; transform: translateY(-50%); padding: 0 20px; width: 100%; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4 { font-size: 16px; font-weight: 600; margin-bottom: 9px; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4 a { color: #343434; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action span { font-size: 16px; display: block; color: #343434; margin-bottom: 12px; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action p { line-height: 26px; color: #494849; font-size: 14px; margin-bottom: 16px; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action .htmega-social-network { justify-content: flex-start; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action .htmega-social-network li:first-child { margin-left: 0; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4, .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action span, .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action ul.htmega-social-network, .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action p { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; opacity: 0; } .htmega-team-style-5:hover .htmega-team-hover-action { opacity: 1; background-color: white; } .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action h4, .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action ul.htmega-social-network, .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action p, .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action span { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .htmega-team-style-5:hover .htmega-thumb img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); opacity: 0; } .htmega-team.htmega-team-style-5 ul.htmega-social-network{ padding: 0; } /* Team Style 06 */ .htmega-team-style-6 { overflow: hidden; } .htmega-team-style-6 .htmega-thumb img { transition: 0.5s; } .htmega-team-style-6:hover .htmega-thumb img { transform: scale(1.2) rotate(10deg); } .htmega-team-style-6 .htmega-team-info { background: #f4f4f4; text-align: center; transition: 0.4s; } .htmega-team-style-6 .htmega-team-info .htmega-team-content { padding: 26px 18px; } .htmega-team-style-6 .htmega-team-info .htmega-team-content p { font-size: 14px; line-height: 28px; color: #494849; margin: 0; } .htmega-team-style-6 .htmega-team-info .htmega-team-content h4 { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .htmega-team-style-6 .htmega-team-info .htmega-team-content h4 { color: #343434; } .htmega-team-style-6 .htmega-team-info .htmega-team-content span { color: #343434; font-size: 14px; font-weight: 400; } .htmega-team-style-6 .htmega-team-info .htmega-social-network { padding: 14px 0; border-top: 2px solid #ffffff; } .htmega-team.htmega-team-style-6 .htmega-team-content { border:none; } /* Team Style 07 */ .htmega-team-style-7 { box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); overflow: hidden; } .htmega-team-style-7 .htmega-thumb a img { transition: 0.5s; } .htmega-team-style-7 .htmega-team-hover-action { position: absolute; bottom: 30px; width: 100%; text-align: center; } .htmega-team-style-7 .htmega-team-hover-action{ background-color: transparent; } .htmega-team-style-7 .htmega-team-hover-action .htmega-hover-action .htmega-social-network { -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .htmega-team-style-7 .htmega-team-hover-action .htmega-hover-action .htmega-social-network li a { -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transform: scale(0.1); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transform: scale(0.1); opacity: 0; height: 28px; width: 28px; line-height: 28px; } .htmega-team-style-7:hover .htmega-team-hover-action .htmega-hover-action .htmega-social-network li a { opacity: 1; transform: scale(1); -webkit-transition-delay: .1s; transition-delay: .1s; } .htmega-team-style-7 .htmega-team-content { background: #fff none repeat scroll 0 0; border: 0 none; margin: 0; padding: 20px 10px; text-align: center; } .htmega-team-style-7 .htmega-team-content h4 { font-size: 16px; font-weight: 600; margin-bottom: 3px; } .htmega-team-style-7 .htmega-team-content h4 { color: #343434; } .htmega-team-style-7 .htmega-team-content h4:hover { color: #18012c; } .htmega-team-style-7 .htmega-team-content span { color: #343434; font-size: 14px; margin: 0; font-weight: 400; } .htmega-team-style-7:hover .htmega-thumb img { transform: scale(1.2) rotate(10deg); } /* Team Style 08 */ .htmega-team-style-8 .htmega-team-content{ position: relative; transition: all 0.3s ease-in-out; border: 1px solid #e5e5e5; border-top: 0; overflow: hidden; } .htmega-team-style-8{ box-shadow: none; } .htmega-team-style-8 .htmega-team-hover-action { position: absolute; bottom: -110%; width: 100%; z-index: 2; left: 0; height: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; background-color: transparent; background-image: linear-gradient(280deg, #FCC5FF 0%, #8D73FF 100%); } .htmega-team-style-8:hover .htmega-team-hover-action { bottom: 0; } .htmega-team-style-8::before,.htmega-team-style-8::after { content: ""; position: absolute; left: 0; bottom: 0; height: 10px; width: 10px; border-left: 1px solid #8e74ff; border-bottom: 1px solid #8e74ff; z-index: 1; } .htmega-team-style-8::after { left: auto; right: 0; border-left: 1px solid transparent!important; border-right: 1px solid #8e74ff; } .htmega-team-style-8:hover::after,.htmega-team-style-8:hover::before{ opacity: 0; } .htmega-team-style-8 .htmega-team-hover-action:after { position: absolute; content: ""; width: 51px; height: 3px; top: 0; left: 50%; background: #fff; margin-left: -25px; } .htmega-team.htmega-st8-new .htmega-team-content { position: absolute; bottom: 0; left: 0px; right: 0px; margin: 0 15px; } /* Team Content style 3 */ .htmega-team-style-8.htmega-st8-new3 .htmega-team-hover-action { bottom: 0; left: -99%; } .htmega-team-style-8.htmega-st8-new3:hover .htmega-team-hover-action{ left: 0; } .htmega-team-style-8.htmega-st8-new3 .htmega-team-content { border-width: 0px 0px 0px 0px; margin: 0px 20px 20px 0px; } span.htmega-team-designation{ display: block; } /*--------------------------------- Pricing Table Style -----------------------------------*/ .htmega-features svg { width: 20px; display: inline-block; } .htmega-pricing-panel { display: flex; flex-direction: column; justify-content: space-between; text-align: center; margin-top: 30px; } .htmega-pricing-body ul { list-style: none; padding: 0; margin: 0; } .htmega-pricing-panel .pricing_old { margin-right: 15px; } .htmega-pricing-panel .htmega-pricing-heading .price h4 span.pricing_new,.htmega-pricing-panel .htmega-pricing-heading .price h4 span.pricing_old{ padding-left: 16px; position: relative; } .htmega-features li i, .htmega-features li svg{ margin-right: 8px; } .elementor-widget-htmega-pricing-table-addons span.htmega-price-badge { position: absolute; top: -1px; background: #fff; padding: 12px 40px; z-index: 9; line-height: 1; border-radius: 5px 0px 0px 5px; } .elementor-widget-htmega-pricing-table-addons span.htmega-price-badge-position-left { left: 40px; -webkit-transform: rotate(-90deg) translateX(-100%); -ms-transform: rotate(-90deg) translateX(-100%); transform: rotate(-90deg) translateX(-100%); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .elementor-widget-htmega-pricing-table-addons span.htmega-price-badge-position-right{ right: 0; -webkit-transform: rotate(-90deg) translateY(-100%); -ms-transform: rotate(-90deg) translateY(-100%); transform: rotate(-90deg) translateY(-100%); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .htmega-pricing-panel .price-label { position: relative; } /* Pricing Table style 1 */ .htmega-pricing-style-1 { background: #365a73; margin-top: 30px; border-radius: 10px; padding-bottom: 40px; } .htmega-pricing-style-1 .htmega-pricing-heading { padding-top: 65px; padding-bottom: 75px; background-repeat: no-repeat; background-position: center center; position: relative; background-size: cover; margin-bottom: 37px; border-radius: 10px 10px 0 0; } .htmega-pricing-style-1 .htmega-pricing-heading .title { position: absolute; left: -7px; transform: rotate(-90deg); top: 39px; } .htmega-pricing-style-1 .htmega-pricing-heading .title h2 { margin: 0; height: 50px; line-height: 50px; color: #ffffff; font-size: 16px; background: -webkit-linear-gradient(left, #446c83, #4eb8bf); background-image: linear-gradient(left, #446c83, #4eb8bf); border-radius: 10px; font-family: 'Raleway', sans-serif; width: 125px; text-align: center; } .htmega-pricing-style-1 .htmega-pricing-heading .price { display: inline-block; padding-left: 35px; } .htmega-pricing-style-1 .htmega-pricing-heading .price h4 { color: #ffffff; display: inline-block; margin: 0; position: relative; font-size: 40px; font-weight: 600; font-family: 'Raleway', sans-serif; } .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span.pricing_new{ font-size: 40px; } .htmega-pricing-style-1 .htmega-pricing-heading .price h4 sub { position: absolute; left: 0; top: 23px; font-size: 20px; font-weight: 700; font-family: 'Raleway', sans-serif; } .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span.pricing_old sub{ position: static; } .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span { font-size: 20px; font-family: "Montserrat", sans-serif; } .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span.separator { margin-right: -5px; } .htmega-pricing-style-1 .htmega-pricing-body { margin-bottom: 37px; } .htmega-pricing-style-1 .htmega-pricing-body ul li { color: #f1f1f1; font-weight: 300; font-size: 16px; padding: 5px 0; } a.price_btn{ text-decoration: none; } .htmega-pricing-style-1 a.price_btn { border: 1px solid #4fbfc5; display: inline-block; padding: 8px 40px; border-radius: 10px; color: #ffffff; font-size: 14px; text-transform: uppercase; font-weight: 600; transition: 0.5s; } .htmega-pricing-style-1 a.price_btn:hover { background: #4ebec4; color: #ffffff; border: 1px solid #4ebec4; } /* Pricing Table style 2*/ .htmega-pricing-style-2 { background: #ffffff; border-radius: 10px; padding: 55px 0; } .htmega-pricing-heighlight{ padding: 70px 0; box-shadow: 0 0 30px rgba(82, 182, 188, 0.25); position: relative; z-index: 2; } .htmega-pricing-style-2 .htmega-pricing-heading { margin-bottom: 10px; } .htmega-pricing-style-2 .htmega-pricing-heading .icon { margin-bottom: 20px; } .htmega-pricing-style-2 .htmega-pricing-heading .title h2 { margin-bottom: 14px; margin-bottom: 28px; } .htmega-pricing-style-2 .htmega-pricing-heading .price h4 { color: #52b6bc; font-weight: 400; position: relative; font-size: 30px; margin: 0; font-family: 'Lora', serif; display: inline-block; } .htmega-pricing-style-2 .htmega-pricing-heading .price h4 sub { position: absolute; left: 0; top: 16px; } .htmega-pricing-style-2 .htmega-pricing-body { margin-bottom: 27px; } .htmega-pricing-style-2 .htmega-pricing-body ul li { color: #7b7b7b; font-size: 14px; font-weight: 300; padding: 3px 0; } .htmega-pricing-style-2 .htmega-pricing-footer a.price_btn { border: 2px solid #52b6bc; display: inline-block; padding: 0 32px; color: #52b6bc; border-radius: 21px; font-weight: 500; font-size: 15px; transition: 0.5s; } .htmega-pricing-style-2 .htmega-pricing-footer a.price_btn:hover { background: #52b6bc; color: #ffffff; border: 2px solid #52b6bc; } /* Pricing Table style 3 */ .htmega-pricing-style-3 { background: #ef476f; padding-bottom: 60px; margin-top: 88px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .htmega-pricing-style-3 .htmega-pricing-heading .price { width: 125px; height: 127px; background: #ef476f; border: 4px solid #fff; border-radius: 100%; text-align: center; margin: 0 auto; display: flex; justify-content: center; align-items: center; position: relative; margin-top: -63px; margin-bottom: 37px; } .htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.pricing_new,.htmega-pricing-style-3 .htmega-pricing-heading .price h4{ font-size: 40px; margin: 0; font-weight: 600; position: relative; font-family: "Poppins", sans-serif; } .htmega-pricing-panel.htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.pricing_new, .htmega-pricing-panel.htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.pricing_old{ padding: 0; } .htmega-pricing-style-3 .htmega-pricing-heading .price h4 sub { font-size: 20px; position: relative; top: -17px; left: 0; } .htmega-pricing-style-3 .htmega-pricing-heading .price h4 span { font-size: 15px; font-weight: 500; color: #ffffff; } .htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.separator { margin-right: -8px; margin-left: 0; color: #ffffff; } .htmega-pricing-style-3 .htmega-pricing-heading .title { margin-bottom: 41px; } .htmega-pricing-style-3 .htmega-pricing-heading .title h2 { font-size: 26px; color: #ffffff; font-weight: 600; margin: 0; font-family: "Montserrat", sans-serif; } .htmega-pricing-style-3 .htmega-pricing-body ul li { color: #ffffff; font-size: 17px; padding: 5px 0; font-family: "Poppins", sans-serif; } .htmega-pricing-style-3 .htmega-pricing-footer { margin-top: 48px; } .htmega-pricing-style-3 .htmega-pricing-footer a.price_btn { height: 40px; padding: 0 43px; display: inline-block; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); color: #fff; font-weight: 600; line-height: 40px; font-size: 15px; transition: 0.5s; font-family: "Montserrat", sans-serif; } .htmega-pricing-style-3 .htmega-pricing-footer a.price_btn:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } /* Pricing Table style 4 */ .htmega-pricing-style-4 { background: #ffffff; padding: 90px 0; } .htmega-pricing-style-4.htmega-pricing-heighlight .htmega-pricing-footer { height: auto; } .htmega-pricing-ribon{ position: relative; } .htmega-pricing-ribon::before { content: url(../images/pricing/pricing-ribon.png); left: 30px; position: absolute; top: -15px; } .htmega-pricing-style-4 .htmega-pricing-heading .price h4 { font-weight: 600; color: #4d4d4d; font-size: 48px; position: relative; display: inline-block; margin: 0; } .htmega-pricing-style-4 .htmega-pricing-heading .price h4 sub { position: absolute; left: 0; top: 25px; font-size: 31px; } .htmega-pricing-style-4 .htmega-pricing-heading .title h2 { font-size: 18px; font-weight: 500; color: #000101; padding-bottom: 27px; position: relative; margin-bottom: 28px; } .htmega-pricing-style-4 .htmega-pricing-heading .title h2::before { position: absolute; content: ""; width: 60px; height: 2px; background: #e1e1e1; bottom: 0; left: 50%; transform: translateX(-50%); } .htmega-pricing-style-4 .htmega-pricing-body { position: relative; padding-bottom: 23px; margin-top: 36px; } .htmega-pricing-style-4 .htmega-pricing-body::before { position: absolute; content: ""; background: #e1e1e1; width: 60px; height: 2px; bottom: 0; left: 50%; transform: translateX(-50%); transition: .3s; } .htmega-pricing-style-4:hover .htmega-pricing-body::before { opacity: 0; } .htmega-pricing-style-4 .htmega-pricing-body ul li { font-size: 15px; color: #000000; line-height: 35px; font-family: "Montserrat", sans-serif; } .htmega-pricing-style-4 .htmega-pricing-footer { margin-top: 32px; height: 0px; overflow: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .htmega-pricing-style-4 .htmega-pricing-footer a.price_btn { height: 46px; border: 1px solid #ededed; display: inline-block; line-height: 44px; padding: 0 40px; color: #000000; font-size: 14px; border-radius: 30px; font-family: "Montserrat", sans-serif; transition: 0.5s; } .htmega-pricing-style-4 .htmega-pricing-footer a.price_btn:hover { background: #0056ff; color: #ffffff; border: 1px solid #0056ff; } .htmega-pricing-style-4:hover .htmega-pricing-footer { height: 46px; } .htmega-pricing-style-4.active .htmega-pricing-footer { height: 46px !important; } /* Pricing Table Style 5 */ .htmega-pricing-style-5 { background: #f6f6f6; padding: 40px 0; text-align: left; padding-bottom: 50px; margin-left: 30px; } .htmega-pricing-style-5 .htmega-pricing-heading { padding-left: 46px; margin-bottom: 8px; } .htmega-pricing-style-5 .htmega-pricing-heading .price h4 { color: #0056ff; font-weight: 600; font-size: 40px; } .htmega-pricing-style-5 .htmega-pricing-heading .title h2 { color: #000000; font-size: 18px; font-weight: 500; letter-spacing: 3px; margin-bottom: 3px; } .htmega-pricing-style-5 .htmega-pricing-body { background: #e3ecff; margin-right: 30px; margin-left: -30px; border-radius: 6px; padding: 40px 56px 60px; position: relative; } .htmega-pricing-style-5 .htmega-pricing-body ul { margin-bottom: -37px; } .htmega-pricing-style-5 .htmega-pricing-body ul li { color: #181818; font-size: 14px; padding: 10px 0; } .htmega-pricing-body ul li.off { text-decoration: line-through; } .htmega-pricing-style-5 .htmega-pricing-body a.price_btn { bottom: -72px; background: transparent; display: inline-block; left: 50%; border-radius: 25px; font-size: 14px; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; transform: translateX(-50%); position: relative; border: 1px solid transparent; padding: 4px; transition: 0.5; } .htmega-pricing-style-5 .htmega-pricing-body a.price_btn span { padding: 0 30px; background: #0056ff; display: inline-block; border-radius: 20px; height: 40px; line-height: 40px; } .htmega-pricing-style-5 .htmega-pricing-body a.price_btn:hover { border: 1px solid #0056ff; } .htmega-pricing-style-5 .htmega-pricing-body a.price_btn.active { border: 1px solid #0056ff; } .htmega-pricing-style-5 .htmega-pricing-body a.price_btn.active:hover { border: 1px solid transparent; } .htmega-pricing-style-5 .htmega-pricing-heading .price h4 span.pricing_new, .htmega-pricing-style-5 .htmega-pricing-heading .price h4 span.pricing_old{ padding: 0; } .htmega-pricing-style-5 sub { font-size: 40px; position: static; } /* Pricing Table Style 6 */ .htmega-pricing-style-6 { background: #fff; box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.2); padding-bottom: 30px; } .htmega-pricing-style-6.htmega-pricing-heighlight .htmega-pricing-heading { background: #2d3e50; padding: 30px 0; } .htmega-pricing-style-6.htmega-pricing-heighlight .htmega-pricing-body { padding: 55px 0; } .htmega-pricing-style-6.htmega-pricing-heighlight .htmega-pricing-body ul li { padding: 7px 0; } .htmega-pricing-style-6 .htmega-pricing-heading { background: #2d3e50; padding: 30px 0; } .htmega-pricing-style-6 .htmega-pricing-heading .price h4 span.separator { margin-left: 5px; margin-right: 0; } .htmega-pricing-style-6 .htmega-pricing-heading .price h4 sub { font-size: 18px; position: relative; top: -20px; left: 0; } .htmega-pricing-style-6 .htmega-pricing-body { padding: 50px 0; } .htmega-pricing-style-6 .htmega-pricing-body ul li { color: #2d3e50; font-size: 18px; font-weight: 500; padding: 5px 0; font-family: 'Raleway', sans-serif; } .htmega-pricing-style-6 .htmega-pricing-footer a.price_btn { background: #2d3e50; padding: 12px 40px; line-height: 1; font-weight: 700; border-radius: 15px; font-size: 15px; color: #ffffff; font-family: 'Raleway', sans-serif; transition: 0.5s; } .htmega-pricing-style-6 .htmega-pricing-footer a.price_btn:hover { transform: translateY(-5px); } .htmega-pricing-style-6 .htmega-pricing-heading .price h4 span.period-txt,.htmega-pricing-style-6 .htmega-pricing-heading .price h4 span.separator { color: #ecebeb; font-size: 18px; } /* Pricing Table style 7 */ .htmega-pricing-style-7 { background: #ffffff; padding-top: 48px; padding-bottom: 60px; box-shadow: 0 0 10px rgba(1, 26, 72, 0.1); } .htmega-pricing-style-7 .htmega-pricing-heading .title h2 { color: #f7ca18; font-size: 26px; font-weight: 600; margin-bottom: 32px; font-family: "Poppins", sans-serif; } .htmega-pricing-style-7 .htmega-pricing-heading .price { background-position: center center; background-size: cover; margin-bottom: 23px; padding: 12px 0; } .htmega-pricing-style-7 .htmega-pricing-heading .price h4 { font-size: 60px; color: #011a48; font-weight: 700; font-family: "Poppins", sans-serif; } .htmega-pricing-style-7 .htmega-pricing-heading .price h4 span.period-txt,.htmega-pricing-style-7 .htmega-pricing-heading .price h4 span.separator { font-size: 26px; font-weight: 600; } .htmega-pricing-style-7 .htmega-pricing-heading .price h4 span.separator { margin-left: 2px; margin-right: -8px; } .htmega-pricing-style-7 .htmega-pricing-heading .price h4 sub { font-size: 26px; left: 0px; position: relative; top: -3px; } .htmega-pricing-style-7 .htmega-pricing-body { padding: 0 28px; } .htmega-pricing-style-7 .htmega-pricing-body ul li { color: #798294; font-size: 20px; line-height: 32px; padding: 13px 0; border-top: 1px solid #f6f6f6; font-family: 'Open Sans', sans-serif; } .htmega-pricing-style-7 .htmega-pricing-body ul li:last-child { border-bottom: 1px solid #f6f6f6; } .htmega-pricing-style-7 .htmega-pricing-footer { margin-top: 40px; } .htmega-pricing-style-7 .htmega-pricing-footer a.price_btn { height: 47px; padding: 0 50px; display: inline-block; background: #011a48; border-radius: 23px; color: #fff; font-size: 14px; line-height: 47px; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-family: "Poppins", sans-serif; transition: 0.5s; } .htmega-pricing-style-7 .htmega-pricing-footer a.price_btn:hover { background: #f7ca18; color: #000000; } /* Pricing Table style 8 */ .htmega-pricing-panel.htmega-pricing-style-8 { background-color: transparent; background-image: linear-gradient(145.94deg, #FFB602 0%, #FF0773 100%); border-radius: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; padding: 40px 0px 44px 0px; } .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-heading .title h2 { color: #FFFFFF; font-family: "Roboto", Sans-serif; font-size: 18px; font-weight: 400; } .htmega-pricing-panel.htmega-pricing-style-8 .price-label { background-color: #FFFFFF; width: 205px; right: -42%; padding: 20px 22px 20px 0px; margin: 5px 0px 5px 0px; border-radius: 70px 0px 0px 70px; } .htmega-pricing-panel.htmega-pricing-style-8 .price-label h4 { color: #FF106E; font-family: "Roboto", Sans-serif; font-size: 28px; font-weight: 700; margin-bottom: 0; } .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-body ul li { color: #FFFFFF; font-weight: 400; padding: 5px 5px 5px 5px; } .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-body ul { text-align: left; padding: 0px 0px 0px 94px; } .htmega-pricing-panel.htmega-pricing-style-8 .price-label h4 sub { color: #FF106E; font-family: "Roboto", Sans-serif; font-size: 28px; font-weight: 700; left: 0px; top: 0px; } .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-heading .htmega-pricing-header-align { padding: 0px 0px 0px 95px; text-align: left; } .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-footer { margin: 40px 0px 0px 0px; } .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-footer a.price_btn { padding: 15px 86px 15px 86px; border-radius: 30px 30px 30px 30px; } .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-footer a.price_btn { border-style: solid; border-width: 1px 1px 1px 1px; border-color: #FFFFFF; } /* Pricing Table style 9 */ .htmega-pricing-heading .header-top-image { top: -47.5px; position: relative; width: 95px; height: 95px; border: 1px solid #000; border-radius: 99px; padding: 7px; left: 50%; margin-left: -47.5px; background: #fff; display: flex; align-items: center; justify-content: center; } .htmega-pricing-panel.htmega-pricing-style-9 { background-color: #FFFFFF; padding: 0px 0px 44px 0px; border-radius: 10px 10px 10px 10px; } .htmega-pricing-panel.htmega-pricing-style-9 .htmega-pricing-body ul li { color: #22577E; font-family: "Roboto", Sans-serif; font-size: 14px; font-weight: 400; padding: 0px 0px 6px 0px; } .htmega-pricing-panel.htmega-pricing-style-9 .htmega-pricing-footer { margin: 40px 0px 0px 0px; } .htmega-pricing-panel.htmega-pricing-style-9 .htmega-pricing-footer a.price_btn { padding: 12px 50px 12px 50px; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #FF5151; color: #FF5151; transition: 0.3s; } .htmega-pricing-panel.htmega-pricing-style-9 .htmega-pricing-footer a.price_btn:hover { color: #FFFFFF; background-color: #FF5151; } /*----------------------------- Brand Style ------------------------------*/ .htmega-brands-area.htmega-brands-style-1{ display: flex; flex-wrap: wrap; } .htmega-brands-area { overflow: hidden; } .single-partner { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 15px; width: calc(100% * (1/4)); text-align: center; margin-bottom: 50px; display: flex; align-items: center; justify-content: center; line-height: 0; } .single-partner a{ display: inline-block; } /* Brand style 2 */ ul.brand-list { list-style: none; padding: 0; margin: 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } /* Mobile Quary Brand widgets*/ @media only screen and (max-width: 380px) { ul.brand-list { display: block; } } ul.brand-list li { position: relative; text-align: center; /* transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); */ } ul.brand-list li a{ display: inline-block; } .htmega-brands-style-2 ul.brand-list li { border-right: 1px dashed #ffffff; display: block; float: left; padding: 20px; text-align: center; width: 20%; } .htmega-brands-style-2 ul.brand-list li:last-child { border-right: 1px dashed transparent; } .htmega-brands-style-3 ul.brand-list li { flex-basis: 20%; border-right: 1px solid #dcd9d9; height: 125px; line-height: 125px; border-top: 1px solid #dcd9d9; border-bottom: 1px solid #dcd9d9; } .htmega-brands-style-3 ul.brand-list li:first-child { border-left: 1px solid #dcd9d9; } .brand-list-area { display: flex; flex-wrap: wrap; } .brand-logo-col{ padding-left: 15px; padding-right: 15px; } .htmega-brands-style-5 .brand-logo-col{ flex: 0 0 25%; max-width: 25%; } .htmega-brands-style-5 .single-partner { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center; display: block; width: 100%; padding: 25px 15px; } .htmega-brands-style-7 .single-partner{ width: 100%; } .htmega-brands-style-7 .brand-logo-col{ flex: 0 0 33.333%; max-width: 33.333%; } /* Brand Style Four */ .htmega-brands-style-4 ul.brand-list{ display: block; } .htmega-brands-style-4 ul.brand-list li { border-bottom: 1px dashed #aaa; border-right: 1px dashed #aaa; float: left; padding: 25px 15px; text-align: center; width: 33.33%; } .htmega-brands-style-4 ul.brand-list li:nth-child(1) { border-bottom-color: #aaa; border-right-color: #aaa; } .htmega-brands-style-4 ul.brand-list li:nth-child(6), .htmega-brands-style-4 ul.brand-list li:last-child { border-bottom-color: transparent; border-right-color: transparent; } .htmega-brands-style-4 ul.brand-list li:nth-child(5) { border-bottom-color: transparent; border-right-color: #aaa; } .htmega-brands-style-4 ul.brand-list li:nth-child(4) { border-bottom-color: transparent; border-right-color: #aaa; } .htmega-brands-style-4 ul.brand-list li:nth-child(3) { border-bottom-color: #aaa; border-right-color: transparent; } /*----------------------- * Newsletter Style -----------------------*/ .float-left{ float:left; } .newsletter-style-one p { color: #798294; font-size: 14px; line-height: 28px; max-width: 605px; margin: 0 auto !important; width: 100%; margin-bottom: 58px; margin-top: 16px; } .htmega-mailchimp-style-1 .htmega-input-box { position: relative; max-width: 530px; margin: 0 auto; } .htmega-input-box input[type="text"],.htmega-input-box input[type="email"] { width: 100%; } .htmega-mailchimp-style-1 .htmega-input-box input[type="submit"] { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); outline: none; border: 0 none; transition: 0.4s; } /* Newsletter Style Two */ .htmega-mailchimp-style-2 .htmega-input-box input[type="text"],.htmega-mailchimp-style-2 .htmega-input-box input[type="email"] { width: calc(100% - 170px); } /* Newsletter Style Three */ .htmega-input-box form{ width: 100%; } .htmega-mailchimp-style-3 .htmega-input-box { position: relative; max-width: 580px; width: 100%; margin: 0 auto; display: flex; } .htmega-mailchimp-style-3 .htmega-input-box input { text-align: center; float: left; overflow: hidden; max-width: 405px; } .htmega-mailchimp-style-3 .htmega-input-box input[type="submit"] { float: right; overflow: hidden; transition: 0.4s; } /* Newsletter Style Four */ .htmega-mailchimp-style-4 .htmega-input-box { position: relative; } .htmega-mailchimp-style-4 .htmega-input-box input[type="submit"] { position: absolute; right: 5px; top: 50%; width: 40px; transform: translateY(-50%); transition: 0.4s; text-indent: -99999px; } .htmega-mailchimp-style-4 .htmega-input-box::before { color: #ffffff; content: "�; cursor: pointer; display: block; font-family: fontawesome; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 1; } /* Newsletter Style Five */ .htmega-mailchimp-style-5 .htmega-input-box input[type="submit"] { width: 100%; transition: 0.5s; } /* * Testimonial Style */ .htmega-testimonial-area .slick-prev, .htmega-testimonial-area .slick-next { background: transparent none repeat scroll 0 0; border: medium none; color: #7d7d7d; cursor: pointer; display: block; font-size: 24px; height: auto; line-height: 1; outline: medium none; padding: 0; position: absolute; text-align: center; top: 50%; transform: translate(0px, -50%); width: auto; z-index: 2; transition: all 0.3s ease-in-out; } .htmega-testimonial-area .slick-next{ right: 0; } .htmega-testimonial-area .slick-dots{ list-style: none; } .htmega-testimonial-area .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: #e3e3e3; border-radius: 100%; } .htmega-testimonial-area .slick-dots li.slick-active button { background: #ff6600; } .htmega-testimonial-area .slick-dots li button:before { display: none; } .htmega-testimonial-area .slick-dots { bottom: -30px; z-index: 3; } .htmega-testimonial-area .slick-dots li { margin: 0 7px; width: 12px; height: 12px; } .htmega-testimonial-area .slick-prev::before, .htmega-testimonial-area .slick-next::before{ display: none; } .htmega-testimonial-area:not(.htmega-testimonial-style-4) .slick-dots{ left:0; } /*Testimonial Style One*/ .htmega-testimonial-activation { z-index: 1; } .htmega-testimonial-style-1 .testimonal { text-align: center; } .htmega-testimonial-style-1 .testimonal img { margin-bottom: 34px; text-align: center; display: inline-block; } .htmega-testimonial-style-1 .testimonal .shape img { margin: 0; } .htmega-testimonial-style-1 .testimonal .content { margin-top: 30px; } .htmega-testimonial-style-1 .testimonal .content p { color: #3e3e3e; font-size: 18px; line-height: 35px; padding: 0 10%; } .htmega-testimonial-style-1 .testimonal .content h4 { color: #3e3e3e; font-size: 20px; line-height: 37px; margin: 0; } .htmega-testimonial-style-1 .testimonal .content span { color: #3e3e3e; font-size: 18px; } /* Testimonial Style Two */ .htmega-testimonial-style-2 .testimonal { text-align: center; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; margin-top: 50px; padding-bottom: 27px; border-radius: 10px; } .htmega-testimonial-style-2 .testimonal img { position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #6e6e6e; border-radius: 100%; max-width: 100%; } .htmega-testimonial-style-2 .testimonal .content { margin-top: 69px; } .htmega-testimonial-style-2 .testimonal .content p { color: #5b5b5b; font-size: 14px; line-height: 24px; padding: 0 4%; font-style: italic; margin-bottom: 4px; } .htmega-testimonial-style-2 .testimonal .content h4 { color: #5b5b5b; font-size: 16px; line-height: 37px; margin: 0; font-weight: 600; } .htmega-testimonial-style-2 .testimonal .content span { color: #3e3e3e; font-size: 18px; } .htmega-testimonial-style-2 .slick-slide { padding: 5px 15px; } .htmega-testimonial-style-2 .slick-center .testimonal img { border: 1px solid #ff6600; } .htmega-testimonial-style-2 .slick-dots { bottom: -75px; } .slick-dotted.slick-slider { margin-bottom: 0; } .htmega-testimonial-style-2 .testimonal .shape img { border: medium none; left: 0; margin: 0 auto; position: relative; top: 53px; transform: translate(0px); } /* Testimonial Style 3 */ .htmega-testimonial-style-3 .testimonal img { float: left; } .htmega-testimonial-style-3 .testimonal .content { overflow: hidden; padding-left: 20px; } .htmega-testimonial-style-3 .testimonal .content p { color: #3e3e3e; font-size: 16px; margin-bottom: 20px; line-height: 28px; } .htmega-testimonial-style-3 .testimonal .content .clint-info { padding-left: 50px; position: relative; } .htmega-testimonial-style-3 .testimonal .content .clint-info::before { position: absolute; content: ""; width: 30px; height: 2px; background: #383838; left: 0; top: 4px; } .htmega-testimonial-style-3 .testimonal .content .clint-info h4 { font-weight: 600; font-size: 16px; color: #383838; margin-bottom: 2px; } .htmega-testimonial-style-3 .testimonal .content .clint-info span { color: #383838; font-size: 14px; } .htmega-testimonial-style-3 .testimonal .shape img { left: 20px; position: relative; } .htmega-testimonial-style-3 .testimonal .content .clint-info ul.htmega-testimonial-rating *{ padding-left: 0!important; } .htmega-testimonial-style-8 ul.htmega-testimonial-rating, .htmega-testimonial-style-3 ul.htmega-testimonial-rating, .htmega-testimonial-style-4 .htmega-testimonial-rating{ justify-content: left; } /* Testimonial Style 4 */ .htmega-testimonial-style-4 .testimonal .testimonal-image { float: left; padding-right: 50px; position: relative; } .htmega-testimonial-style-4 .testimonal .testimonal-image::before { position: absolute; content: ""; width: 1px; height: 100%; background: #18012c; right: 0; top: 0; } .htmega-testimonial-style-4 .testimonal .testimonal-image::after { position: absolute; content: ""; background: #18012c; height: 1px; width: 30px; right: 0; top: 50%; transform: translateY(-50%); } .htmega-testimonial-style-4 .testimonal .content { overflow: hidden; padding-left: 30px; } .htmega-testimonial-style-4 .testimonal .content p { color: #3e3e3e; font-size: 16px; margin-bottom: 20px; line-height: 28px; } .htmega-testimonial-style-4 .testimonal .content h4 { font-weight: 600; font-size: 16px; color: #383838; margin-bottom: 2px; } .htmega-testimonial-style-4 .testimonal .content span { color: #383838; font-size: 14px; } .htmega-testimonial-style-4 .testimonal .content span:before{ content: ""; } .htmega-testimonial-style-4 ul.slick-dots li button::before { content: "0"; display: block; font-size: 16px; height: auto; left: -8px; line-height: 1; opacity: 1; position: absolute; top: -4px; width: auto; } .htmega-testimonial-style-4 ul.slick-dots { padding: 0; margin: 0; list-style: none; border: 0 none; text-align: right; } .htmega-testimonial-style-4 ul.slick-dots li button { background: transparent; border: 0 none; color: #18012c; font-weight: 600; font-size: 16px; position: relative; display: inline-block; } .htmega-testimonial-style-4 { position: relative; padding-right: 24%; } .htmega-testimonial-style-4 ul.slick-dots { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100px; } .htmega-testimonial-style-4 ul.slick-dots li { padding: 6px 0; } .htmega-testimonial-style-4 ul.slick-dots li.slick-active button { position: relative; } .htmega-testimonial-style-4 ul.slick-dots li { height: auto; line-height: 1; padding: 8px 0 10px 45px; position: relative; } .htmega-testimonial-style-4 ul.slick-dots li::after { position: absolute; content: ""; background: #18012c; width: 0; height: 1px; left: 0; top: 50%; transform: translateY(-50%); transition: 0.5s; } .htmega-testimonial-style-4 ul.slick-dots li.slick-active::after { width: 30px; } .htmega-testimonial-style-4 ul.slick-dots li.slick-active button { background: transparent; } /* Testimonial Style 5 */ .htmega-testimonial-style-5{ position: relative; } .htmega-testimonial-for .testimonial-desc p { color: #3e3e3e; font-size: 18px; line-height: 35px; text-align: center; padding: 0 15%; } .testimonal-img { text-align: center; } .testimonal-img .content { text-align: center; margin-top: 22px; } .testimonal-img .content h4 { color: #3e3e3e; font-size: 20px; margin-bottom: 3px; } .testimonal-img .content span { color: #3e3e3e; font-size: 18px; line-height: 29px; } .htmega-testimonal-nav.slick-slider { max-width: 35%; width: 100%; margin: 0 auto; } .slick-slide.slick-active.slick-center .testimonal-img img { transform: scale(1); } .slick-slide.slick-active .testimonal-img img { transform: scale(0.8); text-align: center; display: inline-block; } .htmega-testimonial-style-5 .htmega-testimonal-nav .slick-track { margin-top: 85px; } .htmega-testimonal-nav .slick-slide:not(.slick-center) .content { opacity: 0; } .htmega-testimonial-style-5 .testimonial-shape { bottom: 56%; left: 49.5%; position: absolute; transform: translateX(-50%); } .htmega-testimonial-rating { display: flex; align-items: center; justify-content: center; color: #ff7b00; list-style: none; padding: 0; margin: 25px 0 0; } .htmega-testimonial-rating li{ margin-right: 5px; font-size: 14px; } .htmega-testimonial-style-5 .htmega-testimonal-nav .content{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; bottom: 0; width: max-content; } .htmega-testimonial-style-5 .htmega-testimonal-nav .testimonal-image{ margin-bottom: 70px; } /* Testimonial Style 6 */ .htmega-testimonial-style-6 .testimonal img { display: inline-block; } .htmega-testimonial-style-6 .testimonal .content { background: #fff; text-align: center; padding: 50px 9%; position: relative; box-shadow: 0 0 10px rgba(82, 182, 188, 0.25); } .htmega-testimonial-style-6 .testimonal .content p { font-size: 16px; line-height: 28px; color: #3e3e3e; } .htmega-testimonial-style-6 .testimonal .content .triangle { position: absolute; top: 100%; margin-top: -1px; border-right: 20px solid transparent; border-left: 20px solid transparent; border-top: 20px solid #fff; border-bottom: 20px solid transparent; left: 50%; transform: translateX(-50%); } .htmega-testimonial-style-6 .testimonal .clint-info { text-align: center; margin-top: 40px; } .htmega-testimonial-style-6 .testimonal .clint-info h4 { color: #5c5c5c; font-size: 22px; font-weight: 700; margin-top: 22px; margin-bottom: 4px; } .htmega-testimonial-style-6 .testimonal .clint-info span { color: #5c5c5c; font-weight: 600; font-size: 15px; } .htmega-testimonial-style-6 .slick-arrow { width: 36px; height: 36px; color: #7d7d7d; border: 0 none; background: #fff; border-radius: 100%; font-size: 24px; left: 0; top: 20%; z-index: 999; transition: 0.5s; box-shadow: 0 0 10px rgba(82, 182, 188, 0.25); } .htmega-testimonial-style-6 .slick-arrow:hover { background: #52b6bc; color: #fff; } .htmega-testimonial-style-6 button.slick-next.slick-arrow { left: auto; right: 0; } .htmega-testimonial-style-6 { position: relative; padding: 0 200px; } .htmega-testimonial-style-6 .testimonal .shape img,.htmega-testimonial-style-7 .testimonal .shape img { position: relative; top: 10px; } /* Testimonial Style 7 */ .htmega-testimonial-style-7 .testimonal { text-align: center; } .htmega-testimonial-style-7 .testimonal p { color: #414141; font-size: 30px; font-style: italic; line-height: 48px; margin-top: 26px; font-family: "Montserrat", sans-serif; margin-bottom: 0; position: relative; z-index: 2; } .htmega-testimonial-style-7 .testimonal p::before { position: absolute; content: ""; color: #ffebd1; content: "\f10e"; font-family: Fontawesome; font-size: 216px; left: 50%; top: 50%; z-index: -1; transform: translateX(-50%) translateY(-50%); } .htmega-testimonial-style-7 .testimonal h4 { color: #3e3e3e; font-weight: 600; font-size: 20px; margin-bottom: 9px; } .htmega-testimonial-style-7 .testimonal .clint-info { margin-top: 29px; } .htmega-testimonial-style-7 .testimonal .clint-info span { color: #3e3e3e; font-size: 18px; } .htmega-testimonial-style-7 .testimonal img { display: inline-block; } .htmega-testimonial-style-7 .slick-arrow { top: 9%; left: 16%; color: #aeaeae; font-size: 48px; background: transparent; border: 0 none; z-index: 2; transition: 0.5s; } .htmega-testimonial-style-7 .slick-arrow:hover { color: #f6ab4b; } .htmega-testimonial-style-7 button.slick-next.slick-arrow { left: auto; right: 16%; } /*Testimonial Style 8 */ .htmega-testimonial-style-8 { position: relative; padding: 0 200px; } .htmega-testimonial-style-8 .content { display: flex; align-items: center; } .htmega-testimonial-style-8 .content .clint-info { padding-left: 20px; } .htmega-testimonial-style-8 .content .clint-info h4 { color: #3e3e3e; font-size: 20px; font-weight: 700; margin-bottom: 7px; } .htmega-testimonial-style-8 .content .clint-info span { color: #3e3e3e; font-size: 18px; } .htmega-testimonial-style-8 p { color: #3e3e3e; font-size: 18px; line-height: 35px; margin: 0; margin-top: 20px; } .htmega-testimonial-style-8 .slick-arrow { left: 0; color: #aeaeae; font-size: 48px; border: 0 none; top: 43%; transition: 0.5s; } .htmega-testimonial-style-8 .slick-arrow:hover { color: #f6ab4b; } .htmega-testimonial-style-8 button.slick-next.slick-arrow { left: auto; right: 0; } .htmega-testimonial-style-8 .testimonal .shape img{ position: relative; left: 10px; } /*Testimonial Style 9 */ .htmega-testimonial-style-9 .testimonal { background: #f7f8f9; padding: 30px; margin-top: 30px; } .htmega-testimonial-style-9 .testimonal .content { display: flex; align-items: center; } .htmega-testimonial-style-9 .testimonal .content .clint-info { padding-left: 25px; } .htmega-testimonial-style-9 .testimonal .content .clint-info h4 { font-size: 18px; color: #383838; margin: 0; } .htmega-testimonial-style-9 .testimonal .content .clint-info span { color: #1834a6; font-size: 13px; } .htmega-testimonial-style-9 .testimonal p { color: #5b5b5b; font-size: 14px; line-height: 26px; margin: 0; margin-top: 22px; } .htmega-testimonial-style-9 .testimonal .shape img{ position: relative; left: 5px; } .htmega-testimonial-style-9.htmega-testimonial-activation .testimonal .content{ display: block; } .htmega-testimonial-style-9 .htmega-testimonial-rating{ justify-content: left; } /* Testimonial Style 10 */ .htmega-testimonial-style-10 .testimonal-image { display: flex; justify-content: space-between; align-items: center; } .htmega-testimonial-style-10 .htmega-testimonial-rating { margin: 0; } .htmega-testimonial-style-10 .testimonal img{ float: none; } .htmega-testimonial-style-10 .testimonal .content { overflow: hidden; padding-left: 0; } ul.htmega-testimonial-rating * { transition: all 0.0s; } /* Testimonial Style 11 */ .htmega-testimonial-style-11 .content{ text-align: center; } .htmega-testimonial-style-11 .htmega-testimonal-nav .testimonal-image { margin-bottom: 40px; padding: 58px 0px 43px 0px; } .htmega-testimonial-style-11 .slick-slide.slick-active.slick-center .testimonal-img img, .htmega-testimonial-style-11 .slick-slide.slick-active .testimonal-img img { transform: scale(1); } .htmega-testimonial-style-11 .slick-slide.slick-active.slick-center .testimonal-img { transform: scale(1.5); z-index: 3; } /* Testimonial Style 12 */ .htmega-testimonial-style-12 .testimonal { display: flex!important; align-items: center; } .htmega-testimonial-style-12 .testimonal .shape img { left: 0px; float: none; } .htmega-testimonial-style-12 .htmega-testimonial-rating{ justify-content: left; } .htmega-testimonial-style-12 .testimonal .content .clint-info{ padding-left: 0; } .htmega-testimonial-style-12 .testimonal .content .clint-info::before{ display: none; } .htmega-testimonial-style-12 .testimonal-image { flex: 0 0 34%; } /* Testimonial Style 13 */ .htmega-testimonial-style-13 .testimonal{ text-align: center; border-bottom: 10px solid transparent; margin-top: 15px; background-color: #F7F8F9; padding: 50px 30px; } .htmega-testimonial-style-13 .testimonal-image { display: inline-block; margin-top: 20px; } .htmega-testimonial-style-13 .testimonal .clint-info h4 { margin-top: 9px; margin-bottom: 4px; } .htmega-testimonial-style-13 .testimonal:hover{ margin-top: 0px; border-color: #DA9A28; } .htmega-testimonial-style-13 .testimonal p { font-family: "Roboto", Sans-serif; font-size: 19px; font-weight: 400; line-height: 32px; } /* New arrow style testimonial 2 */ .htmega-sl-arraow-style-2.htmega-testimonial-area .slick-next { top: 0; transform: translate(0); } .htmega-sl-arraow-style-2.htmega-testimonial-area .slick-prev { left: auto; right: 0; top: 67px; transform: translate(0); } /* New arrow style testimonial 3 */ .htmega-sl-arraow-style-3.htmega-testimonial-area .slick-prev { right: 70px; left: auto; } .htmega-sl-arraow-style-3.htmega-testimonial-area .slick-arrow{ top:auto; bottom:0; transform: translate(0); } /* * Form Style */ .htmega-form-wrapper form input,.htmega-form-wrapper form textarea{ width: 100%; border-radius: 0; } .htmega-form-wrapper .ajax-loader { bottom: 0; position: absolute; } .htmega-form-wrapper .form_no_select { color: red; font-size: 20px; } /* Form Style One*/ .htmega-form-style-1 form input { height: 55px; font-weight: 300; margin-top: 30px; padding: 0 20px; border: 1px solid #c1c1c1; font-family: "Montserrat", sans-serif; font-size: 13px; color: #a2a2a2; } .htmega-form-style-1 form input:focus { border: 1px solid #18012c; } .htmega-form-style-1 form input[type="submit"] { background-color: #0056ff; border: medium none; color: #ffffff; font-size: 14px; font-weight: 500; height: 55px; line-height: 55px; padding: 0 29px; text-transform: uppercase; width: auto; transition: 0.5s; font-family: "Montserrat", sans-serif; } .htmega-form-style-1 form input[type="submit"]:hover { background-color: #18012c; } .htmega-form-style-1 form textarea { border: 1px solid #c1c1c1; min-height: 175px; margin-top: 30px; padding: 20px; color: #a2a2a2; resize: none; font-family: "Montserrat", sans-serif; font-size: 13px; } .htmega-form-style-1 form textarea:focus { border: 1px solid #18012c; } /*Form Style 2*/ .htmega-form-style-2 label { color: #ffffff; font-style: italic; font-weight: 300; font-size: 14px; margin-bottom: 11px; } .htmega-form-style-2 input { height: 55px; font-weight: 300; margin-bottom: 30px; padding: 0 20px; border: 0 none; font-family: "Montserrat", sans-serif; font-size: 13px; background: rgba(255, 255, 255, 0.3); color: #ffffff; } .htmega-form-style-2 input:focus { border: 1px solid #18012c; } .htmega-form-style-2 input[type="submit"] { background-color: #fff; border: medium none; color: #0056ff; font-size: 14px; font-weight: 600; height: 55px; line-height: 54px; padding: 0 29px; text-transform: uppercase; width: 100%; transition: 0.5s; font-family: "Montserrat", sans-serif; margin: 0; } .htmega-form-style-2 input[type="submit"]:hover { background-color: #18012c; color: #ffffff; } .htmega-form-style-2 textarea { border: 1px solid #c1c1c1; min-height: 209px; padding: 20px; color: #fff; resize: none; font-family: "Montserrat", sans-serif; font-size: 13px; background: rgba(255, 255, 255, 0.3); margin-bottom: 30px; border: 0 none; } .htmega-form-style-2 textarea:focus { border: 1px solid #18012c; } /* Form style 3 */ .htmega-form-style-3 form input { color: #c0c0c0; font-weight: 300; font-style: italic; border: 0 none; border-bottom: 1px solid #c0c0c0; padding: 0; margin-bottom: 50px; padding-bottom: 4px; font-size: 16px; font-family: "Montserrat", sans-serif; } .htmega-form-style-3 form input:focus { border-bottom: 1px solid #18012c; } .htmega-form-style-3 form input[type="submit"] { border: 0 none; background: #0056ff; color: #fff; margin-top: 40px; margin-bottom: 0; height: 55px; line-height: 59px; padding: 0 20px; transition: 0.5s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .htmega-form-style-3 form input[type="submit"]:hover { background: #ffffff; color: #0056ff; } .htmega-form-style-3 form textarea { border: 0 none; border-bottom: 1px solid #c0c0c0; font-style: italic; padding: 0; min-height: 150px; resize: none; color: #c0c0c0; font-size: 16px; font-family: "Montserrat", sans-serif; } .htmega-form-style-3 form textarea:focus { border-bottom: 1px solid #18012c; } /* Form Style 4 */ .htmega-form-style-4 form .input-box { display: flex; align-items: center; margin-bottom: 30px; } .htmega-form-style-4 form .input-box label { color: #000000; font-weight: 600; font-size: 14px; flex-basis: 16%; } .htmega-form-style-4 form .input-box span{ flex-basis: 84%; } .htmega-form-style-4 form .input-box input { background: #a2a2a2; color: #a2a2a2; font-weight: 300; background: #f3f3f3; border: 1px solid #c1c1c1; height: 55px; line-height: 55px; padding: 0 20px; font-weight: "Montserrat", sans-serif; } .htmega-form-style-4 form .input-box input:focus { border: 1px solid #18012c; } .htmega-form-style-4 form .input-box textarea { background: #f3f3f3; border: 1px solid #c1c1c1; min-height: 200px; padding: 20px; font-weight: "Montserrat", sans-serif; } .htmega-form-style-4 form .input-box textarea:focus { border: 1px solid #18012c; } .htmega-form-style-4 form input[type="submit"] { background: #0056ff; width: auto; border: 0 none; color: #fff; padding: 0 30px; height: 55px; line-height: 55px; margin: 0 0 0 90px; font-size: 14px; font-weight: 500; transition: 0.5s; } .htmega-form-style-4 form input[type="submit"]:hover { opacity: 0.7; } /* Form Style 5 */ .contact_form_container { background: #81abfe; padding: 30px; } .htmega-form-style-5 form input { margin-top: 30px; border: 1px solid #ffffff; height: 50px; line-height: 50px; color: #fff; font-weight: 300; font-family: "Montserrat", sans-serif; } .htmega-form-style-5 form input:focus { border: 1px solid #18012c; } .htmega-form-style-5 form input[type="submit"] { background: #fff; height: 55px; line-height: 56px; border: 0 none; padding: 0 30px; color: #0056ff; font-weight: 600; width: auto; transition: 0.5s; } .htmega-form-style-5 form input[type="submit"]:hover { opacity: 0.7; } .htmega-form-style-5 form textarea { margin-top: 30px; min-height: 145px; border: 1px solid #fff; padding: 20px; font-weight: 300; color: #fff; font-family: "Montserrat", sans-serif; } .htmega-form-style-5 form textarea:focus { border: 1px solid #18012c; } /* Form Style 6 */ .htmega-form-style-6 form input { background: #f3f3f3; border: 0 none; height: 55px; padding: 0 20px; margin-bottom: 30px; font-family: "Montserrat", sans-serif; } .htmega-form-style-6 form input:focus { border: 1px solid #18012c; } .htmega-form-style-6 form input[type="submit"] { width: auto; margin: 0; padding: 0 58px; background: #0056ff; color: #fff; height: 58px; font-weight: 600; line-height: 61px; text-transform: uppercase; transition: 0.5s; margin-top: 10px; } .htmega-form-style-6 form input[type="submit"]:hover { opacity: 0.7; } .htmega-form-style-6 form label { font-size: 14px; color: #000000; font-weight: 300; font-style: italic; font-family: "Montserrat", sans-serif; } .htmega-form-style-6 form textarea { background: #f3f3f3; border: 0 none; margin-bottom: 30px; min-height: 230px; resize: none; padding: 20px; margin-bottom: 30px; font-family: "Montserrat", sans-serif; } .htmega-form-style-6 form textarea:focus { border: 1px solid #18012c; } input, textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; } /* * LogIn Style */ .htmega-login-form-wrapper form input:not([type="checkbox"]){ width: 100%; } .htmega-login-form-wrapper form input:not([type="checkbox"]){ padding: 0 15px; } /* login widget button */ .htmega-login-form-wrapper .htmega-login-button { 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; margin-top: 40px; } /* LogIn Style 1 */ .htmega-login-form-style-1 { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 50px 70px; } .htmega-login-form-style-1 h2 { color: #000000; font-size: 30px; font-weight: 600; margin-bottom: 21px; font-family: "Montserrat", sans-serif; } .htmega-login-form-style-1 form label { color: #000000; font-size: 13px; font-weight: 300; margin-bottom: 10px; font-family: "Montserrat", sans-serif; } .htmega-login-form-style-1 form input:not([type="checkbox"]) { background: transparent; border: 1px solid #f2f2f2; color: #757575; font-size: 12px; margin-bottom: 24px; font-family: "Montserrat", sans-serif; height: 50px; } .htmega-login-form-style-1 form input:not([type="checkbox"])[type="submit"] { margin: 0; width: auto; background: #0056ff; color: #fff; height: 43px; padding: 0 40px; font-weight: 600; text-transform: uppercase; font-size: 14px; border: 0 none; transition: 0.4s ease-in-out; } .htmega-login-form-style-1 form input:not([type="checkbox"])[type="submit"]:hover { background: #18012c; color: #fff; } .log-remember { display: flex; justify-content: space-between; align-items: center; font-family: "Montserrat", sans-serif; } .log-remember a.fright , .htmega-login-form-wrapper.htmega-login-form-style-3 label.lable-content , .htmega-login-form-wrapper.htmega-login-form-style-5 label.lable-content{ color: #b1b1b1; font-size: 12px; transition: 0.4s; font-family: "Montserrat", sans-serif; } .htmega-login-form-wrapper.htmega-login-form-style-3 label.lable-content , .htmega-login-form-wrapper.htmega-login-form-style-5 label.lable-content{ padding-top: 3px; } .htmega-login-form-wrapper.htmega-login-form-style-5 { padding: 40px 20px; } .htmega_message { display: none; } #htmega_message .alert-success,.htmega_lodding_msg { color: #155724 !important; } #htmega_message .alert-danger { color: #721c24 !important; } /* The lable-content */ .lable-content { display: block; position: relative; padding-left: 29px; margin-bottom: 0; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: "Montserrat", sans-serif; } .login-wrapper form .log-remember label { margin: 0; } /* Hide the browser's default checkbox */ .lable-content input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; border: 1px solid #0056ff; margin-top: 4px; } .log-remember .checkmark { top: 50%; margin-top: 0; transform: translateY(-50%); } /* On mouse-over, add a grey background color */ .lable-content:hover input~.checkmark { border: 1px solid #0056ff; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: block; } /* Show the checkmark when checked */ .lable-content input:checked~.checkmark:after { display: none; } /* Style the checkmark/indicator */ .lable-content .checkmark:after { left: 50%; top: 50%; width: 6px; height: 9px; border: solid #0056ff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg) translate(-50%); -ms-transform: rotate(45deg) translate(-50%); transform: rotate(45deg) translate(-50%); margin-top: -3px; } /* LogIn Style 2 */ .htmega-login-form-style-2 { text-align: center; padding: 40px 0; } .htmega-login-form-style-2 form input { border: 1px solid #ffffff; border-radius: 5px; color: #666; padding: 0 20px; margin-bottom: 10px; } .htmega-login-form-style-2 form input[type="submit"] { background: #0056ff; border: 0 none; font-size: 16px; text-transform: uppercase; height: 60px; border-radius: 5px; transition: 0.3s ease-in-out; color: #fff; } .htmega-login-form-style-2 form input[type="submit"]:hover { background: #18012c; color: #ffffff; } .htmega-login-form-style-2 .separator span { display: block; color: #fff; font-size: 14px; font-weight: 600; margin-top: 30px; position: relative; font-family: "Montserrat", sans-serif; } .htmega-login-form-style-2 .separator span::before, .htmega-login-form-style-2 .separator span::after { position: absolute; left: 0; top: 50%; background: #fff; width: 235px; height: 2px; content: ""; } .htmega-login-form-style-2 .separator span::after { left: auto; right: 0; } .htmega-login-form-style-2 .log-remember a.fright { color: #ffffff; } .htmega-login-form-style-2 form input::-webkit-input-placeholder { color: #666; } .htmega-login-form-style-2 form input::-moz-placeholder { color: #666; } .htmega-login-form-style-2 form input:-ms-input-placeholder { color: #666; } .htmega-login-form-style-2 form input:-moz-placeholder { color: #666; } /* Style the checkmark/indicator */ .htmega-login-form-style-2 .checkmark, .htmega-login-form-style-4 .checkmark { border: 1px solid #ffffff; } .htmega-login-form-style-2 .lable-content, .htmega-login-form-style-4 .lable-content { color: #ffffff; font-size: 12px; } .htmega-login-form-style-2 .lable-content .checkmark:after, .htmega-login-form-style-4 .lable-content .checkmark:after { width: 6px; height: 9px; border: solid #ffffff; border-width: 0 2px 2px 0; } .htmega-login-form-style-2 .lable-content:hover input~.checkmark, .htmega-login-form-style-4 .lable-content:hover input~.checkmark { border: 1px solid #ffffff; } .htmega-login-form-style-2 .log-remember { margin-top: 10px; } .htmega-login-form-style-2 .htmega-user-login,.htmega-login-form-style-4 .htmega-user-login,.htmega-login-form-style-5 .htmega-user-login{ color: #fff; } /* LogIn Style 3 */ .htmega-login-form-style-3 { padding: 60px 40px; } .htmega-login-form-style-3 form input { border: 0 none; border-bottom: 1px solid #687ea5; padding: 0; color: #687ea5; font-size: 12px; font-weight: 300; font-family: "Montserrat", sans-serif; } .htmega-login-form-style-3 form input[type="submit"] { background: #0056ff; color: #fff; width: auto; height: 50px; padding: 0 55px; border: 0 none; font-size: 14px; text-transform: uppercase; transition: 0.5s; font-weight: 600; } .htmega-login-form-style-3 form input[type="submit"]:hover { opacity: 0.7; } .htmega-login-form-style-3 { box-shadow: none; background: transparent; } .htmega-login-form-style-2 .htmega-user-login{ text-align: left; } /* LogIn Style 4 */ .htmega-login-form-style-4 { padding: 100px 56px; text-align: center; } .htmega-login-form-style-4 form input:not(input[type=checkbox]) { background: rgba(255, 255, 255, 0.3); border: 0 none; margin-left: 2px; height: 70px; color: #ffffff; font-size: 16px; font-family: "Poppins", sans-serif; } .htmega-login-form-style-4 form input[type="submit"] { border: 3px solid #fff; border-radius: 8px; color: #fff; box-sizing: border-box; height: 70px; font-size: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 51px; font-family: "Montserrat", sans-serif; margin: 0; } .htmega-login-form-style-4 form input[type="submit"]:hover { background: #ffffff; color: #18012c; } /* * Service Style */ .htmega-service { margin-top: 30px; text-align: center; transition: all 0.3s ease-in-out; } .htmega-service svg { width: 30px; height: auto; } .htmega-svg-icon-box{ line-height: 1; display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 100%; transition: all 0.3s ease-in-out; } .htmega-service a.readmore_btn { border: 1px solid #0056ff; display: inline-block; padding: 0 42px; line-height: 40px; font-size: 14px; border-radius: 30px; color: #0056ff; font-weight: 600; transition: 0.5s; text-decoration: none; } .htmega-service a.readmore_btn:hover { background: #0056ff; color: #fff; } .htmega-service .service-title a{ text-decoration: none; } .htmega-service .thumb{ display: inline-block; } .htmega-service .thumb img { vertical-align: middle; } .htmega-service .thumb a { display: block; } /*Service Style One*/ .htmega-service-style-1 .icon { margin-bottom: 30px; padding: 0 12px; } .htmega-service-style-1 .icon i { color: #ed552d; font-size: 50px; } .htmega-service-style-1 .content { padding: 0 12px; } .htmega-service-style-1 .content h4 { color: #5b5b5b; font-size: 18px; font-weight: 400; margin-bottom: 15px; } .htmega-service-style-1 .content p { color: #8f8f8f; font-family: "Montserrat",sans-serif; font-size: 15px; line-height: 25px; margin: 0; padding: 0 0 35px; position: relative; } .htmega-service-style-1 .content p::before { position: absolute; content: ""; background: #969696; width: 20px; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%); } .htmega-service-style-1 .content p::after { position: absolute; content: ""; background: #969696; height: 1px; width: 30px; bottom: 5px; left: 50%; transform: translateX(-50%); } /*Service Style Two*/ .htmega-service-style-2 { background: #ffffff; padding: 30px; } .htmega-service-style-2 .content { padding-top: 30px; } .htmega-service-style-2 .content h4 { color: #575757; font-size: 22px; line-height: 30px; margin-bottom: 13px; padding: 0 9px; } .htmega-service-style-2 .content p { color: #818181; font-size: 14px; line-height: 24px; margin-bottom: 35px; } /*Service Style Three*/ .htmega-service-style-3 .icon { border: 1px solid #eff2f7; width: 110px; height: 110px; text-align: center; border-radius: 100%; padding: 10px; margin: 0 auto; margin-bottom: 27px; transition: 0.4s; } .htmega-service-style-3 .icon i { background: #eff2f7; border-radius: 100%; text-align: center; font-size: 40px; margin: 0 auto; color: #454545; transition: 0.4s; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .htmega-service-style-3:hover .icon { border: 1px solid #0056ff; } .htmega-service-style-3:hover .icon i { background: #0056ff; color: #fff; } .htmega-service-style-3 .content h4 { color: #5f5f5f; font-size: 16px; text-transform: uppercase; padding-bottom: 20px; position: relative; } .htmega-service-style-3 .content h4::before { position: absolute; content: ""; background: #0056ff; width: 30px; height: 3px; left: 50%; bottom: 0; transform: translateX(-50%); } .htmega-service-style-3 .content p { color: #5b5b5b; font-size: 14px; line-height: 25px; padding: 0 12px; margin: 0; } .htmega-service.htmega-service-style-3:hover:after,.htmega-service.htmega-service-style-3:hover:before { content: ""; background: transparent; width: 2px; height: 25px; top: 50%; margin-top:-12px; left: 0px; position: absolute; } .htmega-service.htmega-service-style-3:hover:before{ left: auto; right: 0px; } /*Service Style 04*/ .htmega-service-style-4 { background: rgba(255, 255, 255, 0.15); padding: 75px 11px; } .htmega-service-style-4 .content h4 { color: #b8b8b8; font-weight: 300; text-transform: uppercase; margin-bottom: 16px; } .htmega-service-style-4 .content p { margin: 0; color: #959595; font-weight: 300; font-size: 14px; line-height: 24px; } .htmega-service-style-4 .thumb { padding-bottom: 33px; position: relative; margin-bottom: 22px; } .htmega-service-style-4 .thumb::before { position: absolute; content: ""; background: #969696; width: 30px; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%); } .htmega-service-style-4 .thumb::after { position: absolute; content: ""; bottom: 5px; left: 50%; transform: translateX(-50%); background: #969696; width: 20px; height: 1px; } /* Service Style 05 */ .htmega-service-style-5 .content { padding-top: 26px; } .htmega-service-style-5 .content h4 { color: #585858; font-size: 17px; font-weight: 600; margin-bottom: 13px; } .htmega-service-style-5 .content p { color: #414141; font-size: 14px; line-height: 24px; margin: 0; } .htmega-service-style-5 .thumb { position: relative; } .htmega-service-style-5 .thumb::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; -webkit-transition: opacity 1s; transition: opacity 1s; opacity: 0; background-image: -webkit-linear-gradient(top, #252a9c, #df09f9); background-image: -moz-linear-gradient(top, #252a9c, #df09f9); background-image: linear-gradient(0, #252a9c, #df09f9); } .htmega-service-style-5:hover .thumb::before { opacity: 0.3; } .htmega-service-style-5 .thumb img{ width: 100%; } /*================================ Service Style 06 ==================================*/ .htmega-service-style-6 { margin-top: 12px; } .htmega-service-style-6 .thumb,.htmega-service-style-6 .icon { border: 1px solid #4e89fb; width: 100px; height: 100px; line-height: 100px; border-radius: 100%; float: left; text-align: center; margin-right: 22px; margin-top: 10px; overflow: hidden; } .htmega-service-style-6>a{ float: left; } .htmega-service-style-6 .content { overflow: hidden; } .htmega-service-style-6 .content p { font-size: 14px; line-height: 25px; color: #5b5b5b; } .htmega-service-style-6 .content h4 { color: #5f5f5f; font-size: 24px; font-weight: 600; margin-bottom: 7px; } /*Service Style 07*/ .htmega-service-style-7 { display: flex; margin-top: 0; position: relative; z-index: 1; padding: 40px 20px; border-radius: 8px; } .htmega-service-style-7 .icon { margin-right: 33px; } .htmega-service-style-7 .icon i { color: #4c4c4c; font-size: 40px; transition: 0.4s; } .htmega-service-style-7 .content h4 { color: #4c4c4c; font-size: 20px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; transition: 0.4s; } .htmega-service-style-7 .content p { color: #5b5b5b; font-size: 14px; line-height: 25px; margin: 0; transition: 0.4s; } .htmega-service-style-7::before { background: #fff none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; transition: all 0.4s ease-in-out 0s; width: 100%; z-index: -1; } .htmega-service-style-7:hover::before { opacity: 0; } .htmega-service-style-7:hover .content h4, .htmega-service-style-7:hover .content p, .htmega-service-style-7:hover .icon i { color: #fff !important; } /* small mobile :320px. */ @media (max-width: 767px) { .htmega-service.htmega-service-style-2 .thumb { display:block; } .htmega-service.htmega-service-style-2 .thumb img{ width: 100%; } } /* * News Ticker Css */ .breaking-news-title svg { width: 20px; } .breaking-news-default { border: 1px solid #18012c; display: flex; align-items: center; } .breaking-news-default .breaking-news-title { display: flex; height: 80px; align-items: center; } .breaking-news-default .breaking-news-title h5 { position: relative; font-weight: 600; font-size: 30px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase; padding: 0 48px; width: max-content; display: flex; align-items: center; } .breaking-news-default .breaking-news-ticker { margin-left: 20px; list-style: none; padding: 0; margin: 0; padding-left: 22px; width: 100%; } .breaking-news-default .breaking-news-ticker li { padding: 5px 0; height: 100%; display: flex; align-items: center; } .breaking-news-default .breaking-news-ticker li a { display: block; line-height: 24px; font-size: 16px; font-family: "Poppins", sans-serif; color: #18012c; text-decoration: none; } .breaking-news-default .breaking-news-ticker li span.news_date { background: #d20001; color: #fff; font-size: 12px; margin-left: 30px; padding: 5px 5px; border-radius: 3px; display: inline-block; line-height: 1; } .breaking-news-default .breaking-news-nav { float: right; display: flex; height: 80px; align-items: center; margin-right: 42px; } .breaking-news-default .breaking-news-nav button { border: 1px solid #18012c; height: 40px; margin: 0 5px; padding: 0; transition: all 0.3s ease-in-out 0s; width: 40px; background: transparent; } .breaking-news-default .breaking-news-nav button i { color: #18012c; font-size: 24px; } .breaking-news-default::before { position: absolute; content: ""; background: #1d62af; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; transform: skew(-20deg); } .htmega-newsticker-style-2.breaking-news-default::before,.htmega-newsticker-style-3.breaking-news-default::before,.htmega-newsticker-style-4.breaking-news-default::before,.htmega-newsticker-style-6.breaking-news-default::before,.htmega-newsticker-style-5.breaking-news-default::before,.htmega-newsticker-style-7.breaking-news-default::before{ display: none; } /*News Ticker Style 1*/ .htmega-newsticker-style-1 { border: 0 none; float: left; position: relative; width: 100%; z-index: 1; } .htmega-newsticker-style-1 .breaking-news-title { display: flex; align-items: center; } .htmega-newsticker-style-1 .breaking-news-title h5 { position: relative; left: -20px; display: block; color: #ffffff; font-weight: 600; font-size: 30px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase; height: 60px; line-height: 59px; padding: 0 48px; display: flex; align-items: center; } .htmega-newsticker-style-1 .breaking-news-title h5::before { position: absolute; content: ""; transform: skew(-20deg); background: #d20001; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .htmega-newsticker-style-1 .breaking-news-title h5 i,.htmega-newsticker-style-1 .breaking-news-title h5 .htmega-news-tickr-svg-icon-box { width: 40px; height: 40px; color: #d20001; background: #fff; text-align: center; line-height: 40px; border-radius: 100%; font-size: 28px; padding: 0; margin-left: 10px; } /* svg icon style */ .breaking-news-title h5 .htmega-news-tickr-svg-icon-box svg{ height: auto; } .htmega-news-tickr-svg-icon-box { display: flex; align-items: center; justify-content: center; } .htmega-newsticker-style-1 .breaking-news-ticker { margin-left: 20px; list-style: none; padding: 0; margin: 0; padding-left: 22px; } .htmega-newsticker-style-1 .breaking-news-ticker li { padding: 5px 0; } .htmega-newsticker-style-1 .breaking-news-ticker li a { color: #ffffff; } .htmega-newsticker-style-1 .breaking-news-nav { float: right; display: flex; align-items: center; margin-right: 42px; margin-left: auto; } .htmega-newsticker-style-1 .breaking-news-nav button { border: 1px solid #fff; margin: 0 5px; transform: skew(-20deg); } .htmega-newsticker-style-1 .breaking-news-nav button:hover { border: 1px solid #d20001; background: #d20001; } .htmega-newsticker-style-1 .breaking-news-nav button i { color: #ffffff; font-size: 24px; } /*News Ticker Style 2*/ .htmega-newsticker-style-2 { border: 1px solid #1d62af; overflow: hidden; } .htmega-newsticker-style-2 .breaking-news-title h5 { position: relative; color: #ffffff; font-weight: 600; font-size: 20px; margin: 0; text-transform: capitalize; padding: 0 20px; background: #1d62af; font-style: italic; padding-right: 0; align-self: stretch; display: flex; align-items: center; justify-content: center; width: max-content; } .htmega-newsticker-style-2 .breaking-news-title h5::before { position: absolute; top: 0; border-right: 40px solid transparent; border-top: 40px solid transparent; border-bottom: 40px solid transparent; content: ""; border-left: 40px solid #1d62af; left: 100%; background: transparent!important; background-color: none!important; background-image: none!important; } .htmega-newsticker-style-2 .breaking-news-ticker { padding-left: 57px; } .htmega-newsticker-style-2 .breaking-news-ticker li a { color: #181818; } .htmega-newsticker-style-2 .breaking-news-nav { margin-right: 29px; } .htmega-newsticker-style-2 .breaking-news-nav button { margin: 0 3px; border: 1px solid transparent; width: auto; height: auto; } .htmega-newsticker-style-2 .breaking-news-nav button i { color: #000000; font-size: 30px; transition: 0.3s ease-in-out; } .htmega-newsticker-style-2 .breaking-news-nav button i:hover { color: #1d62af; } /*News Ticker Style 3*/ .htmega-newsticker-style-3 { border: 1px solid #1d62af; border-radius: 40px; overflow: hidden; display: flex; } .htmega-newsticker-style-3 .breaking-news-title{ order: 3; } .htmega-newsticker-style-3 .breaking-news-title { display: flex; align-items: center; background: #1d62af; border-radius: 0 40px 40px 0; } .htmega-newsticker-style-3 .breaking-news-title h5 { position: relative; color: #ffffff; font-weight: 600; font-size: 20px; margin: 0; text-transform: capitalize; padding: 0 20px; font-style: italic; padding-right: 20px; align-self: stretch; display: flex; align-items: center; justify-content: center; padding-left: 0; width: max-content; } .htmega-newsticker-style-3 .breaking-news-title h5::before { position: absolute; top: 0; border-right: 40px solid #1d62af; border-top: 40px solid transparent; border-bottom: 40px solid transparent; content: ""; border-left: 40px solid transparent; right: 100%; background: transparent!important; background-color: none!important; background-image: none!important; } .htmega-newsticker-style-3 .breaking-news-ticker { flex-grow: 1; order: 2; padding-right: 57px; } .htmega-newsticker-style-3 .breaking-news-ticker li { padding: 5px 0; } .htmega-newsticker-style-3 .breaking-news-ticker li a { color: #181818; } .htmega-newsticker-style-3 .breaking-news-ticker li a span.news_date { margin-left: 30px; } .htmega-newsticker-style-3 .breaking-news-nav { margin-right: 0; float: left; margin-left: 29px; order: 1; } .htmega-newsticker-style-3 .breaking-news-nav button { margin: 0 3px; border: 1px solid transparent; width: auto; height: auto; } .htmega-newsticker-style-3 .breaking-news-nav button i { color: #000000; font-size: 30px; transition: 0.3s ease-in-out; } .htmega-newsticker-style-3 .breaking-news-nav button i:hover { color: #1d62af; } /*News Ticker Style 4*/ .htmega-newsticker-style-4 { border: 0 none; background: #1d62af; overflow: hidden; } .htmega-newsticker-style-4 .breaking-news-title { display: flex; height: 50px; align-items: center; background: #f05555; align-self: stretch; display: flex; align-items: center; justify-content: center; } .htmega-newsticker-style-4 .breaking-news-title h5 { position: relative; color: #ffffff; font-weight: 600; font-size: 18px; margin: 0; text-transform: capitalize; padding: 0 27px; } .htmega-newsticker-style-4 .breaking-news-ticker { padding-left: 30px; } .htmega-newsticker-style-4 .breaking-news-ticker li { padding: 5px 0; } .htmega-newsticker-style-4 .breaking-news-ticker li a { display: block; color: #ffffff; font-size: 14px; font-family: "Poppins", sans-serif; } .htmega-newsticker-style-4 .breaking-news-nav { margin-right: -1px; height: 50px; } .htmega-newsticker-style-4 .breaking-news-nav button { margin: 0 1px; border: 1px solid transparent; width: 50px; height: 50px; background: #4b7bb0; } .htmega-newsticker-style-4 .breaking-news-nav button i { color: #ffffff; font-size: 30px; transition: 0.3s ease-in-out; } .htmega-newsticker-style-4 .breaking-news-nav button i:hover { color: #18012c; } /*News Ticker Style 5*/ .htmega-newsticker-style-5 { border: 0 none; overflow: hidden; background: #00C8FA; } .htmega-newsticker-style-5.breaking-news-default::before{ transform: skew(0deg); } .htmega-newsticker-style-5 .breaking-news-title { display: flex; height: 50px; align-items: center; background: #f05555; align-self: stretch; display: flex; align-items: center; justify-content: center; position: relative; } .htmega-newsticker-style-5 .breaking-news-title::before { position: absolute; top: 50%; border-right: 15px solid transparent; border-top: 15px solid transparent; border-bottom: 15px solid transparent; content: ""; border-left: 15px solid #f05555; left: 100%; transform: translateY(-50%); } .htmega-newsticker-style-5 .breaking-news-title h5 { color: #ffffff; font-weight: 600; font-size: 18px; margin: 0; text-transform: capitalize; padding: 0 27px; } .htmega-newsticker-style-5 .breaking-news-ticker { padding-left: 34px; } .htmega-newsticker-style-5 .breaking-news-ticker li { padding: 5px 0; } .htmega-newsticker-style-5 .breaking-news-ticker li a { display: block; color: #ffffff; font-size: 14px; font-family: "Poppins", sans-serif; } .htmega-newsticker-style-5 .breaking-news-nav { margin-right: 11px; height: 50px; } .htmega-newsticker-style-5 .breaking-news-nav button { margin: 0; border: 1px solid transparent; width: auto; height: auto; } .htmega-newsticker-style-5 .breaking-news-nav button i { color: #ffffff; font-size: 30px; transition: 0.3s ease-in-out; } .htmega-newsticker-style-5 .breaking-news-nav button i:hover { color: #18012c; } /*News Ticker Style 6*/ .htmega-newsticker-style-6 { border: 1px solid #1d62af; overflow: hidden; } .htmega-newsticker-style-6.breaking-news-default::before{ transform: skew(0deg); } .htmega-newsticker-style-6 .breaking-news-title { height: 60px; position: relative; z-index: 1; padding: 0 18px 0 0; width: max-content; } .htmega-newsticker-style-6 .breaking-news-title::before { position: absolute; left: -16px; top: 0; background: #1d62af; width: 100%; height: 100%; content: ""; z-index: -1; transform: skew(-26deg); } .htmega-newsticker-style-6 .breaking-news-title h5 { color: #fff; font-weight: 600; font-size: 18px; margin: 0; text-transform: capitalize; padding: 0 18px; z-index: 1; position: relative; } .htmega-newsticker-style-6 .breaking-news-ticker { padding-left: 34px; } .htmega-newsticker-style-6 .breaking-news-ticker li { padding: 5px 0; } .htmega-newsticker-style-6 .breaking-news-ticker li a { display: block; color: #000000; font-size: 14px; font-family: "Poppins", sans-serif; } .htmega-newsticker-style-6 .breaking-news-nav { margin-right: 11px; height: 60px; } .htmega-newsticker-style-6 .breaking-news-nav button { margin: 0; border: 1px solid transparent; width: auto; height: auto; } .htmega-newsticker-style-6 .breaking-news-nav button i { color: #ffffff; font-size: 30px; transition: 0.3s ease-in-out; } .htmega-newsticker-style-6 .breaking-news-nav button i:hover { color: #18012c; } /*News Ticker Style 7*/ .htmega-newsticker-style-7 { border: 1px solid #1d62af; overflow: hidden; } .htmega-newsticker-style-7.breaking-news-default::before{ transform: skew(0deg); } .htmega-newsticker-style-7 .breaking-news-title { display: flex; height: 60px; align-items: center; align-self: stretch; justify-content: center; position: relative; z-index: 1; padding: 0 18px 0 0; } .htmega-newsticker-style-7 .breaking-news-title::before { position: absolute; left: -10px; top: 0; background: #1d62af; width: 100%; height: 100%; content: ""; z-index: -1; border-radius: 0 45px 0px 0; } .htmega-newsticker-style-7 .breaking-news-title h5 { color: #fff; font-weight: 600; font-size: 18px; margin: 0; text-transform: capitalize; padding: 0 27px; z-index: 1; position: relative; } .htmega-newsticker-style-7 .breaking-news-ticker { padding-left: 34px; } .htmega-newsticker-style-7 .breaking-news-ticker li { padding: 5px 0; } .htmega-newsticker-style-7 .breaking-news-ticker li a { display: block; color: #000000; font-size: 14px; font-family: "Poppins", sans-serif; } .htmega-newsticker-style-7 .breaking-news-nav { margin-right: 12px; height: 60px; } .htmega-newsticker-style-7 .breaking-news-nav button { margin: 0 1px; border: 1px solid transparent; width: 38px; height: 38px; background: #1d62af; } .htmega-newsticker-style-7 .breaking-news-nav button i { color: #ffffff; font-size: 30px; transition: 0.3s ease-in-out; } .htmega-newsticker-style-7 .breaking-news-nav button:hover { opacity: 0.7; } @media (max-width: 767px) { .breaking-news-default { flex-direction: column; justify-content: center; overflow: hidden; } .breaking-news-default .breaking-news-title { margin-bottom: 15px; width: 100%; min-height: 45px; } .breaking-news-default .breaking-news-title h5 { padding: 0 15px; width: 100%; justify-content: center; } .htmega-newsticker-style-1 .breaking-news-title h5{ left: 0; } .htmega-newsticker-style-1 .breaking-news-ticker,.breaking-news-default .breaking-news-ticker{ padding:0 15px; } .htmega-newsticker-style-2 .breaking-news-nav { margin-right: 0; } .htmega-newsticker-style-2 .breaking-news-ticker { padding-left: 0 15px; } .htmega-newsticker-style-3 .breaking-news-title { border-radius: 0; margin-bottom: 0; margin-top: 15px; } .htmega-newsticker-style-5 .breaking-news-nav { margin-right: 0; } .htmega-newsticker-style-3 .breaking-news-nav { margin-left: 0; } .htmega-newsticker-style-6 .breaking-news-title::before { left: 0; transform: skew(0); } .htmega-newsticker-style-7 .breaking-news-title::before { left: 0; border-radius: 0; } .breaking-news-default .breaking-news-title { height: auto; } .breaking-news-default.htmega-newsticker-style-1 .breaking-news-title{ height: 80px; } .htmega-newsticker-style-4 .breaking-news-nav { margin-top: 15px; } } /* * Social Share Style */ .htmega-social-share ul{ list-style: none; margin: 0; padding: 0; list-style: none; } .htmega-social-share ul li { font-family: "Montserrat", sans-serif; cursor: pointer; color: #fff; } .htmega-social-share svg { width: 20px; display: inline-block; } .htmega-social-share.htmega-social-view-icon-title ul li{ padding-right: 15px; } .htmega-social-share.htmega-social-view-title ul li{ padding: 0px 15px; } .htmega-social-share ul li i , .htmega-social-share ul li svg{ display: block; float: left; height: 42px; line-height: 42px; width: 42px; } .htmega-share-counter { margin-left: 5px; } /*Social Icons Style 01*/ .htmega-social-style-1 ul li { display: inline-block; text-align: center; font-size: 16px; margin-right: 5px; margin-bottom: 10px; transition: 0.5s; line-height: 42px; } .htmega-social-style-1 ul li:hover { opacity: 0.7; } /* * LightBox Style */ .htmega-lightbox { position: relative; margin-top: 30px; overflow: hidden; } .htmega-lightbox .htmega-lightboxthumb a img { width: 100%; } .htmega-lightbox .htmega-lightbox-action { position: absolute; top: 0; width: 100%; height: 100%; transition: 0.5s; left: 0; opacity: 0; } .htmega-lightbox .htmega-lightbox-action::before { position: absolute; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.5); content: ""; left: 0; } .htmega-lightbox .htmega-lightbox-action a { position: absolute; top: 50%; transform:translate(-50%,-50%); text-align: center; border: 1px solid #fff; display: inline-block; border-radius: 100%; left: 50%; } .htmega-lightbox .htmega-lightbox-action a i { width: 30px; height: 30px; display: inline-block; line-height: 30px; color: #fff; font-size: 25px; text-align: center; } .image-popup-vertical-fit svg { width: 20px; } .htmega-lightbox .htmega-lightbox-action a.play__btn i { border: 1px solid transparent; } .htmega-lightbox:hover .htmega-lightbox-action { opacity: 1; } .mfp-no-margins img.mfp-img { padding: 0; } .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } .mfp-no-margins .mfp-container { padding: 0; } .lightbox_button_only .htmega-lightbox-action { opacity: 1; position: static; } .lightbox_button_only.htmega-lightbox .htmega-lightbox-action a{ position: static; transform: translate(0, 0); } .lightbox_button_only .htmega-lightbox-action::before{ display: none; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{ width: auto !important; } /* * Video Player */ .htmega-player-container .magnify-video-active { background: #fff none repeat scroll 0 0; border: 0 none; border-radius: 100%; color: #18012c; display: inline-block; font-size: 40px; text-align: center; transition: all 0.5s ease-in-out 0s; padding: 10px 25px; text-decoration: none; position: relative; } .htmega-player-container .magnify-video-active *{ line-height: initial; } .htmega-player-container .magnify-video-active:hover { transform: scale(1.2); background: #18012c; color: #fff; } a.magnify-video-active:focus,.mfp-iframe-holder .mfp-close:hover{ outline: 0; border:none; } .mfp-iframe-holder .mfp-close, .mfp-iframe-holder .mfp-close:hover { display: inline-block; width: auto; background: transparent; } /* Animation Button css */ .htmega-player-container .magnify-video-active i, .htmega-player-container .magnify-video-active img{ position: relative; z-index: 1; } .htmega-video-mark { position: absolute; pointer-events: none; left: 50%; top: 50%; } .htmega-video-mark .htmega-wave-pulse { width: 1px; height: 0; margin: 0 auto; } .htmega-video-mark .htmega-wave-pulse::after, .htmega-video-mark .htmega-wave-pulse::before { opacity: 0; content: ''; display: block; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; border-radius: 50%; border: 3px solid #fff; animation: zoomBig 2.25s linear infinite; animation-delay: 0s; } .htmega-video-mark .htmega-wave-pulse::before { animation-delay: .75s; } .htmega-player-container iframe.playerBox { width: 100%!important; margin: 0!important; height: 100%!important; } @keyframes zoomBig { 0% { transform: translate(-50%, -50%) scale(0); opacity: 1; border-width: 4px; } 40% { opacity: .8; border-width: 3px; } 65% { border-width: 2px; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; border-width: 2px; } } /* * Search Style */ .htmega-search-box input:focus { outline: none; } .htmega-search-box .btn-search{ background: transparent; padding: 0; } .htmega-search-box svg { width: 20px; margin-top: 8px; } /* Search Style 01 */ .htmega-search-style-1 { position: relative; } .htmega-search-style-1 input,.htmega-search-style-1 input[type='text'] { border: 1px solid #ccc; width: 100%; border-radius: 22px; transition: all .3s ease-in-out; height: 45px; color: #999999; font-size: 14px; padding: 0 78px 0 20px; } .htmega-search-style-1 input:focus { width: 100%; border: 1px solid hotpink; } .htmega-search-style-1 input:focus~button { width: 36px; } .htmega-search-style-1 input:focus~button.btn-search { background: hotpink; color: #fff; border-radius: 20px; } .htmega-search-style-1 input:focus~button.btn-reset { right: -22px; } .htmega-search-style-1 button { transition: all .3s ease-in-out; border: none; height: 36px; position: absolute; right: 4px; top: 50%; width: 70px; transform: translateY(-50%); padding: 0; } .htmega-search-style-1 button.btn-search { background: #0056ff; border-radius: 0 20px 20px 0; color: #fff; transition: all .3s ease-in-out; } /* Search Style 02 */ .htmega-search-style-2 { display: inline-block; position: relative; height: 60px; float: right; padding: 0; position: relative; width: 100%; } .htmega-search-style-2 input[type="text"] { height: 60px; font-size: 17px; display: inline-block; font-weight: 100; border: none; outline: none; color: #fff; padding: 0; padding-right: 70px; width: 0px; position: absolute; top: 0; right: 0; background: none; z-index: 3; transition: width 0.5s cubic-bezier(0, 0.795, 0, 1); cursor: pointer; } .htmega-search-style-2 input[type="text"]:focus { width: 100%; z-index: 1; border-bottom: 1px solid #333; cursor: text; } .htmega-search-style-2 button.btn-search { width: 63px; display: inline-block; color: #333; float: right; background: transparent; border: none; position: absolute; top: 0; right: 0; z-index: 2; cursor: pointer; cursor: pointer; transition: width 0.4s cubic-bezier(0, 0.795, 0, 1); } /* Search Style 03 */ .htmega-search-style-3 { float: right; height: 40px; position: relative; width: 100%; } .htmega-search-style-3 input[type="text"] { border: 1px solid #18012c; font-size: 12px; height: 40px; position: absolute; transition: all .3s ease-in; width: 50%; right: 0px; color: #18012c; font-size: 14px; transition: all .3s ease-in-out; padding: 0 20px; padding-right: 63px; } .htmega-search-style-3 input[type="text"]:focus { width: 100%; border-radius: 20px; border: 1px solid #ed552d; } .htmega-search-style-3 input[type="text"]:focus~button { background: #ed552d; border: 1px solid #ed552d; border-radius: 0 20px 20px 0; color: #fff !important; } .htmega-search-style-3 button { background: transparent; transition: all .3s ease-in; position: absolute; right: 0; border: 0 none; transition: all .3s ease-in-out; width: 42px; text-align: center; height: 100%; border: 0 none; } /* Search Style 04 */ .htmega-search-style-4 { background-color: #ffffff; position: relative; overflow: hidden; float: right; } .htmega-search-style-4 form{ width: 45px; transition: all 0.5s ease; } .htmega-search-style-4:before { content: ''; display: block; width: 3px; height: 100%; position: relative; background-color: #ff4888; transition: all .5s ease; } .htmega-search-style-4 form.open { width: 100%; } .htmega-search-style-4 form.open:before { height: 20px; margin: 15px 8px 10px 29px; position: absolute; } .htmega-search-style-4 .search-box { width: 100%; height: 100%; box-shadow: none; border: none; background: transparent; color: #ff4888; padding: 0px 48px 0px 45px; font-size: 14px; } .htmega-search-style-4 .search-box:focus { outline: none; } .htmega-search-style-4 .search-button { width: 45px; height: 45px; display: block; position: absolute; right: 0; top: 50%; cursor: pointer; transform: translateY(-50%); } .htmega-search-style-4 .search-icon { width: 20px; height: 20px; border-radius: 40px; border: 2px solid #ff4888; display: block; position: relative; margin-left: 10px; transition: all 0.5s ease; top: 10px; } .htmega-search-style-4 .search-icon:before { content: ''; width: 3px; height: 8px; position: absolute; right: -2px; top: 12px; display: block; background-color: #ff4888; transform: rotate(-45deg); transition: all 0.5s ease; } .htmega-search-style-4 .search-icon:after { content: ''; width: 3px; height: 9px; position: absolute; right: -8px; top: 17px; display: block; background-color: #ff4888; transform: rotate(-46deg); transition: all 0.5s ease; } .htmega-search-style-4 form.open .search-icon { margin: 0; width: 35px; height: 35px; border-radius: 100%; top: 5px; } .htmega-search-style-4 form.open .search-icon:before { transform: rotate(52deg); right: 12px; top: 12px; height: 18px; } .htmega-search-style-4 form.open .search-icon:after { transform: rotate(-230deg); right: 12px; top: 2px; height: 18px; } /* Search Style 05 */ .htmega-search-style-5 button { color: #f45862; font-size: 24px; border: 0 none; outline: none; background: transparent; } .block-bg { background: rgba(22, 22, 27, 0.97) none repeat scroll 0 0; height: 100%; left: 0; opacity: 0; position: fixed; text-align: center; top: 0; transform: scale(0.7); transition: -webkit-transform 0.8s ease 0s, -moz-transform 0.8s ease 0s, -o-transform 0.8s ease 0s, transform 0.8s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s; visibility: hidden; width: 100%; z-index: 999; } .block-bg.is-visible { opacity: 1; transform: scale(1); visibility: visible; } .block-bg .close__wrap { color: white; cursor: pointer; font-size: 12px; font-weight: 700; line-height: 25px; margin-top: -12.5px; padding-right: 25px; position: absolute; right: 49px; text-transform: uppercase; z-index: 11; transition: 0.4s; top: 65px; } .block-bg .close__wrap:hover { color: #ffffff; } .block-bg .close__wrap::after { content: "\f00d"; font-family: 'FontAwesome'; font-size: 24px; position: relative; right: 0; top: 0; } .minisearch .field__search { left: 0; margin: 0 auto auto; max-width: 1000px; padding: 0 5px; position: fixed; right: 0; top: 50%; width: 90%; } .minisearch .field__search input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: currentcolor currentcolor #ebebeb; -o-border-image: none; border-image: none; border-style: none none solid; border-width: 0 0 1px; color: #fff; height: 60px; padding: 10px 60px 10px 10px; position: static; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 1; font-size: 16px; outline: none; } .minisearch .field__search .action { position: absolute; right: 0; top: 0; z-index: 2; } .minisearch .field__search .action button{ color: #797979; display: inline-block; font-size: 26px; height: 60px; left: 0; line-height: 60px; text-align: center; top: 0; width: 60px; padding:0!important; margin: 0!important; } .minisearch .field__search .action button:hover{ background:transparent; } /* Device :991px. */ @media (max-width: 991px) { .block-bg .close__wrap{ right: 0; } } /* * Blockquote Style */ blockquote { margin: 0; } blockquote cite { font-family: "Montserrat", sans-serif; } .htmega-blockquote blockquote::before{ display: none; } .htmega-blockquote blockquote img,.htmega-blockquote blockquote .blockquote_icon{ position: absolute; } .htmega-blockquote blockquote img{ position: absolute; width: 100px; z-index: 0; } .htmega-blockquote blockquote p{ margin: 0; } .htmega-blockquote-position-lefttop blockquote img,.htmega-blockquote-position-lefttop blockquote .blockquote_icon{ left: 0; top: 0; } .htmega-blockquote-position-leftcenter blockquote img,.htmega-blockquote-position-leftcenter blockquote .blockquote_icon{ left: 0; top: 50%; transform: translateY(-50%); } .htmega-blockquote-position-leftbottom blockquote img,.htmega-blockquote-position-leftbottom blockquote .blockquote_icon{ left: 0; bottom: 0; } .htmega-blockquote-position-centertop blockquote img,.htmega-blockquote-position-centertop blockquote .blockquote_icon { left: 50%; top: 0; transform: translateX(-50%); } .htmega-blockquote-position-center blockquote img,.htmega-blockquote-position-center blockquote .blockquote_icon { left: 50%; top: 50%; transform: translate(-50%, -50%); } .htmega-blockquote-position-centerbottom blockquote img,.htmega-blockquote-position-centerbottom blockquote .blockquote_icon { left: 50%; bottom: 0; transform: translateX(-50%); } .htmega-blockquote-position-righttop blockquote img,.htmega-blockquote-position-righttop blockquote .blockquote_icon{ right: 0; top: 0; } .htmega-blockquote-position-rightcenter blockquote img,.htmega-blockquote-position-rightcenter blockquote .blockquote_icon{ right: 0; top: 50%; transform: translateY(-50%); } .htmega-blockquote-position-rightbottom blockquote img,.htmega-blockquote-position-rightbottom blockquote .blockquote_icon{ right: 0; bottom: 0; } /*Blockquote Style 01*/ .htmega-blockquote blockquote { background: #f4f4f4; padding: 50px 62px 50px 56px; position: relative; border:0; } .htmega-blockquote blockquote .blockquote_content { font-size: 18px; line-height: 33px; color: #5b5b5b; font-style: normal; font-weight: 600; margin-bottom: 17px; margin-bottom: 18px; position: relative; z-index: 1; } .htmega-blockquote blockquote cite { color: #0056ff; font-weight: 600; font-style: normal; margin: 0; padding-left: 35px; position: relative; } .htmega-citeseparator-position-after blockquote cite{ padding-left: 0px; padding-right: 35px; } .htmega-citeseparator-position-none blockquote cite{ padding-left: 0; padding-right: 0; } .htmega-blockquote blockquote cite::before { position: absolute; background-color: #0056ff; content: ""; height: 4px; width: 20px; left: 0; top: 50%; transform: translateY(-50%); } .htmega-citeseparator-position-after blockquote cite::before { right: 0; left: auto; top: 50%; } .htmega-citeseparator-position-none blockquote cite::before { display: none; } /* * Instagram Style */ .htmega-instragram { text-align: center; } .htmega-instragram ul.htmega-instagram-list { padding: 0; margin: 0; list-style: none; margin: 0 -5px; } .htmega-instragram ul.htmega-instagram-list li { float: left; width: 25%; padding: 0 5px; margin-bottom: 10px; overflow: hidden; position: relative; } .htmega-instragram ul.htmega-instagram-list li img{ width: 100%; vertical-align: middle; } .htmega-instragram ul.htmega-instagram-list li a{ text-decoration: none; } .htmegainstagram-column-1 .htmega-instragram ul.htmega-instagram-list li{ width: 100%; } .htmegainstagram-column-2 .htmega-instragram ul.htmega-instagram-list li{ width: 50%; } .htmegainstagram-column-3 .htmega-instragram ul.htmega-instagram-list li{ width: 33.33%; } .htmegainstagram-column-5 .htmega-instragram ul.htmega-instagram-list li{ width: 20%; } .htmegainstagram-column-6 .htmega-instragram ul.htmega-instagram-list li{ width: 16.66%; } /*Follow Instagram Btn*/ .htmega-instragram .instagram_follow_btn { background: #f75876 none repeat scroll 0 0; border: 0 none; color: #fff; display: inline-block; font-size: 14px; font-weight: 500; margin-top: 70px; text-decoration: none; transition: all 0.4s ease-in-out 0s; display: inline-flex; align-items: center; } .htmega-instragram .instagram_follow_btn:hover { opacity: 0.7; color: #000000; } .htmega-instragram .instagram_follow_btn i { /* background: #e4405f; */ width: 42px; height: 43px; line-height: 42px; font-size: 16px; text-align: center; display: inline-grid; align-items: center; } .htmega-instragram .instagram_follow_btn span { padding: 0 16px; /* font-family: "Montserrat", sans-serif; */ font-weight: 600; height: 42px; line-height: 42px; } .htmega-instragram .instagram_follow_btn.possition-center { position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; background: #ffffff; border-radius: 6px; color: #000000; } .htmega-instragram .instagram_follow_btn.possition-center span { padding: 0 24px; } /* Instagram Style 01 */ .htmega-instragram ul.htmega-instagram-list { margin: 0 -5px; overflow: hidden; display: flex; flex-flow: row wrap; } .htmega-instragram ul.htmega-instagram-list li > a { display: block; position: relative; } .htmega-instragram ul.htmega-instagram-list li .instagram-clip { position: absolute; top: 0; left: 0; width: 100%; text-align: center; z-index: 3; height: 100%; transition: 0.4s ease-in-out; opacity: 0; } .htmega-instragram ul.htmega-instagram-list li .instagram-clip::before { position: absolute; background-color: rgba(0, 0, 0, 0.7); content: ""; left: 10px; top: 10px; bottom: 10px; right: 10px; z-index: -1; } .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-like-comment { padding: 30px 0; } .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-like-comment p { color: #fff; margin: 0 15px; } .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn a{ display: inline-block; } .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn a i { color: #fff; font-size: 43px; } .htmega-instragram ul.htmega-instagram-list li:hover .instagram-clip { opacity: 1; } .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .zoom_icon{ display: inline-block; } /*Instagram Style 02*/ .htmega-instragram-style-2 ul.htmega-instagram-list li{ padding: 0; margin: 0; } .htmega-instragram-style-2 ul.htmega-instagram-list{ margin: 0; margin-left: -15px; margin-right: -15px; } .htmega-instragram-style-2 ul.htmega-instagram-list li { margin: 0; margin-bottom: 0; overflow: hidden; } .htmega-instragram-style-2 ul.htmega-instagram-list li a img { transition: 0.3s ease-out; transition-property: opacity, transform, filter; width: 100%; } .htmega-instragram-style-2 ul.htmega-instagram-list li:hover a img { transform: scale3d(1.1, 1.1, 1); opacity: 0.8; } .htmega-instragram .slick-arrow { position: absolute; top: 45%; left: -20px; z-index: 2; width: 30px; height: 30px; border-radius: 100%; background: #f75876; border: 1px solid #f75876; color: #fff; text-align: center; transition: 0.4s ease-in-out; opacity: 0; padding: 0; line-height: 1; } .htmega-instragram .htmega-carosul-next.slick-arrow { left: auto; right: -20px; } .htmega-instragram ul.htmega-instagram-list:hover .slick-arrow { opacity: 1; left: 0; } .htmega-instragram ul.htmega-instagram-list:hover .htmega-carosul-next.slick-arrow { opacity: 1; right: 0; left: auto; } .htmega-instragram .slick-dots { position: relative; bottom: 0; } .htmega-instragram .slick-dots li { border-radius: 100%; display: inline-block; height: 15px; margin: 0 3px !important; width: 15px !important; background: #f75876; float: none !important; } .htmega-instragram .slick-dots li button{ padding: 0; } .htmega-instragram .slick-dots li button::before{ display: none; } .htmega-instragram .slick-dots li.slick-active{ background: #000; } .htmega-instragram-style-2 a.instagram_follow_btn{ position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; background: #ffffff; border-radius: 6px; color: #000000; margin-top: 0; z-index: 5; } .htmega-instragram-style-2 a.instagram_follow_btn i{ /* display: none; */ } /*Instagram Style 03*/ .htmega-instragram-style-3 ul li { position: relative; } .htmega-instragram-style-3 ul li a img { transition: all .15s ease-in-out; } .htmega-instragram-style-3 ul li .instagram-clip { position: absolute; top: 0; left: 0; right: 0; height: 50px; background: rgba(255, 64, 95, 0.9); display: flex; justify-content: space-around; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all .15s ease-in-out; color: #FFF; height: 50px !important; line-height: 50px; } .htmega-instragram-style-3 ul li .instagram-clip::before{ display: none; } .htmega-instragram-style-3 ul li .instagram-clip .instagram-like-comment { display: flex; align-items: center; padding: 0 !important; } .htmega-instragram-style-3 ul li .instagram-clip .instagram-like-comment p { margin: 0 15px; } .htmega-instragram-style-3 ul li:hover .instagram-clip { -webkit-transform: translateX(0); transform: translateX(0); } .htmega-instragram-style-3 ul li:hover a img { opacity: .7; -webkit-transform: scale(1.15) translate3d(0, 0, 0); transform: scale(1.15) translate3d(0, 0, 0); } .htmega-instragram-style-3 ul.htmega-instagram-list li .instagram-clip .htmega-content{ display: flex; align-items: center; } .htmega-instragram-style-3 ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn{ position: static; transform: translateY(0); display: flex; } .htmega-instragram-style-3 ul.htmega-instagram-list li .instagram-clip .htmega-content .zoom_icon { display: flex; } /* Instagram Style 04 */ .htmega-instragram-style-4 ul.htmega-instagram-list li { margin: 0; margin-bottom: 0; overflow: hidden; width: 25%; } .htmega-instragram-style-4 ul.htmega-instagram-list li a img { transition: 0.3s ease-out; transition-property: opacity, transform, filter; width: 100%; } .htmega-instragram-style-4 ul.htmega-instagram-list li:hover a img { transform: scale3d(1.2, 1.2, 1); opacity: 0.6; } .instragram-icon-svg { display: flex; justify-content: center; } /* * Switcher Style */ .htmega-switcher-btn { text-align: center; } .htmega-switcher-nav { display: inline-block !important; background: #eeeeee; border-radius: 30px; overflow: hidden; } .htmega-switcher-nav a { display: inline-block; color: #444444; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 18px 32px; z-index: 1; position: relative; font-family: "Montserrat", sans-serif; } .htmega-switcher-nav a i{ margin-right: 5px; } .htmega-switcher-nav svg { width: 20px; float: left; margin-right: 8px; } .htmega-switcher-nav a::before { height: 100%; top: 0; z-index: 0; content: ''; width: 0; position: absolute; left: 0; transition: all 300ms ease-out; z-index: -1; } .htmega-switcher-nav a.htb-active { color: #ffffff; } .htmega-switcher-nav a.htb-active::before { width: 100%; background-color: #ed552d; } .htmega-switcher-toggle-title { text-transform: uppercase; font-weight: 600; } .htmega-switcher-toggle{ margin: 20px 0 30px 0; text-align: center; font-weight: 400; } .htmega-switch-toggle{ position: relative; display: inline-block; width: 60px; height: 34px; margin: 0 15px 0 15px; line-height: 36px; } .htmega-switcher-toggle i{ margin-right: 7px; } .htmega-switche-toggle-slider{ border-radius: 34px; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } input:checked+.htmega-switche-toggle-slider { background-color: #2196F3; } input:checked+.htmega-switche-toggle-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .htmega-switche-toggle-slider:before { position: absolute; border-radius: 50%; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .4s; transition: .4s; } .htmega-single-toggle-switch.toggle-tab-pane{ display: none; } .htmega-single-toggle-switch.toggl-active{ display: block; } /* * User Register Style */ .htmega-register-wrapper form input , .htmega-register-wrapper form textarea{ padding: 0 15px; width: 100%; background: transparent; border-radius: 0; } .htmega-register-wrapper .alert { margin:0 10px 15px; } .htmega-user-login { padding: 10px; text-align: center; } .htmega-register-wrapper label{ display: block; } /* Register Header Style */ .user-register-header h2 { font-size: 36px; font-weight: 700; margin-top: 0; margin-bottom: 10px; } .user-register-header p { font-size: 18px; font-weight: 600; margin-bottom: 40px; } .user-register-header p a { margin-left: 5px; } .user-register-header { text-align: left; } .user-register-header p a { transition: .3s; } /* Register Style 01 */ .htmega-register-style-1 { background: #fa4a79; padding-bottom: 40px; } .htmega-register-style-1 form { padding: 0 30px 0; } .htmega-register-style-1 form textarea{ background: #fb5c87 none repeat scroll 0 0; border-radius: 0; border: 1px solid #ffffff; } .htmega-register-style-1 form input, .htmega-register-style-1 form textarea { background: #fb5c87 none repeat scroll 0 0; border: 1px solid #ffffff; border-radius: 0; color: #ffffff; font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: 300; height: 50px; margin-bottom: 30px; } .htmega-register-wrapper.htmega-register-style-1 .user-register-header { padding: 30px 30px 0; } .htmega-register-wrapper.htmega-register-style-1 .user-register-header h2 , .htmega-register-wrapper.htmega-register-style-1 .user-register-header p { color: #fff; } .htmega-register-style-1 form input[type="submit"] { width: auto; margin: 0 auto; text-align: center; background: #fff; font-weight: 600; color: #fa4a79; margin-top: 10px; font-size: 14px; padding: 0 47px; transition: 0.5s; } .htmega-register-wrapper:not(.htmega-register-style-3) .htmega-register-form form a:not(.terms-conditions) { width: 50%; background: #fff; padding: 11px 47px; transition: .3s; margin: 15px auto 0; display: inline-block; text-align: center; vertical-align: middle; color: #fa4a79; font-weight: 600; font-family: "Montserrat",sans-serif; font-size: 14px; } .htmega-register-wrapper:not(.htmega-register-style-3) .htmega-register-form form a:hover{ opacity: 0.7; } .htmega-register-wrapper.htmega-register-style-6 .htmega-register-form form a:hover{ opacity: 1; } .htmega-register-wrapper .separator span { font-size: 15px; display: inline-block; margin-top: 10px; } .htmega-register-style-1 form input[type="submit"]:hover { opacity: 0.7; } .htmega-register-style-1 form input::-webkit-input-placeholder , .htmega-register-style-1 form textarea::-webkit-input-placeholder { color: #ffffff; } .htmega-register-style-1 form input::-moz-placeholder , .htmega-register-style-1 form textarea::-moz-placeholder{ color: #ffffff; } .htmega-register-style-1 form input:-ms-input-placeholder , .htmega-register-style-1 form textarea::-ms-input-placeholder { color: #ffffff; } .htmega-register-style-1 form input:-moz-placeholder , .htmega-register-style-1 form textarea::-ms-input-placeholder { color: #ffffff; } /* Register Style 02 */ .htmega-register-style-2 { background: #7ca7f9; padding: 0 80px 50px; } .htmega-register-style-2 form label { color: #666666; font-weight: 400; font-size: 12px; margin-bottom: 8px; font-family: "Montserrat", sans-serif; } .termscondition label.htmega-form-label { display: inline; margin: 0 !important; } .htmega-register-wrapper form textarea { padding: 15px 20px; } .termscondition input[type="checkbox"] { width: auto; height: auto !important; margin: 0; } .htmega-register-style-2 form input{ padding: 0 20px; } .htmega-register-style-2 form input , .htmega-register-style-2 form textarea { border: 1px solid #ffffff; color: #fff; margin-bottom: 30px; font-weight: 300; font-family: "Montserrat", sans-serif; } .htmega-register-style-2 form input[type="submit"] { width: auto; text-align: center; background: #fff; font-weight: 600; color: #0056ff; font-size: 14px; padding: 0 47px; transition: 0.5s; height: 50px; margin-top: 10px; margin-bottom: 0; } .htmega-register-style-2 form input[type="submit"]:hover { opacity: 0.7; } .htmega-register-style-2 form input::-webkit-input-placeholder , .htmega-register-style-2 form textarea::-webkit-input-placeholder { color: #ffffff; } .htmega-register-style-2 form input::-moz-placeholder , .htmega-register-style-2 form textarea::-moz-placeholder { color: #ffffff; } .htmega-register-style-2 form input:-ms-input-placeholder , .htmega-register-style-2 form textarea:-ms-input-placeholder { color: #ffffff; } .htmega-register-style-2 form input:-moz-placeholder , .htmega-register-style-2 form textarea:-moz-placeholder { color: #ffffff; } /* Register Style 03 */ .htmega-register-style-3 { padding: 0 56px 100px; text-align: center; } .htmega-register-style-3 form .input_box { display: flex; margin-bottom: 30px; align-items: center; } .htmega-register-form .input_box .fa-lock:before { font-family: 'FontAwesome'; content: "\f023"; } .htmega-register-style-3 form .input_box i { background: rgba(255, 255, 255, 0.3); height: 70px; padding: 0 20px; font-weight: 400; line-height: 70px; color: #ffffff; text-align: center; font-size: 34px; border-radius: 8px 0 0 8px; } .htmega-register-wrapper.htmega-register-style-3 .user-register-header { padding-top: 90px; } .htmega-register-wrapper.htmega-register-style-3 .user-register-header p , .htmega-register-wrapper.htmega-register-style-3 .user-register-header h2{ color: #fff; } .htmega-register-style-3 form .input_box input , .htmega-register-style-3 form .input_box textarea{ background: rgba(255, 255, 255, 0.3); border: 0 none; margin-left: 2px; height: 70px; border-radius: 0 8px 8px 0; color: #ffffff; font-size: 16px; font-family: "Poppins", sans-serif; } .htmega-register-style-3 form .input_box input[type="submit"] { border: 3px solid #fff; border-radius: 8px; color: #fff; box-sizing: border-box; height: 90px; font-size: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 51px; font-family: "Montserrat", sans-serif; transition: 0.5s; } .htmega-register-style-3 form input[type="submit"] { border: 3px solid #fff; border-radius: 8px; color: #fff; box-sizing: border-box; height: 90px; font-size: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 51px; font-family: "Montserrat", sans-serif; } .htmega-register-style-3 form input[type="submit"]:hover { background: #ffffff !important; color: #18012c; } .htmega-register-style-3 .login a { border: 3px solid #ffffff; display: block; height: 90px; line-height: 90px; color: #fff; font-size: 24px; font-weight: 600; border-radius: 8px; margin-top: 56px; transition: 0.5s; font-family: "Montserrat", sans-serif; text-decoration: none; } .htmega-register-style-3 .login a:hover { background: #ffffff; color: #18012c; } .htmega-register-style-3 .separator span { color: #ffffff; font-size: 24px; font-weight: 500; padding: 0 24px; background: transparent; position: relative; z-index: 99; display: block; font-family: "Montserrat", sans-serif; } .htmega-register-style-3 .separator span::before { content: ""; width: 130px; height: 1px; left: 0; top: 50%; background: #fff; position: absolute; display: block; } .htmega-register-style-3 .separator span::after { background: #fff; position: absolute; content: ""; width: 130px; height: 1px; right: 0; top: 50%; } .htmega-register-style-3 form input[type="submit"]:hover { background: #fff; color: #18012c; } .htmega-register-style-3 form input::-webkit-input-placeholder , .htmega-register-style-3 form .input_box textarea::-webkit-input-placeholder { color: #ffffff; } .htmega-register-style-3 form input::-moz-placeholder , .htmega-register-style-3 form .input_box textarea::-moz-placeholder { color: #ffffff; } .htmega-register-style-3 form input:-ms-input-placeholder , .htmega-register-style-3 form .input_box textarea:-ms-input-placeholder { color: #ffffff; } .htmega-register-style-3 form input:-moz-placeholder , .htmega-register-style-3 form .input_box textarea:-moz-placeholder { color: #ffffff; } .htmega-register-style-3 form .input_box input { margin-bottom: 0 !important; } /* Register Style 04 */ .htmega-register-style-4 { padding: 0px 40px; } .htmega-register-style-4 form input , .htmega-register-style-4 form textarea { margin-bottom: 17px; border: 0 none; border-bottom: 1px solid #687ea5; padding: 0; color: #687ea5; font-size: 12px; font-weight: 300; font-family: "Montserrat", sans-serif; } .htmega-register-style-4 form input[type="submit"] { background: #0056ff; color: #fff; width: auto; height: 50px; padding: 0 40px; border: 0 none; font-size: 14px; text-transform: uppercase; border-radius: 25px; transition: 0.5s; margin-top: 10px; } .htmega-register-style-4 form input[type="submit"]:hover { opacity: 0.7; } .htmega-register-style-4 form input::-webkit-input-placeholder , .htmega-register-style-4 form textarea::-webkit-input-placeholder { color: #687ea5; } .htmega-register-style-4 form input::-moz-placeholder , .htmega-register-style-4 form textarea::-moz-placeholder { color: #687ea5; } .htmega-register-style-4 form input:-ms-input-placeholder , .htmega-register-style-4 form textarea:-ms-input-placeholder { color: #687ea5; } .htmega-register-style-4 form input:-moz-placeholder , .htmega-register-style-4 form textarea:-moz-placeholder { color: #687ea5; } .htmega-register-wrapper.htmega-register-style-4 .htmega-register-form form a:not(.terms-conditions) { background: #0056ff; color: #fff; font-size: 14px; text-transform: uppercase; border-radius: 25px; } /* Register Style 05 */ .register-container { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 50px 70px; } .register-top { display: flex; justify-content: space-between; margin-bottom: 33px; align-items: center; } .register-top .register-top-left h2 { color: #000000; font-size: 16px; margin: 0; font-weight: 600; } .register-top .register-top-right { display: flex; justify-content: space-between; } .register-top .register-top-right p { margin: 0; color: #b1b1b1; margin-right: 30px; font-size: 14px; } .register-top .register-top-right a { background: #eff1f2; height: 30px; line-height: 30px; color: #000000; padding: 0 14px; transition: 0.5s; } .register-top .register-top-right a:hover { background: #18012c; color: #ffffff; } .htmega-register-style-5 { text-align: center; } .htmega-register-wrapper.htmega-register-style-5 { padding: 40px 30px; } .htmega-register-style-5 form input , .htmega-register-style-5 form textarea { border: 1px solid #f1f1f1; height: 45px; margin-bottom: 30px; padding: 0 20px; color: #757575; font-weight: 300; font-size: 12px; } .htmega-register-style-5 form input[type="submit"] { background: #0056ff; width: auto; color: #fff; height: 48px; padding: 0 40px; color: #ffffff; font-size: 14px; font-weight: 600; margin-bottom: 0; transition: 0.5s; margin-top: 12px; } .htmega-register-wrapper.htmega-register-style-5 .htmega-register-form form a:not(.terms-conditions) { background: #0056ff; padding: 11px 40px; color: #ffffff; margin-bottom: 12px; } .htmega-register-style-5 form input[type="submit"]:hover { background: #18012c; color: #ffffff; } .htmega-register-style-5 form input::-webkit-input-placeholder , .htmega-register-style-5 form textarea::-webkit-input-placeholder { color: #757575; } .htmega-register-style-5 form input::-moz-placeholder , .htmega-register-style-5 form textarea::-moz-placeholder { color: #757575; } .htmega-register-style-5 form input:-ms-input-placeholder , .htmega-register-style-5 form textarea:-ms-input-placeholder { color: #757575; } .htmega-register-style-5 form input:-moz-placeholder , .htmega-register-style-5 form textarea:-moz-placeholder { color: #757575; } .htmega-register-style-5 form input:focus , .htmega-register-style-5 form textarea:focus{ border: 1px solid #18012c; } .htmega-register-style-4 form input:focus { border: 0 none; border-bottom: 1px solid #18012c; } /* Register Style 06 */ .htmega-register-wrapper.htmega-register-style-6 .htmega-register-form form a:not(.terms-conditions) { background: #44FF62; color: #2E2E2E; font-size: 16px; border-radius: 5px; width: 100%; } .htmega-register-style-6.htmega-register-wrapper input[type="submit"] { color: #2E2E2E; font-size: 16px; font-weight: 600; background-color: #44FF62; height: 55px; width: 100%; border-radius: 5px 5px 5px 5px; } .htmega-register-style-6.htmega-register-wrapper form input { color: #8B8B8B; background-color: #FFFFFF; margin: 0px 0px 10px 0px; height: 55px; border-radius: 5px; } .htmega-register-style-6.htmega-register-wrapper { background-color: #0057FB; border-radius: 10px; padding: 40px; } /* * Tab Style */ .htmega-tab-area:not(.htmega-tab-style-5) { display: flex; flex-direction: column; align-items: center; } .htmega-tab-area:not(.htmega-tab-style-5) .htb-tab-content{ width: 100%; } /*Tab Style 01*/ .htmega-tab-nav a { color: #575757; font-size: 14px; font-weight: 500; padding: 0 16px; background: transparent; line-height: 34px; transition: 0.5s; margin: 0 9px; margin-bottom: 20px; } .htmega-tab-nav svg { width: 20px; float: left; /* margin-top: 5px; */ } .htmega-tab-nav a i,.htmega-tab-nav a svg{ /* margin-right: 10px; */ } .htmega-tab-nav a.htb-active { background: #575757; color: #fff; } .tab-content .htmega-single-tab { margin-top: 20px; } .htmega-tab-image{ overflow: hidden; } /*Tab Style 02*/ .htmega-tab-menu-style-2 a { color: #575757; font-weight: 600; font-size: 14px; margin: 0 25px; margin-bottom: 20px; padding: 0; padding-bottom: 10px; position: relative; background: transparent; } .htmega-tab-menu-style-2 a.htb-active{ background: transparent; color: #575757; } .htmega-tab-menu-style-2 a::before { position: absolute; content: ""; left: 0; height: 1px; width: 0; bottom: 0; background: #575757; transition: 0.4s ease-in-out; } .htmega-tab-menu-style-2 a.htb-active::before { width: 100%; } /*Tab Style 03*/ .htmega-tab-menu-style-3 { border-bottom: 1px solid #e3e3e3; margin-bottom: 18px; } .htmega-tab-menu-style-3 a { color: #575757; font-size: 14px; font-weight: 600; padding: 0; padding: 0 24px; background: #e3e3e3; height: 40px; line-height: 39px; margin: 0 10px; margin-bottom: -1px; border: 1px solid; transition: 0.4s ease-in-out; border-color: #e3e3e3 #e3e3e3 #ffffff; } .htmega-tab-menu-style-3 a.htb-active { background: transparent; border: 1px solid; border-color: #e3e3e3 #e3e3e3 #ffffff; color: #575757; } .htmega-tab-style-3 .htmega-single-tab p { color: #494849; font-size: 16px; line-height: 28px; margin-top: 23px; } /* Tab Style 04 */ .htmega-tab-menu-style-4 a { background: #575757; padding: 0 25px; /* height: 40px; */ line-height: 40px; border-radius: 5px; color: #ffffff; margin: 0 10px; margin-bottom: 20px; font-weight: 600; font-size: 14px; } .htmega-tab-menu-style-4 a.htb-active { background: #ed552d; } /*Tab Style 05*/ .htmega-tab-style-5 { align-items: center; display: flex; flex-wrap: wrap; } .htmega-tab-style-5 .htmega-tab-nav{ flex: 0 0 25%; max-width: 25%; padding-left: 15px; padding-right: 0px; } .htmega-tab-style-5 .htmega-tab-content-area { flex: 0 0 75%; max-width: 75%; padding-left: 15px; padding-right: 15px; } .htmega-tab-menu-style-5 { display: flex; flex-direction: column; height: 100%; justify-content: center; } .htmega-tab-style-5 .htmega-tab-content-area{ /* border-left: 1px solid #e3e3e3; */ position: relative; } .htmega-tab-style-5 .htmega-tab-content-area::before { content: ""; left: 0px; height: 65%; /* background: #eaeaea; */ width: 1px; position: absolute; top: 50%; transform: translateY(-50%); z-index: -1; } .htmega-tab-menu-style-5 { display: block; } .htmega-tab-menu-style-5 a { border-left: 1px solid #e3e3e3; border-right: 1px solid transparent; border-top: 1px solid #e3e3e3; color: #575757; font-weight: 500; margin: 0; padding: 0; text-align: center; transition: all 0.4s ease-in-out 0s; } .htmega-tab-menu-style-5 a:last-child { border-bottom: 1px solid #e3e3e3; } .htmega-tab-menu-style-5 a.htb-active { background: #e3e3e3; color: #575757; } .htmega_tab_service .htmega-service-style-7:hover .content h4, .htmega_tab_service .htmega-service-style-7:hover .content p, .htmega_tab_service .htmega-service-style-7:hover .icon i { color: #8f8f8f !important; } .htmega_tab_service .htmega-service-style-7:hover .icon i{ color: #ed552d !important; } .htmega_tab_service .htmega-service-style-7::before{ display: none; } a.htb-nav-link:focus { outline: none; } .htmega-switcher-area .htmega-switcher-nav .htb-nav-link{ display: inline-flex; align-items: center; } .htmega-tab-svg-icon { display: inline-block; overflow: hidden; } .htmega-tab-nav a i, .htmega-tab-nav a .htmega-tab-svg-icon { margin-right: 10px; width: 30px; /* background: #000; */ text-align: center; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50px; } .htmega-tab-nav a.htb-nav-link { display: flex; align-items: center; } /* *Work Process Style */ .htmega-process-area { background-size: 80% auto; } .htmega-column { display: flex; flex-wrap: wrap; } .htmega-column .htmega-single-process-area{ padding-right: 15px; padding-left: 15px; } .htmega-process-column-1 .htmega-single-process-area{ flex: 0 0 100%; max-width: 100%; } .htmega-process-column-2 .htmega-single-process-area{ flex: 0 0 50%; max-width: 50%; } .htmega-process-column-3 .htmega-single-process-area{ flex: 0 0 33.333%; max-width: 33.333%; } .htmega-process-column-4 .htmega-single-process-area{ flex: 0 0 25%; max-width: 25%; } .htmega-process-column-5 .htmega-single-process-area{ flex: 0 0 20%; max-width: 20%; } /* Work Process Style 01 */ .htmega-single-process { text-align: center; } .htmega-single-process .icon { width: 116px; height: 116px; margin: 0 auto; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); line-height: 116px; text-align: center; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; } .htmega-single-process .htmega-content h4 { color: #555555; font-size: 19px; font-weight: 600; margin: 0; margin-top: 36px; } /* Work Process Style 2 */ .htmega-process-style-2 { text-align: center; } .htmega-process-style-2 .htmega-number { margin-bottom: 24px; } .htmega-process-style-2 .htmega-number span { width: 70px; height: 70px; background: #fff; display: inline-block; line-height: 70px; font-size: 24px; font-weight: 600; color: #5a5a5a; border-radius: 14px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .htmega-process-style-2 .htmega-content h4 { color: #383838; font-size: 18px; margin-bottom: 18px; } .htmega-process-style-2 .htmega-content p { color: #494849; font-size: 14px; line-height: 28px; padding: 0 10%; margin: 0; } .htmega-process-style-2 .htmega-number { position: relative; } .htmega-process-style-2 .htmega-number::before { position: absolute; content: ""; background-image: url(''); right: -129px; top: 50%; width: 236px; height: 2px; } .htmega-process-style-2 .htmega-single-process-area:last-child .htmega-number::before { display: none; } /* Work Process Style 3 */ .htmega-process-style-3 { position: relative; margin-top: 30px; } .htmega-process-style-3::before { content: ""; position: absolute; left: 50%; top: 0; width: 2px; background: #e51515; height: 100%; margin-left: -1px; } .htmega-process-style-3 .htmega-single-process { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 30px 0; } .htmega-process-style-3 .htmega-single-process .icon { align-self: baseline; box-shadow: none; height: auto; line-height: 1; padding: 0 30px; position: relative; text-align: right; width: 50%; background: transparent; justify-content: right; } .htmega-process-style-3 .htmega-single-process .icon::before,.htmega-process-style-3 .htmega-single-process .icon::after { position: absolute; content: ""; right: 0px; top: 50%; margin-top: -15px; height: 15px; width: 15px; border-top: 10px solid transparent; border-right: 15px solid red; border-bottom: 10px solid transparent; border-left: 15px solid transparent; transition: all 0.3s ease-in-out; } .htmega-process-style-3 .htmega-single-process .icon img { display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .htmega-process-style-3 .htmega-content { padding-left: 30px; text-align: left; width: 50%; } .htmega-process-style-3 .htmega-content h4 { font-size: 22px; font-weight: 500; color: #494849; margin-bottom: 15px; transition: all 0.3s ease-in-out; } .htmega-process-style-3 .htmega-content p { font-size: 14px; color: #494849; line-height: 28px; } .htmega-process-style-3 .htmega-single-process.process-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .htmega-process-style-3 .htmega-single-process.process-reverse .icon { text-align: left; justify-content: left; } .htmega-process-style-3 .htmega-single-process.process-reverse .icon::before { right: auto; left: 0; border-left: 15px solid red; border-right: 15px solid transparent; } .htmega-process-style-3 .htmega-single-process.process-reverse .htmega-content { padding-left: 0; padding-right: 30px; text-align: right; } .htmega-process-style-3 .htmega-single-process .icon::after { left: 100%; height: 0; border: none; background: red; width: 1px; top: 50%; transform: translateY(-50%); margin-top: -4px; margin-left: -1px; opacity: 0; } .htmega-process-style-3 .htmega-single-process.process-reverse .icon::after { left: 0; right: auto; } .htmega-process-style-3 .htmega-single-process:hover .icon::after { opacity: 1; } /*Work Process Style 4 */ .htmega-process-style-4 { background-position: center center; background-repeat: no-repeat; height: 570px; position: relative; width: 590px; margin: auto; margin-top: 35px; } .htmega-process-style-4 .htmega-single-process-area{ align-items: center; background: #52b6bc none repeat scroll 0 0; border-radius: 100%; display: flex; height: 190px; justify-content: center; text-align: center; width: 190px; position: absolute; } .htmega-process-style-4 .htmega-single-process-area:nth-child(1) { left: 0; margin: auto; right: 0; } .htmega-process-style-4 .htmega-single-process-area:nth-child(2) { right: 0; top: 190px; } .htmega-process-style-4 .htmega-single-process-area:nth-child(3) { bottom: 0; left: 0; margin: auto; right: 0; } .htmega-process-style-4 .htmega-single-process-area:nth-child(4) { left: 0; top: 190px; } .htmega-process-style-4 .htmega-single-process .icon { box-shadow: none; height: auto; line-height: 1; opacity: 0; position: absolute; right: 0; top: -36px; transition: all 0.3s ease 0s; width: auto; background: transparent; } .htmega-process-style-4 .htmega-single-process .icon img { border: 3px solid #52b6bc; border-radius: 100%; } .htmega-process-style-4 .htmega-content p { color: #fff; font-family: 'Courgette', cursive; font-size: 20px; line-height: 26px; margin: 0; padding: 0 12px; } .htmega-process-style-4 .htmega-single-process.open .icon { opacity: 1; } .htmega-process-style-4 .htmega-single-process-area:hover .icon { opacity: 1; } .htmega-process-style-4 .htmega-single-process-area:before { content: ""; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; opacity: 0; transition: all 0.3s ease-in-out; } .htmega-process-style-4 .htmega-single-process-area:hover:before{ opacity: 1; } .htmega-process-style-4 .htmega-single-process .htmega-content h4{ transition: all 0.3s ease-in-out; } .htmega-process-style-4 .htmega-single-process-area:hover .htmega-single-process .htmega-content h4{ color: #fff; position: relative; z-index: 2; } /* .htmega-process-style-4 .htmega-single-process-area:hover *{ position: relative; z-index: 1; } */ /* Work Process Style 5 */ .htmega-process-style-5 { display: block; text-align: center; } .htmega-process-style-5 .htmega-single-process-area { width: 23%; transition: all 0.3s ease-in-out; position: relative; display: inline-block; } .htmega-process-style-5 .htmega-single-process-area:hover{ width: 25%; } .htmega-process-style-5 .htmega-single-process-area:after { content: ""; background: rgba(0, 0, 0, 0); width: 62px; height: 25px; left: 0; position: relative; position: absolute; top: 50%; transform: translate(-50%, -50%); } .htmega-process-style-5 .htmega-single-process-area:first-child:after{ display: none; } /* .htmega-process-style-5 .htmega-content p { transition: all 0.3s ease-in-out; } */ .htmega-process-style-5 .htmega-single-process { background: transparent; transition: all 0.3s ease-in-out; position: relative; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; } .htmega-process-style-5 .htmega-single-process-area:hover .htmega-single-process .htmega-content p{ visibility: visible; } .htmega-process-style-5 .htmega-number::before{ display: none; } .htmega-process-style-5 .htmega-single-process:before { background: rgba(0, 0, 0, 0); content: ""; left: 0; right: 0; position: absolute; top: 0; height: 100%; width: 100%; opacity: 0; z-index: 0; transition: all 0.3s ease-in-out; } .htmega-process-style-5 .htmega-single-process *{ position: relative; z-index: 2; } .htmega-process-style-5 .htmega-single-process-area:hover .htmega-single-process:before{ opacity: 1; } .htmega-process-style-5 .htmega-single-process2 span, .htmega-process-style-5 .htmega-single-process2 .icon { background: transparent; line-height: 1; border: none; box-shadow: none!important; margin: auto; } .htmega-single-process.htmega-single-process2 .htmega-content h4{ margin-top:0; } .htmega-single-process.htmega-single-process2 .htmega-number { margin-bottom: 0px; } .htmega-single-process.htmega-single-process2 { position: relative; bottom: 0; opacity: 0; } .htmega-process-style-5 .htmega-single-process-area:hover .htmega-single-process{ opacity: 0; } .htmega-process-style-5 .htmega-single-process-area:hover .htmega-single-process.htmega-single-process2{ opacity: 1; } /* * Modal Style */ .htmega-modal-btn button { background: #0056ff; border: 0 none; color: #fff; border-radius: 8px; height: 58px; line-height: 58px; color: #ffffff; font-size: 16px; font-weight: 600; font-family: "Montserrat", sans-serif; transition: 0.4s; padding-top: 0; padding-bottom: 0; } .htmega-modal-btn svg { width: 20px; margin-right: 10px; margin-top: 16px; } .htmega-modal-area .htb-modal-header h5{ margin: 0; } .htmega-modal-area .htb-modal-footer { justify-content: space-between; align-items: center; } .htmega-modal-area .htb-modal-footer .htb-btn-secondary[type="button"] { color: #fff; background-color: #868e96; border-color: #868e96; } .htmega-modal-area .htb-modal-header .htb-close[type="button"] { font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; } .htmega-modal-area .htb-modal-header .htb-close[type="button"]:focus, .htmega-modal-area .htb-modal-header .htb-close[type="button"]:hover { color: #000; text-decoration: none; opacity: .75; background: 0 0; border: 0; } .modal_icon_positioning-left .htmega-modal-btn button, .modal_icon_positioning-right .htmega-modal-btn button{ display: inline-flex; align-items: center; } .modal_icon_positioning-left .htmega-modal-btn button i, .modal_icon_positioning-left .htmega-modal-btn button svg { order: 0; margin-right: 10px; } .modal_icon_positioning-right .htmega-modal-btn button i, .modal_icon_positioning-right .htmega-modal-btn button svg { order: 1; margin-left: 10px; } .modal_icon_positioning-left .htmega-modal-btn svg, .modal_icon_positioning-right .htmega-modal-btn svg { margin-top: 0; } /* * Flipbox Style Css */ .flipbox-icon{ display: inline-block; } .flipbox-icon svg { width: 20px; } .htmega-flip-box-front,.htmega-flip-box-back{ background-color: #f3f3f3; } .htmega-flip-box-animation-right .htmega-flip-box-front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); background-color: #f3f3f3; } .htmega-flip-box-animation-right:hover .htmega-flip-box-front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .htmega-flip-box-animation-right .htmega-flip-box-back { background: rgba( 237, 85, 45, 0.8 ); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .htmega-flip-box-animation-right:hover .htmega-flip-box-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); transform-style: preserve-3d; } .htmega-flip-box-animation-left .htmega-flip-box-front,.htmega-flip-box-animation-left:hover .htmega-flip-box-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); background-color: #f3f3f3; } .htmega-flip-box-animation-left:hover .htmega-flip-box-front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .htmega-flip-box-animation-left .htmega-flip-box-back { background: rgba( 237, 85, 45, 0.8 ); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .htmega-flip-box-animation-top .htmega-flip-box-front,.htmega-flip-box-animation-top:hover .htmega-flip-box-back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .htmega-flip-box-animation-top:hover .htmega-flip-box-front { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); } .htmega-flip-box-animation-top .htmega-flip-box-back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); z-index: 1; } .htmega-flip-box-animation-bottom .htmega-flip-box-front,.htmega-flip-box-animation-bottom:hover .htmega-flip-box-back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .htmega-flip-box-animation-bottom:hover .htmega-flip-box-front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .htmega-flip-box-animation-bottom .htmega-flip-box-back { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); z-index: 1; } .htmega-flip-box-area .flp-btn { display: inline-block; margin-top: 20px; } .htmega-flip-box-area .flp-btn a { color: #ffffff; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 14px; display: inline-block; border-bottom: 1px solid #ffffff; text-decoration: none; transition: all 0.3s ease-in-out; } /* Flipbox Style 01 */ .htmega-flip-box-area { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: perspective(1000px); -moz-transform: perspective(1000px); -ms-transform: perspective(1000px); transform: perspective(1000px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; height: 380px; line-height: 1; } .htmega-flip-box-front,.htmega-flip-box-back { background-size: cover; background-position: center center; -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1); transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1); -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1); overflow: hidden; position: absolute; top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; z-index: 1; width: 100%; height: 100%; } .htmega-3d-wrap .htmega-flip-box-front,.htmega-3d-wrap .htmega-flip-box-back{ overflow: visible; } .front-container,.back-container { padding: 40px; text-align: center; position: relative; top: 50%; -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1); transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1); -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1); -webkit-transform: translateY(-50%) translateX(0px) scale(1); -ms-transform: translateY(-50%) translateX(0px) scale(1); transform: translateY(-50%) translateX(0px) scale(1); transform-style: preserve-3d; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .htmega-3d-flip { transform: translateZ(50px) scale(0.9); display: flex; align-items: center; justify-content: center; flex-direction: column; backface-visibility: hidden; } .htmega-flip-box-area .back-container { padding: 40px; text-align: center; position: relative; top: 50%; z-index: 2; } .htmega-flip-box-area .front-container span { color: #636363; font-size: 50px; } .front-container h2 { color: #4a4a4a; font-size: 22px; font-weight: 400; margin: 0; margin-top: 22px; } .back-container span { color: #efefef; font-size: 50px; display: block; margin-bottom: 28px; } .back-container h2 { color: #ffffff; font-size: 22px; font-weight: 400; margin-bottom: 18px; } .back-container p,.front-container p { color: #ffffff; font-size: 14px; line-height: 26px; margin: 0; } .htmega-flip-box-back { background-position: center center; background-repeat: no-repeat; background-size: cover; } .htmega-flip-overlay { display: block; background-color: transparent; width: 100%; height: 100%; position: absolute; top: 0; z-index: 0; } /* Flipbox Style 02 */ .htmega-flip-box-style-2 .htmega-flip-box-back span,.htmega-flip-box-style-2 .htmega-flip-box-front span { margin-bottom: 26px; display: inline-block; padding-bottom: 30px; position: relative; } .htmega-flip-box-style-2 .htmega-flip-box-back span i,.htmega-flip-box-style-2 .htmega-flip-box-front span i { color: #fff; font-size: 70px; } .htmega-flip-box-style-2 .htmega-flip-box-back span::before,.htmega-flip-box-style-2 .htmega-flip-box-front span::before { position: absolute; content: ""; background: #fff; width: 30px; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%); } .htmega-flip-box-style-2 .htmega-flip-box-back span::after,.htmega-flip-box-style-2 .htmega-flip-box-front span::after { position: absolute; content: ""; background: #fff; width: 20px; height: 1px; bottom: 6px; left: 50%; transform: translateX(-50%); } .htmega-flip-box-style-2 .htmega-flip-box-back h2,.htmega-flip-box-style-2 .htmega-flip-box-front h2 { color: #ffffff; font-size: 16px; margin: 0; font-weight: 300; text-transform: uppercase; } .htmega-flip-box-style-2 .htmega-flip-box-back p { margin: 0; color: #ffffff; font-size: 14px; line-height: 24px; margin-top: 15px; font-family: "Montserrat", sans-serif; font-weight: 300; } /* Flipbox Style 03 */ .htmega-flip-box-style-3 .front-container p{ margin-top: 15px; margin-bottom: 15px; color: #7b7272; } .htmega-flipbox-bottom-index-number,.htmega-flipbox-back-bottom-index-number{ position: absolute; bottom: 0; z-index: 1; margin-bottom: 10px; font-size: 95px; font-weight: bold; color: #F5F7FF; font-family: "Roboto", Sans-serif; font-size: 95px; font-weight: bold; line-height: 1em; -webkit-text-stroke-color: #DDDDE8; -webkit-text-stroke-width: 1px; } /* Flipbox Style 04 */ .htmega-flipbox-s4-image{ height: 200px; width: 100%; position:relative; } .front-container .htmega-flipbox-s4-image img { height: 100%; object-fit: cover; width: 100%; } .htmega-flip-box-style-4 .front-container{ display: block; } .htmega-flip-box-style-4 .front-container span { color: #636363; position: absolute; left: 50%; transform: translate(-50%, 50%); bottom: 0; z-index: 2; background-color: #FFFFFF; width: 97px; min-height: 97px; height: 97px; display: flex; align-items: center; justify-content: center; line-height: 97px; margin: 0px 0px 0px 0px; border-radius: 100px 100px 100px 100px; box-shadow: 0px 1px 100px 0px rgba(0, 0, 0, 0.29); } .htmega-flip-box-style-4 .front-container h2{ margin-top: 70px; } .htmega-flip-box-style-4 .front-container p{ padding: 0 15px; } .htmega-flip-box-style-4 .htmega-flip-box-front .front-container{ padding: 0; } /* Flipbox Style 05 Social links */ .htmega-flip-box-style-5 .back-container h2 { margin-bottom:10px; } .htmega-flip-box-style-5 .back-container h3 { margin-bottom: 25px; padding: 0px 15px 27px 15px; font-size: 15px; line-height: 1.3; border-bottom: 1px solid #6951cd; } .htmega-flip-box-style-5 .htmega-flip-box-back{ background: #4f33c4; } .htmega-flip-box-style-5 .back-container p{ margin-bottom: 20px; } ul.htmega-flipbox-social-list { display: inline-block; list-style: none; margin: 0; padding: 0; } ul.htmega-flipbox-social-list li { display: inline-block; margin: 5px; } ul.htmega-flipbox-social-list li a { display: flex; height: 38px; width: 38px; align-items: center; justify-content: center; font-size: 15px; color: #fff; border: 1px solid #dddddd; background: transparent; border-style: dashed; border-radius: 100%; } ul.htmega-flipbox-social-list li a svg{ width:15px; fill:#ffffff; } ul.htmega-flipbox-social-list li a:hover{ background: #ffffff; color: #27123a; border:1px solid #ffffff; } ul.htmega-flipbox-social-list li a:hover svg{ fill:#27123a; } /* Flip Box Zoom In */ .htmega-flip-box-animation-zoom_in .htmega-flip-box-back,.htmega-flip-box-animation-zoom_out .htmega-flip-box-front { opacity: 0; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; transition: all 0.5s ease-in-out; z-index: 3; } .htmega-flip-box-animation-zoom_in:hover .htmega-flip-box-back { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* Flip Box Zoom Out */ .htmega-flip-box-animation-zoom_out .htmega-flip-box-front{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .htmega-flip-box-animation-zoom_out:hover .htmega-flip-box-front { opacity: 0; -webkit-transform: scale(0.50); -ms-transform: scale(0.50); transform: scale(0.50); visibility: hidden; } /* Flip Box Fade In */ .htmega-flip-box-animation-fade_in .htmega-flip-box-back{ opacity: 0; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; transition: all 0.6s ease-in-out; } .htmega-flip-box-animation-fade_in:hover .htmega-flip-box-back{ opacity: 1; } /* Flip Box Slide Left*/ .htmega-flip-box-animation-slide_left,.htmega-flip-box-animation-slide_right, .htmega-flip-box-animation-slide_top,.htmega-flip-box-animation-slide_bottom,.htmega-flip-box-animation-push_left,.htmega-flip-box-animation-push_right{ overflow: hidden; } .htmega-flip-box-animation-slide_left .htmega-flip-box-front,.htmega-flip-box-animation-slide_left .htmega-flip-box-back, .htmega-flip-box-animation-slide_right .htmega-flip-box-front,.htmega-flip-box-animation-slide_right .htmega-flip-box-back, .htmega-flip-box-animation-slide_top .htmega-flip-box-front,.htmega-flip-box-animation-slide_top .htmega-flip-box-back, .htmega-flip-box-animation-slide_bottom .htmega-flip-box-front,.htmega-flip-box-animation-slide_bottom .htmega-flip-box-back, .htmega-flip-box-animation-push_left .htmega-flip-box-front,.htmega-flip-box-animation-push_left .htmega-flip-box-back, .htmega-flip-box-animation-push_right .htmega-flip-box-front,.htmega-flip-box-animation-push_right .htmega-flip-box-back{ opacity: 1; visibility: visible; z-index: 2; transition: all 0.6s ease-in-out; } .htmega-flip-box-animation-slide_left .htmega-flip-box-back{ left:100%; } .htmega-flip-box-animation-slide_left:hover .htmega-flip-box-back{ left:0; } /* Flip Box Slide right*/ .htmega-flip-box-animation-slide_right .htmega-flip-box-back{ right:100%; } .htmega-flip-box-animation-slide_right:hover .htmega-flip-box-back{ right:0; } /* Flip Box Slide Top*/ .htmega-flip-box-animation-slide_top .htmega-flip-box-back{ top:100%; } .htmega-flip-box-animation-slide_top:hover .htmega-flip-box-back{ top:0; } /* Flip Box Slide Bottom*/ .htmega-flip-box-animation-slide_bottom .htmega-flip-box-back{ bottom:100%; top:auto; } .htmega-flip-box-animation-slide_bottom:hover .htmega-flip-box-back{ bottom:0; } /* Flip Box Push Left*/ .htmega-flip-box-animation-push_left .htmega-flip-box-back{ left:100%; } .htmega-flip-box-animation-push_left:hover .htmega-flip-box-back{ left:0; } .htmega-flip-box-animation-push_left .htmega-flip-box-front{ right:0; left: auto; } .htmega-flip-box-animation-push_left:hover .htmega-flip-box-front{ right:100%; } /* Flip Box Push Left*/ .htmega-flip-box-animation-push_right .htmega-flip-box-back{ right:100%; } .htmega-flip-box-animation-push_right:hover .htmega-flip-box-back{ right:0; } .htmega-flip-box-animation-push_right .htmega-flip-box-front{ left:0; right: auto; } .htmega-flip-box-animation-push_right:hover .htmega-flip-box-front{ left:100%; } /* * style for tooltip */ .htmega-tooltip span { background: #0056ff none repeat scroll 0 0; border: 0 none; border-radius: 8px; color: #fff; cursor: pointer; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 14px; padding: 14px 16px; text-align: center; transition: 0.4s; } .htmega-tooltip span a{ color: #fff; text-decoration: none; } .htb-show{ transition: opacity .15s linear; } /* Tooltips Inner */ .tooltip-inner { padding: 9px 15px; background-color: #404040; } /* Arrow Color */ .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { border-left-color: #404040 !important; } .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { border-right-color: #404040 !important; } .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { border-top-color: #404040 !important; } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #404040 !important; } /* Space With Button */ .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { top: -10px !important; } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { top: 10px !important; } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { left: 10px !important; } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { left: -10px !important; } /* * Popovers Style */ .htb-popover-header { margin-top: 0; } .htb-popover h3.htb-popover-header { font-size: 18px; font-weight: 400; margin: 0; line-height: 1.3; } /* Popover Button Style */ .htmega-popover span { background: #0056ff; border: 0 none; color: #fff; padding: 20px 40px; border-radius: 7px; font-weight: 600; font-size: 16px; transition: 0.5s; font-family: "Montserrat", sans-serif; display: inline-block; cursor: pointer; } .htmega-popover span:hover { background: #18012c; } .htmega-popover span a{ text-decoration: none; } .htmega-popover svg { width: 25px; } /* Popover Style */ .popover { max-width: 330px; border: 1px solid #e0e0e0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .popover .popover-body { padding: 22px 25px; color: #262626; font-size: 13px; } .popovers-content.text-center { padding-top: 14px; } /* Popover Style */ .bs-popover-auto[x-placement^=top], .bs-popover-top { top: -12px !important; } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { top: 12px !important; } .bs-popover-auto[x-placement^=right], .bs-popover-right { left: 12px !important; } .bs-popover-auto[x-placement^=left], .bs-popover-left { left: -12px !important; } /* * Toggle Style */ .htmega-toggle-button a{ transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; color: #3b3b3b; font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: uppercase; text-decoration: none; cursor: pointer; display: inline-block; } .htmega-toggle-button svg { width: 20px; } .htmega-toggle-area .htmega-toggle-button a i,.htmega-toggle-area .htmega-toggle-button a svg { padding-left: 5px; } .htmega-toggle-button a.opened_btn,.open a.normal_btn{ display: none; } .htmega-toggle-button.open a.opened_btn{ display: inline-block; } .image_100 .htmega-lightboxthumb img{ width: 100%; } /* * Dropcaps */ .htmega-dropcaps-inner p { color: #434343; font-size: 16px; line-height: 28px; font-weight: 500; margin: 0; } .htmega-dropcaps-inner p:first-of-type:first-letter,.htmega-dropcaps-inner:first-of-type:first-letter { color: #d6d6d6; float: left; font-size: 60px; margin-right: 20px; margin-bottom: 5px; border: 2px solid #d6d6d6; padding: 15px; font-family: "Montserrat", sans-serif; font-weight: 700; font-style: italic; margin-top: 9px; } /* Dropcaps Style 2 */ .htmega-dropcaps-style-2 .htmega-dropcaps-inner p:first-of-type:first-letter,.htmega-dropcaps-style-2 .htmega-dropcaps-inner:first-of-type:first-letter { color: #18012c; float: left; font-size: 60px; margin-right: 15px; margin-bottom: 8px; font-family: "Montserrat", sans-serif; font-weight: 600; margin-top: 17px; border: none; padding: 0; font-style: normal; } /* Dropcaps Style 3 */ .htmega-dropcaps-style-3 .htmega-dropcaps-inner p:first-of-type:first-letter,.htmega-dropcaps-style-3 .htmega-dropcaps-inner:first-of-type:first-letter { color: #ed552d; float: left; font-size: 90px; margin-right: 15px; margin-bottom: 13px; font-family: "Poppins",sans-serif; font-weight: 500; margin-top: 20px; text-decoration: line-through; line-height: 28px; border: 0; padding: 0; font-style: normal; } /* Dropcaps Style 4 */ .htmega-dropcaps-style-4 .htmega-dropcaps-inner p:first-of-type:first-letter,.htmega-dropcaps-style-4 .htmega-dropcaps-inner:first-of-type:first-letter { color: #fff; float: left; font-size: 36px; padding: 20px; margin-top: 5px; margin-left: 5px; margin-right: 15px; margin-bottom: 5px; background: #ed552d; border-radius: 50%; font-size: normal; border: none; font-style: normal; font-weight: 500; } /* Dropcaps Style 5 */ .htmega-dropcaps-style-5 .htmega-dropcaps-inner p:first-of-type:first-letter,.htmega-dropcaps-style-5 .htmega-dropcaps-inner:first-of-type:first-letter { color: white; float: left; font-size: 75px; line-height: 60px; padding: 20px 28px; margin-top: 5px; margin-left: 5px; margin-right: 20px; margin-bottom: 10px; background: black; border-radius: 50%; border: 1px solid white; box-shadow: 0px 0px 0px 5px black; font-style: normal; font-weight: 500; } /* * Notification Style */ button.htmega-notify-button { padding: 5px 42px; border: 0 none; color: #fff; border-radius: 7px; font-size: 14px; background: #1abc9c; transition: 0.4s; height: inherit; } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } .alert-danger , .htmega-notify-button.alert-danger { color: #721c24; background-color: #bb2d3b; border-color: #f5c6cb; } .alert-warning , .htmega-notify-button.alert-warning { color: #856404; background-color: #ffca2c; border-color: #ffeeba; } .alert-success , .htmega-notify-button.alert-success { color: #155724; background-color: #198754; border-color: #c3e6cb; } .alert-info , .htmega-notify-button.alert-info { color: #0c5460; background-color: #1abc9c; border-color: #bee5eb; } .htmega_notify_area .alert span.htmega-close { cursor: pointer !important; } .alert > i, .alert > svg{ position: relative; } .alert span.notify-message-content { position: relative; } /* * Image Marker With Pointer */ .htmega-marker-wrapper .htmega_image_pointer .htmega_pointer_box h4 { position: relative; } .htmega-marker-wrapper .htmega_image_pointer .htmega_pointer_box h4:before { position: absolute; content: ""; width: 20px; height: 2px; background: transparent; bottom: 0; left: 0; right: 0; margin: 0 auto; } .htmega-marker-content-right .htmega-marker-wrapper .htmega_image_pointer .htmega_pointer_box h4:before { right: 0; left: auto; } .htmega-marker-content-left .htmega-marker-wrapper .htmega_image_pointer .htmega_pointer_box h4:before { left: 0; right: auto; } .htmega_image_pointer.htmega-marker-content-position-yes .htmega_pointer_box:before { border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid transparent; content: ""; height: 0; left: 50%; margin-left: -12px; position: absolute; top: 100%; width: 0; } /* pleeholder text css */ .htmega-marker-wrapper .htmega_image_pointer .htmega_pointer_box h4:after { font-size: 110px; font-weight: 100; position: absolute; z-index: -1; top: -31px; left: 4%; content: attr(data-pltext); -webkit-transform: translateX(-50%) translateY(-14px); -ms-transform: translateX(-50%) translateY(-14px); transform: translateX(-50%) translateY(-14px); text-transform: uppercase; color: #F0F4F4; white-space: nowrap; margin-top: -15px; font-weight: 800; } /*Marker Style 01*/ .htmega-marker-style-1 { padding: 245px 0; } .htmega_image_pointer { width: 36px; height: 36px; border-radius: 100%; border: 3px solid #ed552d; background-color: #fff; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 32px; } .htmega_image_pointer.htmega-indicator-type-text,.htmega_image_pointer.htmega-indicator-type-image { width: auto; height: auto; } .htmega_image_pointer{ z-index: 1; } .htmega-marker-style-1 .htmega_image_pointer .htmega_pointer_box { background: #fff; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } /* Bottom content */ .htmega-marker-style-1 .htmega_image_pointer.htmega-marker-content-position-bottom .htmega_pointer_box { transform: translate3d(50%, 18%, 0); } .htmega-marker-style-1 .htmega_image_pointer.htmega-marker-content-position-bottom:hover .htmega_pointer_box { transform: translateY(30%) translateX(50%); } /* Left content */ .htmega-marker-style-1 .htmega_image_pointer.htmega-marker-content-position-left .htmega_pointer_box { transform: translate3d(-5%, -36%, 0); } .htmega-marker-style-1 .htmega_image_pointer.htmega-marker-content-position-left:hover .htmega_pointer_box { transform: translateY(-36%) translateX(-12%); } /* Right content */ .htmega-marker-style-1 .htmega_image_pointer.htmega-marker-content-position-right .htmega_pointer_box { transform: translate3d(106%, -36%, 0); } .htmega-marker-style-1 .htmega_image_pointer.htmega-marker-content-position-right:hover .htmega_pointer_box { transform: translateY(-36%) translateX(112%); } .htmega-marker-style-1 .htmega_image_pointer .htmega_pointer_box h4 { font-size: 20px; margin-bottom: 7px; } .htmega-marker-style-1 .htmega_image_pointer .htmega_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; } .htmega-marker-style-1 .htmega_image_pointer:hover .htmega_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .htmega-marker-style-1 .htmega_image_pointer { position: absolute; left: 66%; top: 15%; } /*Marker Style 02*/ .htmega-marker-style-2 { padding: 245px 0; } .htmega-marker-style-2 .htmega_image_pointer { width: 46px; height: 46px; border-radius: 100%; border: 5px solid #dddddd; background-color: #fff; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 38px; } .htmega-marker-style-2 .htmega_image_pointer .htmega_pointer_box { background: #fff; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } /* Bottom content */ .htmega-marker-style-2 .htmega_image_pointer.htmega-marker-content-position-bottom .htmega_pointer_box { transform: translate3d(50%, 18%, 0); } .htmega-marker-style-2 .htmega_image_pointer.htmega-marker-content-position-bottom:hover .htmega_pointer_box { transform: translateY(30%) translateX(50%); } /* Left content */ .htmega-marker-style-2 .htmega_image_pointer.htmega-marker-content-position-left .htmega_pointer_box { transform: translate3d(-5%, -36%, 0); } .htmega-marker-style-2 .htmega_image_pointer.htmega-marker-content-position-left:hover .htmega_pointer_box { transform: translateY(-36%) translateX(-12%); } /* Right content */ .htmega-marker-style-2 .htmega_image_pointer.htmega-marker-content-position-right .htmega_pointer_box { transform: translate3d(106%, -36%, 0); } .htmega-marker-style-2 .htmega_image_pointer.htmega-marker-content-position-right:hover .htmega_pointer_box { transform: translateY(-36%) translateX(112%); } .htmega-marker-style-2 .htmega_image_pointer .htmega_pointer_box h4 { font-size: 20px; margin-bottom: 7px; } .htmega-marker-style-2 .htmega_image_pointer .htmega_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; } .htmega-marker-style-2 .htmega_image_pointer:hover .htmega_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .htmega-marker-style-2 .htmega_image_pointer { position: absolute; left: 50%; top: 26%; } /*Marker Style 03*/ .htmega-marker-style-3 { padding: 245px 0; } .htmega-marker-style-3 .htmega_image_pointer { width: 46px; height: 46px; border-radius: 100%; background-color: #000000; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 49px; z-index: 2; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #FFFFFF; box-shadow: 0px 0px 0px 3px #000000; } /* Bottom content */ .htmega-marker-style-3 .htmega_image_pointer.htmega-marker-content-position-bottom .htmega_pointer_box { transform: translate3d(50%, 18%, 0); } .htmega-marker-style-3 .htmega_image_pointer.htmega-marker-content-position-bottom:hover .htmega_pointer_box { transform: translateY(41%) translateX(50%); } /* Left content */ .htmega-marker-style-3 .htmega_image_pointer.htmega-marker-content-position-left .htmega_pointer_box { transform: translate3d(-5%, -36%, 0); } .htmega-marker-style-3 .htmega_image_pointer.htmega-marker-content-position-left:hover .htmega_pointer_box { transform: translateY(-36%) translateX(-16%); } /* Right content */ .htmega-marker-style-3 .htmega_image_pointer.htmega-marker-content-position-right .htmega_pointer_box { transform: translate3d(106%, -36%, 0); } .htmega-marker-style-3 .htmega_image_pointer.htmega-marker-content-position-right:hover .htmega_pointer_box { transform: translateY(-36%) translateX(112%); } .htmega-marker-style-3 .htmega_image_pointer .htmega_pointer_box { background: #000000; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } .htmega-marker-style-3 .htmega_image_pointer .htmega_pointer_box h4 { font-size: 20px; margin-bottom: 7px; color: #ffffff; } .htmega-marker-style-3 .htmega_image_pointer .htmega_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; color: #ffffff; } .htmega-marker-style-3 .htmega_image_pointer:hover .htmega_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .htmega-marker-style-3 .htmega_image_pointer { position: absolute; left: 50%; top: 26%; } /*Marker Style 04*/ .htmega-marker-style-4 { padding: 245px 0; } .htmega-marker-style-4 .htmega_image_pointer { width: 46px; height: 46px; border-radius: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 38px; border: 5px solid #d88d78; z-index: 2; } .htmega-marker-style-4 .htmega_image_pointer.htmega-marker-content-position-bottom .htmega_pointer_box { transform: translate3d(50%, 18%, 0); } .htmega-marker-style-4 .htmega_image_pointer.htmega-marker-content-position-bottom:hover .htmega_pointer_box { transform: translateY(34%) translateX(50%); } /* Left content */ .htmega-marker-style-4 .htmega_image_pointer.htmega-marker-content-position-left .htmega_pointer_box { transform: translate3d(-5%, -36%, 0); } .htmega-marker-style-4 .htmega_image_pointer.htmega-marker-content-position-left:hover .htmega_pointer_box { transform: translateY(-36%) translateX(-16%); } /* Right content */ .htmega-marker-style-4 .htmega_image_pointer.htmega-marker-content-position-right .htmega_pointer_box { transform: translate3d(106%, -36%, 0); } .htmega-marker-style-4 .htmega_image_pointer.htmega-marker-content-position-right:hover .htmega_pointer_box { transform: translateY(-36%) translateX(116%); } .htmega-marker-style-4 .htmega_image_pointer .htmega_pointer_box { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } .htmega-marker-style-4 .htmega_image_pointer .htmega_pointer_box h4 { font-size: 20px; margin-bottom: 7px; } .htmega-marker-style-4 .htmega_image_pointer .htmega_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; color: #18012c; } .htmega-marker-style-4 .htmega_image_pointer:hover .htmega_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .htmega_image_pointer .htmega-image-marker-icon { position: relative; color: #d88d78; font-size: 18px; width: 100%; height: 100%; transition: 0.4s ease-in-out; word-break: normal; } .htmega-indicator-type-image .htmega-image-marker-icon{ line-height: 0; } .htmega-image-marker-icon i { transition: all 0.3s ease-in-out; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; } .htmega-marker-style-4 .htmega_image_pointer { position: absolute; left: 83%; top: 37%; } .htmega-marker-animation-rotated.htmega_image_pointer:hover .htmega-image-marker-icon i, .htmega-image-marker-active-yes.htmega-marker-animation-rotated.htmega_image_pointer .htmega-image-marker-icon i { transform: translateX(-50%) translateY(-50%) rotate(47deg); } /*Marker Style 05*/ .htmega-marker-style-5 { padding: 245px 0; } .htmega-marker-style-5 .htmega_image_pointer { width: 46px; height: 46px; border-radius: 4px; background: #000; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 47px; z-index: 2; border:none; } .htmega-marker-style-5 .htmega_image_pointer.htmega-marker-content-position-bottom .htmega_pointer_box { transform: translate3d(50%, 18%, 0); } .htmega-marker-style-5 .htmega_image_pointer.htmega-marker-content-position-bottom:hover .htmega_pointer_box { transform: translateY(40%) translateX(50%); } /* Left content */ .htmega-marker-style-5 .htmega_image_pointer.htmega-marker-content-position-left .htmega_pointer_box { transform: translate3d(-5%, -36%, 0); } .htmega-marker-style-5 .htmega_image_pointer.htmega-marker-content-position-left:hover .htmega_pointer_box { transform: translateY(-36%) translateX(-16%); } /* Right content */ .htmega-marker-style-5 .htmega_image_pointer.htmega-marker-content-position-right .htmega_pointer_box { transform: translate3d(106%, -36%, 0); } .htmega-marker-style-5 .htmega_image_pointer.htmega-marker-content-position-right:hover .htmega_pointer_box { transform: translateY(-36%) translateX(116%); } .htmega-marker-style-5 .htmega_image_pointer .htmega_pointer_box { background: #000000; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } .htmega-marker-style-5 .htmega_image_pointer .htmega_pointer_box h4 { font-size: 20px; margin-bottom: 7px; color: #fff; } .htmega-marker-style-5 .htmega_image_pointer .htmega_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; color: #fff; } .htmega-marker-style-5 .htmega_image_pointer:hover .htmega_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .htmega-marker-style-5 .htmega_image_pointer { position: absolute; left: 83%; top: 37%; } /*Marker Style 05*/ .htmega-marker-style-6 { padding: 245px 0; } .htmega-marker-style-6 .htmega_image_pointer { width: 46px; height: 46px; border-radius: 4px; background: #ffffff; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 47px; z-index: 2; } .htmega-marker-style-6 .htmega_image_pointer.htmega-marker-content-position-bottom .htmega_pointer_box { transform: translate3d(50%, 18%, 0); } .htmega-marker-style-6 .htmega_image_pointer.htmega-marker-content-position-bottom:hover .htmega_pointer_box { transform: translateY(40%) translateX(50%); } /* Left content */ .htmega-marker-style-6 .htmega_image_pointer.htmega-marker-content-position-left .htmega_pointer_box { transform: translate3d(-5%, -36%, 0); } .htmega-marker-style-6 .htmega_image_pointer.htmega-marker-content-position-left:hover .htmega_pointer_box { transform: translateY(-36%) translateX(-16%); } /* Right content */ .htmega-marker-style-6 .htmega_image_pointer.htmega-marker-content-position-right .htmega_pointer_box { transform: translate3d(106%, -36%, 0); } .htmega-marker-style-6 .htmega_image_pointer.htmega-marker-content-position-right:hover .htmega_pointer_box { transform: translateY(-36%) translateX(116%); } .htmega-marker-style-6 .htmega_image_pointer .htmega_pointer_box { background: #ffffff; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } .htmega-marker-style-6 .htmega_image_pointer .htmega_pointer_box h4 { font-size: 20px; margin-bottom: 7px; color: #000; } .htmega-marker-style-6 .htmega_image_pointer .htmega_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; color: #000; } .htmega-marker-style-6 .htmega_image_pointer:hover .htmega_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .htmega-marker-style-6 .htmega_image_pointer { position: absolute; left: 83%; top: 37%; } /* support pluse shadow effect */ .htmega-marker-wrapper>img{ width: 100%; } .htmega-shadow-wrapper { position: absolute; left:auto; right:auto; width: 46px; height: 46px; } .htmega-shadow-wrapper::after,.htmega-shadow-wrapper::before{ position: absolute; top: 50%; left: 50%; display: block; content: ''; border: 1px solid #f10; border-radius: 50%; -webkit-transform: scale(0.35) translateY(-50%) translateX(-50%); -ms-transform: scale(0.35) translateY(-50%) translateX(-50%); transform: scale(0.35) translateY(-50%) translateX(-50%); opacity: 0; -webkit-animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; background-color: red; z-index: 0; } .htmega-shadow-wrapper::after { width: 100%; height: 100%; border-color: rgba(255, 255, 255, 0.4); -webkit-animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; } /* Marker Animation Css */ @-webkit-keyframes marker-ripple-animation { 0% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; } 100% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1.7); opacity: 0; } } @keyframes marker-ripple-animation { 0% { transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; } 100% { transform: translate3d(-50%, -50%, 0) scale(1.7); opacity: 0; } } /* Image marker active */ .htmega_image_pointer.htmega-image-marker-active-yes .htmega_pointer_box{ visibility:visible; opacity:1; } @media (max-width: 767px) { .htmega-marker-wrapper .htmega-image-marker-hide-on-mobile-yes{ display: none; } } .htmega_image_pointer::before,.htmega_image_pointer::after{ visibility: hidden; } .htmega-marker-content-position-arrow.htmega_image_pointer::before, .htmega-marker-content-position-arrow.htmega_image_pointer::after,.htmega-marker-content-position-line.htmega_image_pointer::after { visibility: visible; } /* Arrow border style */ .htmega_image_pointer::after { content: ""; height: 0px; left: 50%; transform: translateX(-50%); position: absolute; bottom: 100%; width: 2px; background:#000000; transition: all 0.3s ease-in-out; opacity: 0; } .htmega_image_pointer::before { border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid transparent; border-bottom: 12px solid transparent; content: ""; margin: -25px; height: 0; left: 50%; transform: translate(-50%); position: absolute; top: 0; z-index: 3; transition: all 0.3s ease-in-out; opacity: 0; } .htmega_image_pointer:hover::after, .htmega-image-marker-active-yes.htmega_image_pointer::after { height: 27px; opacity: 1; } .htmega_image_pointer:hover::before,.htmega-image-marker-active-yes.htmega_image_pointer::before{ opacity: 1; } .htmega-marker-content-position-left.htmega_image_pointer::before, .htmega-marker-content-position-right.htmega_image_pointer::before{ left: 0; top:50%; transform: translateY(-50%); } .htmega-marker-content-position-left.htmega_image_pointer::before { margin: 0 0 0 -25px; } .htmega-marker-content-position-left.htmega_image_pointer::after, .htmega-marker-content-position-right.htmega_image_pointer::after{ top: 50%; transform: translateY(-50%); right: 100%; left: auto; width: 0px; height: 2px; } .htmega-marker-content-position-left.htmega_image_pointer:hover::after, .htmega-marker-content-position-right.htmega_image_pointer:hover::after, .htmega-image-marker-active-yes.htmega-marker-content-position-left.htmega_image_pointer::after, .htmega-image-marker-active-yes.htmega-marker-content-position-right.htmega_image_pointer::after{ width: 27px; } /* Top Arrow */ .htmega-marker-content-position-top.htmega_image_pointer::before{ border-bottom-color: #000000; margin: -25px 0 0; } .htmega-marker-content-position-top.htmega_image_pointer:hover::before, .htmega-image-marker-active-yes.htmega-marker-content-position-top.htmega_image_pointer::before{ margin-top:-50px; } /* Bottom arrow */ .htmega-marker-content-position-bottom.htmega_image_pointer::after{ bottom:auto; top:100%; } .htmega-marker-content-position-bottom.htmega_image_pointer::before{ border-top-color: #000000; top: auto; bottom:0; margin: 0 0 -25px; } .htmega-marker-content-position-bottom.htmega_image_pointer:hover::before, .htmega-image-marker-active-yes.htmega-marker-content-position-bottom.htmega_image_pointer::before{ margin-bottom: -50px; } /* Left arrow */ .htmega-marker-content-position-left.htmega_image_pointer::before{ border-right-color: #000000; margin: 0 0 0 -25px; } .htmega-marker-content-position-left.htmega_image_pointer:hover::before, .htmega-image-marker-active-yes.htmega-marker-content-position-left.htmega_image_pointer::before{ margin-left: -50px; } /* Right arrow */ .htmega-marker-content-position-right.htmega_image_pointer::after{ left: 100%; right: auto; } .htmega-marker-content-position-right.htmega_image_pointer::before{ border-left-color: #000000; margin: 0 -25px 0; left:auto; right:0; } .htmega-marker-content-position-right.htmega_image_pointer:hover::before, .htmega-image-marker-active-yes.htmega-marker-content-position-right.htmega_image_pointer::before{ margin-right: -50px; } .htmega-marker-content-position-line.htmega_image_pointer::before{ visibility: hidden; } /* * Inline Menu */ .htmega-inlinemenu-area ul{ list-style: none; margin: 0; padding: 0; } .htmega-inlinemenu-area ul.htmega-mainmenu >li>ul{ display:none; } .htmega-mainmenu { display: flex; flex-flow: row wrap; justify-content: center; } /* Line Menu StartUp */ .linemenu-nav ul li { margin: 0 18px; position: relative; } .linemenu-nav ul li a { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 14px; text-transform: inherit; text-decoration: none; color: #636363; position: relative; padding-bottom: 10px; display: inline-block; } .htmega-inlinemenu-style-1 .linemenu-nav ul li a::before { background: #d94f5c none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; transform: scale3d(0, 5, 1); transform-origin: 0 50% 0; transition: transform 0.3s cubic-bezier(1, 0.68, 0.16, 0.9) 0s; width: 100%; } .htmega-inlinemenu-style-1 .linemenu-nav ul > li:hover > a::before { transform: scale3d(1, 1, 1); } .linemenu-nav ul > li:hover > a { color: #d94f5c; } /* Line Menu Style 02 */ .htmega-inlinemenu-style-2 .linemenu-nav ul li{ margin: 0; } .htmega-inlinemenu-style-2 .linemenu-nav ul li a{ padding: 15px; } .htmega-inlinemenu-style-2 .linemenu-nav ul li a::before, .htmega-inlinemenu-style-2 .linemenu-nav ul li a::after { border: 2px solid #ffffff; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: transform 0.2s ease 0s; width: 100%; } .htmega-inlinemenu-style-2 .linemenu-nav ul li a::before { border-width: 0 2px; transform: scale3d(1, 0, 1); transform-origin: 0 50% 0; } .htmega-inlinemenu-style-2 .linemenu-nav ul li a::after { border-width: 2px 0; transform: scale3d(0, 1, 1); transform-origin: 0 0 0; transition-delay: 0.2s; } .htmega-inlinemenu-style-2 .linemenu-nav ul li:hover a::before, .htmega-inlinemenu-style-2 .linemenu-nav ul li:hover a::after { transform: scale3d(1, 1, 1); } .linemenu-nav ul.htmega-mainmenu > li:hover > a{ transition: all 0.35s ease; } /* Line Menu Style 03 */ .htmega-inlinemenu-style-3 li { position: relative; } .htmega-inlinemenu-style-3 li a { position: relative; display: block; } .htmega-inlinemenu-style-3 li::before, .htmega-inlinemenu-style-3 li::after, .htmega-inlinemenu-style-3 li a::before, .htmega-inlinemenu-style-3 li a::after { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #d94f5c; content: ''; z-index: -1; opacity: 0; pointer-events: none; } .htmega-inlinemenu-style-3 li:hover::before, .htmega-inlinemenu-style-3 li:hover::after, .htmega-inlinemenu-style-3 li:hover a::before, .htmega-inlinemenu-style-3 li:hover a::after { -webkit-animation: lineanimation .6s ease-in-out; animation: lineanimation .6s ease-in-out; z-index: 1; opacity: 1; } .htmega-inlinemenu-style-3 li::before { border-width: 0 0 0 2px; -webkit-transform-origin: left bottom; transform-origin: left bottom; } .htmega-inlinemenu-style-3 li::after { border-width: 0 2px 0 0; -webkit-transform-origin: right top; transform-origin: right top; } .htmega-inlinemenu-style-3 li a::before { border-width: 2px 0 0; -webkit-transform-origin: left top; transform-origin: left top; } .htmega-inlinemenu-style-3 li a::after { border-width: 0 0 2px; -webkit-transform-origin: right bottom; transform-origin: right bottom; } .htmega-inlinemenu-style-3 li:hover::before { -webkit-animation-delay: -.45s; animation-delay: -.45s; } .htmega-inlinemenu-style-3 li:hover::after { -webkit-animation-delay: -.15s; animation-delay: -.15s; } .htmega-inlinemenu-style-3 li:hover a::before { -webkit-animation-delay: -.3s; animation-delay: -.3s; } .htmega-inlinemenu-style-3 li:hover a::after { -webkit-animation-delay: 0; animation-delay: 0; } .htmega-inlinemenu-style-3 li a span { position: relative; z-index: 3; } @-webkit-keyframes lineanimation { 0%, 33% { opacity: 0; -webkit-transform: rotate(45deg) scale(1.5); transform: rotate(45deg) scale(1.5); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes lineanimation { 0%, 33% { opacity: 0; -webkit-transform: rotate(45deg) scale(1.5); transform: rotate(45deg) scale(1.5); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /* Line Menu Style 04 */ .htmega-inlinemenu-style-4 li a{ position: relative; padding: 10px 0; } .htmega-inlinemenu-style-4 li a::before, .htmega-inlinemenu-style-4 li a::after { content: ''; position: absolute; left: 0; width: 100%; height: 2px; background: #ffffff; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; } .htmega-inlinemenu-style-4 li a::before { top: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .htmega-inlinemenu-style-4 li a::after { bottom: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .htmega-inlinemenu-style-4 li a:hover::before, .htmega-inlinemenu-style-4 li a:hover::after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } /* Line Menu Style 05 */ .htmega-inlinemenu-style-5 li a { position: relative; } .htmega-inlinemenu-style-5 ul li { margin: 0 10px; } .htmega-inlinemenu-style-5 ul li a{ position: relative; overflow: hidden; width: 130px; padding: 1em 0; display: block; padding: 1em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #636363; } .htmega-inlinemenu-style-5 ul li a:hover { color: #d94f5c; } .htmega-inlinemenu-style-5 ul li a::before { content: ''; position: absolute; bottom: 0; left: 0; width: 300%; height: 50px; opacity: 0; background: url(../images/icons/line.svg) no-repeat top left; -webkit-transform: translate3d(130px, 0, 0); transform: translate3d(130px, 0, 0); -webkit-transition: -webkit-transform 0s 0.3s, opacity 0.3s; transition: transform 0s 0.3s, opacity 0.3s; } .htmega-inlinemenu-style-5 ul li a:hover::before { opacity: 1; -webkit-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } /* Line Menu Style 06 */ .htmega-inlinemenu-style-6 ul li a { position: relative; overflow: hidden; height: 3em; padding: 1em 0; text-align: center; -webkit-transition: color 0.3s; transition: color 0.3s; } .htmega-inlinemenu-style-6 ul li a:hover { color: #d94f5c; } .htmega-inlinemenu-style-6 ul li:hover a { -webkit-animation: anim-francisco 0.4s forwards; animation: anim-francisco 0.4s forwards; color: #d94f5c; } @-webkit-keyframes anim-francisco { 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes anim-francisco { 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Line menu style 07 */ .htmega-inlinemenu-style-7 ul li{ margin: 0; } .htmega-inlinemenu-style-7 ul li a { padding: 10px 0; border-top: 2px solid #c90dbe; color: #c90dbe; position: relative; margin: 0 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); } .htmega-inlinemenu-style-7 ul li a::before { position: absolute; left: 0; overflow: hidden; padding: 10px 0; max-width: 0; border-bottom: 2px solid #c90dbe; color: #c90dbe; content: attr(data-hover); -webkit-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s; top: 50%; transform: translateY(-50%); } .htmega-inlinemenu-style-7 ul li a:hover::before, .htmega-inlinemenu-style-7 ul li a:focus::before { max-width: 100%; } /* Line Menu Eignt */ .htmega-inlinemenu-style-8 .linemenu-nav ul li a{ padding: 0 20px 10px 20px; } .htmega-inlinemenu-style-8 .linemenu-nav ul li a::before { position: absolute; bottom: 18px; left: -8px; content: " "; transition: all 0.35s ease; transform: rotate(0deg); height: 100%; width: 0; border-bottom: 2px solid rgba(49, 45, 255, 0.5); border-left: 0; border-top: 0; border-right: 0; opacity: 0; } .htmega-inlinemenu-style-8 .linemenu-nav ul > li:hover > a::before{ opacity: 1; width: 100%; transform: rotate(-20deg); } /* Line Menu Nine */ .htmega-inlinemenu-style-9 .linemenu-nav ul li a{ padding: 0px 25px 0px 25px; } .htmega-inlinemenu-style-9 .linemenu-nav ul li a::before { position: absolute; left: 12px; top: 3px; content: " "; height: 8px; width: 8px; opacity: 0; transition: all 0.35s ease; transform: translate(100%, 50%); border: 0; border-left: 2px solid #636363; border-top: 2px solid #636363; } .htmega-inlinemenu-style-9 .linemenu-nav ul li a::after { position: absolute; right: 12px; bottom: 0px; content: " "; border: 2px solid #fff; height: 8px; width: 8px; border-right: 0; border-bottom: 0; opacity: 0; transition: 0.3s ease; transform: translate(-100%, -50%); border: 0; border-right: 2px solid #636363; border-bottom: 2px solid #636363; } .htmega-inlinemenu-style-9 .linemenu-nav ul > li:hover > a::before { opacity: 1; transform: translate(0%, 0%); } .htmega-inlinemenu-style-9 .linemenu-nav ul > li:hover > a::after { opacity: 1; transform: translate(0%, 0%); } /* Line Menu Eleven */ .htmega-inlinemenu-style-10 .linemenu-nav ul li a::before { position: absolute; top: -15px; left:50%; content: " "; height: 20px; width: 3px; opacity: 0; transition: all 0.35s ease; transform: translate(50%); background: #FF6A3B; } .htmega-inlinemenu-style-10 .linemenu-nav ul li a::after { position: absolute; bottom: -15px; left: 50%; content: " "; height: 20px; width: 3px; opacity: 0; transition: all 0.35s ease; transform: translate(50%); background: #FF6A3B; } .htmega-inlinemenu-style-10 .linemenu-nav ul > li:hover > a::after{ opacity: 1; transform: translate(0%, 0%); } .htmega-inlinemenu-style-10 .linemenu-nav ul > li:hover > a::before{ opacity: 1; transform: translate(0%, 0%); } /* Inline Menu Active */ .htmega-inlinemenu-style-1 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::before{ opacity: 1; transform: none; transform-origin: unset; transition: none; } .htmega-inlinemenu-style-2 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::before{ opacity: 1; transform: none; transition: none; } .htmega-inlinemenu-style-2 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::after{ opacity: 1; transform: none; transition: none; } .htmega-inlinemenu-style-3 .linemenu-nav ul.htmega-mainmenu li a{ padding: 0 8px 0 8px; } .htmega-inlinemenu-style-4 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::before, .htmega-inlinemenu-style-4 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::after{ opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } .htmega-inlinemenu-style-5 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::before{ opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } .htmega-inlinemenu-style-8 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::before { opacity: 1; transform: rotate(-20deg); width: 100%; } .htmega-inlinemenu-style-9 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::before{ opacity: 1; transform: translate(0%, 0%); } .htmega-inlinemenu-style-9 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::after{ opacity: 1; transform: translate(0%, 0%); } .htmega-inlinemenu-style-10 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::before{ opacity: 1; } .htmega-inlinemenu-style-10 .linemenu-nav ul.htmega-mainmenu li.current-menu-item a::after{ opacity: 1; } /*=========================== 404 Styly StartUp =============================*/ .htmega-not-found { overflow: hidden; text-align: center; position: relative; } .htmega-not-found .content { position: relative; z-index: 2; } .htmega-not-found .content h1 { color: #c0d2ff; font-size: 48px; margin-top: 35px; margin-bottom: 43px; } .htmega-not-found .content a.page-back-btn { background: #c0d2ff; height: 62px; display: inline-block; padding: 0 40px; line-height: 62px; border-radius: 31px; color: #131e3a; font-size: 16px; font-weight: 500; transition: 0.4s ease-in-out; text-decoration: none; } .htmega-not-found .content a.page-back-btn:hover { background: #fff; border-radius: 20px 0; color: #18012c; transform: translateY(-5px); } .htmega-not-found .content a.page-back-btn i { padding-right: 12px; font-size: 18px; } .htmega-not-found .content a.page-back-btn svg { width: 20px; margin-top: 18px; float: left; margin-right: 8px; display: inline-block; } /* 404 Animation css*/ .cloud { width: 350px; height: 120px; background: #1e2a4a; background: linear-gradient(top, #1e2a4a 100%); background: -webkit-linear-gradient(top, #1e2a4a 100%); background: -moz-linear-gradient(top, #1e2a4a 100%); background: -ms-linear-gradient(top, #1e2a4a 100%); background: -o-linear-gradient(top, #1e2a4a 100%); border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; position: absolute; margin: 120px auto 20px; transition: ease 1s; } .cloud:after, .cloud:before { content: ''; position: absolute; background: #1e2a4a; z-index: -1; } .cloud:after { width: 100px; height: 100px; top: -50px; left: 50px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; } .cloud:before { width: 180px; height: 180px; top: -90px; right: 50px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; } .cloud-1 { top: -198px; left: 0; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); opacity: 0.9; -webkit-animation: htmegaclouds 15s linear infinite; -moz-animation: htmegaclouds 15s linear infinite; -o-animation: htmegaclouds 15s linear infinite; } .cloud-2 { top: -122px; left: 140px; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); -webkit-animation: htmegaclouds 17s linear infinite; -moz-animation: htmegaclouds 17s linear infinite; -o-animation: htmegaclouds 17s linear infinite; } .cloud-3 { left: 409px; top: -50px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.6; -webkit-animation: htmegaclouds 25s linear infinite; -moz-animation: htmegaclouds 25s linear infinite; -o-animation: htmegaclouds 25s linear infinite; } .cloud-4 { left: -46px; bottom: 135px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.8; -webkit-animation: htmegaclouds 25s linear infinite; -moz-animation: htmegaclouds 25s linear infinite; -o-animation: htmegaclouds 25s linear infinite; } .cloud-5 { left: 469px; bottom: -57px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.75; -webkit-animation: htmegaclouds 18s linear infinite; -moz-animation: htmegaclouds 18s linear infinite; -o-animation: htmegaclouds 18s linear infinite; } .cloud-6 { left: 100%; top: 263px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); opacity: 0.8; -webkit-animation: htmegaclouds 20s linear infinite; -moz-animation: htmegaclouds 20s linear infinite; -o-animation: htmegaclouds 20s linear infinite; } @-webkit-keyframes htmegaclouds { 0% { margin-left: 1000px; } 100% { margin-left: -1000px; } } @-moz-keyframes htmegaclouds { 0% { margin-left: 1000px; } 100% { margin-left: -1000px; } } @-o-keyframes htmegaclouds { 0% { margin-left: 1000px; } 100% { margin-left: -1000px; } } /* 404 Styly 02*/ .htmega-error-style-2 .content { text-align: left; padding-left: 65px; } .htmega-error-style-2 .content h2 { color: #ffffff; font-size: 48px; font-weight: 400; margin-bottom: 4px; } .htmega-error-style-2 .content h1 { color: #ffffff; font-size: 50px; font-weight: 400; line-height: 1.2; margin-bottom: 7px; margin-top: 0; } .htmega-error-style-2 .content h1 span { color: #ffffff; font-size: 116px; padding-right: 21px; } .htmega-error-style-2 .content p { color: #ffffff; font-size: 32px; line-height: 54px; margin-bottom: 32px; } .htmega-error-style-2 .content a.page-back-btn { background: #fff; color: #131e3a; height: 75px; display: inline-block; padding: 0 60px; font-size: 30px; line-height: 71px; border-radius: 31px; transition: 0.4 ease-in-out; } .htmega-error-style-2 .content a.page-back-btn:hover { background: #fff; border-radius: 20px 0; color: #18012c; transform: translateY(-5px); } /*404 Styly 03*/ .htmega-error-style-3 .content{ padding-bottom: 10px; } .htmega-error-style-3 .content h2 { color: #d5cff2; font-size: 52px; margin-bottom: 16px; } .htmega-error-style-3 .content p { color: #d5cff2; font-size: 30px; line-height: 44px; margin-bottom: 38px; font-family: "Montserrat", sans-serif; } .htmega-error-style-3 .content a.page-back-btn { background: #fd5c5e; display: inline-block; border-radius: 31px; color: #d5cff2; font-size: 36px; transition: 0.5s ease-in-out; padding: 0; } .htmega-error-style-3 .content a.page-back-btn i { font-size: inherit; padding-right: inherit; } .htmega-error-style-3 .content a.page-back-btn:hover { transform: scale(1.2); background: #18012c; color: #ffffff; } /*404 Styly 04*/ .not-found-4 { padding: 310px 0; } .not-found-4 .content { text-align: left; } .not-found-4 .content h2 { color: #fcfcfc; font-size: 36px; line-height: 64px; font-weight: 400; text-align: left; margin-bottom: 30px; } .not-found-4 .content a.page-back-btn { background: #da4c00; color: #fff; height: 54px; display: inline-block; padding: 0 40px; line-height: 54px; font-size: 16px; font-weight: 600; border-radius: 27px; transition: 0.5s ease-in-out; margin-right: 26px; font-family: "Montserrat", sans-serif; } .not-found-4 .content a.page-back-btn:hover { background: #da4c00 none repeat scroll 0 0; border-radius: 27px; color: #fff; opacity: 0.7; transform: translateY(0px); } .not-found-4 .content a.page-back-btn.error_contact { background: #ff8a00; } /* * Counterup Css */ .htmega-counter-content { line-height: 1; } .htmega-counter-icon span{ display: inline-block; } .htmega-counter-icon svg { width: 20px; } .htmega-counter-area .htmega-counter-img { display: inline-flex; align-items: center; justify-content: center; } /*Counterup Style 1*/ .htmega-counter-style-1 { text-align: center; } .htmega-counter-style-1 .htmega-counter-icon i { font-size: 36px; color: #ed552d; } .htmega-counter-style-1 .htmega-counter-content span { color: #696969; font-size: 36px; font-weight: 700; margin-top: 20px; display: inline-block; font-family: "Montserrat", sans-serif; } .htmega-counter-style-1 .htmega-counter-content h2 { color: #898989; font-weight: 400; font-size: 17px; margin: 0; position: relative; margin-top: 9px; display: block; padding-bottom: 15px; } .htmega-counter-style-1 .htmega-counter-content h2::before { background: #d5d5d5; width: 48px; height: 1px; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } /*Counterup Style 2*/ .htmega-counter-style-2 { display: flex; align-items: center; justify-content: center; } .htmega-counter-style-2 .htmega-counter-content { text-align: center; } .htmega-countericon-align-left { flex-direction: row; } .htmega-countericon-align-right { flex-direction: row-reverse; } .htmega-counter-style-2 .htmega-counter-icon { padding-right: 20px; } .htmega-counter-style-2 .htmega-counter-icon i { font-size: 48px; color: #383838; } .htmega-counter-style-2 .htmega-counter-content span { color: #383838; font-size: 24px; font-weight: 600; margin-top: 13px; display: inline-block; font-family: "Montserrat", sans-serif; position: relative; } .htmega-counter-style-2 .htmega-counter-content h2 { color: #383838; font-weight: 400; font-size: 20px; margin: 0; position: relative; display: block; } /*Counterup Style 3*/ .htmega-counter-area{ position: relative; } .htmega-counter-area::before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; opacity: 0.8; } .htmega-counter-content { position: relative; z-index: 1; } .htmega-counter-style-3 .htmega-counter-img { display: inline-block; position: relative; } .htmega-counter-style-3 .htmega-counter-img::before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: #52b6bc; opacity: 0.8; border-radius: 100%; } .htmega-counter-style-3 .htmega-counter-content { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; } .htmega-counter-style-3 { text-align: center; } .htmega-counter-style-3 .htmega-counter-content span { color: #ffffff; font-size: 40px; font-weight: 600; margin-top: 13px; font-family: 'Courgette', cursive; } .htmega-counter-style-3 .htmega-counter-content h2 { color: #ffffff; font-weight: 400; font-size: 20px; margin: 0; margin-top: 4px; font-family: 'Courgette', cursive; } /*Counterup Style 4*/ .htmega-counter-style-4 { display: flex; align-items: center; justify-content: center; } .htmega-counter-style-4 .htmega-counter-img { padding-right: 25px; } .htmega-counter-style-4 .htmega-counter-content { text-align: center; } .htmega-counter-style-4 .htmega-counter-content span { color: #585858; font-size: 24px; font-weight: 600; margin-top: 13px; display: inline-block; font-family: "Montserrat", sans-serif; position: relative; } .htmega-counter-style-4 .htmega-counter-content h2 { color: #585858; font-weight: 600; font-size: 24px; margin: 0; position: relative; display: block; padding-bottom: 14px; } .htmega-counter-style-4 .htmega-counter-content h2::before { position: absolute; content: ""; bottom: 0; background: #ed552d; width: 70px; height: 2px; left: 50%; transform: translateX(-50%); } /*Counterup Style 5*/ .htmega-counter-style-5 { text-align: center; } .htmega-counter-style-5 .htmega-counter-icon i { font-size: 36px; color: #ed552d; } .htmega-counter-style-5 .htmega-counter-content span { color: #18012c; font-size: 36px; font-weight: 700; margin-top: 20px; display: inline-block; font-family: 'Lobster Two', cursive; } .htmega-counter-style-5 .htmega-counter-content span.color-1 { color: #b1c642; } .htmega-counter-style-5 .htmega-counter-content span.color-2 { color: #ff5020; } .htmega-counter-style-5 .htmega-counter-content span.color-3 { color: #ffc10d; } .htmega-counter-style-5 .htmega-counter-content span.color-4 { color: #68b9d8; } .htmega-counter-style-5 .htmega-counter-content h2 { color: #444444; font-weight: 400; font-size: 24px; margin: 0; margin-top: 9px; display: block; padding-bottom: 15px; font-family: 'Lobster Two', cursive; } /*Counterup Style 6*/ .htmega-counter-style-6 { text-align: center; } .htmega-counter-style-6 .htmega-counter-icon { display: flex; justify-content: center; align-items: center; } .htmega-counter-style-6 .htmega-counter-icon span { color: #363636; font-size: 36px; font-weight: 600; display: inline-block; font-family: "Montserrat", sans-serif; padding-left: 15px; } .htmega-counter-style-6 .htmega-counter-content h2 { color: #363636; font-weight: 600; font-size: 16px; margin: 0; display: block; font-family: "Montserrat", sans-serif; margin-top: 13px; text-transform: uppercase; } .htmega-counter-style-6 .htmega-counter-content::after { content: ""; position: absolute; top: -10px; width: 35px; border: 1px dashed transparent; left: 40%; } /* * Blog Post Css */ .row-1 > [class*="col"] { padding-left: 1px; padding-right: 1px; } .grid_post .elementor-widget { margin-bottom: 0 !important; } .row--10 > [class*="col"] { padding-left: 10px; padding-right: 10px; } .mt--30,.ht-post.mt--30 { margin-top: 30px; } .mt--20,.ht-post.mt--20 { margin-top: 20px; } /*Blog Post Css*/ .gradient-overlay .thumb a { display: block; position: relative; } .gradient-overlay .thumb a::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: 2; opacity: 0.3; right: 0; } .gradient-overlay.gradient-overlay-1 .thumb a::before { background-image: linear-gradient(#f10afd, #1cc3e2); background-image: -webkit-gradient(#f10afd, #1cc3e2); background-image: -webkit-linear-gradient(#f10afd, #1cc3e2); background-image: -moz-linear-gradient(#f10afd, #1cc3e2); background-image: -ms-linear-gradient(#f10afd, #1cc3e2); background-image: -o-linear-gradient(#f10afd, #1cc3e2); opacity: 0.8; } .gradient-overlay.gradient-overlay-2 .thumb a::before { background-image: linear-gradient(#f29a4a, #f2c84c); background-image: -webkit-gradient(#f29a4a, #f2c84c); background-image: -webkit-linear-gradient(#f29a4a, #f2c84c); background-image: -moz-linear-gradient(#f29a4a, #f2c84c); background-image: -ms-linear-gradient(#f29a4a, #f2c84c); background-image: -o-linear-gradient(#f29a4a, #f2c84c); opacity: 0.8; } .gradient-overlay.gradient-overlay-3 .thumb a::before { background-image: linear-gradient(#f7384e, #0fbcb9); background-image: -webkit-gradient(#f7384e, #0fbcb9); background-image: -webkit-linear-gradient(#f7384e, #0fbcb9); background-image: -moz-linear-gradient(#f7384e, #0fbcb9); background-image: -ms-linear-gradient(#f7384e, #0fbcb9); background-image: -o-linear-gradient(#f7384e, #0fbcb9); opacity: 0.8; } .gradient-overlay.gradient-overlay-4 .thumb a::before { background-image: linear-gradient(#bd3664, #222671); background-image: -webkit-gradient(#bd3664, #222671); background-image: -webkit-linear-gradient(#bd3664, #222671); background-image: -moz-linear-gradient(#bd3664, #222671); background-image: -ms-linear-gradient(#bd3664, #222671); background-image: -o-linear-gradient(#bd3664, #222671); opacity: 0.8; } .gradient-overlay.gradient-overlay-5 .thumb a::before { background-image: linear-gradient(#eb3449, #f45a43); background-image: -webkit-gradient(#eb3449, #f45a43); background-image: -webkit-linear-gradient(#eb3449, #f45a43); background-image: -moz-linear-gradient(#eb3449, #f45a43); background-image: -ms-linear-gradient(#eb3449, #f45a43); background-image: -o-linear-gradient(#eb3449, #f45a43); opacity: 0.8; } .gradient-overlay.gradient-overlay-6 .thumb a::before { background-image: linear-gradient(#c03764, #202671); background-image: -webkit-gradient(#c03764, #202671); background-image: -webkit-linear-gradient(#c03764, #202671); background-image: -moz-linear-gradient(#c03764, #202671); background-image: -ms-linear-gradient(#c03764, #202671); background-image: -o-linear-gradient(#c03764, #202671); opacity: 0.8; } .gradient-overlay.gradient-overlay-7 .thumb a::before { background-image: linear-gradient(#eb3449, #f45b43); background-image: -webkit-gradient(#eb3449, #f45b43); background-image: -webkit-linear-gradient(#eb3449, #f45b43); background-image: -moz-linear-gradient(#eb3449, #f45b43); background-image: -ms-linear-gradient(#eb3449, #f45b43); background-image: -o-linear-gradient(#eb3449, #f45b43); opacity: 0.8; } .black-overlay .thumb a { display: block; position: relative; } .black-overlay .thumb a::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: 2; opacity: 0.2; right: 0; background: #000000; } /*Blog Post Content*/ .ht-post { position: relative; margin-top: 2px; overflow: hidden; } .ht-post .thumb{ overflow: hidden; } .ht-post .thumb a img { width: 100%; display: block; transition: 0.3s ease-out; overflow: hidden; object-fit: cover; height: 100%; } .ht-post:hover .thumb a img { opacity: 1; transform: scale3d(1.1, 1.1, 1); } .ht-post a.post-category { background: #f05555 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 12px; font-weight: 600; height: auto; letter-spacing: 1px; line-height: 24px; padding: 0 8px; position: absolute; text-transform: uppercase; z-index: 2; } .ht-post a.post-position-top-left { left: 0; top: 0; } .ht-post a.post-position-top-right { right: 0; top: 0; } .ht-post .post-content { position: absolute; bottom: 0; z-index: 2; padding: 20px 10px 20px 20px; width: 100%; } .ht-post .post-content .content h4, .content .htmega-post-g-title { font-size: 20px; line-height: 26px; margin-bottom: 11px; } .ht-post .post-content .content h2,.htmega-post-grid-layout-5 .htb-col-lg-8 .ht-post .post-content .content .htmega-post-g-title, .htmega-post-grid-layout-2 .htb-col-lg-6 .ht-post .post-content .content .htmega-post-g-title { font-size: 36px; margin-bottom: 11px; } .ht-post .post-content .content a { color: #ffffff; } a.htmega-post-g-read-more{ display: inline-block; } p.htmega-post-g-description{ color: #fff; } .show-content-under-thumbnail-yes .ht-post .post-content{ position: relative; } .ht-post .post-content .content .meta { color: #fff; font-size: 14px; letter-spacing: 2px; } .ht-post a.play-video { position: absolute; z-index: 3; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 50px; height: 50px; background: transparent; border: 1px solid #fff; border-radius: 100%; padding: 0; text-align: center; color: #fff; font-size: 24px; transition: 0.4s ease-in-out; } .ht-post a.play-video:hover { background: #18012c; color: #fff; border: 1px solid #18012c; } .ht-post a.play-video i { margin-left: 4px; } /* * Single Post Style */ .htmega-single-post .post-category a { background: #f05555 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 12px; font-weight: 300; line-height: 24px; padding: 0 9px; text-transform: uppercase; transition: all 0.4s ease 0s; } .htmega-single-post .post-category a:hover { background: #18012c; color: #ffffff; } .htmega-single-post ul.meta { display: flex; list-style: outside none none; margin: 0 -15px; padding: 0; } .htmega-single-post ul.meta li { font-size: 13px; letter-spacing: 2px; margin: 0 15px; } .htmega-single-post ul.meta li i { font-size: 14px; margin-right: 10px; } .htmega-single-post { position: relative; } .htmega-single-post .thumb { overflow: hidden; line-height: 0; } .htmega-single-post .thumb a{ display: block; position: relative; } .htmega-single-post a{ text-decoration: none; } .htmega-single-post .thumb a img { transition: 0.4s ease-in-out; } .htmega-single-post:hover .thumb a img { transform: scale(1.2); } /* Single Post Style 01 */ .htmega-single-post-style-1 .content { position: absolute; bottom: 0; padding: 40px; width: 100%; } .htmega-single-post-style-1 .content h2 { font-size: 24px; font-weight: 600; margin-top: 15px; margin-bottom: 10px; line-height: 36px; } .htmega-single-post-style-1 .content h2 a,.htmega-single-post-style-1 .content ul.meta li,.htmega-single-post-style-1 .content ul.meta li a { color: #ffffff; } /* Single Post 02 */ .htmega-single-post-style-2 .content { padding-top: 30px; } .htmega-single-post-style-2 .content h2 { font-size: 24px; font-weight: 600; margin-top: 15px; margin-bottom: 10px; line-height: 36px; } .htmega-single-post-style-2 .content h2 a,.htmega-single-post-style-2 .content ul.meta li,.htmega-single-post-style-2 .content ul.meta li a { color: #464545; } /*Single Post 03*/ .htmega-single-post-style-3 .content { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; } .htmega-single-post-style-3 .content h2 { font-size: 24px; font-weight: 600; margin-top: 18px; margin-bottom: 22px; line-height: 34px; } .htmega-single-post-style-3 .content h2 a { color: #ffffff; } .htmega-single-post-style-3 .content ul.meta { justify-content: center; } .htmega-single-post-style-3 .content ul.meta li,.htmega-single-post-style-3 .content ul.meta li a { color: #ffffff; } /*Single Post 04*/ .htmega-single-post-style-4 .content { background: #ffffff; text-align: center; padding: 40px 20px; } .htmega-single-post-style-4 .content h2 { font-size: 24px; font-weight: 600; margin-bottom: 16px; line-height: 36px; margin-top: 0px; } .htmega-single-post-style-4 .content h2 a { color: #464545; transition: 0.4s ease-in; } .htmega-single-post-style-4 .content h2 a:hover { color: #18012c; } .htmega-single-post-style-4 .content ul.meta { justify-content: center; } .htmega-single-post-style-4 .content ul.meta li,.htmega-single-post-style-4 .content ul.meta li a { color: #464545; } /* * Post Slider Css */ .htmega-single-post-slide { position: relative; } .htmega-single-post-slide img{ width: 100%; } .htmega-single-post-slide a{ text-decoration: none; } .htmega-single-post-slide .content ul.post-category { display: block; list-style: outside none none; margin: 0; padding: 0; } .htmega-single-post-slide .content ul.post-category li { background: #f05555 none repeat scroll 0 0; margin-right: 10px; transition: all 0.4s ease-in-out 0s; line-height: inherit; margin-left: 0; display: inline-block; } .htmega-single-post-slide .content ul.post-category li a { color: #fff; font-size: 13px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; padding: 5px 9px; display: block; text-decoration: none; line-height: 1; } .htmega-single-post-slide .content ul.post-category li a:hover{ background: #18012c none repeat scroll 0 0; color: #ffffff; } .htmega-single-post-slide ul.meta { color: #464545; display: block; list-style: outside none none; margin: 0; padding: 0; } .htmega-single-post-slide ul.meta li { font-size: 13px; letter-spacing: 2px; margin-right:15px; display: inline-block; margin-left: 0; } .htmega-single-post-slide ul.meta li i { padding-right: 10px; } .htmega-single-post-slide .content .post-inner h2{ margin-top: 20px; margin-bottom: 10px; } .htmega-single-post-slide .content .post-inner p{ margin: 22px 0 25px; color: #18012c; font-size: 14px; line-height: 28px; } .htmega-single-post-slide .content .post-inner h2 a,.htmega-single-post-slide .content .post-inner ul.meta li a { color: #18012c; } .htmega-single-post-slide .post-btn a.readmore-btn { background: transparent none repeat scroll 0 0; border: 1px solid #464545; border-radius: 23px; color: #464545; display: inline-block; font-size: 14px; font-weight: 400; line-height: 44px; padding: 0 37px; transition: all 0.4s ease-in-out 0s; text-decoration: none; } .htmega-single-post-slide .post-btn a.readmore-btn:hover { background: #18012c none repeat scroll 0 0; border: 1px solid #18012c; color: #ffffff; } .htmega-postslider-area img{ width: 100%; } .htmega-postslider-area button.slick-arrow { background: #ccd5d5 none repeat scroll 0 0; border: 0 none; bottom: 10px; color: #00282a; font-size: 24px; height: 40px; left: auto; line-height: 1; padding: 0; position: absolute; right: 10px; width: 46px; z-index: 2; transition: all 0.3s ease-in-out; } .htmega-postslider-area button.htmega-carosul-prev.slick-arrow { right: 60px; } .htmega-arrow-2.htmega-postslider-area button.slick-arrow{ background: #d7dae9 none repeat scroll 0 0; border: 1px solid #d7dae9; border-radius: 100%; color: #2a47e0; font-size: 24px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.4s ease 0s; z-index: 2; } .htmega-arrow-2.htmega-postslider-area button.htmega-carosul-next.slick-arrow { left: auto !important; right: 0; } .htmega-postslider-area .slick-dots li button::before{ display: none; } .htmega-postslider-area .slick-dots li { background: #ccd5d5 none repeat scroll 0 0; border-radius: 100%; height: 15px; width: 15px; } .htmega-postslider-area .slick-dots li.slick-active { background: #00282a none repeat scroll 0 0; } /* slider style 01 */ .htmega-postslider-layout-1 .content { position: absolute; left: 0; top: 0; max-width: 40%; height: 100%; padding: 10px; z-index: 2; } .htmega-postslider-layout-1 .content .post-inner { width: 100%; height: 100%; background: rgba(0, 140, 167, 0.8); display: flex; flex-direction: column; justify-content: center; padding: 30px; } .htmega-postslider-layout-1 .content .post-inner h2 { font-size: 24px; font-weight: 500; } .htmega-postslider-layout-1 .content .post-inner h2 a,.htmega-postslider-layout-1 .content .post-inner ul.meta li a { color: #ffffff; } .htmega-postslider-layout-1 .content .post-inner p { color: #ffffff; font-size: 14px; line-height: 28px; } .htmega-postslider-layout-1 ul.meta{ color: #ffffff; } .htmega-postslider-layout-1 .post-btn a.readmore-btn { border: 1px solid #ffffff; color: #ffffff; } /* News css */ .htmega-single-post-slide .thumb a { display: block; height: 100%; } .htmega-single-post-slide .thumb a img { object-fit: cover; width: 100%; height: 100%; } /* Slider Style 02 */ .htmega-postslider-layout-2 .content .post-inner h2 { font-size: 24px; font-weight: 500; margin-top: 20px; margin-bottom: 18px; } .htmega-postslider-layout-2 .content .post-inner h2 a { color: #464545; } .htmega-postslider-layout-2 .content .post-inner ul.meta li,.htmega-postslider-layout-2 .content .post-inner ul.meta li a { color: #464545; } .htmega-postslider-layout-2 .content .post-inner p { color: #464545; } .htmega-postslider-layout-2 .content .post-inner .post-btn { margin-top: 19px; } .htmega-post-slider-right .content { display: flex; align-items: center; height: 100%; position: relative; z-index: 2; } /* Slider Style 03 */ .htmega-postslider-layout-3 .content { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; z-index: 2; } .htmega-postslider-layout-3 .content .post-inner h2 { font-size: 24px; font-weight: 500; margin-top: 20px; margin-bottom: 18px; padding: 0 26%; line-height: 34px; } .htmega-postslider-layout-3 .content .post-inner h2 a { color: #ffffff; } .htmega-postslider-layout-3 .content .post-inner ul.meta { justify-content: center; } .htmega-postslider-layout-3 .content .post-inner ul.meta li,.htmega-postslider-layout-3 .content .post-inner ul.meta li a { color: #ffffff; } .htmega-postslider-layout-3 .content .post-inner .post-btn { margin-top: 19px; } .htmega-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn { border: 1px solid #ffffff; color: #ffffff; } .htmega-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn:hover { background: #18012c; color: #ffffff; border: 1px solid #18012c; } .htmega-postslider-layout-3 .content ul.post-category { justify-content: center; } /* Slider Style 04 */ .htmega-postslider-layout-4 .content { position: absolute; text-align: center; bottom: 0; padding: 20px; } .htmega-postslider-layout-4 .content .post-inner { background: rgba(0, 86, 255, 0.7); padding: 25px; text-align: left; } .htmega-postslider-layout-4 .content .post-inner h2 { font-size: 24px; font-weight: 500; margin-bottom: 13px; line-height: 34px; } .htmega-postslider-layout-4 .content .post-inner h2 a { color: #ffffff; } .htmega-postslider-layout-4 .content .post-inner ul.meta li { color: #ffffff; } .htmega-postslider-layout-4 .content .post-inner ul.meta li a { color: #ffffff; } .htmega-postslider-layout-4 .content ul.post-category { justify-content: center; } /* Slider Style 05 */ .htmega-postslider-layout-5 .content { background: #f4f4f4; padding: 60px; } .htmega-postslider-layout-5 .content .post-inner h2 { font-size: 24px; font-weight: 500; margin-top: 20px; margin-bottom: 18px; line-height: 34px; } .htmega-postslider-layout-5 .content .post-inner h2 a { color: #464545; } .htmega-postslider-layout-5 .content .post-inner ul.meta li,.htmega-postslider-layout-5 .content .post-inner ul.meta li a { color: #464545; } .htmega-postslider-layout-5 .content .post-inner .post-btn { margin-top: 19px; } .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn { border: 1px solid #494849; color: #494849; } .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn:hover { background: #18012c; color: #ffffff; border: 1px solid #18012c; } .htmega-arrow-2.htmega-postslider-area.htmega-postslider-style-5 button.slick-arrow{ top: 30%; } .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots { bottom: 0; display: flex; flex-direction: column; justify-content: space-between; position: absolute; right: 0; top: 0; width: 200px; z-index: 2; } .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li { align-items: center; background: transparent none repeat scroll 0 0; border-bottom: 5px solid #828282; border-left: 5px solid #828282; border-radius: 0; border-right: 5px solid #828282; cursor: pointer; display: flex; flex-basis: 100%; height: auto; margin: 0; overflow: hidden; padding: 20px; position: relative; text-align: left; transition: all 0.5s ease-in-out 0s; width: auto; z-index: 2; } .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li:first-child { border-top: 5px solid #828282; } .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li.slick-active { background: transparent none repeat scroll 0 0; border: 5px solid #ffffff; } .htmega-postslider-style-4.htmega-postslider-area.thumb-st-layout-4 ul.slick-dots li:last-child{ border-bottom: 0!important; } .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li h6 { bottom: 0; color: #ffffff; font-weight: 500; line-height: 22px; margin: 0; /* padding-bottom: 20px; */ /* position: absolute; */ } .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li img { height: 100%; object-fit: cover; width: 100%; } .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li:after { content: ""; background: rgba(0, 0, 0, 0); left: 0; height: 0; position: absolute; width: 100%; height: 100%; z-index: 2; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 132px; color: #fff; transition: all 0.3s ease-in-out; } .htmega-postslider-style-4.thumb-st-layout-4.htmega-postslider-area ul.slick-dots li:after { opacity: 0; } .htmega-postslider-style-4.thumb-st-layout-4.htmega-postslider-area ul.slick-dots li.slick-active:after,.htmega-postslider-style-4.thumb-st-layout-4.htmega-postslider-area ul.slick-dots li:hover:after { opacity: 1; } /* Slider Style 06 */ .htmega-post-slider-st-6{ display: flex; flex-direction: row-reverse; } .htmega-post-slider-st-6 .htmega-post-slider-right { width: 45%; } .htmega-post-slider-st-6 .htmega-post-slider-left { width: 55%; } .htmega-post-slider-st-6 .htmega-post-slider-right{ border: 25px solid #ddd; } .htmega-post-slider-st-6 .htmega-post-slider-right .content{ background-color: transparent; background-image: linear-gradient(60deg, #3237C2 0%, #f2295b 100%); padding: 30px; } .htmega-post-slider-left .thumb{ height: 100%; } /* Slider Style 07 */ .htmega-post-slider-st-7 { flex-direction: row; } .htmega-post-slider-st-7 .htmega-post-slider-right { width: 55%; } .htmega-post-slider-st-7 .htmega-post-slider-left { width: 45%; } .htmega-post-slider-st-7 .htmega-post-slider-right{ border: none; } .htmega-post-slider-st-7 .htmega-post-slider-right .content { background-color:none; background-image: none; } .htmega-post-slider-st-7{ background-color: rgba(255, 255, 255, 0.2); border-radius: 15px; overflow: hidden; } .htmega-single-post-slide .thumb a,.ht-post .thumb a{ position: relative; display: block; } .htmega-single-post-slide .thumb a:after,.ht-post .thumb a:after, .htmega-single-post-slide.htmega-postslider-layout-3 .thumb a:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0); top: 0; left: 0; width: 100%; z-index: 0; height: 100%; transition: all 0.3s ease-in-out; } .htmega-single-post-slide.htmega-postslider-layout-3 .thumb a:before{ opacity: 0; transition: all 0.3s ease-in-out; } .htmega-single-post-slide.htmega-postslider-layout-3:hover .thumb a:before{ opacity: 1; } .htmega-postslider-area .slick-slide>div{ line-height: 0; } /* mobile Device :768px. */ @media (max-width: 767px) { .htmega-post-slider-st-6{ flex-direction: column-reverse; } .htmega-post-slider-st-6 .htmega-post-slider-right { width: 100%; } .htmega-post-slider-st-6 .htmega-post-slider-left { width: 100%; } } /* * Image Grid Layout */ .htmega-image-gridstyle-4 .htb-row > [class*="col"] { padding-left: 10px; padding-right: 10px; } .htmega-masonry-activation.htmega-image-gridstyle-5 .htb-row > [class*="col"] { padding-left: 25px; padding-right: 25px; } .htmega-masonry-activation .htmega-singleimage-grid{ overflow: hidden; } .htmega-singleimage-grid .thumb img { width: 100%; } .htmega-singleimage-grid .thumb { line-height: 0; } .htmega-singleimage-grid h2{ margin: 0; } .htmega-singleimage-gridstyle-1 { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; margin-top: 30px; overflow: hidden; } .htmega-singleimage-gridstyle-1 .thumb { overflow: hidden; } .htmega-singleimage-gridstyle-1 .thumb a { position: relative; display: block; z-index: 2; } .htmega-singleimage-gridstyle-1 .thumb a::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; content: ""; z-index: 1; } .htmega-singleimage-gridstyle-1 .thumb a img { display: block; position: relative; -webkit-transition: all .4s linear; transition: all .4s linear; } .htmega-singleimage-gridstyle-1:hover .thumb a::before { opacity: 1; } .htmega-singleimage-gridstyle-1:hover .thumb a img { -webkit-transform: scale(1.2); transform: scale(1.2); } .htmega-singleimage-gridstyle-1 .image-grid-content h2 { text-transform: uppercase; color: #fff; text-align: center; position: absolute; font-size: 17px; background: rgba(0, 0, 0, 0.6); -webkit-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 10px; width: 100%; top: 0; z-index: 3; } .htmega-singleimage-gridstyle-1 .image-grid-content a.read-btn { text-decoration: none; display: inline-block; text-transform: uppercase; color: #fff; border: 1px solid #fff; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin: 50px 0 0; padding: 7px 14px; position: absolute; top: 50%; margin: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(-70%); transform: translateX(-50%) translateY(-70%); } .htmega-singleimage-gridstyle-1 .image-grid-content a.read-btn:hover { -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; } .htmega-singleimage-gridstyle-1:hover .image-grid-content { opacity: 1; filter: alpha(opacity=100); } .htmega-singleimage-gridstyle-1:hover .image-grid-content h2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0); } .htmega-singleimage-gridstyle-1:hover .image-grid-content a.read-btn { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition-delay: .2s; transition-delay: .2s; z-index: 4; } /*Image Grid style 2*/ .custom-col-5 { padding-left: 0px; padding-right: 0px; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; max-width: 20%; } .htmega-singleimage-gridstyle-2 { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .htmega-singleimage-gridstyle-2 .thumb { overflow: hidden; } .htmega-singleimage-gridstyle-2 .thumb a { position: relative; display: block; z-index: 2; } .htmega-singleimage-gridstyle-2 .thumb a::before { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate(460px, -100px) rotate(180deg); transform: translate(460px, -100px) rotate(180deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; z-index: 1; } .htmega-singleimage-gridstyle-2 .thumb a img { display: block; position: relative; -webkit-transition: all .4s linear; transition: all .4s linear; width: 100%; } .htmega-singleimage-gridstyle-2:hover .thumb a::before { opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } .htmega-singleimage-gridstyle-2:hover .thumb a img { -webkit-transform: scale(1.2); transform: scale(1.2); } .htmega-singleimage-gridstyle-2 .image-grid-content h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; width: 100%; opacity: 0; transition: 0.4s ease-in-out; } .htmega-singleimage-gridstyle-2 .image-grid-content a.read-btn { display: inline-block; text-decoration: none; padding: 7px 14px; text-transform: uppercase; color: #fff; border: 1px solid #fff; background-color: transparent; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 4; left: 50%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-80%); transform: translateX(-50%) translateY(-80%); opacity: 0; } .htmega-singleimage-gridstyle-2 .image-grid-content a.read-btn:hover { -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff; } .htmega-singleimage-gridstyle-2:hover .image-grid-content { opacity: 1; filter: alpha(opacity=100); } .htmega-singleimage-gridstyle-2:hover .image-grid-content h2 { position: absolute; top: 20px; z-index: 3; opacity: 1; } .htmega-singleimage-gridstyle-2:hover .image-grid-content a.read-btn { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 1; } /* Image Grid style 3 */ .htmega-image-gridstyle-3 .htb-row > [class*="col"] { padding-left: 0; padding-right: 0; } .htmega-singleimage-gridstyle-3 .thumb { overflow: hidden; } .htmega-singleimage-gridstyle-3 .thumb a img { transition: 0.4s ease-in-out; } .htmega-singleimage-gridstyle-3:hover .thumb a img { transform: scale(1.1) rotate(3deg); } .htmega-singleimage-grid .thumb > a{ display: block; } /*Image Grid style 4*/ .htmega-singleimage-gridstyle-4 { margin-top: 20px; position: relative; } .masonary-item .htmega-singleimage-gridstyle-4 .thumb { overflow: hidden; } .htmega-singleimage-gridstyle-4 .thumb a img { width: 100%; } .htmega-singleimage-gridstyle-4 .image-grid-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: 0.3s ease-out; transition-property: opacity, transform, filter; background: rgba(255, 255, 255, 0.8); opacity: 0; } .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action { position: absolute; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); padding: 0 80px; } .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action h2 a { color: #18012c; } .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action p { font-size: 16px; font-family: "Montserrat", sans-serif; font-weight: 500; margin: 0; line-height: 28px; } .htmega-singleimage-gridstyle-4:hover .image-grid-content { opacity: 1; transform: translateX(0) translateY(0); } /* Image Grid style 5 */ .htmega-singleimage-gridstyle-5 { margin-top: 50px; position: relative; } .htmega-singleimage-gridstyle-5 .thumb a img { width: 100%; } .htmega-singleimage-gridstyle-5 .image-grid-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: 0.3s ease-out; transition-property: opacity, transform, filter; background: rgba(0, 0, 0, 0.8); opacity: 0; } .htmega-singleimage-gridstyle-5 .image-grid-content .hover-action { position: absolute; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); padding: 0 20px; } .htmega-singleimage-gridstyle-5 .image-grid-content .hover-action h2 { color: #ffffff; margin-bottom: 5px; font-size: 23px; } .htmega-singleimage-gridstyle-5 .image-grid-content .hover-action h2 a { color: #ffffff; } .htmega-singleimage-gridstyle-5 .image-grid-content .hover-action p { font-size: 16px; font-family: "Montserrat", sans-serif; font-weight: 500; margin: 0; line-height: 26px; color: #ffffff; } .htmega-singleimage-gridstyle-5:hover .image-grid-content { opacity: 1; transform: translateX(0) translateY(0); } /* * Thumb Gallery Css */ .row--5 > [class*="col"] { padding-left: 5px; padding-right: 5px; } .ht-thumb-gallery ul.htmega-thumbgallery-for { margin: 0; padding: 0; list-style: none; } .ht-thumb-gallery ul.htmega-thumbgallery-for li{ position: relative; } .ht-thumb-gallery .slick-slide{ line-height: 0; } .htmega-thumbgallery-for button.slick-arrow { position: absolute; top: 50%; left: 30px; z-index: 2; width: 50px; height: 50px; background: #000000; color: #fff; border: 0 none; border-radius: 100%; font-size: 30px; text-align: center; padding: 0; margin: 0; transition: 0.4s ease-in-out; transform: translateY(-50%); line-height: 1; } .htmega-thumbgallery-for button.slick-arrow:hover { background: #0056ff; color: #fff; } .htmega-thumbgallery-nav{ text-align: center; } .htmega-thumbgallery-nav button.slick-arrow { border-radius: 100%; display: inline-block; height: 50px; padding: 0; width: 50px; transition: all 0.3s ease-in-out; } .htmega-thumbnails-style-2 .htmega-thumbgallery-nav button.slick-arrow,.htmega-thumbnails-style-4 .htmega-thumbgallery-nav button.slick-arrow { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 3; } .htmega-thumbnails-style-2 button.htmega-carosul-next.slick-arrow,.htmega-thumbnails-style-4 button.htmega-carosul-next.slick-arrow { left: auto; right: 0; } .htmega-thumbnails-style-2 .htmega-thumbgallery-nav .slick-arrow + .slick-dots,.htmega-thumbnails-style-4 .htmega-thumbgallery-nav .slick-arrow + .slick-dots { bottom: 10px; } .htmega-thumbgallery-for button.htmega-carosul-next { left: auto; right: 30px; } .htmega-thumbgallery-for .slick-dots,.htmega-thumbgallery-nav .slick-dots { bottom: 10px; position: absolute; list-style: none; margin: 0; padding: 0; width: 100%; text-align: center; } .htmega-thumbgallery-nav .slick-arrow + .slick-dots { bottom: 50px; } .htmega-thumbgallery-for .slick-dots li,.htmega-thumbgallery-nav .slick-dots li{ display: inline-block; } .htmega-thumbgallery-for .slick-dots li button,.htmega-thumbgallery-nav .slick-dots li button{ background: #ddd; text-indent: -99999px; padding: 0; margin-right: 8px; border-radius: 100%; width: 12px; height: 12px; } .htmega-thumbgallery-for .slick-dots li.slick-active button,.htmega-thumbgallery-nav .slick-dots li.slick-active button{ background: #000; } .htmega-thumbgallery-for .slick-dots li button::before,.htmega-thumbgallery-nav .slick-dots li button::before{ display: none; } .htmega-thumbgallery-for.htmega-arrow-2 { position: relative; } .htmega-thumbgallery-for.htmega-arrow-2 button { position: absolute; top: 50%; left: 42px; z-index: 2; background: transparent; color: #fff; border: 0 none; border-radius: 100%; font-size: 48px; text-align: center; padding: 0; margin: 0; transition: 0.4s ease-in-out; transform: translateY(-50%); } .htmega-thumbgallery-for.htmega-arrow-2 button:hover { color: #0056ff; } .htmega-thumbgallery-for.htmega-arrow-2 button.htmega-carosul-next { left: auto; right: 42px; } .htmega-thumbgallery-nav .small-thumb { cursor: pointer; position: relative; overflow: hidden; } .htmega-thumbgallery-nav .small-thumb img { width: 100%; } .htmega-thumbgallery-for .content { position: absolute; bottom: 40px; left: 0; background: rgba(0, 86, 255, 0.7); padding: 10px 38px; } .htmega-thumbgallery-for .content.right-bottom { bottom: 40px; left: auto; right: 0; } .htmega-thumbgallery-for .content h2 { margin: 0; color: #ffffff; font-size: 24px; line-height: 1.3; font-weight: 500; padding: 0; } .htmega-thumbgallery-for .content h4 { font-size: 13px; font-weight: normal; line-height: 1; margin: 0; padding: 0; color: #ffffff; } .htmega-thumbgallery-nav .slick-slide.slick-current.slick-active.slick-center .small-thumb img { border: 3px solid #0056ff; } .htmega-thumbgallery-nav .small-thumb img { border: 3px solid #d7d7d7; } .htmega-thumbgallery-nav.htmega-thumbgallery-nav .slick-slide { padding: 7px 3px; line-height: 0; } .htmega-thumbgallery-nav.htmega-thumbgallery-nav { margin: -3px 0; } .htmega-thumbgallery-nav.slick-initialized.slick-slider.slick-dotted.slick-vertical { margin-bottom: 0; } .htmega-thumbnails-style-2 .htmega-thumbgallery-nav.htmega-thumbgallery-nav .slick-slide { padding: 5px 3px; } .htmega-thumbnails-style-2 .htmega-thumbgallery-nav.htmega-thumbgallery-nav { margin: 0 -3px; } .ht-thumb-gallery .slick-slide img { display: block; width: 100%; } /* Thumbnail gallery hover css */ .htmega-thumbgallery-nav .small-thumb:after { content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index: 1; position: absolute; opacity: 0; transition: all 0.3s ease-in-out; } .htmega-thumbgallery-nav .small-thumb:hover:after,.htmega-thumbgallery-nav .slick-slide.slick-current .small-thumb:after{ opacity: 1; } /* * Testimonial Grid Style */ .htmega-testimonialgrid-style-1 .testimonal { background: #f7f8f9; padding: 30px; margin-top: 30px; } .testimonal,.testimonal *{ transition: all 0.3s ease-in-out; } .testimonal .clint-info h4{ margin: 0; padding: 0; font-size: 19px; line-height: 1.3; } .htmega-testimonialgrid-style-1 .testimonal .content { display: flex; align-items: center; } .htmega-testimonialgrid-style-1 .testimonal .content img { max-width: 80px; border-radius: 100%; } .htmega-testimonialgrid-style-1 .testimonal .content .clint-info { padding-left: 25px; } .htmega-testimonialgrid-style-1 .testimonal .content .clint-info h4 { font-size: 18px; color: #383838; margin: 0; } .htmega-testimonialgrid-style-1 .testimonal .content .clint-info span { color: #1834a6; font-size: 13px; } .htmega-testimonialgrid-style-1 .testimonal p { color: #5b5b5b; font-size: 14px; line-height: 26px; margin: 0; margin-top: 22px; } /* Testimonial Grid Style 02 */ .htmega-testimonialgrid-style-2 .testimonal { background: #fff none repeat scroll 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-top: 30px; padding: 40px 30px; } .htmega-testimonialgrid-style-2 .testimonal img { border: 2px solid #43df9c; border-radius: 50%; box-sizing: content-box; float: left; max-width: 90px; } .htmega-testimonialgrid-style-2 .testimonal .content p { color: #3e3e3e; font-size: 16px; line-height: 28px; margin-bottom: 20px; } .htmega-testimonialgrid-style-2 .testimonal .content { overflow: hidden; padding-left: 20px; } .htmega-testimonialgrid-style-2 .testimonal .content .clint-info { padding-left: 50px; position: relative; } .htmega-testimonialgrid-style-2 .testimonal .content .clint-info::before { background: #383838 none repeat scroll 0 0; content: ""; height: 2px; left: 0; position: absolute; top: 10px; width: 30px; transition: 03.s ease-in-out; } /* Testimonial Grid Style 03 */ .htmega-testimonialgrid-style-3 .testimonal { background: #fff none repeat scroll 0 0; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-top: 53px; padding-bottom: 27px; position: relative; text-align: center; } .htmega-testimonialgrid-style-3 .testimonal { margin-top: 82px; } .htmega-testimonialgrid-style-3 .testimonal img { border: 2px solid #727272; border-radius: 50%; box-sizing: content-box; left: 50%; max-width: 100px; position: absolute; top: 0; transform: translate(-50%, -50%); } .htmega-testimonialgrid-style-3 .testimonal .content { margin-top: 0; padding-top: 73px; } .htmega-testimonialgrid-style-3 .testimonal .content p { color: #5b5b5b; font-size: 14px; font-style: italic; line-height: 24px; margin-bottom: 4px; padding: 0 4%; } .htmega-testimonialgrid-style-3 .testimonal .content h4 { color: #5b5b5b; font-size: 16px; font-weight: 600; line-height: 37px; margin: 0; } /* Testimonial Grid Style 04 */ .htmega-testimonialgrid-style-4 .testimonal .content { background: #fff none repeat scroll 0 0; box-shadow: 0 0 10px rgba(82, 182, 188, 0.25); padding: 50px 9%; position: relative; text-align: center; } .htmega-testimonialgrid-style-4 .testimonal .clint-info { margin-top: 40px; text-align: center; } .htmega-testimonialgrid-style-4 .testimonal img { border: 2px solid #ececec; border-radius: 50%; box-sizing: content-box; display: inline-block; max-width: 80px; } .htmega-testimonialgrid-style-4 .testimonal .clint-info h4 { color: #5c5c5c; font-size: 22px; font-weight: 700; margin-bottom: 4px; margin-top: 22px; } .htmega-testimonialgrid-style-4 .testimonal .clint-info span { color: #5c5c5c; font-size: 15px; font-weight: 600; } .htmega-testimonialgrid-style-4 .testimonal .content .triangle { border-color: #fff transparent transparent; border-style: solid; border-width: 20px; left: 50%; margin-top: -1px; position: absolute; top: 100%; transform: translateX(-50%); } .htmega-testimonialgrid-style-3 .clint-info .rating,.htmega-testimonialgrid-style-4 .clint-info .rating{ justify-content: center; } /* Testimonial Grid Style 05 */ .htmega-testimonialgrid-style-5 .testimonal{ background: #f7f8f9 none repeat scroll 0 0; margin-top: 30px; padding: 48px 30px; } .htmega-testimonialgrid-style-5 .clint-info h4 { color: #383838; font-size: 18px; font-weight: 600; margin-bottom: 1px; } .htmega-testimonialgrid-style-5 p { color: #5b5b5b; font-size: 14px; font-style: italic; line-height: 26px; } .htmega-testimonialgrid-style-5 .clint-info span { color: #1834a6; font-size: 14px; } .clint-info .rating { color: #ffcf0e; display: flex; list-style: outside none none; margin: 4px 0 0; padding: 0; } .clint-info .rating li { margin-right: 8px; font-size: 13px; } .testimonal{ position: relative; z-index: 1; } .testimonal:before{ position: absolute; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); z-index: -1; content:""; top: 0; opacity: 0; transition: all 0.3s ease-in-out; } .testimonal:hover:before{ opacity: 1; } /* * Scroll Navigation Animation */ .navigation_service .htmega-service-style-7::before{ display: none; } .elementor-widget-htmega-scrollnavigation-addons .swiper-container { height: 100vh; margin-left: auto; margin-right: auto; width: 100%; overflow: hidden; } .htmega-swiper-pagination .swiper-pagination-bullet { background: #000000 none repeat scroll 0 0; border-radius: 100%; display: inline-block; height: 26px; opacity: 1; width: 26px; opacity:1 !important; } .htmega-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #3746ad; } .scroll-navigation-inner .elementor-section.elementor-section-height-full { height: 100vh; } .scroll-navigation-inner .elementor-section.elementor-section-items-middle > .elementor-container { align-items: center; height: 100vh; } /* * Call To Action Style */ .htmega-call-to-action{ text-align: center; } .htmega-call-to-action .htmega-content .htmega-callto-action-description { color: #ffffff; font-size: 16px; margin: 0; } .htmega-call-to-action .htmega-content .htmega-callto-action-sub-title { color: #505050; font-size: 16px; font-weight: 500; margin-bottom: 5px; font-family: "Poppins", sans-serif; } .htmega-call-to-action .htmega-content .htmega-callto-action-title { color: #f7ca18; font-size: 80px; font-weight: 600; margin-bottom: 27px; font-family: "Poppins", sans-serif; } .htmega-call-to-action .htmega-content a.call_btn { background: #f7ca18; padding: 0px 35px; display: inline-flex; line-height: 50px; border-radius: 25px; color: #000000; font-size: 14px; transition: 0.4s ease-in-out; text-decoration: none; } .htmega-call-to-action .htmega-content a.call_btn:hover { background: #ffffff; color: #18012c; } /* Call To Action Style 2 */ .callto-action-style-2 .htmega-content .htmega-callto-action-title { color: #ffffff; font-family: "Poppins", sans-serif; font-size: 38px; font-weight: 600; margin-bottom: 6px; } .callto-action-style-2 .htmega-content .htmega-callto-action-description { color: #ffffff; font-family: "Montserrat", sans-serif; font-weight: 300; font-size: 18px; margin: 0; } .callto-action-style-2 .htmega-content a.call_btn { display: inline-flex; border: 2px solid #ffffff; color: #ffff; border-radius: 25px; padding: 0px 45px; line-height: 50px; font-size: 14px; font-weight: 600; transition: 0.4s ease-in-out; } .callto-action-style-2 .htmega-content a.call_btn:hover { background: #ffffff; color: #18012c; border: 2px solid #ffffff; } /* Call To Action Style 3 */ .callto-action-style-3{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 70px 98px; } .callto-action-style-3 .htmega-content a.call_btn{ line-height: 50px; padding: 0; } .callto-action-style-3 .htmega-content{ display: flex; align-items: center; justify-content: space-around; } .callto-action-style-3 { position: relative; } .callto-action-style-3::before { position: absolute; content: ""; background: #999999; height: 50px; width: 2px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .callto-action-style-3 .htmega-content .htmega-callto-action-description { color: #000000; font-size: 14px; line-height: 25px; margin-bottom: 5px; } .callto-action-style-3 .htmega-content .htmega-callto-action-title { color: #000000; font-weight: 500; font-size: 24px; margin: 0; } .callto-action-style-3 a.call_btn { display: inline-block; border: 2px solid #000000; color: #000000; border-radius: 25px; padding: 0px 50px; line-height: 50px; font-size: 14px; font-weight: 600; transition: 0.4s ease-in-out; } .callto-action-style-3 a.call_btn:hover { background: #000000; color: #ffffff; border: 2px solid #000000; } /* Call To Action Style 4 */ .callto-action-style-4 .htmega-content .htmega-callto-action-title { color: #ffffff; font-weight: 400; font-size: 36px; margin-bottom: 21px; } .callto-action-style-4 .htmega-content .htmega-callto-action-description { color: #ffffff; font-size: 18px; line-height: 35px; padding: 0 17%; margin-bottom: 34px; } .callto-action-style-4 a.call_btn { background: #ffffff; display: inline-block; padding: 0px 40px; line-height: 50px; border-radius: 25px; color: #0056ff; font-size: 14px; font-weight: 400; text-transform: uppercase; transition: 0.4s ease-in-out; } .callto-action-style-4 a.call_btn:hover { background: #18012c; color: #ffffff; } /* Call To Action Style 5 */ .callto-action-style-5 .htmega-content .htmega-callto-action-title { color: #ffffff; font-size: 40px; line-height: 60px; font-weight: 500; padding: 0 19%; } .callto-action-style-5 .htmega-content .htmega-callto-action-description { color: #ffffff; font-size: 18px; margin-bottom: 44px; font-family: 'Rubik', sans-serif; } .callto-action-style-5 a.call_btn { border: 2px solid #ffffff; display: inline-block; padding: 0px 46px; line-height: 50px; color: #ffffff; font-weight: 500; font-size: 14px; text-transform: uppercase; border-radius: 4px; transition: 0.4s ease-in-out; font-family: 'Rubik', sans-serif; } .callto-action-style-5 a.call_btn:hover { background: #ffffff; color: #18012c; } /* Call To Action Style 6 */ .callto-action-style-6 .htmega-content .htmega-callto-action-title { color: #494949; font-size: 40px; line-height: 58px; font-weight: 500; } .callto-action-style-6 .htmega-content .htmega-callto-action-description { color: #494949; font-size: 18px; margin-bottom: 32px; line-height: 30px; padding-right: 27%; } .callto-action-style-6 a.call_btn { display: inline-block; padding: 0px 37px; line-height: 50px; color: #ffffff; font-weight: 500; font-size: 14px; text-transform: uppercase; transition: 0.4s ease-in-out; background: #e97730; font-family: "Montserrat", sans-serif; } .callto-action-style-6 a.call_btn:hover { background: #18012c; color: #ffffff; } /* Call To Action Style 7 */ .callto-action-style-7 .call-to-action-inner { display: inline-block; padding: 100px 240px; background: rgba(255, 255, 255, 0.6); } .callto-action-style-7 .htmega-content .htmega-callto-action-title, .callto-action-style-7 .htmega-content .htmega-callto-action-description { color: #1e1e1e; font-size: 42px; line-height: 53px; font-weight: 700; font-family: 'Cormorant Garamond', serif; margin-bottom: 29px; } .callto-action-style-7 a.call_btn { display: inline-block; color: #2c2c2c; font-weight: 600; font-size: 24px; transition: 0.4s ease-in-out; font-family: 'Cormorant Garamond', serif; border-bottom: 2px solid #4f4848; } .callto-action-style-7 a.call_btn:hover { color: #18012c; border-bottom: 2px solid #18012c; } .htmega-call-to-action .htmega-content a.call_btn.secondary_btn { margin-left: 10px; } /* Call To action button postition */ .htmega-call-to-action-button-icon1-position-left .htmega-call-to-action .htmega-content a.call_btn .call_to_action_button_one_text_progression { order: 2; } .htmega-call-to-action-button-icon1-position-left .htmega-call-to-action .htmega-content a.call_btn .call_to_action_button_one_icon_progression { order: 1; margin-right: 8px; } .htmega-call-to-action-button-icon1-position-right .htmega-call-to-action .htmega-content a.call_btn .call_to_action_button_one_text_progression { order: 1; } .htmega-call-to-action-button-icon1-position-right .htmega-call-to-action .htmega-content a.call_btn .call_to_action_button_one_icon_progression { order: 2; margin-left: 8px; } .htmega-call-to-action-button-icon2-position-left .htmega-call-to-action .htmega-content a.call_btn .call_to_action_button_two_text_progression { order: 2; } .htmega-call-to-action-button-icon2-position-left .htmega-call-to-action .htmega-content a.call_btn .call_to_action_button_two_icon_progression { order: 1; margin-right: 8px; } .htmega-call-to-action-button-icon2-position-right .htmega-call-to-action .htmega-content a.call_btn .call_to_action_button_two_text_progression { order: 1; } .htmega-call-to-action-button-icon2-position-right .htmega-call-to-action .htmega-content a.call_btn .call_to_action_button_two_icon_progression { order: 2; margin-left: 8px; } .htmega-call-to-action .htmega-content a.call_btn svg, .htmega-call-to-action .htmega-content a.call_btn.secondary_btn svg{ width: 30px; height: 30px; } .htmega-callto-action-title{ position: relative; } .htmega-callto-action-title:after,.htmega-callto-action-title:before { content: ""; width: 0px; height: 0px; bottom: 0; position: absolute; left:0; display: none; } .htmega-align-center .htmega-callto-action-title:after, .htmega-align-center .htmega-callto-action-title:before{ left: 50%; transform: translateX(-50%); } .htmega-align-right .htmega-callto-action-title:after, .htmega-align-right .htmega-callto-action-title:before{ left:auto; right:0; transform: translateX(0); } .htmega-callto-action-title:before{ top:0; bottom:auto; } /* * Twitter Style */ .htmega-twitter-area button.slick-arrow { border: 0 none; color: #2d3e50; font-size: 60px; left: -60px; position: absolute; top: 26%; background: transparent; height: inherit; padding: 0; transition: all 0.3s ease-in-out; z-index: 2; } .htmega-twitter-area button.htmega-carosul-next { left: auto; right: -60px; } .htmega-twitter-area .slick-dots li button::before{ display: none; } .htmega-twitter-area .slick-dots li { width: 10px; height: 10px; } .htmega-twitter-area .slick-dots li button { background: #000000 none repeat scroll 0 0; border-radius: 100%; padding: 0; width: 10px; height: 10px; } .htmega-twitter-area .slick-dots li.slick-active button { background: #F15D67 none repeat scroll 0 0; } /* Twitter Style 1 */ .htmega-twitter-single { display: flex; padding-right: 15px; } .htmega-twitter-single .htmega-thumb { padding-right: 30px; } .htmega-twitter-single .htmega-thumb img { max-width: 70px; border: 1px solid #eaeaea; } .htmega-twitter-single .htmega-content { margin-top: -7px; } .htmega-twitter-single .htmega-content .htmega-author { margin-bottom: 6px; } .htmega-twitter-single .htmega-content .htmega-author h6 { display: inline-block; font-weight: 400; font-size: 14px; margin: 0; position: relative; } .htmega-twitter-single .htmega-content .htmega-author h6 a { color: #5c5c5c; transition: 0.3s ease-in-out; } .htmega-twitter-single .htmega-content .htmega-author h6 a:hover { color: #18012c; } .htmega-twitter-single .htmega-content .htmega-author span::before { position: absolute; content: ""; left: 0; background: #000; height: 14px; width: 1px; top: 50%; transform: translateY(-50%); } .htmega-twitter-single .htmega-content .htmega-author span { color: #000000; font-size: 14px; padding-left: 10px; margin-left: 10px; position: relative; display: inline-block; } .htmega-twitter-single .htmega-content p { color: #434343; font-size: 14px; line-height: 25px; margin-bottom: 10px; } .htmega-twitter-single .htmega-content p a { color: #00c8fa; } .htmega-twitter-single .htmega-content ul.twitter-meta { padding: 0; margin: 0; list-style: none; display: flex; } .htmega-twitter-single .htmega-content ul.twitter-meta li { margin-right: 14px; padding-right: 14px; position: relative; } .htmega-twitter-single .htmega-content ul.twitter-meta li a { color: #aaaaaa; font-size: 13px; transition: 0.3s ease-in-out; } .htmega-twitter-single .htmega-content ul.twitter-meta li a:hover { color: #18012c; } .htmega-twitter-single .htmega-content ul.twitter-meta li a i { padding-right: 10px; } .htmega-twitter-single .htmega-content ul.twitter-meta li::after { position: absolute; content: ""; background: #000; width: 1px; height: 11px; right: 0; top: 50%; transform: translateY(-50%); } .htmega-twitter-single .htmega-content ul.twitter-meta li:last-child::after { display: none; } /* Twitter Style 2 */ .htmega-twitter-style-2 .htmega-twitter-single{ background: #fff; padding: 40px; border-radius: 4px; display: block; } .htmega-twitter-style-2 .htmega-twitter-single .htmega-content .htmega-author span::before{ display: none; } .htmega-twitter-style-2 .htmega-twitter-single .htmega-content .htmega-author span{ padding: 0; margin: 0; } .htmega-twitter-style-2 .ht-twitter-container { display: flex; } .htmega-twitter-style-2 .ht-twitter-container .htmega-thumb { padding-right: 30px; } .htmega-twitter-style-2 .ht-twitter-container .htmega-thumb img { max-width: 70px; border: 1px solid #eaeaea; } .htmega-twitter-style-2 .ht-twitter-container .htmega-content { margin-top: -7px; } .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author { margin-bottom: 6px; } .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author h6 { display: inline-block; font-weight: 400; font-size: 14px; margin: 0; position: relative; font-family: "Poppins", sans-serif; } .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author h6 a { color: #000000; transition: 0.3s ease-in-out; } .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author h6 a:hover { color: #18012c; } .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author h6 a span { color: #a6a6a6; } .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author span { color: #000000; font-size: 14px; padding-left: 10px; } .htmega-twitter-style-2 .ht-twitter-container .htmega-content p { color: #434343; font-size: 14px; line-height: 25px; margin-bottom: 10px; } .htmega-twitter-style-2 .ht-twitter-container .htmega-content p a { color: #00c8fa; } .htmega-twitter-style-2 .twitter-meta-inner { display: flex; justify-content: space-between; } .htmega-twitter-style-2 .twitter-meta-inner ul.twitter-meta { padding: 0; margin: 0 -10px; list-style: none; display: flex; } .htmega-twitter-style-2 .twitter-meta-inner ul.twitter-meta li { position: relative; margin: 0 10px; } .htmega-twitter-style-2 .twitter-meta-inner ul.twitter-meta li a { color: #878787; font-size: 13px; transition: 0.3s ease-in-out; } .htmega-twitter-style-2 .twitter-meta-inner ul.twitter-meta li a:hover { color: #18012c; } .htmega-twitter-style-2 .twitter-meta-inner p { margin: 0; color: #7f7f7f; font-size: 12px; } .htmega-twitter-style-2 .slick-slide { padding: 0px 15px; } .htmega-twitter-style-2 .slick-dots { bottom: -45px; } /* Twitter Style 3 */ .htmega-twitter-style-3 .htmega-twitter-single{ background: #ffffff; border: 1px solid #eaeaea; padding: 30px 15px 30px 20px; } .htmega-twitter-style-3 .htmega-twitter-single .htmega-content ul.twitter-meta li{ padding: 0; } .htmega-twitter-style-3 .htmega-twitter-single .htmega-content ul.twitter-meta li::after{ display: none; } .htmega-twitter-style-3 .htmega-content .htmega-author { margin-bottom: 6px; } .htmega-twitter-style-3 .htmega-content .htmega-author h6 { display: inline-block; font-weight: 400; font-size: 14px; margin: 0; position: relative; } .htmega-twitter-style-3 .htmega-content .htmega-author h6 a { color: #5c5c5c; transition: 0.3s ease-in-out; } .htmega-twitter-style-3 .htmega-content .htmega-author h6 a:hover { color: #18012c; } .htmega-twitter-style-3 .htmega-content .htmega-author span::before { position: absolute; content: ""; left: 0; background: #000; height: 14px; width: 1px; top: 50%; transform: translateY(-50%); } .htmega-twitter-style-3 .htmega-content .htmega-author span { color: #000000; font-size: 14px; padding-left: 10px; margin-left: 10px; position: relative; } .htmega-twitter-style-3 .htmega-content p { color: #434343; font-size: 14px; line-height: 25px; margin-bottom: 10px; } .htmega-twitter-style-3 .htmega-content p a { color: #00c8fa; } .htmega-twitter-style-3 .htmega-content ul.twitter-meta { padding: 0; margin: 0 -10px; list-style: none; display: flex; } .htmega-twitter-style-3 .htmega-content ul.twitter-meta li { position: relative; margin: 0 10px; } .htmega-twitter-style-3 .htmega-content ul.twitter-meta li a { color: #aaaaaa; font-size: 13px; transition: 0.3s ease-in-out; } .htmega-twitter-style-3 .htmega-content ul.twitter-meta li a:hover { color: #18012c; } .htmega-twitter-style-3 .slick-slide { padding: 0px 15px; } /* Twitter Style 4 */ .htmega-twitter-style-4 .htmega-twitter-single{ display: block; padding: 0; } .htmega-twitter-style-4 .htmega-twitter-single .htmega-content ul.twitter-meta li{ padding: 0; } .htmega-twitter-style-4 .htmega-twitter-single .htmega-content ul.twitter-meta li::after{ display: none; } .htmega-twitter-style-4 .htmega-thumb img { max-width: 70px; border: 1px solid #eaeaea; } .htmega-twitter-style-4 .htmega-content { padding-top: 25px; } .htmega-twitter-style-4 .htmega-content .htmega-author { margin-bottom: 6px; } .htmega-twitter-style-4 .htmega-content .htmega-author h6 a { color: #5c5c5c; transition: 0.3s ease-in-out; } .htmega-twitter-style-4 .htmega-content .htmega-author h6 a:hover { color: #18012c; } .htmega-twitter-style-4 .htmega-content .htmega-author span { color: #000000; font-size: 14px; padding-left: 10px; } .htmega-twitter-style-4 .htmega-content p { color: #434343; font-size: 14px; line-height: 25px; margin-bottom: 10px; } .htmega-twitter-style-4 .htmega-content p a { color: #00c8fa; } .htmega-twitter-style-4 .htmega-content ul.twitter-meta { padding: 0; margin: 0; list-style: none; display: flex; padding-top: 20px; border-top: 1px solid #00c8fa; justify-content: space-between; } .htmega-twitter-style-4 .htmega-content ul.twitter-meta li { position: relative; } .htmega-twitter-style-4 .htmega-content ul.twitter-meta li a { color: #aaaaaa; font-size: 13px; transition: 0.3s ease-in-out; display: block; } .htmega-twitter-style-4 .htmega-content ul.twitter-meta li a:hover { color: #18012c; } .htmega-twitter-style-4 .htmega-content ul.twitter-meta li a i { padding-right: 10px; } .htmega-twitter-style-4 button.slick-arrow { border: 1px solid #000000; border-radius: 100%; color: #000000; font-size: 30px; height: 50px; line-height: 35px; width: 50px; } .htmega-twitter-style-4 .slick-slide { padding: 0px 15px; } /*================================= Twitter Style 5 ==================================*/ .htmega-twitter-style-5 .htmega-twitter-single{ background: #ffffff; padding: 30px 15px 30px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin: 5px; } .htmega-twitter-style-5 .htmega-content .htmega-author { margin-bottom: 6px; } .htmega-twitter-style-5 .htmega-content .htmega-author h6 a { color: #5c5c5c; transition: 0.3s ease-in-out; } .htmega-twitter-style-5 .htmega-content .htmega-author h6 a:hover { color: #18012c; } .htmega-twitter-style-5 .htmega-content p { color: #434343; font-size: 14px; line-height: 25px; margin-bottom: 10px; } .htmega-twitter-style-5 .htmega-content p a { color: #00c8fa; } .htmega-twitter-style-5 .twitter-meta-inner { display: flex; justify-content: space-between; } .htmega-twitter-style-5 .twitter-meta-inner ul.twitter-meta { padding: 0; margin: 0 -10px; list-style: none; display: flex; } .htmega-twitter-style-5 .htmega-twitter-single .htmega-content ul.twitter-meta li::after{ display: none; } .htmega-twitter-style-5 .twitter-meta-inner ul.twitter-meta li { position: relative; margin: 0 10px; padding: 0; } .htmega-twitter-style-5 .twitter-meta-inner ul.twitter-meta li a { color: #878787; font-size: 13px; transition: 0.3s ease-in-out; } .htmega-twitter-style-5 .twitter-meta-inner ul.twitter-meta li a:hover { color: #18012c; } .htmega-twitter-style-5 .twitter-meta-inner p { margin: 0; color: #7f7f7f; font-size: 12px; } .htmega-twitter-style-5 .slick-slide { padding: 0px 15px; } /* * Post Grid */ .htmega-post-grid-layout-3 .row-1 > .htb-col-lg-6 > .ht-post, .htmega-post-grid-layout-3 .row-1 > .htb-col-lg-6 > .ht-post .thumb, .htmega-post-grid-layout-3 .row-1 > .htb-col-lg-6 > .ht-post .thumb a, .htmega-post-grid-layout-5 .ht-post, .htmega-post-grid-layout-5 .ht-post .thumb, .htmega-post-grid-layout-5 .ht-post .thumb a { height: 100%; } .htmega-post-grid-layout-5 .row--10 > [class*="col"]{ padding: 10px; } .htmega-post-grid-area.htmega-equal-hide-column-yes .ht-post{height:100%;} /* * Post Grid Tab */ .htmega-post-grid-area .row-1.htb-row .row-1 { margin: 0; } .ht-post-grid-tab { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: space-between; } .ht-post-grid-tab .post-grid{ overflow: hidden; } .htmega-post-gridtab-layout-1 .post-grid,.htmega-post-gridtab-layout-3 .post-grid { padding: 0 1px; margin-bottom: 2px; } .htmega-post-gridtab-layout-1 .post-content,.htmega-post-gridtab-layout-3 .post-content { margin: 0 1px; } .htmega-post-gridtab-layout-2 .post-grid,.htmega-post-gridtab-layout-4 .post-grid { padding: 0 15px; margin-bottom: 30px; } .htmega-post-gridtab-layout-2 .post-content,.htmega-post-gridtab-layout-4 .post-content { margin: -30px 15px 0; } .htmega-post-gridtab-layout-5 .post-grid { padding: 0 10px; margin-bottom: 20px; } .htmega-post-gridtab-layout-5 .post-content { margin: -20px 10px 0; } .ht-post-grid-tab .post-grid.post-grid-one-third { min-width: calc(33.33%); width: calc(33.33%); } .ht-post-grid-tab .post-grid.post-grid-half { min-width: calc(50%); width: calc(50%); } .ht-post-grid-tab .post-grid.post-grid-four { min-width: calc(25%); width: calc(25%); } .ht-post-grid-tab .post-grid.post-third-of-four { min-width: calc(75%); width: calc(75%); } .ht-post-grid-tab .post-content { text-align: center; z-index: 9; display: none; } .ht-post-grid-tab .post-content.is-visible { display: block; } .post-content { position: relative; } .post-content .close__wrap { position: absolute; top: 30px; right: 30px; z-index: 9; } .post-content .close__wrap button { background: #2a47e0 none repeat scroll 0 0; border: 0 none; color: #fff; line-height: 1; padding: 10px; } .post-grid .thumb a img { width: 100%; object-fit: cover; height: 100%; } .post-grid .thumb,.post-grid .thumb a{ height: 100%; } .post-grid .thumb a{ width: 100%; } .single-post-grid-tab { padding: 30px; border: 1px solid #dfdfdf; background: #f1f1f1; overflow: hidden; } .single-post-grid-tab .thumb a img { width: 100%; } .single-post-grid-tab .thumb{ overflow: hidden; } .ht-mega-post-grid-right .content { height: 100%; display: flex; align-items: center; } .ht-mega-post-grid-left { display: flex; align-items: center; } .single-post-grid-tab .post-inner { text-align: left; } .single-post-grid-tab .post-inner h2 { font-size: 24px; line-height: 36px; margin-top: 20px; } .single-post-grid-tab .post-inner h2 a { color: #464545; } .single-post-grid-tab .post-inner .meta { list-style: none; color: #fff; padding: 0; margin: 0; display: block; margin: 0 -15px; } .single-post-grid-tab .post-inner .meta li { color: #464545; font-size: 13px; letter-spacing: 2px; margin: 0 15px; display: inline-block; } .single-post-grid-tab .post-inner .meta li i { color: #464545; } .single-post-grid-tab .post-inner .meta li a { color: #464545; } .single-post-grid-tab .post-inner p { color: #494849; font-size: 14px; line-height: 28px; margin-top: 17px; margin-bottom: 28px; } .single-post-grid-tab .post-inner .post-category { display: flex; padding: 0; list-style: none; margin-left: 0; } .single-post-grid-tab .post-inner .post-category li { margin-right: 10px; transition: 0.4s ease-in-out; } .single-post-grid-tab .post-inner .post-category li a { background: #2a47e0 none repeat scroll 0 0; color: #fff; font-size: 13px; font-weight: 300; letter-spacing: 1px; padding: 2px 7px; text-transform: uppercase; } .single-post-grid-tab .post-inner .post-btn a.readmore-btn { background: transparent; display: inline-block; padding: 0 37px; border-radius: 23px; font-size: 14px; font-weight: 400; line-height: 44px; transition: 0.4s ease-in-out; color: #494849; border: 1px solid #494849; } /* Tablet Device :768px. */ @media (max-width: 991px) { .ht-mega-post-grid-right .content { margin-bottom: 15px; } .single-post-grid-tab .htb-row{ flex-direction: column-reverse; } } /* * Custom Carousel Style */ .ht-custom-carousel .single-custom-carousel img { width: 100%; } .htmega-carousel-style-1 .slick-slide .single-custom-carousel img { transition: all 0.3s ease 0s; display: block; } .htmega-carousel-style-1 .single-custom-carousel { position: relative; transition: all 0.3s ease 0s; } .htmega-carousel-style-1 .slick-slide.slick-active .single-custom-carousel { transform: scale(1.15); } .htmega-carousel-style-1 .slick-slide.slick-center .single-custom-carousel { transform: scale(1.3); } .htmega-carousel-style-1 .slick-slide.slick-active{ z-index: 990; position: relative; } .htmega-carousel-style-1 .slick-slide.slick-center { z-index: 999; position: relative; } .htmega-carousel-style-1 .slick-slide { padding: 72px 0; transition: all 0.3s ease 0s; } /*---------------------- Slick Dot -----------------------*/ .htmega-carousel-activation .slick-arrow { padding: 0; } .htmega-carousel-activation .slick-dots { text-align: center; bottom: -60px; } .htmega-carousel-activation .slick-dots li { display: inline-block; margin: 0; } .htmega-carousel-activation .slick-dots li button { border: 1px solid #863F51; width: 12px; height: 12px; padding: 0; border-radius: 50%; background-color: transparent; text-indent: -9999px; } .htmega-carousel-activation .slick-dots li.slick-active button { background-color: #863F51; } /*------------------------------ Custom Carousel Style 2 -------------------------------*/ .htmega-carousel-style-2 .slick-slide .single-custom-carousel img { transition: all 0.3s ease 0s; display: block; } .htmega-carousel-style-2 .single-custom-carousel { position: relative; transition: all 0.3s ease 0s; padding: 0 40px; transform: scale(1.1); } .htmega-carousel-style-2 .slick-slide.slick-center .single-custom-carousel { transform: scale(1.3); } .htmega-carousel-style-2 .slick-slide.slick-center { z-index: 999; position: relative; } .htmega-carousel-style-2 .slick-slide.slick-active { transition: all 0.3s ease 0s; } .htmega-carousel-style-2 .slick-slide { padding: 72px 0; transition: all 0.3s ease 0s; } .htmega-carousel-style-2 { position: relative; } .htmega-carousel-style-2 button.slick-arrow,.htmega-carousel-style-3 button.slick-arrow { position: absolute; left: -80px; top: 50%; transform: translateY(-50%); background: #000000; color: #f4f4f4; width: 40px; height: 40px; border: 0 none; border-radius: 100%; padding: 0; margin: 0; font-size: 30px; transition: 0.3s ease-in-out; line-height: 28px; } .htmega-carousel-style-2 button.slick-arrow:hover,.htmega-carousel-style-3 button.slick-arrow:hover { background: #0056ff; color: #fff; } .htmega-carousel-style-2 button.htmega-carosul-next,.htmega-carousel-style-3 button.htmega-carosul-next { left: auto; right: -80px; } .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide{ transition: none; } .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide.slick-active{ transition: none; } .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide .single-custom-carousel{ padding: 0 40px; transition: none; } .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide.slick-active{ transform: perspective(400px) rotateY(20deg) scale(1) !important; } .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide.slick-active + .slick-active{ transform: perspective(0px) rotateY(0deg) scale(1.1)!important; } .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide.slick-active + .slick-active + .slick-active{ transform: perspective(400px) rotateY(-20deg) scale(1) !important; } .ht-custom-carousel.htmega-carousel-activation .slick-arrow { padding: 0; position: absolute; top: 50%; z-index: 1; } .ht-custom-carousel.htmega-carousel-activation .htmega-carosul-next.slick-arrow { right: 0; } .ht-custom-carousel.htmega-carousel-activation .htmega-carosul-prev.slick-arrow { left: 0; } /*------------------------------ Custom Carousel Style 3 -------------------------------*/ .htmega-carousel-style-3 .slick-slide { margin: 0px 15px; } .htmega-carousel-style-3 .slick-list.draggable { margin: 0 -15px; } .htmega-carousel-style-3 .slick-dots { bottom: -60px; } .htmega-carousel-style-3 .slick-dots li { width: 10px; height: 10px; margin: 0 5px; padding: 0; } .htmega-carousel-style-3 .slick-dots li button { width: 10px; height: 10px; padding: 0; background: #000; border-radius: 100%; border: 0; } .htmega-carousel-style-3 .slick-dots li button::before { display: none; } .htmega-carousel-style-3 .slick-dots li.slick-active button { background: #00c8fa; } /*------------------------------ Custom Carousel Style 4 -------------------------------*/ .htmega-carousel-style-4 { position: relative; } .htmega-carousel-style-4 button.slick-arrow { position: absolute; top: 50%; left: 0; color: #f4f4f4; border: 0 none; font-size: 30px; background: transparent; width: 40px; height: 50px; line-height: 45px; background: #000000; transform: translateY(-50%); z-index: 2; padding: 0; } .htmega-carousel-style-4 button.htmega-carosul-next { left: auto; right: 0; } .htmega-carousel-style-4 .slick-list { margin: 0 -15px; } .htmega-carousel-style-4 .slick-slide { margin: 0px 15px; } /*------------------------------ Custom Carousel Style 5 -------------------------------*/ .htmega-carousel-style-5 .slick-slide { margin: 0px 15px; } .htmega-carousel-style-5 .slick-list { margin: 0 -15px; } .htmega-carousel-style-5 .slick-dots { bottom: -40px; background: #dbdbdb; height: 8px; border-radius: 4px; left: 0; right: 0; width: auto; } .htmega-carousel-style-5 .slick-dots li { width: 33.33%; height: 8px; margin: 0; left: 0; top: -13px; transition: 0.4s ease-in-out; } .htmega-carousel-style-5 .slick-dots li::before { position: absolute; content: ""; left: 0; top: 0; width: 0; height: 100%; background: #0056ff; border-radius: 4px; transition: 0.4s ease-in-out; } .htmega-carousel-style-5 .slick-dots li button { width: 33.33%; height: 8px; margin: 0; left: 0; } .htmega-carousel-style-5 .slick-dots li button{ border: none; } .htmega-carousel-style-5 .slick-dots li.slick-active button{ background: transparent; } .htmega-carousel-style-5 .slick-dots li button::before { display: none; } .htmega-carousel-style-5 .slick-dots li.slick-active::before { width: 100%; } /*------------------------------ Custom Carousel Style 6 -------------------------------*/ .htmega-carousel-style-6 button.slick-arrow { position: absolute; top: 50%; left: 0; color: #f4f4f4; border: 0 none; font-size: 30px; background: transparent; width: 40px; height: 50px; background: #000000; transform: translateY(-50%); z-index: 2; padding: 0; } .htmega-carousel-style-6 button.htmega-carosul-next { left: auto; right: 0; } .htmega-carousel-style-6 .slick-dots { background: #19243c none repeat scroll 0 0; margin-top: -8px; position: static; } .htmega-carousel-style-6 .slick-dots li { display: inline-block; height: inherit; padding: 30px 55px; position: relative; text-align: center; width: auto; z-index: 2; } .htmega-carousel-style-6 .slick-dots li h6 { color: #ffffff; font-size: 14px; font-weight: 600; margin: 0; position: relative; z-index: 3; } .htmega-carousel-style-6 .slick-dots li.slick-active::before { position: absolute; content: ""; background: #223152; z-index: -1; width: 100%; height: 116%; bottom: 0; left: 0; } /*Custom Carousel Style 7*/ .htmega-carousel-style-7 button.slick-arrow { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background: transparent; color: #f4f4f4; border: 0 none; border-radius: 100%; padding: 0; margin: 0; font-size: 48px; transition: 0.3s ease-in-out; z-index: 1; } .htmega-carousel-style-7 button.slick-arrow:hover { color: #18012c; } .htmega-carousel-style-7 button.htmega-carosul-next { left: auto; right: 20px; } /* * Double Button */ .htmega-doule-btn svg{ width: 20px; } .htmega-double-button-area{ display: flex; } .htmega-doublebutton { display: flex; position: relative; width: 40%; } span.htmega-middle-text{ background: #ffffff none repeat scroll 0 0; border-radius: 100%; color: #000000; font-family: "Montserrat",sans-serif; font-size: 12px; height: 26px; left: 50%; line-height: 25px; position: absolute; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); width: 26px; z-index: 3; } .htmega-doublebutton a.htmega-doule-btn { color: #ffffff; font-family: "Montserrat",sans-serif; font-size: 14px; height: 50px; line-height: 50px; transition: all 0.4s ease-in-out 0s; background: #a7d1b0 none repeat scroll 0 0; border-radius: 25px 0 0 25px; text-decoration: none; width: 100%; text-align: center; } .htmega-doublebutton a.htmega-doule-btn:hover,.htmega-doublebutton a.htmega-doule-btn.btn-two:hover { background: #18012c none repeat scroll 0 0; color: #ffffff; } .htmega-doublebutton a.htmega-doule-btn.btn-two { background: #fa9866 none repeat scroll 0 0; border-radius: 0 25px 25px 0; } .htmega-doublebutton a.htmega-doule-btn-size-sm{ height: 46px; line-height: 46px; } .htmega-doublebutton a.htmega-doule-btn-size-md{ height: 50px; line-height: 50px; } .htmega-doublebutton a.htmega-doule-btn-size-lg{ height: 60px; line-height: 60px; } .htmega-doublebutton a.htmega-doule-btn-size-xl{ height: 70px; line-height: 70px; } .htmega-doublebutton a.htmega-doule-btn-size-xs{ height: 40px; line-height: 40px; } /* Bouble Button Icon position */ .htmega-double-button-area a.btn-one { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; overflow: hidden; } .htmega-double-button-area a.btn-one *{ position: relative; z-index: 2; } .htmega-double-button-area a.btn-one::after,.htmega-double-button-area a.btn-one::before{ position:absolute; content: ""; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition: all 0.3s ease-in-out; } .htmega-double-button-area a.btn-one::after{ opacity: 0; } .htmega-double-button-area a.btn-one:hover::after{ opacity: 1; } .htmega-double-button-icon1-position-left .htmega-doule-btn.btn-one .button_one_text_progression{ order: 2; } .htmega-double-button-icon1-position-left .htmega-doule-btn.btn-one .button_one_icon_progression{ order: 1; } .htmega-double-button-area a.btn-two { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; overflow: hidden; } .htmega-double-button-area a.btn-two *{ position: relative; z-index: 2; } .htmega-double-button-area a.btn-two::after,.htmega-double-button-area a.btn-two::before{ position:absolute; content: ""; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition: all 0.3s ease-in-out; } .htmega-double-button-area .before_bg a.btn-two::after, .htmega-double-button-area .before_bg a.btn-two::before { transform: skewX(-24deg); } .htmega-double-button-area a.btn-two::after{ opacity: 0; } .htmega-double-button-area a.btn-two:hover::after{ opacity: 1; } .htmega-double-button-icon2-position-left .htmega-doule-btn.btn-two .button_two_text_progression{ order: 2; } .htmega-double-button-icon2-position-left .htmega-doule-btn.btn-two .button_two_icon_progression{ order: 1; } a.htmega-doule-btn span { transition: all 0s; } /* Double Button Skew Bg */ .before_bg{ overflow: hidden; } .before_bg a.htmega-doule-btn{ position: relative; background: transparent !important; z-index: 1; overflow: initial; } .before_bg a.htmega-doule-btn::before { background-color: #a7d1b0; content: ""; display: block; height: 100%; left: -16px; position: absolute; top: 0; transform: skewX(-24deg); width: 112%; z-index: -1; transition: 0.4s; } .before_bg a.htmega-doule-btn.btn-two::before { background-color: #fa9866; left: 0; right: -16px; } /* Befor Backround New*/ .htmega-doublebutton.before_bg { overflow: hidden; } .htmega-doublebutton.before_bg .htmega-doule-btn { color: #fff; } .htmega-doublebutton.before_bg .htmega-doule-btn::before, .htmega-doublebutton.before_bg .htmega-doule-btn::after { position: absolute; z-index: -1; top: 0; right: -15px; left: -15px; display: block; width: auto; height: 100%; content: ""; transition: all 0.4s ease 0s; transform: skewX(-24deg); background-color: transparent; } .htmega-doublebutton.before_bg .htmega-doule-btn::after { opacity: 0; } .htmega-doublebutton.before_bg .htmega-doule-btn:hover::before { opacity: 0; } .htmega-doublebutton.before_bg .htmega-doule-btn:hover::after { opacity: 1; } .htmega-doublebutton.before_bg .htmega-doule-btn:nth-child(1)::before, .htmega-doublebutton.before_bg .htmega-doule-btn:nth-child(1)::after { right: 0; } .htmega-doublebutton.before_bg .htmega-doule-btn:nth-child(1)::before { background: #a7d1b0; } .htmega-doublebutton.before_bg .htmega-doule-btn:nth-child(1)::after { background: #000; } .htmega-doublebutton.before_bg .htmega-doule-btn:nth-child(2)::before, .htmega-doublebutton.before_bg .htmega-doule-btn:nth-child(2)::after { left: 0; } .htmega-doublebutton.before_bg .htmega-doule-btn:nth-child(2)::before { background: #fa9866; } .htmega-doublebutton.before_bg .htmega-doule-btn:nth-child(2)::after { background: #000; } /* * Banner Style */ .htmega-banner .banner-thumb a { /** overflow: hidden; **/ position: relative; display: block; line-height: 0; } .htmega-banner .banner-thumb{ line-height: 0; } .htmega-banner .banner-thumb *{ line-height: normal; } .htmega-banner .banner-content a{ display: inline-block; } .htmega-banner .banner-thumb a::before { background: rgba(255, 255, 255, 0.3); content: ""; height: 0; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 0; } .htmega-banner .banner-thumb a::after { background: rgba(255, 255, 255, 0.3); bottom: 0; content: ""; height: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; transition: all 0.5s ease 0s; width: 0; } .htmega-banner .banner-thumb a img { width: 100%; } .htmega-banner:hover .banner-thumb a::before { height: 100%; opacity: 1; width: 100%; } .htmega-banner:hover .banner-thumb a::after { height: 100%; opacity:1; width: 100%; } .htmega-banner { position: relative; } .htmega-banner .banner-content a { border-bottom: 1px solid #909b74; color: #383838; font-size: 14px; font-weight: 700; text-transform: uppercase; transition: all 0.4s ease 0s; text-decoration: none; } .htmega-banner .banner-content{ position: absolute; z-index: 2; width: 100%; text-align: center; } /*Banner Content Position */ .htmega-banner-content-pos-center .banner-content{ top: 50%; right: 0; left: auto; padding-right: 30px; transform: translateY(-50%); } .htmega-banner-content-pos-bottom .banner-content { bottom: 0; padding-bottom: 40px; } .htmega-banner-content-pos-top .banner-content { top: 0; padding-top: 40px; } /* Banner style one */ .htmega-banner-style-1 .banner-content h6 { color: #1f1e26; font-size: 20px; font-weight: 700; letter-spacing: 11px; text-transform: uppercase; margin-bottom: 0; font-family: "Poppins", sans-serif; } .htmega-banner-style-1 .banner-content h2 { color: #1f1e26; font-size: 60px; text-transform: uppercase; margin-bottom: 1px; font-family: "Poppins", sans-serif; } .htmega-banner-style-1 .banner-content p { color: #1f1e26; font-size: 16px; text-transform: uppercase; margin: 0; } .htmega-banner-style-1 .banner-content h3 { color: #1f1e26; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; font-family: "Poppins", sans-serif; } .htmega-banner-style-1 .banner-content a { color: #383838; font-weight: 700; text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #909b74; transition: 0.4s; } /* Banner Style 02 */ .htmega-banner-style-2 .banner-content h2{ color: #1f1e26; font-family: "Poppins",sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 6px; text-transform: uppercase; } /* Banner Style 03 */ .htmega-banner-style-3 .banner-content h2 { color: #242424; font-size: 30px; font-weight: 400; margin-bottom: 6px; font-family: 'Prata', serif; } .htmega-banner-style-3 .banner-content p { color: #1f1e26; font-size: 14px; text-transform: uppercase; margin: 0; font-weight: 400; font-family: 'Rubik', sans-serif; } /* Banner Style 03 */ .htmega-banner-style-4 .banner-content h2 { color: #ffffff; font-size: 20px; font-weight: 800; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; } .htmega-banner-style-4 .banner-content p { color: #ffffff; margin: 0; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 26px; padding-right: 77px; margin-bottom: 15px; } .htmega-banner-style-4 .banner-content a { font-family: 'Open Sans', sans-serif; font-weight: 600; background: #ffffff; height: 30px; display: inline-block; padding: 0 15px; line-height: 30px; color: #000000; font-size: 12px; border-radius: 20px; transition: 0.4s ease-in-out; } .htmega-banner-style-4 .banner-content a:hover { background: #18012c; color: #fff; } .htmega-banner-style-4 .banner-content { text-align: left; padding-left: 40px; padding-top: 40px; padding-right: 40px; } /* Banner Style 5 */ .htmega-banner-style-5 .banner-content h2 { color: #646161; font-size: 24px; font-weight: 700; margin-bottom: 0; font-family: 'Rubik', sans-serif; } .htmega-banner-style-5 .banner-content h2 span { color: #f3a395; } .htmega-banner-style-5 .banner-content span { color: #f3a395; font-size: 24px; font-weight: 700; margin-bottom: 0; font-family: 'Rubik', sans-serif; } .htmega-banner-style-5.htmega-banner-content-pos-center .banner-content { top: 50%; transform: translateY(-50%); right: 0; padding-right: 30px; } .htmega-banner-style-5 .banner-thumb a::before,.htmega-banner-style-6 .banner-thumb a::before { background: transparent none repeat scroll 0 0; border: 1px solid #f3a395; content: ""; height: 100%; left: 0px; opacity: 1; position: absolute; top: 0px; transition: all 0.4s ease 0s; width: 100%; z-index: 1; } /* Banner Style 6 */ .htmega-banner-style-6 .banner-content { display: flex; justify-content: space-between; flex-direction: column; top: 0; width: 100%; text-align: center; padding: 40px 0; height: 100%; transform: translateY(0); } .htmega-banner-style-6 .banner-content h2{ color: #646161; font-family: "Rubik",sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 0; } .htmega-banner-style-6 .banner-content p { color: #f3a395; font-family: "Rubik",sans-serif; font-size: 24px; font-weight: 700; margin-bottom: 0; } /* * Special Banner Style */ .htmegaspcial-banner.htmega-banner-content-pos-right .banner-content { top: 50%; right: 0; width: auto; transform: translateY(-50%); } .htmegaspcial-banner.htmega-banner-content-pos-left .banner-content { top: 50%; left: 0; width: auto; transform: translateY(-50%); } .htbanner-badgeimage { position: absolute; top: 0; left: 0; display: inline-block; } .htbanner-badgeimage img{ width: 100%; } /* * Image Comparison Style */ .beer-slider input[type="range"]{ height: 100%; } .beer-slider { font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; margin-bottom: 1.5rem; position: relative; } .beer-slider::before { background: transparent; content: ""; height: 100%; opacity: 0.35; position: absolute; right: 0; top: 0; width: 100%; } .htmega-imagecomparison .beer-handle,.htmega-imagecomparison .beer-range:focus ~ .beer-handle{ box-shadow: none; } .htmega-label-pos-center .beer-reveal[data-beer-label]::after, .htmega-label-pos-center .beer-slider[data-beer-label]::after{ top: 50%; } .htmega-label-pos-bottom .beer-reveal[data-beer-label]::after, .htmega-label-pos-bottom .beer-slider[data-beer-label]::after{ bottom: 1.5rem; top: auto; } .beer-reveal[data-beer-label]::after, .beer-slider[data-beer-label]::after { word-break:normal; } /* * Download Monitor */ a.htmega-downloadbtn { font-size: 16px; padding: 10px 15px; text-transform: uppercase; font-weight: 600; text-decoration: none; transition: 0.4s; } .file_meta { font-size: 12px; font-weight: 400; margin-top: 7px; opacity: 0.7; } .file_meta span { margin-right: 10px; position: relative; } .file_meta span::before { border-left: 1px solid; content: ""; height: 10px; left: -8px; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; } .file_meta span:first-child::before{ display: none; } .download_icon{ margin-right: 10px; } .edd_downloads_list .edd_download .edd_download_inner .edd_download_title a{ display: inline-block; text-decoration: none; } /* Buddypress Member Style */ .htmega_buddypress_single { display: inline-block; text-align: center; } .htmega_buddypress_single a{ text-decoration: none; display: inline-block; } .htmega_buddypress_single .buddy_press_meta span{ display: block; } /* Add to cart Style */ .elementor-widget-htmega-wcaddtocart-addons a{ text-decoration: none; } .elementor-widget-htmega-wcaddtocart-addons .quantity { display: inline-block; } .elementor-widget-htmega-wcaddtocart-addons .ajax_add_to_cart.added .elementor-button-text::after, .elementor-widget-htmega-wcaddtocart-addons .single_add_to_cart_button.added .elementor-button-text::after{ font-family: WooCommerce; content: '\e017'; margin-left: 0.53em; vertical-align: bottom; } .elementor-widget-htmega-wcaddtocart-addons .ajax_add_to_cart.loading .elementor-button-text::after, .elementor-widget-htmega-wcaddtocart-addons .single_add_to_cart_button.loading .elementor-button-text::after{ font-family: WooCommerce; content: '\e01c'; vertical-align: top; -webkit-font-smoothing: antialiased; font-weight: 400; position: absolute; top: auto; right: 1em; animation: spin 2s linear infinite; } .elementor-widget-htmega-wcaddtocart-addons .add_to_cart_button, .elementor-widget-htmega-wcaddtocart-addons .single_add_to_cart_button{ position: relative; margin-right: 6px; } .elementor-widget-htmega-wcaddtocart-addons .ajax_add_to_cart.loading, .elementor-widget-htmega-wcaddtocart-addons .single_add_to_cart_button.loading { padding-right: 2.618em; } /* WooCommerce Pages */ .elementor-widget-htmega-wcpages-addons .col-1,.elementor-widget-htmega-wcpages-addons .col-2 { flex: 0 0 100%; max-width: 100%; padding: 0; } .elementor-widget-htmega-wcpages-addons .form-row { display: block; } .elementor-widget-htmega-wcpages-addons .woocommerce-MyAccount-navigation ul li{ list-style: none; } .elementor-widget-htmega-wcpages-addons .woocommerce-MyAccount-navigation ul li a{ text-decoration: none; display: block; } /* WooCommerce Category */ .woocommerce .product-category a{ display: inline-block; transition: 0.4s; } .woocommerce .product-category .mark, .woocommerce .product-category mark { background-color: transparent; padding: 0; } /* Job manager */ .job-manager-application-wrapper .application .application_button, .single_job_listing .application .application_button { height: inherit; } .job_application button, .job_application input[type="button"], .job_application input[type="reset"], .job_application input[type="submit"]{ height:auto; } /* .job_summary_shortcode .job-type { display: inline-block; height: auto !important; margin: 0 !important; } */ .job_summary_shortcode .job-type { height: auto !important; margin: 0 0 9px; } .job_summary_title { font-size: 20px; margin-top: 10px; } .elementor-widget-htmega-jobmanager-addons input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.elementor-widget-htmega-jobmanager-addons select{ width: 100%; margin-bottom: 10px; } .elementor-widget-htmega-jobmanager-addons ul.job_types { list-style: none; margin: 15px 0 10px; padding: 0; } .elementor-widget-htmega-jobmanager-addons ul.job_types li{ display: inline-block; } .elementor-widget-htmega-jobmanager-addons ul.job_types li:not(:last-child),.elementor-widget-htmega-jobmanager-addons ul.job-dashboard-actions li:not(:last-child){ margin-right: 10px; } .elementor-widget-htmega-jobmanager-addons ul.job-dashboard-actions { list-style: none; padding: 0; margin: 0; } .elementor-widget-htmega-jobmanager-addons ul.job-dashboard-actions li{ display: inline-block; } .elementor-widget-htmega-jobmanager-addons fieldset{ margin-bottom: 15px; } /* * Post Carousel Style */ .post-carousel-wrapper { margin: 0 -15px; } .post-carousel-wrapper .slick-slide { margin: 0 15px; } .post-carousel-wrapper .htmega-postslider-layout-1 .content{ max-width: 100%; width: 100%; } .post-carousel-wrapper .htmega-postslider-layout-1 .content{ padding: 0; } .post-carousel-wrapper .htmega-postslider-layout-1 .content .post-inner { background: #33a3b9 none repeat scroll 0 0; transition: 0.4s; } .post-carousel-wrapper .htmega-postslider-layout-1:hover .content .post-inner { background: rgba(51, 163, 185, 0.8) none repeat scroll 0 0; } .post-carousel-wrapper button.slick-arrow { background: #5e5e5e none repeat scroll 0 0; border: 0 none; border-radius: 100%; color: #fff; font-size: 30px; height: 50px; left: -20px; margin: 0; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.4s ease-in-out 0s; width: 50px; line-height: 0; z-index: 9999; } .post-carousel-wrapper button.htmega-carosul-next.slick-arrow { left: auto; right: -20px; } .post-carousel-wrapper .htmega-single-post-slide .content .post-inner ul.meta li{ letter-spacing: 0; } /* Post Carousel Style 2 */ .post-carousel-wrapper .htmega-postslider-layout-2 .content { padding: 0 20px; margin-top: -50px; text-align: center; position: relative; z-index: 2; overflow: hidden; } .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner { background: #ffffff; padding: 20px; border-bottom: 4px solid #b5b5b5; padding-top: 35px; transition: 0.4s ease-in-out; position: relative; } .post-carousel-wrapper .htmega-postslider-layout-2:hover .content .post-inner { border-bottom: 4px solid #0056ff; } /* gradient border */ .post-carousel-wrapper .htmega-postslider-layout-2 .content.htmega-gradient .post-inner{ border:none; } .post-carousel-wrapper .htmega-postslider-layout-2 .content.htmega-gradient .post-inner:after{ content: ""; left: 0; height: 4px; bottom: 0; width: 100%; position: absolute; z-index: 2; background:#b5b5b5; transition: 0.4s ease-in-out; background-image: linear-gradient(90deg, #F9DC03 0%, #F25A75 100%); background-color: transparent; } .post-carousel-wrapper .htmega-postslider-layout-2:hover .content.htmega-gradient .post-inner:after{ background-image: linear-gradient(90deg, #09E328 0%, #00C1C6 100%); } .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner ul { justify-content: space-between; } .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner ul.meta li { color: #8f8f8f; font-size: 14px; font-family: 'Courgette', cursive; } .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner ul.meta li i { font-size: 14px; padding-right: 12px; color: #a8a8a8; } .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner ul.meta li a { color: #8f8f8f; } .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner h2 { font-size: 20px; font-weight: 600; margin-bottom: 11px; line-height: 28px; margin-bottom: 25px; padding: 0 30px; } .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner h2 a { color: #4f4f4f; transition: 0.4s ease-in-out; } .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner h2 a:hover { color: #0056ff; } .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner p { color: #818181; font-size: 14px; line-height: 24px; margin-bottom: 29px; font-family: "Montserrat", sans-serif; font-weight: 300; } /* Post Carousel Style 3 */ .post-carousel-wrapper .htmega-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn,.post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner .post-btn a.readmore-btn,.post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn { border-radius: 0; border-style: none none solid; border-width: 0 0 1px; border-color: #ffffff; color: #ffffff; display: inline-block; font-family: "Montserrat",sans-serif; font-size: 14px; font-weight: 500; height: inherit; line-height: 24px; padding: 0; transition: all 0.4s ease-in-out 0s; } .post-carousel-wrapper .htmega-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn:hover { color: #33a3b9; border-bottom: 1px solid #33a3b9; background: transparent; } .post-carousel-wrapper.htmega-postcarousel-layout-3 button.slick-arrow { background: #263170 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 30px; height: 40px; margin: 0; padding: 0; position: absolute; right: 15px; top: -48px; transition: all 0.4s ease-in-out 0s; width: 46px; border-radius: 0; } .post-carousel-wrapper.htmega-postcarousel-layout-3 button.htmega-carosul-prev.slick-arrow { right: 66px; left: auto; } /*Post Carousel Style 4*/ .post-carousel-wrapper .htmega-postslider-layout-4 .post-carousel-flex{ display: flex; align-items: center; } .post-carousel-wrapper .htmega-postslider-layout-4 .content { flex-basis: 58%; position: relative; margin-left: -75px; background: #fff; padding: 57px 24px; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner { background: transparent none repeat scroll 0 0; padding: 0; text-align: left; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul { justify-content: flex-start; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.post-category { margin: 0 -5px; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.post-category li { margin: 0 5px; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.meta { margin:0; margin-bottom: 10px; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.meta li { color: #8c8c8c; font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 500; margin: 0 14px; letter-spacing: 0; margin-left: 0; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.meta li i { font-size: 16px; padding-right: 10px; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.meta li a { color: #8c8c8c; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner h2 { font-size: 20px; font-weight: 600; margin-bottom: 19px; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner h2 a { color: #464646; transition: 0.4s ease-in-out; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner h2 a:hover { color: #0056ff; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner p { color: #818181; font-size: 14px; line-height: 24px; font-weight: 300; font-family: "Montserrat", sans-serif; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner .post-btn a.readmore-btn { color: #464646; transition: 0.4s ease-in-out; font-family: "Montserrat", sans-serif; font-weight: 500; background: transparent; border-bottom: 1px solid #464646; } .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner .post-btn a.readmore-btn:hover { color: #0056ff; border-bottom: 1px solid #0056ff; background: transparent; } /*Post Carousel Style 5*/ .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner { text-align: left; padding: 30px 0; } .post-carousel-wrapper .htmega-postslider-layout-5 .content { background: transparent; padding: 0; } .post-carousel-wrapper .content .post-inner h2 { word-break: break-word; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul { justify-content: flex-start; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta { margin: 0 -10px; margin-bottom: 7px; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li { color: #8c8c8c; font-size: 14px; font-family: "Montserrat", sans-serif; padding: 0 10px; font-weight: 500; position: relative; margin: 0; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li::before { position: absolute; content: "/"; right: 0; top: 2px; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li:last-child::before { display: none; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li a { color: #8c8c8c; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner h2 { font-size: 24px; font-weight: 500; margin-bottom: 11px; margin: 0; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner h2 a { color: #2b2b2b; transition: 0.4s ease-in-out; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner h2 a:hover { color: #0056ff; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner p { color: #6d6a6a; font-size: 17px; line-height: 29px; margin-bottom: 24px; margin-top: 10px; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn { border-bottom: 1px solid #464646; font-size: 14px; transition: 0.4s ease-in-out; font-family: "Montserrat", sans-serif; color: #464646; background: transparent; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn:hover { border-bottom: 1px solid #0056ff; color: #0056ff; } .post-carousel-wrapper.htmega-postcarousel-layout-5 button.slick-arrow { position: absolute; top: 28%; left: 15px; width: 46px; height: 46px; background: #ffffff; border: 0 none; color: #0056ff; font-size: 24px; padding: 0; margin: 0; transition: 0.4s ease-in-out; z-index: 2; border-radius: 0; } .post-carousel-wrapper.htmega-postcarousel-layout-5 button.slick-arrow:hover { background: #0056ff; color: #ffffff; } .post-carousel-wrapper.htmega-postcarousel-layout-5 button.slick-arrow.htmega-carosul-next { left: auto; right: 15px; } /* New style */ .post-carousel-wrapper.htmega-bottom-right-arrow button.slick-arrow, .post-carousel-wrapper.htmega-bottom-center-arrow button.slick-arrow{ top:100%; } .post-carousel-wrapper.htmega-top-right-arrow button.slick-arrow { top:0; } .post-carousel-wrapper.htmega-top-right-arrow button.slick-arrow { right: 50px; left: auto; } .post-carousel-wrapper.htmega-top-right-arrow button.htmega-carosul-next.slick-arrow { right: 0px; left: auto; } /* bottom right */ .post-carousel-wrapper.htmega-bottom-right-arrow button.slick-arrow { right: 50px; left: auto; } .post-carousel-wrapper.htmega-bottom-right-arrow button.htmega-carosul-next.slick-arrow { right: 0px; left: auto; } /* center bottom */ .post-carousel-wrapper.htmega-bottom-center-arrow button.slick-arrow { left: 50%; margin-left: -40px; } .post-carousel-wrapper.htmega-bottom-center-arrow button.htmega-carosul-next.slick-arrow { left: auto; right: 50%; margin-right: -40px; } .post-carousel-wrapper.htmega-postcarousel-layout-3.htmega-bottom-center-arrow button.htmega-carosul-prev.slick-arrow { right: auto; left: 50%; } /* verticle center */ .post-carousel-wrapper.htmega-postcarousel-layout-3.htmega-verticle-center-arrow button.slick-arrow{ top:50%; } .post-carousel-wrapper.htmega-postcarousel-layout-3.htmega-verticle-center-arrow button.slick-arrow{ left: -20px; right: auto; } .post-carousel-wrapper.htmega-postcarousel-layout-3.htmega-verticle-center-arrow button.htmega-carosul-next.slick-arrow { left: auto; right: -20px; } /* * Image Justify layout */ .htmega-justify-single-image .thumb a { display: block; } .htmega-justify-single-image .thumb a img{ width: 100%; } .htmega-justify-single-image .thumb{ line-height: 0; } /* * Business Hours */ .shapebg_image--1 { background-image: url(img/others/business-shape.png); background-repeat: no-repeat; background-size: cover; background-position: center center; } .htmega-business-horurs-1 .business-hrs-inner { padding: 70px 65px; margin-top: -15px; } .htmega-business-horurs-1 .htmega-single-hrs { margin-top: 15px; } .htmega-business-horurs-1 .htmega-single-hrs span.time { float: right; font-weight: 600; color: #000000; font-size: 20px; font-family: 'Dosis', sans-serif; } .htmega-business-horurs-1 .htmega-single-hrs span.day { color: #3b3b3b; font-weight: 800; font-size: 30px; font-family: 'Dosis', sans-serif; } .htmega-business-horurs-1 .htmega-single-hrs.closed-day span.time { color: #fa2d2d; } .htmega-business-horurs-1 .htmega-single-hrs.closed-day span.day { color: #fa2d2d; } /* Business Hours style two */ .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs { padding: 16px 0; border-top: 1px solid #f4f4f4; position: relative; } .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs:first-child { border-top: 1px solid transparent; } .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs::before { border: 1px dashed #fff; content: ""; height: 42px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 2px; } .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs span.day { color: #fafafa; font-weight: 400; font-size: 18px; font-family: "Montserrat", sans-serif; padding-left: 40px; } .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs span.time { float: right; font-weight: 400; color: #ffffff; font-size: 16px; font-family: "Montserrat", sans-serif; padding-right: 40px; } .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs:nth-child(odd) { background: #ff6f5e; } .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs:nth-child(even) { background: #fe5743; } /* Business Hours style three */ .htmega-business-horurs-3 .business-hrs-inner { padding: 20px 30px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs { padding: 10px 22px; margin: 4px 0; } .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs span { font-family: 'Lobster Two', cursive; } .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs span.day { color: #565656; font-weight: 400; font-size: 20px; } .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs span.time { float: right; font-weight: 400; color: #565656; font-size: 16px; } .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs.closed-day { background: #0056ff; } .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs.closed-day span.time { color: #ffffff; } .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs.closed-day span.day { color: #ffffff; } /* Business Hours style Four */ .htmega-business-horurs-4 .business-hrs-inner { padding: 30px 50px; background-image: url(img/bg/bg-image-40.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .business-hrs-inner h4.hour-title { text-align: center; padding: 20px 0; font-size: 24px; font-weight: 600; } .htmega-business-horurs-4 .business-hrs-inner .htmega-single-hrs { padding: 17px 0; position: relative; } .htmega-business-horurs-4 .business-hrs-inner .htmega-single-hrs:last-child { border: none !important; } .htmega-business-horurs-4 .business-hrs-inner .htmega-single-hrs span { font-family: "Montserrat", sans-serif; } .htmega-business-horurs-4 .business-hrs-inner .htmega-single-hrs span.day { color: #ffffff; font-weight: 500; font-size: 16px; } .htmega-business-horurs-4 .business-hrs-inner .htmega-single-hrs span.time { float: right; font-weight: 300; color: #ffffff; font-size: 14px; } /* Business Hours style Five */ .htmega-business-horurs-5 .business-hrs-inner { padding: 30px 50px; position: relative; z-index: 2; } .htmega-business-horurs-5 .business-hrs-inner::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: 2; right: 0; background-image: linear-gradient(#d80d5f, #2f46dc); background-image: -webkit-gradient(#d80d5f, #2f46dc); background-image: -webkit-linear-gradient(#d80d5f, #2f46dc); background-image: -moz-linear-gradient(#d80d5f, #2f46dc); background-image: -ms-linear-gradient(#d80d5f, #2f46dc); background-image: -o-linear-gradient(#d80d5f, #2f46dc); z-index: -1; } .htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs { padding: 17px 0; position: relative; } .htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs::before { position: absolute; content: ""; width: 60px; height: 2px; left: 45%; top: 50%; transform: translateX(-50%) translateY(-50%); border:1px dotted #ffffff; } .htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs span { font-family: "Montserrat", sans-serif; } .htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs span.day { color: #ffffff; font-weight: 500; font-size: 16px; } .htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs span.time { float: right; font-weight: 300; color: #ffffff; font-size: 14px; } /* * Custom Table Style */ .htmega-table-style { border-radius: 10px 10px 0 0; } .htmega-table-style .htb-table { margin: 0; } .htmega-table-style .htb-table thead { background-color: #612d91; } .htmega-table-style .htb-table thead tr th { text-align: center; border: none; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #ffffff; padding: 12px 20px; border-right: 1px solid #fff; } .htmega-table-style table.htb-table tbody>tr:nth-child(odd)>td, .htmega-table-style table.htb-table tbody>tr:nth-child(odd)>th{ background: unset; } .htmega-table-style .htb-table tbody tr { background: #824f9e; } .htmega-table-style .htb-table tbody tr td { text-align: center; border: none; padding: 12px 20px; vertical-align: middle; border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 16px; border-right: 1px solid #fff; } .htmega-table-style .htb-table thead tr th.sorting,.htmega-table-style .htb-table thead tr th.sorting_asc,.htmega-table-style .htb-table thead tr th.sorting_desc{ position: relative; } .htmega-table-style .htb-table thead tr th.sorting::before, .htmega-table-style .htb-table thead tr th.sorting_asc::before, .htmega-table-style .htb-table thead tr th.sorting_desc::before, .htmega-table-style .htb-table thead tr th.sorting::after, .htmega-table-style .htb-table thead tr th.sorting_desc::after, .htmega-table-style .htb-table thead tr th.sorting_asc::after { position: absolute; content: "\f0d7"; right: 20px; font-family: FontAwesome; top: 50%; transform: translateY(-50%); margin-top: 7px; font-size: 18px; } .htmega-table-style .htb-table thead tr th.sorting::after, .htmega-table-style .htb-table thead tr th.sorting_desc::after, .htmega-table-style .htb-table thead tr th.sorting_asc::after { content: "\f0d8"; margin-top: -5px; } .htmega-table-style select{ width: auto; } .ast-container .htmega-table-style select{ background-position-y: calc(50%); } /* Table Style 02 */ .htmega-table-style-2 { border-radius: 0; } .htmega-table-style-2 .htb-table { margin: 0; } .htmega-table-style-2 .htb-table thead { background-color: #5ac5ff; } .htmega-table-style-2 .htb-table thead tr th { text-align: left; border: none; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #ffffff; padding: 12px 20px; border-right: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; padding-left: 30px; outline: none; } .htmega-table-style-2 .htb-table tbody tr { background: #ffffff; } .htmega-table-style-2 .htb-table tbody tr:nth-child(even) { background: #f4f4f4; } .htmega-table-style-2 .htb-table tbody tr td { text-align: left; border: none; padding: 12px 20px; vertical-align: middle; color: #000000; font-size: 16px; border-right: 1px solid #c5c5c5; padding-left: 30px; border-left: 1px solid #c5c5c5; } .htmega-table-style-2 td a { font-size: 16px; font-weight: 600; color: #18012c; } /*Table Style 03*/ .htmega-table-style-3{ border-radius: 0; } .htmega-table-style-3 .htb-table { margin: 0; } .htmega-table-style-3 .htb-table thead { background-color: #727272; } .htmega-table-style-3 .htb-table thead tr th { text-align: left; border: none; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #ffffff; padding: 12px 20px; border-right: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; padding-left: 30px; } .htmega-table-style-3 .htb-table tbody tr { background: #ffffff; } .htmega-table-style-3 .htb-table tbody tr td { text-align: left; border: none; padding: 12px 20px; vertical-align: middle; color: #000000; font-size: 16px; border-right: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; padding-left: 30px; } .htmega-table-style-3 td a { font-size: 16px; font-weight: 600; color: #18012c; } .htmega-table-style table { border: 0; } .htmega-table-export-btn { display: inline-block; float: right; margin-top: 10px; overflow: hidden; background: #824F9E; color: #fff; line-height: 1; padding: 7px 16px; border-radius: 3px; cursor: pointer; transition: all 0.3s ease-in-out; } .htmega-table-export-btn:hover{ background: #000; } /* * Pricing List View Style */ .htmega-pricing-list-view a{ text-decoration: none; } .htmega-pricing-list-view .htb-table { margin: 0; } .htmega-pricing-list-view .htb-table thead tr th { text-align: center; font-size: 16px; font-weight: 500; color: #5c5c5c; padding: 12px 20px; border-right: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; font-family: "Montserrat", sans-serif; text-transform: inherit; } .htmega-pricing-list-view .htb-table td.tb-name a { font-size: 16px; font-weight: 600; color: #18012c; } .htmega-pricing-list-view .htb-table tbody tr td { text-align: center; border: none; padding: 12px 20px; vertical-align: middle; border-bottom: 1px solid #d4d4d4; color: #5c5c5c; font-size: 16px; border-right: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; } .htmega-pricing-list-view .htb-table tbody tr td a { color: #5c5c5c; } .table-responsive td.htmega-pricing-row-cell .htmega-pricing-table__head-row-cell-area , .table-responsive .htmega-pricing-table__head-column-cell-text { word-break: initial; } .table-responsive.htmega-pricing-list-view { overflow-x: auto; } .table-responsive.htmega-pricing-list-view table.table { margin: 0; } /* Icon Positions */ .htmega-pricing-list-view .htmega-pricing-table__head-column-cell-area { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .htmega-column-position-icon-left .htmega-pricing-table__head-column-cell-area { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .htmega-column-position-icon-right .htmega-pricing-table__head-column-cell-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .htmega-column-position-icon-left .htmega-pricing-table__head-column-cell-icon, .htmega-column-position-icon-right .htmega-pricing-table__head-column-cell-icon { width: auto; } .htmega-column-position-icon-bottom .htmega-pricing-table__head-column-cell-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .htmega-column-position-icon-top .htmega-pricing-table__head-column-cell-area { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .htmega-column-position-icon-bottom .htmega-pricing-table__head-column-cell-icon, .htmega-column-position-icon-top .htmega-pricing-table__head-column-cell-icon { width: 100%; } .htmega-pricing-table__head-column-cell .htmega-pricing-table__head-column-cell-area .htmega-pricing-table__head-column-cell-icon img { width: 40%; } .htmega-pricing-row-cell span.ht-data-label { padding: 5px 8px; border-radius: 20px; position: relative; background: #11A683; color: #fff; font-size: 10px; } /* Table list view layout 4 ( No border ) */ .htmega-pricing-table-style-4 table.table, .htmega-pricing-table-style-4 table.table td, .htmega-pricing-table-style-4 table.table th { border: none; } .htmega-pricing-table-style-4 th.htmega-pricing-table__head-column-cell , .htmega-pricing-table-style-4 td.htmega-pricing-row-cell { position: relative; } .htmega-pricing-table-style-4 th.htmega-pricing-table__head-column-cell .htmega-pricing-table__head-column-cell-area:before, .htmega-pricing-table-style-4 td.htmega-pricing-row-cell .htmega-pricing-table__head-row-cell-area:before { position: absolute; content: ""; background: transparent; width: 10px; height: 10px; left: 0; border-radius: 50px; } .htmega-pricing-row-cell .htmega-button .htb-btn { font-size: 14px; } .htmega-pricing-list-view.htmega-pricing-table-style-4 table.table { border-collapse: separate; border-spacing: 0 20px; } .htmega-pricing-list-view.htmega-pricing-table-style-4 table.table tr { background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-radius: 50px; } .htmega-pricing-list-view.htmega-pricing-table-style-4 table.table tr td:first-child ,.htmega-pricing-list-view.htmega-pricing-table-style-4 table.table tr th:first-child { border-radius: 10px 0px 0px 10px; } .htmega-pricing-list-view.htmega-pricing-table-style-4 table.table tr td:last-child , .htmega-pricing-list-view.htmega-pricing-table-style-4 table.table tr th:last-child { border-radius: 0px 10px 10px 0px; } .htmega-column-position-icon-right .htmega-pricing-table__head-column-cell-icon { padding-left: 5px; } .htmega-column-position-icon-left .htmega-pricing-table__head-column-cell-icon { padding-right: 5px; } /* For Row */ .elementor-widget-htmega-pricinglistview-addons .htmega-pricing-table__head-row-cell-area { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-top .htmega-pricing-table__head-row-cell-area { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-bottom .htmega-pricing-table__head-row-cell-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-left .htmega-pricing-table__head-row-cell-area { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-right .htmega-pricing-table__head-row-cell-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-bottom .ha-table__body-row-cell-icon, .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-top .ha-table__body-row-cell-icon { width: 100%; } .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-left .ha-table__body-row-cell-icon, .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-right .ha-table__body-row-cell-icon { width: auto; } .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-right .htmega-pricing-table__head-row-cell-area .htmega-pricing-table__head-row-cell-icon { padding-left: 5px; } .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-left .htmega-pricing-table__head-row-cell-area .htmega-pricing-table__head-row-cell-icon { padding-right: 5px; } /* Pricing Style 02 */ .htmega-pricing-table-style-2 .htb-table { margin: 0; } .htmega-pricing-table-style-2 .htb-table thead tr th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; padding: 0; border: 0 none; border-right: 1px solid #fff; border-left: 1px solid #fff; } .htmega-pricing-table-style-2 .htb-table thead tr th:first-child { border: 1px solid transparent !important; } .htmega-pricing-table-style-2 .htb-table thead tr th span { text-align: center; font-size: 24px; font-weight: 600; color: #ff6565; font-family: "Montserrat", sans-serif; text-transform: inherit; background: #ffc1c1; display: block; padding: 12px 20px; text-transform: initial; } .htmega-pricing-table-style-2 .htb-table tbody tr td { text-align: center; border: none; padding: 0; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; } .htmega-pricing-table-style-2 .htb-table tbody tr td:first-child { border-left: 1px solid transparent; border-bottom: 1px solid transparent; } .htmega-pricing-table-style-2 .htb-table tbody tr td span { padding: 12px 20px; vertical-align: middle; color: #ffffff; font-size: 16px; background: #ff8686; display: block; } .htmega-pricing-table-style-2 .htb-table tbody tr td span i { color: #ffffff; font-size: 16px; } .htmega-pricing-table-style-2 .htb-table tbody tr td a { color: #ffffff; } .htmega-pricing-table-style-2 .htb-table td.tb-name a { font-size: 16px; font-weight: 600; color: #18012c; } /* htmega-pricing-table-style-3 */ .htmega-pricing-table-style-3 ul { list-style: none; padding: 0; margin: 0; } .htmega-pricing-table-style-3 ul li { margin-bottom: 25px; } .htmega-pricing-table-style-3 ul li a { display: flex; flex-wrap: wrap; list-style: none; align-items: center; } .htmega-pricing-table-style-3 ul li a .price-list-text { flex: 1; min-width: 1px; align-items: center; display: flex; flex-wrap: wrap; } .htmega-pricing-table-style-3 ul li a .price-list-text span { color: #373737; font-weight: 600; font-size: 20px; } .htmega-pricing-table-style-3 ul li a .price-list-text span.separator { margin-left: 20px; border-bottom-style: dotted; border-bottom-width: 1px; height: 0; color: #ccc; border-bottom-style: dashed; border-bottom-color: #b9b9b9; flex: 1; min-width: 1px; } .htmega-pricing-table-style-3 ul li a .price-text-right { width: auto; padding-left: 20px; } .htmega-pricing-table-style-3 ul li a .price-text-right span.price { background: #ff8686; display: inline-block; color: #ffffff; font-weight: 600; font-size: 20px; height: 45px; padding: 0 33px; line-height: 46px; margin-right: 10px; border-radius: 22px; } .htmega-pricing-table-style-3 ul li a .price-text-right span.basket { display: inline-block; background: #ff9898; height: 45px; line-height: 44px; width: 45px; text-align: center; border-radius: 100%; color: #fff; font-size: 18px; } /* * Vertical Timeline */ .htc-verctimeline-wrapper { position: relative; margin-top: 30px; } .htc-verctimeline-wrapper.htmega-verticletimeline-style-2::before { content: ""; position: absolute; left: 50%; top: 0; width: 6px; background: #18012c; height: 100%; margin-left: -1px; border-radius: 20px; } .htc-verctimeline-wrapper .ht-ver-timeline { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 30px 0; position: relative; } .htc-verctimeline-wrapper .ht-ver-timeline::before { content: ""; position: absolute; left: 50%; top: 0; width: 2px; background: #d2d2d2; height: 100%; margin-left: -1px; } .htc-verctimeline-wrapper .ht-ver-timeline:last-child::before { display: none; } .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time { width: 50%; text-align: right; position: relative; -webkit-align-self: baseline; -moz-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; position: relative; top: -53px; padding-right: 30px; padding-left: 0; } .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time::before { position: absolute; content: ""; right: -15px; top: 50%; margin-top: -15px; height: 30px; width: 30px; border: 7px solid #e98250; border-radius: 100%; background: #fff; transform: translateY(-50%); } .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date { width: 100px; border: 13px solid #f88a55; text-align: center; display: inline-block; height: 100px; border-radius: 100%; background: #fff; position: relative; top: -15px; margin-right: 11px; } .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date::before, .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time .vertical-date span.month:before { position: absolute; content: ""; left: 100%; top: 50%; height: 10px; width: 10px; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #f58854; transform: translateY(-50%); margin-left: 12px; } .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date span { display: block; color: #fc8c56; font-size: 18px; font-weight: 500; line-height: 28px; font-family: "Montserrat", sans-serif; height: 100%; display: flex; align-items: center; justify-content: center; } .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content { padding-left: 123px; text-align: left; width: 50%; position: relative; top: -30px; } .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content::before { position: absolute; content: ""; border-style: dashed; left: 25px; height: 1px; width: 80px; border-width: 0 0 2px; top: 11px; border-color: #f38753; } .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content p { color: #494849; font-size: 14px; line-height: 28px; } .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time { text-align: left; padding-left: 30px; padding-right: 0; } .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time::before { right: auto; left: -15px; } .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date { margin-right: 0; margin-left: 11px; } .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date::before { right: 115%; left: auto; border-top: 10px solid transparent; border-right: 15px solid #fc8c56; border-bottom: 10px solid transparent; border-left: 10px solid transparent; } .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .timeline-content { padding-left: 0; padding-right: 123px; text-align: right; } .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .timeline-content::before { left: auto; right: 25px; } /* Vertical Timeline style 04 */ h6.time_line_title{ margin-top: 0; margin-bottom: 10px; padding: 0; line-height: 1.3; font-size: 19px; } .htc-verctimeline-wrapper.htmega-verticletimeline-style-4 .ht-ver-timeline .timeline-content{ padding-left: 40px; } .htc-verctimeline-wrapper.htmega-verticletimeline-style-4 .ht-ver-timeline.vertical-reverse .timeline-content{ padding-right: 40px; padding-left: 0; } .htmega-verticletimeline-style-4 .ht-ver-timeline .timeline-content::before,.htmega-verticletimeline-style-4 .ht-ver-timeline .timeline-content::before{ display: none; } .htmega-verticletimeline-style-4 .ht-ver-timeline .vertical-time .vertical-date { border: none; padding: 12px; } .htmega-verticletimeline-style-4 .ht-ver-timeline .vertical-time .vertical-date:after,.htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time .vertical-date span.month:after { position: absolute; background: #e98250; height: 100%; width: 100%; content: ""; top: 0; left: 0; border-radius: 100%; } .htmega-verticletimeline-style-4 .ht-ver-timeline .vertical-time .vertical-date span.month { position: relative; z-index: 2; background: #fff; border-radius: 100%; height: 100%; width: 100%; top: 0; bottom: 0; margin: 0; display: flex; align-items: center; justify-content: center; padding: 5px; } .htmega-verticletimeline-style-4 .ht-ver-timeline .vertical-time .vertical-date::before { left: 99%; margin: 0; } .htmega-verticletimeline-style-4 .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date::before { right: 99%; } /* Vertical Timeline style 02 */ .htc-verctimeline-wrapper .ht-ver-timeline--2 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 40px 0 0; position: relative; } .htc-verctimeline-wrapper .ht-ver-timeline--2::before { position: absolute; content: ""; width: 6px; height: 100%; background: #cf2037; left: 50%; transform: translateX(-1px); top: 0; transition: 0.4s ease-in-out; opacity: 0; border-radius: 20px; } .htc-verctimeline-wrapper .ht-ver-timeline--2:hover::before { opacity: 1; } .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time { width: 50%; text-align: right; position: relative; -webkit-align-self: baseline; -moz-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; position: relative; padding-right: 40px; } .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time::before { position: absolute; content: ""; right: -12px; top: 50%; margin-top: 0px; height: 20px; width: 20px; border: 6px solid #18012c; border-radius: 100%; background: #fff; transform: translateY(-50%); transition: 0.4s ease-in-out; } .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time .vertical-date span { display: block; color: #18012c; font-size: 18px; font-weight: 700; line-height: 28px; font-family: "Montserrat", sans-serif; } .htc-verctimeline-wrapper .ht-ver-timeline--2:hover .vertical-time::before { border: 6px solid #cf2037; } .htc-verctimeline-wrapper .ht-ver-timeline--2 .timeline-content { padding-left: 40px; text-align: left; width: 50%; position: relative; } .htc-verctimeline-wrapper .ht-ver-timeline--2 .timeline-content h6 { color: #18012c; font-size: 18px; font-weight: 700; transition: 0.4s ease-in-out; } .htc-verctimeline-wrapper .ht-ver-timeline--2 .timeline-content p { color: #313131; font-size: 15px; line-height: 25px; font-family: "Montserrat", sans-serif; } .htc-verctimeline-wrapper .ht-ver-timeline--2:hover .timeline-content h6 { color: #cf2037; } .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time { text-align: left; padding-left: 40px; padding-right: 0; } .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time::before { right: auto; left: -9px; } .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time .vertical-date { margin-right: 0; margin-left: 11px; } .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .timeline-content { padding-left: 0; padding-right: 40px; text-align: right; } .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time .vertical-date span.month { display: inline-block; position: relative; z-index: 1; } .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time .vertical-date span.month:after { border-radius: 0; background: rgba(0, 0, 0, 0); z-index: -1; } .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time .vertical-date span.month:before { margin: 0; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid transparent; } .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time .vertical-date span.month:before { right: 100%; left: auto; border-top: 8px solid transparent; border-right: 12px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; } /* Vertical Timeline style 03 */ .htc-verctimeline-wrapper .ht-ver-timeline--3 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; position: relative; } .htc-verctimeline-wrapper .ht-ver-timeline--3::before { content: ""; position: absolute; left: 50%; top: 0; width: 3px; background: #f4f4f4; height: 100%; margin-left: -2px; } .htc-verctimeline-wrapper .ht-ver-timeline--3:last-child::before { display: none; } .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-time { width: 50%; text-align: right; padding: 0 40px; position: relative; -webkit-align-self: baseline; -moz-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; position: relative; } .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-time .vertical-date span { display: block; color: #18012c; font-size: 30px; font-weight: 700; line-height: 28px; font-family: "Montserrat", sans-serif; position: absolute; left: 100%; width: 60px; height: 60px; background: #f4f4f4; text-align: center; line-height: 60px; border-radius: 100%; top: 0; transform: translateX(-50%); transition: all 0.3s ease-in-out; } .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content { padding-left: 67px; text-align: left; width: 50%; position: relative; top: 0; } .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content .content { background: #ffffff; box-shadow: 0 0 97px rgba(0, 0, 0, 0.1); padding: 38px 30px; position: relative; transition: all 0.3s ease-in-out; } .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content .content::before { right: 100%; left: auto; border-top: 10px solid transparent; border-right: 20px solid #ffffff; border-bottom: 10px solid transparent; border-left: 10px solid transparent; position: absolute; content: ""; margin-top: -15px; height: 10px; width: 10px; transition: all 0.3s ease-in-out; } .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content h6 { color: #18012c; font-size: 18px; font-weight: 700; transition: 0.4s ease-in-out; margin-bottom: 8px; } .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content p { color: #18012c; font-size: 14px; line-height: 28px; transition: all 0.3s ease-in-out; } .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .vertical-time { text-align: left; padding: 0 40px; } .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .vertical-time .vertical-date span { left: auto; right: 100%; transform: translateX(50%); } .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .timeline-content { padding-right: 67px; text-align: right; padding-left: 0; } .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .timeline-content .content::before { left: 100%; right: auto; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #ffffff; } /* small mobile :320px. */ @media (max-width: 767px) { .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time { padding-right: 30px; } .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time { padding-left: 30px; } .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-time,.htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .vertical-time { width: auto; padding: 0 18px; } .htc-verctimeline-wrapper .ht-ver-timeline--3::before { display: none; } .htc-verctimeline-wrapper .ht-ver-timeline--3{ margin-bottom:30px; } } /* * Offcanvas Style */ .offcanvas{ text-align: center; } .offcanvas .canvas-btn { display: inline-block; color: #ffffff; font-size: 16px; font-family: "Montserrat", sans-serif; font-weight: 500; padding: 13px 36px; line-height: 1.4; border-radius: 4px; background: #fa9866; text-decoration: none; } .offcanvas svg { width: 20px; vertical-align: middle; } .site-menu .searchform input[type="text"] { color: #fff; } .site-menu.show-nav { -webkit-transform: translateX(440px); transform: translateX(440px); -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0); } .site-menu { width: 440px; height: 100%; position: fixed; top: 0; left: -440px; background: #000000; transform: translateX(0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 300ms ease all; transition: 300ms ease all; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 99; overflow-y: auto; padding-top: 80px; } .admin-bar .site-menu{ padding-top: 120px; } .site-menu a.canvas-closebtn i{ border: 1px solid #fff; color: #fff; padding: 9px; position: absolute; right: 20px; top: 20px; } .admin-bar .site-menu a.canvas-closebtn i{ top: 60px; } .site-menu.align-right-active { transform: translateX(0); } .site-menu.align-right-active.show-nav { -webkit-transform: translateX(-440px); transform: translateX(-440px); -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0); } .site-menu.align-right-active { left: auto; right: -440px; } .site-menu.align-top-active { transform: translateY(0); } .site-menu.align-top-active.show-nav { -webkit-transform: translateY(150px); transform: translateY(150px); -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); } .site-menu.align-bottom-active { transform: translateY(0); } .site-menu.align-bottom-active.show-nav { -webkit-transform: translateY(-150px); transform: translateY(-150px); -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); } .site-menu.align-bottom-active, .site-menu.align-top-active { left: 0; right: auto; bottom: -150px; top: auto; width: 100%; height: 150px; } .site-menu.align-top-active { top: -150px; bottom: auto; width: 100%; height: 150px; } .site-menu .content_offcanvas .elementor-widget-wp-widget-nav_menu ul { padding: 0; margin: 0; list-style: none; } .site-menu .content_offcanvas .elementor-widget-wp-widget-nav_menu ul li a { color: #ffffff; font-size: 15px; display: block; padding: 13px 0; border-top: 1px solid #414141; text-transform: uppercase; text-decoration: none; } .site-menu .content_offcanvas .elementor-widget-wp-widget-nav_menu ul li:first-child a { border-top: 1px solid transparent; } .site-menu .content_offcanvas .blog-search{ margin: 0 70px; } .site-menu .content_offcanvas .blog-search form input,.site-menu .content_offcanvas_verticle .blog-search form input { border-radius: 20px; height: 40px; } .site-menu .content_offcanvas .blog-search form button,.site-menu .content_offcanvas_verticle .blog-search form button { height: 40px; } .site-menu .content_offcanvas .blog-search form button:hover,.site-menu .content_offcanvas_verticle .blog-search form button:hover{ color: #ffffff; } .site-menu .content_offcanvas_verticle .linemenu-nav ul li { margin: 0 10px; } .admin-bar .site-menu.align-top-active,.site-menu.align-bottom-active { padding-top: 40px !important; } .admin-bar .site-menu.align-top-active .elementor-image { margin-top: 7px; } .site-menu.align-top-active a.canvas-closebtn i,.site-menu.align-bottom-active a.canvas-closebtn i { z-index: 999; } /* * Image Magnifier Style */ .magnifier-lens{ cursor: pointer; } /* * Animated Heading */ .htmega-animated-heading{ text-align: center; } .htmega-animated-heading .cd-words-wrapper b { color: #0056ff; } /*Animated Heading 01*/ .htmega-style-1 h4{ color: #515151; font-size: 36px; margin: 0; font-weight: 600; } /*Animated Heading 02*/ .htmega-style-2 h4 span.beforetext { padding: .25em 0 .325em; margin: 0 auto; text-shadow: 0 0 80px rgba(255, 255, 255, 0.5); font-size: 60px; color: #515151; /* Clip Background Image */ -webkit-background-clip: text; background-clip: text; /* Animate Background Image */ -webkit-text-fill-color: transparent; -webkit-animation: bgimganimation 80s linear infinite; /* Activate hardware acceleration for smoother animations */ -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; background-color: #007bff; } /*Animated Heading 03*/ .htmega-style-3 h4{ color: #515151; font-size: 60px; font-weight: 700; margin: 0; } /*Animated Heading 04*/ .htmega-style-4 h4{ vertical-align: middle; text-align: center; font-size: 36px; color: #4e4e4e; font-weight: 400; font-style: italic; } /*Animated Heading 05*/ .htmega-style-5 h4{ font-size: 36px; } /*Animated Heading 06*/ .htmega-style-6 h4{ text-align: center; font-size: 36px; color: #515151; font-weight: 400; margin: 0; } .htmega-style-6 .cd-words-wrapper b { font-style: italic; font-size: 48px; color: #0056ff; margin-top: -9px; } .cd-headline.loading-bar .cd-words-wrapper::after { background: #0056ff; } /* heading placeholder */ .htmega-animated-heading .cd-headline::before { font-size: 100px; font-weight: 100; position: absolute; z-index: -1; top: 0; left: 50%; content: attr(data-pltext); -webkit-transform: translateX(-50%) translateY(-14px); -ms-transform: translateX(-50%) translateY(-14px); transform: translateX(-50%) translateY(-14px); text-transform: uppercase; color: #2e98fb24; white-space: nowrap; margin-top: -15px } .htmega-animated-heading .headline-placeholder { position: relative; z-index: 1; } /* * Panel Slider */ .htmega-carousel-activation { position: relative; } .htmega-carousel-activation .panel-slider .content h2{ margin-top: 0; } .panel-slider-wrapper.htmega-carousel-activation .slick-track { margin: 0 -2px; } .panel-slider-wrapper.htmega-carousel-activation .slick-track .slick-slide { padding: 0 2px; } .panel-slider-wrapper.htmega-carousel-activation button { position: absolute; top: 50%; left: 70px; z-index: 2; width: 50px; height: 50px; border-radius: 100%; line-height: 50px; color: #fff; background: rgba(255, 255, 255, 0.5); border: 0 none; transform: translateY(-50%); transition: 0.4s ease-in-out; font-size: 24px; padding: 0; } .panel-slider-wrapper.htmega-carousel-activation button:hover { background: rgba(24, 1, 44, 0.5); } .panel-slider-wrapper.htmega-carousel-activation button.htmega-carosul-next { left: auto; right: 70px; } .panel-slider { position: relative; } .panel-slider .content { position: absolute; bottom: 0; left: 0; padding: 33px 40px; background: rgba(0, 0, 0, 0.45); width: 100%; } .panel-slider .content h2 { color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 8px; } .panel-slider .content h2 a{ color: inherit; font-size: inherit; font-family: inherit; text-decoration: none; } .panel-slider .content span { color: #ffffff; font-size: 16px; } .panel-slide-active-2 .slick-slide { margin: 0 2px; } .panel_slider_style-1 .htmega-carousel-activation .panel-slider .content { opacity: 0; transition: all 0.3s ease-in-out; z-index: -1; } .panel_slider_style-1 .htmega-carousel-activation .slick-slide.slick-center .panel-slider .content { opacity: 1; z-index: 1; } .panel-slider .thumb img { width: 100%; } .panel_slider_area .slick-slide>div{ line-height: 0; } .panel_slider_area .slick-slide>div *{ line-height: normal; } /* Panel Slide 2 */ .panel_slider_style-2 .htmega-carousel-activation .slick-track { margin: 0 -2px; } .panel_slider_style-2 .htmega-carousel-activation .slick-track .slick-slide { padding: 0 2px; } .panel_slider_style-2 .htmega-carousel-activation button { position: absolute; top: 50%; left: 50px; z-index: 2; color: #000000; border: 0 none; transform: translateY(-50%); transition: 0.4s ease-in-out; font-size: 36px; } .panel_slider_style-2 .htmega-carousel-activation button:hover { color: #18012c; } .panel_slider_style-2 .htmega-carousel-activation button.htmega-carosul-next { left: auto; right: 50px; } .panel_slider_style-2 .htmega-carousel-activation .panel-slider { position: relative; } .panel_slider_style-2 .htmega-carousel-activation .panel-slider .thumb img { width: 100%; } .panel_slider_style-2 .htmega-carousel-activation .panel-slider .content { position: absolute; bottom: 0; padding: 33px 40px; background: rgba(0, 0, 0, 0.8); text-align: center; left: 0; width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateY(110%); -moz-transform: translateY(110%); transform: translateY(110%); opacity: 0; } .panel_slider_style-2 .htmega-carousel-activation .panel-slider .content h2 { color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 8px; } .panel_slider_style-2 .htmega-carousel-activation .panel-slider .content span { color: #ffffff; font-size: 16px; } .panel_slider_style-2 .htmega-carousel-activation .panel-slider:hover .content { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } .htmega-custom-width .htmega-carousel-activation .slick-active:not(.slick-center) .panel-slider .content{ display: none; } /*Panel Slider 3 */ .panel_slider_style-3 .panel-slider .content-inner { -webkit-transition: opacity .15s 0s; -moz-transition: opacity .15s 0s; transition: opacity .15s 0s; position: absolute; width: 100%; text-align: center; height: 100%; top: 0; } .panel_slider_style-3 .panel-slider .content-inner::after { content: ''; position: absolute; top: -100%; left: 0; height: 100%; width: 100%; background: black; -webkit-transition: top .35s; -moz-transition: top .35s; transition: top .35s; } .panel_slider_style-3 .panel-slider .content-inner .content { position: absolute; z-index: 2; width: 100%; top: 50%; transform: translateY(-50%); transition: 0.4s ease-in-out; opacity: 0; bottom: auto; background:transparent!important; } .panel_slider_style-3 .panel-slider .content-inner .content h2 { color: #fff; margin-bottom: 10px; font-size: 30px; } .panel_slider_style-3 .panel-slider:hover .content-inner::after { top: 0; } .panel_slider_style-3 .panel-slider:hover .content-inner .content { opacity: 1; } /* Panel Slide 4 */ .panel_slider_style-4 .htmega-carousel-activation button { position: absolute; top: 50%; left: 0; z-index: 2; width: 50px; height: 50px; border-radius: 100%; line-height: 50px; color: #000000; border: 0 none; transform: translateY(-50%); transition: 0.4s ease-in-out; font-size: 24px; border: 1px solid #000000; } .panel_slider_style-4 .htmega-carousel-activation button:hover { border: 1px solid #ffffff; color: #ffffff; } .panel_slider_style-4 .htmega-carousel-activation button.slick-arrow{ left: 140px; } .panel_slider_style-4 .htmega-carousel-activation button.htmega-carosul-next { left: auto; right: 140px; } .panel_slider_style-4 .htmega-carousel-activation .slick-slide { padding: 72px 0; transition: all 0.3s ease 0s; } .panel_slider_style-4 .htmega-carousel-activation .panel-slider { position: relative; transition: all 0.3s ease 0s; } .panel_slider_style-4 .htmega-carousel-activation .slick-slide.slick-center .panel-slider { transform: scale(1.3); z-index: 2; } .panel_slider_style-4 .htmega-carousel-activation .panel-slider { position: relative; transform: scale(0.9); } .panel_slider_style-4 .htmega-carousel-activation .panel-slider::before { background: rgba(255, 255, 255, 0.7); position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; transition: 0.3s ease-in-out; } .panel_slider_style-4 .htmega-carousel-activation .slick-slide.slick-center .panel-slider::before { display: none; } .panel_slider_style-4 .htmega-carousel-activation { margin: 0 -70px; } .panel_slider_style-4 .htmega-carousel-activation .thumb img { width: 100%; } .panel_slider_style-4 .htmega-carousel-activation .slick-slide { margin: 0 70px; } /* * Scroll Images Style */ .ht-scroll-image { position: relative; border-style: solid; border-width: 20px 20px 20px 20px; border-color: #ffffff; border-radius: 5px 5px 5px 5px; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden; } .ht-scroll-image .thumb { min-height: 600px; transition: background-position 6s ease-in-out; -webkit-transition: background-position 6s ease-in-out; border-style: solid; border-width: 0px 0px 0px 0px; display: block; position: relative; width: 100%; background-position: top; background-repeat: no-repeat; background-size: cover; overflow: hidden; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; transition-duration: 3s; } .ht-scroll-image .thumb:hover { background-position: center bottom !important; } .ht-scroll-image span.htmega-badge { position: absolute; left: 0; top: 0; border: 1px solid transparent; border-radius: 50px; padding: 10px 20px; z-index: 9; background: #fff; margin: 15px; font-size: 13px; line-height: 1; } /* * Weather Style Css */ /* * Custom Event */ .ht-event { align-items: center; border: 1px solid #efefef; border-radius: 10px; display: flex; margin-top: 40px; padding: 10px; } .ht-event .thumb { flex-basis: 50%; position: relative; } .ht-event .thumb a img { width: 100%; } .ht-event .content { flex-basis: 50%; padding-left: 27px; } .ht-event .thumb .event-date { background: #141414 none repeat scroll 0 0; color: #fff; padding: 8px 0; position: absolute; right: -13px; text-align: center; top: 0; width: 60px; } .ht-event .thumb .event-date span { display: block; font-size: 20px; font-style: italic; font-weight: 500; } .ht-event .content h4 { font-size: 18px; margin-bottom: 15px; margin-top: 0; } .ht-event .content ul.event-time { display: flex; list-style: outside none none; margin: 0; padding: 0; } .ht-event .content ul.event-time li { color: #909090; font-size: 14px; } .ht-event .content ul.event-time li i { color: #56a4b1; padding-right: 10px; } .ht-event .content p { color: #727272; font-size: 14px; line-height: 24px; margin-top: 10px; } .ht-event .content .event-btn a { border-bottom: 1px solid #727272; color: #727272; font-size: 14px; font-weight: 500; transition: all 0.4s ease-in-out 0s; } .ht-event .content ul.event-time li + li { margin-left: 15px; padding-left: 15px; position: relative; } .ht-event .content ul.event-time li + li::before { background: #9f9f9f none repeat scroll 0 0; content: ""; height: 15px; left: 0; position: absolute; top: 28%; width: 2px; } /*Map Style */ #htmega-google-map{ width: 100%; } .htmega-google-map-inilasije { position: relative; } .htmega-google-map-address-{ position: absolute; } .htmega-google-map-address-yes { position: absolute; z-index: 3; color: #000000; background: #ffff; right: 10%; top: 50%; transform: translateY(-50%); max-width: 265px; padding: 30px; border-radius: 10px; } .htmega-google-map-address-yes span{ font-family: "Montserrat", Sans-serif; font-size: 16px; font-weight: 700; text-decoration: underline; } .htmega-google-map-address-yes p{ margin: 0; } .htmega-baloon-text span{ font-weight: 600; } .header-transparent .mean-container .mean-nav { background: #111111 none repeat scroll 0 0; float: left; width: 100%; } .header-transparent a.meanmenu-reveal i{ color: #fff; } .mean-container .mean-nav > ul { padding: 0; } .header-transparent .mean-container .mean-nav a.mean-expand { color: #fff !important; } .mean-container .mean-nav > ul li ul{ padding-left: 10px; } .header-transparent .mean-nav ul li a { border-color: #eee; color: #fff; padding: 6px 30px 6px 10px; } /* * Otherstheme compatibility */ /*Ocean theme compatibility*/ #site-navigation-wrap .dropdown-menu { background-color: inherit; border: inherit; border-radius: inherit; color: inherit; display: block; float: inherit; font-size: inherit; font-family: inherit; list-style: outside none none; margin: 0; min-width: inherit; padding: 0; position: static; text-align: inherit; z-index: inherit; background-clip:inherit; } #site-navigation-wrap .dropdown-menu a{ text-decoration: none; color: inherit; } a{ color: inherit; } .htmega-search-box .btn{ font-family: fontawesome; padding: 0; } .htmega-search-box .fa{ font-family: fontawesome; } .woocommerce .col-1,.woocommerce .col-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .woocommerce .form-row { display: block; } /* * Responsive CSS Here */ /* Normal desktop :992px. */ @media (min-width: 992px) and (max-width: 1199px) { .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action{ padding: 0; } } /* Tablet desktop :768px. */ @media (min-width: 768px) and (max-width: 991px) { .htmega-banner-style-4 .banner-content { padding-left: 20px; padding-right: 20px; padding-top: 20px; } .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action{ padding: 0; } .htmega-banner-style-4 .banner-content h2{ margin-top: 0; } .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs::before{ left: 40%; } .htmega-btn-size-md { padding: 16px 25px !important; } .htmega-btn-size-xl { padding: 35px 30px !important; } .htmega-btn-size-lg { padding: 25px 30px !important; } .htmega-btn-size-sm { padding: 8px 20px !important; } .htmega-call-to-action .text-right { margin-top: 10px; text-align: left !important; } .callto-action-style-3::before{ display: none; } .htmega-newsticker-style-1 .breaking-news-title h5 { padding: 0 15px; } .htmega-team-style-3 .htmega-team-click-action { margin-bottom: -60px; } .htmega-social-network li { margin: 3px 0; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4 { margin-top: 0; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4 { margin-bottom: 0; margin-top: 0; } .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action span { margin-bottom: 3px; } .htmega-team .htmega-team-hover-action .htmega-team-hover p { padding: 0 5px; } .htmega-testimonial-style-5 .testimonial-shape { bottom: 45%; } .htmega-countbox .ht-count { margin: 0 22px 10px; } .title-style-two .section-title-txt { padding: 0 14%; } .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner { padding: 35px 0 20px; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li { font-size: 13px; } .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action { padding: 0; } /* Instragram */ .htmegainstagram-column-tablet-1 .htmega-instragram ul.htmega-instagram-list li{ width: 100%; } .htmegainstagram-column-tablet-2 .htmega-instragram ul.htmega-instagram-list li{ width: 50%; } .htmegainstagram-column-tablet-3 .htmega-instragram ul.htmega-instagram-list li{ width: 33.33%; } .htmegainstagram-column-tablet-4 .htmega-instragram ul.htmega-instagram-list li{ width: 25%; } .htmegainstagram-column-tablet-5 .htmega-instragram ul.htmega-instagram-list li{ width: 20%; } .htmegainstagram-column-tablet-6 .htmega-instragram ul.htmega-instagram-list li{ width: 16.66%; } .htmega-process-area{ background-image: none !important; } .htmega-process-column-5 .htmega-single-process-area { flex: 0 0 50%; max-width: 50%; } } /* small mobile :320px. */ @media (max-width: 767px) { .htmega-tab-nav a { margin: 0 5px 10px; } .htmega-tab-menu-style-2 a { margin: 0 10px 10px; } .htmega-tab-menu-style-3 a { margin: 5px 3px -1px; } .htmega-tab-style-5 .htmega-tab-nav,.htmega-tab-style-5 .htmega-tab-content-area{ max-width: 100%; flex: 0 0 100%; } .htmega-tab-style-5 .htmega-tab-content-area { border-left: 0px; } .single-partner { margin-bottom: 20px; width: auto; } .htmega-brands-style-2 ul.brand-list li { border-right: 0 none; margin: 0 auto; width: 50%; } .htmega-brands-style-4 ul.brand-list li { border: 0 none; padding: 25px 15px; width: 50%; } .htmega-brands-style-5 .brand-logo-col { flex: 0 0 50%; max-width: 50%; } .htmega-business-horurs-1 .business-hrs-inner { padding: 70px 0; } .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs::before,.htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs::before{ display: none; } .htmega-business-horurs-5 .business-hrs-inner,.htmega-business-horurs-4 .business-hrs-inner { padding: 30px 20px; } .htmega-business-horurs-3 .business-hrs-inner{ padding: 20px; } .htmega-call-to-action .text-right { margin-top: 10px; text-align: left !important; } .callto-action-style-3::before{ display: none; } .callto-action-style-3 .htmega-content{ display: block; } .callto-action-style-7 .call-to-action-inner{ padding: 0; } .htmega-countbox .ht-count::before{ display: none; } .htmega-countbox .ht-count { margin: 0 22px 15px !important; } .htmega-carousel-style-1 .slick-slide.slick-center .single-custom-carousel { transform: scale(1); } .ht-custom-carousel.slick-slider .slick-list, .ht-custom-carousel.slick-slider .slick-track { padding: 0 !important; } .htmega-carousel-style-6 .slick-dots li { padding: 30px 35px; } .htmega-table-style .dataTables_wrapper { overflow-x: auto; } .edd_download_columns_0 .edd_download, .edd_download_columns_3 .edd_download { width: 100%; } .custom-col-5 { flex: 0 0 100%; max-width: 100%; width: 100%; } a.instagram_follow_btn{ margin-top: 20px; } a.instagram_follow_btn span { font-size: 12px; padding: 0 5px; } .htmega-lightbox img { width: 100%; } .htmega-mailchimp-style-3 .htmega-input-box input { max-width: inherit; width: auto; } .htmega-team-style-3 .htmega-team-click-action { margin-bottom: -58px; } .htmega-testimonial-style-5 .testimonial-shape { bottom: 38%; } .htmega-testimonial-for .testimonial-desc p { padding: 0 3%; } .htmega-testimonial-style-6,.htmega-testimonial-style-8 { padding: 0; } .htmega-testimonal-nav.slick-slider { max-width: 100%; } .htmega-testimonial-style-4 .testimonal .testimonal-image { float: none; padding-right: 0; } .htmega-testimonial-style-4 .testimonal .testimonal-image::after,.htmega-testimonial-style-4 .testimonal .testimonal-image::before{ display: none; } .htmega-testimonial-style-4 .testimonal .content { padding-left: 0; padding-top: 20px; } .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content { padding-left: 25px; } .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .timeline-content{ padding-right: 25px; } .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content::before{ display: none; } .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content { padding-left: 60px; width: 100%; } .htmega-process-area{ background-image: none !important; } .htmega-process-column-4 .htmega-single-process-area,.htmega-process-column-5 .htmega-single-process-area { flex: 0 0 100%; max-width: 100%; } .htmega-process-column-3 .htmega-single-process-area { flex: 0 0 100%; margin-bottom: 30px; max-width: 100%; } .htmega-process-style-2 .htmega-number::before{ display: none; } .htmega-process-style-4 { height: auto; width: auto; } .htmega-process-style-4 .htmega-single-process-area{ position: inherit; } .htmega-process-style-4 .htmega-single-process-area:nth-child(2),.htmega-process-style-4 .htmega-single-process-area:nth-child(4) { top: 0; } .elementor-widget-htmega-scrollnavigation-addons .swiper-slide { height: 100vh !important; } .scroll-navigation-inner .elementor-image{ display: none; } .elementor-widget-htmega-scrollnavigation-addons .swiper-container .swiper-wrapper .swiper-slide:first-child .elementor-image{ display: block; } .htmega_mobile_fit.elementor-section.elementor-section-height-full { height: 100vh; } .htmega_mobile_fit.elementor-section.elementor-section-items-middle .elementor-container { align-items: center; } .htmega_mobile_fit.elementor-section.elementor-section-items-middle .elementor-container { align-items: center; height: 100%; } .ht-event { display: block; } .ht-event .thumb { margin-bottom: 20px; } .htmega-postcarousel-layout-3 .slick-arrow{ display: none !important; } .htmega-countbox .ht-count { margin: 0 22px 10px; } .title-style-two .section-title-txt::before, .title-style-two .section-title-txt::after{ display: none; } figure.gallery-item { margin-top: 20px !important; } .htmega-switcher-nav.nav { background: transparent none repeat scroll 0 0; } .post-carousel-wrapper .htmega-postslider-layout-4 .post-carousel-flex { display: block; } .post-carousel-wrapper .htmega-postslider-layout-4 .content{ margin-left: 0; padding: 30px 20px; } .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li { font-size: 13px; } .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action { padding: 0; } /* Instragram */ .htmegainstagram-column-mobile-1 .htmega-instragram ul.htmega-instagram-list li{ width: 100%; } .htmegainstagram-column-mobile-2 .htmega-instragram ul.htmega-instagram-list li{ width: 50%; } .htmegainstagram-column-mobile-3 .htmega-instragram ul.htmega-instagram-list li{ width: 33.33%; } .htmegainstagram-column-mobile-4 .htmega-instragram ul.htmega-instagram-list li{ width: 25%; } .htmegainstagram-column-mobile-5 .htmega-instragram ul.htmega-instagram-list li{ width: 20%; } .htmegainstagram-column-mobile-6 .htmega-instragram ul.htmega-instagram-list li{ width: 16.66%; } /* .htmega-postslider-layout-3 .content, */ .htmega-postslider-layout-1 .content,.htmega-postslider-layout-4 .content { position: static; max-width: 100%; padding: 0; } .post-carousel-wrapper .htmega-postslider-layout-1 .content{ position: absolute; } .thumb-st-layout-4 .content { position: absolute; } .thumb-st-layout-4.htmega-postslider-area ul.slick-dots { width: 80px; } } /* Svg icon height auto css */ [class*='htmega-'] svg{ height: auto; } [class*='htmega-']>div { overflow-wrap: break-word; word-break: break-word; } /* HT Mega Button focus Outline none */ [class*='htmega-'] [type=button]:focus, [class*='htmega-'] [type=submit]:focus, [class*='htmega-'] button:focus { outline: none; } /* Flip Countdown Timer */ .ht-countdown-flip { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; height: auto; border-radius: 5px; } .ht-countdown-flip .htmega-time .htmega-time-inner { position: relative; display: block; width: 170px; height: 180px; transform: translateZ(0); transform: translate3d(0, 0, 0); text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 479px; border: 2px solid #E7E7E7; border-radius: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .ht-countdown-flip .htmega-time .htmega-time-inner { width: 52px; height: 36px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ht-countdown-flip .htmega-time .htmega-time-inner { height: 46px; } } @media only screen and (max-width: 767px) { .ht-countdown-flip .htmega-time .htmega-time-inner { width: 40px; height: 28px; } } @media only screen and (max-width: 575px) { .ht-countdown-flip .htmega-time .htmega-time-inner { width: 60px; height: 46px; } } .ht-countdown-flip .htmega-time .htmega-time-inner .ht-count { font-size: 96px; line-height: 180px; position: absolute; top: 0; display: flex; overflow: hidden; justify-content: center; width: 100% !important; transform: translateZ(0); color: #FFFFFF; background-color: #272626; transform-style: flat; font-family: 'Montserrat'; padding: 0; border: none; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .ht-countdown-flip .htmega-time .htmega-time-inner .ht-count { font-size: 24px; line-height: 36px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ht-countdown-flip .htmega-time .htmega-time-inner .ht-count { line-height: 46px; } } @media only screen and (max-width: 767px) { .ht-countdown-flip .htmega-time .htmega-time-inner .ht-count { font-size: 20px; line-height: 28px; } } @media only screen and (max-width: 575px) { .ht-countdown-flip .htmega-time .htmega-time-inner .ht-count { font-size: 36px; line-height: 50px; } } .ht-countdown-flip .htmega-time .htmega-time-inner .ht-count.htmega-top { height: 50%; transform-origin: 50% 100%; border-radius: 10px 10px 0 0; } .ht-countdown-flip .htmega-time .htmega-time-inner .ht-count.htmega-top.htmega-curr { z-index: 3; transform: rotateX(0deg); } .ht-countdown-flip .htmega-time .htmega-time-inner .ht-count.htmega-bottom { line-height: 0; top: 50%; height: 50%; transform-origin: 50% 0; border-top: 1px solid #FFFFFF; border-radius: 0 0 10px 10px; } .ht-countdown-flip .htmega-time .htmega-time-inner .ht-count.htmega-bottom.htmega-next { z-index: 2; transform: rotateX(90deg); } .ht-countdown-flip .htmega-time.htmega-flip .htmega-time-inner .ht-count.htmega-top.htmega-curr { transition: all 250ms ease-in-out; transform: rotateX(-90deg); } .ht-countdown-flip .htmega-time.htmega-flip .htmega-time-inner .ht-count.htmega-bottom.htmega-next { transition: all 250ms ease-in-out 250ms; transform: rotateX(0deg); } .ht-countdown-flip .htmega-time .htmega-label { font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 600; line-height: 1.25; display: block; width: 100%; margin-top: 8px; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .ht-countdown-flip .htmega-time .htmega-label { margin-top: 4px; } } .ht-countdown-default { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; border-radius: 5px; } .ht-countdown-default .htmega-time .ht-count { font-size: 36px; line-height: 50px; display: flex; justify-content: center; width: 60px; color: #FFFFFF; border-radius: 5px; background-color: #272626; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .ht-countdown-default .htmega-time .ht-count { font-size: 24px; line-height: 36px; width: 52px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ht-countdown-default .htmega-time .ht-count { line-height: 46px; } } @media only screen and (max-width: 767px) { .ht-countdown-default .htmega-time .ht-count { font-size: 20px; line-height: 28px; width: 40px; } } @media only screen and (max-width: 575px) { .ht-countdown-default .htmega-time .ht-count { font-size: 36px; line-height: 46px; width: 60px; } } .ht-countdown-default .htmega-time .htmega-label { font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 600; line-height: 1.25; display: block; width: 100%; margin-top: 8px; text-align: center; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) { .ht-countdown-default .htmega-time .htmega-label { margin-top: 4px; } } .htmega-flash-flip-countdown-timer .ht-countdown .htmega-days .ht-count { background: #F8575A; } .htmega-flash-flip-countdown-timer .ht-countdown .htmega-hours .ht-count { background: #2ACC77; } .htmega-flash-flip-countdown-timer .ht-countdown .htmega-mins .ht-count { background: #F6BD56; } .htmega-flash-flip-countdown-timer .ht-countdown .htmega-secs .ht-count { background: #508BFF; } .ht-countdown-flip .htmega-time .htmega-time-inner:before { content: ''; position: absolute; left: -11px; height: 20px; width: 20px; background: rgb(255, 255, 255); top: 50%; z-index: 99; border-radius: 100% 100% 100% 100%; transform: translateY(-50%); } .ht-countdown-flip .htmega-time .htmega-time-inner:after { content: ''; position: absolute; right: -11px; height: 20px; width: 20px; background: rgb(255, 255, 255); top: 50%; z-index: 99; border-radius: 100% 100% 100% 100%; transform: translateY(-50%); } /* Data Table Sorting Options style */ .htmega-table-style .dataTables_wrapper .dataTables_length { border: 1px solid #dfdfe5; padding: 0px 30px; } .htmega-table-style .dataTables_wrapper .dataTables_filter input { border: 1px solid #dfdfe5; background: transparent; } .htmega-table-style .dataTables_wrapper .dataTables_filter input[type="search"]:focus { color: #333; outline: none; } .htmega-table-style .dataTables_wrapper .dataTables_paginate { border: 1px solid #dfdfe5; } .htmega-table-style .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 8px 25px; } .htmega-table-style .dataTables_wrapper .dataTables_paginate .paginate_button.current, .htmega-table-style .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: #824F9E; color: #fff !important; border: 1px solid #824f9e; padding: 8px 20px; } .htmega-table-style .dataTables_wrapper .dataTables_paginate { padding-top: 0px; } .htmega-table-style select { width: auto; border: 0; margin-right: 5px; margin-left: 5px; } .htmega-table-style select:focus-visible { outline: 1px solid #ddd; } .htmega-table-style, .htmega-table-style.htb-table-responsive { word-break: initial; } .htmega-table-style .dataTables_wrapper label { display: inline-flex; word-break: normal; align-items: center; } .htmega-error-notice { background: #efefef; padding: 10px 17px; border-left: 4px solid red; font-size: 19px; color: #8b4343; } /* Load More Button*/ .htmega-pro-load-more-wrapper { display: block; margin-top: 30px; text-align: center; } .htmega-loadmore-button { display: inline-flex; background: #4FACFE; padding: 10px 25px; color: #fff; cursor: pointer; transition: all 0.3s ease-in-out; } .htmega-loader-img { margin-left: 5px; display: inline-flex; justify-content: center; align-items: center; } .htmega-loadmore-button:hover .htmega-loader-img img, .htmega-infinity-loading.htmega-loadmore-button .htmega-loader-img img { -webkit-animation: mymove 0.6s infinite; animation: mymove 0.6s infinite; } @-webkit-keyframes mymove { from { transform: rotate(0); } to { transform: rotate(180deg); } } @keyframes mymove { from { transform: rotate(0); } to { transform: rotate(180deg); } } .htmega-load-item-effect { animation: append-animate .5s linear; } @keyframes append-animate { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }

  • <center id="rsj5p"><small id="rsj5p"></small></center>
    <center id="rsj5p"><em id="rsj5p"></em></center>
    • <code id="rsj5p"><small id="rsj5p"></small></code>

    • <code id="rsj5p"><nobr id="rsj5p"><track id="rsj5p"></track></nobr></code>
    1. <center id="rsj5p"></center>
      

      <tr id="rsj5p"></tr>
      3. <th id="rsj5p"></th>
      3. 


        


        野花香高清在线观看视频播放免费,野花tv电视直播下载,亚洲十欧美十日韩十国产,仙踪林在线入口欢迎免费进
        

        
品牌简介

        

        

        {תÂëÖ÷´Ê}