@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,500,600,700,700i|Spectral:300,400,500,600,700&display=swap"); @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 60% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 60% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } } @-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 60% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 60% { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } } @font-face { font-family: "Mr Dafoe"; src: url("../fonts/MrDafoe-Regular.ttf"); font-weight: 400; } @font-face { font-family: Futura; src: url("../fonts/FuturaPTLight.woff") format("WOFF"); font-weight: 300; } @font-face { font-family: Futura; src: url("../fonts/FuturaPTBook.woff") format("WOFF"); font-weight: 400; } @font-face { font-family: Futura; src: url("../fonts/FuturaPTMedium.woff") format("WOFF"); font-weight: 500; } @font-face { font-family: Futura; src: url("../fonts/FuturaPTDemi.woff") format("WOFF"); font-weight: 600; } @font-face { font-family: Futura; src: url("../fonts/FuturaPTHeavy.woff") format("WOFF"); font-weight: 700; } body { font-family: Futura; padding: 0; margin: 0; font-size: 16px; overflow-x: hidden; } input:hover, input:focus { outline: none !important; box-shadow: 0px 0px 0px 0px transparent; } :focus { outline: -webkit-focus-ring-color auto 0; } .custom-file-input:focus ~ .custom-file-label { border-color: transparent; box-shadow: none; } .form-control:focus { box-shadow: 0 0 0 0rem transparent !important; border-color: #d6d9dc; } .section_padding { padding: 120px 0px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .section_padding { padding: 100px 0px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .section_padding { padding: 70px 0px; } } @media (max-width: 767.98px) { .section_padding { padding: 70px 0px; } } .padding_top { padding-top: 120px; } @media (max-width: 991px) { .padding_top { padding-top: 70px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .padding_top { padding-top: 100px; } } .padding_bottom { padding-bottom: 120px; } @media (max-width: 991px) { .padding_bottom { padding-bottom: 70px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .padding_bottom { padding-bottom: 100px; } } a { text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { color: #051441; font-family: Futura; } h2 { font-size: 48px; line-height: 1.2; } @media (max-width: 991px) { h2 { font-size: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { h2 { font-size: 30px; } } p { line-height: 30px; font-size: 18px; margin-bottom: 0px; color: #7d7d7d; font-family: Futura; } .sub_tittle { font-size: 16px; letter-spacing: 2px; color: #ff7070; text-transform: uppercase; margin-bottom: 14px; font-weight: 500; } .base_color { color: #ff7070 !important; } a:focus, .button:focus, button:focus, .btn:focus { text-decoration: none; outline: none; box-shadow: none; -webkit-transition: 1s; transition: 1s; } .p_30 { padding: 30px; } @media (max-width: 991px) { .p_30 { padding: 20px; } } .border_bottom { border-bottom: 1px solid #e5e5e5; } .ft_font { font-family: Futura; } .ft_font h2, .ft_font h3, .ft_font h4, .ft_font h5 { font-family: Futura; } .ft_font p { font-family: Futura; } .sp_font h2, .sp_font h3, .sp_font h4, .sp_font h5 { font-family: "Spectral", serif !important; font-weight: 500 !important; } .sp_font p { font-family: Futura; } @media (min-width: 991px) { .pl_45 { padding-left: 45px; } .pr_45 { padding-right: 45px; } } .p_20 { padding: 20px; } .p_15 { padding: 20px 20px 15px; } .pt_30 { padding-top: 30px; } .pb_20 { padding-bottom: 20px; } .mt_25 { margin-top: 25px; } .mt_30 { margin-top: 30px; } @media (max-width: 991px) { .mt_30 { margin-top: 15px; } } .mt_80 { margin-top: 80px; } @media (max-width: 991px) { .mt_80 { margin-top: 40px; } } .mb50 { margin-bottom: -40px; } .pl_30 { padding-left: 30px; } @media (max-width: 991px) { .pl_30 { padding-left: 0; } } .pr_30 { padding-right: 30px; } @media (max-width: 991px) { .pr_30 { padding-left: 0; } } .mt_10 { margin-top: 10px; } .mb_15 { margin-bottom: 15px; } .mb_20 { margin-bottom: 20px; } .mb_25 { margin-bottom: 20px; } .mt_50 { margin-top: 50px; } @media (max-width: 767.98px) { .mt_50 { margin-top: 25px; } } .mb_50 { margin-bottom: 50px; } @media (max-width: 991px) { .mb_50 { margin-bottom: 30px; } } .mt_25 { margin-top: 25px !important; } @media (max-width: 991px) { .mt_25 { margin-top: 15px !important; } } .mt_20 { margin-top: 20px; } .mb_10 { margin-bottom: 10px !important; } .mt_40 { margin-top: 40px; } .mb_55 { margin-bottom: 55px !important; } @media (max-width: 991px) { .mb_55 { margin-bottom: 25px !important; } } .section_bg { background-color: #f7f7f7; } @media (max-width: 991px) { br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { br { display: none; } } @media (min-width: 1600px) { .custom_container { max-width: 1450px; } } @media (min-width: 1600px) { .container_1550 { max-width: 1550px; } } @media (min-width: 768px) { .colums_3 { columns: 3; } } @media (max-width: 768px) { .colums_3 { columns: 2; } } .matrix3d { transition: all 0.5s ease; } .niceSelect { border: 1px solid #d6d9dc; font-size: 16px; color: #7c8189; display: block; width: 100%; text-transform: capitalize; padding: 0 20px; border-radius: 6px; float: inherit; font-weight: 300; } .niceSelect .option:hover, .niceSelect .option.focus, .niceSelect .option.selected.focus { background-color: transparent; } .niceSelect .option.selected { font-weight: normal; color: #ff7070; } .niceSelect:after { height: 8px; right: 0; top: 43%; width: 8px; } .niceSelect .option { line-height: 34px; min-height: 34px; font-size: 14px; } .niceSelect .list { width: 100%; border-radius: 4px; background-color: #fff; color: #7d7d7d; padding: 20px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .niceSelect .list { padding: 5px; } } .niceSelect .list li { -webkit-transition: 0.2s; transition: 0.2s; } .niceSelect .list li:hover { color: #ff7070 !important; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .niceSelect .list li { line-height: 33px; padding: 0 15px; } } .white_img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .section_tittle { text-align: center; margin-bottom: 65px; } @media (max-width: 767.98px) { .section_tittle { margin-bottom: 35px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .section_tittle { margin-bottom: 45px; } } .section_tittle h5 { color: #ff7070; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; margin-bottom: 13px; } .section_tittle h2 { font-weight: 500; margin-bottom: 12px; font-size: 48px; line-height: 59px; } @media (max-width: 767.98px) { .section_tittle h2 { font-size: 25px; line-height: 32px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .section_tittle h2 { font-size: 30px; line-height: 38px; } } .section_tittle.style_2 { margin-bottom: 80px; } @media (max-width: 767.98px) { .section_tittle.style_2 { margin-bottom: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .section_tittle.style_2 { margin-bottom: 50px; } } .section_tittle.style_2 h5 { font-family: Futura; font-weight: 600; font-size: 16px; color: #ff7070; letter-spacing: 3px; margin-bottom: 15px; line-height: 12px; } .section_tittle.style_2 h2 { font-family: Futura; font-size: 48px; font-weight: 600; margin-bottom: 0; } .section_tittle.style_2 h2 span { font-family: "Playfair Display", serif; font-size: 42px; font-style: italic; } @media (max-width: 767.98px) { .section_tittle.style_2 h2 { font-size: 30px; } .section_tittle.style_2 h2 span { font-size: 26px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .section_tittle.style_2 h2 { font-size: 30px; } .section_tittle.style_2 h2 span { font-size: 26px; } } .section_tittle.fade_effect h5 { margin-bottom: 7px; } .section_tittle.fade_effect h2 { margin-bottom: 3px; } .sub_header_color { color: #ca063a !important; } .text_fadeup { overflow: hidden; } .text_fadeup h1, .text_fadeup h2, .text_fadeup h3, .text_fadeup h4, .text_fadeup h5, .text_fadeup span, .text_fadeup p, .text_fadeup a { overflow: hidden; } .navText .owl-nav button.owl-next, .navText .owl-nav button.owl-prev { border: 1px solid #fff; background-color: #fff; height: 65px; width: 65px; line-height: 50px; text-align: center; color: #000; background-color: transparent; position: absolute; left: -15%; top: 50%; transform: translateY(-50%); display: inline-block; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; z-index: 99; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06); background-color: #fff; } .navText .owl-nav button.owl-next img, .navText .owl-nav button.owl-prev img { max-width: 30px; -webkit-transition: 0.3s; transition: 0.3s; } .navText .owl-nav button.owl-next:hover, .navText .owl-nav button.owl-prev:hover { background-color: #ff7070; border: 1px solid #ff7070; color: #fff; } .navText .owl-nav button.owl-next:hover img, .navText .owl-nav button.owl-prev:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .navText .owl-nav button.owl-next, .navText .owl-nav button.owl-prev { left: 20px; } } .navText .owl-nav button.owl-next i, .navText .owl-nav button.owl-prev i { font-size: 17px; } .navText .owl-nav button.owl-next { left: auto; right: -15%; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .navText .owl-nav button.owl-next { right: 20px; } } .navText.section_bg .owl-nav button.owl-next, .navText.section_bg .owl-nav button.owl-prev { background-color: #fff; } .navText.section_bg .owl-nav button.owl-next:hover, .navText.section_bg .owl-nav button.owl-prev:hover { background-color: #ff7070; } .position_abs { position: absolute; left: 0; top: 0; width: 100%; z-index: 9; } .video_popup { background-color: #fff; height: 65px; width: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .video_popup img { position: relative; z-index: 9; -webkit-transition: 0.3s; transition: 0.3s; } .video_popup .polygon_shape { width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 18px solid #ff7070; display: block; text-align: center; margin-left: 6px; position: relative; z-index: 9; -webkit-transition: 0.3s; transition: 0.3s; } .video_popup:hover { background-color: #ff7070; } .video_popup:hover .polygon_shape { border-left: 18px solid #fff; } .video_popup:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .video_popup.play_animation:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; z-index: -1; } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .mask { position: relative; overflow: hidden; } .dark_version { background-color: #040911; } .page_pageination { display: flex; justify-content: center; } .page_pageination a { height: 50px; width: 50px; line-height: 50px; border: 1px solid #e7e7f6; text-align: center; color: #7b8a9e; font-size: 18px; display: inline-block; border-radius: 50px; margin-right: 10px; font-family: Futura; } .page_pageination a:hover { background-color: #ff7070; border: 1px solid #ff7070; color: #fff; } .page_pageination a i { font-size: 14px; line-height: 50px; } .page_pageination .active { background-color: #ff7070; border: 1px solid #ff7070; color: #fff; } .page_pageination .arrow { line-height: 45px; } .page_pageination .arrow img { -webkit-transition: 0.3s; transition: 0.3s; } .page_pageination .arrow:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .cu_input { padding: 13px 20px; border: 1px solid #f7f7f7; background-color: #fff; border-radius: 0; color: #7d7d7d; font-size: 18px; height: auto; background-clip: border-box; -webkit-transition: 0.3s; transition: 0.3s; } .cu_input:focus { border: 1px solid rgba(255, 112, 112, 0.5) !important; } .cu_input:focus::placeholder { color: #051441; } @-webkit-keyframes circleAnimation { 0%, 100% { border-radius: 42% 58% 70% 30%/45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 34% { border-radius: 70% 30% 46% 54%/30% 29% 71% 70%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg); } 67% { border-radius: 100% 60% 60% 100%/100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } } .wave_line { height: 11px; width: 70px; background-position: center; -webkit-animation: slide 2s linear infinite; animation: slide 2s linear infinite; margin: 0 auto; } .wave_line.bg_1 { background-image: url(../img/anmation_shape/animation_shape_5.png); } .wave_line.bg_2 { background-image: url(../img/anmation_shape/animation_shape_6.png); } @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: -40px 0; } } @keyframes slide { from { background-position: 0 0; } to { background-position: -40px 0; } } .bounce { -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -ms-animation: bounce 2s infinite; animation: bounce 2s infinite; } .niro-newsletter-modal .modal-dialog { max-width: 790px; margin: 0 auto; } .niro-newsletter-modal .modal-content { border: 0px solid transparent; border-radius: 0; } .niro-newsletter-modal .niro_modal_inner { display: flex; width: 790px; flex-wrap: wrap; align-items: center; background-color: #fff; position: relative; } @media (max-width: 767.98px) { .niro-newsletter-modal .niro_modal_inner { width: 320px; flex-wrap: wrap; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .niro-newsletter-modal .niro_modal_inner { width: 700px; } } .niro-newsletter-modal .niro_modal_inner .niro_modal_img { flex: 50% 0 0; } @media (max-width: 767.98px) { .niro-newsletter-modal .niro_modal_inner .niro_modal_img { flex: 100% 0 0; display: none; } } .niro-newsletter-modal .niro_modal_inner .niro_modal_content { flex: 50% 0 0; background-color: #fff; padding: 40px 40px 50px; text-align: center; height: 100%; } @media (max-width: 767.98px) { .niro-newsletter-modal .niro_modal_inner .niro_modal_content { flex: 100% 0 0; } } .niro-newsletter-modal .niro_modal_inner .niro_modal_content i { position: absolute; right: 40px; top: 40px; color: #949494; } .niro-newsletter-modal .niro_modal_inner .niro_modal_content img { margin-bottom: 25px; } .niro-newsletter-modal .niro_modal_inner .niro_modal_content h3 { font-size: 30px; margin-bottom: 10px; } .niro-newsletter-modal .niro_modal_inner .niro_modal_content p { line-height: 26px; } .niro-newsletter-modal .niro_modal_inner .niro_modal_content .input-group { margin-top: 43px; } .niro-newsletter-modal .niro_modal_inner .niro_modal_content .input-group .form-control { border: 1px solid #e5e5e5; padding: 12px 25px; height: auto; color: #7d7d7d; border-radius: 0; } .niro-newsletter-modal .niro_modal_inner .niro_modal_content .input-group .form-control:focus { color: #051441 !important; } .niro-newsletter-modal .niro_modal_inner .niro_modal_content .input-group .form-control:focus::placeholder { color: #051441 !important; } .niro-newsletter-modal .niro_modal_inner .niro_modal_content .input-group .cu_btn { padding: 12px 20px; min-width: auto; } @media (min-width: 576px) { .niro_modal_inner .modal-dialog { max-width: 375px; margin: 0 auto; } } .niro_modal_inner .offer_modal_content { padding: 140px 40px 40px; width: 375px; border-radius: 10px; background-color: #fff; position: relative; text-align: center; } .niro_modal_inner .offer_modal_content .offer_img { position: absolute; left: 0; right: 0; top: -79px; margin: 0 auto; } .niro_modal_inner .offer_modal_content h5 { font-size: 24px; font-weight: 500; } .niro_modal_inner .offer_modal_content h2 { font-weight: 700; font-size: 86px; line-height: 89px; margin-bottom: 0; } .niro_modal_inner .offer_modal_content p { margin-top: 12px; } .niro_modal_inner .offer_modal_content .cu_btn { display: block; width: 100%; text-align: center; text-transform: uppercase; margin: 25px 0 27px; } .niro_modal_inner .offer_modal_content .close_btn { text-transform: uppercase; color: #051441; letter-spacing: 2px; font-weight: 600; opacity: 1; text-shadow: none; float: none; font-size: 18px; } .niro_modal_inner .offer_modal_content .close_btn:hover { color: #ff7070; } .overlay_effect, .overlay_effect_slide { overflow: hidden; } .overlay_effect img { -webkit-transition-duration: 4s; transition-duration: 4s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 100%; } .overlay_effect_in { overflow: hidden; position: relative; -webkit-transform: translate3d(-100.5%, 0, 0); transform: translate3d(-100.5%, 0, 0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 0s; transition-delay: 0s; } .overlay_effect_in:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: #000; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; transform-origin: right; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .overlay_effect.is_show .overlay_effect_in { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (max-width: 991px) { .overlay_effect.is_show .overlay_effect_in { display: inline-table; } } .overlay_effect.is_show .overlay_effect_in:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .horizontal_effect .tittle_animation { margin: 0 auto; cursor: pointer; position: relative; display: inline-block; overflow: hidden; } .horizontal_effect .tittle_animation:before { text-align: left; box-sizing: border-box; position: absolute; top: 0; left: 0; overflow: hidden; transition: all 400ms ease-in-out; content: attr(data-hover); } .horizontal_effect .tittle_animation { -webkit-transition: 0.5s; transition: 0.5s; } .horizontal_effect .tittle_animation:before { width: 0px; color: #ff7070; } .horizontal_effect .tittle_animation:hover:before { width: 100%; } .burger_icon { font-size: 16px; font-weight: 500; letter-spacing: 1.3px; color: #000000; overflow: hidden; cursor: pointer; text-align: center; width: 25px; margin-left: 10px !important; } .burger_icon:first-child { margin-left: 0 !important; } .burger_icon .icon { text-transform: uppercase; position: relative; transition: all 0.6s linear, color 0.1s; height: 24px; overflow: hidden; display: inline-block; line-height: 24px; } .burger_icon .icon:before { content: attr(data-icon); position: absolute; top: 1.5px; transform: translateY(-100%); left: 0; text-transform: uppercase; transition: all 0.4s linear; font-family: "icomoon" !important; } .burger_icon .icon:after { content: attr(data-icon); position: relative; top: 1.5px; left: 0; text-transform: uppercase; transition: all 0.4s linear; font-family: "icomoon" !important; } .burger_icon:hover .icon { color: #ff7070; } .burger_icon:hover .icon:before { transform: translateY(0); } .burger_icon:hover .icon:after { top: 20px; } .progressbar { width: 100%; margin-top: 5px; margin-bottom: 25px; position: relative; } .proggress { height: 4px; width: 10px; } .percentCount { float: right; margin-top: -42px; clear: both; font-weight: 400; font-size: 18px; color: #fff; } .cookie-box { position: fixed; margin: 0 auto; bottom: 10px; text-align: center; padding: 5px 30px; background: #fff; transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); z-index: 99; font-size: 20px; font-weight: 400; border-radius: 5px; } .cookie-box--hide { opacity: 0; bottom: -100%; } .cookie-box .close_cookies { cursor: pointer; font-size: 14px; margin-left: 4px; } .cookie-box p { display: inline-block; cursor: pointer; color: #16141e; text-decoration: underline; font-weight: 600; } .cookie-box .close_cookies { margin-left: 10px; } .cookie-content { display: flex; justify-content: center; } .text_hover_effect { display: inline; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); background-image: -o-linear-gradient(#000, #000); background-image: linear-gradient(#000, #000); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 100%; -webkit-transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.1s; -o-transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.1s; transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.1s; } .text_hover_effect:hover { color: #fff !important; background-size: 100% 100%; -webkit-transition: background-size 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.35s; -o-transition: background-size 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.35s; transition: background-size 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.35s; } .loadbar-percent { width: 0; height: 2px; background: #ffffff; } #percent { font-size: 80px; color: #fff; margin-top: 20px; font-weight: 400; } .preloader-wrapper { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; z-index: 9999; } .preloader-wrapper.preloader_end { -webkit-transition: 1s; transition: 1s; transform: translateY(-100%); } .preloader-wrapper .preloader_box { margin-top: 50px; } .preloader-wrapper .preloader_box h2 { font-size: 48px; color: #fafafa; text-transform: uppercase; font-weight: 400; } .preloader-wrapper .preloader_box p { font-size: 18px; color: #fff; text-transform: uppercase; letter-spacing: 3px; } .percentage-wrapper { width: 100%; text-align: center; font-size: 50px; z-index: 99999; right: 0; margin: 0 auto; } .cu_btn { display: inline-block; padding: 17px 26px; line-height: 18px; font-size: 15px; font-weight: 500; border-radius: 0; -webkit-transition: 0.3s; transition: 0.3s; font-family: Futura; min-width: 180px; text-align: center; } @media (max-width: 767.98px) { .cu_btn { padding: 15px 20px; font-size: 15px; } } .cu_btn i { margin-left: 7px; } .cu_btn.btn_1 { background-color: transparent; border: 1px solid #d6d9dc; color: #fff; } .cu_btn.btn_1:hover { background-color: #ff7070; border: 1px solid #ff7070; color: #fff; } .cu_btn.btn_2 { background-color: transparent; border: 1px solid rgba(5, 20, 65, 0.2); color: #051441; } .cu_btn.btn_2:hover { background-color: #ff7070; border: 1px solid #ff7070; color: #fff; } .cu_btn.white_btn { background-color: transparent; border: 1px solid #fff; color: #fff; } .cu_btn.white_btn:hover { background-color: transparent; border: 1px solid #ff7070; color: #fff; background-color: #ff7070; } .cu_btn.white_bg { background-color: #fff; border: 1px solid #fff; color: #ff7070; } .cu_btn.white_bg:hover { background-color: transparent; border: 1px solid #fff; color: #fff; background-color: #ff7070; } .cu_btn.btn_3 { background-color: #ff7070; border: 1px solid #ff7070; color: #fff; } .cu_btn.btn_3:hover { background-color: transparent; border: 1px solid #ff7070; color: #ff7070; } .cu_btn.btn_4 { background-color: transparent; border: 1px solid #88888a; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-family: Futura; padding: 17px 40px; } .cu_btn.btn_4 img { margin-left: 10px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .cu_btn.btn_4:hover { background-color: #ff7070; border: 1px solid #ff7070; } .cu_btn.tag_btn { background-color: #f0f2f9; border: 1px solid #f0f2f9; color: #7d7d7d; border-radius: 50px; font-weight: 400; font-size: 16px; padding: 11px 20px; font-family: Futura; min-width: auto; text-transform: capitalize; } .cu_btn.tag_btn:hover { background-color: transparent; border: 1px solid #ff7070; color: #fff; background-color: #ff7070; } .cu_btn.tag_btn_1 { background-color: #37a45d; border: 1px solid #37a45d; color: #fff; border-radius: 50px; font-weight: 400; font-size: 18px; min-width: 120px; height: 30px; line-height: 30px; padding: 0 5px; border-radius: 5px; } .cu_btn.tag_btn_1:hover { background-color: transparent; border: 1px solid #ff7070; color: #fff; background-color: #ff7070; } .cu_btn.sm_btn { padding: 11px 45px; min-width: auto; } .cu_btn.btn_ct { text-transform: capitalize; letter-spacing: 1pt; width: 180px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.3); } .cu_btn.animate_btn { position: relative; z-index: 1; text-align: center; background-color: transparent; border: 1px solid #d6d9dc; color: #051441; } .cu_btn.animate_btn:after, .cu_btn.animate_btn:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cu_btn.animate_btn:before { opacity: 0; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transition-property: opacity; transition-property: opacity; z-index: -1; } .cu_btn.animate_btn:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; z-index: -1; background-color: #ff7070; } .cu_btn.animate_btn:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); transform-origin: left; -webkit-transform-origin: left; } .cu_btn.animate_btn:hover:before { opacity: 1; } .cu_btn.animate_btn:hover { border: 1px solid #ff7070; color: #fff; } .cu_btn.animate_btn_2 { position: relative; z-index: 1; text-align: center; background-color: #ff7070; border: 1px solid #ff7070; color: #fff; } .cu_btn.animate_btn_2:after, .cu_btn.animate_btn_2:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cu_btn.animate_btn_2:before { opacity: 0; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transition-property: opacity; transition-property: opacity; z-index: -1; } .cu_btn.animate_btn_2:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; z-index: -1; background-color: #fff; } .cu_btn.animate_btn_2:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); transform-origin: left; -webkit-transform-origin: left; } .cu_btn.animate_btn_2:hover:before { opacity: 1; } .cu_btn.animate_btn_2:hover { border: 1px solid #ff7070; color: #ff7070; } .btn_arrow { position: relative; padding-right: 27px; color: #051441; font-size: 18px; font-weight: 600; display: inline-block; } .btn_arrow img { position: absolute; right: 0; top: 9px; -webkit-transition: 0.3s; transition: 0.3s; } .btn_arrow i { font-size: 16px; margin-left: 8px; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; right: 0; top: 4px; } .btn_arrow:hover i, .btn_arrow:hover img { transform: translateX(5px); color: #ff7070; } .border_animation { position: relative; display: inline-block; } .border_animation:after, .border_animation .cu_btn:after { position: absolute; left: 0; top: 0; width: 15px; height: 1px; background-color: #051441; content: ""; -webkit-transition: 0.3s; transition: 0.3s; } .border_animation:before, .border_animation .cu_btn:before { position: absolute; left: 0; top: 0; width: 1px; height: 15px; background-color: #051441; content: ""; -webkit-transition: 0.3s; transition: 0.3s; } .border_animation .cu_btn { padding: 22px 45px; border: 1px solid #ebebeb; } .border_animation .cu_btn:after { top: auto; bottom: 0; right: 0; left: auto; } .border_animation .cu_btn:before { top: auto; bottom: 0; right: 0; left: auto; } .border_animation .cu_btn:hover { background-color: transparent; color: #051441; border: 1px solid #ebebeb; } .border_animation .cu_btn:hover:after { width: 100%; } .border_animation .cu_btn:hover:before { height: 100%; } .border_animation:hover { background-color: transparent; } .border_animation:hover:after { width: 100%; } .border_animation:hover:before { height: 100%; } .btn_border_effect { background-color: transparent; position: relative; overflow: hidden; font-size: 14px; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; border: 0; display: inline-block; height: 55px; line-height: 55px; } .btn_border_effect:before { content: ""; position: absolute; width: 0; height: 2px; background-color: #c85831; -webkit-transition: 0.5s; transition: 0.5s; left: 0; top: 0; } .btn_border_effect:after { position: absolute; content: ""; width: 100%; height: 7px; background-color: #c85831; left: 0; bottom: 17px; z-index: -1; -webkit-transition: 0.3s; transition: 0.3s; } .btn_border_effect a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; z-index: 1; } .btn_border_effect a:before { content: ""; position: absolute; width: 2px; height: 0; background-color: #c85831; transition: all 0.3s ease; right: 0; top: 0; } .btn_border_effect a:after { content: ""; position: absolute; width: 2px; height: 0; background-color: #c85831; transition: all 0.3s ease; left: 0; bottom: 0; } .btn_border_effect:hover { min-width: 150px; height: 55px; line-height: 55px; text-align: center; } .btn_border_effect:hover:before { width: 100%; transition: all 0.3s ease; background-color: #ff7070; } .btn_border_effect:hover:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #ff7070; right: 0; bottom: 0; } .btn_border_effect:hover a { z-index: 1; color: #ff7070 !important; } .btn_border_effect:hover a:before, .btn_border_effect:hover a:after { height: 100%; background-color: #ff7070; } .btn_border_effect:hover a:after { transition: all 0.1s ease; -webkit-transition-delay: 0s; transition-delay: 0s; } button:active { outline: none; border: none; } button:focus { outline: 0; } .header_part { -webkit-transition: 0.3s; transition: 0.3s; } .header_part .navbar-toggler { padding: 0px; border: 0px; } .header_part .navbar-brand { padding: 0; margin: 0; } @media (min-width: 991px) { .header_part .menu_list { position: static !important; } } .header_part .menu_list ul.dropdown-menu { width: 100%; position: absolute; } @media (max-width: 991px) { .header_part .menu_list ul.dropdown-menu { position: relative; } } .header_part .menu_list .menu_list_inner_content { display: flex; flex-wrap: wrap; justify-content: center; padding: 30px 20px 30px; } @media (max-width: 767.98px) { .header_part .menu_list .menu_list_inner_content { padding: 15px 25px 20px; } } @media (max-width: 991px) { .header_part .menu_list .menu_list_inner_content { justify-content: start; } } .header_part .menu_list .dropdown-menu .dropdown-item { padding: 8px 0 !important; } .header_part .menu_list .dropdown-menu .dropdown-item:hover { background-color: transparent !important; } @media (min-width: 1200px) { .header_part .menu_list .single_menu_list { margin: 0 55px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .header_part .menu_list .single_menu_list { margin: 0 25px; } } @media (max-width: 767.98px) { .header_part .menu_list .single_menu_list { margin: 0 20px 40px 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .header_part .menu_list .single_menu_list { margin: 0 30px 50px; } } .header_part .menu_list .single_menu_list h5 { font-size: 16px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; } @media (max-width: 767.98px) { .header_part .menu_list .single_menu_list h5 { margin-bottom: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .header_part .menu_list .single_menu_list h5 { margin-bottom: 10px; } } .header_part .menu_list .single_menu_list ul { margin: 0; padding: 0; } .header_part .menu_list .single_menu_list ul li { list-style: none; } .header_part .navbar-toggler .icon-bar { background-color: #051441; transition: all 0.3s linear; display: block; width: 22px; height: 2px; } .header_part .navbar-toggler .icon-bar + .icon-bar { margin-top: 5px; } .header_part .navbar { padding: 0; } @media (max-width: 991px) { .header_part .navbar { padding: 14px 0; } .header_part .navbar .cu_btn { margin-right: 15px; padding: 8px 30px; } } .header_part .navbar-toggler .icon-bar:nth-child(1) { transform: rotate(45deg); top: 7px; position: relative; } .header_part .navbar-toggler .icon-bar:nth-child(2) { transform: rotate(-45deg); } .header_part .navbar-toggler .icon-bar:nth-child(3) { opacity: 0; } .header_part .navbar-toggler.collapsed .icon-bar:nth-child(1) { transform: rotate(0deg); top: 0; } .header_part .navbar-toggler.collapsed .icon-bar:nth-child(2) { transform: rotate(0deg); } .header_part .navbar-toggler.collapsed .icon-bar:nth-child(3) { opacity: 1; } .header_part .navbar-nav .nav-link { text-transform: capitalize; color: #fff; padding: 40px 35px; font-size: 15px; text-transform: uppercase; line-height: 12px; font-weight: 500; } .header_part .navbar-nav .nav-link:hover { color: #ff7070; } @media (max-width: 991px) { .header_part .navbar-nav .nav-link { border-top: 1px solid #d6d9dc; padding: 18px 20px; color: #051441; } .header_part .navbar-nav .nav-link:hover { color: #ff7070; } } @media (max-width: 991px) { .header_part .navbar-nav .nav-item:first-child .nav-link { border-top: 0px solid transparent; } } .header_part .navbar-nav .dropdown.show .dropdown-toggle::after { transform: rotate(180deg); color: #fff; } @media (max-width: 991px) { .header_part .navbar-collapse { position: absolute; left: 0; top: 72px; left: 0; z-index: 99; width: 100%; background-color: #fff; box-shadow: 0px 5px 10px #14303a15; } } @media (max-width: 767.98px) { .header_part .navbar-collapse { overflow-x: hidden; max-height: 400px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .header_part .navbar-collapse { overflow-x: hidden; max-height: 500px; } } .header_part .nav-item { text-transform: capitalize; color: #fff; } .header_part .cu_btn { padding: 13px 26px; color: #fff; } .header_part.dark .navbar-nav .nav-link { color: #051441; letter-spacing: 3px; } .header_part .header_right_option { display: flex; align-items: center; } .header_part .header_right_option .cart_option { margin-right: 30px; position: relative; z-index: 99; } .header_part .header_right_option .cart_option .cart_content { position: relative; z-index: 1; } .header_part .header_right_option .cart_option .cart_content .cart_count { background-color: #ff7070; font-size: 10px; color: #fff; line-height: 1; border-radius: 50%; position: absolute; right: -5px; top: 0; height: 16px; width: 16px; line-height: 16px; text-align: center; } .header_part .header_right_option .cart_option .cart_content .cart_count.bg_1 { background-color: #ca063a; } .header_part .header_right_option .cart_option .cart_icon { max-width: 30px; cursor: pointer; } @media (max-width: 991px) { .header_part .header_right_option .cart_option { margin-right: 20px; } } .header_part .header_right_option .cart_option .cart_item_list { position: absolute; width: 350px; right: 0; background-color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); padding: 25px 20px; opacity: 0; visibility: hidden; transform: translateY(30px); -webkit-transition: 0.3s; transition: 0.3s; z-index: 99; } @media (max-width: 767.98px) { .header_part .header_right_option .cart_option .cart_item_list { width: 280px; right: -40px; } } .header_part .header_right_option .cart_option .single_cart_product { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .header_part .header_right_option .cart_option .single_cart_product .cart_img { flex: 17% 0 0; } .header_part .header_right_option .cart_option .single_cart_product i { font-size: 16px; } .header_part .header_right_option .cart_option .single_cart_product .cart_content { flex: 65% 0 0; padding-left: 15px; } .header_part .header_right_option .cart_option .single_cart_product .cart_content h4 { font-size: 20px; font-weight: 600; margin-bottom: 5px; } .header_part .header_right_option .cart_option .single_cart_product .cart_content h4 a { color: #051441; } .header_part .header_right_option .cart_option .single_cart_product .cart_content h4 a:hover { color: #ff7070; } .header_part .header_right_option .cart_option .single_cart_product .cart_content p { font-size: 16px; } .header_part .header_right_option .cart_option .single_cart_product .cart_content i { font-size: 10px; } .header_part .header_right_option .cart_option .single_cart_product i { flex: 7% 0 0; cursor: pointer; } .header_part .header_right_option .cart_option .single_cart_product img { max-width: 70px; } .header_part .header_right_option .cart_option .cart_option_btn { border-top: 1px solid #d6d9dc; padding-top: 25px; margin-top: 10px; } .header_part .header_right_option .cart_option .cart_option_btn h5 { text-transform: capitalize; font-size: 20px; color: #7d7d7d; margin-bottom: 15px; } .header_part .header_right_option .cart_option .cart_option_btn h5 span { color: #051441; font-weight: 600; } .header_part .header_right_option .cart_option .cart_option_btn .cu_btn { min-width: auto; } .header_part .header_right_option .cart_option:hover .cart_item_list { opacity: 1; visibility: visible; transform: translateY(10px); } .header_part.custom_width .container { max-width: 1450px; } .header_part.full_width { padding: 35px 50px; } @media (max-width: 991px) { .header_part.full_width { padding: 15px 0; } } .header_part.full_width .container { max-width: 100%; } .header_part.full_width .navbar-nav .nav-link { text-transform: capitalize; color: #051441; padding: 20px 35px; font-size: 15px; text-transform: uppercase; line-height: 12px; font-weight: 500; } .header_part.full_width_padding { padding: 40px 25px; } @media (max-width: 991px) { .header_part.full_width_padding { padding: 15px 0; } } .header_part.full_width_padding .container { max-width: 100%; } @media (min-width: 1600px) { .header_part.full_width_padding .container.container_1550 { max-width: 1550px; } } .header_part.full_width_padding .navbar-nav .nav-link { text-transform: capitalize; color: #051441; padding: 20px 35px; font-size: 15px; text-transform: uppercase; line-height: 12px; font-weight: 500; } .header_part.single_page_header { padding: 25px 45px; } @media (max-width: 767.98px) { .header_part.single_page_header { padding: 15px 0; } } .header_part.single_page_header .container { max-width: 100%; } .header_part.single_page_header .navbar-nav .nav-link { text-transform: capitalize; color: #051441; padding: 20px 30px; font-size: 15px; text-transform: uppercase; line-height: 12px; font-weight: 400; letter-spacing: 2px; } @media (max-width: 991px) { .header_part.classic_header { padding: 20px 0; } } @media only screen and (min-width: 1200px) and (max-width: 1439px) { .header_part.classic_header .navbar-nav { padding-left: 60px; } } .header_part.classic_header.menu_padding { padding: 0 45px; } @media (max-width: 576px) { .header_part.classic_header.menu_padding { padding: 20px 0; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .header_part.classic_header.menu_padding { padding: 20px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .header_part.classic_header.menu_padding { padding: 20px 20px; } } @media (min-width: 991px) { .header_part.classic_header.menu_padding .navbar .nav-link { padding: 40px 0; } } .header_part.classic_header .navbar { padding: 0; } @media (max-width: 991px) { .header_part.classic_header .navbar .navbar-brand img { max-width: 100px; } } .header_part.classic_header .navbar .nav-link { display: inline-block; padding: 50px 0; margin: 0 28px; text-transform: capitalize; font-size: 19px; color: #051441; letter-spacing: auto; font-weight: 400; position: relative; z-index: 1; } .header_part.classic_header .navbar .nav-link:hover { color: #ff7070; } @media (max-width: 991px) { .header_part.classic_header .navbar .nav-link { display: block; padding: 15px 5px; margin: 0 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .header_part.classic_header .navbar .nav-link { padding: 35px 5px; margin: 0 20px; } } .header_part.classic_header .navbar .dropdown:hover .nav-link { color: #ff7070; } .header_part.classic_header .navbar .dropdown-menu { margin: 0; padding: 16px 0; border: 0px solid transparent; box-shadow: 0px 5px 10px #14303a15; -webkit-transition: 0.4s; transition: 0.4s; transition: all 0.3s linear; } @media (min-width: 991px) { .header_part.classic_header .navbar .dropdown-menu { display: block; transform: scale(1); visibility: hidden; opacity: 0; min-width: 200px; margin-top: 20px; } .header_part.classic_header .navbar .dropdown-menu .dropdown-menu { left: 100%; top: -15px; } } @media (max-width: 991px) { .header_part.classic_header .navbar .dropdown-menu { padding: 0; } } .header_part.classic_header .navbar .dropdown-menu .dropdown-item { padding: 7px 25px; text-transform: capitalize; font-size: 16px; color: #464A56; letter-spacing: 1; font-weight: 400; display: inline-block; } .header_part.classic_header .navbar .dropdown-menu .dropdown-item:hover { color: #ff7070; } .header_part.classic_header .navbar .dropdown-menu .dropdown-item:focus, .header_part.classic_header .navbar .dropdown-menu .dropdown-item:hover { background-color: transparent; } .header_part.classic_header .navbar .dropdown:hover > .dropdown-item { color: #ff7070; } @media (min-width: 991px) { .header_part.classic_header .navbar .dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px; } } .header_part.classic_header .navbar .dropdown .dropdown-toggle::after { display: none; } @media (max-width: 991px) { .header_part.classic_header .navbar .dropdown .dropdown-toggle::after { display: inline-block; content: ""; border-top: transparent; font-family: "themify"; vertical-align: middle; float: right; font-size: 12px; color: #051441; border: 0 solid transparent; -webkit-transition: 0.3s; transition: 0.3s; } } @media (max-width: 991px) { .header_part.classic_header .navbar .dropdown.show .dropdown-toggle::after { transform: rotate(180deg); } } @media (min-width: 991px) { .header_part.classic_header .navbar .dropdown .dropdown .dropdown-toggle::after { display: inline-block; content: ""; border-top: transparent; font-family: "themify"; vertical-align: middle; float: right; font-size: 12px; color: #051441; border: 0 solid transparent; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; right: 25px; top: 10px; } } @media (max-width: 991px) { .header_part.classic_header .navbar .dropdown .dropdown .dropdown-toggle::after { display: inline-block; transform: rotate(0); } } @media (min-width: 991px) { .header_part.classic_header .navbar .dropdown .dropdown .dropdown-toggle.active_icon::after { content: ""; color: #ff7070; } } @media (max-width: 991px) { .header_part.classic_header .navbar .dropdown .dropdown-toggle.active_icon::after { transform: rotate(180deg) !important; } } .header_part .border_none .nav-link:before { display: none !important; } .header_part.white .header_right_option i { color: #fff; font-size: 20px; color: #fff; margin-right: 25px; } .header_part.white .navbar .nav-link { color: #fff; } @media (max-width: 991px) { .header_part.white .navbar .nav-link { color: #051441; } } .header_part.white .menu-trigger.style_2 .dot_icon .dot { background: #fff; } .header_part.white .header_right_option img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .header_part.white .navbar-toggler .icon-bar { background-color: #fff; } .header_part.white .header_right_option .cart_item_list img { -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); } .header_part.white .header_right_option .cart_item_list i { color: #051441; margin-right: 0; } @media (min-width: 991px) { .header_part.right_align_header { padding: 0 35px; } .header_part.right_align_header .nav-item .nav-link { margin: 0; padding: 50px 21px; letter-spacing: 1px; } .header_part.right_align_header .nav-item .nav-link:before { display: none; } .header_part.right_align_header .nav-item .nav-link:hover { color: #ff7070; } .header_part.right_align_header .nav-item:last-child .nav-link { padding: 50px 0 50px 21px; } .header_part.right_align_header .navbar .dropdown-menu { left: auto; right: 0; } .header_part.right_align_header .navbar .dropdown-menu .dropdown-menu { left: auto; top: 0px; right: 100%; } } .header_part.menu_item_padding .navbar .nav-link:before { top: 0; transform: translateY(0); background-color: #ca063a; height: 4px; } .header_part.menu_item_padding .navbar .nav-link.active:before { top: 0; transform: translateY(0); background-color: #ca063a; height: 4px; width: 100%; } .header_part .cu_btn { min-width: auto; } .header_part .sticky_logo { display: none; } .header_part.menu_fixed { background-color: #fff; box-shadow: 0 9px 35px rgba(0, 0, 0, 0.05); position: sticky; z-index: 99; width: 100%; left: 0; border-bottom: 0 solid transparent; top: 0; -webkit-transition: 0.3s; transition: 0.3s; } .header_part.menu_fixed .navbar .nav-link { color: #051441; } .header_part.menu_fixed .header_right_option img { -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); } .header_part.menu_fixed .menu-trigger.style_2 .dot_icon .dot { background: #051441; } .header_part.menu_fixed .sticky_logo { display: block; } .header_part.menu_fixed .sticky_none { display: none; } .header_part.menu_fixed .cu_btn { color: #051441; } .header_part.menu_fixed .cu_btn:hover { color: #fff; } .header_part.menu_fixed.full_width_padding { padding: 20px 25px; } .header_part.menu_fixed .navbar-toggler .icon-bar { background-color: #051441; } .header_part.menu_fixed.position_abs { position: fixed; } .dropdown-item.active, .dropdown-item:active { color: #051441; text-decoration: none; background-color: transparent; } .full_Width_header { position: absolute; left: 0; top: 0; width: 100%; z-index: 9; padding: 200; padding: 50px 35px; } @media (max-width: 767.98px) { .full_Width_header { padding: 20px 15px; } } .full_Width_header .navbar { display: flex; justify-content: space-between; padding: 0; } .full_Width_header .navbar .navbar-brand { padding: 0; margin: 0; } .full_Width_header .header_collaps_nav { display: flex; align-items: center; } .full_Width_header .header_collaps_nav .menu_item { list-style: none; padding: 0; margin: 0; } .full_Width_header .header_collaps_nav .menu_item li { display: inline-block; } .full_Width_header .header_collaps_nav .menu_item li a { color: rgba(255, 255, 255, 0.5); padding: 0 15px; } .full_Width_header .header_collaps_nav .menu_item li a:hover { color: white; } .full_Width_header .header_collaps_nav .collaps_nav_iner .menu_icon { padding-left: 35px; color: #fff; } .header_style_iner { display: flex; justify-content: space-between; align-items: center; } .menu-trigger.style_1 { cursor: pointer; display: inline-block; width: 25px; position: relative; z-index: 3; } .menu-trigger.style_1 span { display: block; height: 2px; background: #000; transition: 0.3s; margin: 5px 0; } .menu-trigger.style_1 span:nth-child(3) { margin: 5px 0 5px 8px; } .menu-trigger.style_1:hover span:nth-child(3) { margin: 5px 0 5px 0; } .menu-trigger.style_2 { overflow: hidden; display: flex; align-items: center; cursor: pointer; background-color: transparent; border: 0px solid transparent; } @media (max-width: 991px) { .menu-trigger.style_2 { justify-content: center; } } .menu-trigger.style_2 .dot_icon { display: flex; flex-wrap: wrap; width: 24px; height: 24px; margin: -2px; overflow: hidden; } .menu-trigger.style_2 .dot_icon .dot { width: 4px; height: 4px; background: #051441; margin: 2px; transition: all 0.3s linear; } .menu-trigger.style_2:hover .dot_icon .dot:nth-child(odd) { transform: translate(8px, 8px); } .menu-trigger.style_2:hover .dot_icon .dot:nth-child(5) { opacity: 0; } .menu-trigger.light .dot_icon .dot { background: #fff; } .item_trigger.style_1 { overflow: hidden; display: flex; align-items: center; cursor: pointer; } @media (max-width: 991px) { .item_trigger.style_1 { justify-content: center; } } .item_trigger.style_1 .dot_icon { display: flex; flex-wrap: wrap; width: 27px; height: 27px; margin: -2px; overflow: hidden; } .item_trigger.style_1 .dot_icon .dot { width: 9px; height: 9px; background: #051441; margin: 2px; transition: all 0.3s linear; } .item_trigger.style_1 .dot_icon .dot:nth-child(1), .item_trigger.style_1 .dot_icon .dot:nth-child(4) { border-radius: 0 3px 0 3px; } .item_trigger.style_1 .dot_icon .dot:nth-child(2), .item_trigger.style_1 .dot_icon .dot:nth-child(3) { border-radius: 3px 0 3px 0; } .item_trigger.style_1:hover .dot { transform: rotate(90px); } .item_trigger.style_1:hover .dot:nth-child(1), .item_trigger.style_1:hover .dot:nth-child(4) { border-radius: 0; } .item_trigger.style_1:hover .dot:nth-child(2), .item_trigger.style_1:hover .dot:nth-child(3) { border-radius: 0; } .bark_bg { background-color: #051441; padding: 15px; } .bark_bg .style_2 .dot_icon .dot { background: #fff; border-radius: 50%; } .off_canvus_menu { position: fixed; background-color: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; z-index: 999999; top: 0; right: 0; padding: 30px 40px 110px; transition: 0.5s; right: 0; opacity: 0; visibility: 0; overflow-y: auto; text-align: center; visibility: hidden; } .off_canvus_menu.left_align { right: auto; } .off_canvus_menu.left_align.active { right: auto; overflow-y: auto; } @media (min-width: 768px) { .off_canvus_menu .canvus_menu_iner { margin: 50px 0; min-width: auto; } } @media (max-width: 991px) { .off_canvus_menu { padding: 30px 40px; } } @media (max-width: 767.98px) { .off_canvus_menu .canvus_menu_iner { min-width: 200px; margin: 50px 0; } } .off_canvus_menu .social_icon { float: none !important; } .off_canvus_menu .canvas_menu_header { display: flex; justify-content: space-between; align-items: center; width: 100%; left: 0; z-index: 33; } .off_canvus_menu.active { opacity: 1; visibility: visible; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(1), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(1) { animation: fadeInUp 0.4s both 0.4s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(2), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(2) { animation: fadeInUp 0.5s both 0.5s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(3), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(3) { animation: fadeInUp 0.6s both 0.6s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(4), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(4) { animation: fadeInUp 0.7s both 0.7s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(5), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(5) { animation: fadeInUp 0.8s both 0.8s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(6), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(6) { animation: fadeInUp 0.9s both 0.9s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(7), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(7) { animation: fadeInUp 1s both 1s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(8), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(8) { animation: fadeInUp 0.4s both 1.1s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(9), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(9) { animation: fadeInUp 0.5s both 1.2s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(10), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(10) { animation: fadeInUp 0.6s both 1.3s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(11), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(11) { animation: fadeInUp 0.7s both 1.4s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(12), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(12) { animation: fadeInUp 0.8s both 1.5s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(13), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(13) { animation: fadeInUp 0.9s both 1.6s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(14), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(14) { animation: fadeInUp 1s both 1.7s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(15), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(15) { animation: fadeInUp 0.9s both 1.9s; } .off_canvus_menu.active .canvus_menu_iner ul .nav-item:nth-child(16), .off_canvus_menu.active .canvus_menu_iner ul li:nth-child(16) { animation: fadeInUp 1s both 2s; } .off_canvus_menu.active .menu_btm_section h5 { animation: fadeInUp 0.8s both 0.8s; } .off_canvus_menu.active .menu_btm_section .social_icon a:nth-child(1) { animation: fadeInUp 0.8s both 0.8s; } .off_canvus_menu.active .menu_btm_section .social_icon a:nth-child(2) { animation: fadeInUp 0.9s both 0.9s; } .off_canvus_menu.active .menu_btm_section .social_icon a:nth-child(3) { animation: fadeInUp 1s both 1s; } .offcanvas_overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; z-index: 99999; opacity: 0; visibility: hidden; } .offcanvas_overlay.active { opacity: 0.7; visibility: visible; } .menu_btm_section { width: 100%; } .menu_btm_section h5 { font-style: 24px; font-weight: 600; color: #fff; font-family: Futura; } .menu_btm_section .social_icon { animation: fadeInUp 1s both 1s; margin-top: 20px; float: left; } .menu_btm_section .social_icon a { color: #B6B3C1; font-size: 16px; display: inline-block; } .menu_btm_section .social_icon a:hover { color: #ff7070; } .menu_btm_section .social_icon a:nth-child(1) { color: #31428b; margin-left: 0; } .menu_btm_section .social_icon a:nth-child(2) { color: #35a2ff; } .menu_btm_section .social_icon a:nth-child(3) { color: #f82196; } .canvus_menu_warp { display: flex; align-items: center; margin: 0 auto; } .canvus_menu_warp ul li { -webkit-transition: 0.3s; transition: 0.3s; } .canvus_menu_warp .dropdown-toggle::after { display: none; } .canvus_menu_warp .dropdown > a:before { position: absolute; right: -25px; top: 30px; content: ""; font-family: "themify"; font-size: 14px; color: #fff; } @media (max-width: 991px) { .canvus_menu_warp .dropdown > a:before { top: 21px; } } .canvus_menu_warp .show > a:before { content: "" !important; } .canvus_menu_warp .dropdown-menu { position: relative !important; width: 100%; background-color: transparent; transform: translate3d(0px, 0, 0px) !important; float: inherit; border: 0px solid transparent; } .canvus_menu_warp .dropdown-menu.colum_4 { columns: 4; } @media (max-width: 767.98px) { .canvus_menu_warp .dropdown-menu.colum_4 { columns: 2; } } .canvus_menu_warp .dropdown-menu.colum_4 a { margin: 0 20px 0 0; } .canvus_menu_warp .dropdown-menu .dropdown > a { position: relative; z-index: 1; -webkit-transition: 0.3s; transition: 0.3s; } .canvus_menu_warp .dropdown-menu .dropdown > a:before { position: absolute; right: -26px; top: 50%; transform: translateY(-50%); content: ""; font-family: "themify"; font-size: 14px; color: #fff; -webkit-transition: 0.3s; transition: 0.3s; } .canvus_menu_warp .dropdown-menu .dropdown > a.show_dropdown:before { content: ""; } .canvus_menu_warp .dropdown-item:focus, .canvus_menu_warp .dropdown-item:hover { color: #ff7070; text-decoration: none; background-color: transparent; } .canvus_menu_warp .dropdown-toggle::after { display: none; } .canvus_menu_warp .dropdown-item { padding: 5px 0; width: auto; text-align: center; } .canvus_menu_warp ul { list-style: none; padding: 0; margin: 0; } .canvus_menu_warp ul li { display: block; width: 100%; text-align: center; } .canvus_menu_warp ul li a { text-transform: capitalize; font-size: 36px; line-height: 1.8; color: #fff; font-weight: 600; display: inline-block; padding: 5px 0; position: relative; } @media (max-width: 991px) { .canvus_menu_warp ul li a { line-height: 1.2; } } .canvus_menu_warp ul ul a { font-size: 18px; } .canvus_menu_warp ul ul a:hover { color: #ff7070; } .close_icon i { position: relative; z-index: 9; font-size: 25px; cursor: pointer; color: #fff; } .off_canvus_item { position: fixed; background-color: #fff; width: 550px; height: 100%; z-index: 999999; top: 0; right: 0; padding: 30px 40px; transition: 0.5s; right: -550px; opacity: 0; visibility: 0; overflow-y: auto; text-align: center; } .off_canvus_item.left_align { left: -550px; right: auto; } .off_canvus_item.left_align.active { left: 0; right: auto; overflow-y: auto; } .off_canvus_item .close_icon i { color: #051441; } @media (max-width: 767.98px) { .off_canvus_item { width: 300px; right: -300px; } } @media (min-width: 768px) { .off_canvus_item .canvus_menu_iner { min-width: 250px; } } @media (max-width: 767.98px) { .off_canvus_item .canvus_menu_iner { min-width: 200px; } } .off_canvus_item .canvas_menu_header { display: flex; justify-content: space-between; align-items: center; width: 100%; left: 0; z-index: 33; } .off_canvus_item .menu_btm_section { text-align: center; margin-top: 50px; } .off_canvus_item .menu_btm_section h5 { color: #051441; } .off_canvus_item .menu_btm_section .social_icon { float: none; } .off_canvus_item .canvus_item_warp .main_logo { display: inline-flex; justify-content: center; align-items: center; margin-bottom: 50px; } .off_canvus_item .canvus_item_warp h2 { font-size: 36px; margin-top: 30px; } @media (max-width: 991px) { .off_canvus_item .canvus_item_warp h2 { font-size: 25px; margin-top: 20px; } } .off_canvus_item .canvus_item_warp .cu_btn { margin-top: 50px; } @media (max-width: 991px) { .off_canvus_item .canvus_item_warp .cu_btn { margin-top: 30px; } } .off_canvus_item.active { right: 0; opacity: 1; visibility: visible; } .off_canvus_item.active .canvus_item_warp h2 { animation: fadeInUp 0.3s both 0.5s; } .off_canvus_item.active .canvus_item_warp .cu_btn { animation: fadeInUp 0.5s both 0.7s; } .off_canvus_item.active .menu_btm_section h5 { animation: fadeInUp 0.7s both 0.8s; } .off_canvus_item.active .menu_btm_section .social_icon a:nth-child(1) { animation: fadeInUp 0.8s both 0.8s; } .off_canvus_item.active .menu_btm_section .social_icon a:nth-child(2) { animation: fadeInUp 0.9s both 0.9s; } .off_canvus_item.active .menu_btm_section .social_icon a:nth-child(3) { animation: fadeInUp 1s both 1s; } .fixed_left { position: fixed; height: 100%; width: 90px; left: 0; top: 0; padding: 20px; } .fixed_left .social_icon { display: grid; width: 100%; } .fixed_left .social_icon a { text-align: center; margin: 8px 0; } .fixed_left .social_icon .burger_icon:first-child { margin-left: 10px !important; } .fixed_left .canvus_menu_warp { margin: 50px 0 auto; } .fixed_left nav { height: 100%; width: 100%; } .fixed_left .main_logo, .fixed_left .header_right_option { width: 100%; text-align: center; display: block; } .fixed_left .style_2 { justify-content: center; } .fixed_left_content { position: fixed; height: 100%; width: 350px; left: 0; top: 0; padding: 60px; overflow-x: auto; border-right: 1px solid #e4e4e4; z-index: 7; } @media (max-width: 991px) { .fixed_left_content { width: 90px; padding: 40px 20px; text-align: center; } } .fixed_left_content .canvus_menu_warp { margin: 50px 0 auto; } .fixed_left_content .canvus_menu_warp ul li { text-align: left; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .fixed_left_content { width: 250px; } } .fixed_left_content .social_icon { width: 100%; } @media (max-width: 991px) { .fixed_left_content .social_icon { display: grid; } } .fixed_left_content .social_icon a { color: #051441; } .fixed_left_content .social_icon a:first-child { margin-left: 0 !important; } @media (max-width: 991px) { .fixed_left_content .social_icon a:first-child { margin-left: 10px !important; } } .fixed_left_content nav { height: 100%; width: 100%; } .fixed_left_content .main_logo, .fixed_left_content .header_right_option { width: 100%; display: block; } .fixed_left_content ul .nav-item:nth-child(1), .fixed_left_content ul li:nth-child(1) { animation: fadeInUp 0.4s both 0.4s; } .fixed_left_content ul .nav-item:nth-child(2), .fixed_left_content ul li:nth-child(2) { animation: fadeInUp 0.5s both 0.5s; } .fixed_left_content ul .nav-item:nth-child(3), .fixed_left_content ul li:nth-child(3) { animation: fadeInUp 0.6s both 0.6s; } .fixed_left_content ul .nav-item:nth-child(4), .fixed_left_content ul li:nth-child(4) { animation: fadeInUp 0.7s both 0.7s; } .fixed_left_content ul .nav-item:nth-child(5), .fixed_left_content ul li:nth-child(5) { animation: fadeInUp 0.8s both 0.8s; } .fixed_left_content ul .nav-item:nth-child(6), .fixed_left_content ul li:nth-child(6) { animation: fadeInUp 0.9s both 0.9s; } .fixed_left_content ul .nav-item:nth-child(7), .fixed_left_content ul li:nth-child(7) { animation: fadeInUp 1s both 1s; } .fixed_left_content ul .nav-item:nth-child(8), .fixed_left_content ul li:nth-child(8) { animation: fadeInUp 0.4s both 1.1s; } .fixed_left_content ul .nav-item:nth-child(9), .fixed_left_content ul li:nth-child(9) { animation: fadeInUp 0.5s both 1.2s; } .fixed_left_content ul .nav-item:nth-child(10), .fixed_left_content ul li:nth-child(10) { animation: fadeInUp 0.6s both 1.3s; } .fixed_left_content ul .nav-item:nth-child(11), .fixed_left_content ul li:nth-child(11) { animation: fadeInUp 0.7s both 1.4s; } .fixed_left_content ul .nav-item:nth-child(12), .fixed_left_content ul li:nth-child(12) { animation: fadeInUp 0.8s both 1.5s; } .fixed_left_content ul .nav-item:nth-child(13), .fixed_left_content ul li:nth-child(13) { animation: fadeInUp 0.9s both 1.6s; } .fixed_left_content ul .nav-item:nth-child(14), .fixed_left_content ul li:nth-child(14) { animation: fadeInUp 1s both 1.7s; } .fixed_left_content ul .nav-item:nth-child(15), .fixed_left_content ul li:nth-child(15) { animation: fadeInUp 0.9s both 1.9s; } .fixed_left_content ul .nav-item:nth-child(16), .fixed_left_content ul li:nth-child(16) { animation: fadeInUp 1s both 2s; } .fixed_left_content .canvus_menu_warp .dropdown > a:before { display: none; } .fixed_left_content .canvus_menu_warp ul li a { color: #051441; font-size: 18px; font-weight: 500; padding: 11px 0; } .fixed_left_content .canvus_menu_warp ul li a:hover { color: #ff7070; } .fixed_left_content .canvus_menu_warp ul .dropdown-item { padding: 5px 0; line-height: 22px; } .cart_item_list .cu_btn { color: #fff !important; } .cart_item_list .cu_btn:hover { color: #ff7070 !important; } .banner_part { position: relative; z-index: 2; height: 100vh; display: flex; align-items: center; } .banner_part.banner_bg { background-image: url("../img/banner.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 767.98px) { .banner_part { height: 700px; } } .banner_part:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; z-index: -2; } .banner_part .banner_iner { text-align: center; } .banner_part .banner_iner h2 { font-size: 60px; font-weight: 400; color: #fff; line-height: 70px; margin: 0 0 30px; font-family: "Spectral", serif; } @media (max-width: 767.98px) { .banner_part .banner_iner h2 { font-size: 40px; line-height: 55px; margin: 0 0 20px; } } .banner_part .banner_iner p { font-size: 24px; color: #fff; } .banner_part .video_popup { margin: 0 auto; margin-top: 60px; text-align: center; position: relative; } @media (max-width: 767.98px) { .banner_part .video_popup { margin-top: 20px; } } .banner_part .banner_line { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; display: flex; justify-content: space-around; } .banner_part .banner_line span { width: 1px; background-color: rgba(255, 255, 255, 0.1); height: 100%; } .img_banner_section { background-color: #ffdbdb; position: relative; z-index: 1; } .img_banner_section .banner_iner h2 { font-size: 82px; font-weight: 600; line-height: 1.2; letter-spacing: -2px; margin-bottom: 0; } @media (max-width: 767.98px) { .img_banner_section .banner_iner h2 { font-size: 35px; } } @media (max-width: 991px) { .img_banner_section .banner_iner h2 { font-size: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .img_banner_section .banner_iner h2 { font-size: 40px; } } @media only screen and (min-width: 1200px) and (max-width: 1439px) { .img_banner_section .banner_iner h2 { font-size: 50px; } } .img_banner_section .banner_iner h2 span { font-family: "Playfair Display", serif; font-style: italic; font-size: 76px; } @media (max-width: 767.98px) { .img_banner_section .banner_iner h2 span { font-size: 30px; } } @media (max-width: 991px) { .img_banner_section .banner_iner h2 span { font-size: 35px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .img_banner_section .banner_iner h2 span { font-size: 35px; } } @media only screen and (min-width: 1200px) and (max-width: 1439px) { .img_banner_section .banner_iner h2 span { font-size: 45px; } } .img_banner_section .banner_iner p { font-size: 24px; font-family: Futura; color: #4b4b4b; margin-top: 35px; } @media (max-width: 767.98px) { .img_banner_section .banner_iner p { margin-top: 10px; } } @media (max-width: 991px) { .img_banner_section .banner_iner p { margin-top: 10px; } } .img_banner_section .banner_iner .cu_btn.btn_3 { background-color: #ca063a; border: 1px solid #ca063a; font-family: Futura; text-transform: capitalize; font-weight: 600; letter-spacing: 1px; } .img_banner_section .banner_iner .cu_btn.btn_3:hover { background-color: transparent; border: 1px solid #ca063a; color: #ca063a; } .img_banner_section .banner_iner .banner_btn { display: flex; align-items: center; margin-top: 57px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .img_banner_section .banner_iner .banner_btn { margin-top: 35px; } } .img_banner_section .banner_iner .video_popup { height: 65px; width: 65px; line-height: 65px; margin-left: 50px; position: relative; } @media (max-width: 767.98px) { .img_banner_section .banner_iner .video_popup { margin-left: 30px; } } .img_banner_section .banner_iner .video_popup .polygon_shape { border-left: 18px solid #ca063a; } .img_banner_section .banner_iner .video_popup:hover { background-color: #ca063a; } .img_banner_section .banner_iner .video_popup:hover .polygon_shape { border-left: 18px solid #fff; } .img_banner_section .overlay_effect.is_show .overlay_effect_in { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .img_banner_section .overlay_effect.is_show .overlay_effect_in:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .img_banner_section .overlay_effect .overlay_effect_in { transform: scaleX(0); transform-origin: left; display: inline-flex; align-items: center; } .img_banner_section .overlay_effect.is_show .overlay_effect_in { transform: scaleX(1); } .img_banner_section .banner_img { text-align: right; margin-right: -100px; } @media (max-width: 991px) { .img_banner_section .banner_img { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .img_banner_section .banner_img { margin-right: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1439px) { .img_banner_section .banner_img { margin-right: 0; } } @media (min-width: 991px) { .img_banner_section { min-height: 100vh; display: flex; align-items: center; } } @media (max-width: 991px) { .img_banner_section { min-height: 600px; display: flex; align-items: center; } } .img_banner_section .banner_line { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; display: flex; justify-content: space-around; } .img_banner_section .banner_line span { width: 1px; background-color: #f2d0d0; height: 100%; } .dark_bg { background-color: #040911; } .dark_banner_section { background-image: url("../img/dark_banner_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; height: 100vh; align-items: center; } .dark_banner_section .banner_content_inner { text-align: center; } .dark_banner_section .banner_content_inner .video_popup { position: relative; margin: 0 auto; margin-bottom: 55px; background-image: -moz-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); background-image: -webkit-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); background-image: -ms-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); width: 80px; height: 80px; } .dark_banner_section .banner_content_inner .video_popup img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); position: relative; z-index: 9; } .dark_banner_section .banner_content_inner .video_popup.play_animation:before { z-index: 7; background-image: -moz-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); background-image: -webkit-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); background-image: -ms-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); opacity: 0.302; } .dark_banner_section .banner_content_inner h2 { font-size: 90px; color: #fff; } @media (max-width: 767.98px) { .dark_banner_section .banner_content_inner h2 { font-size: 26px; margin-top: 0px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .dark_banner_section .banner_content_inner h2 { font-size: 60px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .dark_banner_section .banner_content_inner h2 { font-size: 70px; } } .dark_banner_section .typed, .dark_banner_section .typed-cursor { background: -moz-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); background: -webkit-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); background: -ms-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gradient_color { background: -moz-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); background: -webkit-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); background: -ms-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .about_section { padding-bottom: 40px; } @media (max-width: 991px) { .about_section { padding-bottom: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .about_section { padding-bottom: 0; } } .about_section .img_section { position: relative; min-height: 490px; z-index: -1; } @media (max-width: 767.98px) { .about_section .img_section { min-height: 410px; } } .about_section .img_section .about_img_1 { position: absolute; bottom: 35px; z-index: -2; left: 30px; } @media (max-width: 767.98px) { .about_section .img_section .about_img_1 { bottom: 52px; left: 30px; max-width: 250px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .about_section .img_section .about_img_1 { left: 30px; max-width: 300px; } } .about_section .img_section .about_img_1 { position: absolute; bottom: -25px; z-index: -1; left: -67px; } @media (max-width: 767.98px) { .about_section .img_section .about_img_1 { bottom: 62px; left: 30px; max-width: 250px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .about_section .img_section .about_img_1 { left: -62px; max-width: 300px; } } @media (max-width: 576px) { .about_section .img_section .about_img_2 { max-width: 235px; } } .about_section .img_section .about_img_3 { position: absolute; top: 160px; right: 0; z-index: 1; } @media (max-width: 767.98px) { .about_section .img_section .about_img_3 { max-width: 250px; right: 0; top: 108px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .about_section .img_section .about_img_3 { right: -70px; top: 167px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .about_section .img_section .about_img_3 { right: -70px; top: 60px; } } .about_section .about_section_content { padding-left: 65px; } @media (min-width: 991px) { .about_section .about_section_content { margin-top: 71px; } } @media (max-width: 767.98px) { .about_section .about_section_content { padding-left: 0; } } .about_section .about_section_content h5 { font-size: 16px; color: #ff7070; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 25px; } .about_section .about_section_content h2 { font-size: 48px; margin-bottom: 30px; line-height: 1.2; font-weight: 400; } @media (max-width: 767.98px) { .about_section .about_section_content h2 { font-size: 25px; margin-bottom: 10px; } } @media (max-width: 991px) { .about_section .about_section_content h2 { font-size: 30px; margin-bottom: 10px; } } .about_section .about_section_content .cu_btn { margin-top: 47px; padding: 18px 35px; letter-spacing: 1px; } @media (max-width: 767.98px) { .about_section .about_section_content .cu_btn { margin-top: 20px; padding: 18px 35px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .about_section .about_section_content .cu_btn { margin-top: 25px; padding: 18px 35px; } } .about_section .round_shape_animation { border-radius: 50%; background: #85b0fc; position: absolute; right: 95px; top: 60px; width: 190px; height: 190px; -webkit-animation: circleAnimation 5s linear infinite; animation: circleAnimation 5s linear infinite; z-index: -1; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .about_section .round_shape_animation { right: -53px; top: 18px; } } .about_section.sp_font h2 { letter-spacing: -3px; } .about_part_accordion_style .about_img { position: relative; z-index: 1; } .about_part_accordion_style .about_img .about_overlay { position: absolute; right: -150px; top: 50%; transform: translateY(-50%); z-index: -1; } .about_part_accordion_style .faq_content.collaps_style .card:last-child { border-bottom: 0; } .about_part_accordion_style .faq_content.collaps_style .card .btn { text-transform: capitalize; } .about_part_accordion_style { overflow: hidden; } .about_part_accordion_style.sec_padding { padding: 160px 0; } @media (max-width: 991px) { .about_part_accordion_style.sec_padding { padding: 70px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .about_part_accordion_style.sec_padding { padding: 80px 0; } } @media (max-width: 767.98px) { .about_part_accordion_style .about_img { margin-top: 40px; } } .accordion_content .card-header { background-color: transparent; border-top: 1px solid #e5e5e5; border-bottom: 0 solid transparent; margin-bottom: 0 !important; padding: 40px 40px 40px 40px; line-height: 18px; } @media (max-width: 991px) { .accordion_content .card-header { padding: 20px 20px 20px 40px; } } .accordion_content .card { border: 0px solid transparent; background-color: transparent; } .accordion_content .card:first-child .card-header { border-top: 0 solid transparent; } .accordion_content .card-body { padding: 0 0 40px 40px; font-size: 18px; line-height: 30px; color: #4b4b4b; letter-spacing: 1px; } .accordion_content .btn { padding: 0; font-size: 24px; color: #051441; line-height: 18px; } .accordion_content .btn-link:hover { color: #ca063a; text-decoration: none; } .accordion_content .tittle { position: relative; z-index: 1; font-weight: 600; } .accordion_content .tittle:after { position: absolute; content: ""; left: -40px; top: 0; width: 15px; height: 15px; font-family: "themify"; font-size: 12px; -webkit-transition: 0.3s; transition: 0.3s; font-weight: 700; color: #051441; } .accordion_content .tittle.active { color: #ca063a; } .accordion_content .tittle.active:after { transform: rotate(180deg); color: #ca063a; } .about_me_section { position: relative; z-index: 1; } .about_me_section.sec_padding { padding: 105px 0 120px; } @media (max-width: 991px) { .about_me_section.sec_padding { padding: 50px 0 70px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .about_me_section.sec_padding { padding: 60px 0 80px; } } .about_me_section .dark_shape_1 { position: absolute; left: 0; top: 45%; z-index: -1; } @media (max-width: 767.98px) { .about_me_section .dark_shape_1 { display: none; } } .about_me_section .dark_shape_2 { position: absolute; right: 0; top: 45%; z-index: -1; } @media (max-width: 767.98px) { .about_me_section .dark_shape_2 { display: none; } } .about_me_section .img_section { padding-right: 65px; } @media (max-width: 991px) { .about_me_section .img_section { padding-right: 0; } } @media (max-width: 576px) { .about_me_section .about_section_content { margin-top: 35px; } } .about_me_section .about_section_content h2 { font-family: Futura; font-weight: 500; font-size: 48px; letter-spacing: -2px; line-height: 1.2; margin-bottom: 31px; } @media (max-width: 991px) { .about_me_section .about_section_content h2 { font-size: 30px; margin-bottom: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .about_me_section .about_section_content h2 { font-size: 30px; margin-bottom: 15px; } } .about_me_section .about_section_content h2 span { color: #ff7a7a; } .about_me_section .about_section_content p { color: #7d7d7d; } .about_me_section .social_icon { float: left; margin-top: 44px; } @media (max-width: 991px) { .about_me_section .social_icon { margin-top: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .about_me_section .social_icon { margin-top: 20px; } } .about_me_section .social_icon a { margin-left: 0; color: #ff5d9e; } .about_me_section .social_icon a:nth-child(2) { color: #5243bb; } .about_me_section .social_icon a:nth-child(3) { color: #38ccfd; } .about_us_section { padding-bottom: 72px; position: relative; z-index: 1; } .about_us_section .about_us_shap { position: absolute; bottom: 0; right: 80px; z-index: -1; } .about_us_section .about_section_img { display: flex; } .about_us_section .faq_content.collaps_style .card:last-child { border-bottom: 0px solid transparent; } .about_us_section .about_us_img { position: relative; margin-right: 30px; z-index: 1; margin-top: 50px; } .about_us_section .about_us_img:last-child { margin-top: 70px; } @media (max-width: 991px) { .about_us_section .about_us_img:last-child { margin-top: 10px; } } .about_us_section .about_us_img .about_img_shape { position: absolute; position: absolute; left: -45px; top: -15px; z-index: -1; } .about_us_section .about_us_img .round_shape_animation { border-radius: 50%; background: #acf2f0; position: absolute; left: -45px; bottom: -70px; width: 110px; height: 110px; -webkit-animation: circleAnimation 5s linear infinite; animation: circleAnimation 5s linear infinite; z-index: -1; } @media (max-width: 991px) { .about_us_section .about_us_img .round_shape_animation { bottom: -30px; } } .about_us_section.dark_version { padding-bottom: 40px; } .about_us_section.dark_version .about_section_content h5 { font-size: 16px; letter-spacing: 2px; margin-bottom: 10px; } .about_us_section.dark_version .about_section_content h2 { font-size: 64px; margin-bottom: 25px; line-height: 1.2; font-weight: 500; color: #fff; } @media (max-width: 767.98px) { .about_us_section.dark_version .about_section_content h2 { font-size: 25px; margin-bottom: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .about_us_section.dark_version .about_section_content h2 { font-size: 30px; margin-bottom: 10px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .about_us_section.dark_version .about_section_content h2 { font-size: 50px; margin-bottom: 10px; } } .about_us_section.dark_version .about_section_content p { color: rgba(255, 255, 255, 0.5); font-weight: 400; } .about_us_section.dark_version .about_section_content .cu_btn { margin-top: 47px; padding: 18px 35px; letter-spacing: 1px; color: #fff; text-transform: capitalize; } @media (max-width: 767.98px) { .about_us_section.dark_version .about_section_content .cu_btn { margin-top: 20px; padding: 18px 35px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .about_us_section.dark_version .about_section_content .cu_btn { margin-top: 25px; padding: 18px 35px; } } .video_section { overflow: hidden; } .video_section.video_sec_padding { padding: 163px 0 130px; } @media (max-width: 991px) { .video_section.video_sec_padding { padding: 100px 0; } } .video_section .video_section_content { position: relative; z-index: 1; } .video_section .video_section_content .video_popup { height: 80px; width: 80px; box-shadow: 10px 17.321px 40px 0px rgba(1, 16, 58, 0.14); } .video_section .video_section_content .video_popup img { max-width: 14px; margin-left: 3px; } @media (max-width: 991px) { .video_section .video_section_content .video_popup { height: 60px; width: 60px; } } .video_section .about_img_shape { position: absolute; top: -70px; left: -40px; z-index: -1; } .video_section .round_shape_animation { border-radius: 50%; background: #acf2f0; position: absolute; right: -130px; bottom: -65px; width: 280px; height: 280px; -webkit-animation: circleAnimation 5s linear infinite; animation: circleAnimation 5s linear infinite; z-index: -1; } @media (max-width: 991px) { .video_section .round_shape_animation { width: 150px; height: 150px; right: -70px; } } .video_popup_section .video_popup { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); } .video_popup_section .video_popup i { font-size: 18px; color: #ff7070; } .dark_bg.about_me_section { background-color: #111015; padding: 160px 0 0; position: relative; } .dark_bg.about_me_section .dark_shape_1 { position: absolute; left: 0; top: 45%; } @media (max-width: 767.98px) { .dark_bg.about_me_section .dark_shape_1 { display: none; } } .dark_bg.about_me_section .dark_shape_2 { position: absolute; right: 0; top: 45%; } @media (max-width: 767.98px) { .dark_bg.about_me_section .dark_shape_2 { display: none; } } @media (max-width: 767.98px) { .dark_bg.about_me_section .about_section_content { margin-bottom: 70px; margin-top: 50px; } } .dark_bg.about_me_section .about_section_content h2 { color: #fff; } .dark_bg.about_me_section .about_section_content h2 span { color: #ff7070; } .dark_bg.about_me_section .about_section_content p { color: #fff; } .dark_bg.about_me_section .about_section_content .cu_btn { margin-top: 42px; letter-spacing: 1px; } .dark_bg.skil_list_section { background-image: none; background-color: #140e2a; } .dark_bg.portfolio_section { background-color: #111015; } .dark_bg.client_list_style_2 { background-color: #140e2a !important; } .dark_bg.footer_section { background-color: #111015; } .dark_bg.footer_section .footer_nav h4 { color: #fff; text-transform: capitalize; } .dark_bg.footer_section .single_footer_widget p, .dark_bg.footer_section .footer_nav ul li a { color: rgba(255, 255, 255, 0.2); } .dark_bg.footer_section .border_top { border-top: 1px solid #29282d; } .single_service_section { text-align: center; } @media (max-width: 767.98px) { .single_service_section { margin-top: 40px; } } .single_service_section img { margin-bottom: 46px; } @media (max-width: 767.98px) { .single_service_section img { margin-bottom: 20px; } } .single_service_section h4 { font-size: 24px; font-weight: 500; margin-bottom: 13px; } .single_service_section h4 a { color: #051441; } .single_service_section h4 a:hover { color: #ff7070; } @media (max-width: 767.98px) { .single_service_section h4 { margin-bottom: 15px; } } .services_section .section_tittle { margin-bottom: 84px; } @media (max-width: 767.98px) { .services_section .section_tittle { margin-bottom: 20px; } } .services_section .section_tittle h2 { letter-spacing: -2px; } .services_section.ft_font h4 { font-weight: 600; } .services_section.corporate_services_section .section_tittle { margin-bottom: 24px; } .services_section.corporate_services_section .single_service_section { margin-top: 60px; } .services_section.dark_version .section_tittle_content p { color: rgba(255, 255, 255, 0.5); } .services_section.dark_version .single_service_section h4 a { color: #fff; -webkit-transition: 0.5s; transition: 0.5s; } .services_section.dark_version .single_service_section h4 a:hover { color: #ff7070; } .services_section.dark_version .single_service_section p { color: rgba(255, 255, 255, 0.5); } .dark_version .section_tittle_content p { color: rgba(255, 255, 255, 0.5); } @media (max-width: 991px) { .dark_version .section_tittle_content p { margin-bottom: 30px; } } .our_services { margin-top: -130px; } @media (max-width: 767.98px) { .our_services { margin-top: -30px; } } .services_content_iner { display: flex; flex-wrap: wrap; justify-content: center; } .services_content_iner .single_services_section { flex: 33.3% 0 0; } @media (max-width: 767.98px) { .services_content_iner .single_services_section { flex: 100% 0 0; } } .single_services_section { position: relative; z-index: 1; display: inline-block; } .single_services_section .services_section_bg { height: 435px; -webkit-transition: 0.3s; transition: 0.3s; display: block; } @media (max-width: 767.98px) { .single_services_section .services_section_bg { height: 400px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .single_services_section .services_section_bg { height: 350px; } } .single_services_section .services_section_bg.bg_1 { background-image: url("../img/services_bg_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .single_services_section .services_section_bg.bg_2 { background-image: url("../img/services_bg_2.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .single_services_section .services_section_bg.bg_3 { background-image: url("../img/services_bg_3.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .single_services_section .services_section_bg.bg_4 { background-image: url("../img/services_bg_4.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .single_services_section .services_section_bg.bg_5 { background-image: url("../img/services_bg_5.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .single_services_section .services_section_bg.bg_6 { background-image: url("../img/services_bg_6.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .single_services_section .single_section_content { position: absolute; bottom: 0; left: 0; padding: 40px 40px 24px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .single_services_section .single_section_content { padding: 20px 20px 15px; } } .single_services_section .single_section_content h5 { font-size: 14px; text-transform: uppercase; color: #fff; -webkit-transition: 0.3s; transition: 0.3s; } .single_services_section .single_section_content h3 { font-size: 30px; color: #fff; -webkit-transition: 0.3s; transition: 0.3s; } .single_services_section .single_section_content h3 a { color: #fff; } .single_services_section .single_section_content h3 a:hover { color: #ff7070; } .service_details_content h2 { margin-bottom: 15px; font-weight: 600; margin-bottom: 15px; margin-top: 50px; } .service_details_content p { margin-bottom: 25px; } .service_details_content p:last-child { margin-bottom: 0; } .service_details.mt_150 { margin-top: -150px; } @media (max-width: 991px) { .service_details.mt_150 { margin-top: -50px; } } .service_details.style_2 h2 { margin-top: 0; } .service_details.style_2 .service_details_content { border-bottom: 1px solid #f2f2f2; padding-bottom: 73px; } .service_details.style_2 .service_details_content img { margin-bottom: 20px; } .service_details.style_2 .service_nmber { margin-bottom: 33px; } .single_service { margin-top: 80px; } @media (max-width: 767.98px) { .single_service { margin-top: 50px; } } .single_service h3 { font-size: 36px; font-weight: 600; margin-bottom: 22px; } @media (max-width: 767.98px) { .single_service h3 { font-size: 25px; margin-bottom: 15px; } } .single_service .single_service_section_img { margin: 25px 0; } .service_icon { max-width: 95px !important; } .our_gallery { position: relative; z-index: 1; overflow: hidden; } .our_gallery .grid-item, .our_gallery .grid-sizer { width: 25%; } @media (max-width: 576px) { .our_gallery .grid-item, .our_gallery .grid-sizer { width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item, .our_gallery .grid-sizer { width: 50%; } } .our_gallery .grid-item { float: left; height: 425px; } @media (max-width: 576px) { .our_gallery .grid-item { height: 300px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item { height: 300px; } .our_gallery .grid-item .our_gallery { position: relative; z-index: 1; overflow: hidden; } .our_gallery .grid-item .our_gallery .grid-item, .our_gallery .grid-item .our_gallery .grid-sizer { width: 25%; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (max-width: 576px) { .our_gallery .grid-item .our_gallery .grid-item, .our_gallery .grid-item .our_gallery .grid-sizer { width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid-item, .our_gallery .grid-item .our_gallery .grid-sizer { width: 50%; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid-item { float: left; height: 425px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (max-width: 576px) { .our_gallery .grid-item .our_gallery .grid-item { height: 300px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid-item { height: 300px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item .our_gallery .grid-item { height: 200px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 992px) and (max-width: 1199.98px) { .our_gallery .grid-item .our_gallery .grid-item { height: 200px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid-item .grid_item_content { position: absolute; left: 0; padding: 40px; opacity: 0; visibility: hidden; z-index: 2; -webkit-transition: 0.3s; transition: 0.3s; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item .our_gallery .grid-item .grid_item_content { bottom: 10px; left: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid-item:hover .grid_item_content { opacity: 1; visibility: visible; bottom: 0; } .our_gallery .grid-item .our_gallery .grid-item:hover .grid_item_content h3 a { animation: fadeInUp2 0.5s both 0.1s; } .our_gallery .grid-item .our_gallery .grid-item:hover .grid_item_content p span { animation: fadeInUp2 0.5s both 0.1s; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item .our_gallery .grid-item:hover .grid_item_content { bottom: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid-item h3 { font-size: 26px; font-weight: 700; margin-bottom: 2px; overflow: hidden; display: block; } .our_gallery .grid-item .our_gallery .grid-item h3 a { color: #fff; overflow: hidden; display: block; } .our_gallery .grid-item .our_gallery .grid-item h3 a:hover { color: #ff7070; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item .our_gallery .grid-item h3 { font-size: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid-item p { font-size: 14px; font-weight: 500; color: #dad9d9; overflow: hidden; display: block; } .our_gallery .grid-item .our_gallery .grid-item p span { overflow: hidden; display: block; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid_item_width2 { width: 50%; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (max-width: 576px) { .our_gallery .grid-item .our_gallery .grid_item_width2 { width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid_item_width2 { width: 50%; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid_item_width2 .grid_item_content { bottom: 50px; left: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item .our_gallery .grid_item_width2 .grid_item_content { left: 20px; bottom: 10px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid_item_width2 .grid_item_content { bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item .our_gallery .grid_item_width2 .grid_item_content { bottom: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid_item_height2 { height: 850px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (max-width: 576px) { .our_gallery .grid-item .our_gallery .grid_item_height2 { height: 300px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid_item_height2 { height: 300px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item .our_gallery .grid_item_height2 { height: 400px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 992px) and (max-width: 1199.98px) { .our_gallery .grid-item .our_gallery .grid_item_height2 { height: 400px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .gallery_item_bg { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; transform: scale(1); -webkit-transition: 0.3s; transition: 0.3s; display: inline-block; position: relative; z-index: 1; } .our_gallery .grid-item .our_gallery .gallery_item_bg:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: 0.3s; transition: 0.3s; background-color: rgba(0, 0, 0, 0); } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid-item { overflow: hidden; } .our_gallery .grid-item .our_gallery .grid-item:hover .gallery_item_bg { transform: scale(1.1); } .our_gallery .grid-item .our_gallery .grid-item:hover .grid_item_content { opacity: 1; visibility: visible; bottom: 0; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item .our_gallery .grid-item:hover .grid_item_content { bottom: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid-item .our_gallery .grid-item:hover .gallery_item_bg:after { background-color: rgba(0, 0, 0, 0.6); } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item { height: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .our_gallery .grid-item { height: 200px; } } .our_gallery .grid-item .grid_item_content { position: absolute; left: 0; padding: 40px; opacity: 0; visibility: hidden; z-index: 2; -webkit-transition: 0.3s; transition: 0.3s; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item .grid_item_content { bottom: 10px; left: 20px; } } .our_gallery .grid-item:hover .grid_item_content { opacity: 1; visibility: visible; bottom: 0; } .our_gallery .grid-item:hover .grid_item_content h3 a { animation: fadeInUp2 0.5s both 0.1s; } .our_gallery .grid-item:hover .grid_item_content p span { animation: fadeInUp2 0.5s both 0.1s; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item:hover .grid_item_content { bottom: 20px; } } .our_gallery .grid-item h3 { font-size: 26px; font-weight: 700; margin-bottom: 2px; overflow: hidden; display: block; } .our_gallery .grid-item h3 a { color: #fff; overflow: hidden; display: block; } .our_gallery .grid-item h3 a:hover { color: #ff7070; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item h3 { font-size: 20px; } } .our_gallery .grid-item p { font-size: 14px; font-weight: 500; color: #dad9d9; overflow: hidden; display: block; } .our_gallery .grid-item p span { overflow: hidden; display: block; } .our_gallery .grid_item_width2 { width: 50%; } @media (max-width: 576px) { .our_gallery .grid_item_width2 { width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid_item_width2 { width: 50%; } } .our_gallery .grid_item_width2 .grid_item_content { bottom: 50px; left: 80px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid_item_width2 .grid_item_content { left: 20px; bottom: 10px; } } .our_gallery .grid_item_width2 .grid_item_content { bottom: 80px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid_item_width2 .grid_item_content { bottom: 20px; } } .our_gallery .grid_item_height2 { height: 850px; } @media (max-width: 576px) { .our_gallery .grid_item_height2 { height: 300px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .our_gallery .grid_item_height2 { height: 300px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid_item_height2 { height: 400px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .our_gallery .grid_item_height2 { height: 400px; } } .our_gallery .gallery_item_bg { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; transform: scale(1); -webkit-transition: 0.3s; transition: 0.3s; display: inline-block; position: relative; z-index: 1; } .our_gallery .gallery_item_bg:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: 0.3s; transition: 0.3s; background-color: rgba(0, 0, 0, 0); } .our_gallery .grid-item { overflow: hidden; } .our_gallery .grid-item:hover .gallery_item_bg { transform: scale(1.1); } .our_gallery .grid-item:hover .grid_item_content { opacity: 1; visibility: visible; bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .our_gallery .grid-item:hover .grid_item_content { bottom: 0; } } .our_gallery .grid-item:hover .gallery_item_bg:after { background-color: rgba(0, 0, 0, 0.6); } .portfolio_section { position: relative; z-index: 1; } .portfolio_section .portfolio_shape { position: absolute; bottom: 150px; right: 0; z-index: -1; } .portfolio_section .section_tittle.style_2 { margin-bottom: 48px; } @media (max-width: 991px) { .portfolio_section .section_tittle.style_2 { margin-bottom: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_section .section_tittle.style_2 { margin-bottom: 20px; } } .portfolio_section .single_portfolio_section { margin-top: 30px; position: relative; overflow: hidden; border-radius: 5px; } .portfolio_section .single_portfolio_section img { -webkit-transition: 0.3s; transition: 0.3s; transform: scale(1); } @media (max-width: 991px) { .portfolio_section .single_portfolio_section img { width: 100%; } } .portfolio_section .single_portfolio_section .single_portfolio_content { position: absolute; bottom: 28px; left: 40px; } .portfolio_section .single_portfolio_section .single_portfolio_content h4 { font-size: 30px; font-weight: 700; margin-bottom: 0; font-family: Futura; } .portfolio_section .single_portfolio_section .single_portfolio_content h4 a { color: #051441; } .portfolio_section .single_portfolio_section .single_portfolio_content h4 a:hover { color: #ff7070; } .portfolio_section .single_portfolio_section .single_portfolio_content p { font-size: 16px; } .portfolio_section .single_portfolio_section.full_width_portfolio .single_portfolio_content { bottom: auto; top: 47px; } .portfolio_section .single_portfolio_section:hover img { transform: scale(1.2); } .filter_menu_position { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50px; text-align: center; } .portfolio_list_style_1 .single_portfolio_item, .portfolio_list_style_1 .grid-sizer { width: 25%; } @media (max-width: 576px) { .portfolio_list_style_1 .single_portfolio_item, .portfolio_list_style_1 .grid-sizer { width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .portfolio_list_style_1 .single_portfolio_item, .portfolio_list_style_1 .grid-sizer { width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .portfolio_list_style_1 .single_portfolio_item, .portfolio_list_style_1 .grid-sizer { width: 50%; } } .portfolio_list_style_1 .single_portfolio_item { width: 25%; text-align: center; background-position: center; background-size: cover; -webkit-transition: 0.3s; transition: 0.3s; background-repeat: no-repeat; overflow: hidden; height: 480px; } @media (max-width: 576px) { .portfolio_list_style_1 .single_portfolio_item { width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .portfolio_list_style_1 .single_portfolio_item { width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .portfolio_list_style_1 .single_portfolio_item { width: 50%; height: 300px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_list_style_1 .single_portfolio_item { height: 300px; } } .portfolio_list_style_1 .single_portfolio_item.bg_1 { background-image: url("../img/portfolio_grid/1.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_2 { background-image: url("../img/portfolio_grid/2.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_3 { background-image: url("../img/portfolio_grid/3.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_4 { background-image: url("../img/portfolio_grid/4.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_5 { background-image: url("../img/portfolio_grid/5.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_6 { background-image: url("../img/portfolio_grid/6.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_7 { background-image: url("../img/portfolio_grid/7.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_8 { background-image: url("../img/portfolio_grid/8.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_9 { background-image: url("../img/portfolio_grid/9.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_10 { background-image: url("../img/portfolio_grid/10.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_11 { background-image: url("../img/portfolio_grid/11.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_12 { background-image: url("../img/portfolio_grid/12.png"); } .portfolio_list_style_1 .single_portfolio_item.bg_13 { background-image: url("../img/portfolio_grid/13.png"); } .portfolio_list_style_1 .single_portfolio_item.width_img { width: 50%; } @media (max-width: 576px) { .portfolio_list_style_1 .single_portfolio_item.width_img { width: 100%; } } .portfolio_list_style_1 .single_portfolio_item.long_img { height: 960px; } @media (max-width: 767.98px) { .portfolio_list_style_1 .single_portfolio_item.long_img { height: 480px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .portfolio_list_style_1 .single_portfolio_item.long_img { height: 600px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_list_style_1 .single_portfolio_item.long_img { height: 600px; } } .portfolio_list_style_1 .single_portfolio_item a { display: block; } .portfolio_list_style_1 .single_portfolio_item .portfolio_hover { opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; height: 100%; position: absolute; left: 0; right: 0; margin: 0; top: 50%; transform: translateY(-50%); } .portfolio_list_style_1 .single_portfolio_item .portfolio_hover h2 { font-size: 30px; font-weight: 600; text-transform: capitalize; margin-bottom: 0; flex: 100% 0 0; -webkit-transition: 0.3s; transition: 0.3s; } .portfolio_list_style_1 .single_portfolio_item .portfolio_hover h2 a { color: #051441; } .portfolio_list_style_1 .single_portfolio_item .portfolio_hover h2 a:hover { color: #ff7070; } .portfolio_list_style_1 .single_portfolio_item .portfolio_hover p { flex: 100% 0 0; -webkit-transition: 0.5s; transition: 0.5s; } .portfolio_list_style_1 .single_portfolio_item .mas_img { -webkit-transition: 0.5s; transition: 0.5s; min-width: 100%; } .portfolio_list_style_1 .single_portfolio_item:hover { background-color: #fff; -webkit-transition: 0.5s; transition: 0.5s; } .portfolio_list_style_1 .single_portfolio_item:hover .mas_img { opacity: 0; } .portfolio_list_style_1 .single_portfolio_item:hover .portfolio_hover { background-color: #fff; opacity: 1; visibility: visible; } .portfolio_slider_style.style_1 { padding-left: 90px; } .portfolio_slider_style.style_1 .single_portfolio_content { text-align: center; margin-top: 50px; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; top: 50%; transform: translateY(-50%); z-index: 3; padding: 15px; } .portfolio_slider_style.style_1 .single_portfolio_content h5 { font-size: 12px; height: 22px; padding: 0 13px; background-color: #fff; line-height: 22px; border-radius: 3px; border: 1px solid #fff; text-transform: uppercase; margin-bottom: 17px; display: inline-block; } .portfolio_slider_style.style_1 .single_portfolio_content h4 { font-size: 48px; font-weight: 600; } .portfolio_slider_style.style_1 .single_portfolio_content h4 a { color: #fff; -webkit-transition: 0.6s; transition: 0.6s; } .portfolio_slider_style.style_1 .single_portfolio_content h4 a:hover { color: #ff7070; } @media (max-width: 991px) { .portfolio_slider_style.style_1 .single_portfolio_content h4 { font-size: 24px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_slider_style.style_1 .single_portfolio_content h4 { font-size: 24px; } } @media (min-width: 991px) { .portfolio_slider_style.style_1 .single_portfolio_content h4 { font-size: 35px; } } .portfolio_slider_style.style_1 .single_portfolio_item { height: 100vh; overflow: hidden; position: relative; z-index: 1; } .portfolio_slider_style.style_1 .single_portfolio_item .portfolio_item_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .portfolio_slider_style.style_1 .single_portfolio_item .bg_3 { background-image: url("../img/portfolio/portfolio_slider_3.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_1 .single_portfolio_item .bg_4 { background-image: url("../img/portfolio/portfolio_slider_4.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_1 .single_portfolio_item .bg_5 { background-image: url("../img/portfolio/portfolio_slider_5.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_1 .single_portfolio_item .bg_6 { background-image: url("../img/portfolio/portfolio_slider_6.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_1 .single_portfolio_item:after { position: absolute; content: ""; left: 0; top: 0; background-color: #051441; opacity: 0; width: 100%; height: 100%; transform: scale(0, 1); -webkit-transition: 0.5s; transition: 0.5s; transform-origin: left; } .portfolio_slider_style.style_1 .single_portfolio_item .portfolio_item_bg { transform: scale(1); -webkit-transition: 0.5s; transition: 0.5s; } .portfolio_slider_style.style_1 .single_portfolio_item:hover { background-size: auto 105%; } .portfolio_slider_style.style_1 .single_portfolio_item:hover:after { transform: scale(1, 1); opacity: 0.4; } .portfolio_slider_style.style_1 .single_portfolio_item:hover .portfolio_item_bg { transform: scale(1.1); } .portfolio_slider_style.style_2 .single_portfolio_content { text-align: center; margin-top: 50px; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 3; bottom: -30px; top: auto; transform: translateY(0); padding: 50px 50px 0 50px; text-align: left; } .portfolio_slider_style.style_2 .single_portfolio_content span { font-size: 12px; height: 22px; padding: 0 13px; background-color: #fff; line-height: 22px; border-radius: 3px; border: 1px solid #fff; text-transform: uppercase; margin-bottom: 17px; display: inline-block; } .portfolio_slider_style.style_2 .single_portfolio_content .portfolio_content_iner { opacity: 0; visibility: hidden; } .portfolio_slider_style.style_2 .single_portfolio_content h4 { font-size: 48px; font-weight: 600; margin-bottom: 18px; color: #fff; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .portfolio_slider_style.style_2 .single_portfolio_content h4:hover { color: #ff7070; } .portfolio_slider_style.style_2 .single_portfolio_content h4 a { color: #fff; } .portfolio_slider_style.style_2 .single_portfolio_content h4 a:hover { color: #ff7070; } @media (max-width: 991px) { .portfolio_slider_style.style_2 .single_portfolio_content h4 { font-size: 24px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_slider_style.style_2 .single_portfolio_content h4 { font-size: 24px; } } .portfolio_slider_style.style_2 .single_portfolio_content p { color: #fff; font-size: 20px; font-weight: 400; } @media (max-width: 991px) { .portfolio_slider_style.style_2 .single_portfolio_content p { font-size: 18px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_slider_style.style_2 .single_portfolio_content p { font-size: 18px; } } .portfolio_slider_style.style_2 .single_portfolio_content .read_more_btn { color: #fff; display: inline-flex; align-items: center; margin-top: 28px; line-height: 1; -webkit-transition: 0.3s; transition: 0.3s; } .portfolio_slider_style.style_2 .single_portfolio_content .read_more_btn i { font-weight: 600; margin-left: 10px; font-size: 18px; } .portfolio_slider_style.style_2 .single_portfolio_content .read_more_btn img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); max-width: 17px; margin-left: 15px; } .portfolio_slider_style.style_2 .single_portfolio_content .read_more_btn:hover { color: #ff7070; } .portfolio_slider_style.style_2 .single_portfolio_item { position: relative; z-index: 1; } .portfolio_slider_style.style_2 .single_portfolio_item:after { transform: scale(1); -webkit-transition: 0.5s; transition: 0.5s; transform-origin: left; } .portfolio_slider_style.style_2 .single_portfolio_item:hover .single_portfolio_content { top: auto; bottom: 53px; } .portfolio_slider_style.style_2 .single_portfolio_item { height: 100vh; -webkit-transition: 0.5s; transition: 0.5s; overflow: hidden; width: 100%; display: block; position: relative; z-index: 1; } .portfolio_slider_style.style_2 .single_portfolio_item .single_portfolio_iner { display: block; width: 100%; height: 100%; } .portfolio_slider_style.style_2 .single_portfolio_item .portfolio_item_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .portfolio_slider_style.style_2 .single_portfolio_item .bg_1 { background-image: url("../img/portfolio/portfolio_slider_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_2 .single_portfolio_item .bg_2 { background-image: url("../img/portfolio/portfolio_slider_2.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_2 .single_portfolio_item .bg_3 { background-image: url("../img/portfolio/portfolio_slider_3.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_2 .single_portfolio_item .bg_4 { background-image: url("../img/portfolio/portfolio_slider_4.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_2 .single_portfolio_item .bg_5 { background-image: url("../img/portfolio/portfolio_slider_5.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_2 .single_portfolio_item .bg_6 { background-image: url("../img/portfolio/portfolio_slider_6.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_2 .single_portfolio_item:after { position: absolute; content: ""; left: 0; top: 0; background-color: #051441; opacity: 0; width: 100%; height: 100%; transform: scale(1); -webkit-transition: 0.5s; transition: 0.5s; } .portfolio_slider_style.style_2 .single_portfolio_item .portfolio_item_bg { transform: scale(1); -webkit-transition: 0.5s; transition: 0.5s; } .portfolio_slider_style.style_2 .single_portfolio_item:hover { background-size: auto 105%; } .portfolio_slider_style.style_2 .single_portfolio_item:hover:after { transform: scale(1); opacity: 0.4; } .portfolio_slider_style.style_2 .single_portfolio_item:hover .single_portfolio_content { margin-top: 0; visibility: visible; bottom: 53px; } .portfolio_slider_style.style_2 .single_portfolio_item:hover .portfolio_content_iner { opacity: 1; visibility: visible; } .portfolio_slider_style.style_2 .single_portfolio_item:hover .portfolio_item_bg { transform: scale(1.1); } .portfolio_slider_style.style_3 .single_portfolio_content { text-align: center; margin-top: 50px; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 3; bottom: -87px; top: auto; transform: translateY(0); padding: 50px 50px 0 50px; text-align: left; } .portfolio_slider_style.style_3 .single_portfolio_content span { font-size: 12px; height: 22px; padding: 0 13px; background-color: #fff; line-height: 22px; border-radius: 3px; border: 1px solid #fff; text-transform: uppercase; margin-bottom: 17px; display: inline-block; } .portfolio_slider_style.style_3 .single_portfolio_content .portfolio_content_iner { opacity: 0; visibility: hidden; } @media (max-width: 991px) { .portfolio_slider_style.style_3 .single_portfolio_content { bottom: 40px; } .portfolio_slider_style.style_3 .single_portfolio_content .portfolio_content_iner { opacity: 1; visibility: visible; } } @media (max-width: 767.98px) { .portfolio_slider_style.style_3 .single_portfolio_content { padding: 20px 20px 0 20px; bottom: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_slider_style.style_3 .single_portfolio_content { bottom: -146px; } } .portfolio_slider_style.style_3 .single_portfolio_content h4 { font-size: 48px; font-weight: 600; margin-bottom: 18px; color: #fff; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 991px) { .portfolio_slider_style.style_3 .single_portfolio_content h4 { margin-bottom: 5px; } } .portfolio_slider_style.style_3 .single_portfolio_content h4 a { color: #fff; } .portfolio_slider_style.style_3 .single_portfolio_content h4 a:hover { color: #ff7070; } @media (max-width: 991px) { .portfolio_slider_style.style_3 .single_portfolio_content h4 { font-size: 24px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_slider_style.style_3 .single_portfolio_content h4 { font-size: 24px; } } .portfolio_slider_style.style_3 .single_portfolio_content p { color: #fff; font-size: 20px; font-weight: 400; } @media (max-width: 991px) { .portfolio_slider_style.style_3 .single_portfolio_content p { font-size: 18px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_slider_style.style_3 .single_portfolio_content p { font-size: 18px; } } .portfolio_slider_style.style_3 .single_portfolio_content .read_more_btn { color: #fff; display: inline-flex; align-items: center; margin-top: 28px; line-height: 1; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 991px) { .portfolio_slider_style.style_3 .single_portfolio_content .read_more_btn { margin-top: 10px; } } .portfolio_slider_style.style_3 .single_portfolio_content .read_more_btn i { font-weight: 600; margin-left: 10px; font-size: 18px; } .portfolio_slider_style.style_3 .single_portfolio_content .read_more_btn img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); max-width: 17px; margin-left: 15px; } .portfolio_slider_style.style_3 .single_portfolio_content .read_more_btn:hover { color: #ff7070; } .portfolio_slider_style.style_3 .single_portfolio_item { position: relative; z-index: 1; } .portfolio_slider_style.style_3 .single_portfolio_item:hover .single_portfolio_content { top: auto; bottom: 53px; } .portfolio_slider_style.style_3 .single_portfolio_item { -webkit-transition: 0.5s; transition: 0.5s; overflow: hidden; width: 100%; display: block; height: 100vh; } .portfolio_slider_style.style_3 .single_portfolio_item .single_portfolio_iner { display: block; width: 100%; height: 100%; } .portfolio_slider_style.style_3 .single_portfolio_item .portfolio_item_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100vh !important; z-index: 1; } .portfolio_slider_style.style_3 .single_portfolio_item .portfolio_item_bg:after { position: absolute; content: ""; left: 0; top: 0; background-color: #051441; opacity: 0; width: 100%; height: 100%; transform: scale(1); -webkit-transition: 0.5s; transition: 0.5s; } .portfolio_slider_style.style_3 .single_portfolio_item .bg_1 { background-image: url("../img/portfolio/portfolio_slider_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_3 .single_portfolio_item .bg_2 { background-image: url("../img/portfolio/portfolio_slider_2.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_3 .single_portfolio_item .bg_3 { background-image: url("../img/portfolio/portfolio_slider_3.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_3 .single_portfolio_item .bg_4 { background-image: url("../img/portfolio/portfolio_slider_4.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_3 .single_portfolio_item .bg_5 { background-image: url("../img/portfolio/portfolio_slider_5.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_3 .single_portfolio_item .bg_6 { background-image: url("../img/portfolio/portfolio_slider_6.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; } .portfolio_slider_style.style_3 .single_portfolio_item .portfolio_item_bg { -webkit-transition: 0.5s; transition: 0.5s; } .portfolio_slider_style.style_3 .single_portfolio_item:hover { background-size: auto 105%; } .portfolio_slider_style.style_3 .single_portfolio_item:hover .single_portfolio_content { margin-top: 0; visibility: visible; bottom: 53px; } .portfolio_slider_style.style_3 .single_portfolio_item:hover .portfolio_content_iner { opacity: 1; visibility: visible; } .portfolio_slider_style.style_3 .single_portfolio_item:hover .portfolio_item_bg { transform: scale(1.1); } .portfolio_slider_style.style_3 .single_portfolio_item:hover .portfolio_item_bg:after { transform: scale(1); opacity: 0.4; } @media (max-width: 991px) { .portfolio_fitrow_filter { margin: 50px 0 20px; text-align: center; } } .portfolio_fitrow_filter button { background-color: transparent; border: 0 solid transparent; padding: 0 30px; font-size: 14px; text-transform: uppercase; color: #b0b0b0; letter-spacing: 3px; font-weight: 400; -webkit-transition: 0.3s; transition: 0.3s; } .portfolio_fitrow_filter button.active { color: #051441; } .portfolio_fitrow_filter button:hover { color: #051441; } @media (max-width: 991px) { .portfolio_fitrow_filter button { display: inline-block; padding: 15px 15px; text-align: center; } } .testimonial_section { position: relative; } .testimonial_section .testimonial_icon_1 { position: absolute; left: 85px; top: 40%; } @media (max-width: 767.98px) { .testimonial_section .testimonial_icon_1 { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .testimonial_section .testimonial_icon_1 { display: none; } } .testimonial_section .testimonial_icon_2 { position: absolute; right: 40px; top: 40%; } @media (max-width: 767.98px) { .testimonial_section .testimonial_icon_2 { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .testimonial_section .testimonial_icon_2 { display: none; } } .testimonial_section .single_testimonial_slider { text-align: center; } .testimonial_section .single_testimonial_slider img { max-width: 100px; border-radius: 50%; margin: 0 auto; margin-bottom: 17px; } .testimonial_section .single_testimonial_slider h4 { font-size: 24px; font-weight: 500; } .testimonial_section .single_testimonial_slider h4 span { display: block; font-size: 16px; color: #4b4b4b; font-weight: 400; margin-top: 6px; } .testimonial_section .single_testimonial_slider p { font-size: 30px; font-style: italic; line-height: 1.4; margin-top: 25px; color: #4b4b4b; } @media (max-width: 767.98px) { .testimonial_section .single_testimonial_slider p { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .testimonial_section .single_testimonial_slider p { font-size: 24px; } } .testimonial_section .section_tittle { margin-bottom: 66px; } @media (max-width: 991px) { .testimonial_section .section_tittle { font-size: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .testimonial_section .section_tittle { font-size: 30px; } } .testimonial_section.testimonial_padding .testimonial_section_content { margin-bottom: -40px; } .testimonial_section.testimonial_padding .single_testimonial_slider { margin-bottom: 40px !important; } .testimonial_section.box_style .single_testimonial_slider { background-color: #fff; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06); position: relative; margin: 57px 40px 0 40px; padding: 58px 100px 50px; } @media (max-width: 767.98px) { .testimonial_section.box_style .single_testimonial_slider { margin: 57px 15px 15px; padding: 34px 15px 39px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .testimonial_section.box_style .single_testimonial_slider { margin: 55px; padding: 34px 15px 39px; } } .testimonial_section.box_style .single_testimonial_slider img { position: absolute; left: 0; right: 0; margin: 0 auto; top: -57px; } .testimonial_section.box_style .single_testimonial_slider h4 { margin-top: 38px; } @media (max-width: 991px) { .testimonial_section.box_style .single_testimonial_slider h4 { margin-top: 25px; } } .testimonial_section.box_style.navText .owl-nav button.owl-next, .testimonial_section.box_style.navText .owl-nav button.owl-prev { left: -60px; top: 52%; } @media (max-width: 991px) { .testimonial_section.box_style.navText .owl-nav button.owl-next, .testimonial_section.box_style.navText .owl-nav button.owl-prev { left: -20px; } } .testimonial_section.box_style.navText .owl-nav button.owl-next { right: -60px; left: auto; } @media (max-width: 991px) { .testimonial_section.box_style.navText .owl-nav button.owl-next { right: -20px; } } .testimonial_section.style_2 { overflow: hidden; } .testimonial_section.style_2 .testimonial_slider_style_2 { margin: -50px 0; } .testimonial_section.style_2 .single_testimonial_slider { padding: 40px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04); text-align: left; margin: 50px 25px; position: relative; z-index: 1; overflow: hidden; } @media (max-width: 991px) { .testimonial_section.style_2 .single_testimonial_slider { margin: 20px 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .testimonial_section.style_2 .single_testimonial_slider { margin: 20px 15px; } } .testimonial_section.style_2 .single_testimonial_slider .testimonial_shape { position: absolute; right: 0; bottom: 0; z-index: -1; border-radius: 0; max-width: auto !important; margin-bottom: 0; } .testimonial_section.style_2 .single_testimonial_slider h4 { margin-bottom: 0; padding-top: 8px; } .testimonial_section.style_2 .single_testimonial_slider h4 span { color: #4b4b4b; } .testimonial_section.style_2 .single_testimonial_slider .testimonial_slider_tittle { position: relative; padding-left: 90px; } .testimonial_section.style_2 .single_testimonial_slider .testimonial_slider_tittle img { left: 0; margin: 0; max-width: 70px; position: absolute; top: 0; } .testimonial_section.style_2 .single_testimonial_slider p { font-size: 20px; line-height: 1.5; font-style: normal; margin-top: 30px; } .testimonial_section.style_2 .owl-nav button.owl-prev { left: -80px; } .testimonial_section.style_2 .owl-nav button.owl-next { right: -80px; left: auto; } .testimonial_section.style_2 .testimonial_icon_2 { right: -100px; top: 50%; } .testimonial_section.dark_version .single_testimonial_slider p { color: #fff; font-weight: 400; } .testimonial_section.dark_version .single_testimonial_slider h4 { margin-top: 35px; color: #fff; font-size: 30px; font-weight: 500; } @media (max-width: 991px) { .testimonial_section.dark_version .single_testimonial_slider h4 { font-size: 25px; } } .testimonial_section.dark_version .single_testimonial_slider h4 span { font-size: 16px; color: rgba(255, 255, 255, 0.5); } .testimonial_section.dark_version .owl-prev, .testimonial_section.dark_version .owl-next { position: absolute; right: 0; top: 50%; transform: translateX(-50%); -webkit-transition: 0.3s; transition: 0.3s; } .testimonial_section.dark_version .owl-prev i, .testimonial_section.dark_version .owl-next i { font-size: 30px; color: #828488; } .testimonial_section.dark_version .owl-prev:hover i, .testimonial_section.dark_version .owl-next:hover i { color: #ff7070; } .testimonial_section.dark_version .owl-prev { left: 0; right: auto; } .testimonial_section.dark_version .owl-prev:hover { left: -10px; } .testimonial_section.dark_version .owl-next:hover { right: -10px; } .cta_part .cta_part_iner { padding: 85px 75px; background-color: #ffeaea; border-radius: 5px; position: relative; } @media (max-width: 576px) { .cta_part .cta_part_iner { padding: 35px 20px; } } .cta_part .cta_part_iner .cta_icon_1 { bottom: -71px; right: -148px; position: absolute; z-index: -1; } @media (max-width: 576px) { .cta_part .cta_part_iner .cta_icon_1 { display: none; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .cta_part .cta_part_iner .cta_icon_1 { max-width: 100px; right: -15px; bottom: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .cta_part .cta_part_iner .cta_icon_1 { max-width: 100px; right: -15px; bottom: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .cta_part .cta_part_iner .cta_icon_1 { max-width: 145px; right: -35px; bottom: -35px; } } .cta_part .cta_part_content h5 { font-size: 16px; letter-spacing: 2px; color: #ff7070; text-transform: uppercase; margin-bottom: 16px; } .cta_part .cta_part_content h2 { font-size: 36px; font-weight: 600; letter-spacing: -2px; margin-bottom: 27px; } @media (max-width: 767.98px) { .cta_part .cta_part_content h2 { font-size: 25px; line-height: 1.3; margin-bottom: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .cta_part .cta_part_content h2 { font-size: 30px; line-height: 1.3; margin-bottom: 15px; } } .cta_part .cta_part_content .cu_btn { margin-top: 30px; letter-spacing: 1px; } .cta_part .cta_part_img { text-align: right; } @media (max-width: 767.98px) { .cta_part .cta_part_img { text-align: center; margin-top: 30px; } } .cta_part.cta_bg { padding: 85px 0; background-color: #ffeaea; } .cta_part.dark_version { background-image: -moz-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); background-image: -webkit-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); background-image: -ms-linear-gradient(0deg, #fe422f 0%, #fe5196 100%); height: 400px; display: flex; align-items: center; justify-content: center; text-align: center; } .cta_part.dark_version h2 { color: #fff; font-size: 48px; margin-bottom: 20px; font-weight: 400; } @media (max-width: 767.98px) { .cta_part.dark_version h2 { font-size: 30px; margin-bottom: 0; } } .cta_part.dark_version .cu_btn.white_bg { color: #051441; } .cta_part.dark_version .cu_btn.white_bg:hover { border: 1px solid #040911; background-color: #040911; color: #fff; } .cta_style_2 .cta_part_content { text-align: center; } .cta_style_2 .cta_part_content h5 { font-size: 16px; color: #ca063a; } .cta_style_2 .cta_part_content h2 { font-weight: 700; color: #fff; font-size: 48px; } @media (max-width: 991px) { .cta_style_2 .cta_part_content h2 { font-size: 25px; letter-spacing: 0; } } .cta_style_2 .cta_part_content .cu_btn { display: inline-flex; margin-top: 12px; } .cta_style_2 .cta_part_content .cu_btn img { margin-left: 12px; } .cta_style_2.cta_style_2 h5 { font-family: Futura; } .cta_style_2.cta_style_2 h2 { font-family: "Playfair Display", serif; margin-bottom: 33px; } .cta_style_2.cta_style_2 .btn_1:hover { background-color: #ca063a; border: 1px solid #ca063a; color: #fff; } .client_list_section { padding: 120px 0 75px; } @media (max-width: 767.98px) { .client_list_section { padding: 70px 0 50px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .client_list_section { padding: 70px 0 50px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .client_list_section { padding: 70px 0 50px; } } .client_list_section .section_tittle h2 { font-family: Futura; font-weight: 400; } .client_list_section.bark_background { background-color: #040911; } .client_list_section .single_client_logo { height: 90px; display: flex; align-items: center; } .client_list_section .single_client_logo img { max-width: 135px; margin: 0 auto; } .client_list_section.client_lis_grid { padding: 120px 0 75px; } @media (max-width: 767.98px) { .client_list_section.client_lis_grid { padding: 70px 0 50px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .client_list_section.client_lis_grid { padding: 70px 0 50px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .client_list_section.client_lis_grid { padding: 70px 0 50px; } } .client_list_section.client_lis_grid .overlay_effect { transform: scaleX(0); transform-origin: left; transition: 0.5s; } .client_list_section.client_lis_grid .overlay_effect.is_show { transform: scaleX(1); } .client_list_section.client_lis_grid .section_tittle h2 { font-family: Futura; font-weight: 400; } .client_list_section.client_list_style_2 { padding: 55px 0; } @media (max-width: 767.98px) { .client_list_section.client_list_style_2 { padding: 10px 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .client_list_section.client_list_style_2 { padding: 10px 0; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .client_list_section.client_list_style_2 { padding: 10px 0; } } .client_list_section.bg_img { background-image: url("../img/newsletter_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .subscribe_form_section .section_tittle { margin-bottom: 40px; } .subscribe_form_section .section_tittle h2 { color: #fff; } .subscribe_form_section .cu_input { background-color: #fff; border: 1px solid #fff; border-radius: 0; padding: 17px 25px; height: auto; line-height: 19px; } .subscribe_form_section .cu_btn { padding: 19px 20px; line-height: 16px; width: 100%; text-align: center; text-transform: uppercase; letter-spacing: 1px; } .newsletter_bg { background-image: url("../img/newsletter_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .vartical_slider_banner { height: 100vh; background-color: #5238a7; align-items: center; display: flex; overflow: hidden; } .vartical_slider_banner .banner_img_content { position: relative; z-index: 1; } .vartical_slider_banner .banner_img_content .banner_shape { position: absolute; top: -60px; right: -90px; z-index: -1; -webkit-transition: 0.8s; transition: 0.8s; } .vartical_slider_banner .banner_content { position: relative; z-index: 3; } .vartical_slider_banner .banner_content h2 { font-size: 72px; font-family: Futura; color: #fff; letter-spacing: -3px; line-height: 1.2; font-weight: 400; overflow: hidden; margin-bottom: 0; } @media (max-width: 767.98px) { .vartical_slider_banner .banner_content h2 { font-size: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .vartical_slider_banner .banner_content h2 { font-size: 37px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .vartical_slider_banner .banner_content h2 { font-size: 50px; } } .vartical_slider_banner .banner_content h2 span { font-family: "Playfair Display", serif; font-size: 66px; font-style: italic; font-weight: 400; } @media (max-width: 767.98px) { .vartical_slider_banner .banner_content h2 span { font-size: 27px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .vartical_slider_banner .banner_content h2 span { font-size: 35px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .vartical_slider_banner .banner_content h2 span { font-size: 47px; } } .vartical_slider_banner .banner_content a { color: #fff; margin-top: 40px; display: inline-block; font-size: 18px; } @media (max-width: 767.98px) { .vartical_slider_banner .banner_content a { margin-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .vartical_slider_banner .banner_content a { margin-top: 20px; } } .vartical_slider_banner .banner_content a img { margin-left: 7px; -webkit-transition: 0.3s; transition: 0.3s; } .vartical_slider_banner .banner_content a:hover img { margin-left: 12px; } .vartical_slider_banner .swiper-slide { align-items: center; display: flex; justify-content: center; } @media (max-width: 767.98px) { .vartical_slider_banner .swiper-slide { display: block; } } .vartical_slider_banner .vartical_slider_banner_iner { height: 100vh; align-items: center; display: flex; width: 100%; } .vartical_slider_banner .vartical_slider_banner_iner.bg_1 { background-color: #5238a7; } .vartical_slider_banner .vartical_slider_banner_iner.bg_2 { background-color: #f35757; } .vartical_slider_banner .vartical_slider_banner_iner.bg_3 { background-color: #66b277; } .vartical_slider_banner .vartical_slider_banner_iner.bg_4 { background-color: #f3a057; } @media (max-width: 767.98px) { .vartical_slider_banner .vartical_slider_banner_iner { position: relative; z-index: 2; } .vartical_slider_banner .vartical_slider_banner_iner .banner_img_content { position: absolute; right: 15px; bottom: 50%; width: 65%; z-index: 1; } } .vartical_slider_banner .custom_pagination.swiper-pagination { right: 59px; } @media (max-width: 767.98px) { .vartical_slider_banner .custom_pagination.swiper-pagination { right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .vartical_slider_banner .custom_pagination.swiper-pagination { right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .vartical_slider_banner .custom_pagination.swiper-pagination { right: 25px; } } .vartical_slider_banner .swiper_next, .vartical_slider_banner .swiper_prev { border: 1px solid rgba(255, 255, 255, 0.3); height: 55px; width: 55px; text-align: center; line-height: 55px; z-index: 9; border-radius: 50%; cursor: pointer; margin: 12px 0; display: inline-block; flex: 100% 0 0; -webkit-transition: 0.3s; transition: 0.3s; } .vartical_slider_banner .swiper_next:hover, .vartical_slider_banner .swiper_prev:hover { background-color: rgba(255, 255, 255, 0.5); } .vartical_slider_banner .swiper_controler { right: auto; left: 50px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; display: flex; float: left; flex-wrap: wrap; max-width: 55px; } @media (max-width: 767.98px) { .vartical_slider_banner .swiper_controler { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .vartical_slider_banner .swiper_controler { left: 15px; } } .vartical_slider_banner .swiper-slide-active .banner_content h2 { animation: fadeInUp2 1s both 1.2s; } .vartical_slider_banner .swiper-slide-active .banner_content a { animation: fadeInUp2 1s both 1.5s; } .vartical_slider_banner .swiper-slide-active .banner_img_content .banner_shape { animation: translateSC 0.9s both 1.1s; } .vartical_slider_banner .thumb_slide_effect { overflow: hidden; } .vartical_slider_banner .thumb_slide_effect_in { overflow: hidden; position: relative; transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .vartical_slider_banner .thumb_slide_effect_in:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: #000; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; transform-origin: right; -webkit-transition-duration: 1.1s; transition-duration: 1.1s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } .vartical_slider_banner .thumb_slide_effect.swiper-slide-active .thumb_slide_effect_in { transform: scaleX(1); } .vartical_slider_banner .thumb_slide_effect.swiper-slide-active .thumb_slide_effect_in:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .vartical_slider_animation { height: 100vh; background-color: #5238a7; align-items: center; display: flex; overflow: hidden; } .vartical_slider_animation .banner_img_content { position: relative; z-index: 1; } .vartical_slider_animation .banner_img_content .banner_shape { position: absolute; top: -60px; right: -90px; z-index: -1; -webkit-transition: 0.8s; transition: 0.8s; } .vartical_slider_animation .banner_img_content .banner_img { -webkit-transition: 0.8s; transition: 0.8s; } .vartical_slider_animation .banner_content h2 { font-size: 72px; font-family: Futura; color: #fff; letter-spacing: -3px; line-height: 85px; } .vartical_slider_animation .banner_content h2 span { font-family: "Playfair Display", serif; font-size: 66px; font-style: italic; font-weight: 400; } .vartical_slider_animation .banner_content a { color: #fff; margin-top: 70px; display: inline-block; } .vartical_slider_animation .banner_content a img { margin-left: 7px; } .vartical_slider_animation .swiper-slide { align-items: center; display: flex; justify-content: center; } .vartical_slider_animation .vartical_slider_banner_iner { height: 100vh; align-items: center; display: flex; width: 100%; } .vartical_slider_animation .vartical_slider_banner_iner.bg_1 { background-color: #5238a7; } .vartical_slider_animation .vartical_slider_banner_iner.bg_2 { background-color: #f35757; } .vartical_slider_animation .vartical_slider_banner_iner.bg_3 { background-color: #66b277; } .vartical_slider_animation .vartical_slider_banner_iner.bg_4 { background-color: #f3a057; } .vartical_slider_animation .swiper-pagination { color: #fff; position: absolute; top: 50%; transform: translateY(-50%); width: 22px; height: 34px; float: right; text-align: right; left: auto; right: 59px; } @media(max-width: 767.98px) { .vartical_slider_animation .swiper-pagination { right: 23px; } } .vartical_slider_animation span.swiper-pagination-current { position: absolute; left: 0; top: -13px; } .vartical_slider_animation span.swiper-pagination-total { position: absolute; bottom: -5px; } .vartical_slider_animation .swiper_next, .vartical_slider_animation .swiper_prev { border: 1px solid rgba(255, 255, 255, 0.3); height: 55px; width: 55px; text-align: center; line-height: 55px; position: absolute; top: 42%; transform: translateX(-50%); z-index: 9; border-radius: 50%; left: 75px; cursor: pointer; } .vartical_slider_animation .swiper_prev { top: 51%; } .custom_pagination.swiper-pagination { color: #fff; position: absolute; top: 50%; transform: translateY(-50%); width: 22px; height: 34px; float: right; text-align: right; left: auto; right: 59px; } @media(max-width: 767.98px) { .custom_pagination.swiper-pagination { right: 23px; } } .custom_pagination.dark.swiper-pagination { color: #111114; } .custom_pagination span.swiper-pagination-current { position: absolute; left: -3px; top: -25px; font-size: 28px; } .custom_pagination span.swiper-pagination-total { position: absolute; bottom: -5px; } .vartical_parallax_banner { overflow: hidden; position: relative; } .vartical_parallax_banner .swiper-container { min-height: 100vh; } .vartical_parallax_banner .swiper-slide { overflow: hidden; } .vartical_parallax_banner .banner_content { min-height: 100vh; display: flex; align-items: center; padding-left: 25px; } @media (max-width: 576px) { .vartical_parallax_banner .banner_content { padding-left: 0; } } .vartical_parallax_banner .banner_content p { font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 10px; } .vartical_parallax_banner .banner_content h2 { font-size: 64px; font-weight: 500; color: #fff; } @media (max-width: 991px) { .vartical_parallax_banner .banner_content h2 { font-size: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .vartical_parallax_banner .banner_content h2 { font-size: 48px; } } .vartical_parallax_banner .swiper-slide-active .banner_content p { overflow: hidden; display: block; animation: fadeInRight 1s both 1.3s; } .vartical_parallax_banner .swiper-slide-active .banner_content h2 { overflow: hidden; display: block; animation: fadeInRight 1s both 1.5s; } .vartical_parallax_banner .swiper-slide .slide_bg_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; } .vartical_parallax_banner .swiper-slide .slide_bg_img.bg_1 { background-image: url(../img/banner_img/7.png); } .vartical_parallax_banner .swiper-slide .slide_bg_img.bg_2 { background-image: url(../img/banner_img/8.png); } .vartical_parallax_banner .swiper-slide .slide_bg_img.bg_3 { background-image: url(../img/banner_img/9.png); } .vartical_parallax_banner .swiper-slide .entity-img { display: none; } .vartical_parallax_banner .swiper_navigation { z-index: 9; } .vartical_parallax_banner .swiper_navigation .swiper_next, .vartical_parallax_banner .swiper_navigation .swiper_prev { text-align: center; line-height: 1; z-index: 9; cursor: pointer; display: inline-block; color: #fff; } .vartical_parallax_banner .swiper_navigation .swiper_next { margin-right: 36px; } @media (max-width: 767.98px) { .vartical_parallax_banner .swiper_navigation .swiper_next { margin-right: 20px; } } .vartical_parallax_banner .footer_content { position: absolute; left: 0; bottom: 0; padding: 40px 40px 33px; z-index: 9; width: 100%; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767.98px) { .vartical_parallax_banner .footer_content { padding: 20px 15px 20px; } } .vartical_parallax_banner .footer_content p { color: #fff; } @media (max-width: 767.98px) { .vartical_parallax_banner .footer_content .social_icon { margin-top: 5px; } } .vartical_parallax_banner .footer_content .social_icon a { color: #fff; } .profile_info { position: relative; } @media (max-width: 991px) { .profile_info.social_link img { padding-left: 60px; } } .profile_info.social_link .profile_social_icon { position: absolute; left: 65px; top: 50%; transform: translateY(-50%); } @media (max-width: 991px) { .profile_info.social_link .profile_social_icon { left: 20px; } } .profile_info.social_link .profile_social_icon ul { padding: 0; margin: 0; } .profile_info.social_link .profile_social_icon ul li { list-style: none; margin: 12px 0; } .profile_info.social_link .profile_social_icon ul li a { color: #051441; display: inline-block; } .profile_info.style_1 { padding: 160px 0 320px; overflow: hidden; } @media (max-width: 991px) { .profile_info.style_1 { margin: 35px 0; padding: 70px 0; } } .profile_info.style_1 .profile_info_iner { text-align: center; position: relative; z-index: 1; } .profile_info.style_1 .profile_info_iner h2 { font-size: 72px; margin-bottom: 6px; font-weight: 600; overflow: hidden; display: block; } @media (max-width: 767.98px) { .profile_info.style_1 .profile_info_iner h2 { font-size: 34px; margin-bottom: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .profile_info.style_1 .profile_info_iner h2 { font-size: 50px; margin-bottom: 10px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .profile_info.style_1 .profile_info_iner h2 { font-size: 60px; margin-bottom: 10px; } } .profile_info.style_1 .profile_info_iner .overlay_effect { transform: scaleX(0); transform-origin: left; transition: 0.5s; } .profile_info.style_1 .profile_info_iner .overlay_effect.is_show { transform: scaleX(1); } .profile_info.style_1 .profile_info_iner .overlay_effect_in:before { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; background-color: #ff7070; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; } .profile_info.style_1 .profile_info_iner [class^=profile_icon_], .profile_info.style_1 .profile_info_iner [class*=profile_icon_] { position: absolute; z-index: -1; } @media (max-width: 991px) { .profile_info.style_1 .profile_info_iner [class^=profile_icon_] img, .profile_info.style_1 .profile_info_iner [class*=profile_icon_] img { width: 50%; } } .profile_info.style_1 .profile_info_iner .profile_icon_1 { top: -70px; left: -70px; } .profile_info.style_1 .profile_info_iner .profile_icon_2 { left: 12%; bottom: -20%; } @media (max-width: 991px) { .profile_info.style_1 .profile_info_iner .profile_icon_2 { display: none; } } .profile_info.style_1 .profile_info_iner .profile_icon_5 { bottom: 20%; left: 0; } .profile_info.style_1 .profile_info_iner .profile_icon_3 { top: -13%; right: 17%; } @media (max-width: 991px) { .profile_info.style_1 .profile_info_iner .profile_icon_3 { display: none; } } .profile_info.style_1 .profile_info_iner .profile_icon_4 { right: -12%; bottom: 0; } @media (max-width: 991px) { .profile_info.style_1 .profile_info_iner .profile_icon_4 { display: none; } } .profile_info.style_1 .profile_info_iner .profile_icon_6 { bottom: -10%; right: -3%; } .profile_info.style_1 .profile_info_iner .profile_icon_7 { bottom: 10%; right: 14%; opacity: 0.6; } .profile_info.style_2 { padding: 130px 0 330px; background-image: url("../img/4.png"); background-position: center; background-repeat: no-repeat; background-size: cover; background-size: contain; } @media (max-width: 991px) { .profile_info.style_2 { padding: 50px 0 100px; } } .profile_info.style_2 .overlay_effect { transform: scaleX(0); transform-origin: left; transition: 0.5s; } .profile_info.style_2 .overlay_effect.is_show { transform: scaleX(1); } .profile_info.style_2 .profile_info_iner { text-align: center; position: relative; z-index: 1; } .profile_info.style_2 .profile_info_iner h2 { font-size: 130px; margin-bottom: 6px; font-weight: 300; line-height: 1; } .profile_info.style_2 .profile_info_iner h2 span { font-weight: 500; } @media (max-width: 991px) { .profile_info.style_2 .profile_info_iner h2 { font-size: 40px; margin-bottom: 10px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .profile_info.style_2 .profile_info_iner h2 { font-size: 60px; margin-bottom: 10px; } } .profile_info.style_2 .profile_info_iner .overlay_effect_in:before { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; background-color: #ff7070; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; } .profile_info.style_2 .profile_info_iner p { font-size: 24px; margin-bottom: 15px; } .profile_info.style_2 .profile_info_iner .cu_btn { width: 180px; background-color: transparent; border: 1px solid #cdd0d9; color: #051441; margin-top: 35px; } .profile_info.style_2 .profile_info_iner .cu_btn:hover { background-color: #ff7070; border: 1px solid #ff7070; color: #fff; } .profile_info.style_3 { padding: 230px 0 210px; } @media (max-width: 991px) { .profile_info.style_3 { padding: 170px 0 50px; } } .profile_info.style_3 .profile_info_iner { text-align: center; position: relative; z-index: 1; } .profile_info.style_3 .profile_info_iner h3 { font-size: 64px; font-weight: 500; line-height: 1.3; } @media (max-width: 767.98px) { .profile_info.style_3 .profile_info_iner h3 { font-size: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .profile_info.style_3 .profile_info_iner h3 { font-size: 35px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .profile_info.style_3 .profile_info_iner h3 { font-size: 50px; } } .profile_info.style_3 .profile_info_iner h3 span { background-color: #051441; color: #fff; line-height: 0.8; padding: 0 5px; } .profile_info.style_3 .profile_info_iner h3 .typed-cursor { line-height: 0.8; } .profile_info.style_4 { height: 965px; display: flex; align-items: center; justify-content: center; text-align: center; background-image: url("../img/profile_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 991px) { .profile_info.style_4 { height: 565px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .profile_info.style_4 { height: 665px; } } .profile_info.style_4 .profile_info_iner h2 { font-size: 130px; color: #fff; font-weight: 300; line-height: 1; margin-bottom: 0; } @media (max-width: 767.98px) { .profile_info.style_4 .profile_info_iner h2 { font-size: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .profile_info.style_4 .profile_info_iner h2 { font-size: 80px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .profile_info.style_4 .profile_info_iner h2 { font-size: 70px; } } .profile_info.style_4 .profile_info_iner .overlay_tittle span { position: relative; overflow: hidden; display: inline-flex; line-height: 1; margin: 0 auto; font-weight: 500; } .profile_info.style_4 .profile_info_iner h3 { margin-top: 39px; font-size: 30px; font-weight: 400; color: #fff; } @media (max-width: 767.98px) { .profile_info.style_4 .profile_info_iner h3 { font-size: 20px; margin: 15px 0 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .profile_info.style_4 .profile_info_iner h3 { font-size: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .profile_info.style_4 .profile_info_iner h3 { font-size: 30px; margin: 20px 0 0; } } .profile_info.style_4 .profile_info_iner .overlay_tittle span::after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #051441; animation: overlay_tittle_animation-after 2s cubic-bezier(0.77, 0, 0.18, 1) forwards; transform: translateX(-101%); } .profile_info.style_4 .profile_info_iner .overlay_tittle span::before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: var(--bg-color); animation: overlay_tittle_animation-before 2s cubic-bezier(0.77, 0, 0.18, 1) forwards; transform: translateX(0); } .profile_info.style_4 .profile_info_iner .overlay_tittle span:nth-of-type(1)::before, .profile_info.style_4 .profile_info_iner .overlay_tittle span:nth-of-type(1)::after { animation-delay: 1s; } .profile_info.style_4 .profile_info_iner .overlay_tittle span:nth-of-type(2)::before, .profile_info.style_4 .profile_info_iner .overlay_tittle span:nth-of-type(2)::after { animation-delay: 1.5s; } @keyframes overlay_tittle_animation-after { 0% { transform: translateX(-100%); } 100% { transform: translateX(101%); } } @keyframes overlay_tittle_animation-before { 0% { transform: translateX(0); } 100% { transform: translateX(200%); } } .profile_info.style_5 { padding: 215px 0 295px; position: relative; } @media (max-width: 767.98px) { .profile_info.style_5 { padding: 100px 0 150px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .profile_info.style_5 { padding: 100px 0 150px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .profile_info.style_5 { padding: 100px 0 150px; } } .profile_info.style_5 .profile_social_icon { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); } @media (max-width: 991px) { .profile_info.style_5 .profile_social_icon { top: auto; bottom: 50px; left: 0; right: 0; margin: 0 auto; text-align: center; } } .profile_info.style_5 .profile_social_icon ul { margin: 0; padding: 0; } .profile_info.style_5 .profile_social_icon li { list-style: none; margin: 14px 0; } @media (max-width: 991px) { .profile_info.style_5 .profile_social_icon li { display: inline-block; margin: 0 10px; } } .profile_info.style_5 .profile_social_icon li a { color: #051441; } .profile_info.style_5 .profile_social_icon li a:hover { color: #ff7070; } .profile_info.style_5 h3 { font-size: 30px; color: #4b4b4b; overflow: hidden; display: block; margin-bottom: 65px; font-weight: 400; } @media (max-width: 767.98px) { .profile_info.style_5 h3 { font-size: 20px; margin-bottom: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .profile_info.style_5 h3 { font-size: 25px; margin-bottom: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .profile_info.style_5 h3 { margin-bottom: 20px; } } .profile_info.style_5 h3 span { overflow: hidden; display: block; animation: fadeInUp2 1s both 1s; } .profile_info.style_5 h2 { font-size: 100px; margin-bottom: 6px; font-weight: 600; overflow: hidden; display: block; font-family: "Spectral", serif; line-height: 1; } @media (max-width: 767.98px) { .profile_info.style_5 h2 { font-size: 35px; margin-bottom: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .profile_info.style_5 h2 { font-size: 70px; margin-bottom: 10px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .profile_info.style_5 h2 { font-size: 70px; margin-bottom: 10px; } } .profile_info.style_5 h2 span { overflow: hidden; display: block; animation: fadeInUp2 0.8s both 1s; } .profile_info.style_5 h2 span:last-child { animation: fadeInUp2 0.8s both 1.3s; } .arrow_down { text-align: center; position: absolute; left: 0; right: 0; bottom: 100px; } @media (max-width: 991px) { .arrow_down { bottom: 0; } } .single_portfolio_part { text-align: center; display: block; position: relative; z-index: 1; } .single_portfolio_part h4 { font-size: 24px; font-weight: 600; margin-top: 28px; margin-bottom: 0; } @media (max-width: 991px) { .single_portfolio_part h4 { margin-top: 20px; font-size: 18px; } } .single_portfolio_part h4 a { color: #051441; } .single_portfolio_part h4 a:hover { color: #ff7070; } .single_portfolio_part h4 .tittle_animation:hover { color: #051441; } .single_portfolio_part h3 { font-size: 24px; font-weight: 600; margin-top: 28px; margin-bottom: 0; } .single_portfolio_part h3 a { color: #051441; } @media (max-width: 991px) { .single_portfolio_part h3 { margin-top: 20px; font-size: 18px; } } .single_portfolio_part .single_portfolio_img { position: relative; z-index: 1; display: inline-block; overflow: hidden; } .single_portfolio_part .single_portfolio_img img { -webkit-transition: 0.3s; transition: 0.3s; } .single_portfolio_part .single_portfolio_img:hover img { transform: scale(1.1); } @media (min-width: 1680px) { .portfolio_grid_style .container { max-width: 1450px; } } @media (min-width: 991px) { .portfolio_grid_style .container { padding-right: 30px; padding-left: 30px; } } @media (min-width: 991px) { .portfolio_grid_style .container .row { margin-right: -30px; margin-left: -30px; } } @media (min-width: 991px) { .portfolio_grid_style .container .row .col-lg-4, .portfolio_grid_style .container .row .col-lg-6 { padding-right: 30px; padding-left: 30px; } } .portfolio_grid_style .portfolio_filter_menu { text-align: center; margin-bottom: 65px; } @media (max-width: 991px) { .portfolio_grid_style .portfolio_filter_menu { margin-bottom: 30px; } } .portfolio_grid_style .portfolio_filter_menu button { font-size: 14px; text-transform: uppercase; color: #b0b0b0; padding: 0 35px; letter-spacing: 2px; background-color: transparent; border: 0px solid transparent; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 991px) { .portfolio_grid_style .portfolio_filter_menu button { padding: 15px; display: inline-block; } } .portfolio_grid_style .portfolio_filter_menu button.active { color: #051441; } .portfolio_grid_style .portfolio_filter_menu button:hover { color: #051441; } .portfolio_grid_style .grid-item { margin-bottom: 75px; overflow: hidden; } @media (max-width: 991px) { .portfolio_grid_style .grid-item { margin-bottom: 35px; } } .portfolio_grid_style .cu_btn { margin-top: 10px; } @media (min-width: 991px) { .portfolio_grid_style .mt_btn { margin-top: 153px; } } @media (max-width: 991px) { .portfolio_grid_style .mt_btn { margin-top: 20px; } } .portfolio_grid_style .mt_btn.animate_btn { border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; } .portfolio_grid_style.grid_style_1 .row { margin-right: -10px; margin-left: -10px; } .portfolio_grid_style.grid_style_1 .col-lg-3 { padding-right: 10px; padding-left: 10px; } .portfolio_grid_style.grid_style_1 .single_portfolio_part { margin-bottom: 13px; position: relative; z-index: 1; text-align: left; overflow: hidden; } .portfolio_grid_style.grid_style_1 .single_portfolio_part:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; -webkit-transition: 0.5s; transition: 0.5s; background-color: rgba(255, 112, 112, 0); } @media (max-width: 991px) { .portfolio_grid_style.grid_style_1 .single_portfolio_part:after { background-color: rgba(255, 112, 112, 0.7); } } .portfolio_grid_style.grid_style_1 .single_portfolio_part img { transform: scale(1); -webkit-transition: 0.5s; transition: 0.5s; width: 100%; } .portfolio_grid_style.grid_style_1 .single_portfolio_part .hover_content { position: absolute; left: 0; bottom: 0; padding: 40px 40px 30px; opacity: 0; visibility: hidden; z-index: 3; } @media (max-width: 991px) { .portfolio_grid_style.grid_style_1 .single_portfolio_part .hover_content { opacity: 1; visibility: visible; } } .portfolio_grid_style.grid_style_1 .single_portfolio_part .hover_content h4 { color: #fff; font-size: 28px; font-weight: 600; overflow: hidden; display: block; } @media (max-width: 991px) { .portfolio_grid_style.grid_style_1 .single_portfolio_part .hover_content h4 { font-size: 22px; } } .portfolio_grid_style.grid_style_1 .single_portfolio_part .hover_content h4 span { color: #fff; overflow: hidden; display: block; } .portfolio_grid_style.grid_style_1 .single_portfolio_part .hover_content p { color: #fff; overflow: hidden; display: block; } .portfolio_grid_style.grid_style_1 .single_portfolio_part .hover_content p span { overflow: hidden; display: block; } .portfolio_grid_style.grid_style_1 .single_portfolio_part:hover:after { background-color: rgba(255, 112, 112, 0.9); } .portfolio_grid_style.grid_style_1 .single_portfolio_part:hover img { transform: scale(1.1); } .portfolio_grid_style.grid_style_1 .single_portfolio_part:hover .hover_content { opacity: 1; visibility: visible; } .portfolio_grid_style.grid_style_1 .single_portfolio_part:hover .hover_content h4 span { animation: fadeInUp2 0.5s both 0.1s; } .portfolio_grid_style.grid_style_1 .single_portfolio_part:hover .hover_content p span { animation: fadeInUp2 0.5s both 0.1s; } .portfolio_grid_style.portfolio_normal_style .single_portfolio_part { margin-bottom: 60px; } @media (max-width: 991px) { .portfolio_grid_style.portfolio_normal_style .single_portfolio_part { margin-bottom: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_grid_style.portfolio_normal_style .single_portfolio_part { margin-bottom: 40px; } } .portfolio_grid_style.portfolio_normal_style .cu_btn { margin-top: 40px; } @media (max-width: 991px) { .portfolio_grid_style.portfolio_normal_style .cu_btn { margin-top: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_grid_style.portfolio_normal_style .cu_btn { margin-top: 30px; } } .hire_section { position: relative; } @media (min-width: 991px) { .hire_section { padding: 65px 0 160px; } } @media (max-width: 991px) { .hire_section { padding: 0 0 70px; } } .hire_section .hire_shape_1 { position: absolute; left: 0; bottom: 10%; } @media (max-width: 991px) { .hire_section .hire_shape_1 { display: none; } } .hire_section .hire_shape_2 { position: absolute; right: 0; bottom: 12%; } @media (max-width: 991px) { .hire_section .hire_shape_2 { display: none; } } .hire_section .hire_section_content { text-align: center; } .hire_section .btn_1 { margin-top: 41px; font-family: Futura; text-transform: capitalize; letter-spacing: 1pt; border: 1px solid rgba(255, 255, 255, 0.3); } @media (max-width: 991px) { .hire_section .btn_1 { margin-top: 20px; } } .hire_section.bark_bg { background-color: #051441; padding: 120px 0; } .hire_section.bark_bg .overlay_effect { transform: scaleX(0); transform-origin: left; transition: 0.5s; } .hire_section.bark_bg .overlay_effect.is_show { transform: scaleX(1); } .hire_section.bark_bg h2 { margin-bottom: 41px; } .hire_section.bark_bg .cu_btn { background-color: #fff; border: 1px solid #fff; color: #051441; } .hire_section.bark_bg .cu_btn:hover { background-color: #ff7070; border: 1px solid #ff7070; color: #fff; } .hire_section.red_bg { background-color: #b60000; padding: 120px 0; } @media (max-width: 767.98px) { .hire_section.red_bg { padding: 70px 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .hire_section.red_bg { padding: 80px 0; } } .hire_section.red_bg .cu_btn { background-color: #fff; border: 1px solid #fff; color: #051441; margin-top: 41px; } .hire_section.red_bg .cu_btn:hover { background-color: #051441; color: #fff; border: 1px solid #051441; } @media (max-width: 767.98px) { .hire_section.red_bg .cu_btn { margin-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .hire_section.red_bg .cu_btn { margin-top: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .hire_section.red_bg .cu_btn { margin-top: 20px; } } .portfolio_card_style .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 180px; -moz-column-gap: 180px; column-gap: 180px; orphans: 1; widows: 1; } @media (max-width: 576px) { .portfolio_card_style .card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @media (max-width: 767.98px) { .portfolio_card_style .card-columns { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .portfolio_card_style .card-columns { -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_card_style .card-columns { -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; } } .portfolio_card_style .card-columns .card { max-width: 465px; border: 0px solid transparent; border-radius: 0; padding: 0; margin: 0; margin-bottom: 90px; } @media (max-width: 767.98px) { .portfolio_card_style .card-columns .card { margin-bottom: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .portfolio_card_style .card-columns .card { margin-bottom: 40px; } } .portfolio_card_style .card-columns h4 { font-size: 36px; } @media (max-width: 767.98px) { .portfolio_card_style .card-columns h4 { font-size: 24px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .portfolio_card_style .card-columns h4 { font-size: 30px; } } .portfolio_card_style .cu_btn { text-align: center; margin: 0 auto; } .portfolio_card_padding { padding-left: 350px; position: relative; } @media (max-width: 991px) { .portfolio_card_padding { padding-left: 90px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_card_padding { padding-left: 250px; } } .portfolio_card_padding .portfolio_card_style_2 { padding-top: 80px; padding-left: 80px; padding-right: 80px; background-color: #fff; position: relative; z-index: 2; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_card_padding .portfolio_card_style_2 { padding-top: 40px; padding-left: 40px; padding-right: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .portfolio_card_padding .portfolio_card_style_2 { padding-top: 40px; padding-left: 40px; padding-right: 40px; } } @media (max-width: 767.98px) { .portfolio_card_padding .portfolio_card_style_2 { padding-top: 20px; padding-left: 20px; padding-right: 20px; } } .portfolio_card_style_2 .grid-item { margin-bottom: 75px; overflow: hidden; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_card_style_2 .grid-item { margin-bottom: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .portfolio_card_style_2 .grid-item { margin-bottom: 35px; } } @media (max-width: 767.98px) { .portfolio_card_style_2 .grid-item { margin-bottom: 20px; } } .portfolio_card_style_2 .cu_btn { margin-top: 10px; } .portfolio_card_style_2 .card-columns { -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_card_style_2 .card-columns { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .portfolio_card_style_2 .card-columns { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (max-width: 767.98px) { .portfolio_card_style_2 .card-columns { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .portfolio_card_style_2 .card { border: 0px solid transparent; margin-bottom: 70px; } @media (max-width: 991px) { .portfolio_card_style_2 .card { margin-bottom: 35px; } } .portfolio_card_style_2 .card p { font-size: 16px; } .single_section_zoom .addclass_section { opacity: 0; transform: scale(0.8); -webkit-transition: 1s; transition: 1s; transform-origin: top center; } .single_section_zoom .addclass_section.in_active { transform: scale(1); opacity: 1; } .single_section_animation .addclass_section { position: relative; z-index: 1; display: inline-block; } .single_section_animation .addclass_section:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: #051441; -webkit-transition: 1s; transition: 1s; transform: scale(1, 1); transform-origin: right; } .single_section_animation .addclass_section.in_active:after { transform: scale(0, 1); } .bark_background { background-color: #040911; } .portfolio_grid_style .dark_single_portfolio { display: block; width: 100%; } @media (min-width: 991px) { .portfolio_grid_style .dark_single_portfolio { margin-bottom: 60px; } } @media (max-width: 991px) { .portfolio_grid_style .dark_single_portfolio { margin-bottom: 15px; } } .portfolio_grid_style .dark_single_portfolio img { width: 100%; } @media (min-width: 991px) { .portfolio_grid_style .dark_single_portfolio:nth-child(2n+1) { margin-top: 120px; margin-bottom: -60px; } } @media (max-width: 991px) { .portfolio_grid_style .dark_single_portfolio:nth-child(2n+1) { margin-bottom: 15px; } } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part { margin-bottom: 20px; position: relative; z-index: 1; text-align: left; overflow: hidden; } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; -webkit-transition: 0.5s; transition: 0.5s; background-color: rgba(255, 112, 112, 0); } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part img { transform: scale(1); -webkit-transition: 0.5s; transition: 0.5s; } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part .hover_content { position: absolute; left: 0; bottom: 0; padding: 40px 40px 30px; opacity: 0; visibility: hidden; z-index: 3; } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part .hover_content h4 { color: #fff; font-size: 28px; font-weight: 600; overflow: hidden; display: block; } @media (max-width: 767.98px) { .portfolio_grid_style .dark_single_portfolio .single_portfolio_part .hover_content h4 { font-size: 22px; } } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part .hover_content h4 span { color: #fff; overflow: hidden; display: block; } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part .hover_content p { color: #fff; overflow: hidden; display: block; } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part .hover_content p span { overflow: hidden; display: block; } @media (max-width: 767.98px) { .portfolio_grid_style .dark_single_portfolio .single_portfolio_part .hover_content { opacity: 1; visibility: visible; } } @media (max-width: 767.98px) { .portfolio_grid_style .dark_single_portfolio .single_portfolio_part:after { background-color: rgba(255, 112, 112, 0.9); } } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part:hover:after { background-color: rgba(182, 0, 0, 0.9); } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part:hover img { transform: scale(1.1); } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part:hover .hover_content { opacity: 1; visibility: visible; } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part:hover .hover_content h4 span { animation: fadeInUp2 0.5s both 0.1s; } .portfolio_grid_style .dark_single_portfolio .single_portfolio_part:hover .hover_content p span { animation: fadeInUp2 0.5s both 0.1s; } @media (max-width: 576px) { .skil_list_section .skil_list_content { margin-bottom: 50px; } } .skil_list_section .skil_list_content h5 { margin-bottom: 30px; font-family: Futura; } .skil_list_section .skil_list_content h2 { color: #fff; margin-bottom: 30px; font-family: Futura; } @media (max-width: 991px) { .skil_list_section .skil_list_content h2 { margin-bottom: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .skil_list_section .skil_list_content h2 { margin-bottom: 15px; } } .skil_list_section .skil_list_content p { color: #fff; } .skil_list_section .skil_progressbar { padding-left: 65px; } @media (max-width: 576px) { .skil_list_section .skil_progressbar { padding-left: 0; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .skil_list_section .skil_progressbar { padding-left: 15px; } } .skil_list_section .single_progress_bar .line { height: 4px; background: #fff; border-radius: 0; position: relative; width: 100%; } .skil_list_section .single_progress_bar .p { font-size: 18px; color: #fff; } .skil_list_section .single_progress_bar { margin-bottom: 32px; position: relative; } @media (max-width: 576px) { .skil_list_section .single_progress_bar { margin-bottom: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .skil_list_section .single_progress_bar { margin-bottom: 20px; } } .skil_list_section .single_progress_bar:last-child { margin-bottom: 0; } .skil_list_section .single_progress_bar p { font-size: 18px; color: #fff; margin-bottom: 10px; } @keyframes animationLoaded { 0% { width: 0%; } 100% { width: 100%; } } .breadcrumb_part { position: relative; display: flex; align-items: center; height: 550px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part { height: 350px; } } @media (max-width: 991px) { .breadcrumb_part { height: 300px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .breadcrumb_part { height: 400px; } } .breadcrumb_part.bg_1 { background-image: url("../img/breadcrumb_bg_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_2 { background-image: url("../img/faq_breadcrumb_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_3 { background-image: url("../img/breadcrumb_bg/shop_breadcrumg_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_4 { background-image: url("../img/blog_grid_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_5 { background-image: url("../img/breadcrumb_bg/portfolio_breadcrumb.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_6 { background-image: url("../img/breadcrumb_bg/team_breadcrumg_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_7 { background-image: url("../img/breadcrumb_bg/team_breadcrumg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_8 { background-image: url("../img/breadcrumb_bg/team_breadcrumg_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_9 { background-image: url("../img/breadcrumb_bg/contact_classic_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_10 { background-image: url("../img/faq_breadcrumb_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_11 { background-image: url("../img/breadcrumb_bg/shop_breadcrumg_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_12 { background-image: url("../img/breadcrumb_bg/blog_breadcrumg_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_13 { background-image: url("../img/breadcrumb_bg/blog_breadcrumg_2.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.bg_14 { background-image: url("../img/breadcrumb_bg/bg_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .breadcrumb_part.dark_bg_img { background-image: url("../img/dark_breadcrumb.png"); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #040911; } .breadcrumb_part h2, .breadcrumb_part h3 { position: relative; z-index: 7; } .breadcrumb_part .breadcrumb_iner { text-align: center; } .breadcrumb_part .breadcrumb_iner.breadcrumb_iner_tittle h2 { font-size: 86px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part .breadcrumb_iner.breadcrumb_iner_tittle h2 { font-size: 40px; } } @media (max-width: 991px) { .breadcrumb_part .breadcrumb_iner.breadcrumb_iner_tittle h2 { font-size: 35px; } } .breadcrumb_part h2 { font-size: 96px; font-weight: 500; color: #fff; margin-bottom: 0; font-family: Futura; text-transform: capitalize; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part h2 { line-height: 45px; margin-bottom: 5px; } } @media (max-width: 991px) { .breadcrumb_part h2 { font-size: 40px; line-height: 35px; margin-bottom: 5px; } } .breadcrumb_part .breadcrumb_iner_link span { color: #fff; margin: 0 5px; } .breadcrumb_part p { color: #fff; font-family: Futura; } .breadcrumb_part .breadcrumb_iner_link { display: flex; justify-content: center; align-items: center; } .breadcrumb_part .breadcrumb_iner_link a { font-size: 18px; color: #fff; font-family: Futura; } .breadcrumb_part .breadcrumb_iner_link i { margin: 0 15px; color: #fff; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part .breadcrumb_iner_link i { margin: 0 8px; } } @media (max-width: 991px) { .breadcrumb_part .breadcrumb_iner_link i { margin: 0 8px; } } .breadcrumb_part.blog_breadcrumb .breadcrumb_iner_part h2 { font-size: 48px; font-weight: 600; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part.blog_breadcrumb .breadcrumb_iner_part h2 { font-size: 30px; } } @media (max-width: 991px) { .breadcrumb_part.blog_breadcrumb .breadcrumb_iner_part h2 { font-size: 30px; } } .breadcrumb_part.blog_breadcrumb .breadcrumb_iner_part ul { list-style: none; padding: 0; margin: 0; margin-top: 30px; } .breadcrumb_part.blog_breadcrumb .breadcrumb_iner_part ul li { display: inline-block; color: #fff; margin: 0 10px; } .breadcrumb_part.blog_breadcrumb .breadcrumb_iner_part ul li i { margin-right: 8px; } .breadcrumb_part.blog_breadcrumb_style_1 { position: relative; height: 500px; overflow: hidden; } @media (max-width: 767.98px) { .breadcrumb_part.blog_breadcrumb_style_1 { height: 300px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .breadcrumb_part.blog_breadcrumb_style_1 { height: 400px; } } .breadcrumb_part.blog_breadcrumb_style_1 h3 { font-size: 86px; font-weight: 500; font-family: Futura; margin-bottom: 0; } @media (max-width: 991px) { .breadcrumb_part.blog_breadcrumb_style_1 h3 { font-size: 35px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part.blog_breadcrumb_style_1 h3 { font-size: 48px; } } .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_iner_link p, .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_iner_link span, .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_iner_link a { color: #051441; } .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_img_1 { position: absolute; left: 0; bottom: -2px; } @media (max-width: 767.98px) { .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_img_1 { max-width: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_img_1 { max-width: 250px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_img_1 { max-width: 250px; } } .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_img_2 { position: absolute; right: 40px; bottom: 0; } @media (max-width: 767.98px) { .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_img_2 { max-width: 100px; right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_img_2 { max-width: 250px; right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part.blog_breadcrumb_style_1 .breadcrumb_img_2 { max-width: 250px; right: 0; } } .breadcrumb_part.services_details_breadcrumb { position: relative; background-image: url("../img/services_details/bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 500px; overflow: hidden; } @media (max-width: 991px) { .breadcrumb_part.services_details_breadcrumb { height: 400px; } } .breadcrumb_part.services_details_breadcrumb h3 { font-size: 86px; font-weight: 500; font-family: Futura; } @media (max-width: 991px) { .breadcrumb_part.services_details_breadcrumb h3 { font-size: 35px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part.services_details_breadcrumb h3 { font-size: 48px; } } .breadcrumb_part.services_details_breadcrumb .breadcrumb_img_1 { position: absolute; left: 0; bottom: 65px; } @media (max-width: 767.98px) { .breadcrumb_part.services_details_breadcrumb .breadcrumb_img_1 { max-width: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .breadcrumb_part.services_details_breadcrumb .breadcrumb_img_1 { max-width: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part.services_details_breadcrumb .breadcrumb_img_1 { max-width: 250px; } } .breadcrumb_part.services_details_breadcrumb .breadcrumb_img_2 { position: absolute; right: 40px; bottom: 0; } @media (max-width: 767.98px) { .breadcrumb_part.services_details_breadcrumb .breadcrumb_img_2 { max-width: 100px; right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .breadcrumb_part.services_details_breadcrumb .breadcrumb_img_2 { max-width: 200px; right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part.services_details_breadcrumb .breadcrumb_img_2 { max-width: 250px; right: 0; } } .breadcrumb_part.pricing_breadcrumb { background-color: #ddf0ff; } .breadcrumb_part.pricing_breadcrumb .breadcrumb_img_2 { right: 0; bottom: 20px; } .breadcrumb_part.dark_text h2 { color: #051441; } .breadcrumb_part.dark_text .breadcrumb_iner_link a, .breadcrumb_part.dark_text .breadcrumb_iner_link p, .breadcrumb_part.dark_text .breadcrumb_iner_link span { color: #051441; } .breadcrumb_part.service_breadcrumb { overflow: hidden; background-color: #ccffe4; } .breadcrumb_part.service_breadcrumb .breadcrumb_img_2 { right: 0; bottom: -13px; } .breadcrumb_part.service_breadcrumb_2 { overflow: hidden; background-color: #f5f6ff; } .breadcrumb_part.service_breadcrumb_2 .breadcrumb_img_2 { right: 0; bottom: -13px; } .breadcrumb_part.service_breadcrumb_1 { overflow: hidden; background-color: #FFE9CC; } .breadcrumb_part.service_breadcrumb_1 .breadcrumb_img_2 { right: 0; bottom: -13px; } .breadcrumb_part.portfolio_breadcrumb:after { display: none; } .breadcrumb_part.portfolio_breadcrumb h3 { font-size: 72px; color: #fff; margin-top: 7px; } @media (max-width: 991px) { .breadcrumb_part.portfolio_breadcrumb h3 { font-size: 35px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .breadcrumb_part.portfolio_breadcrumb h3 { font-size: 48px; } } .breadcrumb_part .white p, .breadcrumb_part .white span, .breadcrumb_part .white a { color: #fff !important; } .overlay_none:after { display: none; } .overlay_none:before { display: none; } .blog_section .single_blog_post { padding: 30px 0; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .blog_section .single_blog_post .date { flex: 9% 0 0; text-align: center; padding: 0 10px; } @media (max-width: 576px) { .blog_section .single_blog_post .date { flex: 100% 0 0; text-align: left; margin-bottom: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .blog_section .single_blog_post .date { flex: 10% 0 0; text-align: left; margin-bottom: 20px; } } .blog_section .single_blog_post .date h2 { font-size: 36px; font-weight: 500; line-height: 27px; margin-bottom: 0; } .blog_section .single_blog_post .date h2 span { display: block; text-transform: uppercase; color: #7d7d7d; font-size: 16px; line-height: 12px; margin-top: 10px; } .blog_section .single_blog_post .post_content { flex: 78% 0 0; display: flex; align-items: center; padding: 0 10px; } @media (max-width: 576px) { .blog_section .single_blog_post .post_content { flex: 100% 0 0; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .blog_section .single_blog_post .post_content { flex: 88% 0 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .blog_section .single_blog_post .post_content { flex: 70% 0 0; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .blog_section .single_blog_post .post_content { flex: 70% 0 0; } } .blog_section .single_blog_post .post_content img { max-width: 80px; border-radius: 5px; } .blog_section .single_blog_post .post_content .post_content_iner { margin-left: 25px; } @media (max-width: 576px) { .blog_section .single_blog_post .post_content .post_content_iner { margin-left: 15px; } } .blog_section .single_blog_post .post_content .post_content_iner span { color: #5961ff; font-size: 12px; text-transform: uppercase; margin-bottom: 9px; display: inline-block; } @media (max-width: 576px) { .blog_section .single_blog_post .post_content .post_content_iner span { margin-bottom: 4px; } } .blog_section .single_blog_post .post_content .post_content_iner .text_success { color: #58cf61; } .blog_section .single_blog_post .post_content .post_content_iner .text_danger { color: #ff3232; } .blog_section .single_blog_post .post_content .post_content_iner .text_warning { color: #ffaa3b; } .blog_section .single_blog_post .post_content h4 { font-size: 24px; font-weight: 500; margin-bottom: 0; } @media (max-width: 767.98px) { .blog_section .single_blog_post .post_content h4 { font-size: 18px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .blog_section .single_blog_post .post_content h4 { font-size: 20px; } } .blog_section .single_blog_post .post_content h4 a { color: #051441; } .blog_section .single_blog_post .post_content h4 a:hover { color: #ff7070; } .blog_section .single_blog_post .read_more_btn { flex: 12% 0 0; text-align: right; color: #7d7d7d; font-size: 15px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; padding: 0 5px; } @media (max-width: 576px) { .blog_section .single_blog_post .read_more_btn { flex: 100% 0 0; text-align: left; margin-top: 15px; } } @media only screen and (min-width: 576px) and (max-width: 767.98px) { .blog_section .single_blog_post .read_more_btn { flex: 100% 0 0; margin-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .blog_section .single_blog_post .read_more_btn { margin-top: 20px; flex: 20% 0 0; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .blog_section .single_blog_post .read_more_btn { margin-top: 20px; flex: 20% 0 0; } } .blog_section .single_blog_post .read_more_btn i { margin-left: 7px; -webkit-transition: 0.3s; transition: 0.3s; } .blog_section .single_blog_post .read_more_btn:hover { color: #ff7070; } .blog_section .single_blog_post .read_more_btn:hover i { color: #ff7070; } .blog_section .single_blog_post:first-child { padding: 0 0 30px; } .blog_section .single_blog_post:last-child { padding: 30px 0 0; border-bottom: 0 solid transparent; } .blog_section .cu_btn { margin-top: 60px; padding: 18px 22px; } .sharp_border { width: 100%; height: 1px; background: #fefefe; background: -moz-linear-gradient(left, #fefefe 0%, #e5e5e5 20%, #e5e5e5 80%, #e5e5e5 80%, #fefefe 100%); background: -webkit-linear-gradient(left, #fefefe 0%, #e5e5e5 20%, #e5e5e5 80%, #e5e5e5 80%, #fefefe 100%); background: linear-gradient(to right, #fefefe 0%, #e5e5e5 20%, #e5e5e5 80%, #e5e5e5 80%, #fefefe 100%); } .sharp_border.mt_120 { margin-top: 120px; } @media (max-width: 767.98px) { .sharp_border.mt_120 { margin-top: 70px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .sharp_border.mt_120 { margin-top: 70px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .sharp_border.mt_120 { margin-top: 70px; } } .blog_part.dark_version .single_blog_post ul li a { color: rgba(255, 255, 255, 0.5); } .blog_part.dark_version .single_blog_post ul li a:hover { color: #ff7070; } .blog_part.dark_version .single_blog_post h4 { color: #fff; } .blog_part.dark_version .single_blog_post h4 a { color: #fff; } .blog_part.dark_version .single_blog_post h4 a:hover { color: #ff7070; } .single_team_member { position: relative; } .single_team_member .team_member_img { display: block; } .single_team_member .team_member_img img { width: 100%; } .single_team_member .social_icon { height: 50px; width: 200px; background-color: #ff7070; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 45px; left: -100px; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 991px) { .single_team_member .social_icon { opacity: 1; visibility: visible; left: 0; } } .single_team_member .social_icon a { margin: 0 13px; font-size: 16px; color: #fff; } .single_team_member .social_icon a:hover i { color: #fff; } .single_team_member .team_member_img { position: relative; overflow: hidden; } .single_team_member .team_member_img:hover .social_icon { left: 0; visibility: visible; opacity: 1; } .single_team_member .team_member_info { text-align: center; margin-top: 26px; } @media (max-width: 991px) { .single_team_member .team_member_info { margin-top: 20px; } } .single_team_member .team_member_info h4 { font-size: 24px; font-weight: 600; margin-bottom: 2px; font-family: Futura; } .single_team_member .team_member_info h4 a { color: #051441; } .single_team_member .team_member_info h4 a:hover { color: #ff7070; } .single_team_member.style_2 { margin-bottom: 50px; } @media (max-width: 991px) { .single_team_member.style_2 { margin-bottom: 30px; } } .single_team_member.style_2 .social_icon { bottom: 30px; } .single_team_member.style_2 .team_member_img { border-radius: 50%; } .single_team_member.style_2 .social_icon { width: 100%; } .team_member_part.sec_padding { padding: 120px 0 60px; } @media (max-width: 767.98px) { .team_member_part.sec_padding { padding: 70px 0 40px; } } @media (max-width: 991px) { .team_member_part.sec_padding { padding: 80px 0 50px; } } .team_member_part.sec_btn_padding { padding: 0 0 60px; } @media (max-width: 767.98px) { .team_member_part.sec_btn_padding { padding: 0 0 40px; } } @media (max-width: 991px) { .team_member_part.sec_btn_padding { padding: 0 0 50px; } } .team_member_part .team_tittle h2 { font-size: 32px; font-weight: 600; margin-bottom: 30px; margin-top: 20px; } .countdown_section { text-align: center; position: relative; overflow: hidden; } .countdown_section .countdown_section_tittle { margin-bottom: 65px; } @media (max-width: 767.98px) { .countdown_section .countdown_section_tittle { margin-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .countdown_section .countdown_section_tittle { margin-bottom: 30px; } } .countdown_section .countdown_section_tittle h4 { font-size: 36px; font-weight: 500; line-height: 1.2; } @media (max-width: 767.98px) { .countdown_section .countdown_section_tittle h4 { font-size: 25px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .countdown_section .countdown_section_tittle h4 { font-size: 30px; } } .countdown_section .countdown_section_content { display: flex; justify-content: space-between; } @media (max-width: 767.98px) { .countdown_section .countdown_section_content { display: block; } .countdown_section .countdown_section_content .single_countdown { margin: 15px 0; } } .countdown_section .countdown_section_content span { font-size: 48px; color: #ff7070; line-height: 1.3; } .countdown_section .countdown_section_content p { text-transform: capitalize; } .countdown_section .countdown_img { position: absolute; right: 50px; top: 120px; } @media (max-width: 991px) { .countdown_section .countdown_img { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .countdown_section .countdown_img { display: none; } } .countdown_section.dark_version .countdown_section_content span { font-size: 64px; font-weight: 500; line-height: 1.2; } .countdown_section.dark_version .countdown_section_content p { color: rgba(255, 255, 255, 0.5); } .blog_details_section .blog_details_thumb img { margin-top: 50px; } @media (max-width: 767.98px) { .blog_details_section .blog_details_thumb img { margin-top: 20px; } } .blog_details_section .blog_details_thumb h2 { font-size: 36px; font-weight: 600; margin-bottom: 25px; } @media (max-width: 767.98px) { .blog_details_section .blog_details_thumb h2 { font-size: 30px; margin-top: 15px; } } .blog_details_section .blog_details_thumb ul { list-style: none; margin: 0; padding: 0; } .blog_details_section .blog_details_thumb ul li { list-style: none; display: inline-flex; align-items: center; margin: 0 20px; } @media (max-width: 767.98px) { .blog_details_section .blog_details_thumb ul li { margin: 0 10px; } } .blog_details_section .blog_details_thumb ul li a { color: #7d7d7d; } .blog_details_section .blog_details_thumb ul li a:hover { color: #ff7070; } .blog_details_section .blog_details_thumb ul li i { margin-right: 10px; } .blog_details_section .blog_details_thumb .tag_list { margin-bottom: 20px; } .blog_details_section .blog_details_thumb .tag_list .tag_btn { height: 30px; line-height: 30px; padding: 0 30px; font-size: 18px; text-transform: capitalize; color: #fff; border-radius: 5px; background-color: #37a45d; min-width: auto; font-weight: 400; margin: 0 5px; border: 0px solid transparent; } @media (max-width: 767.98px) { .blog_details_section .blog_details_thumb .tag_list .tag_btn { margin: 5px; } } .blog_details_section .blog_details_thumb .tag_list .tag_btn:first-child { background-color: #e9683e; } .blog_details_section .blog_details_thumb .tag_list .tag_btn:hover { border: 0px solid transparent; } .blog_details_section .blog_details_content { margin-top: 67px; } @media (max-width: 767.98px) { .blog_details_section .blog_details_content { margin-top: 25px; } } .blog_details_section .blog_details_content p { margin-bottom: 27px; color: #7d7d7d; } @media (max-width: 767.98px) { .blog_details_section .blog_details_content p { margin-bottom: 15px; } } .blog_details_section .blog_details_content img { margin: 30px 0 50px; } @media (max-width: 767.98px) { .blog_details_section .blog_details_content img { margin: 20px 0 25px; } } .blog_details_section .quote_post { background-color: white; box-shadow: 0px 10px 30px 0px rgba(20, 3, 67, 0.08); padding: 25px 40px 42px; position: relative; margin: 54px 0 52px; } .blog_details_section .quote_post p { font-size: 20px; color: #051441; font-style: italic; margin-bottom: 0; line-height: 34px; } .blog_details_section .quote_post img { margin-bottom: 12px; margin-top: 0; } .blog_details_section .quote_post .quote_img_2 { position: absolute; right: 40px; bottom: 0; margin: 0; } .blog_details_section .blog_content_iner { justify-content: space-between; margin-top: 57px; padding-bottom: 60px; border-bottom: 1px solid #e8ebf4; } .blog_details_section .blog_content_iner .share_option, .blog_details_section .blog_content_iner .tag_list { display: flex; align-items: center; } .blog_details_section .blog_content_iner .share_option p, .blog_details_section .blog_content_iner .tag_list p { font-style: 13px; color: #051441; text-transform: uppercase; letter-spacing: 2px; } .blog_details_section .blog_content_iner .share_option .social_icon a, .blog_details_section .blog_content_iner .tag_list .social_icon a { margin-left: 10px; color: #848ca5; } .blog_details_section .blog_content_iner .share_option .social_icon a:hover, .blog_details_section .blog_content_iner .tag_list .social_icon a:hover { color: #ff7070; } .blog_details_section .blog_content_iner .tag_list { margin-top: 30px; } @media (max-width: 767.98px) { .blog_details_section .blog_content_iner .tag_list { display: inline-block; } } .blog_details_section .blog_content_iner .tag_list a { margin-left: 10px; } @media (max-width: 767.98px) { .blog_details_section .blog_content_iner .tag_list a { margin: 10px 10px 10px 0; } } @media (max-width: 767.98px) { .blog_details_section .blog_content_iner .social_icon { margin-top: 0; } } .blog_details_section.blog_details_full_width.sec_padding { margin-top: -200px; } @media (max-width: 991px) { .blog_details_section.blog_details_full_width.sec_padding { margin-top: 0; padding-top: 70px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .blog_details_section.blog_details_full_width.sec_padding { margin-top: -100px; } } .blog_details_section.blog_details_full_width.sec_padding .thumb_img { margin-top: 0; } .blog_details_section.blog_details_full_width .blog_details_tittle h3 { font-size: 36px; font-weight: 600; margin-bottom: 25px; } @media (max-width: 767.98px) { .blog_details_section.blog_details_full_width .blog_details_tittle h3 { font-size: 30px; margin-top: 15px; } } .blog_details_section.blog_details_full_width .blog_details_tittle ul { list-style: none; margin: 0; padding: 0; margin-bottom: 15px; } .blog_details_section.blog_details_full_width .blog_details_tittle ul li { list-style: none; display: inline-flex; align-items: center; padding-left: 38px; } @media (max-width: 767.98px) { .blog_details_section.blog_details_full_width .blog_details_tittle ul li { padding-left: 0; padding-right: 0; } } .blog_details_section.blog_details_full_width .blog_details_tittle ul li:first-child { padding-left: 0; } .blog_details_section.blog_details_full_width .blog_details_tittle ul li a { color: #7d7d7d; } .blog_details_section.blog_details_full_width .blog_details_tittle ul li a:hover { color: #ff7070; } .blog_details_section.blog_details_full_width .blog_details_tittle ul li i { margin-right: 10px; } .blog_details_section.blog_details_full_width .blog_details_tittle h2 { margin-bottom: 40px; font-size: 48px; } .blog_details_section.blog_details_full_width .quote_post.style_2 { background-color: transparent; box-shadow: none; padding: 0; margin: 54px 0 52px; text-align: center; } .blog_details_section.blog_details_full_width .quote_post.style_2 img { margin-bottom: 20px; } .blog_details_section.blog_details_full_width .quote_post.style_2 h2 { font-size: 40px; } .blog_details_section .contact_form_iner .cu_input { border: 1px solid rgba(5, 20, 65, 0.2); } .comment_part h4 { font-size: 30px; font-weight: 600; margin-top: 52px; margin-bottom: 63px; } .comment_part img { max-width: 70px; border-radius: 50%; } @media (max-width: 767.98px) { .comment_part img { max-width: 50px; } } .comment_part .media-body { padding-left: 30px; } @media (max-width: 767.98px) { .comment_part .media-body { padding-left: 20px; } } .comment_part p { margin-top: 7px; } .comment_part .comment_tittle { display: flex; justify-content: space-between; } .comment_part .comment_tittle h5 { font-weight: 600px; font-size: 20px; } .comment_part .comment_tittle h5 span { margin-top: 2px; color: #7d7d7d; font-size: 18px; display: block; font-weight: 400; } .comment_part .comment_tittle a { color: #051441; font-size: 18px; font-weight: 600; } .comment_part .comment_tittle a:hover { color: #ff7070; } .comment_part .media { margin: 40px 0; border-bottom: 1px solid #e8ebf4; } .comment_part .media p { color: #7d7d7d; } .comment_part .media .media { margin: 70px 0 40px 0; border-bottom: 0 solid transparent; } @media (max-width: 767.98px) { .comment_part .media .media { margin: 40px 0 25px 0; } } .comment_part .media:last-child { border-bottom: 0 solid transparent; } .contact_form h2 { font-size: 30px; font-weight: 600; margin-bottom: 60px; font-family: Futura; line-height: 20px; } .contact_form.sec_padding { padding: 80px 0; } .contact_form .cu_input { margin-bottom: 30px; } @media (max-width: 767.98px) { .contact_form .cu_input { margin-bottom: 15px; } } .contact_form .cu_btn { width: 100%; text-align: center; font-size: 15px; font-weight: 500; font-family: Futura; letter-spacing: 1px; } .contact_form textarea { min-height: 140px !important; } .blog_Page .blog_details_thumb { padding-bottom: 50px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .blog_Page .blog_details_thumb ul { margin-top: 27px; } .blog_Page .blog_details_thumb h2 { margin-top: 12px; margin-bottom: 18px; } .blog_Page .blog_details_thumb p { color: #7d7d7d; } .blog_Page .single_blog_post:last-child { padding: 30px 0; border-bottom: 1px solid #e5e5e5; } .blog_Page .loading_img { text-align: center; margin: 0 auto; margin-top: 80px; } .video_post { position: relative; } .video_post .video_popup { background-color: #fff; height: 65px; width: 65px; border-radius: 50%; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } .video_post .video_popup img { max-width: 14px; border-radius: 0; } .single_blog_post { position: relative; margin-bottom: 60px; } @media (max-width: 991px) { .single_blog_post { margin-bottom: 40px; } } .single_blog_post img { border-radius: 5px; } .single_blog_post h3 { height: 65px; width: 65px; border-radius: 4px; background-color: #ff7070; line-height: 22px; text-align: center; font-size: 30px; font-weight: 600; color: #fff; font-family: Futura; position: absolute; left: 20px; top: 20px; padding-top: 9px; } .single_blog_post h3.box_shadow { box-shadow: 0px 14px 30px 0px rgba(65, 84, 241, 0.25); } .single_blog_post h3 span { font-size: 50%; font-weight: 400; padding-top: 9px; } .single_blog_post h4 { font-size: 24px; font-weight: 600; margin: 10px 0; margin-top: 15px; font-family: Futura; } .single_blog_post h4 a { color: #051441; } .single_blog_post h4 a:hover { color: #ff7070; } .single_blog_post ul { list-style: none; margin: 0; padding: 0; margin-top: 30px; } @media (max-width: 991px) { .single_blog_post ul { margin-top: 20px; } } .single_blog_post ul img { border-radius: 0; } .single_blog_post ul li { display: inline-block; color: #7d7d7d; font-size: 16px; margin-right: 40px; } .single_blog_post ul li:last-child { margin-right: 0; } .single_blog_post ul li img, .single_blog_post ul li i { margin-right: 8px; } .single_blog_post ul a { display: inline-flex; align-items: center; color: #7d7d7d; } .single_blog_post ul a:hover { color: #ff7070; } .single_blog_post .btn_arrow { color: #051441; font-weight: 600; } .single_blog_post .btn_arrow i { font-size: 16px; margin-left: 8px; -webkit-transition: 0.3s; transition: 0.3s; } .single_blog_post .btn_arrow:hover { color: #ff7070; } .single_blog_post .btn_arrow:hover i { margin-left: 12px; } .single_blog_post .video_post { position: relative; } .single_blog_post .video_post .video_popup { background-color: #fff; height: 80px; width: 80px; border-radius: 50%; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; } .single_blog_post .video_post .video_popup:hover { background-color: #ff7070; } .single_blog_post .video_post .video_popup img { max-width: 16px; border-radius: 0; } .single_blog_post.card_style h4 { margin-top: 24px; } .single_blog_post.card_style p { margin-top: 18px; } .single_blog_post.card_style .read_more_btn { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; } .single_blog_post.card_style .read_more_btn a { color: #051441; font-weight: 600; font-size: 18px; text-transform: capitalize; } .single_blog_post.card_style .read_more_btn a:hover { color: #ff7070; } .single_blog_post.card_style .read_more_btn .comment { display: inline-flex; align-items: center; color: #7d7d7d; font-weight: 400; font-size: 16px; } .single_blog_post.card_style .read_more_btn .comment i { margin-right: 8px; } .blog_post_list .page_pageination { margin-top: 15px; } .blog_post_list.sec_padding { padding: 120px 0 50px; } @media (max-width: 991px) { .blog_post_list.sec_padding { padding: 70px 0 50px; } } .blog_post_list.normal_post_style .single_blog_post h4 { margin: 10px 0; } .blog_post_list.normal_post_style .card_style p { margin-top: 10px; } .blog_post_list.normal_post_style .btn_arrow { margin-top: 10px; } .pagination { padding: 30px 0; } @media (max-width: 991px) { .sidebar_part { margin-top: 50px; } } .sidebar_part .single_sidebar { margin-bottom: 60px; position: relative; } @media (max-width: 991px) { .sidebar_part .single_sidebar { margin-bottom: 40px; } } .sidebar_part .single_sidebar h3 { font-size: 30px; font-weight: 600; line-height: 22px; margin-bottom: 30px; } .sidebar_part .single_sidebar h3 a { color: #445363; } .sidebar_part .single_sidebar h3 a:hover { color: #ff7070; } .sidebar_part .single_sidebar:last-child { margin-bottom: 0; } .sidebar_part .single_sidebar .search_form { display: flex; } .sidebar_part .single_sidebar .search_form input { padding: 17px 30px; background-color: #f3f4f9; border-radius: 6px; border: 1px solid #f3f4f9; width: 100%; color: #7d7d7d; } .sidebar_part .single_sidebar .search_form input:focus { border: 1px solid rgba(255, 112, 112, 0.5) !important; color: #051441; } .sidebar_part .single_sidebar .search_form input:focus::placeholder { color: #051441; } .sidebar_part .single_sidebar .search_form i { position: absolute; right: 30px; top: 23px; color: #7d7d7d; cursor: pointer; } .sidebar_part .single_sidebar .single_sidebar_post { display: flex; margin-bottom: 30px; align-items: center; } .sidebar_part .single_sidebar .single_sidebar_post:last-child { margin-bottom: 0; } .sidebar_part .single_sidebar .single_sidebar_post img { max-width: 90px; max-height: 80px; border-radius: 6px; } @media (max-width: 991px) { .sidebar_part .single_sidebar .single_sidebar_post img { max-height: 80px; } } .sidebar_part .single_sidebar .single_sidebar_post .sidebar_post_content { padding-left: 20px; } .sidebar_part .single_sidebar .single_sidebar_post .sidebar_post_content h4 { font-size: 20px; line-height: 1; margin-bottom: 3px; } .sidebar_part .single_sidebar .single_sidebar_post .sidebar_post_content h4 a { color: #051441; } .sidebar_part .single_sidebar .single_sidebar_post .sidebar_post_content h4 a:hover { color: #ff7070; } .sidebar_part .single_sidebar .category_list ul { margin: 0; padding: 0; list-style: none; } .sidebar_part .single_sidebar .category_list ul li { font-size: 18px; color: #7d7d7d; display: flex; justify-content: space-between; margin-bottom: 11px; } .sidebar_part .single_sidebar .category_list ul li:last-child { margin-bottom: 0; } .sidebar_part .single_sidebar .category_list ul li a { color: #7d7d7d; } .sidebar_part .single_sidebar .category_list ul li:hover a, .sidebar_part .single_sidebar .category_list ul li:hover span { color: #ff7070; } .sidebar_part .single_sidebar .sidebar_tag_list .cu_btn { margin: 0 7px 10px 0; padding: 10px 20px; } .sidebar_part .single_sidebar .subscribe_part { background-image: url("../img/subscribe_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 42px 30px 50px; } .sidebar_part .single_sidebar .subscribe_part h4 { font-size: 30px; font-weight: 600; color: #fff; text-align: center; margin-bottom: 32px; } .sidebar_part .single_sidebar .subscribe_part form { margin-bottom: 0; position: relative; } .sidebar_part .single_sidebar .subscribe_part form img { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; } .sidebar_part .single_sidebar .subscribe_part form input { height: auto; } .sidebar_part .single_sidebar .subscribe_part form::placeholder { color: #899097; font-size: 16px; } .sidebar_part .single_sidebar.shop_list .single_sidebar_post .sidebar_post_content h4 { font-size: 18px; font-weight: 600; line-height: 24px; } .sidebar_part .single_sidebar.shop_list .single_sidebar_post .sidebar_post_content h4 a { color: #282835; } .sidebar_part .single_sidebar.shop_list .single_sidebar_post .sidebar_post_content p { font-weight: 600; color: #ff7070; } .sidebar_part .single_sidebar.shop_category .category_list ul li { justify-content: start; } .sidebar_part .single_sidebar.shop_category .category_list ul li span { margin-left: 5px; } .sidebar_part .single_sidebar.shop_category .category_list ul li a { position: relative; z-index: 1; } .sidebar_part .single_sidebar.shop_category .category_list ul li a:after { position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: 1px; background-color: #ff7070; -webkit-transition: 0.3s; transition: 0.3s; } .sidebar_part .single_sidebar.shop_category .category_list ul li a:hover:after { width: 100%; } .pricing_slidebar .price-range-slider .range-value { display: flex; align-items: center; margin-top: 23px; } .pricing_slidebar .price-range-slider .range-value h5 { font-weight: 500; margin-right: 5px; font-size: 18px; white-space: nowrap; margin-bottom: 0; } .pricing_slidebar .price-range-slider .range-value input { background: none; color: #778090; font-size: 18px; font-weight: initial; box-shadow: none; border: none; } .pricing_slidebar .price-range-slider .range-bar { border: none; background: #dbe2e9; height: 5px; width: 100%; } .pricing_slidebar .price-range-slider .range-bar .ui-slider-range { background: #eda9ac; } .pricing_slidebar .price-range-slider .range-bar .ui-slider-handle { border: none; border-radius: 25px; background: #fff; height: 18px; width: 18px; top: -7px; margin-left: 0px; cursor: pointer; background-color: #ff7070; box-shadow: 0px 2px 10px 0px rgba(70, 1, 1, 0.2); } .contact_section_content.pr_60 { padding-right: 60px; } @media (max-width: 767.98px) { .contact_section_content.pr_60 { padding-right: 0; } } .contact_section_content h2 { font-size: 48px; font-weight: 600; margin-bottom: 20px; } .contact_section_content .contact_form { margin-top: 50px; } .contact_section_content .single_contact_form .cu_input { border-style: solid; border-width: 1px; border-color: #e5e5e5; } .contact_section_content ul { padding: 0; margin: 0; list-style: none; margin-top: 35px; } .contact_section_content ul li { color: #7d7d7d; display: inline-flex; align-items: center; align-items: center; font-size: 18px; margin-bottom: 32px; } .contact_section_content ul li:last-child { margin-bottom: 0; } .contact_section_content ul li img { margin-right: 15px; } .contact_section { position: relative; z-index: 1; } .contact_section .contactMap { width: 50%; height: 100%; position: absolute; right: 0; top: 0; } @media (max-width: 767.98px) { .contact_section .contactMap { position: relative; width: 100%; height: 400px; margin-bottom: 70px; } } .contact_section .contact_shape_1 { position: absolute; left: 0; top: 40%; z-index: -1; } @media (max-width: 991px) { .contact_section .contact_shape_1 { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .contact_section .contact_shape_1 { display: none; } } .contact_section .contact_shape_2 { position: absolute; right: 0; top: 40%; } @media (max-width: 991px) { .contact_section .contact_shape_2 { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .contact_section .contact_shape_2 { display: none; } } #contactMap { height: 100% !important; } .contact_info_section .single_contact_info { text-align: center; } @media (max-width: 991px) { .contact_info_section .single_contact_info { margin: 30px 0; } } .contact_info_section .single_contact_info img { margin-bottom: 33px; } .contact_info_section .single_contact_info h4 { font-size: 24px; font-weight: 600; margin-bottom: 15px; color: #34373b; } .contact_info_section .single_contact_info p a { color: #7d7d7d; } .contact_info_section .single_contact_info p a:hover { color: #ff7070; } .contact_map_section .contactMap { height: 600px; width: 100%; } @media (max-width: 767.98px) { .contact_map_section .contactMap { height: 400px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .contact_map_section .contactMap { height: 450px; } } .contact_form_sec_tittle h2 { font-size: 48px; line-height: 56px; } @media (max-width: 767.98px) { .contact_form_sec_tittle h2 { font-size: 30px; line-height: 35px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .contact_form_sec_tittle h2 { font-size: 30px; line-height: 35px; } } #contactForm .single_contact_form { margin-bottom: 30px; } #contactForm .single_contact_form .cu_input { margin-bottom: 0; } #success, #error { position: relative; top: 10px; display: block; right: 0; left: 0; bottom: -15px; display: none; font-weight: 600; } #success { color: #b40005; } #error { color: #ff7070; } .faq_intro { position: relative; padding: 120px 0 100px; overflow: hidden; text-align: center; } @media (max-width: 767.98px) { .faq_intro { padding: 70px 0; } } .faq_intro .faq_intro_1 { position: absolute; left: 0; bottom: 60px; } @media (max-width: 767.98px) { .faq_intro .faq_intro_1 { max-width: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .faq_intro .faq_intro_1 { max-width: 150px; } } .faq_intro .faq_intro_2 { position: absolute; right: 0; top: 85px; } @media (max-width: 767.98px) { .faq_intro .faq_intro_2 { max-width: 80px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .faq_intro .faq_intro_2 { max-width: 150px; } } .faq_content { position: relative; } .faq_content.normal_style { overflow: hidden; } .faq_content.normal_style .faq_content_shape { position: absolute; right: 0; bottom: 20%; } @media (max-width: 767.98px) { .faq_content.normal_style .faq_content_shape { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .faq_content.normal_style .faq_content_shape { display: none; } } .faq_content.normal_style .section_tittle.style_2 { margin-bottom: 25px; } .faq_content.normal_style .faq_content_iner { display: flex; flex-wrap: wrap; justify-content: space-between; } .faq_content.normal_style .single_faq_content { flex: 43% 0 0; margin-top: 33px; padding-bottom: 33px; border-bottom: 1px solid #e4e0ee; } @media (max-width: 767.98px) { .faq_content.normal_style .single_faq_content { flex: 100% 0 0; margin-top: 20px; padding-bottom: 20px; } } .faq_content.normal_style .single_faq_content h4 { font-size: 20px; font-weight: 600; margin-bottom: 23px; } .faq_content.normal_style .single_faq_content p { color: #7d7d7d; } .faq_content.collaps_style .card-header { padding: 26px 0; background-color: transparent; line-height: 18px; border-bottom: 0 solid transparent; } @media (max-width: 991px) { .faq_content.collaps_style .card-header { line-height: 30px; padding: 26px 0; } } .faq_content.collaps_style .btn { padding: 0; font-size: 20px; font-weight: 600; color: #ff7070; font-family: Futura; line-height: 18px; display: block; width: 100%; text-align: left; position: relative; border: none; } .faq_content.collaps_style .btn:after { position: absolute; content: ""; right: 0; top: 0; font-size: 18px; font-family: "themify"; -webkit-transition: 0.3s; transition: 0.3s; transform: rotate(0); color: #ff7070; } @media (max-width: 991px) { .faq_content.collaps_style .btn:after { display: none; } } .faq_content.collaps_style .btn.collapsed:after { content: ""; transform: rotate(90deg); color: #7d7d7d; } @media (max-width: 991px) { .faq_content.collaps_style .btn { line-height: 30px; text-align: left; } } .faq_content.collaps_style .btn.collapsed { color: #051441; } .faq_content.collaps_style .card { border: 0px solid transparent; border-bottom: 1px solid #e4e0ee; color: #ff7070; -webkit-transition: 0.3s; transition: 0.3s; } .faq_content.collaps_style .card:first-child .card-header { padding: 0 0 28px; } .faq_content.collaps_style .card-body { color: #7d7d7d; line-height: 30px; padding: 5px 0 33px; font-size: 18px; } .faq_content .collaps_style_content h2 { margin-bottom: 22px; } .btn-link:hover { text-decoration: none; } .faq_cta_part { text-align: center; } .faq_cta_part h5 { font-size: 16px; text-transform: uppercase; letter-spacing: 4px; font-weight: 600; color: #fff; margin-bottom: 12px; } .faq_cta_part h2 { font-weight: 600; color: #fff; } .faq_cta_part .cu_btn { margin-top: 33px; border: 1px solid #fff; } .faq_cta_part .cu_btn:hover { border: 1px solid #051441; background-color: #051441; color: #fff; } .faq_cta_part .cu_btn:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .faq_cta_part .cu_btn.base_hover:hover { border: 1px solid #ff7070; background-color: #ff7070; color: #fff; } .faq_cta_part .cu_btn.base_hover:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .faq_cta_part.cta_bg { background-image: url(../img/cta_bg_1.png); } .pricing_part { position: relative; z-index: 1; } .pricing_part .pricing_part_shape { position: absolute; bottom: 30%; left: 0; z-index: -1; } .pricing_part .b { display: block; } .pricing_part .toggle { margin: 10px; position: relative; width: 60px; height: 20px; border-radius: 100px; background-color: #ffdada; border: 1px solid #ffdada; box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05); } .pricing_part .toggler { position: relative; } .pricing_part .toggler.toggler--is-active { color: #ff7070; } .pricing_part .toggler span { position: absolute; right: 0; top: -30px; font-size: 12px; color: #051441; height: 20px; line-height: 20px; width: 50px; text-align: center; background-color: #b7ffb7; border-radius: 5px; } .pricing_part .toggler span:after { position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #b7ffb7; width: 8px; height: 5px; bottom: -5px; } .pricing_part .check { position: absolute; display: block; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 6; } .pricing_part .check:checked ~ .switch { right: 5px; left: 57.5%; transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-property: left, right; transition-delay: 0.08s, 0s; } .pricing_part .switch { position: absolute; left: 0px; top: -4px; bottom: 2px; right: 57.5%; background-color: #ff7070; border-radius: 50%; z-index: 1; transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition-property: left, right; transition-delay: 0s, 0.08s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); height: 20px; width: 20px; padding: 14px !important; margin-right: 0; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25); } .pricing_part .switch:after { display: none; } .pricing_part .hide { display: none; } .pricing_part .pricing_plan_header { align-items: center; justify-content: center; margin-bottom: 35px; } .pricing_part .pricing_plan_header label { margin-bottom: 0; } .pricing_part .pricing_plan_header .toggle { margin: 0 10px; } .pricing_part.bark_img_bg { background-image: url("../img/dark_shadow_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .pricing_style_2 { padding: 120px 0 150px; } @media (max-width: 767.98px) { .pricing_style_2 { padding: 70px 0px 40px; } } @media (max-width: 767.98px) { .pricing_style_2 { padding: 80px 0px 50px; } } .pricing_style_2 .section_tittle { margin-bottom: 103px; } @media (max-width: 767.98px) { .pricing_style_2 .section_tittle { margin-bottom: 40px; } } @media (max-width: 767.98px) { .pricing_style_2 .section_tittle { margin-bottom: 50px; } } .pricing_style_2 .pricing_part_shape { left: auto; right: 0; } .single_pricing_plan { background-color: #fff; padding: 47px 55px; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 768px) { .single_pricing_plan { margin-bottom: 30px; } } .single_pricing_plan h2 { font-size: 48px; font-weight: 600; margin-bottom: 3px; } .single_pricing_plan h5 { font-size: 20px; margin-bottom: 27px; } .single_pricing_plan .cu_btn { margin-top: 38px; font-family: Futura; color: #ff7070; border: 1px solid #ff7070; letter-spacing: 1px; } .single_pricing_plan .cu_btn:hover { background-color: #ff7070; color: #fff; } .single_pricing_plan.box_shadow { box-shadow: 0px 20px 40px 0px rgba(0, 33, 121, 0.08); } .single_pricing_plan.box_shadow:hover { box-shadow: 0px 40px 80px 0px rgba(0, 33, 121, 0.08); } .single_pricing_plan:hover { box-shadow: 0px 20px 40px 0px rgba(0, 33, 121, 0.08); } .single_pricing_plan.active { position: relative; z-index: 1; } .single_pricing_plan.active:after { position: absolute; content: ""; background-image: -moz-linear-gradient(-45deg, rgba(253, 83, 146, 0.99608) 0%, #f86f64 100%); background-image: -webkit-linear-gradient(-45deg, rgba(253, 83, 146, 0.99608) 0%, #f86f64 100%); background-image: -ms-linear-gradient(-45deg, rgba(253, 83, 146, 0.99608) 0%, #f86f64 100%); width: 100%; height: 100%; top: 0; left: 0; z-index: -1; -webkit-transition: 0.3s; transition: 0.3s; } .single_pricing_plan.active:hover:after { box-shadow: 0px 20px 40px 0px rgba(248, 111, 100, 0.29608); } @media (min-width: 991px) { .single_pricing_plan.active:after { transform: scale(1.2); } } .single_pricing_plan.active h2, .single_pricing_plan.active h5, .single_pricing_plan.active p { color: #fff; } .single_pricing_plan.active .cu_btn { background-color: #fff; color: #ff7070; border: 1px solid #fff; } .single_pricing_plan.active .cu_btn:hover { background-color: #ff7070; color: #fff; border: 1px solid #ff7070; } @media (max-width: 768px) { .single_pricing_tittle { margin-bottom: 30px; } } .single_pricing_tittle img { margin-bottom: 24px; } .single_pricing_tittle h2 { font-weight: 600; margin-bottom: 25px; } .pricing_wrapper .single_plan { position: relative; text-align: center; padding: 50px 20px; background-color: white; box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1); -webkit-transition: 0.3s; transition: 0.3s; margin-top: 30px; } .pricing_wrapper .single_plan h5 { font-size: 20px; font-weight: 600; margin-bottom: 24px; } .pricing_wrapper .single_plan h5.color_1 { color: #309bf2; } .pricing_wrapper .single_plan h5.color_2 { color: #61c330; } .pricing_wrapper .single_plan h5.color_3 { color: #ffa512; } .pricing_wrapper .single_plan h2 { font-size: 48px; font-weight: 600; line-height: 33px; position: relative; display: inline-block; margin-bottom: 40px; } .pricing_wrapper .single_plan h2 small { display: inline-block; position: absolute; left: -10px; top: -7px; color: #051441; font-size: 18px; } .pricing_wrapper .single_plan h2 span { font-size: 16px; color: #677294; position: absolute; right: -35px; bottom: -9px; } .pricing_wrapper .single_plan ul { margin: 0; padding: 0; list-style: none; margin-top: 38px; } .pricing_wrapper .single_plan ul li { color: #6a7c92; font-size: 18px; margin: 11px 0; } .pricing_wrapper .single_plan .cu_btn { margin-top: 37px; font-family: Futura; color: #ff7070; border: 1px solid #ff7070; letter-spacing: 1px; } .pricing_wrapper .single_plan .cu_btn:hover { background-color: #ff7070; color: #fff; } .pricing_wrapper .single_plan:hover { box-shadow: 0px 20px 40px 0px rgba(0, 33, 121, 0.08); } .pricing_tricker { background-color: #b7ffb7; border: 1px solid #b7ffb7; height: 80px; width: 80px; border-radius: 50%; line-height: 80px; text-align: center; position: absolute; right: -15px; top: -15px; } .pricing_tricker h3 { font-size: 20px; color: #051441; margin-bottom: 0; margin-top: 19px; } .pricing_tricker h3 span { width: 100%; font-size: 70%; display: block; } .single_services_part { position: relative; padding-left: 100px; margin-bottom: 90px; } @media (max-width: 991px) { .single_services_part { padding-left: 70px; margin-bottom: 40px; } } .single_services_part img { position: absolute; left: 0; top: 0; max-width: 75px; } @media (max-width: 991px) { .single_services_part img { max-width: 50px; } } .single_services_part h4 { font-size: 24px; font-weight: 600; margin-bottom: 20px; } .single_services_part h4 a { color: #051441; } .single_services_part h4 a:hover { color: #ff7070; } @media (max-width: 991px) { .single_services_part h4 { margin-bottom: 10px; } } .single_services_part.style_2 { padding: 0; margin-bottom: 76px; text-align: center; } @media (max-width: 991px) { .single_services_part.style_2 { margin-bottom: 30px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .single_services_part.style_2 { margin-bottom: 30px; } } .single_services_part.style_2 img { position: relative; max-width: 100%; } .single_services_part.style_2 h4 { margin-top: 30px; margin-bottom: 16px; } @media (max-width: 991px) { .single_services_part.style_2 h4 { margin-top: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .single_services_part.style_2 h4 { margin-top: 15px; } } .single_service_section .service_icon { max-width: 95px; min-height: 95px; } .single_page_service { position: relative; z-index: 1; } .single_page_service.sec_padding { padding: 120px 0 30px; } @media (max-width: 767.98px) { .single_page_service.sec_padding { padding: 70px 0 30px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .single_page_service.sec_padding { padding: 70px 0 30px; } } .single_page_service.single_service_padding { padding: 120px 0 35px; } @media (max-width: 767.98px) { .single_page_service.single_service_padding { padding: 70px 0 30px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .single_page_service.single_service_padding { padding: 70px 0 30px; } } .single_page_service .icon_1 { position: absolute; left: 0; top: 45%; z-index: 1; } @media (max-width: 767.98px) { .single_page_service .icon_1 { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .single_page_service .icon_1 img { max-width: 150px; } } .single_shop_list { text-align: center; margin-bottom: 52px; position: relative; } @media (max-width: 991px) { .single_shop_list { margin-bottom: 30px; } } .single_shop_list h4 { font-size: 24px; font-weight: 600; margin-top: 22px; margin-bottom: 2px; } @media (max-width: 991px) { .single_shop_list h4 { margin-top: 15px; } } .single_shop_list h4 a { color: #051441; } .single_shop_list h4 a:hover { color: #ff7070; } .single_shop_list p { color: #ff7070; font-size: 18px; font-weight: 600; } .single_shop_list p span { font-size: 14px; font-weight: 400; color: #999999; text-decoration: line-through; margin-left: 12px; } .single_shop_list .cart_option { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; top: 40%; transform: translateY(-50%); opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .single_shop_list .cart_option a { width: 60px; height: 60px; border: 1px solid #fff; background-color: #fff; color: #ff7070; line-height: 60px; text-align: center; font-size: 20px; display: inline-block; margin: 0 4px; } .single_shop_list .cart_option a:hover { color: #fff; background-color: #ff7070; border: 1px solid #ff7070; } .single_shop_list .shop_list_img { background-color: #f7f7f7; position: relative; z-index: 1; } .single_shop_list .shop_list_img .shop_list_iner { padding: 50px; height: 380px; width: 100%; display: flex; align-items: center; justify-content: center; background-color: #f7f7f7; } .single_shop_list .shop_list_img:hover .cart_option { top: 50%; opacity: 1; visibility: visible; } .shop_page_tittle { padding-bottom: 20px; border-bottom: 1px solid #ececec; margin-bottom: 30px; } @media (min-width: 768px) { .shop_page_tittle { display: flex; justify-content: space-between; align-items: center; } } @media (max-width: 768px) { .shop_page_tittle { margin-top: 70px; } .shop_page_tittle p { margin-bottom: 20px; } } .shop_page_tittle .shop_page_shorting { display: flex; align-items: center; } .shop_page_tittle img { margin-right: 20px; cursor: pointer; } .shop_page_tittle .select_area { margin-left: 10px; border: 1px solid #ececec; padding: 4px 28px; display: flex; align-items: center; } .shop_page_tittle .select_area h5 { white-space: nowrap; font-weight: 600; color: #181b31; font-size: 16px; margin-bottom: 0; } .shop_page_tittle .niceSelect { border: 0px solid transparent; padding: 0 45px 0 5px; height: auto; line-height: auto; } .shop_page_tittle .niceSelect .list { min-width: 200px; border-radius: 0; background-color: #fff; color: #666666; padding: 20px; left: auto; right: -27px; } .shop_list_product .shop_list_img .shop_list_iner { height: 320px; } .shop_list_section .page_pageination { margin-top: 20px; } .single_shop_item { margin-bottom: 60px; } @media (min-width: 768px) { .single_shop_item .single_shop_list { margin-bottom: 0; } } .single_shop_item .shop_tittle { margin-bottom: 23px; } @media (min-width: 991px) { .single_shop_item .shop_tittle { display: flex; align-items: center; justify-content: space-between; } } .single_shop_item .shop_tittle h2 { color: #ff7070; font-size: 36px; } @media (max-width: 991px) { .single_shop_item .shop_tittle h2 { font-size: 30px; } } .single_shop_item .shop_tittle h2 span { color: #7d7d7d; font-size: 24px; margin-right: 20px; text-decoration: line-through; } @media (max-width: 991px) { .single_shop_item .shop_tittle h2 span { font-size: 20px; } } .single_shop_item p { margin-bottom: 55px; } @media (max-width: 991px) { .single_shop_item p { margin-bottom: 25px; } } .single_shop_item .cu_btn { padding: 17px 50px; font-family: Futura; letter-spacing: 2px; min-width: auto; text-transform: uppercase; } .single_shop_item .cu_btn.heart_btn { padding: 16px; margin-left: 10px; } .single_shop_item .cu_btn.heart_btn i { margin: 0; font-size: 18px; } .single_shop_item .single_shop_list_content h4 { font-size: 36px; font-weight: 600; } @media (max-width: 991px) { .single_shop_item .single_shop_list_content h4 { font-size: 30px; } } .single_shop_item .single_shop_list_content h4 a { color: #051441; } .single_shop_item .single_shop_list_content h4 a:hover { color: #ff7070; } .multiScroll_section { position: relative; height: 100%; width: 100%; } .multiScroll_section .social_icon { position: absolute; bottom: 40px; right: 40px; } .multiScroll_section .social_icon a { color: #051441; } @media (max-width: 991px) { .multiScroll_section .ms-left, .multiScroll_section .ms-right { width: 100% !important; min-height: 0 !important; height: auto !important; position: relative !important; top: auto !important; } } .multiScroll_section .single_multiScroll_img_1 { background-image: url("../img/multi_scorl_img_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; } .multiScroll_section .multiScroll_content { padding: 50px; text-align: center; } .multiScroll_section .multiScroll_content h5 { font-size: 24px; color: #ff7070; margin-bottom: 18px; text-transform: capitalize; font-weight: 400; } .multiScroll_section .multiScroll_content h2 { font-size: 90px; font-weight: 700; margin-bottom: 4px; line-height: 1; display: inline-flex; } .multiScroll_section .multiScroll_content h2 a { color: #051441; } .multiScroll_section .multiScroll_content p { font-size: 20px; } .multiScroll_section .multiScroll_content .cu_btn { margin-top: 47px; } .multiScroll_section .tittle_slide_effect { overflow: hidden; } .multiScroll_section .tittle_slide_effect_in { overflow: hidden; position: relative; transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 1s; transition-delay: 1s; } .multiScroll_section .tittle_slide_effect_in:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: #ff7070; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; transform-origin: right; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .multiScroll_section .tittle_slide_effect.active .tittle_slide_effect_in { transform: scaleX(1); } .multiScroll_section .tittle_slide_effect.active .tittle_slide_effect_in:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .multiScroll_section .single_multiScroll.active h5 { animation: fadeInLeft 0.7s both 0.7s; } .multiScroll_section .single_multiScroll.active p { animation: fadeInLeft 1.1s both 1.1s; } .multiScroll_section .single_multiScroll.active .cu_btn { animation: fadeInLeft 1.3s both 1.3s; } #multiscroll-nav.right { right: 40px; } #multiscroll-nav li { display: block; width: 20px; height: 13px; margin: 8px 0; } #multiscroll-nav span { height: 2px; width: 20px; border: 0px solid transparent; border-radius: 0; background-color: #b6a2a1; right: 0; left: auto; -webkit-transition: 0.3s; transition: 0.3s; } #multiscroll-nav .active span { width: 40px; background-color: #000; } .coming_soon_page_header { position: absolute; left: 0; width: 100%; padding: 0 65px; z-index: 9; } @media (min-width: 576px) and (max-width: 1200px) { .coming_soon_page_header { padding: 0 15px; } } @media (max-width: 576px) { .coming_soon_page_header { padding: 15px 0; } } .coming_soon_page_header .page_header_content { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 767.98px) { .coming_soon_page_header .page_header_content { display: block; } } @media (max-width: 767.98px) { .coming_soon_page_header .header_contact_info { margin-top: 15px; } } .coming_soon_page_header .header_contact_info a { color: #7d7d7d; margin-right: 34px; padding: 35px 0; display: inline-block; } .coming_soon_page_header .header_contact_info a:last-child { margin-right: 0; } @media (max-width: 767.98px) { .coming_soon_page_header .header_contact_info a { padding: 5px 0; } } .coming_soon_page_header .header_contact_info a i { color: #ff7070; margin-right: 10px; } .coming_soon_section { height: 100vh; display: flex; align-items: center; position: relative; z-index: 8; justify-content: space-between; z-index: 1; } @media (max-width: 767.98px) { .coming_soon_section { min-height: 750px; } } .coming_soon_section .shape_1 { position: absolute; right: 0; top: 48%; z-index: -1; } @media (max-width: 991px) { .coming_soon_section .shape_1 { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .coming_soon_section .shape_1 { display: none; } } .coming_soon_section .page_img { z-index: 2; left: 0; top: 0; flex: 36% 0 0; height: 100%; width: 50%; background-image: url("../img/comming_soon_page_img.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 767px) { .coming_soon_section .page_img { display: none; } } .coming_soon_section .coming_soon_section_content { flex: 64% 0 0; text-align: center; padding: 50px; } @media (max-width: 767.98px) { .coming_soon_section .coming_soon_section_content { padding: 50px 15px; flex: 100% 0 0; } } .coming_soon_section .coming_soon_section_content img { margin-bottom: 85px; } @media (max-width: 767.98px) { .coming_soon_section .coming_soon_section_content img { margin-bottom: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .coming_soon_section .coming_soon_section_content img { margin-bottom: 30px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .coming_soon_section .coming_soon_section_content img { margin-bottom: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .coming_soon_section .coming_soon_section_content img { margin-bottom: 40px; } } .coming_soon_section .coming_soon_section_content h2 { font-weight: 600; margin-bottom: 15px; } .coming_soon_section .coming_soon_section_content .countdown { display: flex; margin-bottom: 53px; justify-content: center; margin-top: 46px; flex-wrap: wrap; } @media (max-width: 767.98px) { .coming_soon_section .coming_soon_section_content .countdown { margin-bottom: 20px; margin-top: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .coming_soon_section .coming_soon_section_content .countdown { margin-bottom: 40px; margin-top: 25px; } } .coming_soon_section .coming_soon_section_content .time { border-radius: 50%; text-align: left; margin: 0 25px; font-size: 82px; color: #051441; font-weight: 600; padding-top: 26px; line-height: 54px; -webkit-transition: 0.3s; transition: 0.3s; min-width: 100px; } @media (max-width: 767.98px) { .coming_soon_section .coming_soon_section_content .time { height: 75px; width: 75px; font-size: 45px; padding-top: 12px; line-height: 31px; margin-left: 0; text-align: center; margin: 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .coming_soon_section .coming_soon_section_content .time { height: 55px; width: 55px; font-size: 36px; padding-top: 12px; line-height: 31px; margin-left: 0; text-align: center; margin: 0 13px; min-width: 70px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .coming_soon_section .coming_soon_section_content .time { height: 55px; width: 55px; font-size: 36px; padding-top: 12px; line-height: 31px; margin-left: 0; text-align: center; margin: 0 20px; min-width: 70px; } } .coming_soon_section .coming_soon_section_content .time span { font-size: 18px; color: #051441; text-transform: uppercase; display: block; flex: 100% 0 0; } @media (max-width: 576px) { .coming_soon_section .coming_soon_section_content .time span { font-size: 12px; } } .coming_soon_section .coming_soon_section_content .counter_dot { font-size: 63px; } @media (max-width: 991px) { .coming_soon_section .coming_soon_section_content .counter_dot { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .coming_soon_section .coming_soon_section_content .counter_dot { line-height: 45px; } } .coming_soon_section .coming_soon_section_content .social_icon { float: none; margin-top: 60px; } @media (max-width: 576px) { .coming_soon_section .coming_soon_section_content .social_icon { margin-top: 30px; } } .coming_soon_section .coming_soon_section_content .social_icon a { height: 55px; width: 55px; text-align: center; line-height: 55px; display: inline-block; margin: 0 5px; border-radius: 50%; font-size: 18px; } .coming_soon_section .coming_soon_section_content .social_icon a.facebook { background-color: #31428b; border: 1px solid #31428b; color: #fff; } .coming_soon_section .coming_soon_section_content .social_icon a.facebook:hover { background-color: #fff; color: #31428b !important; } .coming_soon_section .coming_soon_section_content .social_icon a.twitter { background-color: #35a2ff; border: 1px solid #35a2ff; color: #fff; } .coming_soon_section .coming_soon_section_content .social_icon a.twitter:hover { background-color: #fff; color: #35a2ff !important; } .coming_soon_section .coming_soon_section_content .social_icon a.dribbble { background-color: #fd2299; border: 1px solid #fd2299; color: #fff; } .coming_soon_section .coming_soon_section_content .social_icon a.dribbble:hover { background-color: #fff; color: #fd2299 !important; } .coming_soon_section .coming_soon_section_content .subscribe_form { max-width: 530px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 576px) { .coming_soon_section .coming_soon_section_content .subscribe_form { flex-wrap: wrap; } } .coming_soon_section .coming_soon_section_content .subscribe_form .cu_input { border: 1px solid #e0e0e0; color: #899097; padding: 13px 30px; } @media (max-width: 576px) { .coming_soon_section .coming_soon_section_content .subscribe_form .cu_input { width: 100%; display: block; } } .coming_soon_section .coming_soon_section_content .subscribe_form .cu_btn { min-width: auto; padding: 17px 39px; line-height: 19px; margin-left: 10px; } @media (max-width: 576px) { .coming_soon_section .coming_soon_section_content .subscribe_form .cu_btn { width: 100%; text-align: center; display: block; margin-left: 0; margin-top: 20px; } } .error_page { position: relative; } .error_page .error_shape_1 { position: absolute; left: 0; top: 38%; z-index: -1; } @media (max-width: 991px) { .error_page .error_shape_1 img { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .error_page .error_shape_1 img { max-width: 150px; } } .error_page .error_shape_2 { position: absolute; right: 70px; top: 27%; z-index: -1; } @media (max-width: 991px) { .error_page .error_shape_2 img { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .error_page .error_shape_2 img { max-width: 150px; } } .error_page .error_page_content { display: flex; align-items: center; justify-content: center; min-height: 100vh; position: relative; z-index: 1; } .error_page .error_page_content .main_logo { top: 40px; left: 0; right: 0; margin: 0 auto; position: absolute; } .error_page .error_page_content_iner h2 { font-size: 120px; font-weight: 600; line-height: 1; margin-bottom: 40px; } @media (max-width: 991px) { .error_page .error_page_content_iner h2 { font-size: 50px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .error_page .error_page_content_iner h2 { font-size: 40px; } } .error_page .error_page_content_iner h3 { font-size: 48px; font-weight: 600; margin-bottom: 25px; } @media (max-width: 991px) { .error_page .error_page_content_iner h3 { font-size: 25px; margin-bottom: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .error_page .error_page_content_iner h3 { font-size: 30px; margin-bottom: 15px; } } .error_page .social_icon { float: none; margin-top: 36px; } @media (max-width: 576px) { .error_page .social_icon { margin-top: 30px; } } .error_page .social_icon a { height: 55px; width: 55px; text-align: center; line-height: 55px; display: inline-block; margin: 0 5px; border-radius: 50%; font-size: 18px; } .error_page .social_icon a.facebook { background-color: #31428b; border: 1px solid #31428b; color: #fff; } .error_page .social_icon a.facebook:hover { background-color: #fff; color: #31428b !important; } .error_page .social_icon a.twitter { background-color: #35a2ff; border: 1px solid #35a2ff; color: #fff; } .error_page .social_icon a.twitter:hover { background-color: #fff; color: #35a2ff !important; } .error_page .social_icon a.dribbble { background-color: #fd2299; border: 1px solid #fd2299; color: #fff; } .error_page .social_icon a.dribbble:hover { background-color: #fff; color: #fd2299 !important; } .cart_page_content table { border-collapse: collapse; width: 100%; } .cart_page_content table th { background-color: #f7f7f7; color: #051441; font-weight: 600; font-size: 18px; } .cart_page_content table td { border-bottom: 1px solid #e6e8eb; } .cart_page_content table td { color: #7d7d7d; } .cart_page_content table th { padding: 17px 30px; font-size: 18px; line-height: 26px; } .cart_page_content table td { padding: 20px; font-size: 18px; } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { .cart_page_content table table { width: 100%; } .cart_page_content table table, .cart_page_content table thead, .cart_page_content table tbody, .cart_page_content table th, .cart_page_content table td, .cart_page_content table tr { display: block; } .cart_page_content table thead tr { position: absolute; top: -9999px; left: -9999px; } .cart_page_content table td { border-bottom: 1px solid #e6e8eb; } .cart_page_content table td { border: none; position: relative; padding-left: 50%; } .cart_page_content table td:before { position: absolute; top: 20px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; content: attr(data-column); color: #000; font-weight: bold; } } .cart_page_content .product_list h2 { text-align: center; margin-bottom: 110px; text-align: center; } @media (max-width: 991px) { .cart_page_content .product_list h2 { margin-bottom: 60px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .cart_page_content .product_list h2 { margin-bottom: 60px; } } .cart_page_content .product_list .Product { display: flex; align-items: center; } @media (max-width: 991px) { .cart_page_content .product_list .Product { display: block; } } .cart_page_content .product_list .Product i { color: #8b8b8b; font-size: 18px; cursor: pointer; } .cart_page_content .product_list .Product img { margin: 0 25px 0 30px; } @media (max-width: 991px) { .cart_page_content .product_list .Product img { margin: 10px 5px; } } .cart_page_content .copun_text { margin-top: 60px; } .cart_page_content .copun_text h5 { font-size: 18px; font-weight: 600; margin-bottom: 20px; } .cart_page_content .copun_text h5 span { color: #ff7070; text-decoration: underline; } .cart_page_content .copun_text input { border: 1px solid #d7d7d7; border-radius: 0; padding: 12px 25px; height: auto; } .cart_page_content .copun_text .input-group-text { border-radius: 0; background-color: #ff7070; color: #fff; text-transform: uppercase; letter-spacing: 2px; padding: 12px 20px; border: 1px solid #ff7070; } .cart_page_content .copun_text ::placeholder { color: #7d7d7d; font-size: 16px; } .subtotal_sontent { margin-top: 10px; } .subtotal_sontent .single_subtotal_content { padding: 40px 0; border-bottom: 1px dashed #d9d9d9; } .subtotal_sontent .single_subtotal_content h5 { line-height: 1; margin-bottom: 0; } .subtotal_sontent .single_subtotal_content h5 span { color: #ff0000; } .subtotal_sontent .single_subtotal_content h3 { font-size: 30px; font-weight: 600; } .subtotal_sontent .single_subtotal_content.form_style { text-align: right; } .subtotal_sontent .single_subtotal_content.form_style h5 { margin-bottom: 27px; text-decoration: underline; } .subtotal_sontent .single_subtotal_content.form_style .cu_btn { text-transform: uppercase; max-width: auto; } .subtotal_sontent .single_subtotal_content .green { color: #2ba81e; } .subtotal_sontent .single_subtotal_content.border_none { border-bottom: 0px solid transparent; padding: 40px 0 0; } .subtotal_sontent .payment_type { margin-top: 20px; } .subtotal_sontent .payment_type p { display: flex; align-items: center; color: #2ba81e; } .subtotal_sontent .payment_type p img { margin-right: 15px; } .subtotal_sontent .custom-control { margin-top: 20px; } .subtotal_sontent .custom-control-label { color: #6a7c92; } .subtotal_sontent .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #ff7070; background-color: #ff7070; } .subtotal_sontent .niceSelect { border: 1px solid #d7d7d7; border-radius: 0; height: 35px; line-height: 35px; font-size: 16px; color: #7d7d7d; margin-bottom: 20px; padding: 0 17px; font-weight: 400; } .subtotal_sontent .niceSelect:after { border: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #7d7d7d; right: 20px; transform: rotate(0deg); top: 50%; transform: translateY(-50%); margin-top: 0; } .subtotal_sontent .cu_input { height: 35px; line-height: 35px; font-size: 16px; color: #7d7d7d; border: 1px solid #d7d7d7; border-radius: 0; margin-bottom: 15px; } .subtotal_sontent ::placeholder { color: #7d7d7d; font-weight: 400; } .subtotal_sontent .full_width { display: block; width: 100%; text-transform: uppercase; margin-top: 34px; } .checkout_page_content .product_list h2 { text-align: center; margin-bottom: 110px; text-align: center; } @media (max-width: 991px) { .checkout_page_content .product_list h2 { margin-bottom: 60px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .checkout_page_content .product_list h2 { margin-bottom: 60px; } } .checkout_page_content h3 { font-size: 36px; font-weight: 600; margin-bottom: 30px; } .checkout_page_content .checkout_form { margin-bottom: 60px; } .checkout_page_content .checkout_form .cu_input { height: 55px; line-height: 55px; font-size: 16px; color: #7d7d7d; border: 1px solid #d7d7d7; border-radius: 0; margin-bottom: 30px; padding: 0 20px; } .checkout_page_content .checkout_form .niceSelect { border: 1px solid #d7d7d7; border-radius: 0; height: 55px; line-height: 55px; font-size: 16px; color: #7d7d7d; margin-bottom: 20px; padding: 0 20px; font-weight: 400; } .checkout_page_content .checkout_form .niceSelect:after { border: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #7d7d7d; right: 20px; transform: rotate(0deg); top: 50%; transform: translateY(-50%); margin-top: 0; } .checkout_page_content textarea { min-height: 165px; height: 55px; line-height: 55px; font-size: 16px; color: #7d7d7d; border: 1px solid #d7d7d7; border-radius: 0; margin-bottom: 30px; padding: 0 20px; margin-top: 60px; } .checkout_page_content .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #ff7070; background-color: #ff7070; } .checkout_page_content .Product { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; } .checkout_page_content .Product .Product_info { display: flex; align-items: center; } .checkout_page_content .Product .Product_info img { margin-right: 15px; } .checkout_page_content .cu_btn { min-width: 0; } .product_count { width: 60px; position: relative; } .product_count input { border: 1px solid #d7d7d7; padding: 7px 15px; line-height: 24px; width: 100%; } .product_count ::placeholder { color: #7d7d7d; } .product_count .button-container { position: absolute; } .product_count .cart-qty-plus { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #7d7d7d; position: absolute; top: 10px; right: 15px; cursor: pointer; } .product_count .cart-qty-minus { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #7d7d7d; position: absolute; bottom: 10px; right: 15px; cursor: pointer; } .portfolio_details_content { position: relative; z-index: 1; } .portfolio_details_content .portfolio_details_shape { position: absolute; left: 0; top: 40%; } @media (max-width: 991px) { .portfolio_details_content .portfolio_details_shape { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_details_content .portfolio_details_shape img { max-width: 100px; } } .portfolio_details_content .portfolio_details_shape_2 { position: absolute; right: 0; top: 20%; } @media (max-width: 991px) { .portfolio_details_content .portfolio_details_shape_2 { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_details_content .portfolio_details_shape_2 img { max-width: 100px; } } .portfolio_details_content h3 { font-size: 36px; font-weight: 600; margin-bottom: 28px; } @media (max-width: 991px) { .portfolio_details_content h3 { font-size: 30px; margin-bottom: 15px; } } .portfolio_details_content .portfolio_content_iner p { margin-bottom: 30px; } .portfolio_details_content .portfolio_content_list h5 { font-size: 18px; text-transform: uppercase; margin-bottom: 3px; } .portfolio_details_content .portfolio_content_list .content_list_iner { display: flex; flex-wrap: wrap; justify-content: space-between; } .portfolio_details_content .portfolio_content_list .single_content_list { margin-bottom: 48px; flex: 40% 0 0; } @media (max-width: 991px) { .portfolio_details_content .portfolio_content_list .single_content_list { margin-bottom: 15px; } } @media (max-width: 576px) { .portfolio_details_content .portfolio_content_list .single_content_list { flex: 48% 0 0; } } .portfolio_details_content .portfolio_content_list .single_content_list p a { color: #7d7d7d; } .portfolio_details_content .portfolio_content_list .single_content_list p a:hover { color: #ff7070; } .portfolio_details_content .portfolio_content_list ul { padding: 0; margin: 0; } .portfolio_details_content .portfolio_content_list ul li { list-style: none; display: inline-block; } .portfolio_details_content .portfolio_content_list .social_icon { float: none; margin-top: 10px; } .portfolio_details_content .portfolio_content_list .social_icon a { margin-left: 0; margin-right: 20px; } .portfolio_details_content .portfolio_content_list .social_icon a:nth-child(1) { color: #fd1693; } .portfolio_details_content .portfolio_content_list .social_icon a:nth-child(2) { color: #31428b; } .portfolio_details_content .portfolio_content_list .social_icon a:nth-child(3) { color: #35a2ff; } .portfolio_details_content.style_1 .portfolio_content_iner .cu_btn { margin-bottom: 5px; } .portfolio_details_content.style_1 .portfolio_content_iner h3 { font-size: 72px; } @media (max-width: 991px) { .portfolio_details_content.style_1 .portfolio_content_iner h3 { font-size: 35px; margin-top: 20px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_details_content.style_1 .portfolio_content_iner h3 { font-size: 45px; margin-top: 20px; } } .portfolio_details_content.style_1 .portfolio_content_list .single_content_list { margin-bottom: 0; margin-top: 35px; } .portfolio_details_content.style_1 .portfolio_content_list h5 { font-weight: 600; } .portfolio_details_content.style_1 .portfolio_content_iner { text-align: center; } .portfolio_details_content.style_1 .portfolio_content_list { justify-content: space-between; } .portfolio_details_content.style_1 .portfolio_content_list .single_content_list { flex: auto; text-align: center; } .portfolio_details_content.style_1 .portfolio_details_shape { left: auto; right: 50px; } .portfolio_content_details h4 { font-size: 36px; font-weight: 600; } .portfolio_content_details p { margin-bottom: 28px; } .portfolio_content_details p:last-child { margin-bottom: 0; } .portfolio_details_gallery { position: relative; z-index: 1; } .portfolio_details_gallery.sec_padding { padding: 120px 0 90px; } @media (max-width: 991px) { .portfolio_details_gallery.sec_padding { padding: 70px 0 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_details_gallery.sec_padding { padding: 80px 0 50px; } } .portfolio_details_gallery .portfolio_details_shape_1 { position: absolute; top: 120px; left: 0; z-index: -1; } @media (max-width: 991px) { .portfolio_details_gallery .portfolio_details_shape_1 { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_details_gallery .portfolio_details_shape_1 img img { max-width: 150px; } } .portfolio_details_gallery .portfolio_details_img { margin-bottom: 30px; } .portfolio_details_gallery .portfolio_details_shape { position: absolute; left: 0; bottom: 25%; } @media (max-width: 991px) { .portfolio_details_gallery .portfolio_details_shape { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .portfolio_details_gallery .portfolio_details_shape img { max-width: 100px; } } .portfolio_details_navigation { padding: 40px 0; background-color: #f7f7f7; } @media (max-width: 576px) { .portfolio_details_navigation { text-align: center; } .portfolio_details_navigation .menu_icon { margin: 15px 0; } } .portfolio_details_navigation a { display: inline-block; text-transform: uppercase; font-weight: 600; color: #7d7d7d; } .portfolio_details_navigation a img { margin-right: 8px; margin-top: -4px; } .portfolio_details_navigation .portfolio_details_right a img { margin-right: 0; margin-left: 8px; } .product_details_content .product_thumb .tab_pane_iner { padding: 20px; text-align: center; min-height: 540px; background-color: #f7f7f7; display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .product_details_content .product_thumb .tab_pane_iner { min-height: 450px; padding: 50px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .product_details_content .product_thumb .tab_pane_iner { min-height: 350px; } .product_details_content .product_thumb .tab_pane_iner img { max-width: 250px; } } @media (min-width: 1200px) { .product_details_content .product_thumb .tab_pane_iner img { max-width: 300px; } } .product_details_content .product_thumb .nav-tabs { border: 0px solid transparent; } .product_details_content .product_thumb .nav { display: inherit !important; margin-top: 10px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .product_details_content .product_thumb .nav-link { border: 0 solid transparent; border-radius: 0; padding: 0; } .product_details_content .product_thumb .nav-link.active { background-color: #fff; border-color: transparent; border-width: 0; } .product_details_content .product_thumb .nav_link_iner { display: flex; align-items: center; justify-content: center; min-height: 100px; background-color: #f7f7f7; padding: 15px; } .product_details_content .product_thumb .nav_link_iner img { max-width: 50px; } @media (max-width: 991px) { .product_details_content .single_product_details_content { margin-top: 70px; } } .product_details_content .single_product_details_content .product_page_link { margin-bottom: 20px; } .product_details_content .single_product_details_content .product_page_link a { font-size: 16px; color: #051441; } .product_details_content .single_product_details_content h3 { font-size: 36px; font-weight: 600; margin-bottom: 14px; } @media (max-width: 767.98px) { .product_details_content .single_product_details_content h3 { font-size: 25px; } } .product_details_content .single_product_details_content .product_rating { display: flex; margin-bottom: 15px; } .product_details_content .single_product_details_content .product_rating ul { margin: 0; padding: 0; } .product_details_content .single_product_details_content .product_rating ul li { list-style: none; display: inline-block; } .product_details_content .single_product_details_content .product_rating span { margin-left: 20px; color: #7d7d7d; font-size: 18px; } .product_details_content .single_product_details_content p { margin-bottom: 60px; } @media (max-width: 991px) { .product_details_content .single_product_details_content p { margin-bottom: 20px; } } .product_details_content .single_product_details_content h2 { font-size: 36px; font-weight: 600; color: #ff7070; margin-bottom: 48px; } @media (max-width: 991px) { .product_details_content .single_product_details_content h2 { margin-bottom: 20px; font-size: 25px; } } .product_details_content .single_product_details_content h2 span { font-size: 20px; color: #7d7d7d; margin-right: 20px; } .product_details_content .single_product_details_content .cart_product { display: flex; align-items: start; margin-bottom: 55px; } @media (max-width: 767.98px) { .product_details_content .single_product_details_content .cart_product { display: inline-block; margin-bottom: 25px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .product_details_content .single_product_details_content .cart_product { margin-bottom: 25px; } } .product_details_content .single_product_details_content .cart_product .product_count { width: 65px; } @media (max-width: 767.98px) { .product_details_content .single_product_details_content .cart_product .product_count { margin: 0 10px 10px 0; } } .product_details_content .single_product_details_content .cart_product .product_count input { padding: 14px 15px; display: inline-block; color: #7d7d7d; } .product_details_content .single_product_details_content .cart_product .product_count .cart-qty-plus { top: 18px; } .product_details_content .single_product_details_content .cart_product .product_count .cart-qty-minus { bottom: 18px; } .product_details_content .single_product_details_content .cart_product .cu_btn { text-transform: uppercase; } .product_details_content .single_product_details_content .cart_product .btn_3 { margin: 0 10px; letter-spacing: 1px; } @media (max-width: 767.98px) { .product_details_content .single_product_details_content .cart_product .btn_3 { margin: 0 10px 0 0; } } .product_details_content .single_product_details_content .cart_product .heart_btn { min-width: auto; } .product_details_content .single_product_details_content .cart_product .heart_btn i { margin-left: 0; } .product_details_content .single_product_details_content h5 { font-size: 18px; font-weight: 400; margin-bottom: 18px; } .product_details_content .single_product_details_content h5 span { color: #7d7d7d; } .product_description_iner .nav { justify-content: center; } .product_description_iner .nav-link { font-size: 20px; font-weight: 600; color: #051441; padding: 3px 27px; border-width: 0px; } .product_description_iner .nav-link.active { border: 0px solid transparent; background-color: transparent; color: #ff7070; } .product_description_iner .nav-tabs .nav-link:focus, .product_description_iner .nav-tabs .nav-link:hover { border-width: 0px; background-color: transparent; } .product_description_iner .nav-tabs { border-bottom: 1px solid #dedede; text-align: center; padding: 20px 0; } .product_description_iner .tab-pane { padding: 80px 0 0; } @media (max-width: 991px) { .product_description_iner .tab-pane { padding: 40px 0 0; } } .product_description_iner .tab-pane#nav_description p { margin-bottom: 27px; } @media (max-width: 991px) { .product_description_iner .tab-pane#nav_description p { margin-bottom: 15px; } } .product_description_iner .tab-pane#nav_description p:last-child { margin-bottom: 0; } .product_description_iner .tab-pane .additional_info .single_additional_info { display: flex; justify-content: space-between; padding: 13px 20px; align-items: center; } .product_description_iner .tab-pane .additional_info .single_additional_info:nth-child(2n+1) { background-color: #fff; } .product_description_iner .tab-pane .additional_info .single_additional_info h5 { font-size: 18px; margin-bottom: 0; } .product_description_iner .tab-pane .comment_part .media { padding-bottom: 40px; } .product_description_iner .tab-pane .comment_part .media:first-child { margin: 0 0 40px; } .product_description_iner .tab-pane .comment_part .media:last-child { margin: 0 0 60px; border-bottom: 1px solid #e8ebf4; } .product_description_iner .tab-pane .contact_form .cu_btn { width: auto; } .related_product .owl-carousel .owl-item img { display: block; width: auto !important; } .related_product .single_shop_list { margin-bottom: 0; } @media (min-width: 1200px) { .related_product .owl-nav button.owl-next, .related_product .owl-nav button.owl-prev { left: -11%; } .related_product .owl-nav button.owl-next { left: auto; right: -11%; } } .center_portfolio_part { display: flex; min-height: 100vh; align-items: center; background-color: #0b0916; } @media (max-width: 767.98px) { .center_portfolio_part { padding: 100px 0 250px; } } .center_portfolio_part .single_portfolio_slider { transform: scale(0.5); position: relative; z-index: 1; } .center_portfolio_part .single_portfolio_slider .single_slide_iner { width: 400px; height: 550px; margin: 0 auto; position: relative; z-index: 1; -webkit-transition: 1.5s; transition: 1.5s; transform: scale(0.8); } @media (max-width: 767.98px) { .center_portfolio_part .single_portfolio_slider .single_slide_iner { transform: scale(1); width: 300px; height: 400px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .center_portfolio_part .single_portfolio_slider .single_slide_iner { width: 300px; height: 400px; } } .center_portfolio_part .single_portfolio_slider .single_slide_iner.bg_1 { background-image: url("../img/portfolio_slider_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .center_portfolio_part .single_portfolio_slider .single_slide_iner.bg_2 { background-image: url("../img/portfolio_slider_2.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .center_portfolio_part .single_portfolio_slider .single_slide_iner.bg_3 { background-image: url("../img/portfolio_slider_3.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 767.98px) { .center_portfolio_part .single_portfolio_slider .single_slide_iner { width: 300px; height: 400px; } } .center_portfolio_part .single_portfolio_slider h2 { font-size: 120px; font-weight: 600; position: absolute; left: 0; right: 0; text-align: center; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; display: block; overflow: hidden; z-index: 3; margin-bottom: 0; line-height: 1.1; } @media (max-width: 767.98px) { .center_portfolio_part .single_portfolio_slider h2 { font-size: 40px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .center_portfolio_part .single_portfolio_slider h2 { font-size: 60px; } } .center_portfolio_part .single_portfolio_slider h2 a { color: #fff; display: block; overflow: hidden; } .center_portfolio_part .center .single_portfolio_slider { transform: scale(1); } .center_portfolio_part .center .single_portfolio_slider h2 { opacity: 1; visibility: visible; } .center_portfolio_part .center .single_portfolio_slider h2 a { animation: fadeInUp2 0.5s both 1.5s; } .center_portfolio_part .center .single_portfolio_slider .single_slide_iner { margin: 0 auto; position: relative; z-index: 1; transform: scale(1); } .center_portfolio_part .center .single_portfolio_slider .single_slide_iner.bg_1 { background-size: 100%; } .center_portfolio_part .center .single_portfolio_slider .single_slide_iner.bg_2 { background-size: 100%; } .center_portfolio_part .center .single_portfolio_slider .single_slide_iner.bg_3 { background-size: 100%; } .full_height_dark_slider { background-color: #0c0c16; height: 100vh; align-items: center; display: flex; overflow: hidden; } .full_height_dark_slider .vartical_slider_banner_iner { height: 100vh; align-items: center; display: flex; } .full_height_dark_slider .banner_content { -webkit-transition: 0.3s; transition: 0.3s; } .full_height_dark_slider .banner_content_iner { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 5; } @media(max-width: 767.98px) { .full_height_dark_slider .banner_content_iner { left: 15px; } } .full_height_dark_slider .banner_content_iner h2 { font-size: 120px; color: #fff; font-weight: 500; font-family: "Spectral", serif; letter-spacing: -3px; line-height: 1.1; margin-bottom: 0; -webkit-transition: 0.3s; transition: 0.3s; } .full_height_dark_slider .banner_content_iner h2 span { line-height: 1; -webkit-transition: 0.3s; transition: 0.3s; } @media(max-width: 767.98px) { .full_height_dark_slider .banner_content_iner h2 span { line-height: 1.3; } } @mediaonly screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_dark_slider .banner_content_iner h2 span { line-height: 1.3; } } @media(max-width: 767.98px) { .full_height_dark_slider .banner_content_iner h2 { font-size: 40px; } } @mediaonly screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_dark_slider .banner_content_iner h2 { font-size: 50px; } } @mediaonly screen and (min-width: 992px) and (max-width: 1199.98px) { .full_height_dark_slider .banner_content_iner h2 { font-size: 70px; } } .full_height_dark_slider .banner_content_iner a { display: inline-block; font-size: 18px; color: #ffffff; font-weight: 400; position: relative; z-index: 1; } .full_height_dark_slider .banner_img_content { margin-left: 65px; position: relative; z-index: 1; display: inline-block; } .full_height_dark_slider .banner_img_content:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: #051441; top: 0; right: 0; left: auto; transition: width 0.5s linear; } .full_height_dark_slider .banner_img_content img { -webkit-transition: 0.3s; transition: 0.3s; } .full_height_dark_slider .swiper-slide.swiper-slide-active .banner_content_iner h2 { overflow: hidden; } .full_height_dark_slider .swiper-slide.swiper-slide-active .banner_content_iner h2 span { overflow: hidden; display: block; animation: fadeInUp2 0.8s both 1s; } .full_height_dark_slider .swiper-slide.swiper-slide-active .banner_content_iner .btn_border_effect { overflow: hidden; animation: fadeInUp2 0.8s both 1.3s; } .full_height_dark_slider .swiper-slide.swiper-slide-active .banner_img_content:before { animation: fadeOut 1s both 1.4s; } .full_height_dark_slider.zoom_effect .banner_content:hover .banner_img_content img { transform: scale(1.1); } .swiperPagination .swiper-pagination:after { position: absolute; left: 13px; width: 1px; height: 225px; content: ""; background-color: rgba(255, 255, 255, 0.3); bottom: 66px; } @media(max-width: 767.98px) { .swiperPagination .swiper-pagination:after { display: none; } } .swiperPagination .swiper-pagination:before { position: absolute; left: 13px; width: 1px; height: 225px; content: ""; background-color: rgba(255, 255, 255, 0.3); top: 66px; } @media(max-width: 767.98px) { .swiperPagination .swiper-pagination:before { display: none; } } .full_height_slider { height: 100vh; align-items: center; display: flex; overflow: hidden; position: relative; z-index: 1; } .full_height_slider .line_animation { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: space-around; } .full_height_slider .line_animation span { height: 100%; width: 1px; background-color: #ededed; } .full_height_slider .vartical_slider_banner_iner { height: 100vh; align-items: center; display: flex; } .full_height_slider .banner_content_iner { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 5; } @media(max-width: 767.98px) { .full_height_slider .banner_content_iner { left: 15px; } } .full_height_slider .banner_content_iner h2 { font-size: 100px; font-weight: 600; color: #111114; letter-spacing: -3px; line-height: 1.1; margin-bottom: 0; } @media(max-width: 767.98px) { .full_height_slider .banner_content_iner h2 { font-size: 40px; } } @mediaonly screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_slider .banner_content_iner h2 { font-size: 50px; } } @mediaonly screen and (min-width: 992px) and (max-width: 1199.98px) { .full_height_slider .banner_content_iner h2 { font-size: 70px; } } .full_height_slider .banner_content_iner h2 span { line-height: 1; } @media(max-width: 767.98px) { .full_height_slider .banner_content_iner h2 span { margin: 0; } } @mediaonly screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_slider .banner_content_iner h2 span { margin: 0; } } .full_height_slider .banner_content_iner a { display: inline-block; font-size: 18px; color: #051441; font-weight: 400; position: relative; z-index: 1; } .full_height_slider .banner_content_iner .btn_border_effect:after { background-color: #acf2f0; } .full_height_slider .banner_content_iner .btn_border_effect:hover:after { background-color: #ff7070; } .full_height_slider .banner_content_iner .overlay_tittle span { position: relative; overflow: hidden; display: table; line-height: 1.3; } @media(max-width: 767.98px) { .full_height_slider .banner_content_iner .overlay_tittle span { line-height: 1; } } @mediaonly screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_slider .banner_content_iner .overlay_tittle span { line-height: 1; } } @mediaonly screen and (min-width: 992px) and (max-width: 1199.98px) { .full_height_slider .banner_content_iner .overlay_tittle span { line-height: 1.1; } } .full_height_slider .banner_img_content { margin-left: 65px; position: relative; z-index: 1; display: inline-block; } .full_height_slider .banner_img_content .image_shape { position: absolute; left: -30px; top: -20px; z-index: -1; } @media(max-width: 767.98px) { .full_height_slider .banner_img_content .image_shape { max-width: 100px; } } .full_height_slider .banner_img_content .banner_img { position: relative; z-index: 9; } .full_height_slider .banner_img_content .round_shape { position: absolute; right: -120px; bottom: -74px; } @media(max-width: 767.98px) { .full_height_slider .banner_img_content .round_shape { right: -70px; bottom: -74px; } } @mediaonly screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_slider .banner_img_content .round_shape { right: -70px; bottom: -74px; } } .full_height_slider .banner_img_content .round_shape_animation { height: 270px; width: 270px; background-color: #acf2f0; border-radius: 50%; z-index: -1; animation: circleAnimation 5s linear infinite; } @media(max-width: 767.98px) { .full_height_slider .banner_img_content .round_shape_animation { height: 100px; width: 100px; } } @mediaonly screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_slider .banner_img_content .round_shape_animation { height: 100px; width: 100px; } } .full_height_slider.zoom_effect .banner_content:hover .banner_img_content { transform: scale(1.15); } .full_height_slider .tittle_slide_effect { overflow: hidden; } .full_height_slider .tittle_slide_effect_in { overflow: hidden; position: relative; transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 1s; transition-delay: 1s; display: inline-block; margin: 5px 0; } .full_height_slider .tittle_slide_effect_in:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: #000; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; transform-origin: right; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .full_height_slider .tittle_slide_effect.swiper-slide-active .tittle_slide_effect_in { transform: scaleX(1); } .full_height_slider .tittle_slide_effect.swiper-slide-active .tittle_slide_effect_in:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .full_height_slider .swiper-slide.swiper-slide-active .banner_img_content { margin-left: 65px; position: relative; z-index: 1; } .full_height_slider .swiper-slide.swiper-slide-active .banner_img_content .image_shape { animation: zoomIn 0.9s both 0.9s; } .full_height_slider .swiper-slide.swiper-slide-active .banner_img_content .round_shape { animation: zoomIn 0.9s both 0.9s; } .full_height_slider .swiper-slide.swiper-slide-active .banner_img_content .banner_img { animation: translateZoomOut 0.9s both 0.9s; } .full_height_banner { min-height: 100vh; align-items: center; display: flex; overflow: hidden; position: relative; z-index: 2; background-color: #efdfd4; } .full_height_banner .fullpage_shape_1 { position: absolute; left: 7%; top: 35%; } @media (max-width: 767.98px) { .full_height_banner .fullpage_shape_1 { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_banner .fullpage_shape_1 img { max-width: 80px; } } .full_height_banner .fullpage_shape_2 { position: absolute; right: 12%; bottom: 8%; } @media (max-width: 767.98px) { .full_height_banner .fullpage_shape_2 { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_banner .fullpage_shape_2 img { max-width: 80px; } } .full_height_banner .fullpage_shape_3 { position: absolute; right: 7%; bottom: 40%; } @media (max-width: 767.98px) { .full_height_banner .fullpage_shape_3 { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_banner .fullpage_shape_3 img { max-width: 80px; } } .full_height_banner .banner_content { position: relative; z-index: 3; } @media (max-width: 991px) { .full_height_banner .banner_content { margin: 150px 0; } } .full_height_banner .banner_content .overlay_effect_in { margin: 10px 0; } @media (max-width: 767.98px) { .full_height_banner .banner_content .overlay_effect_in { margin: 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_banner .banner_content .overlay_effect_in { margin: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .full_height_banner .banner_content .overlay_effect_in { margin: 0; } } .full_height_banner .banner_content .overlay_effect_in:nth-child(1) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .full_height_banner .banner_content .overlay_effect_in:nth-child(1):before { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .full_height_banner .banner_content .overlay_effect_in:nth-child(2) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .full_height_banner .banner_content .overlay_effect_in:nth-child(2):before { -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .full_height_banner .banner_content .overlay_effect_in:nth-child(3) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .full_height_banner .banner_content .overlay_effect_in:nth-child(3):before { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; -webkit-transition-duration: 1.4s; transition-duration: 1.4s; } .full_height_banner .banner_content .overlay_effect_in:nth-child(4) { -webkit-transition-delay: 1s; transition-delay: 1s; } .full_height_banner .banner_content .overlay_effect_in:nth-child(4):before { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; -webkit-transition-duration: 1.6s; transition-duration: 1.6s; } .full_height_banner .banner_content .overlay_effect_in:nth-child(5) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .full_height_banner .banner_content .overlay_effect_in:nth-child(5):before { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; -webkit-transition-duration: 1.8s; transition-duration: 1.8s; } .full_height_banner .banner_content h2 { font-size: 58px; font-family: "Playfair Display", serif; font-weight: 400; line-height: 1.2; color: #141417; } @media (max-width: 767.98px) { .full_height_banner .banner_content h2 { font-size: 30px; line-height: 1.6; margin-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .full_height_banner .banner_content h2 { font-size: 35px; line-height: 1.6; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .full_height_banner .banner_content h2 { font-size: 40px; line-height: 1.6; } } .full_height_banner .banner_content h2 span { font-weight: 700; font-style: italic; } .full_height_banner .banner_content h2 a { font-weight: 700; font-style: italic; color: #141417; position: relative; z-index: 1; overflow: hidden; display: inline-flex; border-bottom: 1px solid #141417; line-height: 1; -webkit-transition: 0.5s; transition: 0.5s; } @keyframes overlay_tittle_animation-after { 0% { transform: translateX(-100%); } 100% { transform: translateX(101%); } } @keyframes overlay_tittle_animation-before { 0% { transform: translateX(0); } 100% { transform: translateX(200%); opacity: 0; } } .full_height_banner .banner_content h2 a:hover { color: #ff7070; border-bottom: 1px solid #ff7070; } .full_height_banner .banner_content h2 a:hover::after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #ff7070; animation: overlay_tittle_animation-after 0.7s cubic-bezier(0.77, 0, 0.18, 1) forwards; transform: translateX(-101%); } .full_height_banner .banner_content h2 a:hover::before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: var(--bg-color); animation: overlay_tittle_animation-before 0.7s cubic-bezier(0.77, 0, 0.18, 1) forwards; transform: translateX(0); } .full_height_banner .banner_content h2 a:hover::before, .full_height_banner .banner_content h2 a:hover::after { animation-delay: 0.5s; } .full_height_banner .line_animation { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: space-around; z-index: 1; } .full_height_banner .line_animation span { height: 100%; width: 1px; background-color: #decfc5; } .full_height_banner .sticky_footer_content { position: absolute; left: 50px; bottom: 50px; z-index: 9; } @media(max-width: 767.98px) { .full_height_banner .sticky_footer_content { left: 15px; } } .full_height_banner .sticky_footer_content .social_icon a { margin-left: 0; } .center_portfolio_img { background-color: #0b0916; min-height: 100vh; display: flex; align-items: center; position: relative; z-index: 1; } @media(max-width: 767.98px) { .center_portfolio_img { padding: 100px 0 150px; } } .center_portfolio_img .swiper_next, .center_portfolio_img .swiper_prev { width: 10%; height: 40%; position: absolute; top: 50%; left: 0; z-index: 999; transform: translateY(-50%); cursor: pointer; } @media(max-width: 767.98px) { .center_portfolio_img .swiper_next, .center_portfolio_img .swiper_prev { display: none; } } .center_portfolio_img .swiper_next { right: 0; left: auto; } .center_portfolio_img .single_portfolio_slider { text-align: center; position: relative; z-index: 1; height: 590px; display: flex; align-items: center; justify-content: center; } @media(max-width: 767.98px) { .center_portfolio_img .single_portfolio_slider { height: 400px; } } @mediaonly screen and (min-width: 768px) and (max-width: 991.98px) { .center_portfolio_img .single_portfolio_slider { height: 400px; } } @mediaonly screen and (min-width: 992px) and (max-width: 1199.98px) { .center_portfolio_img .single_portfolio_slider { height: 450px; } } @mediaonly screen and (min-width: 1440px) and (max-width: 1679px) { .center_portfolio_img .single_portfolio_slider { height: 450px; } } .center_portfolio_img .single_portfolio_slider h2 { font-size: 120px; font-weight: 600; font-family: "Spectral", serif; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 767.98px) { .center_portfolio_img .single_portfolio_slider h2 { font-size: 42px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .center_portfolio_img .single_portfolio_slider h2 { font-size: 60px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .center_portfolio_img .single_portfolio_slider h2 { font-size: 70px; } } @media only screen and (min-width: 1200px) and (max-width: 1439px) { .center_portfolio_img .single_portfolio_slider h2 { font-size: 80px; } } @media only screen and (min-width: 1440px) and (max-width: 1679px) { .center_portfolio_img .single_portfolio_slider h2 { font-size: 80px; } } .center_portfolio_img .single_portfolio_slider h2 a { color: #fff; } .center_portfolio_img .swiper_slide_iner { width: 460px; height: 590px; position: absolute; background-color: #ff7070; left: 0; right: 0; margin: 0 auto; z-index: -1; -webkit-transition: 1s; transition: 1s; transform: scale(0.5); opacity: 0.3; } @media (max-width: 767.98px) { .center_portfolio_img .swiper_slide_iner { width: 290px; height: 400px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .center_portfolio_img .swiper_slide_iner { width: 290px; height: 400px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .center_portfolio_img .swiper_slide_iner { width: 320px; height: 450px; } } @media only screen and (min-width: 1440px) and (max-width: 1679px) { .center_portfolio_img .swiper_slide_iner { width: 380px; height: 450px; } } .center_portfolio_img .swiper_slide_iner.bg_1 { background-image: url("../img/portfolio_slider_4.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .center_portfolio_img .swiper_slide_iner.bg_2 { background-image: url("../img/portfolio_slider_3.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .center_portfolio_img .swiper_slide_iner.bg_3 { background-image: url("../img/portfolio_slider_2.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .center_portfolio_img .swiper_slide_iner.bg_4 { background-image: url("../img/portfolio_slider_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .center_portfolio_img .swiper-slide-active.single_portfolio_slider h2 { opacity: 1; visibility: visible; } .center_portfolio_img .swiper-slide-active.single_portfolio_slider .swiper_slide_iner { opacity: 1; transform: scale(1); } .center_portfolio_img .swiper-slide-active.single_portfolio_slider .swiper_slide_iner:hover { transform: scale(1.1); } .center_portfolio_img .tittle_slide_effect { overflow: hidden; } .center_portfolio_img .tittle_slide_effect_in { overflow: hidden; position: relative; transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition-duration: 2s; transition-duration: 2s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 3s; transition-delay: 3s; } .center_portfolio_img .tittle_slide_effect_in:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background-color: #000; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; transform-origin: right; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .center_portfolio_img .tittle_slide_effect.swiper-slide-active .tittle_slide_effect_in { transform: scaleX(1); } .center_portfolio_img .tittle_slide_effect.swiper-slide-active .tittle_slide_effect_in:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); letter-spacing: 2px; } .swiper_navigation_content .swiper_navigation { color: rgba(255, 255, 255, 0.5); font-size: 13px; text-transform: uppercase; cursor: pointer; display: flex; } .swiper_navigation_content .swiper_navigation div { margin-right: 25px; -webkit-transition: 0.3s; transition: 0.3s; letter-spacing: 2px; } .swiper_navigation_content .swiper_navigation div:hover { color: #ff7070; } .swiper_navigation_content .swiper_navigation div:last-child { margin-right: 0; } .center_portfolio_tittle { background-color: #7b5d58; min-height: 100vh; display: flex; align-items: center; position: relative; z-index: 1; } @media(max-width: 767.98px) { .center_portfolio_tittle { padding: 100px 0 150px; } } .center_portfolio_tittle .swiper_next, .center_portfolio_tittle .swiper_prev { width: 20%; height: 60%; position: absolute; top: 50%; left: 0; z-index: 999; transform: translateY(-50%); cursor: pointer; } @media(max-width: 767.98px) { .center_portfolio_tittle .swiper_next, .center_portfolio_tittle .swiper_prev { display: none; } } .center_portfolio_tittle .swiper_next { right: 0; left: auto; } .center_portfolio_tittle .single_portfolio_slider { text-align: center; position: relative; z-index: 1; min-height: 590px; display: flex; align-items: center; justify-content: center; -webkit-transition: 0.3s; transition: 0.3s; } @media(max-width: 767.98px) { .center_portfolio_tittle .single_portfolio_slider { min-height: 400px; } } @mediaonly screen and (min-width: 768px) and (max-width: 991.98px) { .center_portfolio_tittle .single_portfolio_slider { min-height: 400px; } } @mediaonly screen and (min-width: 992px) and (max-width: 1199.98px) { .center_portfolio_tittle .single_portfolio_slider { min-height: 450px; } } @mediaonly screen and (min-width: 1440px) and (max-width: 1679px) { .center_portfolio_tittle .single_portfolio_slider { min-height: 450px; } } .center_portfolio_tittle .single_portfolio_slider h2 { font-size: 120px; font-weight: 600; font-family: "Spectral", serif; opacity: 0.3; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 767.98px) { .center_portfolio_tittle .single_portfolio_slider h2 { font-size: 25px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .center_portfolio_tittle .single_portfolio_slider h2 { font-size: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .center_portfolio_tittle .single_portfolio_slider h2 { font-size: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1439px) { .center_portfolio_tittle .single_portfolio_slider h2 { font-size: 80px; } } @media only screen and (min-width: 1440px) and (max-width: 1679px) { .center_portfolio_tittle .single_portfolio_slider h2 { font-size: 80px; } } .center_portfolio_tittle .single_portfolio_slider h2 a { color: #fff; } .center_portfolio_tittle .single_portfolio_slider h2 a:hover { color: #ff7070; } .center_portfolio_tittle .single_portfolio_slider h2:hover { transform: scale(1.1); } .center_portfolio_tittle .swiper_slide_iner { width: 460px; height: 590px; position: absolute; background-color: #ff7070; left: 0; right: 0; margin: 0 auto; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden; } @media (max-width: 767.98px) { .center_portfolio_tittle .swiper_slide_iner { width: 290px; height: 400px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .center_portfolio_tittle .swiper_slide_iner { width: 290px; height: 400px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .center_portfolio_tittle .swiper_slide_iner { width: 320px; height: 450px; } } @media only screen and (min-width: 1440px) and (max-width: 1679px) { .center_portfolio_tittle .swiper_slide_iner { width: 380px; height: 450px; } } .center_portfolio_tittle .swiper_slide_iner.bg_1 { background-image: url("../img/portfolio_slider_4.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .center_portfolio_tittle .swiper_slide_iner.bg_2 { background-image: url("../img/portfolio_slider_3.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .center_portfolio_tittle .swiper_slide_iner.bg_3 { background-image: url("../img/portfolio_slider_2.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .center_portfolio_tittle .swiper_slide_iner.bg_4 { background-image: url("../img/portfolio_slider_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .center_portfolio_tittle .single_portfolio_slider:hover .swiper_slide_iner { -webkit-transition: 0.3s; transition: 0.3s; transform: scale(1.1); } .center_portfolio_tittle .swiper-slide-active h2 { opacity: 1 !important; } .center_portfolio_tittle .swiper-slide-active .swiper_slide_iner { opacity: 1; visibility: visible; } .footer_section { padding: 120px 0 37px; position: relative; } @media (max-width: 767.98px) { .footer_section { padding: 40px 0 37px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .footer_section { padding: 40px 0 37px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .footer_section { padding: 100px 0 37px; } } @media (max-width: 991px) { .footer_section .single_footer_widget { margin-top: 30px; } } .footer_section .single_footer_widget h4 { display: inline-flex; align-items: center; } .footer_section .single_footer_widget h4 img { margin-left: 10px; margin-bottom: 0; } .footer_section .single_footer_widget img { margin-bottom: 35px; } @media (max-width: 767.98px) { .footer_section .single_footer_widget img { margin-bottom: 15px; } } .footer_section .single_footer_widget p { color: #7d7d7d; } .footer_section .footer_contact_info { margin-top: 37px; } @media (max-width: 767.98px) { .footer_section .footer_contact_info { margin-top: 20px; } } @media (max-width: 991px) { .footer_section .footer_contact_info { margin-top: 20px; } } .footer_section .footer_contact_info a { color: #ff7070; margin-bottom: 15px; display: block; } @media (max-width: 767.98px) { .footer_section .footer_contact_info a { margin-bottom: 5px; } } .footer_section .footer_contact_info a i { margin-right: 7px; } .footer_section .footer_nav h4 { font-size: 20px; margin-bottom: 20px; text-transform: capitalize; color: #181b31; } @media (max-width: 991px) { .footer_section .footer_nav h4 { margin-bottom: 18px; } } .footer_section .footer_nav ul { padding: 0; margin: 0; } .footer_section .footer_nav ul li { list-style: none; } .footer_section .footer_nav ul li a { list-style: none; color: #7d7d7d; margin: 12px 0; display: inline-block; font-size: 18px; } @media (max-width: 991px) { .footer_section .footer_nav ul li a { margin: 4px 0; } } .footer_section .footer_nav ul li a:hover { color: #ff7070; } .footer_section .border_top { border-top: 1px solid #e5e5e5; margin-top: 90px; } .footer_section.footer_style_2 { background-image: url("../img/footer_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 120px 0 33px; position: relative; } @media (max-width: 767.98px) { .footer_section.footer_style_2 { padding: 40px 0 33px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .footer_section.footer_style_2 { padding: 40px 0 33px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .footer_section.footer_style_2 { padding: 100px 0 33px; } } .footer_section.footer_style_2 .footer_nav h4 { color: #fff; margin-bottom: 27px; font-family: Futura; font-size: 24px; font-weight: 600; text-transform: capitalize; } .footer_section.footer_style_2 .footer_nav ul li { margin: 9px 0; color: rgba(255, 255, 255, 0.3); } .footer_section.footer_style_2 .footer_nav ul li a { margin: 0; color: rgba(255, 255, 255, 0.3); } .footer_section.footer_style_2 .footer_nav ul li a:hover { color: #ff7070; } .footer_section.footer_style_2 .copyright_part { margin-top: 88px; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 24px; } .footer_section.footer_style_2 .copyright_part p { color: rgba(255, 255, 255, 0.3); } .footer_section.footer_style_2 .copyright_part p a { color: rgba(255, 255, 255, 0.3); } .footer_section.footer_style_2 .copyright_part p a:hover { color: #ff7070; } .footer_section.footer_style_2 .single_footer_widget p { color: rgba(255, 255, 255, 0.3); } .footer_section.footer_style_3 { padding: 80px 0; } @media (max-width: 991px) { .footer_section.footer_style_3 { padding: 40px 0; } } .footer_section.footer_style_3 .container { max-width: 1550px; } .footer_section.footer_style_3 .footer_section_content { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .footer_section.footer_style_3 .footer_section_content { display: block; text-align: center; } .footer_section.footer_style_3 .footer_section_content .social_icon { float: none; } } .footer_section.footer_style_3 .footer_section_content p { color: #4b4b4b; } @media (max-width: 991px) { .footer_section.footer_style_3 .footer_section_content p { margin: 15px 0; } } .footer_section.footer_style_3 .footer_section_content p a { color: #4b4b4b; } .footer_section.footer_style_3 .footer_section_content p a:hover { color: #ff7070; } .footer_section.footer_style_4 { padding-top: 80px; border-top: 1px solid #dbdbdb; } @media (max-width: 991px) { .footer_section.footer_style_4 { padding-top: 50px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .footer_section.footer_style_4 { padding-top: 50px; } } .footer_section.footer_style_4 ul { list-style: none; margin: 0; padding: 0; } @media (max-width: 991px) { .footer_section.footer_style_4 ul { text-align: center; } } .footer_section.footer_style_4 ul li { display: inline-block; } .footer_section.footer_style_4 ul li a { color: #051441; text-transform: uppercase; letter-spacing: 2px; padding: 10px 30px; } .footer_section.footer_style_4 ul li a:hover { color: #ff7070; } @media (max-width: 991px) { .footer_section.footer_style_4 ul li a { padding: 10px 15px; text-align: center; } } .footer_section.footer_style_4 .main_logo { margin: 0 70px; } @media (max-width: 991px) { .footer_section.footer_style_4 .main_logo { margin: 0 auto; display: block; width: 100%; text-align: center; margin-top: 20px; margin-bottom: 20px; } } .footer_section.footer_style_4 .copyright_text { text-align: center; border-top: 1px solid #dbdbdb; margin-top: 80px; } @media (max-width: 991px) { .footer_section.footer_style_4 .copyright_text { margin-top: 50px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .footer_section.footer_style_4 .copyright_text { margin-top: 50px; } } .footer_section.footer_style_4 .copyright_text p { color: #4b4b4b; padding-top: 30px; } .footer_section.footer_style_4 .copyright_text p a { color: #4b4b4b; } .footer_section.dark_style_2 { background-image: url("../img/footer_dark_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .footer_section.dark_style_2 .single_footer_widget h4 { font-family: Futura; color: #fff; font-size: 24px; font-weight: 600; } .footer_section.dark_style_2 .single_footer_widget p { color: rgba(255, 255, 255, 0.3); font-weight: 400; } .footer_section.dark_style_2 .single_footer_widget ul li { color: rgba(255, 255, 255, 0.3); margin: 9px 0; font-weight: 400; } .footer_section.dark_style_2 .single_footer_widget ul li a { margin: 0; color: rgba(255, 255, 255, 0.3); } .footer_section.dark_style_2 .single_footer_widget ul li a:hover { color: #ff7070; } .footer_section.dark_style_2 .social_icon a { margin: 0 12px; color: #7d7d7d; } .footer_section.dark_style_2 .social_icon a:hover { color: #ff7070; } .footer_section.dark_style_2 .copyright_part { border-top: 1px solid #1e1e1e; margin-top: 92px; } @media (max-width: 991px) { .footer_section.dark_style_2 .copyright_part { margin-top: 50px; } } .footer_section.dark_style_2 .copyright_part p { color: rgba(255, 255, 255, 0.3); } .footer_section.dark_style_2 .copyright_part p a { color: rgba(255, 255, 255, 0.3); } .footer_section.dark_style_2 .copyright_part p a:hover { color: #ff7070; } .footer_section.dark_style_3 { background-image: url("../img/footer_bg_1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .footer_section.dark_style_3 .single_footer_widget h4 { font-family: Futura; color: #fff; font-size: 24px; font-weight: 600; } .footer_section.dark_style_3 .single_footer_widget p { color: rgba(255, 255, 255, 0.3); font-weight: 400; } .footer_section.dark_style_3 .single_footer_widget ul li { color: rgba(255, 255, 255, 0.3); margin: 9px 0; font-weight: 400; } .footer_section.dark_style_3 .single_footer_widget ul li a { margin: 0; color: rgba(255, 255, 255, 0.3); } .footer_section.dark_style_3 .single_footer_widget ul li a:hover { color: #ff7070; } .footer_section.dark_style_3 .social_icon a { margin: 0 12px; color: #7d7d7d; } .footer_section.dark_style_3 .copyright_part { border-top: 1px solid #1e1e1e; margin-top: 92px; } @media (max-width: 991px) { .footer_section.dark_style_3 .copyright_part { margin-top: 50px; } } .footer_section.dark_style_3 .copyright_part p { color: rgba(255, 255, 255, 0.3); } .footer_section.dark_style_3 .copyright_part p a { color: rgba(255, 255, 255, 0.3); } .footer_section.dark_style_3 .copyright_part p a:hover { color: #ff7070; } .footer_section.bg_2 { background-image: url("../img/footer_bg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } @media (min-width: 991px) { .footer_section.fixed_footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1; } } .footer_section.white_bg { padding: 60px 0 20px; } @media (max-width: 991px) { .footer_section.white_bg { padding: 0 0 20px; } } .footer_section.white_bg .single_footer_widget h4 { font-family: Futura; color: #051441; font-size: 24px; font-weight: 600; margin-bottom: 30px; } .footer_section.white_bg .single_footer_widget ul li { color: #4b4b4b; margin: 5px 0; } .footer_section.white_bg .social_icon a { margin: 0 10px; color: #4b4b4b; } .footer_section.white_bg .copyright_part { margin-top: 92px; } @media (max-width: 991px) { .footer_section.white_bg .copyright_part { margin-top: 20px; } } .footer_section.white_bg .copyright_part a, .footer_section.white_bg .copyright_part p { color: #4b4b4b; } .footer_section.white_bg .copyright_part a:hover { color: #ff7070; } .footer_fixed_margin { position: relative; z-index: 2; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .footer_fixed_margin { margin-bottom: 406px; } } @media (min-width: 991px) { .footer_fixed_margin { margin-bottom: 426px; } } .copyright_part { padding-top: 35px; } @media (max-width: 767.98px) { .copyright_part p { text-align: center; } .copyright_part .social_icon { text-align: center; float: none; } } .copyright_part p a { color: #7d7d7d; } .copyright_part p a:hover { color: #ff7070; } .social_icon { float: right; } @media (max-width: 767.98px) { .social_icon { margin-top: 20px; } } .social_icon a { background-color: transparent; display: inline-block; font-size: 14px; margin-left: 23px; color: #7d7d7d; } .social_icon a:hover { color: #ff7070; } .sticky_footer_part { position: absolute; bottom: 0; left: 0; width: 100%; padding: 50px 35px; z-index: 8; } @media (max-width: 767.98px) { .sticky_footer_part { padding: 10px 0; position: relative; background-color: #0b0916; } } .sticky_footer_part .sticky_footer_content { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767.98px) { .sticky_footer_part .sticky_footer_content { display: block; text-align: center; } } .sticky_footer_part .sticky_footer_content p { color: rgba(255, 255, 255, 0.5); font-weight: 400; display: inline-flex; align-items: center; } @media (max-width: 576px) { .sticky_footer_part .sticky_footer_content p { font-size: 16px; } } .sticky_footer_part .sticky_footer_content p a { color: rgba(255, 255, 255, 0.5); } .sticky_footer_part .sticky_footer_content p i { margin: 0 5px; } @media (max-width: 767.98px) { .sticky_footer_part .social_icon { float: none; } } .sticky_footer_part .social_icon a { color: rgba(255, 255, 255, 0.5); } .sticky_footer_part .social_icon a:hover { color: #ff7070; } @media (max-width: 767.98px) { .sticky_footer_part .social_icon a { margin: 0 10px; } } .sticky_footer_part .social_icon.text_color a { color: #121215; } .sticky_footer_part .social_icon.text_color a:hover { color: #ff7070; }