/*---------------------------------------------------- 1. SLICK ------------------------------------------------------*/ .slick-dots { list-style: none; padding: 0; margin: 0; } .slick-dots li { display: inline-block; } .slick-dots li + li { margin-left: 24px; } .slick-dots button { display: block; text-indent: -100px; width: 12px; height: 12px; border: 1px solid #000000; overflow: hidden; border-radius: 100%; line-height: 12px; font-size: 1px; background: none; padding: 0; transition: all 0.2s; } .slick-dots button:hover, .slick-dots .slick-active button { background: #000000; } /*---------------------------------------------------- 2. HERO SLIDER ------------------------------------------------------*/ .dm-hero { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; } .elementor-editor-active .dm-hero { opacity: 1; } .elementor-editor-active .project-filter { visibility: visible; } .dm-hero__count { margin-top: auto; } .dm-hero-slider:not(.slick-initialized) .dm-hero-slide:not(:first-child) { display: none; } .dm-hero-slide__overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .dm-hero-slide-inner { margin: 0 auto; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .dm-hero-title { font-size: 36px; line-height: 1.18; letter-spacing: -0.03em; font-weight: bold; margin: 0 0 18px; } .dm-hero-text { margin: 0 0 37px; font-size: 20px; line-height: 32px; } .dm-hero-text * { color: inherit; } .dm-hero .slick-count { position: absolute; bottom: 90px; right: 0; left: 15px; width: 205px; font-size: 13px; } .dm-hero-slider .slick-dots { position: absolute; right: 0; left: 15px; bottom: 136px; width: 205px; } .dm-hero-author { font-weight: bold; position: absolute; right: 62px; bottom: 37px; width: 180px; padding-left: 50px; line-height: 1.4; } .rtl .dm-hero-author { right: auto; left: 0; padding: 0 20px 0 0; display: inline-block; width: auto; } .rtl .dm-hero-title, .rtl .dm-hero-text { text-align: right; } .dm-hero-author:before { content: ''; display: block; position: absolute; top: .75rem; left: 0; width: 32px; height: 1px; background: #000000; vertical-align: middle; margin-right: 15px; font-weight: bold; } .rtl .dm-hero-author:before { left: 100%; } @media only screen and (max-width: 1024px) { .dm-hero-slide-inner { padding-bottom: 180px; } .header-home + .site-content .dm-hero-slide-inner { padding-top: 180px; } } @media only screen and (max-width: 992px) { .dm-hero-author { bottom: 75px; right: 78px; line-height: 1.2; } .dm-hero .slick-count { bottom: 120px; } .dm-hero-slider .slick-dots { bottom: 150px; } } @media only screen and (max-width: 576px) { .dm-hero-text { font-size: 18px; line-height: 1.4; } .dm-hero-author { right: auto; left: 0; width: auto; } .dm-hero-slider .slick-dots { bottom: 130px; } .dm-hero .slick-count { bottom: 97px; } } @media only screen and (min-width: 576px) { .dm-hero .slick-count { right: calc(50% - 270px); left: auto; } .dm-hero-slider .slick-dots { right: calc(50% - 270px); left: auto; } .dm-hero-title { font-size: 40px; } } @media only screen and (min-width: 768px) { .dm-hero .slick-count { right: calc(50% - 360px); } .dm-hero-slider .slick-dots { right: calc(50% - 360px); } } @media only screen and (min-width: 992px) { .dm-hero .slick-count { right: calc(50% - 480px); } .dm-hero-slider .slick-dots { right: calc(50% - 480px); } .dm-hero-title, .dm-hero-text { max-width: 70%; } .dm-hero-title { font-size: 50px; } } @media only screen and (min-width: 1200px) { .dm-hero .slick-count { right: calc(50% - 570px); } .dm-hero-slider .slick-dots { right: calc(50% - 570px); } .dm-hero-title, .dm-hero-text { max-width: 50%; } .dm-hero-title { font-size: 61px; } } @media only screen and (min-width: 1360px) { .dm-hero .slick-count, .dm-hero-slider .slick-dots { right: calc(50% - 670px); } .rtl .dm-hero .slick-count, .rtl .dm-hero-slider .slick-dots { right: auto; left: calc(50% - 655px); text-align: left; } } /*---------------------------------------------------- 5. EVENTS ------------------------------------------------------*/ .dm-post-grid-wrap .page-numbers:not(.current) { cursor: pointer; } /*---------------------------------------------------- 5. SLIDER ------------------------------------------------------*/ .slider-bg .dm-slide-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 auto; } /*---------------------------------------------------- 5. ACCORDION ------------------------------------------------------*/ .dm-accordion-item { margin-bottom: 4em; border: 1px solid #D9D9D9; background: #fff; } .dm-accordion-item__header { display: block; padding: 15px 30px 15px 15px; cursor: pointer; position: relative; } .dm-accordion-item__title { font-size: 20px; line-height: 1.2; font-weight: 700; margin-bottom: .1rem; } .dm-accordion-item__body { padding: 0 15px 15px; } .dm-accordion-item__content { padding-top: 20px; border-top: 1px solid #d9d9d9; } .dm-accordion .collapse:not(.show) { display: none; } @media only screen and (max-width: 992px) { .dm-accordion-item { margin-bottom: 1rem; } } @media only screen and (max-width: 576px) { .dm-accordion-item__content { padding-top: 10px; } } @media only screen and (min-width: 992px) { .dm-accordion-item__title { font-size: 39px; line-height: 48px; font-weight: 400; } .dm-accordion-item__body { padding: 0 1.5rem 1.7rem; } .dm-accordion-item__meta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .dm-accordion-meta, .dm-accordion-date { margin: 0.32rem 1.5rem 0 0; } .dm-accordion-item__header { padding: 1.7rem 1.9rem; } } /*---------------------------------------------------- 16. WHAT WE DO ------------------------------------------------------*/ .dm-offices { position: relative; } .dm-offices-list { position: absolute; right: 0; top: 0; width: 480px; padding: 75px 112px; z-index: 1; } .dm-offices-carousel .slick-dots { position: absolute; bottom: 28px; left: 0; width: 100%; text-align: center; } .dm-office-item { padding: 54px 0; position: relative; background-size: cover; background-position: 50%; } .dm-office-item__address { margin-bottom: 2em; } .dm-offices-carousel:not(.slick-initialized) .dm-office-item:not(:first-child) { display: none; } .dm-offices-nav { list-style: none; padding: 0; margin: 32px 0 0; } .dm-offices-nav li { display: block; } .dm-offices-nav a { padding: 2px 0; display: inline-block; color: #fff; position: relative; transition: all 0.2s; } .dm-offices-nav a:hover { color: #999999; } .dm-offices-nav .slick-active a { color: #999999; padding-left: 10px; } .dm-offices-nav a:before { content: ''; width: 16px; height: 1px; background-color: #999999; position: absolute; display: block; top: 50%; left: -30px; opacity: 0; transition: all 0.2s; } .dm-offices-nav .slick-active a:before { opacity: 1; } .dm-show-office-map { display: none; } .dm-office-item .btn__icon { font-size: 24px; } .elementor-custom-embed iframe { width: 100%; height: 400px; } .js-post-load__list .post-item:not('.is-visible') { visibility: hidden; transform: translateY(20px); } @media only screen and (max-width: 992px) { .dm-offices-list { width: 50%; padding: 40px 40px 40px 60px; } } @media only screen and (max-width : 768px) { .dm-offices-list { width: 100%; position: static; padding: 40px 0; } .dm-offices-lis-inner { max-width: 540px; margin: 0 auto; padding: 0 15px; } .dm-offices-nav li { padding-left: 30px; } .dm-office-item { min-height: 400px; } } @media only screen and (min-width: 768px) { .dm-office-item-title { max-width: 50%; } }