* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::-moz-selection {background:#df4949; color:#fff;text-shadow: none;}
::selection {background:#df4949;color:#fff;text-shadow: none;}
textarea:focus, input:focus, *{outline: none;}
html { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body {margin: 0; padding: 0; background:#fff; font-size:13px; font-family: 'Roboto', sans-serif; color:#000; font-weight:400; line-height:24px; -webkit-font-smoothing: subpixel-antialiased;}
a {color:#aaa; text-decoration: none; outline:none; font-weight: 400; border:none; transition: all 0.4s ease 0s;}
a:hover {color:#000; text-decoration: none;}
a:focus {color:#000; text-decoration: none; outline: none;}

.topheader ul li.callText {
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    line-height: 18px;
  }
.topheader ul li.callText .fa.fa-phone {
  margin-right: 10px;
}
.container { background:transparent; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], textarea, select { -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
html input[type="button"], input[type="reset"]{ -webkit-appearance:button; cursor:pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

/* Ul Li & Ol Li CSS */
ul, ol {margin:0; padding:0 0 0 20px;}
ul li, ol li {margin:0 0 15px 0; padding:0; font-size:14px; font-weight: 300;}
li a {color:#000;}
ul li li { list-style-type:disc; font-weight: 300;}
ul li li li {list-style-type:disc; font-weight: 300;}
ol li { list-style-type: symbols; margin-bottom: 10px;}
/* Heading CSS */
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.bg_none {background:none !important;}
img {max-width:100%; border:none; outline:none;}

h1, h2, h3, h4, h5, h6 { font-weight:normal; text-transform: capitalize; margin: 0; font-family: 'Roboto', sans-serif;}
h1 a, h2 a, h3 a, h5 a, h6 a h6 a:hover {color: #1895d3;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #1895d3;}

h1 {font-size:36px; line-height:36px;}
h2 {font-size:32px; line-height:35px;}
h3 {font-size:25px; line-height:25px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:14px; line-height:18px;}
h6 {font-size:12px; line-height:12px;}

/*font-family: 'Roboto', sans-serif;*/


.wrapper {
  width:1200px;
  margin: 0 auto;
}

.topHeader {
  background: #000;
  height: 105px;
  color:#8f8f8f;
  font-size: 13px;
  position: relative;
  padding: 20px 0;
}

.sloganBox { float: left; }
.FollowUs{ float: right;}
.FollowUs ul il a:hover{
  color: #fff
}
.topheader ul li{
  list-style-type: none;
  float: left;
  margin-left: 15px;
}

.header { position: absolute; top: 60px; z-index: 999;}
.headerInner { background: #fff; height: 96px; }

.logo { float: left; }
.navigation { float: right; background: #254117; height: 96px; width: 80%; position: relative; }
.MenuIcon, .navigation.MobileMenu{display: none;}
.navigation:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 96px 50px;
  border-color: transparent transparent #254117 transparent;
  position: absolute;
  content: '';
  left: -50px;
  top:0;
}
.navigation ul { float: right; font-family: 'Roboto', sans-serif; font-size: 18px; margin-bottom: 0; margin-top: 25px;}

.homeslider { padding: 0; margin: 0; height: 515px;}
.homeslider li { margin: 0; }
.homeSlider .slick-next, .homeSlider .slick-prev{ display: none !important;}
.homeSlider .slick-dots li {  background: #0da4ad; margin: 0 5px; text-indent: -9999px; }
.homeSlider .slick-dots li button { text-indent: -9999px; }

.homeSlider .slick-dots li.slick-active { background: #02383c; }
.InfoBoxes { margin-top: 55px; margin-bottom: 30px; }
.InfoBoxes .infobox {
  width:380px;
  float: left;
  margin: 0 0 0 30px;
}
.InfoBoxes .infobox:first-child { margin-left: 0;}
.InfoBoxes .infobox h3 { color:#07878f; margin: 30px 0;}



.FullContact {
  background: url(../images/garden_bg.jpg) repeat-x center top ;
  width: 100%;
  height: 221px;
  margin-bottom: 40px;
}

.textCenter {padding: 40px 0; width: 40%; margin: 0 auto; text-align: center; color: #333; font-size: 14px;  }
.textCenter .text { margin-bottom: 20px;}
.textCenter .button  { border: 1px solid #48b2b9; width: 260px; text-align: center; font-size: 18px; color: #48b2b9; display: inline-block; padding: 10px 0;}

.AboutInfoBox h2 { color: #000; margin-bottom: 20px; }
.AboutInfoBox h2 span {color: #0da4ad;}
.AboutInfoBox .comapnyInfo { width: 58%; float: left; padding-right: 15px;}
.AboutInfoBox .testimonialInfo { width: 40%; float: right;}


.testimonails { padding: 0; margin: 0; height: 300px;}
.testimonails li { margin: 0; padding: 0; }

.testimonails p {
  background: #f6f9e5;
  padding: 30px;
  text-align: center;
  font-size: 14px;
  color: #333;
  position: relative;
}

.testimonails p:before {
  position: absolute;
  right:15px;
  bottom: -10px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #f6f9e5 transparent transparent transparent;
}

.testimonails .author { float: right; color: #0da4ad; font-size: 18px; line-height: 20px; text-align: right;}
.testimonails .author span { display: block; color: #000; font-size: 15px; }


.footer {
  background: #444444;
  padding: 15px 0;
  margin-top: 20px;
  color:#fff;
  font-size: 13px;
}


.footer .copyright { float: left; }
.footer .footerLink { float: right; }
.footer .footerLink ul { margin: 0; padding: 0; }
.footer .footerLink ul li { margin-left: 30px; float: left; list-style-type: none; margin-bottom: 0; }
.footer .footerLink ul li a{ color: #fff;}
.footer .footerLink ul li a:hover{ color: #d5d5d5;}



.MainContent h1 { margin: 20px 0; color: #0da4ad; }
.contentBoxes { color:#333; font-size: 13px;min-height:300px;}
.contentBoxes .title { font-size: 16px; margin-bottom: 15px; font-weight: 500; }

.ContactBox   { margin: 40px 0; padding-bottom: 15px; border-bottom: 1px solid #0da4ad; }
.ContactBox .innerbox { float: left; width: 32%; margin-left: 15px; }

.innerbox .contactTitle {
  font-size: 20px;
  color: #333;
  font-weight: normal;
  text-align: center;
}

.innerbox .contactImage {
  color: #0da4ad;
  display: block;
  font-size: 80px;
  font-weight: normal;
  margin-bottom: 20px;
  text-align: center;
}

.innerbox .contactInfo {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  margin: 25px 0;
  text-align: center;
}



.formBox form { width: 50%; margin: 0 auto; }
.formBox form label { font-size: 15px; margin-bottom: 10px; display:block;}
.formBox form input { margin-bottom: 10px; display:block; border: 1px solid #d5d5d5; padding: 10px; width: 100%; }
.formBox form input[type="submit"] { border:1px solid #48b2b5; padding: 10px 25px; text-transform:uppercase;  color:#48b2b5; background: transparent; margin-top: 20px; text-align: center; width: auto;}
.formBox form textarea { border: 1px solid #d5d5d5; width: 100%;}