/* * Demo General Styles */ body { font-family: "Poppins", sans-serif; } h1, h2, h3, h4, h5, h6 { color: #1e1e1e; } h2 { font-size: 1.9em; font-weight: 900; line-height: 28px; margin: 0; } h3 { font-size: 1.5em; } h4 { font-size: 1.2em; font-weight: 600; } p { line-height: 32px; } section { position: relative; padding: 80px 0 !important; } /* * RTL */ /* * Custom Animations */ @-webkit-keyframes dash { from { stroke-dasharray: 1000; } to { stroke-dasharray: 2000; } } @keyframes dash { from { stroke-dasharray: 1000; } to { stroke-dasharray: 2000; } } @-webkit-keyframes dash_2 { from { stroke-dashoffset: 1700; } to { stroke-dashoffset: 2000; } } @keyframes dash_2 { from { stroke-dashoffset: 1700; } to { stroke-dashoffset: 2000; } } .line-anim { -webkit-animation: dash 4500ms linear forwards; animation: dash 4500ms linear forwards; } .line-anim-2 { -webkit-animation: dash_2 1500ms linear forwards; animation: dash_2 1500ms linear forwards; } .circle-anim { -webkit-animation: dash 15s linear forwards; animation: dash 15s linear forwards; } /* * Demo Custom Styles */ .custom-section-sub-title { font-size: 12px; letter-spacing: 0.5px; } .custom-margin-1 { margin-left: 70px; margin-bottom: 40px; } .custom-margin-2 { margin-right: -35px; } @media (min-width: 992px) and (max-width: 1199px) { .custom-margin-3 { margin-top: 28px; } } @media (max-width: 991px) { .custom-margin-4-sm { margin-bottom: 30px; } } .custom-pos-rel { position: relative; } .custom-z-index { z-index: 3; } .custom-rounded-image { border-radius: 100%; } @media (min-width: 768px) { .custom-height { height: 210px; } } /* * Scroll To Top Button */ html .scroll-to-top { bottom: -50px; } html .scroll-to-top.visible { bottom: 0; } /* * Buttons */ .btn.custom-btn-style-1 { background: transparent; border: 1px solid rgba(60, 63, 68, 0.2); padding: 13px 30px; font-size: 10px; font-weight: 600; letter-spacing: 1px; } .btn.custom-btn-style-1:hover { background: rgba(60, 63, 68, 0.1); } .btn.custom-btn-style-1._color-2 { border: 1px solid rgba(138, 210, 243, 0.5); } .btn.custom-btn-style-1._color-2:hover { background: rgba(138, 210, 243, 0.4); } .btn.custom-btn-style-2 { padding: 13px 30px; font-size: 10px; font-weight: 600; letter-spacing: 1px; } /* * Social Icons */ .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2).custom-social-icons-style-1 li { margin: 0; box-shadow: none; } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2).custom-social-icons-style-1 li a { background: transparent !important; color: #FFF !important; } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2).custom-social-icons-style-1 li:hover.social-icons-facebook a { color: #3b5a9a !important; } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2).custom-social-icons-style-1 li:hover.social-icons-twitter a { color: #1aa9e1 !important; } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2).custom-social-icons-style-1 li:hover.social-icons-linkedin a { color: #0073b2 !important; } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2).custom-social-icons-style-2 li { margin: 0; box-shadow: none; } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2).custom-social-icons-style-2 li a { background: transparent !important; color: #3c3f44 !important; } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2).custom-social-icons-style-2 li:hover.social-icons-facebook a { color: #3b5a9a !important; background: transparent !important; } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2).custom-social-icons-style-2 li:hover.social-icons-twitter a { color: #1aa9e1 !important; background: transparent !important; } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2).custom-social-icons-style-2 li:hover.social-icons-linkedin a { color: #0073b2 !important; background: transparent !important; } /* * Feature Box */ .feature-box.custom-feature-box-style-1 .feature-box-icon i._size-1 { font-size: 44px; line-height: 0.7; } .feature-box.custom-feature-box-style-1 .feature-box-info h4 { font-weight: 600; } /* * Thumb Info */ .thumb-info.custom-thumb-info-style-1 .thumb-info-wrapper { transform: none; } .thumb-info.custom-thumb-info-style-1 .thumb-info-wrapper:after { background-color: rgba(1, 159, 220, 0.8); } .thumb-info.custom-thumb-info-style-1 .thumb-info-inner { font-size: 22px; font-weight: 600; letter-spacing: 1px; } .thumb-info.custom-thumb-info-style-1 .thumb-info-type { background: transparent; margin: 0; } .thumb-info.custom-thumb-info-style-2 { border: none; } .thumb-info.custom-thumb-info-style-2 .thumb-info-wrapper:not(._rounded) { transform: none; } .thumb-info.custom-thumb-info-style-2 .thumb-info-wrapper:after { content: none; } .thumb-info.custom-thumb-info-style-2 .thumb-info-wrapper._rounded { border-radius: 100%; } .thumb-info.custom-thumb-info-style-2 .thumb-info-caption { display: block; position: relative; padding: 30px !important; } .thumb-info.custom-thumb-info-style-2 .thumb-info-caption h4 { font-weight: 600; font-size: 1.1em; margin-bottom: 0; } .thumb-info.custom-thumb-info-style-2 .thumb-info-caption p { padding: 0; margin: 0; line-height: 2; } .thumb-info.custom-thumb-info-style-2 .thumb-info-caption .custom-thumb-info-category { letter-spacing: 1.5px; font-size: 10px; } .thumb-info.custom-thumb-info-style-2 .thumb-info-caption .date { position: absolute; top: -12px; right: 12px; padding: 8px 13px 5px; font-size: 10px; line-height: 1; letter-spacing: 1.5px; } /* * Owl Carousel */ .owl-carousel .owl-height { min-height: 325px; } .owl-carousel.custom-nav-pos-1 .owl-nav { top: 35%; } .owl-carousel.custom-arrows-style-1 .owl-nav button[class*="owl-"], .owl-carousel.custom-arrows-style-1 .owl-nav button[class*="owl-"]:hover { font-size: 30px; color: #1e1e1e !important; background: transparent; } .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev:before { content: "\f104"; font-size: 0.7em; } .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next:before { content: "\f105"; font-size: 0.7em; } /* * Revolution Slider */ .custom-rev-arrows-style-1 { background: transparent !important; } /* * Header */ #header { position: absolute; width: 100%; top: calc(100% - 71px); left: 0; } #header .header-btn-collapse-nav { margin-top: 4px; } #header .container { width: 100%; } #header .header-body { background: transparent; min-height: 0; border-top: 1px solid #5c5d61; border-bottom: 1px solid #3c3f44; } @media (max-width: 991px) { #header .header-body { border-bottom: 0; } } #header .header-nav { padding: 0; } #header .header-nav-main:before { content: none; } #header .header-nav-main nav > ul > li > a { position: relative; background: transparent !important; font-weight: 100; color: #FFF !important; transition: ease color 300ms; } @media (min-width: 992px) and (max-width: 1060px) { #header .header-nav-main nav > ul > li > a { padding: 10px 9px; } } #header .header-nav-main nav > ul > li > a.active:before { content: ''; display: block; position: absolute; left: 0; bottom: -16px; border-bottom: 3px solid #CCC; width: 100%; } @media (max-width: 991px) { #header .header-nav-main nav > ul > li > a.active:before { bottom: 0; border-width: 2px; } } #header .header-nav-main nav > ul li { border-bottom: 0; } html.sticky-header-active #header .header-body { background: #3c3f44; border-bottom-color: #3c3f44; } @media (max-width: 991px) { html:not(.sticky-header-active) #header .header-body { background: #3c3f44; border-bottom-color: #3c3f44; } } @media (min-width: 992px) { #header .header-nav-main nav > ul > li > a { height: 100%; } #header .header-nav-main nav > ul > li > a.active { color: #CCC !important; } #header .header-nav-main nav > ul > li:hover > a, #header .header-nav-main nav > ul > li.open > a { color: #019fdc !important; } .custom-divider-1 { position: relative; } .custom-divider-1:after { content: ''; display: block; position: absolute; top: 50%; right: 0; border-right: 1px solid #5b5d61; height: 100%; transform: translate(0, -50%); } .custom-divider-1._left:after { right: auto; left: 0; } } /* * Who We Are */ .custom-image-style-1 { position: relative; border-radius: 100%; border: 7px solid #FFF; box-shadow: 0px 7px 60px -15px rgba(0, 0, 0, 0.5); z-index: 2; } @media (min-width: 767px) { .custom-image-style-1:not(._middle) { position: absolute; top: 30%; z-index: 1; } .custom-image-style-1._left { left: 6%; } } @media (min-width: 767px) and (min-width: 992px) and (max-width: 1199px) { .custom-image-style-1._left { left: 0%; } } @media (min-width: 767px) and (max-width: 991px) { .custom-image-style-1._left { left: 11.2%; } } @media (min-width: 767px) { .custom-image-style-1._middle { top: 23%; } .custom-image-style-1._right { left: 65%; } } svg#curved-line-1 { position: absolute; top: -10px; left: 10px; width: 100%; height: 180%; } svg#curved-line-1 .path, svg#curved-line-1 .circle { stroke-dasharray: 1000; stroke-dashoffset: 1000; opacity: 0.3; } @media (min-width: 992px) and (max-width: 1199px) { svg#curved-line-1 { width: 107.4%; transform: scale(1.13); } } /* * Counters */ .counters.custom-counters [class*="fa-"] { font-size: 28px; margin-bottom: 15px; } .counters.custom-counters strong { font-weight: normal; font-size: 26px; letter-spacing: 2px; line-height: 40px; } .counters.custom-counters label { font-size: 14px; line-height: 14px; } @media (max-width: 991px) { .counters.custom-counters > div:nth-child(1), .counters.custom-counters div:nth-child(2) { margin-bottom: 30px; } } @media (max-width: 767px) { .counters.custom-counters > div:nth-child(3) { margin-bottom: 30px; } } /* * What We Do */ .custom-image-style-2 { position: absolute; left: 10%; bottom: 0; box-shadow: 0px 7px 60px -15px rgba(0, 0, 0, 0.5); } .custom-image-style-2._big { width: 90%; } @media (max-width: 991px) { .custom-image-style-2._big { position: static; } } .custom-image-style-2._small { left: 0; } @media (max-width: 991px) { .custom-image-style-2._small { left: auto; right: 25px; bottom: 0; width: 23.5%; } } @media (max-width: 1199px) and (min-width: 992px) { .custom-image-style-2 { bottom: 111px; } .custom-image-style-2._small { left: 25px; bottom: 100px; } } svg#curved-line-2 { position: absolute; top: -85px; right: 190px; z-index: 1; } svg#curved-line-2 .path, svg#curved-line-2 .circle { stroke-dasharray: 1000; stroke-dashoffset: 1700; opacity: 0.3; } svg#curved-line-2 .circle { stroke-dashoffset: 1000; } /* * Testimonials */ .testimonial.custom-testimonial-style-1 blockquote p { font-family: "Poppins", sans-serif; font-style: normal; font-size: 1em; line-height: 2.2; font-weight: 100; } .testimonial.custom-testimonial-style-1 .testimonial-author { position: relative; margin-top: 24px; margin-top: 1.5rem; } .testimonial.custom-testimonial-style-1 .testimonial-author:before { content: ''; display: block; position: absolute; width: 25px; border-top: 2px solid #1e1e1e; top: -15px; left: 50%; transform: translate(-50%, 0); } /* * Portfolio */ @media (min-width: 445px) { .custom-center-pills { display: flex; justify-content: center; } } .custom-nav-filter { margin-bottom: 20px; } .custom-nav-filter li > a { background: transparent !important; color: #1e1e1e; font-size: 12px; font-weight: 500; transition: ease color 300ms; } .custom-nav-filter li.active > a, .custom-nav-filter li:hover > a { color: #777; } .custom-nav-filter li.active > a:hover, .custom-nav-filter li.active > a:focus, .custom-nav-filter li:hover > a:hover, .custom-nav-filter li:hover > a:focus { color: #777; } .custom-nav-filter li.active > a { color: #1e1e1e !important; opacity: 0.7; } .custom-nav-filter li.active > a:hover, .custom-nav-filter li.active > a:focus { opacity: 0.5; } .load-more-loader { display: none; min-height: 42px; position: relative; } /* * Contact / Map */ .custom-contact-box { padding: 50px 50px 15px; } .custom-contact-box h2 { position: relative; font-size: 1.5em; margin-bottom: 25px; } .custom-contact-box h2:after { content: ''; display: block; position: absolute; left: 0; bottom: -5px; width: 15px; border-bottom: 2px solid #FFF; } .custom-contact-box .feature-box .feature-box-info h1, .custom-contact-box .feature-box .feature-box-info h2, .custom-contact-box .feature-box .feature-box-info h3, .custom-contact-box .feature-box .feature-box-info h4, .custom-contact-box .feature-box .feature-box-info h5, .custom-contact-box .feature-box .feature-box-info h6 { color: #777; } @media (max-width: 767px) { .custom-contact-box { height: auto !important; margin-top: 0 !important; } } @media (min-width: 576px) { .custom-contact-form-style-1 .form-row._divider > div:nth-child(1) { border-right: 1px solid #5a5a5a; } .custom-contact-form-style-1 .form-row._divider > div:nth-child(2) { padding-left: 1rem; } } .custom-contact-form-style-1 .form-group { position: relative; margin-bottom: 0; } .custom-contact-form-style-1 .form-group:before { content: ''; display: block; position: absolute; left: 50%; top: 0; width: calc(100% + 90px); border-top: 1px solid #5a5a5a; transform: translateX(-50%); } .custom-contact-form-style-1 .form-control { background: transparent; border: none; box-shadow: none; padding: 25px 0; color: #777; resize: none; } .custom-contact-form-style-1 .form-control::-webkit-input-placeholder { color: #777; } .custom-contact-form-style-1 .form-control::-moz-placeholder { color: #777; } .custom-contact-form-style-1 .form-control:-ms-input-placeholder { color: #777; } .custom-contact-form-style-1 .form-control::-webkit-input-placeholder { letter-spacing: 1.5px; } .custom-contact-form-style-1 .form-control::-moz-placeholder { letter-spacing: 1.5px; } .custom-contact-form-style-1 .form-control:-ms-input-placeholder { letter-spacing: 1.5px; } .custom-contact-form-style-1 .form-control:-moz-placeholder { letter-spacing: 1.5px; } .custom-contact-form-style-1 .form-control.error { box-shadow: none; } .custom-contact-form-style-1 input.form-control { height: 50px; padding: 0; } .custom-contact-form-style-1 label.error { position: absolute; bottom: -6px; } .custom-contact-form-style-1 .custom-textarea-style { margin: 10px 0 10px 0; box-sizing: content-box; padding: 6px 34px 6px 0 !important; } .custom-contact-form-style-1 .custom-textarea-style::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #3c3f44; } .custom-contact-form-style-1 .custom-textarea-style::-webkit-scrollbar { width: 12px; background-color: #3c3f44; } .custom-contact-form-style-1 .custom-textarea-style::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #01b1f5; } /* * Footer */ #footer { border-top: 0; } #footer .footer-copyright { border-top: 0; margin-top: 0; padding: 30px 0 0; }