@charset "utf-8";
/* CSS Document */
 body {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      color: #818181;
 }
 
 .red-highlight  {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      color:#DB4E24;
	 margin-left: 50px; 	 
 }
	
 /*.homeimage {
	 background-image: url("../trees/FrontpieceNov18.jpg");
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background-size: cover;
	 background-color: #FFFFE5;
	}	 

*/


	 
 
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
  }

  h3 {
	color: #E6887E;
	line-height: normal;
	margin-top: 90px;
	margin-bottom: 60px;
	font-family: "Poiret One", sans-serif;
	font-size: 54px;
	font-weight: bold;
	letter-spacing: .2em;
  } 
  
  .countryHeader {
	color: #FED26B;
	line-height: normal;
	margin-top: 140px;
	margin-bottom: 10px;
	font-family: 'Quattrocento Sans', sans-serif;
	text-shadow: 5px 5px 5px #000;
	font-size: 72px;
	font-weight: bold;
	letter-spacing: 0.2em;
  }
  
    .historyHeads {
	color: #E6887E;
	line-height: normal;
	margin-top:40px;
	margin-bottom: 10px;
	font-family: "Poiret One", sans-serif;
	text-shadow: 4px 4px 10px #000;
	font-size: 72px;
	font-weight: 900;
	letter-spacing: .2em;
  }
  
  .subHeader {
	color: #FFF;
	line-height: normal;
	margin-top: 400px;
	margin-bottom: 10px;
     font-family: 'Quattrocento Sans', sans-serif;
	text-shadow: 4px 4px 10px #000;
	font-size: 48px;
	font-weight: 900;
	letter-spacing: .2em;
  }   
    
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 30px;
  }
  
  .redtext {
      font-size: 19px;
      line-height: 1.375em;
      color: #FF0033;
      font-weight: 400;
      margin-bottom: 30px;
  }  
  
  h5 {
	font-size: 18px;
	line-height: 1.375em;
	color: #577186;
	margin-bottom: 30px;
	font-family: "Poiret One", sans-serif;
	font-weight: bold;
	font-size: 22px;	
  }   
 h6 {
	margin-left: 10px;
	color: #E6887E;
	line-height: normal;
	margin-top: 1.2;
	margin-bottom: 25px;
	font-family: "Poiret One", sans-serif;
	font-size: 24px;
	letter-spacing: .2em;	

  } 
 /* ===================================================     Custom Buttons      =========================================   */ 
.btn-default
{
  background-color: #92A7B8;
  color:#FFF;
  border-color: #E6887E;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { 

  background-color: #fff;
  color:#92A7B8;
  border-color: #E6887E;
 }
 
a:hover {
	text-decoration: none;
} 

 /* ===================================================     Footer      =========================================   */ 
.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #E1E1E1;
	color: gray;
	text-align: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #990000;
} 

 /* =================================================            Popover         ===============================================*/
a.pops:link {color: #E6887E; text-decoration: none; }
a.pops:hover {color: #E6887E; text-decoration: none; } 
a.pops:active {color: #E6887E; text-decoration: none; } 
 
 
.popover {
	border: 1px solid red;
}

/* Popover Header */
.popover-title {
	background-color: #999;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
}

/* Popover Body E6887E*/
.popover-content {
  background-color: #FEF8DE;
  color: #777;
  padding: 25px;
   font-size: 16px;
}

/* Popover Arrow */
.arrow {
  border-right-color: red !important;
} 

.speciesbox  {
	font-size: 16px;
	line-height: normal;
	color: #333;
	background-color: #DBDABD;
	padding: 20px;
	border: 1px solid #990000;
	text-align: center;
	vertical-align: middle;
	border-radius: 10px;
	width: 500px;
}


 /*    ===================================================     Glossary      =========================================    */
  .glossheaders {
	font-size: 13px;
	font-weight: bold;
	text-transform: capitalize;
	width: auto;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	color: #92A7B8;
	text-align: center;
	word-spacing: .5em;
	}
	
  .glossalphabet  {
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
	width: auto;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
	color: #337ab7;
	text-align: center; 
     font:  Lato, sans-serif;	  
  }


  /* ===================================================     Techniques Page sub-heading Buttons      =========================================   */
 
  #btn-techs {
	font-size: 16px;
	color: #13629B;
	background-color: #FFFFFF;	  
  }
  
 #btn-techs:hover{
	color: #13629B;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
  }

 #btn-techs:active{
  	color: #E6887E;
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #E6887E;
	border-right-color: #E6887E;
	border-bottom-color: #E6887E;
	border-left-color: #E6887E;
  }
 
  #tech-modal-headers {
	color: #E6887E;
	line-height: normal;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 30px;
	font-family: "Poiret One", sans-serif;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: .1em;  
	
  }



 /* ===================================================     Custom Modal Sizes      =========================================   */ 
  .close2 {
	color: #E6887E;
	line-height: normal;
	margin-bottom: 60px;
	font-family: "Poiret One", sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	background-color: white;
     border: 2px solid #e7e7e7;
  } 

.mfstyle {
	background-color: #FFFFF0;
	border: 1px solid #999999;
	font-size: 14px;
	color: #333333;
	text-decoration: none;	
}


 /* ===================================================     Bonsai Style Modals     =========================================   */
   .mod_style_header {
	color: #92A7B8;
	line-height: normal;
	font-family: "Poiret One", sans-serif;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: .1em;
  }  
 
 .intro {
	background-color: #FFFFFF;	
	margin-top: 100px; 	   
 }
  
  .mod_header {
	color: #E6887E;
	line-height: normal;
	font-family: "Poiret One", sans-serif;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: .1em;
  }     

  .indent35 { 
	margin-left: 35px; 
} 

  .indent50 { 
	margin-left: 50px; 
}

  .indent60 { 
	margin-left: 60px; 
}

  .indent75 { 
	margin-left: 75px; 
}

  .indent85 { 
	margin-left: 85px; 
}

  .indent100 { 
	margin-left: 120px; 
	margin-right: 120px; 
} 

  .indent120 { 
	margin-left: 120px; 
} 
 .cherrybox {
	color: #000;
	background-image: url(../general_images/blossom2.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: auto;	 
 }

	.modal-dialog {
	  position: absolute;
	  top: 50px;
	  right: 100px;
	  bottom: 0;
	  left: 0;
	  z-index: 10040;
	  overflow: auto;
	  overflow-y: auto;
	}
 
	.grayboxcontent {
       position:relative;
       color:White;
       z-index:5;
       padding:10px
   }
   .grayboxbackground {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       background-color:Black;
       z-index:1;
       /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: alpha(opacity=50);
       opacity:.5;
   }
 
  .container-fluid {
      padding: 60px 50px;
  }
  .bg-grey {
      background-color: #f6f6f6;
  }
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
      color: #f4511e;
      font-size: 200px;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #f4511e;
  }
  .carousel-indicators li {
      border-color: #f4511e;
  }
  .carousel-indicators li.active {
      background-color: #f4511e;
  }
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  
  .indentbox {
	border: 1px solid #E6887E;
	border-radius: 15 !important;
	transition: box-shadow 0.5s;
	padding: 20px;
	margin-right: 50px;
	margin-left: 50px;
	background-color: #FFFFFB;
  }  
  
  .potcolourbox {
	border: 1px solid #E6887E;
	border-radius: 15 !important;
	transition: box-shadow 0.5s;
	padding: 20px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFB;
	text-align: center;
  }   
  
  .prunecolourbox {
	height: auto;
	border: 1px solid #E6887E;
	border-radius: 10 !important;
	transition: box-shadow 0.5s;
	padding: 20px;
	background-color: #FFFFFB;
	text-align: left;
	display: inline-block;
  }   
  
  
  .item span {
      font-style: normal;
  }
  .panel {
      border: 1px solid #f4511e; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #f4511e;
      background-color: #fff !important;
      color: #f4511e;
  }
  .panel-heading {
      color: #fff !important;
      background-color: #f4511e !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  .panel-footer .btn {
      margin: 15px 0;
      background-color: #f4511e;
      color: #fff;
  }
  
   /* ===================================================     Navigation      =========================================  */  
  
  .navbar {
	margin-top: 0;	  
	margin-bottom: 0;
	background-color: #fff;
     /* opacity: 0.0;
     filter: alpha(opacity=100); For IE8 and earlier */
	z-index: 9999;
	border: 2px;
	font-size: 12px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 3px;
	border-radius: 2px;
	font-family: Montserrat, sans-serif;
  }
  .navbar li a, .navbar .navbar-brand {
	color: #303030 !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
	color: #f4511e !important;
	background-color: #f7f7f7 !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  
   .dropdown-menu-bonsai {
	background-color: #92A7B8;  
   }
  
	.navbar-default .navbar-nav > li.dropdown:hover > a, 
	.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
	.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
	    background-color: rgb(231, 231, 231);
	    color: rgb(85, 85, 85);
}

	li.dropdown:hover > .dropdown-menu {
		display: block;
}  

 /*    ===================================================     Species Navigation      =========================================   

  .nav > li:first-child  {
	border-radius: 4px 0 0 4px;
	background-color: #FFFFFF;
} 
  .nav > li:first-child>a{border-radius: 4px 0 0 0;}
  .nav > li:last-child  { 
  	border-radius: 0 0 4px 0; 
  	margin-right: 0;
  } 
  .nav > li:last-child >a{border-radius: 0 4px 0 0; }
  .nav li li a { margin-top:1px}
  
  
  
    .nav li a:first-child:nth-last-child(2):before { 
     content:""; 
     position: absolute; 
     height:0; 
     width: 0; 
     border: 1px solid E6887E; 
     top: 50% ;
     right:5px;  
   }
   
   
   
   
    
   /* submenu positioning*/
.nav ul {
	position: absolute;
	white-space: nowrap;
	z-index: 1;
	left: -99999em;
	border: 1px solid #E6887E;
}
.nav > li:hover > ul {
  left: auto;
  padding-top: 0px  ;
  min-width: 100%;
}
.nav > li li ul {  border-left:1px solid #fff;}

 
.nav > li li:hover > ul { 
 /* margin-left: 1px */
  left: 100%;
  top: -1px;
}
/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before {
	border-top-color: #0F3;
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 1px solid E6887E; 
  border-bottom-color: E6887E; 
  margin-top:-5px
}
.nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 0px solid transparent; 
  border-right-color: orange;
  right: 10px; 
}

 /*    ===================================================     Care - Pests      =========================================   }*/
  .pestframe {
	background-color: #FFF;
	text-align: center;
	height: 600px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 50px;
	border-radius: 15px;
     border: 1px solid #E6887E;
     padding: 10px; 	
	}
	
   a.pestlink {
	font-size: 25px;
	text-transform: capitalize;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #92A7B8;
	text-align: center;
	line-height: 30px;
  }
  
   a.pestlink:link {
	font-size: 25px;
	text-transform: capitalize;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #92A7B8;
	text-align: center;
	line-height: 30px;
  }

   a.pestlink:hover {
	font-size: 30px;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #e6887e;
	text-align: center;
	background-color: #EEEEEE;
	line-height: 30px;
  }
  
    a.pestlink:active {
	font-size: 30px;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #e6887e;
	text-align: center;
	background-color: #EEEEEE;
	line-height: 30px;
  } 

 /*    ===================================================     Care - Pests      =========================================   */    
 
 
 
 .gap30line {
	margin-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DB4E24;
 } 
 
 .gap50 {
	margin-top: 50px;	  
 }
 

 .gap100 {
	margin-top: 100px;	  
 }
 
 .gap150 {
	margin-top: 150px;	  
 } 
 
 
 
 
 
 
 
 
 
 
 
 /*    ===================================================     Glossary      =========================================    
 	.pestlink {
	font-size: 30px;
	font-weight: bold;
	text-transform: capitalize;
	width: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	color: #e6887e;
	text-align: center;
	word-spacing: .6em;
	}*/
 
  .framesetup {
	background-color: #FFF;
	text-align: center;
	height: 500px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 15px;
	border-radius: 15px;
     border: 1px solid #E6887E;
     padding: 10px; 	
	}
	
   .soilsubhead {
	background-color: #FFF;
	color: #92A7B8;
	line-height: normal;
	font-family: "Poiret One", sans-serif;
	font-size: 24px;
	letter-spacing: .2em;			
	}
	
	
  .itemhead {
	background-color: #FFF;
	color: #92A7B8;
	line-height: normal;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: "Poiret One", sans-serif;
	font-size: 30px;
	letter-spacing: .2em;
  } 
  
    .subitemhead {
	background-color: #FFF;
	color: #666666;
	line-height: normal;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: "Poiret One", sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .1em;
  }
  
  .itemheadsmall {
	background-color: #FFF;
	color: #E6887E;
	line-height: normal;
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: "Poiret One", sans-serif;
	font-size: 28px;
	letter-spacing: 0.05em;
	font-weight: 700;
  }  
  
  .itemheadevensmaller {
	background-color: #FFF;
	color: #E666666;
	line-height: normal;
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: "Poiret One", sans-serif;
	font-size: 20px;
	font-weight: 700;
  }  
  
  
  
   
/*    ===================================================     Species      =========================================  */  
  
   #species {
	background-color: #F9EAD5;
	color: #E6887E;
	padding: 15px 100px;
	background-image: url(../general_images/bamboobg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
  } 
  
    #species_inner {
	background-color: #FFF;
	color: #577186;
  }  
  
  .txtbg {
	box-shadow: 10px -10px #CCC;
	border-radius: 25px;
     border: 2px solid #73AD21;
     padding: 20px; 
     background-color: #fff;
}
		  
  .mainhead {
	color: #E6887E;
	line-height: normal;
	margin-top: 80px;
	margin-bottom: 30px;
	font-family: "Poiret One", sans-serif;
	font-size: 46px;
	font-weight: bold;
	letter-spacing: 0.2em;
  } 
  
  .specieshead {
	color: #E6887E;
	line-height: normal;
	margin-top: 5px;
	margin-bottom: 30px;
	font-family: "Poiret One", sans-serif;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.1em;
  }   
  
  .subhead {
      font-size: 19px;
      color: #303030;
      font-weight: 400;
      margin-bottom: 10px;
  }  
  
 /* ===================================================   Dropdown Submenu          =========================================  */
 .dropbtn {
    background-color: #92A7B8;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    letter-spacing: 4px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #f4511e;
    padding: 12px 16px;
    font-size: 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f7f7f7;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #fff;}

    /* ===================================================    TOPPAGE  =============================== */ 
 
DIV#toppage {
	POSITION: fixed;
	z-index: 2;
	WIDTH: 50px;
	BOTTOM: 25px;
	DISPLAY: block;
	CURSOR: pointer;
	height: auto;
	float: left;
	margin-bottom: 35px;
	margin-left: 80px;
} 

DIV#toppage {
	POSITION: fixed;
	z-index: 2;
	WIDTH: 50px;
	BOTTOM: 25px;
	DISPLAY: block;
	CURSOR: pointer;
	height: auto;
	float: left;
	margin-bottom: 35px;
	margin-left: 80px;
} 

@media(max-width:991px){
.toggle {
    width: 50%;
    left: 25%;
}
}
@media(max-width:414px){
.navicon {
    width: 35px;
}
.toggle {
    width: 70%;
    left: 15%;
	 padding: 10px;
}
.toggle-menu li a {
    font-size: 15px;
} 
}


    /* ===================================================    Breadcrumb  =============================== */ 
    
  .backredring  {
	background-color: #E1E1E1;
	border: 1px solid #FF0000;
  }

ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #E1E1E1;
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: white;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #51697D;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
	color: #FF0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

 .drbonsai {
	color: #E6887E;
	line-height: normal;
	font-family: "Poiret One", sans-serif;
	font-size: 48px;
	letter-spacing: .1em;
	text-align: center;
	font-weight: bold;
  }
  
 /* ===================================================   Footer      =========================================  	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 0px;*/   
  
  
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #f4511e;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }