@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;700&display=swap"); body {
font-family: 'Sora', arial, sans-serif;
font-size: 16px;
color:#171921;
}
img {
width: 100%;
} .lightboxOverlay {
position: fixed!important;
top:0!important;
bottom: 0!important;
left: 0!important;
right: 0!important;
}
.lightbox {
position: fixed!important;
top:50%!important;
left: 50%!important;
transform:translateX(-50%) translateY(-50%)!important;
height: auto!important;
} .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger.active .hamburger-inner,
.hamburger.active .hamburger-inner::before,
.hamburger.active .hamburger-inner::after {
background-color: #fff; }
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #171921;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; } .hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .page_404 {
padding:50px 0;
}
.page_404 a {
color:#946659;
transition:.3s;
}
.page_404 a:hover,
.page_404 a:focus,
.page_404 a:active {
color:#e95930;
text-decoration: none;
} header {
position: relative;
padding: 20px 0;
}
header ul {
list-style: none;
margin: 0;
padding: 0;
} header nav {
padding:0 15px;
float: left;
}
header nav ul li {
display: inline-block;
margin-right: 25px;
line-height: 60px;
}
header nav ul li:last-child {
margin-right: 0;
}
header nav ul li a {
font-weight: 500;
color:#171921;
transition:.3s;
white-space: nowrap;
}
header nav ul li a:hover,
header nav ul li a:focus,
header nav ul li a:active,
header nav ul li.current-menu-item a {
text-decoration: none;
color:#e95930
} header .logo {
padding:0 15px;
position: absolute;
left: 50%;
top:20px;
transform:translateX(-50%);
}
header .logo img {
height: 60px;
} header .header_button {
padding:0 15px;
float: right;
}
header .header_button ul li {
display: inline-block;
margin-right: 25px;
line-height: 60px;
}
header .header_button li:last-child {
margin-right: 0;
}
header .header_button li a {
font-weight: 500;
color:#e95930;
transition:.3s;
padding: 7px 20px;
border:1px solid #e95930;
border-radius: 5px;
}
header .header_button ul li a:hover,
header .header_button ul li a:focus,
header .header_button ul li a:active {
text-decoration: none;
color:#171921;
border-color: #171921;
}
header .header_button-mobile {
display: none;
} .mobile_trigger {
display:none;
} .banner {
padding:50px 0;
}
.banner .title {
font-family: inherit;
font-weight: bold;
font-size: 60px;
margin:0;
}
.banner .title .small_text {
font-size: 30px;
text-transform: uppercase;
display: inline-block;
position: relative;
padding-bottom: 30px;
}
.banner .title .small_text:after {
content:'';
display: block;
width: 50px;
height: 1px;
background:#171921;
position: absolute;
bottom: 12px;
}
.banner .text {
margin:0;
margin-top: 20px;
}
.banner .banner_btn {
color:#fff;
background:#946659;
display: inline-block;
margin-top:30px;
padding: 14px 28px;
border-radius: 5px;
font-weight: 500;
transition:.3s;
}
.banner .banner_btn:hover,
.banner .banner_btn:active,
.banner .banner_btn:focus {
background:#e95930;
text-decoration: none;
}
.banner .banner_image {
position: relative;
top: 40px;
border-radius: 5px;
}
.banner .social_media-list {
list-style: none;
padding: 0;
margin: 0;
margin-top: 50px;
}
.banner .social_media-list li {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.banner .social_media-list li:last-child {
margin-right: 0;
}
.banner .social_media-list li a {
color:#946659;
border:1px solid #946659;
border-radius: 50%;
padding: 10px;
transition:.3s;
font-size: 16px;
font-weight: 500;
}
.banner .social_media-list li a:hover,
.banner .social_media-list li a:focus,
.banner .social_media-list li a:active {
text-decoration: none;
color:#fff;
background:#946659;
} .intro {
padding: 150px 0 100px; 
}
.intro.intro2 {
padding:0px 0 100px;
}
.intro .title {
font-size: 40px;
display: inline-block;
position: relative;
font-weight: bold;
margin:0;
margin-top:110px;
padding-bottom: 50px;
}
.intro .title:after {
content: '';
display: block;
width: 50px;
height: 1px;
background: #171921;
position: absolute;
bottom: 23px;
}
.intro .intro_image {
border-radius: 5px;
}
.intro .intro_btn {
font-weight: 500;
color:#946659;
transition:.3s;
padding: 7px 20px;
border:1px solid #946659;
border-radius: 5px;
margin-top:30px;
display:inline-block;
}
.intro .intro_btn:hover,
.intro .intro_btn:focus,
.intro .intro_btn:active {
text-decoration: none;
color:#171921;
border-color: #171921;
} .team_section {
padding: 70px 0 100px;
text-align: center;
background:#fffaf8;
}
.team_section .title {
font-size: 40px;
display: inline-block;
position: relative;
font-weight: bold;
margin: 0;
margin-bottom: 50px;
}
.team_section .team_wrapper:after {
content:'';
clear: both;
display: block;
}
.team_section .team_wrapper img {
border-radius: 5px;
}
.team_section .team_wrapper .member_name {
margin: 20px 0 0;
font-size: 30px;
}
.team_section .team_wrapper .member_job {
margin: 0;
font-size: 20px;
} .video_section {
padding: 70px 0 100px;
text-align: center;
}
.video_section .title {
font-size: 40px;
display: inline-block;
position: relative;
font-weight: bold;
margin: 0;
margin-bottom: 50px;
}
.video_section .video_wrapper:after {
content:'';
clear: both;
display: block;
}
.video_section .video_wrapper .video_box iframe {
width:100%;
border-radius: 5px;
}
.video_section .videos_button .video_btn {
font-weight: 500;
color:#946659;
transition:.3s;
padding: 7px 20px;
border:1px solid #946659;
border-radius: 5px;
margin-top:50px;
display:inline-block;
}
.video_section .videos_button .video_btn:hover,
.video_section .videos_button .video_btn:focus,
.video_section .videos_button .video_btn:active {
text-decoration: none;
color:#171921;
border-color: #171921;
} .cta_section {
padding: 70px 0;
background:#fffaf8;
text-align: center;
}
.cta_section .text {
font-size: 20px;
display: block;
max-width: 800px;
margin: auto;
}
.cta_section .cta_btn {
color: #fff;
background: #946659;
display: inline-block;
margin-top: 30px;
padding: 14px 28px;
border-radius: 5px;
font-weight: 500;
transition: .3s;
}
.cta_section .cta_btn:hover,
.cta_section .cta_btn:focus,
.cta_section .cta_btn:active {
background: #e95930;
text-decoration: none;
} .gallery_section {
padding: 100px 0;
text-align: center;
}
.gallery_section .title {
font-size: 40px;
display: inline-block;
position: relative;
font-weight: bold;
margin: 0;
margin-bottom: 50px;
}
.gallery_section .gallery_wrapper:after {
content:'';
clear: both;
display: block;
}
.gallery_section .gallery_wrapper img {
border-radius: 5px;
}
.gallery_section .gallery_button .gallery_btn {
font-weight: 500;
color:#946659;
transition:.3s;
padding: 7px 20px;
border:1px solid #946659;
border-radius: 5px;
margin-top:50px;
display:inline-block;
}
.gallery_section .gallery_button .gallery_btn:hover,
.gallery_section .gallery_button .gallery_btn:focus,
.gallery_section .gallery_button .gallery_btn:active {
text-decoration: none;
color:#171921;
border-color: #171921;
} footer {
padding: 40px 0;
background: #fceae5;
}
footer .footer_menu ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
footer .footer_menu ul li {
display: inline-block;
margin: 0 10px;
}
footer .footer_menu ul li a {
color:#171921;
transition:.3s;
}
footer .footer_menu ul li a:hover {
text-decoration: none;
color:#e95930;
}
footer .footer_copyright {
padding-top: 30px;
text-align: center;
}
footer .footer_copyright p {
margin: 0;
font-size: 14px;
} .top_banner {
background: #fceae5;
padding: 70px 0;
text-align: center;
}
.top_banner .title {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 50px;
} .about_us-intro {
padding-top:100px;
}
.about_us-intro .title {
text-align: center;
display: block;
}
.about_us-intro .title:after {
left:50%;
transform:translateX(-50%);
}
.team_section.about_team-section {
background:#fff;
} .gallery_page.gallery_section .image_box {
margin-bottom: 30px;
} .video_page.video_section .video_box {
margin-bottom: 30px;
} .page_image {
padding: 50px 0;
}
.page_image .contact_page-img {
border-radius: 5px;
}
.banner.contact_page {
padding: 50px 0;
text-align: center;
}
.banner.contact_page .title {
margin-top: 0;
}
.banner.contact_page .title .small_text::after {
left:50%;
transform:translateX(-50%);
}
.banner.contact_page .phone_no {
color:#171921;
transition: .3s;
display: block;
padding: 10px 0;
font-size:20px;
}
.banner.contact_page .phone_no:hover,
.banner.contact_page .phone_no:active,
.banner.contact_page .phone_no:focus {
color:#e95930;
text-decoration: none;
} @media (max-width:1199px) {
header .logo img {
height: 45px;
}
header nav ul li {
line-height: 45px;
margin-right: 15px;
}
header .header_button ul li {
line-height: 45px;
}
.banner {
padding: 50px 0;
}
.banner .title {
font-size: 50px;
margin-top: 0;
}
.banner .title .small_text {
font-size: 24px;
}
.banner .banner_image {
position: static;
}
.intro {
padding: 70px 0;
}
.intro .title {
margin-top:0;
}
}
@media (max-width:991px) {
header .logo img {
height: 40px;
}
header .header_button ul li {
line-height: 40px;
}
.hamburger {
padding:8px 15px 2px 0;
}
.mobile_trigger {
display:block;
float:left;
z-index: 9999;
position: relative;
}
header nav {
position: fixed;
z-index: 9998;
background:#946659;
top:0;
bottom: 0;
left: 0;
right: 0;
transition:.3s;
opacity:0;
visibility: hidden;
}
header nav.active {
opacity:1;
visibility: visible;
}
header nav ul {
position: absolute;
top:50%;
left: 50%;
transform:translateX(-50%) translateY(-50%);
}
header nav ul li {
display: block;
text-align: center;
margin: 0;
line-height: 1.24;
}
header nav ul li a {
color:#fff;
padding: 10px 25px;
display: inline-block;
font-size: 20px;
letter-spacing:1px;
}
header nav ul li a:hover,
header nav ul li a:focus,
header nav ul li a:active,
header nav ul li.current-menu-item a {
color:#fff;
}
.banner .banner_image {
max-width: 500px;
display: block;
margin: 50px auto 0;
}
.intro .intro_image {
max-width: 500px;
display: block;
margin:50px auto 0;
}
.intro .container {
display: flex;
flex-direction: column-reverse
}
.intro.intro2 .container {
display: block;
}
.team_section .team_wrapper .image_box {
margin-bottom: 50px;
}
.team_section .team_wrapper .image_box:last-child {
margin-bottom: 0;
}
.team_section .team_wrapper img {
max-width: 500px;
}
.video_section .video_wrapper .video_box {
margin-bottom: 50px;
}
.video_section .video_wrapper .video_box:last-child {
margin-bottom: 0;
}
.gallery_section .gallery_wrapper .image_box {
margin-bottom: 50px;
}
.gallery_section .gallery_wrapper .image_box:last-child {
margin-bottom: 0;
}
.top_banner {
padding: 50px 0;
}
.top_banner .title {
font-size: 40px;
}
}
@media (max-width:767px) {
header .header_button {
display: none;
}
header .header_button-mobile {
display: block;
}
header .header_button-mobile .phone-icon {
width: 60%;
display: inline-block;
}
header .header_button-mobile {
float: right;
padding-top:3px;
}
header .header_button-mobile a {
display: block;
width: 32px;
height: 32px;
border:1px solid #000;
border-radius: 50%;
text-align: center;
padding-top:3px;
}
.banner {
padding: 20px 0 50px;
}
.intro .title {
font-size: 30px;
}
.team_section .title, .video_section .title, .gallery_section .title {
font-size: 30px;
}
.team_section .team_wrapper .member_name {
font-size: 24px;
}
.team_section .team_wrapper .member_job {
font-size: 16px;
}
footer .footer_menu ul li {
display: block;
margin: 5px 0;
}
.top_banner {
padding: 50px 0;
}
.top_banner .title {
font-size: 34px;
}
}
@media (max-width:500px) {
header .logo {
width: 212px;
}
header .logo img {
height: auto;
width: 100%;
}
.banner .title {
font-size: 36px;
}
.banner .title .small_text {
font-size: 20px;
}
.gallery_section, .cta_section, .video_section, .team_section, .intro {
padding: 50px 0;
}
.top_banner {
padding: 50px 0;
}
.top_banner .title {
font-size: 32px;
}
}