@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*
font-family: "Montserrat", sans-serif;
font-family: "Poppins", sans-serif;
font-family: "Cormorant Garamond", serif;
*/

*{margin:0; padding:0; box-sizing: border-box;}
*:focus {outline: none;}
html,body{ height:100%; width:100%;font-family:"Montserrat", sans-serif;}
body{color:#191919;font-size:15px;font-weight:400;}
header,section,article,figure,aside,footer,nav{ display:block;}
.clr{ clear:both;}
ul{ list-style:none;margin:0px; padding:0px;  }
figure,img,iframe,video{ max-width:100%; vertical-align:bottom;}
a{text-decoration:none; }
p{margin:5px 0 20px 0; line-height:23px; }
textarea{ resize:none;}
*{-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-ms-transition: all 400ms linear;-o-transition: all 400ms linear;transition: all 400ms linear;}

.aligner{margin:0px auto;max-width:1200px; position:relative;}

.myheader{background:#FFF;-webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.2);box-shadow: 0 2px 5px 2px rgba(0,0,0,0.2);padding:10px 20px;}
.myheader.sticky{position:fixed;z-index:9999;animation:header_ani 0.7s linear forwards; width:100%;}
@keyframes header_ani{
  0% { position:fixed;top:-100px;height:0px;opacity:0;}
  50% { position:fixed;top:-50px;height:10px;opacity:0.2;}
  100% { position:fixed;top:0px;height:auto;opacity:1;}
}

.sticky .logo_holder img{}

.sticky .nav_holder{padding:0;}
#pull{display:none;}

.logo_holder{width:18%;float:left;}

.nav_holder{float:right;font-size:14px;font-weight:500;}


.navigation{ cursor:pointer;display:none; float:right; padding:10px; }
.menu_controller{ cursor:pointer; display:none;}
.menuholder{float:left; padding:10px 0 0 0;}
.sujit-nav{}
.sujit-nav ul li{ float:left; position:relative;margin-left:15px;}
.sujit-nav ul li a{color:#212121; display:block; padding:6px 12px;border-radius:5px;}
.sujit-nav ul li a:hover,.sujit-nav ul li:hover a{border-bottom:2px solid #017ddf;}
.sujit-nav ul li.current_page_item>a{border-bottom:2px solid #017ddf; }
.sujit-nav ul li:last-child a{background:#017ddf;color:#FFF;}
.sujit-nav ul li:last-child a:hover{background:#008eff;}

.sujit-nav ul li ul{display:none;}

.banner_block{}
.banner_slider{}
.banner_slider img{}
.bx-caption{ padding:8px;}

.banner_aligner{margin:0px auto;max-width:1200px; position:relative;}
.litchi_banner{background:#fd8996;}
.litchi_banner h1{color:#a8001b;}
.litchi_banner h3{color:#9c2b3b;}
.lemon_banner{background:#c7d073;}
.lemon_banner h1{color:#0d371a;}
.lemon_banner h3{color:#31583d;}
.orange_banner{background:#f09f36;}
.orange_banner h1{color:#603206;}
.orange_banner h3{color:#ea8b27;}
.all_banner{background:#f6f7f1;}

.banner_quote{position:absolute; top:120px;font-family: "Montserrat", sans-serif; font-size:14px;font-weight:400;color:#000;}
.banner_quote.right{right:0;}
.banner_quote.left{left:0;}
.banner_quote.center{width:100%; text-align:center;}
.banner_quote h1{font-family: "Montserrat", sans-serif; font-size:35px; font-weight:800;}
.banner_quote h3{font-family: "Montserrat", sans-serif; font-size:16px; font-weight:500;margin:10px 0;}

.badge_container{position:relative;margin-top:-50px;}
.badge_box{margin:0px auto;max-width:1200px; position:relative; background:#FFF; border-radius:7px; z-index:999;padding:25px; display:flex; justify-content:space-around;-webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,0.2);box-shadow: 0 2px 10px 3px rgba(0,0,0,0.2);}
.badge{display:flex; max-width:270px;position:relative;}
.badge:after{content:'';width:2px;height:40px;background:#efefef;position:absolute; top:18px;right:0px;}
.badge:last-child:after{width:0px;height:0px;}
.badge_icon{width:70px;padding:10px 0 0; text-align:center;}
.badge_content{padding:0 15px 0 0;}
.badge_content h3{font-size:16px; color:#017ddf;}
.badge_content p{margin:5px 0 0 0; font-size:13px; line-height:17px;}


.welcome_products_block{padding:60px 0;}
.welcome_products_block h1{font-family: "Montserrat", sans-serif; font-size:19px;font-weight:600;color:#017ddf; text-transform:uppercase;}
.product_heading{ text-align:center;padding:0 0 20px 0;}


.products_container{display:flex; justify-content:space-between; flex-wrap:wrap;}
.productbox{ max-width:31%;}
.productbox{border-radius:15px;}
.productbox.litchi{background:#fef7f7;}
.productbox.lemon{background:#f7f9f2;}
.productbox.orange{background:#fefaf3;}
.product_thumb{position:relative; overflow:hidden; border-radius:15px;}
.Product_info{padding:15px 25px;}
.Product_info h2{font-size:18px;}
.litchi h2{color:#a8001b;}
.orange h2{color:#f87c01;}
.lemon h2{color:#0d371a;}
.litchi a{color:#a8001b;border:1px solid #a8001b;}
.orange a{color:#f87c01;border:1px solid #f87c01;}
.lemon a{color:#0d371a;border:1px solid #0d371a;}
.litchi a:hover{background:#a8001b;color:#FFF}
.orange a:hover{background:#f87c01;color:#FFF}
.lemon a:hover{background:#0d371a;color:#FFF}

.productbox:hover .product_thumb img{ transform:scale(1.1);}
.productbox a{border-radius:8px;display:inline-block;font-size:14px;font-weight:600;padding:8px 25px;position:relative;}
.productbox a:hover{}




.welcome_block{background:#FFF;  padding:20px 0 50px 0px;}
.welcome_block .aligner{display:flex; justify-content:space-between;}
.welcome_thumb{width:500px;}
.welcome_msg{padding:20px 0 0 50px;}
.welcome_msg h3{font-family: "Montserrat", sans-serif; font-size:16px;font-weight:600;color:#3d3d3d; text-transform:uppercase;}
.welcome_msg h1{font-family: "Montserrat", sans-serif; font-size:35px;font-weight:600;color:#017ddf;}
.align_center{ text-align:center;}




.promo_block{padding:40px 20px;text-align:center;}
.Internal_banner_block {background: linear-gradient(-45deg, #eef8df, #fff3dd, #e4f3ff);background-size: 400% 400%;animation: gradient 15s ease infinite;padding:80px 0 40px 0;}
.Internal_banner_block h4{font-family: "Montserrat", sans-serif; font-size:16px;font-weight:600;color:#017ddf; text-transform:uppercase;}
.Internal_banner_block h1{font-family: "Montserrat", sans-serif; font-size:40px;font-weight:700;color:#393939;}

.the_content{padding:80px 0;}
.the_content .aligner{display:flex; justify-content:space-between;}

.about_msg{width:50%;padding:0 30px 0 0}
.about_msg h4{font-family: "Montserrat", sans-serif; font-size:16px;font-weight:600;color:#017ddf; text-transform:uppercase;}
.about_msg h1{font-family: "Montserrat", sans-serif; font-size:35px;font-weight:600;color:#393939;margin:15px 0;}
.about_msg a{ background:#00569e; display:inline-block; padding:15px 25px; border-radius:20px;font-weight:bold;color:#FFF;}
.about_msg a:hover{background:#2b2f32;}
.about_thumb{ width:50%;}

.contact_add{width:48%;padding:20px; background:#e4f3ff; border-radius:15px;}
.contact_map{width:50%; background:#e4f3ff; border-radius:15px; overflow:hidden;}
.contact_add h4{font-family: "Montserrat", sans-serif; font-size:16px;font-weight:600;color:#017ddf; text-transform:uppercase;}
.contact_add h1{font-family: "Montserrat", sans-serif; font-size:25px;font-weight:600;color:#393939;margin:15px 0 0 0 ;}
.contact_add p{margin:8px 0;}

@keyframes gradient {
	0%{background-position: 0% 50%;}
	50%{background-position: 100% 50%;}
	100%{background-position: 0% 50%;}
}
.promo_block h1{color:#FFF; font-weight:600; font-size:30px;font-family: "Cormorant Garamond", serif;}
.promo_block a{background:#383838; border-radius:6px;color:#FFF;display:inline-block;font-size:16px;padding:8px 12px;position:relative;margin:15px;}
.promo_block a:hover{background:#FFF; color:#383838;}


footer{background:#2d3032;color:#FFF;display:block;padding:20px 0 0 0;font-size:13px;}
.footer_block{display:flex; justify-content:space-between;padding:0;}
.footer_block a{color:#e3e3e3;}
.footer_block p{ font-size:12px;}
.footer_block h3{ font-size:22px; margin:0 0 18px 0; font-weight:500;}

.footer_box{}
.footer_box2{ width:600px;}

.footer_menu ul li{float:left; margin:0px; min-width:180px;padding:5px 5px 15px 15px; position:relative; font-size:15px;}
.footer_menu ul li a{}
.footer_menu ul li a:hover{color:#93a900;}
.footer_menu ul li:before{content:"\f101";color:#93a900; position:absolute; left:0;top:5px;font-family:'FontAwesome';transition: all 200ms linear;}
.footer_menu ul li:hover:before{left:3px;}
.footer_logo{}
.footer_social{padding:0 0 5px 0;}
.footer_social ul li{display:inline-block;margin:5px;}
.footer_social i{ font-size:25px;}
.footer_social a{color:#b1dafa;  height:30px; width:30px; text-align:center; line-height:35px;display:block;}
.footer_social a:hover{color:#FFF;}
.newsletter_block{}
.newsletterform{position:relative;}
.newsletterform input[type='email']{padding:12px 60px 12px 10px;background:#FFF; border:1px solid #141414;width:100%;color:#000; font-size:14px;}
.newsletterform input[type='submit']{ padding:10px;background-color:#93a900; border:1px solid #93a900;width:50px;height:40px;color:#FFF; font-size:14px; position:absolute;right:0;top:1px;text-indent:-9999px;cursor:pointer;z-index:99;}
.newsletterform input[type='submit']:hover{background-color:#bff747;border:1px solid #93a900;color:#000;}
.newsletterform::after{content:'\f1d9';font-family:'FontAwesome'; font-size:18px; position:absolute;right:20px;top:12px;z-index:999;color:#FFF;}
.newsletterform:hover input[type='submit']::after{content:'\f1d9';font-family:'FontAwesome'; font-size:18px; position:absolute;right:20px;top:12px;z-index:999;color:#FFF;}

.copyright{text-align:center; padding:20px; font-size:14px; border-top:1px solid #e1f3fd; margin:10px 0 0 0;}

.animatethis{ z-index:9;}
.animated {animation-duration: 1s; animation-fill-mode: both;}
/* Optional Delays, change values here  */
.one { animation-delay: 0.2s; }
.two { animation-delay: .6s; }
.three { animation-delay: 1s; }
.four { animation-delay: 1.4s; }
/* Animations start here  */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; } }
.fadeIn { animation-name: fadeIn; }

@keyframes fadeInDown {
  from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: none; } }
.fadeInDown { animation-name: fadeInDown; }

@keyframes fadeInUp {
  from { opacity: 0; transform: translate3d(0, 20px, 0); }
  to { opacity: 1; transform: none; } }
.fadeInUp { animation-name: fadeInUp; }


@keyframes fadeInUpBig {
  from { opacity: 0; transform: translate3d(0, 100px, 0); }
  to { opacity: 1; transform: none; } }
.fadeInUpBig { animation-name: fadeInUpBig; }


@keyframes fadeInLeft {
  from { opacity: 0; transform: translate3d(-30px, 0, 0)rotateZ(30deg); }
  to { opacity: 1; transform: none; } }
.fadeInLeft { animation-name: fadeInLeft; }


@keyframes fadeInLeftBig {
  from { opacity: 0; transform: translate3d(-100px, 0, 0); }
  to { opacity: 1; transform: none; } }
.fadeInLeftBig { animation-name: fadeInLeftBig; }


@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(100%, 0, 0); }
  to { opacity: 1; transform: none; } }
.fadeInRight { animation-name: fadeInRight; }




.das.startanimation{animation: fadeInUp 2s;}
.welcome_msg.startanimation{animation: fadeInLeftBig; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.welcome_thumb.startanimation{animation: fadeInRight; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.welcome-thumbnail.startanimation{animation: fadeInUp; animation-duration: 1s;animation-delay: 0.8s;animation-fill-mode: both; backface-visibility: hidden;}

.about_msg.startanimation{animation: fadeInRight; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.about_thumb.startanimation{animation: fadeInLeftBig; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}

.board_member_holder.startanimation{animation: fadeInLeftBig; animation-duration:1s;animation-delay:0s;animation-fill-mode: both; backface-visibility: hidden;}
.other_member_holder.startanimation{animation: fadeInRight; animation-duration:1s;animation-delay:0s;animation-fill-mode: both; backface-visibility: hidden;}

.focus_heading.startanimation{animation: fadeInDown; animation-duration:1s;animation-delay:0s;animation-fill-mode: both; backface-visibility: hidden;}
.focus_box.startanimation{animation: fadeInUpBig; animation-duration:1s;animation-delay:0s;animation-fill-mode: both; backface-visibility: hidden;}

.project_hightlights.startanimation{animation: fadeInLeftBig; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.photo_gallery.startanimation{animation: fadeInRight; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}

.footer_menu.startanimation.one{animation: fadeInLeftBig; animation-duration: 1s;animation-delay: 0.3s;animation-fill-mode: both; backface-visibility: hidden;}
.footer_menu.startanimation.two{animation: fadeInLeftBig; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.footer_menu.startanimation.three{animation: fadeInRight; animation-duration: 1s;animation-delay: 0s;animation-fill-mode: both; backface-visibility: hidden;}
.footer_menu.startanimation.four{animation: fadeInRight; animation-duration: 1s;animation-delay: 0.3s;animation-fill-mode: both; backface-visibility: hidden;}
.copyright.startanimation{animation: fadeInUp; animation-duration: 1s;animation-delay: 0.3s;animation-fill-mode: both; backface-visibility: hidden;}