* {
    outline: none;
    margin: 0px;
    padding: 0px;
    border: none;
    text-decoration: none;
}
a {text-decoration: none;}

.toggleMenu {
    width: 100%;
    display: none;
    height:auto;
	font-family: 'Rubik', sans-serif;
	font-size:22px;
    font-weight:500;
    color: #fff;
    background: #99c600 url(../images/menu-icon.png) no-repeat 95%;
	line-height:35px;
	padding-top:5px;
	padding-bottom:5px;
	z-index:-50px;
}
.toggleMenu:hover{
	color:#000;
	text-decoration:none;
	border:none;
	}
.toggleMenu:focus{outline:none;color:#000;border:none;}	
.toggleMenu h5{
	font-family: 'Rubik', sans-serif;
	font-size:16px;
	font-weight:500;
	padding-left:5%;
	}		
.nav {
    list-style: none;
     *zoom: 1;
     background: none;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: auto;
	min-width:100%;
	padding:0;
	margin:0;
}
.nav a {	
  	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-weight:400 !important;
	color:#000;
	text-transform:uppercase;
	margin-right:40px;
	}
.nav a:hover{
	color:#ff4f00;
	border-bottom:2px solid #ff4f00;
	}	
.nav a:focus,.nav a:hover{outline:none}		
.nav li {
    position: relative;
}
.nav > li {
    float: left;
}
.nav > li > .parent {
   /* background-image: url("images/downArrow.png");*/
    background-repeat: no-repeat;
    background-position:100%  center;
}
.nav > li > .parent:hover {
    /*background-image: url("images/downArrow-hover.png");*/
    background-repeat: no-repeat;
    background-position:100%  center;
	border:none;
}
.nav > li > a {
    display: block;	
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	z-index:500;	
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left:100%;
    top: 0;
}
.nav li li a {
    display: block;
    background:#e7e7e7;
    position: relative;
	color:#000;
	line-height:25px;
	padding-left:20px;	
	padding-right:20px;
	width:200px;
}
.nav li li a:hover {
    display: block;
    background: #fff;
    position: relative;
	color:#67bb41;
	
}
.nav li li ul{
	margin-left:-40px;
	}
.nav li li li a {
    background:#663301;
	text-transform:capitalize;
}
.nav li li li a:hover {
    background:#ff9c00;
	color:#000;
}
@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}
@media (min-width: 1024px) and (max-width: 1199px) {
	.nav a{
		font-size:14px;
		}
	}
	
.product-heading{
	font: 600 30px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
	float:left;	
	
	}
	
.product-content{
font: 400 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
float:left;
text-align:justify;
}

@media (max-width: 385px) {
.product-content {font: 400 40px/48px "Helvetica Neue", Helvetica, Arial, sans-serif; }

}


.div-sub {width:49%; float:left; display:block;}


@media (max-width: 999px) {
.div-sub {width:98%; float:left; display:block; }

}

.product-container{
	
	max-width:1200px; width:100%; text-align:center; display:inline-block; float:none;
	
	}
	
	
.product-list{
	
	max-width:500px;
	
	}
	
.pdbottom{ padding-bottom:20px;}
.success_message {
    -moz-border-radius: 4px 4px 4px 4px; 
    border: 2px solid #99C600;
    color: #000000;
    display: none;
    font-size: 12px;
    min-height: 10px;
    padding: 5px 5px 5px 20px;
    width: 100%;
}


.image12{max-width:800px; width:100%; margin:0 auto; }

@media only screen and (max-width: 767px){
.image12 img{ width:100%; max-width:380px;}
	
.image12{ width:100%}
	}


/*--- slider-css --*/
.slider {
	position: relative;
}
.rslides {
	  position: relative;
	  list-style: none;
	  overflow: hidden;
	  width: 100%;
	  padding: 0;
	  margin: 0;
}
.rslides li {
	  -webkit-backface-visibility: hidden;
	  position: absolute;
	  display: none;
	  width: 100%;
	  left: 0;
	  top: 0;
}
.rslides li:first-child {
	  position: relative;
	  display: block;
	  float: left;
}
.rslides img {
	  display: block;
	  height: auto;
	  float: left;
	  width: 100%;
	  border: 0;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 12px;
	width: 12px;
	display: inline-block;
	background: #fff;
	border-radius:50px;
}
.callbacks_here a:after{
	background:#000;
}
.callbacks_tabs a{
	visibility:hidden;
}
.callbacks_tabs li{
	display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 3%;
  	z-index: 999;
  	right: 45%;
}
.caption{
	position: absolute;
	top: 43%;
  	left: 13%;
}
.caption h3{
	color: #fff;
	font-size: 3em;
  	text-transform: uppercase;
  	display: inline-block;
  	font-family: 'Montserrat-Regular';
  	padding: 0 0 0.3em;
}
.caption h3 span{
	border-bottom: 7px solid #fff;
}
.caption p{
	color: #fff;
	font-size: 1.7em;
	margin: 0.5em 0em 0;
}
.banner1{
	background: url(../images/training/banner1.jpg) no-repeat;
	min-height: 533px;
	max-width:700px;
	margin: auto;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
/*	background-color: #8e8e8e; 
	background-blend-mode: multiply;*/
}
.banner2{
	background: url(../images/training/banner2.jpg) no-repeat;
	min-height: 533px;
	max-width:700px;
	margin: auto;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.banner3{
	background: url(../images/training/banner3.jpg) no-repeat;
	min-height: 533px;
	max-width:700px;
	margin: auto;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.banner4{
	background: url(../images/training/banner4.jpg) no-repeat;
	background-size: cover;
	min-height: 533px;
	max-width:700px;
	margin: auto;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.banner5{
	background: url(../images/training/banner5.jpg) no-repeat;
	background-size: cover;
	min-height: 533px;
	max-width:700px;
	margin: auto;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.banner6{
	background: url(../images/training/banner6.jpg) no-repeat;
	background-size: cover;
	min-height: 533px;
	max-width:700px;
	margin: auto;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.banner7{
	background: url(../images/training/banner7.jpg) no-repeat;
	background-size: cover;
	min-height: 533px;
	max-width:700px;
	margin: auto;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.banner8{
	background: url(../images/training/banner8.jpg) no-repeat;
	background-size: cover;
	min-height: 533px;
	max-width:700px;
	margin: auto;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.banner9{
	background: url(../images/training/banner9.jpg) no-repeat;
	min-height: 533px;
	max-width:700px;
	margin: auto;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
/*--content--*/


.animation{
	font-family: 'Poppins', sans-serif;
	font-size:18px;
	font-weight:400;
	margin:0 auto;
	color:#333;
	text-align:center;
	line-height:26px;
	}	
	
	
	
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 300px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}


.small-text{
	font-family: 'Poppins', sans-serif;
	font-size:18px;
	width:100%;
	font-weight:400;
	margin:0 auto;
	color:#333;
	text-align:center;
	line-height:26px;
	padding:5px
	}	
	
div.gallery2 {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 600px;
}

div.gallery2 img {
  width: 100%;
  height: auto;
}