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

/* addition of fieldset on 11 10 2020  */

#contactus fieldset
{
   width:600px;
   padding:20px;
   border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
}


/* extra css from contact.css as of 10 10 2020 */

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}

#contactus input[type="submit"]
{
   height:30px;
   padding-left:0px;
   
   background-color: #cccccc;
   border-color: #993399;
   color: #993399;
   font-weight: 600;
   outline-color: #993399;
   
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px; 
}

#contactus input[type="text"],textarea
{
  line-height:110%;
  color : #000; 
  padding : 15px; 
  border : 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

/* new contact section css as of 10 10 2020  */

.contact_section .input[type=text]:focus {
  background-color: #ffddff;
  border=color: #993399;
}

contact_section .input[type=submit]:focus {
  background-color: #ffddff;
  border=color: #993399;
  color: #ffffff;
}

contact_section .btn btn-primary:focus {
  background-color: #ffddff;
  border-color: #993399;
  color: #ffffff;
}


/* new contact section css as of 06 10 2020  */

.contact_section {
  position: relative;
  background-color: #ffffff;
}

.contact_section h2 {
  margin-bottom: 65px;
}

.contact_section h4 {
  font-family: "Helvetica";
  font-style: normal;
  font-size: 0.8rem;
  color: #999999;
  line-height: 1.25;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 15px;
  padding-left: 15px;
  font-weight: 400;
  text-align: left;
  }

.contact_section h3 {
  font-size: 2.5rem;
  color: #999999;
  line-height: 1.25;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: 400;
  text-align: center;
}

.contact_section form {
  padding-right: 35px;
  font-family: "Helvetica";
  font-style: normal;
  color: #999999;
  outline: none;
}

.contact_section input.form-control:focus {
  font-family: "Helvetica";
  font-style: normal;
  color: #999999;
  outline: none;
  outline: 0;
  box-shadow: none;
  }
  
.contact_section form form-text {
  font-family: "Helvetica";
  font-style: normal;
  color: #999999;
  }

.contact_section textarea.form-control {
  font-family: "Helvetica";
  font-style: normal;
  color: #999999;
  background: #eeeeee;
  }

.contact_section input {
  font-family: "Helvetica";
  font-style: normal;
  width: 100%;
  border: none;
  height: 50px;
  margin-bottom: 25px;
  padding-left: 25px;
  background-color: transparent;
  outline: none;
  outline: 0;
  box-shadow: none;
  color: #999999;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16);
}

.contact_section input::-webkit-input-placeholder {
  font-family: "Helvetica";
  font-style: normal;
  color: #999999;
}

.contact_section input:-ms-input-placeholder {
  font-family: "Helvetica";
  font-style: normal;
  color: #999999;
}

.contact_section input::-ms-input-placeholder {
  font-family: "Helvetica";
  font-style: normal;
  color: #999999;
}

.contact_section input::placeholder {
  font-family: "Helvetica";
  font-style: normal;
  color: #999999;
}

.contact_section input.message-box {
  height: 120px;
}

.contact_section button {
  padding: 12px 45px;
  outline: none;
  outline: 0;
  box-shadow: none;
  border: none;
  border-radius: 0;
  color: #993399;
  background-color: #333333;
/*   background: -webkit-gradient(linear, left top, left bottom, from(#f5e47b), to(#fb930a));  */
/*  background: linear-gradient(to bottom, #f5e47b, #fb930a);  */
  margin-top: 35px;
}
 
.contact_section button.btn.btn-primary {
  background: -webkit-gradient(linear, left top, left bottom, from(#993399), to(#333333));
  background: linear-gradient(to bottom, #993399, #333333);
  background-color: #333333;
  font-family: "Helvetica";
  font-style: normal;
  color: #eeeeee;
  width: 100%;
  } 

/* end of new contact section  */

/* fix to inhibit blue border on hover or focus on menu items  02 10 2020 */
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-link a, a:hover, a:focus {
  border: 0px solid #999999;
  /*    outline: none;     further fix 02 10 2020  */
  outline-color: #993399;
  /*    two further terms to fix, 05 10 2020   */
  outline: 0;
  box-shadow: none;
  /*   further fix for border   06 10 2020  */
  outline: none;
  outline-width: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  }

.item_section .container .section_text {
  width: 70%;
  margin: auto;
/*  text-align: center;   */
}

.item_section .container .section_text h4 {
  font-family: "Helvetica";
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 400;
  color: #999999;
  text-transform: none;
  line-height: 1.5;
  margin-bottom: 10px;
  margin-top: 0px;
/*  text-align: center; */
  }

.item_section .item_container .box .img-box img {
  max-height: 467px;
  /* max height is 1.3333 x 350px to maintain 4:3 aspect ratio  - 30 09 2020 */  
}

.dropdown-toggle {
    border-top: 0px solid #993399;
    border-right: 0px solid  #993399;
    border-bottom: 0px  solid #993399;
    border-left: 0px  solid  #993399;
}

.custom_nav-container.navbar-expand-lg .navbar-nav .dropdown-menu a:link,
.custom_nav-container.navbar-expand-lg .navbar-nav .dropdown-menu a:hover {
  background-color: #999999;    /* to remove white bands between sub-menu items */
}

 .dropdown-menu {
/*   margin: 0;
   list-style: none;
   white-space: nowrap;    */
   border: #660066;   /*    border on ipHone?  */
/*   padding: 10px;
   background-color: #ffffff;    */
 }     

 .carousel-control {
    width: 20%;
}

.carousel .carousel-indicators {
  bottom: -48px;
}

.carousel .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #999;
  color: #000000;
}

.carousel .carousel-indicators .active{
    background-color: #000;
}

.carousel
.carousel-control-prev-icon,
.carousel-control-next-icon {
/*  height: 100px;
  width: 100px;    
  outline: black;  
  background-size: 100%, 100%;
  border-radius: 50%;    
  border: 1px solid black; */
  background-image: none; 
  color: #eeeeee;
}  

.carousel .carousel-control-prev {
  margin-bottom: -140%;
  width: 25%;
}

.carousel .carousel-control-next {
  margin-bottom: -140%;
  width: 25%;
}

.carousel .carousel-control-next-icon:after
{
  content: '>';  
  font-size: 15px;
  font-weight: 600;
  color: #000000;   
}

.carousel .carousel-control-prev-icon:after {
  content: '<';   
  font-size: 15px;
  font-weight: 600; 
  color: #000000;  
}

.header_section .container-fluid {
  padding-right: 0px;
  padding-left: 25px;
  background-color: #999999;
}

.header_section .container-fluid .span {
  color: #993399;
  font-size: 1.75rem;
}

.header_banner {
  text-align: center;
}

.header_section .container-fluid .header_banner h1 {
  font-size: 4rem;
  color: #993399;
  line-height: 1.25;
  margin-bottom: 0px;
  margin-top: 0px;
}
  
.header_section .container-fluid .header_banner h2 {
  font-size: 2.5rem;
  color: #ffffff;
  line-height: 1.25;
}
  
.item_section .container .header_banner h3 {
  font-size: 2.5rem;
  color: #999999;
  line-height: 1.25;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: 400;
  text-align: center;
}
  
.about_section .container .header_banner h3 {
  font-size: 2.5rem;
  color: #999999;
  line-height: 1.25;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: 400;
  text-align: center;
}
  
.about_section .container .detail-box p {
  font-family: "Helvetica";
  font-style: normal;
  font-size: 1.2rem;
  font-weight: 400;
  color: #999999;
  text-transform: none;
  line-height: 1.5;
  margin-bottom: 10px;
  margin-top: 20px;
/*  text-align: center; 
    font-size: 1.15rem;  */
}


 @media (max-width: 420px) {
   
/* fix to inhibit blue border on hover or focus on menu items  02 10 2020 */
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-link a, a:hover, a:focus {
  border: 0px solid #999999;
    /*    two further terms to fix, 05 10 2020   */
  outline: 0;
  box-shadow: none;
  }
   
.item_section .container .section_text {
  width: 96%;
  margin: auto;
/*  text-align: center;  */
}

.item_section .container .section_text h4 {
  font-family: "Helvetica";
  font-style: normal;
  font-size: 0.9rem;
  font-weight: 400;
  color: #999999;
  text-transform: none;
  line-height: 1.5;
  margin-bottom: 10px;
  margin-top: 0px;
/*  text-align: center; */
  }
   
.header_section .container-fluid .header_banner h1 {
  font-size: 2.33rem;
  font-weight: 400;
  color: #993399;
  line-height: 1.5;
  margin-bottom: 0px;
}
  
.header_section .container-fluid .header_banner h2 {
  font-size: 1.33rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.25;
}
  
.about_section .container .header_banner h3 {
  font-size: 2.2rem;
  margin-bottom: 5px;
}

.about_section .container .detail-box p {
  font-family: "Helvetica";
  font-style: normal;
  font-size: 0.9rem;
  font-weight: 400;
  color: #999999;
  text-transform: none;
  line-height: 1.5;
  margin-bottom: 10px;
  margin-top: 20px;
}
  
}