body{
    margin:0;
    font-family:helvetica, sans-serif;
}

html{
    scroll-behavior: smooth;
}

#topwrapper{
    position:relative;
}

#topwrapper .mobile{
    display:none;
}

#main-menu a.active {
    color: #5C175A;

}

#topwrapper .logo{
    width:172px;
    margin:0 40px
}

.flex{
    display:flex;
    flex-wrap:wrap;

}

h1{
    text-align:center;
    color:#fff;
    font-weight:normal;
    font-size: clamp(40px, 6.25vw, 75px);
    font-family: "museo-slab", serif;
}

h1 span{
    font-weight:700;
}

#tulip h2{
    color:#5C175A;
    font-size: clamp(28px, 3.33vw, 60px);
    font-family: "museo-slab", serif;
}

#tulip .large{
    color:#5C175A;
    letter-spacing: -1px;
    font-size: clamp(22px, 3.33vw, 60px);
}

.padding{
    padding:100px 0;
}

.button{
    color:#fff;
    text-decoration:none;
    font-size: clamp(14px, 1.3vw, 18px);
    border:1px solid #fff;
    border-radius:5px;
    padding:8px 12px;
}

.button.green{
    border:1px solid #72911D;
    color:#000;
}
.link{
    position:absolute;

    margin:-200px;
}

#topwrapper .nav{
    display:flex;
    justify-content:center;
    align-items:center;
}


#topwrapper #google_translate_element{
    position:absolute;
    right:40px;
    top:31%;

}

#topwrapper .goog-te-gadget-simple{
    border:1px solid #72911D;
    border-radius:5px;
    width: 159px;
    height: 17px;
    padding: 10px;
}

#navwrapper .menu-close, .menu-toggle {
    display: none;
}

#navwrapper li{
    margin:0 70px;
}

#topwrapper.scrolled{
    position:fixed;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition:all 1s;
    top:0;
    left:0;
    width:100%;
    z-index:9;
    background:#fff;
}
#navwrapper.scrolled .logo{
    width:100px;
}

#navwrapper li a:hover, #navwrapper .lion{
    color: #5C175A;
}

#navwrapper li a{
    text-decoration:none;
    color:#000000;
    font-size: clamp(15px, 1.25vw, 15px);
}

#navwrapper ul{
    list-style-type:none;
}

#tulip .head .overlay{
    position:absolute;
    left:0;
    width:100%;
    top:250px;
    z-index:8;
    text-align:center;
}

#tulip .head{

    position:relative;
     
    max-height: 820px;
    overflow: hidden;

    color:#fff;
}




.rslides {
    position: relative;
    list-style: none;
    width: 100%;
    padding:0;

    margin:0;
    display: block;
    height: auto !important;
    display:none;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    text-align:center;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    float: left;
    width: 100%;
    border: 0;
}

#tulip .part{
    position:relative;
    width:25%;
}

#tulip .part img{

}

#tulip .part .caption{
    position:absolute;
    bottom:80px;
    left:60px;
    z-index:8;
    font-family: "museo-slab", serif;
    font-size: clamp(20px, 2.5vw, 40px);
}

#tulip .part .caption span{
    font-weight:700;
}

#tulip .head .line{
    height:1px;
    background:#fff;
    width:100%;
    position:absolute;
    bottom:240px;
    z-index:8;
}

#tulip .new {
    text-align:center;
}


#tulip .box{
    background:rgba(114, 145, 29, 0.06);
    position:relative;
}

#tulip .new .box{
    width:100%;
    max-width:927px;
    margin:0 auto;
    padding:0 0 60px 0;
}

#tulip .new .line{
    height:1px;position:relative;
    margin:50px -5%;
    width:110%;
    background:rgba(92, 23, 90, 1);
}

#tulip .new .tulip img{
    margin:-40px auto 40px auto;
}

#tulip .services .service .caption{
    margin:15px 0 0 0;
    line-height:1;
}

#tulip .services .service.last{
    border-right:none;
}

#tulip .services .service{
    text-align:center;
    border-right:1px solid #fff;
    flex-basis:16%;
    padding:40px 0 25px 0;
}



#tulip .services .service.specialty:after{
    content:'';
    width:1px;
    height:600px;
    position:absolute;
    right:-1px;
    top:0;
    background:#fff;
}

#tulip .services .service.specialty{
   position:relative;
    border:none;
}

#tulip .services .flex{
    position:relative;
    margin:0 0 60px 0;
}

#tulip .services .flex:after{
    content:'';
    top:50%;
    left:-60px;
    height:1px;
    width:95%;
    position:absolute;
    background:#fff;
}

#tulip .services .flex:before{
    content:'';
    top:0px;
    right:-60px;
    height:1px;
    width:95%;
    position:absolute;
    background:#fff;
}

#tulip .services{
    background-image:url(images/services.jpg);
    background-size:cover;
    background-attachment:fixed;
    color:#fff;
    padding:200px 60px 130px 60px;
    justify-content:space-between;
    font-family: "museo-slab", serif;
    position:relative;
    font-size: clamp(18px, 1.8vw, 27px);
}

#tulip .services .caption .large{
    font-family: helvetica, sans-serif;
    letter-spacing: -1.5px;
}

#tulip .services .caption{
    line-height:0.3;
    position:relative;
}

#tulip .services .mobile{
    display:none;
}

#tulip .services .caption.bot:after{
    right:-60px;
    top:10px;
    content:'';
    position:absolute;
    height:1px;
    width:900px;
    background:#fff;

}

#tulip .services .large, #tulip .services h2{
    color:#fff;
    font-size: clamp(30px, 333.3vw, 60px);
}

#tulip .main{
    width:100%;
    max-width:1400px;
    margin:0 auto;
}

#tulip .about{
    padding:200px 0 0px 0;
}


#tulip .about .left{
    width:35%;
    position:relative;
}

#tulip .about .right h2{
    margin:0;
}

#tulip .about .right .large{
    font-size: clamp(24px, 2.5vw, 36px);
    margin:0 0 40px 0;
}

#tulip .about .right{
    width:55%;
}

#tulip .text{
    line-height:1.5;
}

#tulip  .quote{
    margin:30px 0;
    letter-spacing: -1px;
    line-height:1;
    font-size: clamp(30px, 333.3vw, 60px);
    color:#72911D;
}

#tulip .about .flex{
    justify-content:space-between;
    align-items:end;
}

#tulip .about .bg{
    position: absolute;
    bottom: 0px;
    right: -30px;
}

#tulip .about .pic{
    position: absolute;
    bottom: 80px;
}

#tulip .mission .flex{
    justify-content:space-between;
    align-items:end;
}

#tulip .mission{
    overflow:hidden;
    padding:100px 0 120px 0;
}

#tulip .mission .left{
    width:42%;
}

#tulip .mission .large:after{
    content:'';
    position:absolute;
    right: -350px;
    width: 75%;
    background: #5C175A;
    height: 1px;
    bottom: 20px;

}

#tulip .mission .large{
    font-size: clamp(30px, 333.3vw, 60px);position:relative;
}

#tulip .mission h2{
    font-size: clamp(24px, 2.91vw, 46px);
    margin:0 0 30px 0;
}

#tulip .mission .right{
    width:50%;
    position:relative;
}

#tulip .mission .col img{
    width:100%;
}

#tulip .mission .col{
    width:45%;
}

#tulip .mission .col.two{
    position:absolute;
    right: 0;
    top: -250px;
}

#tulip .mission .bg{
    position: absolute;
    top: -80px;
    left: -100px;
}

#tulip .contact{
    background-image:url(images/contact.jpg);
    background-size:cover;
    background-attachment:fixed;
    color:#fff;
}

#tulip .contact .flex{
    margin:0 auto;
    width:100%;
    max-width:900px;
    justify-content:space-between;
    align-items:end;
    padding:200px 0 150px 0;
}

#tulip .contact .flex .left{
    text-align:right;
    width:51%;
}

#tulip .contact h2{
    margin:0 0 40px 0;
}

#tulip .contact .large, #tulip .contact h2{
    color:#fff;
}

#tulip .contact .text{
    font-size: clamp(15px, 1.6vw, 27px);
}

#tulip .contact .button{
    background:none;
    margin: 20px auto;
    display: block;
}
#tulip .contact .bottom{
    padding:80px 0;
    font-size: clamp(30px, 3.33vw, 65px);
    font-family: "museo-slab", serif;
    font-weight:bold;
    text-align:center;
    border-top:1px solid #fff;
}


#tulip .contact .right{
    border-radius:10px;
    background:#fff;
    padding:40px;
    color:#000;
    width:36%;
}



#tulip .textfield, #tulip .textarea{
    resize:none;
    font-family: helvetica, sans-serif;
    height:45px;
    border-radius:2px;
    margin:0 0 4px 0;
    border:1px solid #D9D9D9;
    width:95%;
    padding:0 0 0 15px;
}

#tulip .textarea{
    margin:0 0 20px 0;
    padding: 20px 0 0 15px;
    height: 125px;
}

#tulip select.textfield{
    width:100%;
}

#footerwrapper{
    padding:30px 80px;
    line-height:1.4;
    font-size: clamp(11px, 1vw, 12px);
}

#footerwrapper .flex a{
    color:#000;
}

#footerwrapper .logo a{
    text-decoration:none;
}

#footerwrapper .logo img{
    width:auto;
}

#footerwrapper .logo{
    width:auto;
}

#footerwrapper .contactinfo{

    margin:0 0 0 40px;
}

#footerwrapper .logo{
    display:flex;
    justify-content:space-between;
}

#footerwrapper .flex{
    justify-content:space-between;
}