html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
	background: transparent;
	border: 0;/*font-size:100%;-*/
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
	font-family: open sans;
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
del {
	text-decoration: line-through
}
hr {
	background: transparent;
	border: 0;
	clear: both;
	color: transparent;
	height: 1px;
	margin: 0;
	padding: 0
}
mark {
	background-color: #ffffb3;
	font-style: italic
}
input, select {
	vertical-align: middle
}
ins {
	background-color: red;
	color: white;
	text-decoration: none
}
ol, ul {
	list-style: none
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

* html .clearfix, :first-child+html .clearfix {
	zoom: 1
}
a {
    padding-left: 20px;
        color: #ffffff;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.align-center {  text-align: center;}
img{ max-width:100%; height:auto;}
h3{font-family: 'Lato', sans-serif;font-weight: 300;}

body
 {
	 font-family: 'Open Sans', sans-serif;
	 color:#333333;
	 font-size:14px;
	 background:#fff;	 
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* Header */
.header-wrap {
    width: 1130px;
    margin: auto;
}

.head-two-col{ display:inline-block; width:100%;    margin: 20px 0 0;}
.logo-blk {    float: left;}
.header-menu {    float: right;}


/* Menu */
.navbar-inverse {    background-color: transparent;    border: none;    margin-top: 26px;}
.navbar-inverse .navbar-nav>li>a {    color: #333333;    text-transform: uppercase;    padding: 0 ; position:relative;}
.navbar-inverse .navbar-nav>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -3px;;
  left: 0;
  background-color: #cc0033;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.navbar-inverse .navbar-nav>li>a:hover:before{  visibility: visible;  -webkit-transform: scaleX(1);  transform: scaleX(1);}
.navbar-inverse .navbar-nav>li.current>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -3px;;
  left: 0;
  background-color: #cc0033;visibility: visible; -webkit-transform: scaleX(1);  transform: scaleX(1); }
.navbar-inverse .navbar-nav>li{padding: 0 0 0 50px;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color: #333333;background-color: transparent;  }

/* Header ends */

/* Content Area */

.home-banner {    width: 100%;    padding:150px 0 70px;    text-align: center; background-image:url(../images/bg-img.jpg); background-repeat:no-repeat; background-size:cover;}
.home-slider {    background-color: rgba(204,0,51,0.9);    color: #fff;    width: 600px;    margin: auto;}
.home-slider h2{ font-size:40px;font-family: 'Lato', sans-serif;font-weight: 300;text-transform: uppercase;letter-spacing: 7px;    margin-bottom: 15px;}
.home-slider p {    width: 69%;    margin: auto;}
.carousel {    padding: 20px;    cursor: move; }
.carousel-control{    display: none;}
.carousel-indicators {    bottom: 10px;    left: auto;    right: 15px;    width: auto;}
.carousel-indicators .active{    background-color: #ffffff;    margin: 0 10px 0 0;    width: 10px;    height: 10px;}
.carousel-indicators li{    background-color: #de8298;    margin: 0 10px 0 0;}
.carousel-indicators li:hover{    background-color: #ffffff;}
.slider-txt a {    background: #ffcc33;    color: #333333;    padding: 10px 35px;    display: inline-block;    margin: 20px 0 5px; -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;}
.slider-txt a:hover {    background: #333333;    color: #ffcc33;}

.content-wrap h2{font-size:36px;font-family: 'Lato', sans-serif;font-weight: 300; text-align:center; margin-bottom: 15px;}
.welcome-blk{ width:620px; margin:40px auto 0; text-align:center;}
.welcome-blk p {    margin-bottom: 35px;}

.home-product-blk {    width: 1290px;    margin: 60px auto 0;}
.col-blk {    float: left;    width: 33%;    margin: 0 6.4px 0 0;}
.three-col-wrap {    overflow: hidden;}
.col-blk:last-child {    float: right;    margin: 0;}
.yellow-bg-txt {    background: #cc9933;    color: #fff;    padding: 50px 35px 45px;
height: 425px;}
.yellow-bg-txt h3 {    margin-bottom: 10px;}
.yellow-bg-txt a {    margin-top: 10px;}
.learn-more {    background: #ffcc33;    color: #333333;    padding: 10px 30px;    display: inline-block;-webkit-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.learn-more:hover{ background: #333333;    color: #ffcc33;}

.nav-tabs {    border-bottom: 1px solid #cecece;    text-align: center;}
.nav-tabs>li {    float: none;    display: inline-block;    margin-bottom: 0; padding:0 15px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #666666;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: transparent;
}
.nav-tabs>li>a {
    margin-right: 40px;
    line-height: normal;
    border: none;
    border-radius: 0;
    color: #ffcc33;
    font-weight: 700;
    font-size: 16px; text-transform:uppercase;    padding: 5px 0; position:relative;
}
.nav-tabs>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;;
  left: 0;
  background-color: #cc0033;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.nav-tabs>li>a:hover:before{  visibility: visible;  -webkit-transform: scaleX(1);  transform: scaleX(1);}
.nav-tabs>li.active>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;;
  left: 0;
  background-color: #cc0033;visibility: visible; -webkit-transform: scaleX(1);  transform: scaleX(1); }
  .nav>li>a:focus, .nav>li>a:hover{ background:none;}
  .tab-blk {    margin-top: 40px;}
  .tab-blk .tab-content {    width: 860px;    margin: 70px auto 0;}
  .two-col-blk {    overflow: hidden;}
  .lt-profile-pic {    float: left;    width: 28%;}
.lt-profile-pic p {    font-size: 18px;    font-weight: 700;    margin: 10px 0 0;    line-height: 20px;}
.lt-profile-pic p span {    display: inline-block;    clear: both;    width: 100%;    font-size: 14px;    font-weight: normal; }
.rt-txt {font-size: 16px;    float: left;        padding-top: 20px;}
.tab-blk  hr{ width:100%; border-top:1px solid #cc9933; margin:80px 0 50px;}
.member-blk{ float:left; width:25%;}
.member-blk p {    font-size: 18px;    font-weight: 700;    margin: 10px 0 0;    line-height: 20px;}
.member-blk p span {    display: inline-block;    clear: both;    width: 100%;    font-size: 14px;    font-weight: normal;  }
.inner-content-area h2 {text-align: center;color: #666;font-size: 30px;font-weight: 300;text-transform: uppercase;margin-bottom: 20px;}  
.four-col-blk {    overflow: hidden;    margin-top: 50px;}

.career-wrap {    width: 820px;    margin: 50px auto;}
#home p, #menu1 p {    font-size: 16px;    margin-bottom: 20px;}
.career-txt-wrap {    padding: 30px 20px;}
.career-txt-wrap p {    margin-bottom: 20px;    font-size: 16px;}
.career-txt-wrap a {    color: #ffcc33;    font-weight: bold;}

.inner-content-area {    margin-top: 20px;}
.dark-green-blk {    background: #cccc99;}
.product-content-wrap {    width: 1110px;    margin: 0 auto;    font-size: 16px;    padding: 100px 0;    overflow: hidden;}
.lt-img {    float: left;}
.lt-img img {    border: 5px solid #fff;}
.rt-txt-blk {    float: right;    width: 50%;}
a.l-more {    background-color: #ffcc33;    color: #000;    padding: 10px 40px 10px 20px;    display: inline-block;    margin-top: 20px; background-image:url(../images/link-icon.png); background-repeat:no-repeat;background-position: 90% 50%; -webkit-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
a.l-more:hover {    background-color: #000;    color: #ffcc33; }
.rt-txt-blk.blk1  {    margin-top: 103px; }
.dark-yellow-blk {    background: #cc9933;}
.dark-yellow-blk .lt-img {    float: right;    margin-top: 30px;}
.dark-yellow-blk .rt-txt-blk {    float: left;}
.rt-txt-blk img {    margin: 0 auto 15px;    display: block;}
.product-btm{ background-image:url(../images/product-btm-banner.png); width:100%; height:251px; background-repeat:no-repeat; background-size:cover; margin:0 0 30px; }
.small-logo-blk {    float: left;    width: 20%;}
.address-blk {    float: left;}
.form-blk {    float: right;    width: 40%;}
.three-col {    overflow: hidden;}
.career-txt-wrap .address-blk  p {   font-size: 14px;}
.form-blk h3 {    font-family: 'Open Sans', sans-serif;    font-size: 30px;    font-weight: 300;    margin-bottom: 20px;}
.form-blk input {background: #f7f6f6;width: 98%;padding: 10px;margin-bottom: 15px;height: auto;line-height: normal;border: none;border-radius: 0;box-shadow: none;}
.form-blk textarea {    background: #f7f6f6;    width: 100%;    padding: 10px;    margin-bottom: 15px;    height: 100px;}
.form-blk .submit-blk input {background: #ffcc33;width: auto;padding: 10px 30px;margin-bottom: 15px; cursor:pointer; color:#000;
-webkit-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.form-blk .submit-blk input:hover {background: #000;color:#ffcc33;}

.news-wrap {    width: 960px;    margin: 50px auto;}
.news-wrap h2 {    font-weight: 300;    font-size: 30px;    margin-bottom: 20px;}
.news-blk {    border-bottom: 1px solid #ebe0d6;    padding-bottom: 20px;    margin-bottom: 20px;}
.news-blk:last-child{ border:none;}
.news-link {    margin: 0 7px 0 10px;}

/* Content Area Ends */

/* Footer */

.footer-wrap{ background-image:url(../images/footer-bg.jpg); background-repeat:no-repeat; background-size:cover;margin: 60px auto 0;    background-position: 0 20px;}
.story	{background-image:url(../images/story-bottom.jpg) !important;}
.footer-greyblk {    background: #666666;    padding: 15px 0;}
.footer-greyblk ul {    list-style: none;    padding: 0;    margin: auto;    width: 960px;}
.footer-greyblk ul li {    display: inline-block;    margin: 0 50px 0 0;}
.footer-greyblk ul li a {    color: #fff;    font-size: 14.5px;position:relative;}
.footer-greyblk ul li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -3px;;
  left: 0;
  background-color: #cc0033;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.footer-greyblk ul li a:hover:before{  visibility: visible;  -webkit-transform: scaleX(1);  transform: scaleX(1);}
.footer-txt {    text-align: center;    color: #fff;    padding: 65px  0;}
.footer-txt h4 {    font-size: 28px; margin-bottom:15px,}
.footer-txt p {    font-size: 19px;}


/* Footer Ends */



/* Media Query */

@media only screen and (min-width: 959px) and (max-width: 1024px)
 {
	.header-wrap,.home-product-blk, .footer-greyblk ul {    width: 98%;}
	.col-blk{margin: 0 4px 0 0;}
	.product-content-wrap{ width:95%;}
	.lt-img {    width: 45%; }
	.rt-txt-blk.blk1 {    margin-top: 0;}
	.news-wrap {    width: 95%;  }
	
	
	 }

@media only screen and (min-width: 768px) and (max-width: 959px) 
{
.header-wrap,.home-product-blk, .footer-greyblk ul, .footer-txt {    width: 98%;}
.navbar-inverse .navbar-nav>li {    padding: 0 0 0 20px;}
.col-blk {    float: left;    width: 32.5%;    margin: 0 9.4px 0 0;}
.yellow-bg-txt {    background: #cc9933;    color: #fff;    padding: 25px;}
.footer-txt p {    font-size: 20px;}
.tab-blk .tab-content, .career-wrap {    width: 90%;}
.product-content-wrap, .news-wrap{ width:95%;}
.lt-img {    float: left;    width: 100%;    text-align: center;}
.rt-txt-blk.blk1 {    margin-top: 0;}
.rt-txt-blk {    float: left;    width: 100%;    margin-top: 20px !important;}
.dark-yellow-blk .lt-img {    float: left;    margin-top: 0;}

	}

@media only screen and (min-width: 480px) and (max-width: 767px) 
{
	.header-wrap,.home-product-blk, .footer-greyblk ul, .footer-txt, .welcome-blk {    width: 98%;}
	.head-two-col {    position: relative;    margin: 20px 0 20px;}
	.header-menu {    float: none;    width: 40%;    position: absolute;    top: 0;    right: 0; z-index:9;}
	.header-menu .navbar-inverse{ margin-top:0;}
	.header-menu .navbar-toggle{ margin-right:0;}
	.header-menu .navbar-nav {    margin: 0 -15px;}
	.header-menu .navbar-inverse .navbar-nav>li {    padding: 5px 10px;    text-align: right;    border-bottom: 1px solid #333;}
	.header-menu .navbar-inverse .navbar-nav>li:last-child{ border:none;}
	.header-menu .navbar-inverse .navbar-toggle .icon-bar {    background-color: #333;}
	.header-menu .navbar-inverse .navbar-toggle:focus, .header-menu .navbar-inverse .navbar-toggle:hover {background-color: #fff;}
.header-menu .navbar-inverse .navbar-collapse, .header-menu .navbar-inverse .navbar-form {border: 1px solid #333;background: #fff;}
.home-slider {    width: 80%;}	
.home-banner{padding: 40px 0 70px;}
.home-slider h2, .content-wrap h2 {    font-size: 30px;}
.home-slider p {    width: 100%; }
.col-blk {    float: none !important;    width: 65%;    margin: 0 auto 10px !important;}
.yellow-bg-txt{ padding:15px;}
.footer-greyblk ul li {  margin: 0 25px 0 0;}
.footer-txt h4 {    font-size: 25px;}
.footer-txt p {    font-size: 15px;}
.footer-txt {    padding: 40px 0; margin: auto;}
.tab-blk .tab-content, .career-wrap {    width: 90%;}
.lt-profile-pic {  width: 100%;    margin-bottom: 20px;    text-align: center;}
.rt-txt{ width:100%;}
.member-blk {  width: 50%;    margin: 0 0 20px;}
.navbar-inverse .navbar-nav>li.current>a:before{ display:none;}
.navbar-inverse .navbar-nav>li.current{background-color: #cc0033;}
.navbar-inverse .navbar-nav>li.current>a{ color:#FFF;}
.product-content-wrap{ width:90%;padding: 35px 0;}
.lt-img {    float: left;    width: 100%;    text-align: center;}
.rt-txt-blk.blk1 {    margin-top: 0;}
.rt-txt-blk {    float: left;    width: 100%;    margin-top: 20px !important;}
.dark-yellow-blk .lt-img {    float: left;    margin-top: 0;}
.career-txt-wrap {    padding: 20px 0;}
.news-wrap {    width: 95%;    margin: 20px auto;  }
     .col-blk:nth-child(2){    display: table;}
     .col-blk:nth-child(2) .product-yellow-blk{ display: table-footer-group;}

	}

@media only screen and (max-width: 479px)
 {
	 .header-wrap,.home-product-blk, .footer-greyblk ul, .footer-txt, .welcome-blk {    width: 95%;}
	.head-two-col {    position: relative;    margin: 20px 0 20px;}
	.header-menu {    float: none;    width: 60%;    position: absolute;    top: 0;    right: 0; z-index:9;}
	.header-menu .navbar-inverse{ margin-top:0;}
	.header-menu .navbar-toggle{ margin-right:0;}
	.header-menu .navbar-nav {    margin: 0 -15px;}
	.header-menu .navbar-inverse .navbar-nav>li {    padding: 5px 10px;    text-align: right;    border-bottom: 1px solid #333;}
	.header-menu .navbar-inverse .navbar-nav>li:last-child{ border:none;}
	.header-menu .navbar-inverse .navbar-toggle .icon-bar {    background-color: #333;}
	.header-menu .navbar-inverse .navbar-toggle:focus, .header-menu .navbar-inverse .navbar-toggle:hover {background-color: #fff;}
.header-menu .navbar-inverse .navbar-collapse, .header-menu .navbar-inverse .navbar-form {border: 1px solid #333;background: #fff;}
.carousel-indicators {    bottom: 0;    right: 0;}
.home-slider {    width: 80%;}	
.home-banner{padding: 40px 0 ;}
.home-slider h2, .content-wrap h2 {    font-size: 25px;}
.home-slider p {    width: 100%; }
.welcome-blk, .home-product-blk {  margin: 25px auto 0;}
.col-blk {    float: none !important;    width: 90%;    margin: 0 auto 10px !important;}
.yellow-bg-txt{ padding:15px;}
.footer-greyblk {    padding: 15px 0 5px;}
.footer-greyblk ul li {    margin: 0 0 10px 0;    float: left;    display: block;    width: 40%;}
.footer-greyblk ul{ overflow:hidden;}
.footer-txt h4 {    font-size: 25px;}
.footer-txt p {    font-size: 15px;}
.footer-txt {    padding: 20px 0;    margin: auto;}
.tab-blk .tab-content {    width: 90%;    margin: 45px auto 0;}
.lt-profile-pic {  width: 100%;    margin-bottom: 20px;    text-align: center;}
.rt-txt{ width:100%;}
.four-col-blk {    text-align: center;}
.member-blk {  width: 100%;    margin: 0 0 20px;}
.navbar-inverse .navbar-nav>li.current>a:before{ display:none;}
.navbar-inverse .navbar-nav>li.current{background-color: #cc0033;}
.navbar-inverse .navbar-nav>li.current>a{ color:#FFF;}
.nav-tabs>li>a {    margin-right: 0;    font-size: 14px;}
.nav-tabs>li{ padding:0 10px;}
.tab-blk {    margin-top: 20px;}
.tab-blk hr {    margin: 50px 0 35px;}
.career-wrap {    width: 95%;    margin: 15px auto;}
.career-txt-wrap {    padding: 15px 10px;}
.product-content-wrap{ width:90%;padding: 35px 0;}
.lt-img {    float: left;    width: 100%;    text-align: center;}
.rt-txt-blk.blk1 {    margin-top: 0;}
.rt-txt-blk {    float: left;    width: 100%;    margin-top: 20px !important;}
.dark-yellow-blk .lt-img {    float: left;    margin-top: 0;}
.small-logo-blk {    width: 100%;    margin-bottom: 10px;}
.form-blk {    float: left;    width: 100%;}
.career-wrap iframe {height: auto;}
.news-wrap {    width: 95%;    margin: 20px auto;  }
     .col-blk:nth-child(2){    display: table;}
     .col-blk:nth-child(2) .product-yellow-blk{ display: table-footer-group;}
	 
	 }





