/* Fonts */
@import url(font-awesome/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Quicksand:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
/* Fonts */

html { margin: 0; padding: 0; height:100%; min-height:100%;}
body{ 
margin:0px auto;
padding:0px;
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#515151;
line-height:28px;
height:100%; 
min-height:100%;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

*{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:#a5480c; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:none; color:#000;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.clear{line-height:0; clear:both;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

.wrap{width:1150px; margin:0 auto; position:relative; clear:both; max-width:100%;}
.wrap-inner{width:980px; margin:0 auto; position:relative; clear:both; max-width:100%;}



/* ----------------------- Headre Style ----------------------- */
/*.logo-area{ display:block; padding:10px 0px; margin:0px auto; text-align:left; width:179px;}*/
.lft-logo{ width:182px; display:block; float:left;}
.header-area{ display:block; overflow:hidden; padding:15px 0;}
.logo-area{ position:absolute; left:50%; margin-left:-90px;}
.rit-area{ display:block; float:right; margin-top:22px;}
.rit-area strong{ display:block; text-align:center; margin-top:10px;}

/* ----------------------- Menu Style ----------------------- */
.menu-area-bg{ display:block; line-height:90px;
background: rgba(197,122,36,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(197,122,36,1) 0%, rgba(165,73,12,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(197,122,36,1)), color-stop(100%, rgba(165,73,12,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(197,122,36,1) 0%, rgba(165,73,12,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(197,122,36,1) 0%, rgba(165,73,12,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(197,122,36,1) 0%, rgba(165,73,12,1) 100%);
background: radial-gradient(ellipse at center, rgba(197,122,36,1) 0%, rgba(165,73,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c57a24', endColorstr='#a5490c', GradientType=1 );
}

.menu-texture-bg{ display:block; background:url(../images/menu-texture-bg.png) repeat; height:90px;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Quicksand', sans-serif;
}
#cssmenu > ul {
  background: url('images/bg.png');
  /*box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);*/
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 14px 9px 14px 9px;
 /* border-right: 1px solid rgba(80, 80, 80, 0.12);*/
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}


#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #ffffff;
  background: #901b00;
  background: rgba(144, 27, 0, 1);
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
  z-index:1000;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #a5480c;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 42px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 500;
  padding: 10px 25px;
  width: 250px;
  color: #fff;
  background: #a5480c;
  font-size:14px;
 }
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #fff;
  background: #901b00;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    background: #a5480c;
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 12px 25px 12px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #d3eced;
    padding: 18px 25px 18px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url('images/bg.png');
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    border-bottom: 2px solid #d3eced;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    right: 25px;
    top: 28px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}


/* ----------------------- Banner Style ----------------------- */
.banner-area{ display:block; border:5px solid #fff; position:relative; top:-46px; margin-bottom:-46px; 
-webkit-box-shadow: -1px 2px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 15px -2px rgba(0,0,0,0.75);
box-shadow: -1px 2px 15px -2px rgba(0,0,0,0.75);
}
.banner-area img{ width:100%;}

.banner-bg{ display:block; background:url(../images/banner-bg.jpg) no-repeat  100%; height:140px;}

.banner-details{ display:block; float:left; margin:25px 0 18px; }
.banner-details p{ display:block; font-family: 'Quicksand', sans-serif; font-size:20px; text-align:center; color:#fff;}
.banner-details span{ display:block; text-align:center; font-family: 'Quicksand', sans-serif; font-size:15px; color:#fff;}

/* ----------------------- Mid Box Style ----------------------- */
.mid-box-area{ display:block; position:relative; margin:30px 0 0; z-index:100;}
.mid-box-area > div{ display:block; overflow:hidden; background:bottom left url(../images/lft-shd.png) no-repeat, url(../images/rgt-shd.png) bottom right no-repeat; padding:0px 10px;}
.mid-box-area > div div{ display:block; overflow:hidden; background:#fff;}
.mid-box-area > div ul{ display:block; margin:0px; padding:0px; text-align:center;}
.mid-box-area > div ul li{ width:31.3%; padding: 1% 1% 25px;  float:left; background: url(../images/box-shd.png) no-repeat 100% 100%;}
.mid-box-area > div ul li img{ display:block; margin:15px auto;}
.mid-box-area > div ul li h2{ font-family: 'Quicksand', sans-serif; font-size:20px; display:block; text-align:center; font-weight:500; text-transform:uppercase; color:#000; margin:18px 0;}
.mid-box-area > div ul li p{ font-family: 'Lato', sans-serif; font-size:15px; display:block; text-align:center; font-weight:400; color:#515151; margin:20px 10px; line-height:24px;}
.mid-box-area > div ul li span a{ font-family: 'Quicksand', sans-serif; font-size:16px; text-align:center; color:#515151;}
.mid-box-area > div ul li span a:after{ font-size:16px; content:"\f105"; font-family:'FontAwesome'; margin-left:10px; padding:0px 5px; border:1px solid #898989; -webkit-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px;}
.mid-box-area > div ul li span a:hover{ color:#a5480c;}
.mid-box-area > div ul li:last-child{ background:none;}

.mid-box-area > div ul li:nth-child(2) p i{ font-size:6px; padding:0px 5px; color:#8b8f92; }

/* ----------------------- Index Img Style ----------------------- */
.index-img-area{ display:block; position:relative; top:-60px; margin-bottom:-50px;}
.index-img-area ul{ display:block;}
.index-img-area ul li{display:inline-block; position:relative;}
.index-img-area ul li span{font-family: 'Quicksand', sans-serif; font-size:30px; text-indent:15px; line-height:60px; color:#fff; text-transform:uppercase; position:absolute; z-index:1000; bottom:0px; display:block; min-height:20%; width:100%;
font-weight:300;
background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}
/*.index-img-area ul li h2{ font-family: 'Quicksand', sans-serif; font-size:30px; color:#fff; text-transform:uppercase;}*/


/* ----------------------- Footer Style ----------------------- */
.footer-bg-area { display:block; overflow:hidden; background:#15212b; padding:40px 0px 20px;  position:relative;}
.footer-lft-area{ width:38%; float:left;}
.footer-lft-area h3{font-family: 'Quicksand', sans-serif; font-size:16px; color:#fff; text-transform:uppercase; padding-bottom:10px; border-bottom:1px solid #2b3741; font-weight:300; margin-bottom:15px;}
.footer-lft-area ul{ display:block; margin:0px; padding:0px;}
.footer-lft-area ul li{ display:inline-block; width:29%; margin:0px 12px 0 0; clear:both;}
.footer-lft-area ul li a{ font-family: 'Lato', sans-serif; font-size:15px; color:#fff; padding-bottom:2px; border-bottom:1px solid #2b3741; overflow:hidden; float:left; width:100%; font-weight:300;}
.footer-lft-area ul li a:before{ font-size:15px; color:#fff; content:"\f101"; font-family:'FontAwesome'; margin-right:10px; font-weight:300;}
.footer-lft-area ul li a:hover{ color:#a5480c;}

.footer-img{ position:absolute; top:50%; left:50%; margin-left:-87px;}

.footer-rit-area{ width:34%; float:right;}
.footer-rit-area h4{ font-family: 'Quicksand', sans-serif; font-size:16px; color:#fff; font-weight:300; display:block; clear:both; margin-bottom:15px;}
.footer-rit-area h4 span{ font-family: 'Quicksand', sans-serif; font-size:16px; color:#fff; display:block; clear:both; }
.input-box{ width:75%; background:#fff; line-height:28px; float:left; padding:0px 5px; outline:none; font-size:13px; border:none;}
.sub-button{ float:left; line-height:27px; padding:0px 13px; background:#50bbc2; color:#fff; border:none;}
.sub-button:hover{ outline:none; cursor:pointer; background:#3c464e; outline:none;}
.txt{ float:left; display:block; margin-right:20px; color:#7f8386; font-family: 'Quicksand', sans-serif; font-size:16px; font-weight:400; margin-top:22px; }
ul.footer-social-icons{float:left; /*margin-top:15px;*/}
ul.footer-social-icons li{float:left; margin-left:10px;}
ul.footer-social-icons li a{width:40px; height:40px; display:block; background:#3b5a9b; color:#fff; text-align:center; position:relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
ul.footer-social-icons li a:after{line-height:40px; width:40px; display:block; position:absolute; font-size:25px; content:"\f09a"; font-family:'FontAwesome';}
ul.footer-social-icons li:nth-child(2) a{background:#de2c28;}
ul.footer-social-icons li:nth-child(2) a:after{content:"\f16a";}
ul.footer-social-icons li:nth-child(3) a{background:#11ae09;}
ul.footer-social-icons li:nth-child(3) a:after{content:"\f232";}
ul.footer-social-icons li:nth-child(4) a{background:#5ea9dd;}
ul.footer-social-icons li:nth-child(4) a:after{content:"\f099";}
ul.footer-social-icons li a:hover{background:#444;}

#nsc{color:red;}
#nsc .znst{width:75%; background:#fff; line-height:27px; float:left; padding:0px 5px; outline:none; font-size:13px; border:none;}
#nsc .zns{ float:left; line-height:27px; padding:0px 13px; background:#50bbc2; color:#fff; border:none;}
#nsc .zns:hover{outline:none; cursor:pointer; background:#3c464e; outline:none;}
#znse{display:block; clear:both;}
/* ----------------------- Inner Banner Style ----------------------- */
.inner-banner{ display:block; border:5px solid #fff; position:relative; top:-46px; margin-bottom:-46px;
-webkit-box-shadow: -1px 2px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 15px -2px rgba(0,0,0,0.75);
box-shadow: -1px 2px 15px -2px rgba(0,0,0,0.75);
}
.inner-banner img{ width:100%;}
.inner-banner h1{ background: rgba(80, 187, 194, 0.8); position:absolute; bottom:0px; left:0; padding:30px; font-family: 'Quicksand', sans-serif; font-size:36px; font-weight:300; color:#fff;}

.inner-banner-details{ text-align:center; padding:15px 0 0;}
.inner-banner-details p{font-family: 'Quicksand', sans-serif; font-size:22px; text-align:center; color:#a5480c; padding:10px 30px; display:inline-block; width:auto; margin:0 auto;
background:url(../images/lines.png) no-repeat 0 center, url(../images/lines.png) no-repeat 100% center;
}


/* ----------------------- Introduction Style ----------------------- */
.introduction-nav{ display:block; margin:20px 10px; overflow:hidden; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc;} 
.introduction-nav ul{ display:block; margin:0px; padding:0px; text-align:center;}
.introduction-nav ul li{ display:inline-block; width:auto; margin:2% 6%; line-height:62px;}
.introduction-nav ul li img{ float:left; margin-right:15px;}
.introduction-nav ul li span{ font-family: 'Quicksand', sans-serif; font-size:22px; color:#000; font-weight:300; margin-top:20px; }

/* ----------------------- Introduction box Style ----------------------- */

.introduction-box-area{ display:bloc; overflow:hidden; margin:20px 0 10px;}

.introduction-box-area ul{ display:block; margin:0px; padding:0px;}
.introduction-box-area ul li{padding:22px 18px; overflow:hidden; margin-bottom:30px;}
.introduction-box-area ul li img{ float:right; width:44%;}
.introduction-box-area ul li div{ display:block; width:52%;  float:left;}
.introduction-box-area ul li div span{ font-family: 'Quicksand', sans-serif; font-size:24px; color:#3c3c3c;}
.introduction-box-area ul li div span strong{ color:#81ad08; text-transform:uppercase;}
.introduction-box-area ul li div p{ font-family: 'Quicksand', sans-serif; font-size:16px; color:#3c3c3c; line-height:20px; margin-top:15px;}

.introduction-box-area ul li:nth-child(2){background:#eaf4f3; margin-bottom:20px;}
.introduction-box-area ul li:nth-child(2) img{ float:left; width:44%;}
.introduction-box-area ul li:nth-child(2) div{ display:block; width:52%;  float:right;}
.introduction-box-area ul li:nth-child(2) div span{ font-family: 'Quicksand', sans-serif; font-size:24px; color:#3c3c3c; }
.introduction-box-area ul li:nth-child(2) div span strong{ color:#a05d2d; text-transform:uppercase;}
.introduction-box-area ul li:nth-child(2) div p{ font-family: 'Quicksand', sans-serif; font-size:16px; color:#3c3c3c; line-height:20px; margin-top:15px;}

.introduction-box-area ul li:nth-child(3) div span strong{ color:#3f939b; text-transform:uppercase;}


/* ----------------------- Highlight box Style ----------------------- */
.highlight-bg-area{ display:block; background:url(../images/highlight-bg.jpg) no-repeat; background-size: 100%; height:334px;}
.highlight-area{ display:block; padding:50px 10px; overflow:hidden;}
.highlight-lft-area{ width:56%; float:left;}
.highlight-lft-area h2{ font-family: 'Quicksand', sans-serif; font-size:20px; color:#3c3c3c; text-transform:uppercase; font-weight:600; margin-bottom:12px;}
.highlight-lft-area ul{ display:block; margin:0px; padding:0px;}
.highlight-lft-area ul li{ clear:both; line-height:35px; font-family: 'Quicksand', sans-serif; font-size:16px; color:#3c3c3c;}

.highlight-rit-area{ width:30%; float:right; margin-top:0px;}
.brochure{ display:block; background:#3caab4; padding:10px 10px; font-family: 'Quicksand', sans-serif; font-size:20px; color:#fff; margin-top:20px; text-align:center; 
-webkit-box-shadow: 5px 3px 14px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 3px 14px -5px rgba(0,0,0,0.75);
box-shadow: 5px 3px 14px -5px rgba(0,0,0,0.75);
}
.brochure:before{ content:"\f019"; font-family:'FontAwesome'; color:#fff; font-size:26px; margin-right:10px;}

.map{ display:block; background:#d36029; padding:10px 10px; font-family: 'Quicksand', sans-serif; font-size:20px; color:#fff; margin-top:20px; text-align:center;
-webkit-box-shadow: 5px 3px 14px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 3px 14px -5px rgba(0,0,0,0.75);
box-shadow: 5px 3px 14px -5px rgba(0,0,0,0.75);
}
.map:before{ content:"\f041"; font-family:'FontAwesome'; color:#fff; font-size:26px; margin-right:10px;}

.walkthrough{ display:block; background:#6f91d0; padding:10px 10px 10px 15px; font-family: 'Quicksand', sans-serif; font-size:20px; color:#fff; margin-top:20px; text-align:left;
-webkit-box-shadow: 5px 3px 14px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 3px 14px -5px rgba(0,0,0,0.75);
box-shadow: 5px 3px 14px -5px rgba(0,0,0,0.75);
}
.walkthrough:before{ content:"\f03d"; font-family:'FontAwesome'; color:#fff; font-size:22px; margin-right:10px;}


/* ----------------------- Facilities  Style ----------------------- */


.facilities-box{ display:block; margin:30px 0 20px; border-top:2px dotted #ccc; overflow:hidden;}
.facilities-box span{ font-family: 'Quicksand', sans-serif; font-size:24px; color:#3c3c3c; display:block; margin:25px 0px 15px;}
.facilities-box span strong{ color:#a5480c; text-transform:uppercase;}
.facilities-box p{ font-family: 'Quicksand', sans-serif; font-size:16px; color:#3c3c3c; line-height:20px; margin-bottom:15px;}

.facilities-nav{ display:block; margin:35px 0 0; overflow:hidden;}
.facilities-nav ul{ display:block; margin:0px; padding:0px;}
.facilities-nav ul li{ display:block; overflow:hidden; margin-bottom:20px; background:#5ec9ca;}
.facilities-nav ul li img{ float:left; width:50%;}
.facilities-nav ul li div{ width:47%; float:right; padding:1% 1.2%; display:block; overflow:hidden;}
.facilities-nav ul li div img{ width: 140px; margin: 0px 6px 25px; float:left; }
.facilities-nav ul li div p{ display:block; clear:both; line-height:28px; color:#fff; font-family: 'Quicksand', sans-serif; font-size:17px;}

.facilities-nav ul li:nth-child(2){ background:#c3894f;}
.facilities-nav ul li:nth-child(2) img{ float:right;}
.facilities-nav ul li:nth-child(2) div img{ float:left; }

.facilities-nav ul li:nth-child(3){ background:#f9a728;}

.facilities-nav ul li:nth-child(4){ background:#6f91d0;}
.facilities-nav ul li:nth-child(4) img{ float:right;}
.facilities-nav ul li:nth-child(4) div img{ float:left; }


/* ----------------------- Specification  Style ----------------------- */

.specification-details{display:block; overflow:hidden; clear:both; margin:30px 0px; border-top:2px dotted #ccc; padding:20px 0 0;}
.specification-details div{float:left; width:47%; margin-right:2%;}
.specification-details h3{border:none; margin-bottom:8px; padding:15px 0 0; font-family: 'Quicksand', sans-serif; font-size:18px;}
.specification-details p{margin-bottom:8px; text-align:left; font-size:15px; font-family: 'Quicksand', sans-serif;}


/* ----------------------- Gallery Style ----------------------- */

.gallery-area{ display:block; margin:20px 0px; border-top:2px dotted #ccc; padding:20px 0 0;}
.gallery-area ul{ display:block;}
.gallery-area ul li{ display:inline-table; width:29%; float:left; margin:15px 10px 15px; padding:10px; border:1px solid #ccc;}
.gallery-area ul li img{ width:100%;}
.gallery-area ul li h2{ font-size:18px; font-family: 'Lato', sans-serif; text-align:center; line-height:24px; margin:10px 0; text-transform:capitalize; }


/*==== contact-area ====*/

.contact-area{ display:block; margin:20px 0;  border-top:2px dotted #ccc; padding:20px 0 0; overflow:hidden; }
.contact-lft-area{ display:block; width:48%; float:left;}
.contact-rit-area{ display:block; width:48%; float:right;}
.contact-lft-area div{ display:block; margin-bottom:15px;  font-family: 'Quicksand', sans-serif; font-size:15px; color:#545454;}
.contact-lft-area div span{ float:left; margin-right:10px; margin-top:-5px; margin-bottom:20px; clear:both; float:left;}
.contact-lft-area div a{ color:#545454;}
.contact-lft-area div a:hover{ color:#3caab4;}


.input-contact{ display:block; 	width:97%; 	padding:10px 0; outline:none; font-family: 'Lato', sans-serif; font-size:14px; padding-left:10px; 	border:none; margin-bottom:10px; background:#f4f4f4; }

.msg-contact{
	display:block;
	width:97%;
	height:148px;
	padding:10px 0;
	outline:none;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	padding-left:10px;
	border:none;
	margin-bottom:20px;
	background:#f4f4f4;
}

.contact-bott{
	display:block;
	margin:0 auto;
	padding:10px 30px;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	color:#fff;
	font-weight:600;
	border:none;
	outline:none;
	text-transform:capitalize;
   background:#3caab4;
   float:left;

}
	
.contact-bott:hover{
	cursor:pointer;
	outline:none;
	background:#000;
}


.map-area{
	display:block;
	padding:15px 10px;
	background:#f3f3f4;
	/*margin-bottom:25px;
	margin-top:59px;*/
}

.map-area img{
width:100%;
}

.map-area iframe{
width:100%;
}


.map-area1{
	display:block;
	padding:15px 10px;
	background:#f3f3f4;
	/*margin-bottom:25px;
	margin-top:59px;*/
	margin-bottom:25px;
}

.map-area1 img{
width:100%;
}

.map-area1 iframe{
width:100%;
}


/* ----------------------- location Style ----------------------- */

.location-area{ display:block; margin:20px 0px; overflow:hidden; border-top:2px dotted #ccc; padding:20px 0 0;}
.location-lft-area{ display:block; float:left;}
.location-lft-area span{ font-family: 'Quicksand', sans-serif; font-size:24px; color:#3c3c3c; display:block; margin:10px 0px 10px;}
.location-lft-area  span strong{ color:#a5480c; text-transform:uppercase;}
.location-rit-area{ display:block; float:right;}
.location-rit-area span{ font-family: 'Quicksand', sans-serif; font-size:17px; color:#3c3c3c; display:block; margin:10px 0px 10px;}
.location-rit-area  span strong{ color:#a5480c; text-transform:uppercase;}
.location-rit-area span:before{ content:"\f041"; font-family:'FontAwesome'; font-size:24px; margin-right:10px; color:#901b00;}
.location-area div{ display:block; padding:15px;}
.location-area div img{width:100%;}

.tab-box{ display:block; margin:20px 0; overflow:hidden; border-bottom:2px dotted #ccc; }
.tab-box ul{ display:block; margin:0px; padding:0;}
.tab-box ul li{ display:inline-block; margin:0px 2px; width:19%; }
.tab-box ul li h2{ font-family: 'Quicksand', sans-serif; font-size:18px; color:#3c3c3c; display:block; clear:both; text-align:center; padding:15px 0; font-weight:500; }
.tab-box ul li h2 a{ color:#000;}
.tab-box ul li h2 a:hover{ color:#1ca39f;}
.tab-box ul li h2 span{ background:#a2a2a2; width:45px; height:45px; display:block; clear:both; padding:8px; margin:0px auto;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.tab-box ul li:hover h2 span{ background:#914e22;}

.location-details{ display:block; overflow:hidden; margin:0px;}
.location-details ul{ display:block; margin:0px; padding:0px;}
.location-details ul li{ font-family: 'Quicksand', sans-serif; font-size:18px; color:#3c3c3c; display:block; clear:both; line-height:30px;}
.location-details ul li:before{ content:"\f101"; font-family:'FontAwesome'; font-size:16px; margin-right:10px; color:#000;}








/* ----------------------- plan Style ----------------------- */

.plan-area{ display:block; margin:20px 0px; border-top:2px dotted #ccc; overflow:hidden; padding:20px 0 0;}
.plan-area ul li{width:31%; margin:1% 0.8%; background:#1ca39f; display:block; float:left; text-align:center; color:#fff;}
.plan-area ul li a{color:#fff; padding:25px 10px; display:block; overflow:hidden; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:14px; min-height: 86px;}
.plan-area ul li a:before{content:"\f1c1"; font-size:22px; line-height:1; font-family:'FontAwesome'; clear:both; font-weight:normal; display:block; overflow:hidden; margin-bottom:10px;}
.plan-area ul li a:hover{background:#000;}

/* ----------------------- Media Style ----------------------- */
.media-area{ display:block; margin:20px 0px; border-top:2px dotted #ccc; overflow:hidden; padding:20px 0 0;}


.walk-link{ display:inline-block; overflow:hidden; padding:6px 15px; font-size:18px; background:#d36029; margin:20px auto; font-family: 'Lato', sans-serif; color:#fff; text-transform:capitalize;}
.walk-link:before{  content:"\f03d"; font-family:'FontAwesome'; font-size:18px; margin-right:10px; color:#fff;}

/* ----------------------- Team Style ----------------------- */

ul.team-box, ul.team-box li{display:block; overflow:hidden; clear:both;}
ul.team-box{margin-bottom:25px;}
ul.team-box li{text-align:justify; border-bottom:3px #ddd dotted; padding:20px; line-height:24px; font-size:14px;}
ul.team-box li strong{color:#cb2129; padding:0 0 5px; display:block; overflow:hidden; font-weight:500; font-size:16px;}
ul.team-box li:nth-child(even){background:#fbfbfb;}
ul.team-box li img{clear:both; display:block; overflow:hidden; margin-bottom:15px;}
ul.team-box li span{ font-size:20px; display:block; overflow:hidden; margin-bottom:15px; font-weight:700; color:#3caab4; text-transform:capitalize;}


/* ----------------------- Downloads Style ----------------------- */

ul.downloads-link, ul.downloads-link li{display:block; overflow:hidden;}
ul.downloads-link{margin:25px 0px;}
ul.downloads-link li{font-size:15px; display:inline-block; width:47%; margin:0px 1%; text-align:left;}
ul.downloads-link li h2 a{ font-size:16px; display:block; overflow:hidden; margin-bottom:15px; font-weight:400; color:#000; text-transform:capitalize; float:left; font-family: 'Quicksand', sans-serif;}
ul.downloads-link li h2 a:hover{ color:#3caab4;}
ul.downloads-link li h2 a:before{ content:"\f001"; font-family:'FontAwesome'; font-size:18px; margin-right:10px; color:#3caab4;}







#popup{
position:absolute;
display:hidden;
top:50px;
left:50%;
width:480px;
height:auto;
margin-left:-225px;
background-color:white;
z-index:6;
padding:20px;
border:solid 5px #333333;
border-radius:5px;  z-index:9998;
}
#popup h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3F5C9A;
border-bottom:1px #3F5C9A solid;
margin:0;
padding:0;
}
#popup h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
margin:0;
padding:5px 0;
text-align:left;
}
#popup p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0;
padding:5px;
text-align:justify;
}
#popup a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0;
padding:5px;
text-align:right;
float:right;
}
#overlay-back {
position: fixed;
top: 0; bottom:0;
left: 0; right:0;
width: 100%;
height: 100%;
background:rgba(0,0,0,0.5);
z-index: 5;
display: none; z-index:9997;
}
.close-image{
display: block;
float:right;
position:relative;
top:-15px;
right: -15px;
height: 20px;
}
.close-image:hover{cursor:pointer;}



/* popup */

.popup-img{
margin:0;
padding:0;
float:left;
border:5px #fff solid;
width:700px;

-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.popup-img img{width:100%; float:left;}

/* popup End */


/* popup enquiry */
.enquiry{position:fixed;right:0;top:35%;cursor:pointer;z-index:500;display:block;width:35px;}
.enquiry a img{margin-bottom:20px; width:35px;}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 350px;
	width:95%;
}
.modal-content textarea{height:80px;}
.modalheader{display:block; clear:both; position:relative; padding-bottom:15px;}
/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
	position:absolute;
	right:0; top:0;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}





/*===responsive code===*/


@media (max-width: 1200px){
	

	.wrap{margin:auto; width:auto; display:block; padding:0px 10px;}
	.footer-lft-area ul li{ width:45%;}
	.footer-rit-area{ width:40%;}
	.sub-button{ line-height:26px;}
	

	
}


@media (min-width: 721px) and (max-width: 960px){
	.menu-texture-bg{ height:auto;}
	.banner-area{ top:0px;}
	.input-box { width: 92%;}
	.sub-button { margin-top: 8px; clear: both; display: block; width: 96%;}
	.inner-banner{ top:0px;}
	.inner-banner-details{ margin: 60px auto 0px;}
	.facilities-nav ul li div img{ display:none;}
	.highlight-bg-area{ background:#ccc; height:auto;}
	.highlight-lft-area{ width:100%; margin-bottom:20px;}
	.highlight-rit-area { width: 70%; float: none; margin: 0px auto; clear: both;} 
	.inner-banner-details{ margin: 60px auto 0px; width:83%;}
	.introduction-nav ul li{ margin: 2% 3%;}
	.gallery-area ul li{ margin: 15px 5px;}
	.contact-rit-area{ width:100%;}
	.contact-lft-area{ width:100%;}
	.tab-box ul li { width:31%;}
}



@media (max-width: 720px){
	.menu-texture-bg{ height:auto;}
	.banner-area{ top:0px;}
	.input-box { width: 92%;}
	.sub-button { margin-top: 8px; clear: both; display: block; width: 96%;}
	.footer-img{ display:none;}
	.footer-lft-area{ width:50%;}
	.footer-rit-area{ width:46%;}
	.inner-banner{ top:0px;}
	.facilities-nav ul li div img{ display:none;}
	.facilities-nav ul li div p{ line-height:27px;}
	.highlight-bg-area{ background:#ccc; height:auto;}
	.highlight-lft-area{ width:100%; margin-bottom:20px;}
	.highlight-rit-area { width: 70%; float: none; margin: 0px auto; clear: both;} 
	.inner-banner-details{ margin: 60px auto 0px; width:83%;}
	./*banner-details{ width:100%; margin: 52px 0px 18px;}*/
	.introduction-nav ul li{ margin: 2% 0%;}
	.introduction-box-area ul li img{ clear:both; width:60%; float:none; margin-bottom:10px;}
	.introduction-box-area ul li div{ width:100%;}
	.introduction-box-area ul li:nth-child(2) img{ clear:both; width:60%; float:none; margin-bottom:10px;}
	.introduction-box-area ul li:nth-child(2) div{ width:100%;}
	.gallery-area ul li{ width:43%;}
	.contact-rit-area{ width:100%;}
	.contact-lft-area{ width:100%;}
	.map-area{ margin-top:20px;}
	.tab-box ul li { width:31%;}
	.specification-details div{ width:100%;}

}


@media (max-width: 580px){
	
}

@media (max-width: 480px){
	.mid-box-area > div ul li{ width:100%; background:none;}
	.footer-lft-area{ width:100%;}
	.footer-rit-area{ width:100%; clear:both; margin-top:20px;}
	.inner-banner-details{ width:100%;}
	.inner-banner h1{ padding:10px;}
	.facilities-nav ul li div img{ display:block;  width: 29%; margin-top:15px;}
	.facilities-nav ul li div{ width:96%;}
	facilities-nav ul li div img { display: block;}
	.facilities-nav ul li img{ width:100%;}
	.highlight-rit-area{ width:100%;}
	.introduction-box-area ul li img{ width:100%;}
	.introduction-box-area ul li:nth-child(2) img{width:100%;}
	.gallery-area ul li{ width:87%;}
	.tab-box ul li h2 span { /*width: 27%;*/ display:none;}
	.location-details{ display:none; !important}
	.logo-area{ position:static; margin-left:0px; display: block; float: left;}
	.rit-area{ float:right; }
	.lft-logo{ float:none; margin:0px auto;}
	ul.team-box li img{ width:100%;}
	ul.downloads-link li{ width:100%;}
}


@media (max-width: 340px){
	.introduction-nav ul li{ width:92%;}
}











/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}