@font-face {font-family:"roboto light";src:url("fonts/Roboto-Light.ttf") format("truetype");font-weight:normal;font-style:normal;}
* { margin:0; padding:0; box-sizing:border-box;vertical-align:top;}
body{font-family:"roboto light";line-height:1.5;overflow-x:hidden;}
img{width:100%;}
div{display: inline-block;margin-right: -4px;}
a{color:#dd4b45;text-decoration:none;top:15px;position:relative;}

#loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000;text-align:center;}
#loading img{width:10%;position:relative;top:40%;animation: zoom .8s infinite;border-radius:50%;padding:20px;}
#left_pattern,#right_pattern{width:5%;overflow:hidden;height:100%;}
.flip img{-moz-transform: scale(-1, 1);-webkit-transform: scale(-1, 1);-o-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);}
#center_section{width:90%;text-align:center;position:relative;box-shadow:0 0 100px #000;}
#menu{width:100%;position:relative;}
#menu_pattern{width: 100%;height:10px;background:red;position: absolute;top: 30px;left: -2px;z-index: -1;}
#menu_pattern>div{width:100%;height:3px;position:absolute;bottom:0px;background:#fff;left:0;border-bottom:1px solid #aaa;}
#logo{width:24%;margin-top:-35px;}
#footer{margin-top:-4px;position:relative;}
#tag_line{width: 100%;font-size: 20px;letter-spacing: 10px;margin-top:-5px}
#carosal{position:relative;}
#header{position:relative;}
#left_item{left:20%;position: absolute;font-size: smaller;top: 2px;}
#left_item a{top:3px;color:#000}
#right_item{float:right;position:absolute;right:10%;top:5px;font-size:smaller;}
#logo a{top:auto;}
#menu + div{pointer-events:none;}

#about_us{width:100%;}
#about_us_banner{width:50%;padding-left:30px;}
#about_us_content{width:50%;text-align:left;padding-top:5%;}

#biotech{width:100%;text-align:left;padding-left:15%;padding-bottom:10%;margin-top:-30%;margin-left:-4px;}
#biotec_banner{width:54%;margin-right:-50px;}
#biotec_content{width:46%;vertical-align: bottom;}

#nursery{width:100%;}
#nursery_content{width:35%;text-align:left;}
#nursery_banner_left{width:45%;margin-left:-10px;margin-top:-5%;}
#nursery_banner_right{width:20%;vertical-align:bottom;margin-bottom:10%;margin-left:4px;}

#exotic_plants{position:relative;margin-top:-50px;}
#exotic_plants_content{text-align:left;}
#exotic_plants_camera{width:250px;margin-top:-5%;}
#exotic_plants_galler{width:80%;}

#tea_cup{width:30%;}
#contact_details{width:35%;}
#contact_card{width:30%;vertical-align:bottom;transform:rotate(30deg);position:relative;top:60px;left:-50px;box-shadow:10px 10px 50px #ccc;}
#contact_mobile{width: 60%;text-align: right;position: relative;top: -10px;}

.gallery_items{width:30%;}
.gallery_band{background:#e6917e;height:40%;width:100%;position: absolute;left: 0;z-index: -1;top: 45%;}
.carosal_item:first-child{position:relative;display:block;}
.carosal_item{position:absolute;;top:0;left:0;display:none;top:0;left:0;}
.title{width:100%;color:#dd4b45;font-size:36px;}
.fern_leaf{position: absolute;width:200px;
  -webkit-transform-origin: 50% 0;transform-origin:0 100%;-webkit-animation: swinging 5s ease-in-out forwards infinite;animation: swinging 5s ease-in-out forwards infinite;
}
.fern_leaf.flip{transform-origin:100% 100%}
#footer .fern_leaf{top:-50%;}
.mapouter{position:relative;}

iframe,.gmap_canvas{height:100% !important;width:100% !important;}
.mapouter{position: absolute;left: 12%;right: 14%;top: 11%;bottom: 10.5%;width: auto !important;height: auto !important;overflow: hidden;border: 5px solid;background: #fff;}
.swing{-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-animation: swinging 3s ease-in-out forwards infinite;animation: swinging 3s ease-in-out forwards infinite;}

@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(6deg);}
    50%{-webkit-transform: rotate(-3deg)}
    100%{-webkit-transform: rotate(6deg);}
}

@keyframes swinging{
    0%{transform: rotate(6deg);}
    50%{transform: rotate(-3deg)}
    100%{transform: rotate(6deg);}
}

@keyframes zoom {
    0% {
        transform: scale(1,1);
    }
    10% {
        transform: scale(1.3,1.3);
    }
    100% {
        transform: scale(1,1);
    }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.05);
  }
  70% {
      -webkit-box-shadow: 0 0 0 1500px rgba(0,0,0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.05);
    box-shadow: 0 0 0 0 rgba(0,0,0, 0.05);
  }
  70% {
      -moz-box-shadow: 0 0 0 1500px rgba(0,0,0, 0);
      box-shadow: 0 0 0 1500px rgba(0,0,0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  }
}

#director {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 50px;
    padding: 100px;
}

#director > :first-child {
    flex: 0 0 67%; /* This will set the first column to take up 67% of the width */
}

img.twd-img {
    width: 50%;
    float: right;
    margin-right: 29px;
}

ul.twd-ui {
    text-align: left;
    list-style: square;
    padding-left: 60px;
    margin-top: 45px;
}