body {
    background:#fff;
    color:#000;
    font-family:"OpenSans"
}
header {
    height:80px;
    display:flex;
    align-items:center;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    background:rgba(0, 9, 24, .7);
    z-index:10
}
header .logo {
    height:65px
}
header .logo img {
    height:100%
}
header .container {
    display:flex;
    align-items:center
}
header .contact {
    margin:0 auto
}
header .menu {
    display:flex;
    align-items:center;
    color:#fff
}
header .menu a {
    text-transform:uppercase;
    margin-left:30px;
    transition:.4s;
    position:relative
}
header .menu a:after {
    content:"";
    height:4px;
    width:100%;
    position:absolute;
    left:0;
    bottom:4px;
    background:#eb8136;
    z-index:-1;
    transition:.4s;
    opacity:0
}
header .menu a:hover:after {
    opacity:1
}
header .menu a:first-child {
    margin-left:0
}
.contact {
    display:inline-flex;
    align-items:center;
    color:#fff;
    font-size:18px
}
.contact img {
    margin-right:10px
}
section.main-screen {
    height:100vh;
    display:flex;
    align-items:center;
    background:url(../images/bg-main.jpg);
    background-size:cover;
    color:#fff;
    position:relative
}
section.main-screen .pagetitle {
    text-align:left;
    margin-bottom:0
}
section.main-screen p {
    font-size:23px;
    margin-top:0
}
section.main-screen .btn-wrapper {
    display:flex;
    align-items:center
}
section.main-screen .divider {
    height:1px;
    width:205px;
    margin:0 25px;
    background:#fff
}
section.main-screen .scroll {
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:0
}
.pagetitle {
    font-size:92px;
    font-family:"Garamond";
    font-weight:500;
    text-align:center;
    margin-top:0;
    margin-bottom:30px
}
.pagetitle.sm {
    font-size:48px
}
.subtitle {
    max-width:750px;
    text-align:center;
    margin:0 auto;
    font-size:18px;
    color:#6c6c6c;
    margin-bottom:50px
}
.btn {
    background:#fff3b9;
    font-size:18px;
    color:#000;
    min-width:240px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px;
    border-radius:30px;
    border:none
}
.soc-list {
    display:flex;
    gap:15px
}
section {
    padding:60px 0
}
img.bg {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-2;
    transition:.4s
}
section.our-services .service-grid {
    display:grid;
    grid-template-columns:33.333% 33.333% 33.333%;
    grid-template-rows:230px 230px;
    border-radius:15px;
    overflow:hidden
}
section.our-services .service-grid .item {
    position:relative;
    padding:50px;
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    justify-content:flex-end;
    z-index:1;
    overflow:hidden
}
section.our-services .service-grid .item span {
    font-size:30px;
    font-family:"Garamond";
    font-weight:500;
    color:#fff
}
section.our-services .service-grid .item .hover {
    margin-top:20px;
    transition:.4s;
    opacity:0;
    max-height:0
}
section.our-services .service-grid .item:hover .hover {
    max-height:60px;
    opacity:1
}
section.our-services .service-grid .item:hover .bg {
    transform:scale(1.08)
}
section.our-services .service-grid .item:after {
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
    z-index:-1
}
section.our-services .service-grid .item:first-child {
    grid-row:2 span
}
section.about-us .grid {
    display:grid;
    grid-template-columns:70% 30%
}
section.about-us .grid .glosspoint {
    padding-right:30px
}
section.about-us .grid .glosspoint .pagetitle, section.about-us .grid .glosspoint .subtitle {
    text-align:left;
    margin-left:0
}
section.about-us .grid .glosspoint .row {
    display:flex;
    flex-wrap:wrap
}
section.about-us .grid .glosspoint .row .test-wrapper {
    width:calc(100% - 361px);
    padding-right:30px
}
section.about-us .grid .glosspoint .row .image {
    border-radius:15px;
    overflow:hidden;
    display:flex
}
section.about-us .grid .glosspoint .row .pagetitle {
    width:100%
}
section.about-us .grid .glosspoint .row .icons-wrapper {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:100%
}
section.about-us .grid .glosspoint .row .icons-wrapper .item {
    width:170px;
    display:flex;
    flex-direction:column
}
section.about-us .grid .glosspoint .row .icons-wrapper .item .icon {
    height:60px;
    margin-bottom:15px
}
section.about-us .grid .glosspoint .row .icons-wrapper .item .title {
    font-weight:600;
    font-size:18px
}
section.about-us .grid .glosspoint .row .icons-wrapper .item .text {
    font-size:15px
}
section.about-us .grid .video {
    height:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border-radius:15px;
    overflow:hidden
}
section.about-us .grid .video span {
    margin-top:20px;
    color:#fff;
    font-family:"Garamond";
    font-size:23px;
    text-transform:uppercase
}
section.about-us .grid .video:hover img.bg {
    transform:scale(1.08)
}
section.slider-sect .image {
    width:430px;
    height:430px;
    display:block;
    position:relative;
    overflow:hidden;
    border-radius:10px
}
section.slider-sect .image:hover .bg {
    transform:scale(1.05)
}
section.reviews {
    padding-bottom:120px
}
section.reviews .quote {
    text-align:center;
    margin-bottom:30px
}
section.reviews .dots {
    display:flex;
    justify-content:center;
    margin-top:40px;
    gap:10px
}
section.reviews .dots button {
    width:16px;
    height:16px;
    border-radius:50%;
    border:none;
    background:#cdcdcd;
    transition:.4s
}
section.reviews .dots button.active, section.reviews .dots button:hover {
    background-color:#fff3b9
}
section.reviews .item {
    max-width:740px;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    margin:auto
}
section.reviews .item p {
    font-size:18px;
    text-align:center;
    color:#6c6c6c;
    font-style:italic;
    margin-bottom:40px
}
section.reviews .item .author {
    display:flex;
    flex-direction:column;
    align-items:center
}
section.reviews .item .author .avatar {
    width:160px;
    height:160px;
    object-fit:cover;
    border-radius:50%;
    margin-bottom:20px
}
section.reviews .item .author span {
    font-size:23px;
    font-weight:600
}
section.contacts {
    position:relative
}
section.contacts .gmap {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1
}
section.contacts .container {
    display:flex;
    justify-content:flex-start;
    position: relative;
    z-index: 2;
    pointer-events: none;
}
section.contacts .card {
    max-width:450px;
    width:100%;
    pointer-events: all;
}
.card {
    padding:40px 60px;
    background:#fff;
    display:flex;
    flex-direction:column;
    border-radius:30px;
    box-shadow:0px 0px 8px rgba(0, 0, 0, .2)
}
.card form {
    display:flex;
    flex-direction:column
}
.card form input {
    height:45px;
    border:none;
    border-bottom:1px solid #000;
    font-family:OpenSans;
    font-size:16px;
    margin-bottom:20px
}
.card form .wrapper {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    flex-direction: column;
}
.input-checkbox {
    display:block;
    position:relative;
    padding-left:25px;
    margin-bottom:12px;
    cursor:pointer;
    font-size:16px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.input-checkbox input {
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.checkmark {
    position:absolute;
    top:2px;
    left:0;
    height:18px;
    width:18px;
    background-color:#fff;
    border:1px solid #b5a556
}
.input-checkbox:hover input~.checkmark {
    background-color:#ccc
}
.checkmark:after {
    content:"";
    position:absolute;
    display:none
}
.input-checkbox input:checked~.checkmark:after {
    display:block
}
.input-checkbox .checkmark:after {
    left:4px;
    top:4px;
    width:8px;
    height:8px;
    background:#b5a556
}
.link {
    color:#b5a556
}
footer {
    background:#000918;
    color:#fff;
    padding:15px 0
}
footer .container {
    display:flex;
    align-items:center;
    justify-content:space-between
}
footer .info {
    display:flex;
    flex-direction:column;
    text-transform:uppercase
}
footer .info .policy {
    font-weight:600
}
section.faq .faq-wrapper {
    width:100%;
    border-radius:30px;
    box-shadow:0px 0px 8px rgba(0, 0, 0, .2);
    display:flex;
    flex-wrap:wrap;
    padding-right:15px;
    overflow:hidden
}
section.faq .faq-wrapper .ps__thumb-y {
    width:8px;
    pointer-events:none;
    transform:scale(0.9)
}
section.faq .faq-wrapper .ps-wrapper {
    padding:40px 25px 40px 40px;
    width:calc(100% - 525px);
    height:525px
}
section.faq .faq-wrapper .text-wrapper {
    overflow:auto;
    height:100%;
    position:relative
}
section.faq .faq-wrapper .image-wrapper {
    width:525px;
    position:relative
}
section.faq .faq-wrapper .image-wrapper img {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    object-fit:cover;
    transition:.4s;
    opacity:0
}
section.faq .faq-wrapper .image-wrapper img.active {
    opacity:1
}
.dropdown .d-header {
    font-family:"Garamond";
    font-size:30px;
    padding:10px 0;
    padding-right:40px;
    border-bottom:1px solid #eb8136;
    position:relative;
    cursor:pointer
}
.dropdown .d-header:after {
    content:"";
    width:22px;
    height:12px;
    background:url(../images/icons/dropdown.png);
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    transition:.4s
}
.dropdown .d-content-wrapper {
    max-height:0;
    transition:.4s;
    overflow:hidden
}
.dropdown.active .d-content-wrapper {
    max-height:1000px
}
.dropdown.active .d-header:after {
    transform:rotate(180deg)
}
.mobile-menu {
    display:none
}
.modal {
    padding:0;
    background:none
}
.blocker {
    z-index:10
}
.input-error {
    font-size: 14px;
    color: #a90808;
}
}