/*basic css starts*/

body {

    margin: 0;

    padding: 0;

    width: 100%;

    font-family: 'Roboto', sans-serif;

    font-size: 100%;

    color: #000;
    overflow-x: hidden;

}

.sending-msg .error {
    font-size: 13px;
    display: block;
    margin-top: 12px;
    color: indianred;
    font-weight: 600;
    text-align: center;
}

.sending-msg .success {
    font-size: 13px;
    display: block;
    margin-top: 12px;
    color: green;
    font-weight: 600;
    text-align: center;
}

*,
*:focus,
*:hover {

    outline: none;

}

a {

    color: #000;

    text-decoration: none;

}

a:hover {

    color: #ff3d55;

    text-decoration: none;

}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
ul {

    margin: 0;

    padding: 0;

}

article {}

a img {

    border: none;

}

*,
::after,
::before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.clear {

    clear: both;

}

.responsive {

    width: 100%;

    height: auto;

    max-width: 100%;

    max-height: none;

    margin: 0;

}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.main-wrapper01 {

    width: 80%;

    margin: 0 auto;

    padding: 0px;

}

header {
    width: 100%;
    display: block;
    padding: 0;
}





.bounce-eff {
    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);
    transition-property: transform;

    transition-duration: 0.3s;
}

.bounce-eff:hover {
    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);
}

/*basic css ends*/



aside {

    position: fixed;

    top: 0;

    left: 0;

    height: auto;

    width: 100%;
    /*background-color: #EEE;*/

    background-color: rgba(158, 27, 32, 0.8);

    box-sizing: border-box;

    padding: 0px;

    transition: all .25s ease-in-out;

    z-index: 2;

}

aside.scroll {

    background-color: #fff;

    z-index: 9;
    position: fixed;

    top: 0vw;

    left: 0;
    box-shadow: rgb(33 35 38 / 20%) 0px 10px 10px -10px;
    transition: all .25s ease-in-out;

}

.logo-menu {
    width: 100%;
    display: block;
    padding: 0.5vw 0;
    vertical-align: middle;
    font-size: 0;
    transition: all .25s ease-in-out;
}

.logo-menu-left {
    width: 18%;
    display: inline-block;
    vertical-align: middle;
    transition: all .25s ease-in-out;
}

.logo-menu-left .first {
    display: block;
}

.logo-menu-left .second {
    display: none;
}

.logo-menu-right {
    width: 82%;
    display: inline-block;
    vertical-align: middle;
    transition: all .25s ease-in-out;
}



aside.scroll .logo-menu {
    padding: 0.5vw 0;
    transition: all .25s ease-in-out;
}

aside.scroll .logo-menu-left {
    width: 12%;
    transition: all .25s ease-in-out;
}

aside.scroll .logo-menu-left .first {
    display: none;
}

aside.scroll .logo-menu-left .second {
    display: block;
}

aside.scroll .logo-menu-right {
    width: 88%;
    transition: all .25s ease-in-out;
}



.headers {
    width: 100%;
    display: block;
    position: relative;
    padding: 0 0 0.5vw 0;
}

.headers figure {
    display: block;
}

.headers figcaption {
    position: absolute;
    top: 19vw;
    width: 100%;
}

.headers figcaption span {
    width: 60%;
    display: block;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.1vw;
    font-weight: 400;
    letter-spacing: 0.1vw;
    margin: 0;
}

.headers figcaption h1 {
    width: 100%;
    display: block;
    color: #000;
    font-family: 'Playfair Display', serif;
    font-size: 3.6vw;
    line-height: 4.3vw;
    font-weight: 400;
    text-transform: uppercase;
}



.about-bg {
    background-image: url(../images/fu03.gif);
    background-repeat: no-repeat;
    background-position: 100% 30%;
}

.about-area {
    width: 100%;
    display: block;
    font-size: 0;
    padding: 0 0 30px 0;
}

.about-left {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin: 0 8% 0 0;
}

.about-right {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin: 4.5vw 0 0 0;
}

.about-right h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2vw;
    font-weight: 400;
    color: #d1a869;
    margin: 0 0 1.5vw 0;
}

.about-right p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.1vw;
    line-height: 1.8vw;
    font-weight: 300;
    color: #333;
    margin: 0 0 1.5vw 0;
}

.button01 {
    display: block;
    text-transform: uppercase;
    background: none;
    font-family: 'Roboto Condensed', sans-serif;
    width: auto;
    color: #cc9966;
    border: none;
    cursor: pointer;
    padding: 0 2.2vw;
    border: 1px solid #8080804f;
    height: 3vw;
    font-size: 13px;
    letter-spacing: 0.01vw;
    font-weight: 700;
    text-align: center;
    margin: 0;
    transition-duration: 0.4s;
}

.button01:hover {
    background: #f4f1ed;
    color: #cc9966;
    transition-duration: 0.4s;
    border-bottom: solid 0.5vw #f4f1ed;
    border-top: solid 0.5vw transparent;
}



.services-bg {
    background-image: url(../images/services-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;

    padding: 2vw 0 2vw 0;
    position: relative;
}



.services-area {
    width: 100%;
    display: block;
    font-size: 0;
    margin: 0 0 4vw 0;
}

.services-left {
    width: 40%;
    vertical-align: top;
    display: inline-block;
    margin: 0;
}



.services-left span {
    display: block;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2vw;
    font-weight: 400;
    letter-spacing: 0.05vw;
    margin: 0 0 1vw 0;
}

.services-left h1 {
    display: block;
    color: #fbcd88;
    font-family: 'Playfair Display', serif;
    font-size: 3.6vw;
    line-height: 4.3vw;
    font-weight: 400;
    margin: 0 0 4vw 0;
}



.services-right {
    width: 40%;
    vertical-align: top;
    display: inline-block;
    position: absolute;
    right: 5vw;
    top: -7vw;
    box-shadow: rgb(251 205 136) -25px 25px;
}

.services-box {
    width: 100%;
    margin: 0 0.7% 1% 0.7%;
    display: inline-block;
}

.services-box figure {
    position: relative;
}

.services-box figcaption {
    font-family: 'Playfair Display', serif;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    font-size: 2.5vw;
    text-align: center;
    top: 10vw;
    color: #000;
    padding: 3vw 0;
    text-transform: uppercase;
    width: 100%;
}

.services-box figcaption span {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.9vw;
    margin: 1vw 0 0 0;
    display: block;
    letter-spacing: 0.05vw;
}

.services-effect {
    box-shadow: rgba(251, 205, 136, 1) -25px 25px;
}



.button02 {
    display: block;
    text-transform: uppercase;
    background: none;
    font-family: 'Roboto Condensed', sans-serif;
    width: auto;
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 0 2.2vw;
    height: 3vw;
    font-size: 0.8vw;
    letter-spacing: 0.01vw;
    font-weight: 700;
    text-align: center;
    margin: 0;
    transition-duration: 0.4s;
    border-bottom: solid 0.5vw #b1453a;
    border-top: solid 0.5vw transparent;
}

.button02:hover {
    background: #b1453a;
    color: #fff;
    transition-duration: 0.4s;
    border-bottom: solid 0.5vw #b1453a;
    border-top: solid 0.5vw transparent;
}



.services-bg h3 {
    display: block;
    color: #fbcd88;
    font-family: 'Playfair Display', serif;
    font-size: 3.2vw;
    line-height: 3.5vw;
    font-weight: 400;
    margin: 0;
    position: absolute;
    bottom: 3vw;
    left: 40vw;
}



.services-bg h2 {
    display: block;
    color: #fbcd88;
    font-family: 'Playfair Display', serif;
    font-size: 3vw;
    line-height: 4vw;
    font-weight: 400;
    margin: 0;
    text-align: center;
}

.services-bg h2 span {
    color: #fff;
}



.projects-slider {
    width: 100%;
    display: block;
    margin-bottom: 4vw;
}

.projects-slider figure {
    width: 100%;
    display: block;
    position: relative;
}

.projects-slider figcaption {
    width: 30%;
    display: block;
    vertical-align: top;
    background: #fff;
    padding: 4vw 2vw 2vw 2vw;
    position: absolute;
    top: 8vw;
    left: 12vw;
}

.projects-slider figcaption h4 {
    display: block;
    color: #d1a869;
    font-family: 'Playfair Display', serif;
    font-size: 2.2vw;
    line-height: 3vw;
    font-weight: 400;
    margin: 0 0 1vw 0;
}

.projects-slider figcaption p {
    display: block;
    color: #333;
    font-family: 'Playfair Display', serif;
    font-size: 1.1vw;
    line-height: 2vw;
    font-weight: 400;
    margin: 0 0 2vw 0;
}

.projects-slider figcaption span {
    display: block;
    color: #d1a869;
    font-family: 'Playfair Display', serif;
    font-size: 1.9vw;
    line-height: 2.5vw;
    font-weight: 400;
    margin: 0 0 4vw 0;
}

.projects-slider figcaption span strong {
    color: #000;
    font-weight: 400;
}



.phead01 {
    font-family: 'Playfair Display', serif;
    font-size: 2.5vw;
    font-weight: 400;
    color: #d1a869;
    margin: 0 0 2.5vw 0;
    text-align: center;
    display: block;
}

.phead01 span {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.9vw;
    font-weight: 400;
    color: #333;
    margin: 0 0 0.5vw 0;
    display: block;
}

.brands {
    margin: 4vw 0 19vw 0;
}





.team-bg {
    background-image: url(../images/team-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;

    padding: 5vw 0 3vw 0;
    position: relative;
    margin-bottom: 4vw;
}



.team {
    width: 100%;
    display: block;
    font-size: 0;
    margin: -20vw 0 0 0;
    vertical-align: top;
}

.team-member {
    display: inline-block;
    width: 100%;
    margin: 0 0.3%;
    background: #fff;
    padding: 0.8vw 0.8vw 1.3vw 0.8vw;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    vertical-align: top;
}

.team-member figure {
    margin: 0 0 1vw 0;
    cursor: pointer;
}

.team-member figcaption {
    text-align: center;
    vertical-align: top;
}

.team-member figcaption h6 {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2vw;
    font-weight: 600;
    color: #d1a869;
    text-transform: uppercase;
}

.team-member figcaption h6 span {
    font-family: 'Playfair Display', serif;
    display: block;
    font-size: 1vw;
    font-weight: 400;
    color: #333;
    text-transform: capitalize;
    margin: 0.1vw 0 1vw 0;
}

.team-member figcaption p {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    font-size: 0.8vw;
    line-height: 1.2vw;
    font-weight: 400;
    color: #333;
    text-transform: capitalize;
    margin: 0 0 1.2vw 0;
}

.team-member figcaption strong {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    font-size: 0.8vw;
    font-weight: 700;
    color: #d1a869;
    text-transform: capitalize;
    margin: 0;
}

.team-member figcaption strong a {
    color: #d1a869;
    cursor: pointer;
}

.team-member figcaption strong a:hover {
    color: #ff3d55;
}

.stats {
    margin: 4vw 0 3vw 0;
}



.testimonial-bg-color {
    background: #fff5ed;
    width: 100%;
    position: relative;
    padding: 16vw 0;
    margin: 0 0 4vw 0;
}

.test-area-main {
    width: 80%;
    display: block;
    position: absolute;
    right: 0;
    top: -10vw;
    vertical-align: top;
}



.test-area {
    width: 95%;
    vertical-align: top;
    display: inline-block;
    position: absolute;
    right: -15vw;
    top: 10vw;
    font-size: 0;
}

.test-box {
    width: 47%;
    margin: 0 0.4%;
    display: inline-block;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 3vw 3vw 5vw 3vw;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1vw;
    line-height: 1.8vw;
    font-weight: 300;
    color: #101e3c;
}

.test-box figure {
    display: block;
    max-width: 20%;
    margin: 0 0 2vw 0;
}

.test-box figure img {
    border-radius: 50%;
}

.test-box p {
    margin: 0 0 2vw 0;
}

.test-box span {
    font-weight: 700;
}



.news-area {
    width: 70%;
    margin-top: -2vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4vw;
    font-size: 0;
}

.news-area-box {
    list-style-type: none;
    width: 100%;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 1vw;
    transition: all .25s ease-in-out;
    text-align: -webkit-center;
}

.news-area-box:hover {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    transition: all .25s ease-in-out;
}

.news-area-box figure {
    display: block;
    border: solid 1px #ececec;
    margin: 0 auto 1vw;
    width: 190px;
    height: 70px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-slide {
    height: auto !important;
}

.news-area-box figcaption {
    display: block;
    text-align: center;
    padding: 1vw;
    color: #101e3c;
}

.news-area-box figcaption span {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.7vw;
    margin: 0 0 1vw 0;
    text-transform: uppercase;
}

.news-area-box figcaption p {
    font-family: 'Playfair Display', serif;
    font-size: 1.3vw;
    margin: 0;
}

.news-area button {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 2vw !important;
}



.contact-area {
    background: #ffebd1;
    padding: 4vw 0 6vw 0;
}

.contact-area form {
    font-size: 0;
    width: 100%;
}

.contact-area input {
    width: 30%;
    font-family: 'Roboto Condensed', sans-serif;
    border: none;
    font-size: 0.8vw;
    margin: 1% 1.6%;
    padding: 1.2vw;
    border-radius: 0.4vw;
    display: inline-block;
    vertical-align: top;
}

.contact-area textarea {
    width: 63%;
    font-family: 'Roboto Condensed', sans-serif;
    border: none;
    font-size: 0.8vw;
    margin: 1% 1.6%;
    padding: 1.2vw;
    border-radius: 0.4vw;
    display: inline-block;
    vertical-align: top;
}



.contact-area button {
    display: inline-block;
    text-transform: uppercase;
    background: none;
    font-family: 'Roboto Condensed', sans-serif;
    width: auto;
    color: #000;
    border: none;
    cursor: pointer;
    padding: 0 2.2vw;
    height: 4vw;
    font-size: 14px;
    letter-spacing: 0.01vw;
    font-weight: 700;
    background: #dfdfdf94;
    text-align: center;
    transition-duration: 0.4s;
    border-bottom: solid 0.5vw #fff;
    border-top: solid 0.5vw transparent;
    margin: 1.5vw 0 0 6vw;
    vertical-align: top;
}

.contact-area button:hover {
    background: #fff;
    color: #cc9966;
    transition-duration: 0.4s;
    border-bottom: solid 0.5vw #fff;
    border-top: solid 0.5vw transparent;
}



.phead02 {
    font-family: 'Playfair Display', serif;
    font-size: 2.5vw;
    font-weight: 400;
    color: #333;
    margin: 0 0 2.5vw 0;
    text-align: center;
    display: block;
}

.phead02 span {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.9vw;
    font-weight: 400;
    color: #333;
    margin: 0 0 0.5vw 0;
    display: block;
}



.map {
    width: 100%;
    border-top: solid 0.5vw #fff;
    border-bottom: solid 0.5vw #fff;
    height: 18vw;
}

footer {
    width: 100%;
    overflow: auto;
    padding: 2.5vw 0 2.5vw 0;
    background: #9d1d20;
    font-size: 0;
}

.footer-left {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    color: #fff;
}

.footer-left a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px solid #8080;
    line-height: 30px;
}

.footer-left a:hover {
    color: #fbcd88;
    text-decoration: underline;
}

.footer-left h6 {
    color: #fbcd88;
    font-family: 'Playfair Display', serif;
    font-size: 1.7vw;
    font-weight: 300;
    letter-spacing: 0.01vw;
}

.footer-right {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: right;
    color: #fff;
}



.footer-right a {
    color: #fff;
}

.footer-right a:hover {
    color: #fff;
    text-decoration: underline;
}



.footer-right h6 {
    font-size: 1.1vw;
    font-weight: 400;
    letter-spacing: 0.01vw;
    padding: 0.8vw 0 0 0;
}

.f-icon {
    margin: 0 0.7vw 0 0;
}

.f-icon02 {
    margin: 0 0.7vw 0 1.2vw;
}

.footer-hr {
    border-bottom: solid 1px #b7595b;
    width: 100%;
    margin: 2.5vw 0 3vw 0;
}



.footer-left li {
    list-style-type: none;
    width: 33.3%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.8vw;
    line-height: 2vw;
    font-weight: 400;
}

.footer-left li strong {
    text-transform: uppercase;
    display: block;
    margin: 0 0 0.5vw 0;
    font-weight: 400;
    font-size: 18px;
}

.footer-left li:nth-child(3) {
    padding: 0 0 0 2.5vw;
}



.footer-right p {
    text-transform: uppercase;
    display: block;
    margin: 0 0 0.5vw 0;
    font-weight: 400;
    font-size: 18px;
}

.footer-right strong {
    font-size: 13px;
    line-height: 1.3vw;
    display: block;
    color: #fbcd88;
    font-weight: 500;
}

.footer-right span {
    font-size: 12px;
    line-height: 27px;
    font-weight: 300;
    display: block;
}



.footer-right button {
    padding: 0.5vw;
    font-size: 11px;
    color: #fff;
    border: solid 2px #d1a869;
    background: none;
    display: block;
    float: right;
    margin: 2vw 0 0 0;
    transition-duration: 0.4s;
    cursor: pointer;
}

.footer-right button:hover {
    background: #d1a869;
    color: #000;
    transition-duration: 0.4s;
}



.footer-right i {
    display: inline-block;
    margin: 0 1vw;
    font-size: 1vw;
    cursor: pointer;
}

.footer-right i:hover {
    margin: 0 1vw;
    color: #fbcd88;
}

.copyright {
    font-size: 0.8vw;
    font-weight: 300;
}

.footer-last {
    margin: 6vw 0 0 0;
}







.headers-inside {
    width: 100%;
    display: block;
    position: relative;
}

.headers-inside figure {
    display: block;
}

.headers-inside figcaption {
    position: absolute;
    top: 11vw;
    width: 100%;
}

.headers-inside figcaption h1 {
    display: block;
    color: #d1a869;
    font-family: 'Playfair Display', serif;
    font-size: 3.6vw;
    font-weight: 400;
    text-align: center;
}



.main-wrapper-inside {
    width: 60%;
    display: block;
    padding: 4vw 3vw 0 3vw;
    position: relative;
    left: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: -9vw;
    margin-bottom: 5vw;
}

.body-txt {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.1vw;
    line-height: 1.8vw;
    font-weight: 300;
    color: #333;
}

.body-txt p {
    margin: 0 0 1.5vw 0;
}



.pos {
    position: relative;
    width: 100%;
    padding: 0;
    display: block;
    margin: 0;
}



.quote {
    margin: 4vw 0;
    display: block;
}



.about-boxes {
    display: block;
    width: 100%;
    font-size: 0;
    margin: 0;
}

.about-boxes-left {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.about-boxes-right {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.about-boxes-left figcaption {
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6vw;
}

.about-boxes-right figcaption {
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7vw;
}

.phead03 {
    font-family: 'Playfair Display', serif;
    font-size: 2.5vw;
    font-weight: 400;
    color: #101e3c;
    margin: 0 0 2.5vw 0;
    display: block;
}



.about-pad {
    display: block;
    margin: 7vw 0;
}

.about-pad ul {

    list-style: none;
    margin: 0 0 1vw 1vw;
    padding: 0;

}

.about-pad ul li::before {

    content: "\2022";

    color: #ebc278;

    font-weight: bold;

    display: inline-block;

    width: 1em;

    margin-left: -1em;

}

.brand-logos {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2vw;
}



.contact-inside {
    width: 100%;
    display: table;
    vertical-align: top;
    font-size: 0;
}

.contact-inside li {
    list-style-type: none;
    width: 50%;
    display: table-cell;
    vertical-align: top;
    border-right: solid 1px #ebebeb;
    padding: 0 3vw;
}

.contact-inside li:last-child {
    border-right: none;
}





.phead04 {
    font-family: 'Playfair Display', serif;

    font-size: 2.5vw;

    font-weight: 400;

    color: #333;

    margin: 0 0 2.5vw 0;

    display: block;
}



.phead05 {
    display: block;

    color: #101e3c;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 1.2vw;

    font-weight: 700;

    margin: 0 0 1.3vw 0;
}

.phead06 {
    display: block;

    color: #101e3c;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 1vw;

    font-weight: 700;

    margin: 0 0 2vw 0;
}

.contact-txt {
    font-family: 'Roboto Condensed', sans-serif;

    font-size: 0.9vw;
    line-height: 1.2vw;

    font-weight: 400;

    color: #333;

    margin: 0 0 4vw 0;

    display: block;
}

.contact-txt02 {
    font-family: 'Roboto Condensed', sans-serif;

    font-size: 1vw;
    line-height: 1.5vw;

    font-weight: 400;

    color: #333;

    margin: 0 0 4vw 0;

    display: block;
}

.c-icons {
    float: left;
    margin: 0 1.5vw 0 0;
    max-width: 8%;
    height: auto;
}



.contact-inside label {
    width: 100%;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.8vw;
    margin: 1% 0;
    padding: 0;
    color: #d2a869;
}

.contact-inside input {
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.9vw;
    font-weight: 500;

    margin: 0 0 10% 0;
    padding: 1.2vw 1.2vw 0.8vw 0;
    display: block;
    border-bottom: solid 1px #ebebeb;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
}

.contact-inside textarea {
    width: 100%;
    height: 7vw;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.9vw;
    font-weight: 500;
    margin: 0 0 10% 0;
    padding: 1.2vw 1.2vw 0.8vw 0;
    display: block;
    border-bottom: solid 1px #ebebeb;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
}

.contact-inside button {
    display: inline-block;

    text-transform: uppercase;

    background: #9e1c20;

    font-family: 'Roboto Condensed', sans-serif;

    width: 100%;

    color: #fff;

    border: none;

    cursor: pointer;

    padding: 1vw;

    font-size: 1.2vw;

    letter-spacing: 0.01vw;

    font-weight: 700;

    text-align: center;

    transition-duration: 0.4s;

    margin: 0;

    vertical-align: top;
}

.contact-inside button:hover {
    background: #cc080e;
}





.projects-page {
    width: 100%;
    display: block;
    margin: 0 0 0.3vw 0;
}

.projects-page figure {
    width: 100%;
    display: block;
    position: relative;
}

.projects-page figcaption {
    width: auto;
    display: block;
    vertical-align: top;
    background: #fff;
    padding: 3vw;
    position: absolute;
    top: 4vw;
    right: 7vw;
}



.projects-page figcaption h4 {
    display: block;
    color: #d1a869;
    font-family: 'Playfair Display', serif;
    font-size: 2.2vw;
    line-height: 3vw;
    font-weight: 400;
    margin: 0 0 1vw 0;
    text-transform: uppercase;
}

.projects-page figcaption p {
    display: block;
    color: #333;
    font-family: 'Playfair Display', serif;
    font-size: 1.1vw;
    line-height: 2vw;
    font-weight: 400;
    margin: 0 0 2vw 0;
}

.projects-page figcaption span {
    display: block;
    color: #d1a869;
    font-family: 'Playfair Display', serif;
    font-size: 1.9vw;
    line-height: 2.5vw;
    font-weight: 400;
    margin: 0 0 1vw 0;
}

.projects-page figcaption span strong {
    color: #000;
    font-weight: 400;
}





.projects-page02 {
    width: 100%;
    display: block;
    margin: 0 0 0.3vw 0;
}

.projects-page02 figure {
    width: 100%;
    display: block;
    position: relative;
}

.projects-page02 figcaption {
    width: auto;
    display: block;
    vertical-align: top;
    background: #fff;
    padding: 3vw;
    position: absolute;
    top: 4vw;
    left: 7vw;
}



.projects-page02 figcaption h4 {
    display: block;
    color: #d1a869;
    font-family: 'Playfair Display', serif;
    font-size: 2.2vw;
    line-height: 3vw;
    font-weight: 400;
    margin: 0 0 1vw 0;
    text-transform: uppercase;
}

.projects-page02 figcaption p {
    display: block;
    color: #333;
    font-family: 'Playfair Display', serif;
    font-size: 1.1vw;
    line-height: 2vw;
    font-weight: 400;
    margin: 0 0 2vw 0;
}

.projects-page02 figcaption span {
    display: block;
    color: #d1a869;
    font-family: 'Playfair Display', serif;
    font-size: 1.9vw;
    line-height: 2.5vw;
    font-weight: 400;
    margin: 0 0 1vw 0;
}

.projects-page02 figcaption span strong {
    color: #000;
    font-weight: 400;
}



.main-wrapper-inside02 {
    width: 86%;
    margin: 0 auto;
    display: block;
    padding: 1.3vw 1.3vw 0 1.3vw;
    position: relative;
    left: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -9vw;
    margin-bottom: 5vw;
}

.main-wrapper-inside02 figure {
    width: 47%;
    display: inline-block;
    vertical-align: top;
}

.main-wrapper-inside02 figcaption {
    width: 53%;
    display: inline-block;
    vertical-align: top;
    padding: 1.5vw 2vw 0 2vw;
    text-align: center;
}



.main-wrapper-inside02 figcaption h4 {
    display: block;
    color: #d1a869;
    font-family: 'Playfair Display', serif;
    font-size: 2.2vw;
    line-height: 3vw;
    font-weight: 400;
    margin: 0 0 1vw 0;
    text-transform: uppercase;
}

.main-wrapper-inside02 figcaption p {
    display: block;
    color: #333;
    font-family: 'Playfair Display', serif;
    font-size: 1.1vw;
    line-height: 2vw;
    font-weight: 400;
    margin: 0 0 2vw 0;
}

.main-wrapper-inside02 figcaption span {
    display: block;
    color: #d1a869;
    font-family: 'Playfair Display', serif;
    font-size: 1.9vw;
    line-height: 2.5vw;
    font-weight: 400;
    margin: 0 0 1vw 0;
}

.main-wrapper-inside02 figcaption span strong {
    color: #000;
    font-weight: 400;
}





.project-inside-slider {
    width: 86%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5vw;
    padding: 0 1.3vw 0 1.3vw;
}



.main-wrapper-inside03 {
    width: 65%;
    display: block;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vw;
    margin-bottom: 8vw;
}

.location-map {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: solid 3px #fff;
    margin-bottom: 5vw;
    display: block;
}



.download-btns {
    width: 100%;
    vertical-align: top;
    font-size: 0;
}

.download-btns-box {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1.5%;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    font-size: 0;
}

.download-btns-box figure {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.download-btns-box figcaption {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding: 4vw 1vw 0 1vw;
}

.download-btns-box figcaption h5 {
    display: block;
    color: #000;
    font-family: 'Playfair Display', serif;
    font-size: 2.2vw;

    line-height: 2.5vw;
    font-weight: 400;
    margin: 0;
    text-align: center;
}

.download-btns-box figcaption h5 span {
    color: #d1a869;
    font-size: 1.5vw;
}







.team-inside {
    width: 100%;
    display: block;
    font-size: 0;
    margin: 0;
}

.team-member-inside {
    display: inline-block;
    width: 30%;
    margin: 1.6%;
    background: #fff;
    padding: 0.8vw 0.8vw 1.3vw 0.8vw;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    vertical-align: top;
}

.team-member-inside figure {
    margin: 0 0 1vw 0;
    cursor: pointer;
}

.team-member-inside figcaption {
    text-align: center;
}

.team-member-inside figcaption h6 {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2vw;
    font-weight: 600;
    color: #d1a869;
    text-transform: uppercase;
}

.team-member-inside figcaption h6 span {
    font-family: 'Playfair Display', serif;
    display: block;
    font-size: 1vw;
    font-weight: 400;
    color: #333;
    text-transform: capitalize;
    margin: 0.1vw 0 1vw 0;
}

.team-member-inside figcaption p {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    font-size: 0.8vw;
    line-height: 1.2vw;
    font-weight: 400;
    color: #333;
    text-transform: capitalize;
    margin: 0 0 1.2vw 0;
}

.team-member-inside figcaption strong {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    font-size: 0.8vw;
    font-weight: 700;
    color: #d1a869;
    text-transform: capitalize;
    margin: 0;
}

.team-member-inside figcaption strong a {
    color: #d1a869;
    cursor: pointer;
}

.team-member-inside figcaption strong a:hover {
    color: #ff3d55;
}







/* The Modal (background) */

.modal {

    display: none;
    /* Hidden by default */

    position: fixed;
    /* Stay in place */

    z-index: 10;
    /* Sit on top */

    padding-top: 100px;
    /* Location of the box */

    left: 0;

    top: 0;

    width: 100%;
    /* Full width */

    height: 100%;
    /* Full height */

    overflow: auto;
    /* Enable scroll if needed */

    background-color: rgb(0, 0, 0);
    /* Fallback color */

    background-color: rgba(0, 0, 0, 0.8);
    /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

    background-color: #fff;

    margin: auto;

    padding: 0.5vw 1.5vw 1.5vw 1.5vw;

    border: 1px solid #fff;

    width: 60%;

}



/* The Close Button */

.close {

    color: #aaaaaa;
    display: block;
    text-align: right;

    font-size: 28px;

    font-weight: bold;

}



.close:hover,

.close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

}

.my-modal {
    width: 100%;
    display: block;
    font-size: 0;
    padding: 1vw 0 0.5vw 0;
}

.modal-left {
    width: 28%;
    display: inline-block;
    vertical-align: top;
}

.modal-left img {
    box-shadow: rgb(17 17 26 / 10%) 0px 0px 16px;
}



.modal-left figcaption {
    width: 100%;
    margin: 1vw 0 0 0;
    text-align: center;
}

.modal-left i {
    display: inline-block;
    margin: 0 1vw;
    font-size: 1.5vw;
    cursor: pointer;
    color: #9d1d20;
}

.modal-left i:hover {
    margin: 0 1vw;
    color: #fbcd88;
}



.modal-right {
    width: 72%;
    display: inline-block;
    vertical-align: top;
    padding: 1vw 0 2vw 2vw;
}

.modal-right p {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.1vw;
    line-height: 1.8vw;
    font-weight: 300;
    color: #333;
}



.modal-right h1 {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2vw;
    font-weight: 600;
    color: #d1a869;
    text-transform: uppercase;
}

.modal-right h1 span {
    font-family: 'Playfair Display', serif;
    display: block;
    font-size: 1vw;
    font-weight: 400;
    color: #333;
    text-transform: capitalize;
    margin: 0.1vw 0 1vw 0;
}

@media(max-width:767px) {
    .about-left {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin: 0 8% 0 0;
    }

    .about-right {
        width: 100%;
    }

    .button01 {
        display: inline;
    }

    .footer-left li {
        padding-bottom: 10px;
        list-style-type: none;
        width: 100%;
        text-align: left !important;
        border-bottom: 1px solid #d7d7d791;
        margin-bottom: 15px;

    }
}