/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
body {
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:15px;
	line-height:22px;
}
.text-muted {
	color: #000;
}
.text-primary {
	color: #ed1b23;
}
p {
	font-size: 15px;
}
p.large {
	font-size: 16px;
}
a, a:hover, a:focus, a:active, a.active {
	outline: 0;
}
a {
	color: #fed136;
}
a:hover, a:focus, a:active, a.active {
	color: #fec503 !important;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-family: 'Source Sans Pro';
	font-weight: 700;
}
.img-centered {
	margin: 0 auto;
}
.bg-light-gray {
	background: rgba(0, 0, 0, 0.4) url(../images/wheat.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
.bg-darkest-gray {
	background-color: #222;
}
.btn-primary {
	border-color: #1B7610;
	text-transform: uppercase;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
	color: #fff;
	background-color: #5DA036;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	border-color: #f6bf01;
	background-color: #5DA036;
	color: #fff !important;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	border-color: #fed136;
	background-color: #fed136;
}
.btn-primary .badge {
	color: #fed136;
	background-color: #fff;
}
.btn-xl {
	padding: 20px 40px;
	border-color: #fed136;
	border-radius: 3px;
	text-transform: uppercase;
	font-family: 'Source Sans Pro';
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background-color: #fed136;
}
.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
	border-color: #f6bf01;
	color: #fff;
	background-color: #fec503;
}
.btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
	background-image: none;
}
.btn-xl.disabled, .btn-xl[disabled], fieldset[disabled] .btn-xl, .btn-xl.disabled:hover, .btn-xl[disabled]:hover, fieldset[disabled] .btn-xl:hover, .btn-xl.disabled:focus, .btn-xl[disabled]:focus, fieldset[disabled] .btn-xl:focus, .btn-xl.disabled:active, .btn-xl[disabled]:active, fieldset[disabled] .btn-xl:active, .btn-xl.disabled.active, .btn-xl[disabled].active, fieldset[disabled] .btn-xl.active {
	border-color: #fed136;
	background-color: #fed136;
}
.btn-xl .badge {
	color: #fed136;
	background-color: #fff;
}
.navbar-default {
	border-color: transparent;
	background: transparent none repeat scroll 0 0 !important;
   box-shadow: none !important;
}
.navbar-default .navbar-brand {
	font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
	color: #880902;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {
	color: #fec503;
}
.navbar-default .navbar-collapse {
	border-color: rgba(255, 255, 255, .02);
}
.navbar-default .navbar-toggle {
	border-color: #880902;
	background-color: #fed136;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fed136;
}
.navbar-default .nav li a {
	padding: 6px 5px !important;
	line-height: 24px;
	margin: 0;
	border: none;
	position: relative;
	transition: all 0.5s;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	overflow: hidden;
	text-transform:uppercase;
	  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
	color: #fff;
}
.navbar-default .nav li a:active, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
	outline: 0;
	color: #880902;
}
.navbar-default .navbar-nav>.active>a {
	border-radius: 0;
	color: #fff;/*background-color: #fed136;*/
}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #fff;/*background-color: #fec503;*/
}
 @media(min-width:768px) {
 .navbar-default {
 padding: 10px 0px;
 border: 0;
 background: rgba(0, 0, 0, 0.4);
 -webkit-transition: padding .3s;
 -moz-transition: padding .3s;
 transition: padding .3s;
 box-shadow: 1px 1px 7px #2D2B2B;
}
 .navbar-default .navbar-brand {
 font-size: 2em;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 transition: all .3s;
}
 .navbar-default .navbar-nav>.active>a {
/* border-radius: 3px;*/
}

/*shrink*/
    .navbar-default.navbar-shrink {
 padding: 24px 0;
 background-color: #222;
 background: rgba(0, 0, 0, 0.4);
}
 .navbar-default.navbar-shrink .navbar-brand {
 font-size: 1.5em;
}
}
header {
	text-align: center;
	color: #fff;
	background-attachment: scroll;
	background-image: url(../images/firstBG.jpg);
	background-position: center center;
	background-repeat: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
header .intro-text {
	padding-top: 100px;
	padding-bottom: 50px;
}
header .intro-text .intro-lead-in {
	margin-bottom: 25px;
	font-size: 22px;
	font-style: italic;
	line-height: 22px;
}
header .intro-text .intro-heading {
	margin-bottom: 25px;
	text-transform: uppercase;
	font-family: 'Source Sans Pro';
	font-size: 50px;
	font-weight: 700;
	line-height: 50px;
}
 @media(min-width:768px) {
 header .intro-text {
 padding-top: 300px;
 padding-bottom: 200px;
}
 header .intro-text .intro-lead-in {
 margin-bottom: 25px;
 font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 40px;
 font-style: italic;
 line-height: 40px;
}
 header .intro-text .intro-heading {
 margin-bottom: 50px;
 text-transform: uppercase;
 font-family: 'Source Sans Pro';
 font-size: 75px;
 font-weight: 700;
 line-height: 75px;
}
}
section {
	padding: 143px 0;
}
section h2.section-heading {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 40px;
}
section h3.section-subheading {
	margin-bottom: 75px;
	text-transform: none;
	font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height:30px;
}
 @media(min-width:768px) {
 section {
/* comment-css padding: 150px 0;*/
    }
}
.service-heading {
	padding:8px 0;
	text-transform: none;
	
	color: #000;
}
#portfolio .portfolio-item {
	right: 0;
	margin: 0 0 15px;
}
#portfolio .portfolio-item .portfolio-link {
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 400px;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0, 176, 29, .9);
 -webkit-transition: all ease .5s;
 -moz-transition: all ease .5s;
 transition: all ease .5s;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
	opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 20px;
	margin-top: -12px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
	margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
	margin: 0;
}
#portfolio .portfolio-item .portfolio-caption {
	margin: 0 auto;
	padding: 25px;
	max-width: 400px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.54);
}
#portfolio .portfolio-item .portfolio-caption h4 {
	margin: 0;
	text-transform: none;
}
#portfolio .portfolio-item .portfolio-caption p {
	margin: 0;
	font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: italic;
}
#portfolio * {
	z-index: 2;
}
 @media(min-width:767px) {
 #portfolio .portfolio-item {
 margin: 0 0 30px;
}
}
.timeline {
	position: relative;
	padding: 0;
	list-style: none;
}
.timeline:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 40px;
	width: 2px;
	margin-left: -1.5px;/*background-color: #f1f1f1;*/
}
.timeline>li {
	position: relative;
	margin-bottom: 50px;
	min-height: 50px;
}
.timeline>li:before, .timeline>li:after {
	content: " ";
	display: table;
}
.timeline>li:after {
	clear: both;
}
.timeline>li .timeline-panel {
	float: right;
	position: relative;
	width: 100%;
	padding: 0 20px 0 100px;
	text-align: left;
}
.timeline>li .timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0;
}
.timeline>li .timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0;
}
.timeline>li .timeline-image {
	z-index: 100;
	position: absolute;
	left: 0;
	width: 80px;
	height: 80px;
	margin-left: 0;
	border: 7px solid #f1f1f1;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	background-color: #fed136;
}
.timeline>li .timeline-image h4 {
	margin-top: 12px;
	font-size: 10px;
	line-height: 14px;
}
.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
	padding: 0 20px 0 100px;
	text-align: left;
}
.timeline>li.timeline-inverted>.timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0;
}
.timeline>li.timeline-inverted>.timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0;
}
.timeline>li:last-child {
	margin-bottom: 0;
}
.timeline .timeline-heading h4 {
	margin-top: 0;
	color: inherit;
}
.timeline .timeline-heading h4.subheading {
	text-transform: none;
}
.timeline .timeline-body>p, .timeline .timeline-body>ul {
	margin-bottom: 0;
}
 @media(min-width:768px) {
 .timeline:before {
 left: 50%;
}
 .timeline>li {
 margin-bottom: 100px;
 min-height: 100px;
}
 .timeline>li .timeline-panel {
 float: left;
 width: 41%;
 padding: 0 20px 20px 30px;
 text-align: right;
}
 .timeline>li .timeline-image {
 left: 50%;
 width: 100px;
 height: 100px;
 margin-left: -50px;
}
 .timeline>li .timeline-image h4 {
 margin-top: 16px;
 font-size: 13px;
 line-height: 18px;
}
 .timeline>li.timeline-inverted>.timeline-panel {
 float: right;
 padding: 0 30px 20px 20px;
 text-align: left;
}
}
 @media(min-width:992px) {
 .timeline>li {
 min-height: 150px;
}
 .timeline>li .timeline-panel {
 padding: 0 20px 20px;
}
 .timeline>li .timeline-image {
 width: 150px;
 height: 150px;
 margin-left: -75px;
}
 .timeline>li .timeline-image h4 {
 margin-top: 30px;
 font-size: 18px;
 line-height: 26px;
}
 .timeline>li.timeline-inverted>.timeline-panel {
 padding: 0 20px 20px;
}
body .about-img{ 
 float:left !important;
}
}
 @media(min-width:1200px) {
 .timeline>li {
 min-height: 170px;
}
 .timeline>li .timeline-panel {
 padding: 0 20px 20px 100px;
}
 .timeline>li .timeline-image {
 width: 170px;
 height: 170px;
 margin-left: -85px;
}
 .timeline>li .timeline-image h4 {
 margin-top: 40px;
}
 .timeline>li.timeline-inverted>.timeline-panel {
 padding: 0 100px 20px 20px;
}
}
.team-member {
	margin-bottom: 50px;
	text-align: center;
}
.team-member img {
	margin: 0 auto;
}
.team-member h4 {
	margin-top: 25px;
	margin-bottom: 0;
	text-transform: none;
}
.team-member p {
	margin-top: 0;
}
aside.clients img {
	margin: 50px auto;
}
.section#contact {
	background-image: url(../images/map-image.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}
.section#contact .section-heading {
	color: #fff;
}
.section#contact .form-group {
	margin-bottom: 25px;
	height: 32px;
	text-align: left;
}
.section#contact .form-group input, .section#contact .form-group textarea {
	padding: 20px;
}
.section#contact .form-group input.form-control {
	height: 34px;
	width:50%;
}
.section#contact .form-group textarea.form-control {
	height: 236px;
}
.section#contact .form-control:focus {
	border-color: #fed136;
	box-shadow: none;
}
 .section#contact::-webkit-input-placeholder {
 text-transform: uppercase;
 font-family: 'Source Sans Pro';
 font-weight: 700;
 color: #bbb;
}
 .section#contact:-moz-placeholder {
 text-transform: uppercase;
 font-family: 'Source Sans Pro';
 font-weight: 700;
 color: #bbb;
}
 .section#contact::-moz-placeholder {
 text-transform: uppercase;
 font-family: 'Source Sans Pro';
 font-weight: 700;
 color: #bbb;
}
 .section#contact:-ms-input-placeholder {
 text-transform: uppercase;
 font-family: 'Source Sans Pro';
 font-weight: 700;
 color: #bbb;
}
.section#contact .text-danger {
	color: #e74c3c;
}
footer {
	padding: 20px 0;
	text-align: center;
}
footer span.copyright {
	text-transform: uppercase;
	text-transform: none;
	font-family: 'Source Sans Pro';
	line-height: 40px;
}
footer ul.quicklinks {
	margin-bottom: 0;
	text-transform: uppercase;
	text-transform: none;
	font-family: 'Source Sans Pro';
	line-height: 40px;
}
ul.social-buttons {
	margin-bottom: 0;
}
ul.social-buttons li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 40px;
	outline: 0;
	color: #fff;
	background-color: #222;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 transition: all .3s;
}
ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {
	background-color: #fed136;
	color: #fff !important;
}
.btn:focus, .btn:active, .btn.active, .btn:active:focus {
	outline: 0;
}
.portfolio-modal .modal-content {
	padding: 100px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	text-align: center;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.portfolio-modal .modal-content h2 {
	margin-bottom: 15px;
	font-size: 3em;
}
.portfolio-modal .modal-content p {
	margin-bottom: 30px;
}
.portfolio-modal .modal-content p.item-intro {
	margin: 20px 0 30px;
	font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: italic;
}
.portfolio-modal .modal-content ul.list-inline {
	margin-top: 0;
	margin-bottom: 30px;
}
.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}
.portfolio-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	background-color: transparent;
	cursor: pointer;
}
.portfolio-modal .close-modal:hover {
	opacity: .3;
}
.portfolio-modal .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #222;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #222;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.portfolio-modal .modal-backdrop {
	display: none;
	opacity: 0;
}

::-moz-selection {
 text-shadow: none;
 background: #fed136;
}

::selection {
 text-shadow: none;
 background: #fed136;
}
 img::selection {
 background: 0 0;
}
 img::-moz-selection {
 background: 0 0;
}
body {
	webkit-tap-highlight-color: #fed136;
}
#pp-nav span>li>a:hover, #pp-nav span>li>a:focus, #pp-nav span>li>a:active {
	text-decoration: none;
	background-color: #618506;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #fff !important;
}
/*=============pagescroll===============*/
.pp-section {
	height:100%;
	position:absolute;
	width:100%;
}
.pp-easing {
	-webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
	-moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
	-o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
	transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
	/* custom */
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
	-moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
	-o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
	transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);/* custom */
}
#pp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
}
#pp-nav.right {
	right: 17px;
}
#pp-nav.left {
	left: 17px;
}
.pp-section.pp-table {
	display: table;
}
.pp-tableCell {
	vertical-align: middle;
	width: 100%;
	height: auto !important;
}
.pp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}
.pp-slidesNav.bottom {
	bottom: 17px;
}
.pp-slidesNav.top {
	top: 17px;
}
#pp-nav ul, .pp-slidesNav ul {
	margin: 0;
	padding: 0;
}
#pp-nav li, .pp-slidesNav li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position:relative;
}
.pp-slidesNav li {
	display: inline-block;
}
#pp-nav li a, .pp-slidesNav li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}
#pp-nav li .active span, .pp-slidesNav .active span {
/*background: #333;*/
}
#pp-nav span, .pp-slidesNav span {
	top: 2px;
	left: 2px;
	width: 11px;
	height: 11px;
	border: 1px solid #000;
	background: #618506;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}
.pp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
}
.pp-tooltip.right {
	right: 20px;
}
.pp-tooltip.left {
	left: 20px;
}
.pp-scrollable {
	overflow-y: scroll;
	height: 100%;
}
/*=====new css=====*/

.contact_text {
	color:#6E6E6E;
}
.color-4 nav a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #FA6F26;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
	font-size: 1.35em;
}
.color-4 nav a:hover, .color-4 nav a:focus {
	outline: none;
}
/* Effect 14: border switch */


/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-3 a {
	padding: 8px 0;
}
 .cl-effect-3 a::after {
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 height: 4px;
 background: rgba(0, 0, 0, 0.1);
 content: '';
 opacity: 0;
 -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
 -moz-transition: opacity 0.3s, -moz-transform 0.3s;
 transition: opacity 0.3s, transform 0.3s;
 -webkit-transform: translateY(10px);
 -moz-transform: translateY(10px);
 transform: translateY(10px);
}
 .cl-effect-3 a:hover::after, .cl-effect-3 a:focus::after {
 opacity: 1;
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 transform: translateY(0px);
}

/* Effect 1: Brackets */
.cl-effect-1 a::before, .cl-effect-1 a::after {
 display: inline-block;
 opacity: 0;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
 -moz-transition: -moz-transform 0.3s, opacity 0.2s;
 transition: transform 0.3s, opacity 0.2s;
}
 .cl-effect-1 a::before {
 margin-right: 10px;
 content: '*';
 -webkit-transform: translateX(20px);
 -moz-transform: translateX(20px);
 transform: translateX(20px);
}
 .cl-effect-1 a::after {
 margin-left: 10px;
 content: '*';
 -webkit-transform: translateX(-20px);
 -moz-transform: translateX(-20px);
 transform: translateX(-20px);
}
 .cl-effect-1 a:hover::before, .cl-effect-1 a:hover::after, .cl-effect-1 a:focus::before, .cl-effect-1 a:focus::after {
 opacity: 1;
 -webkit-transform: translateX(0px);
 -moz-transform: translateX(0px);
 transform: translateX(0px);
}
.bg-light-green {
	background:#e3ff9d;
}
.bg-light-blue {
	background: #FFD363;
}
.about-body {
	margin: 0px 0px 30px;
}
.modal-open {
	/*overflow-y: visible !important;*/
	padding-right:0px !important;
}
.pp-tooltip {
	background:#618506;
	padding:7px;
	border-radius:3px;
}
.about-us {
	background-color: rgb(255, 242, 179);
}
.product {
	background-color: #F7E394;
}
.btn.btn-primary.btn-query {

	background-color: #a72a23;
	border-color: #880902;
}
.quicklinks li a {
	color: #6C6C6C;
}
.contact_text_one {
	color:#fff;
	margin-top:0px;
	text-align: left;
}
.social-icon{ text-align:center;}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	/*height: 584px;*/
	height:100%;
}
/*.about-body-one img {
	border: 8px solid #fff;
	box-shadow: 0px 1px 4px #847D7D;
}*/
.fa-3x {
	font-size: 2em !important;
}
.bg-light-grey {
	background:#F0FFDD;
}
.bg-light-grey img {
	display: inline!important;
}
.product-sec {
	position: relative;
	left: -99px;
}
.product-soy {
	position: relative;
	left: -64px;
}
.product-gram {
	position: relative;
	right: 98px;
}
#about.our-presence {
	margin: 0 auto !important;
	float: none !important;
	background-color: #fef0ab;
}
.our-presence {
	background: #FFFFFF;
}
.about-text {
	margin-top: 5px;
}
.brand-section {
	background-color: rgb(173, 224, 83);
}
.misson-section {
	background-color: rgb(250, 176, 123);
}
.vision-section {
	background-color: rgb(113, 234, 99);
}
.contact_text_one label {
	margin-top:11px;
}
.required {
	color:#F00;
}
#services .text-muted {
	text-transform: capitalize;
}
.about-text-one {
	margin: 4px 0px 0px;
	line-height: 28px;
}
/*===========*/


.bg-light-gray h2 {
	color:#fff;
}
/*==========Timeline=============*/
#timeline {
	width: 100%;
	/*height: 350px;*/
	overflow: hidden;
	margin: 145px auto;
	position: relative;
	background: url('../images/dot.png') left 45px repeat-x;
}
#dates {
	width: 800px;
	height: 60px;
	overflow: hidden;
}
#dates li {
	list-style: none;
	float: left;
	width: 155px;
	height: 50px;
	font-size: 24px;
	text-align: center;
	background: url('../images/biggerdot.png') center bottom no-repeat;
}
#dates a {
	line-height: 38px;
	padding-bottom: 10px;
}
#dates .selected {
	font-size: 38px;
	color: rgb(87, 136, 16) !important;
}
#issues {
	width: 800px;
	height: 380px;
	overflow: hidden;
}
#issues li {
	width: 830px;
	height: 514px;
	list-style: none;
	float: left;
	text-align: center;
}
#issues li.selected img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);/*box-shadow: 1px 0px 1px rgb(168, 165, 165);*/
}
#issues li img {
	float: left;
	margin: 10px 30px 10px 50px;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);/* IE 6 & 7 */
	zoom: 1;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	-webkit-transform: scale(0.7, 0.7);
	-moz-transform: scale(0.7, 0.7);
	-o-transform: scale(0.7, 0.7);
	-ms-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);
}
#issues li h1 {
	font-size: 27px;
	margin: 20px 0;
	text-shadow: #888888 1px 1px 2px;
	text-align: center;
	color: rgb(87, 136, 16) !important;
}
#timeline img {
	float:none !important;
	margin:0 auto;
	text-align:center;
}
#issues li p {
	font-size: 14px;
	margin-right: 70px;
	font-weight: normal;
	line-height: 22px;
	width: 1000px;
}
#grad_left, #grad_right {
	width: 100px;
	height: 350px;
	position: absolute;
	top: 0;
	z-index:-1;

}
#grad_left {
	left: 0;/* background: url('../images/grad_left.png') repeat-y;*/
}
#grad_right {
	right: 0;/*      background: url('../images/grad_right.png') repeat-y;*/
}
#next, #prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 170px;
	width: 22px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#next:hover, #prev:hover {
	background-position: 0 -76px;
}
#next {
	right: 0;
	background-image: url('../images/next.png');
}
#prev {
	left: 0;
	background-image: url('../images/prev.png');
}
#next.disabled, #prev.disabled {
	opacity: 0.2;
}
#dates a {
	color: #ED1B23!important;
}
.dropdown-menu {
	background-color: #2d9c37 !important;

}
/*============animate==================*/
.bigdl {
	display: inline-block;
	padding: 20px 42px;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
	border-width: 1px;
	border-style: solid;
	border-color: #325bd0 #4561bf #1f4ebb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #2f59c4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#538ed8), to(#2f59c4));
	background-image: -webkit-linear-gradient(top, #538ed8, #2f59c4);
	background-image: -moz-linear-gradient(top, #538ed8, #2f59c4);
	background-image: -ms-linear-gradient(top, #538ed8, #2f59c4);
	background-image: -o-linear-gradient(top, #538ed8, #2f59c4);
	background-image: linear-gradient(to bottom, #538ed8, #2f59c4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
}
.bigdl:hover {
	text-decoration: none;
	background: #3b64ce;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5e99e2), to(#3b64ce));
	background-image: -webkit-linear-gradient(top, #5e99e2, #3b64ce);
	background-image: -moz-linear-gradient(top, #5e99e2, #3b64ce);
	background-image: -ms-linear-gradient(top, #5e99e2, #3b64ce);
	background-image: -o-linear-gradient(top, #5e99e2, #3b64ce);
	background-image: linear-gradient(to bottom, #5e99e2, #3b64ce);
}
.bigdl:active {
	background: #294ba2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3d77bf), to(#294ba2));
	background-image: -webkit-linear-gradient(top, #3d77bf, #294ba2);
	background-image: -moz-linear-gradient(top, #3d77bf, #294ba2);
	background-image: -ms-linear-gradient(top, #3d77bf, #294ba2);
	background-image: -o-linear-gradient(top, #3d77bf, #294ba2);
	background-image: linear-gradient(to bottom, #3d77bf, #294ba2);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
}
/** animated boxes **/
.animBlock {
	display: inline-block;
	opacity: 0;
	filter: alpha(opacity=0);
	position: relative;
 -webkit-transition: all .70s ease-in;
 -moz-transition: all .70s ease-in;
 -ms-transition: all .70s ease-in;
 -o-transition: all .70s ease-in;
 transition: all .70s ease-in;
	-webkit-animation-delay: 5s; /* Chrome, Safari, Opera */
	animation-delay: 5s;
}
.animBlock[data-position="left"] {
	left: -36%;
}
.animBlock[data-position="right"] {
	right: -20%;
}
.animBlock[data-position="left"].viewed {
	left: 0%;
	opacity: 7;
	filter: alpha(opacity=100);
}
.animBlock[data-position="right"].viewed {
	right: 0%;
	opacity: 9;
	filter: alpha(opacity=100);
}
/** various box positions **/
#devicesTxt {
	width: 300px;
	padding-left: 15px;
	padding-top: 12px;
	text-align: center;
}
#appIcon {
	padding-left: 35px;
}
#downloadTxt {
	width: 410px;
	height: 250px; /* keep similar height to app icon image */
	padding-left: 10px;
	text-align: center;
}
/** clearfix **/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/*.clearfix { display: inline-block; }*/
 
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/*==============================*/


/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
 16.65% {
 -webkit-transform: translate(8px, -8px);
 transform: translate(8px, -8px);
}
 33.3% {
 -webkit-transform: translate(-6px, 6px);
 transform: translate(-6px, 6px);
}
 49.95% {
 -webkit-transform: translate(4px, -4px);
 transform: translate(4px, -4px);
}
 66.6% {
 -webkit-transform: translate(-2px, 2px);
 transform: translate(-2px, 2px);
}
 83.25% {
 -webkit-transform: translate(1px, -1px);
 transform: translate(1px, -1px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes hvr-wobble-to-top-right {
 16.65% {
 -webkit-transform: translate(8px, -8px);
 transform: translate(8px, -8px);
}
 33.3% {
 -webkit-transform: translate(-6px, 6px);
 transform: translate(-6px, 6px);
}
 49.95% {
 -webkit-transform: translate(4px, -4px);
 transform: translate(4px, -4px);
}
 66.6% {
 -webkit-transform: translate(-2px, 2px);
 transform: translate(-2px, 2px);
}
 83.25% {
 -webkit-transform: translate(1px, -1px);
 transform: translate(1px, -1px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
.hvr-wobble-to-top-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
	-webkit-animation-name: hvr-wobble-to-top-right;
	animation-name: hvr-wobble-to-top-right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
/* wobble*/


/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
	background: rgba(255, 255, 255, 0.1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}
.hi-icon-effect-1 .hi-icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}
/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover {
	background: rgba(255, 255, 255, 1);
	color: #41ab6b;
}
.hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/*hover-effect*/

/* Buzz */
@-webkit-keyframes hvr-buzz {
 50% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 100% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
}
 @keyframes hvr-buzz {
 50% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 100% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-buzz {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
 @keyframes hvr-buzz-out {
 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
.hvr-buzz-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
	-webkit-animation-name: hvr-buzz-out;
	animation-name: hvr-buzz-out;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
/* Float Shadow */
.hvr-float-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	/* W3C */
  -webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
#goal .fa-inverse {
	color:#FFF;
	background-color: #ED1B23;
	border-radius: 120px;
}
.brand-section {
	background-image:url(../images/brand.jpg);
	background-size:cover;
	color:#FFF;
}
.timeline {
	background-color:#EFEFBC;
}
.about-body-one li a {
	color: #006038 !important;
	font-weight:bold;
	font-size:18px;
}
#sprytrigger1:hover .text {
	opacity:0.6;
	text-align:justify;
	color:#000000;
	font-size:20px;
	font-weight:700;
	padding:30px;
}
.dropdown-toggle.disabled {
	padding-right: 40px;
}
.WTT {
	position: absolute;
	top:-170px;
	background:red;
	padding:12px;
}
#sprytrigger2 {
	background:red;
	color:red;
}
.vision-section {
	background-image:url(../images/vision.jpg);
	background-size:cover;
	color: #fff;
}
.vision-section h4, .misson-section h4 {
	color: #fff;
}
.why-choose-section {
	background-image:url(../images/Our-Mission.jpg);
	background-size:cover;
	color:#fff;
}
.misson-section {
	background-image:url(../images/mision-one.jpg);
	background-size:cover;
	color:#fff;
}
.bg-light-blue {
	background-image:url(../images/goals.jpg);
	background-size:cover;
	color: #fff;
}
.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
}


section#services .form-group input.form-control {
	height: 34px;
	width: 50%;
}
section#services .form-group input, .section#contact .form-group textarea {
	padding: 20px;
}
section#services .form-group {
	margin-bottom: 25px;
	height: 32px;
}
#home .about-bg {
	background-image:url(../images/about_us.jpg);
	background-size:cover;
	color:#000;
}
body ul.dropdown-menu li a:hover {
	color:#000 !important;
}
/* ===========================================================
 * pagepiling.js 1.4
 *
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 *
 * ========================================================== */

/*========accordin========*/

.smk_accordion {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
	border: 1px solid #4A4A4A;
	position: relative;
	z-index: 10;
	margin-top: -1px;
	overflow: hidden;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
	position: relative;
	background: #FFCC29;
	padding: 10px;
	font-size: 14px;
	display: block;
	cursor: pointer;
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	background: url(../images/plusminus.png) center 0;
}
/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content {
	background: #F9F9F9;
	color: #7B7E85;
	padding: 20px 10px;
}
.smk_accordion .accordion_in .acc_content h1:first-of-type, .smk_accordion .accordion_in .acc_content h2:first-of-type, .smk_accordion .accordion_in .acc_content h3:first-of-type, .smk_accordion .accordion_in .acc_content h4:first-of-type, .smk_accordion .accordion_in .acc_content h5:first-of-type, .smk_accordion .accordion_in .acc_content h6:first-of-type {
	margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type, .smk_accordion .accordion_in:first-of-type .acc_head {
	border-radius: 3px 3px 0 0;
}
.smk_accordion .accordion_in:last-of-type, .smk_accordion .accordion_in:last-of-type .acc_content {
	border-radius: 0 0 3px 3px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
	display: block;
}
.smk_accordion .accordion_in.acc_active > .acc_head {
	background: #9AD406;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
	background: url(../images/plusminus.png) center -18px;
}
.smk_accordion.acc_with_icon .accordion_in .acc_head, .smk_accordion.acc_with_icon .accordion_in .acc_content {
	padding-left: 40px;
}
/*=====================*/
.popover-fixed {
	position: fixed;
	z-index: 9999;
	top: 300px;
	right: -86px;
}
.popover-fixed {
	position: fixed;
	z-index: 9999;
	top: 300px;
	right: -86px;
}
.menu-button {
	bottom: 0;
	z-index: 1000;
	padding: 27px;
	width: 7em;
	height: 13em;
	border: none;
	font-size: 1.2em;
	color: #373a47;
	border-radius: 8px;
	outline: none;
	background-image: url(../images/why-choose-us.png);
	background-repeat: no-repeat;
	background-color: transparent;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
}
.menu-button:hover {
	bottom: 0;
	z-index: 1000;
	padding: 27px;
	width: 7em;
	height: 13em;
	border: none;
	font-size: 1.2em;
	color: #373a47;
	border-radius: 8px;
	outline: none;
	background-image: url(../images/why-choose-us.png);
	background-repeat: no-repeat;
	background-color: transparent;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	position: relative;
	left:-7px;
}
 .content::before {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 10;
 width: 100%;
 height: 100%;
}

/* Menu Button */

.menu-button::before {
 position: absolute;
 top: 0.5em;
 right: 0.5em;
 bottom: 0.5em;
 left: 0.5em;
}
/* Close Button */
.close-button {
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	border: none;
	background: transparent;
	color: transparent;
}
 .close-button::before, .close-button::after {
 content: '';
 position: absolute;
 width: 2px;
 height: 100%;
 top: 0;
 left: 50%;
 background: #b8b7ad;
}
 .close-button::before {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .close-button::after {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
/* Menu */
.menu-wrap {
	position: absolute;
	z-index: 1001;
	width: 241px;
	height: 220px;
	background: #E4E403;
	color: #373a47;
	padding: 2em;
	-webkit-transform: translate3d(-320px, -320px, 0);
	transform: translate3d(-320px, -320px, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	top: -160px;
	right: 87px;
	border-radius: 14px;
}
.profile {
	display: inline-block;
	line-height: 42px;
	margin-bottom: 1em;
	font-weight: 700;
}
.profile img {
	float: left;
	border-radius: 50%;
	margin-right: 10px;
}
.icon-list a {
	display: block;
	color: #333333;
	font-weight: 700;
	padding: 0.8em 0.55em;
}
.icon-list a:hover, .icon-list a:focus {
	color: #c94e50;
}
.icon-list a i {
	opacity: 0.5;
	color: #c94e50;
}
.icon-list a span {
	margin-left: 10px;
}
/* Shown menu */
.show-menu .menu-wrap {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.show-menu .content-wrap {
	-webkit-transform: translate3d(80px, 80px, 0);
	transform: translate3d(80px, 80px, 0);
}
 .show-menu .content::before {
 opacity: 1;
 -webkit-transition: opacity 0.3s;
 transition: opacity 0.3s;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
/*=========Map==========*/

#wrapper {
	position: relative;
	margin: 50px auto 20px auto;/*border: 1px solid #fafafa;
			-moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
			-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
			box-shadow: 0 3px 3px rgba(0,0,0,.5);*/
}
/* Hide the original tooltips contents */
		.pin {
	display: none;
}
/* Begin styling the tooltips and pins */
		.tooltip-up, .tooltip-down {
	position: absolute;
	background: url(http://www.red-team-design.com/wp-content/uploads/2011/10/arrow-up-down.png);
	width: 36px;
	height: 52px;
}
.tooltip-down {
	background-position: 0 -52px;
}
.tooltip {
	display: none;
	width: 200px;
	cursor: help;
	text-shadow: 0 1px 0 #fff;
	position: absolute;
	top: 10px;
	left: 50%;
	z-index: 999;
	margin-left: -115px;
	padding:15px;
	color: #222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 3px 0 rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, .7);
	box-shadow: 0 3px 0 rgba(0, 0, 0, .7);
	background: #fff1d3;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff1d3), to(#ffdb90));
	background: -webkit-linear-gradient(top, #fff1d3, #ffdb90);
	background: -moz-linear-gradient(top, #fff1d3, #ffdb90);
	background: -ms-linear-gradient(top, #fff1d3, #ffdb90);
	background: -o-linear-gradient(top, #fff1d3, #ffdb90);
	background: linear-gradient(top, #fff1d3, #ffdb90);
}
 .tooltip::after {
 content: '';
 position: absolute;
 top: -10px;
 left: 50%;
 margin-left: -10px;
 border-bottom: 10px solid #fff1d3;
 border-left: 10px solid transparent;
 border-right :10px solid transparent;
}
.tooltip-down .tooltip {
	bottom: 12px;
	top: auto;
}
 .tooltip-down .tooltip::after {
 bottom: -10px;
 top: auto;
 border-bottom: 0;
 border-top: 10px solid #ffdb90;
}
.tooltip h2 {
	font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
	margin: 0 0 10px;
}
.tooltip ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper {
	position: relative;
	margin: 50px auto 20px auto;/*border: 1px solid #fafafa;
			-moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
			-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
			box-shadow: 0 3px 3px rgba(0,0,0,.5);*/
}
/* Hide the original tooltips contents */
		.pin {
	display: none;
}
/* Begin styling the tooltips and pins */
		.tooltip-up, .tooltip-down {
	position: absolute;
	background: url(http://www.red-team-design.com/wp-content/uploads/2011/10/arrow-up-down.png);
	width: 36px;
	height: 52px;
}
.tooltip-down {
	background-position: 0 -52px;
}
.tooltip {
	display: none;
	width: 200px;
	cursor: help;
	text-shadow: 0 1px 0 #fff;
	position: absolute;
	top: 10px;
	left: 50%;
	z-index: 999;
	margin-left: -115px;
	padding:15px;
	color: #222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 3px 0 rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, .7);
	box-shadow: 0 3px 0 rgba(0, 0, 0, .7);
	background: #fff1d3;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff1d3), to(#ffdb90));
	background: -webkit-linear-gradient(top, #fff1d3, #ffdb90);
	background: -moz-linear-gradient(top, #fff1d3, #ffdb90);
	background: -ms-linear-gradient(top, #fff1d3, #ffdb90);
	background: -o-linear-gradient(top, #fff1d3, #ffdb90);
	background: linear-gradient(top, #fff1d3, #ffdb90);
}
 .tooltip::after {
 content: '';
 position: absolute;
 top: -10px;
 left: 50%;
 margin-left: -10px;
 border-bottom: 10px solid #fff1d3;
 border-left: 10px solid transparent;
 border-right :10px solid transparent;
}
.tooltip-down .tooltip {
	bottom: 12px;
	top: auto;
}
 .tooltip-down .tooltip::after {
 bottom: -10px;
 top: auto;
 border-bottom: 0;
 border-top: 10px solid #ffdb90;
}
.tooltip h2 {
	font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
	margin: 0 0 10px;
}
.tooltip ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper {
	position: relative;
	margin: 0px auto 20px auto;/*border: 1px solid #fafafa;
			-moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
			-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
			box-shadow: 0 3px 3px rgba(0,0,0,.5);*/
}
/* Hide the original tooltips contents */
		.pin {
	display: none;
}
/* Begin styling the tooltips and pins */
		.tooltip-up, .tooltip-down {
	position: absolute;
	background: url(http://www.red-team-design.com/wp-content/uploads/2011/10/arrow-up-down.png);
	width: 36px;
	height: 52px;
}
.tooltip-down {
	background-position: 0 -52px;
}
.tooltip {
	display: none;
	width: 200px;
	cursor: help;
	text-shadow: 0 1px 0 #fff;
	position: absolute;
	top: 10px;
	left: 50%;
	z-index: 999;
	margin-left: -99px;
	padding:15px;
	color: #222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 3px 0 rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, .7);
	box-shadow: 0 3px 0 rgba(0, 0, 0, .7);
	background: #fff1d3;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff1d3), to(#ffdb90));
	background: -webkit-linear-gradient(top, #fff1d3, #ffdb90);
	background: -moz-linear-gradient(top, #fff1d3, #ffdb90);
	background: -ms-linear-gradient(top, #fff1d3, #ffdb90);
	background: -o-linear-gradient(top, #fff1d3, #ffdb90);
	background: linear-gradient(top, #fff1d3, #ffdb90);
}
 .tooltip::after {
 content: '';
 position: absolute;
 top: -10px;
 left: 50%;
 margin-left: -10px;
 border-bottom: 10px solid #fff1d3;
 border-left: 10px solid transparent;
 border-right :10px solid transparent;
}
.tooltip-down .tooltip {
	bottom: 12px;
	top: auto;
}
 .tooltip-down .tooltip::after {
 bottom: -10px;
 top: auto;
 border-bottom: 0;
 border-top: 10px solid #ffdb90;
}
.tooltip h2 {
	font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
	margin: 0 0 10px;
}
.tooltip ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.presence {
	background:#fef0ab;
}
.md-perspective, .md-perspective body {
	height: 100%;
	overflow: hidden;
}
.md-perspective body {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.md-show {
	visibility: visible;
}
.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1024;
	opacity: 0;
	background: rgba(143, 27, 15, 0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Content styles */
.md-content {
	color: #fff;
	background: rgba(0, 0, 0, 0.9);
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}
.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	background: #46B308;
	border-radius: 3px 3px 0 0;
}
.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}
.md-content > div p {
	margin: 0;
	padding: 10px 0;
}
.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}
.md-content > div ul li {
	padding: 5px 0;
}
.md-content button {
	/*display: block;
	margin: 0px 20px;*/
	font-size: 14px;
}
/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}
 .md-show.md-effect-4 ~ .md-overlay, .md-effect-4 .md-content {
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 transition: all 0.5s;
}
.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}
/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg);
	-moz-transform: translateZ(600px) rotateX(20deg);
	-ms-transform: translateZ(600px) rotateX(20deg);
	transform: translateZ(600px) rotateX(20deg);
	opacity: 0;
}
.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg);
	opacity: 1;
}
/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg);
	opacity: 0;
}
.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}
/* Effect 7:  slide and stick to top */
.md-effect-7 {
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 transition: all .3s;
	opacity: 0;
}
.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}
/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}
.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}
/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}
.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}
/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}
/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
 .md-show.md-effect-12 ~ .md-overlay {
 background: #e74c3c;
}
.md-effect-12 .md-content h3, .md-effect-12 .md-content {
	background: transparent;
}
.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}
.md-show.md-effect-13 .md-content {
 -webkit-animation: slit .7s forwards ease-out;
 -moz-animation: slit .7s forwards ease-out;
 animation: slit .7s forwards ease-out;
}
 @-webkit-keyframes slit {
 50% {
-webkit-transform: translateZ(-250px) rotateY(89deg);
opacity: .5;
-webkit-animation-timing-function: ease-out;
}
 100% {
-webkit-transform: translateZ(0) rotateY(0deg);
opacity: 1;
}
}
 @-moz-keyframes slit {
 50% {
-moz-transform: translateZ(-250px) rotateY(89deg);
opacity: .5;
-moz-animation-timing-function: ease-out;
}
 100% {
-moz-transform: translateZ(0) rotateY(0deg);
opacity: 1;
}
}
 @keyframes slit {
 50% {
transform: translateZ(-250px) rotateY(89deg);
opacity: 1;
animation-timing-function: ease-in;
}
 100% {
transform: translateZ(0) rotateY(0deg);
opacity: 1;
}
}
/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}
/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}
.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
 background: rgba(180, 46, 32, 0.5);
}
 .md-show.md-effect-16 ~ .container {
 -webkit-filter: blur(3px);
 -moz-filter: blur(3px);
 filter: blur(3px);
}
.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}
 .md-show.md-effect-16 ~ .container, .md-effect-16 .md-content {
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
}
.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
 height: 100%;
 overflow: hidden;
 -webkit-transition: -webkit-transform 0.3s;
 -moz-transition: -moz-transform 0.3s;
 transition: transform 0.3s;
}
 .md-show.md-effect-17 ~ .container, .md-show.md-effect-17 ~ .md-overlay {
 -webkit-transform: rotateX(-2deg);
 -moz-transform: rotateX(-2deg);
 -ms-transform: rotateX(-2deg);
 transform: rotateX(-2deg);
 -webkit-transform-origin: 50% 0%;
 -moz-transform-origin: 50% 0%;
 transform-origin: 50% 0%;
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}
.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
 height: 100%;
 overflow: hidden;
}
 .md-show.md-effect-18 ~ .md-overlay {
 background: rgba(143, 27, 15, 0.8);
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 transition: all 0.5s;
}
 .md-show.md-effect-18 ~ .container, .md-show.md-effect-18 ~ .md-overlay {
 -webkit-transform-style: preserve-3d;
 -webkit-transform-origin: 0% 50%;
 -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
 -moz-transform-style: preserve-3d;
 -moz-transform-origin: 0% 50%;
 -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
 transform-style: preserve-3d;
 transform-origin: 0% 50%;
 animation: rotateRightSideFirst 0.5s forwards ease-in;
}
 @-webkit-keyframes rotateRightSideFirst {
 50% {
-webkit-transform: translateZ(-50px) rotateY(5deg);
-webkit-animation-timing-function: ease-out;
}
 100% {
-webkit-transform: translateZ(-200px);
}
}
 @-moz-keyframes rotateRightSideFirst {
 50% {
-moz-transform: translateZ(-50px) rotateY(5deg);
-moz-animation-timing-function: ease-out;
}
 100% {
-moz-transform: translateZ(-200px);
}
}
 @keyframes rotateRightSideFirst {
 50% {
transform: translateZ(-50px) rotateY(5deg);
animation-timing-function: ease-out;
}
 100% {
transform: translateZ(-200px);
}
}
.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}
.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
 height: 100%;
 overflow: hidden;
}
 .md-show.md-effect-19 ~ .md-overlay {
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 transition: all 0.5s;
}
 .md-show.md-effect-19 ~ .container, .md-show.md-effect-19 ~ .md-overlay {
 -webkit-transform-style: preserve-3d;
 -webkit-transform-origin: 50% 100%;
 -webkit-animation: OpenTop 0.5s forwards ease-in;
 -moz-transform-style: preserve-3d;
 -moz-transform-origin: 50% 100%;
 -moz-animation: OpenTop 0.5s forwards ease-in;
 transform-style: preserve-3d;
 transform-origin: 50% 100%;
 animation: OpenTop 0.5s forwards ease-in;
}
 @-webkit-keyframes OpenTop {
 50% {
 -webkit-transform: rotateX(10deg);
 -webkit-animation-timing-function: ease-out;
}
}
 @-moz-keyframes OpenTop {
 50% {
 -moz-transform: rotateX(10deg);
 -moz-animation-timing-function: ease-out;
}
}
 @keyframes OpenTop {
 50% {
 transform: rotateX(10deg);
 animation-timing-function: ease-out;
}
}
.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}
.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}
/*@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}*/

.modal-popup-top .form-group {
	text-align: left;
}
.modal-popup-top .form-group input.form-control {
	height: 34px;
	width:50%;
}
.modal-popup-top .form-group textarea.form-control {
	height: 236px;
}
 .modal-popup-top ::-webkit-input-placeholder {
 font-family: 'Source Sans Pro';
 color: #bbb;
}
 .modal-popup-top :-moz-placeholder {
 font-family: 'Source Sans Pro';
 color: #bbb;
}
 .modal-popup-top ::-moz-placeholder {
 font-family: 'Source Sans Pro';
 color: #bbb;
}
 .modal-popup-top :-ms-input-placeholder {
 font-family: 'Source Sans Pro';
 color: #bbb;
}
.close-btn {
	margin-top: 13px !important;
}
.popover-fixed .btn-success{
	width:45% !important;
	}
.about-body .col-lg-9{text-align:left;}
.presence-page {
	max-width: 52%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	top: -40px;
	position: relative;
}
.section.our-presence {
	padding:60px;
}
.section.product {
	padding:110px;
}
#product .section.product{
	padding:0px;
	}
.tabs-box {
	margin-top: 17px;
	padding-bottom: 25px;
	border-radius: 1px;
	border: solid 2px #d2a802;
}
.nav-tabs{ border-bottom:solid 2px #d2a802;}
.nav-tabs > li > a{ color:#fff; border-radius:0px; border:0px !important; }
.nav-tabs > li > a:hover, .nav-tabs > li:hover{background:#b0914a !important; color:#fff; border-radius:0px; border:0px !important; }

.nav-tabs > li.active > a{ background:#b0914a !important; color:#fff !important; border-radius:0px; border:0px !important; }
.nav-tabs > li.active > a:hover, .nav-tabs > li:hover{background:#b0914a !important; color:#fff; border-radius:0px; border:0px !important; }

/* Custom CSS parallax
 * --------------------------------------- */

.wrap {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
.intro p {
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section {
	text-align:center;
}
#menu li {
	/*display:inline-block;*/
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#menu li.active {
	background:#666;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}
#menu li a {
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover {
	color: #000;
}
#menu li:hover {
	background: rgba(255, 255, 255, 0.8);
}
#menu li a, #menu li.active a {
	padding: 6px 6px;
	display:block;
}
#menu li.active a {
	color: #fff;
}
#menu {
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	z-index: 70;
	/*width: 100%;*/
	padding: 0;
	margin:0;
}
.twitter-share-button {
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}
#download {
	margin: 10px 0 0 0;
	padding: 15px 10px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #5bc0de), to( #2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#download a {
	text-decoration:none;
	color:#fff;
}
#download:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	background-color: #2F96B4;
	background-position: 0 -15px;
 -webkit-transition: background-position .1s linear;
 -moz-transition: background-position .1s linear;
 -ms-transition: background-position .1s linear;
 -o-transition: background-position .1s linear;
 transition: background-position .1s linear;
}
#infoMenu {
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul {
	padding: 0 40px;
}
#infoMenu li a {
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover {
	text-decoration:underline;
}
#infoMenu li {
	display:inline-block;
	position:relative;
}
#examplesList {
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul {
	padding:0;
}
#examplesList ul li {
	display:block;
	margin: 5px 0;
}
#examplesList ul li a {
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover {
	color: #f2f2f2;
}
#examplesList .column {
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3 {
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}
/* Demos Menu
 * --------------------------------------- */
 #demosMenu {
	position:fixed;
	bottom: 10px;
	right:10px;
	z-index: 999;
}
.col-lg-6#supplierCity {
	width: 50% !important;
}
.col-lg-6#dealerProductLike {
	width: 50% !important;
}
.col-lg-6#dealerCity {
	width: 50% !important;
}
/*==========parallax css=============*/

html.fp-enabled, .fp-enabled body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	/*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#superContainer {
	height: 100%;
	position: relative;
	/* Touch detection for Windows 8 */
    -ms-touch-action: none;
	/* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
	position: relative;
	-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
	-moz-box-sizing: border-box; /* <=28 */
	box-sizing: border-box;
}
.fp-slide {
	float: left;
}
.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block;
}
.fp-slides {
	z-index:1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
	transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout:fixed;
	width: 100%;
}
.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.fp-slidesContainer {
	float: left;
	position: relative;
}
.fp-controlArrow {
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
	overflow: scroll;
}
.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}
#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 33%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.right {
	right: 17px;
}
#fp-nav.left {
	left: 17px;
}
.fp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}
.fp-slidesNav.bottom {
	bottom: 17px;
}
.fp-slidesNav.top {
	top: 17px;
}
#fp-nav ul, .fp-slidesNav ul {
	margin: 0;
	padding: 0;
}
#fp-nav ul li, .fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position:relative;
}
.fp-slidesNav ul li {
	display: inline-block;
}
#fp-nav ul li a, .fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -4px 0 0 -4px;
	border-radius: 100%;
	background-color: #FF0E00;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 8px;
	width: 8px;
	border: 0;
	background: #86BB01;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}
.about-img {
	padding-top:10%;
}
#fp-nav ul li .fp-tooltip.right {
	right: 20px;
	background: rgb(134, 187, 1);
	padding: 7px;
	border-radius: 2px;
}
#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}
#myCarousel .fp-tableCell {
	vertical-align: inherit !important;
	width: 100%;
	height: 100%;
}
 @-moz-document url-prefix() {
 #myCarousel .fp-tableCell {
 display: block !important;
}
}
.about-bottom {
	position:relative;
	top:-16px;
}
.dealerErrorSection {
	margin-bottom: 0px;
	text-align: left;
}
.top-box {
	position: fixed;
	right: 0px;
	bottom:0px;
	z-index: 99999;
}
.toTop {
	padding: 13px;
	border-radius: 7px;
}
.fa-arrow-circle-up {
	font-size:45px;
	color:#333;
}
#content {
	height: 24px;
	width: 600px;
	background-color: #DDD;
}
.top-box .fa-arrow-circle-up {
	font-size:45px !important;
}
.scrollup {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 50px;
	right: 100px;
	display: none;
	text-indent: -9999px;
	background: url('icon_top.png') no-repeat;
	background-color: #000;
}
#Home {
	opacity: 0;
}
.alert-danger {
	font-size:15px;
}
.modal-backdrop.fade.in {
	background:#229200;
}

.mouse-down {
	display:block;
	width:31px;
	height:45px;
	background:url("../images/mouse.png") repeat-y;
	position:absolute;
	left:50%;
	margin-left:-5px;
	bottom:70px;


}
.mouse-down {
	opacity:1
}

.mouse-down {
bottom:30px;
z-index:9999;
}

@-webkit-keyframes sh-mousedown {
0% {
background-position:0 -72px
}
100% {
background-position:0 0
}
}
@-moz-keyframes sh-mousedown {
0% {
background-position:0 -72px
}
100% {
background-position:0 0
}
}
@keyframes sh-mousedown {
0% {
background-position:0 -72px
}
100% {
background-position:0 0
}
}
@-webkit-keyframes sh-ripple {
0% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
50% {
opacity:1
}
100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@-moz-keyframes sh-ripple {
0% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
50% {
opacity:1
}
100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes sh-ripple {
0% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
50% {
opacity:1
}
100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@-webkit-keyframes sh-txt {
0% {
-webkit-transform:translate(0, 70%);
-moz-transform:translate(0, 70%);
-o-transform:translate(0, 70%);
transform:translate(0, 70%);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
opacity:1
}
}
@-moz-keyframes sh-txt {
0% {
-webkit-transform:translate(0, 70%);
-moz-transform:translate(0, 70%);
-o-transform:translate(0, 70%);
transform:translate(0, 70%);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
opacity:1
}
}
@keyframes sh-txt {
0% {
-webkit-transform:translate(0, 70%);
-moz-transform:translate(0, 70%);
-o-transform:translate(0, 70%);
transform:translate(0, 70%);
opacity:0
}
100% {
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
opacity:1
}
}
@-webkit-keyframes sh-shake {
0%, 25%, 100% {
-webkit-transform:translateY(0)
}
3%, 9%, 15% {
-webkit-transform:translateY(-5px)
}
6%, 12%, 20% {
-webkit-transform:translateY(5px)
}
}
@-moz-keyframes sh-shake {
0%, 25%, 100% {
-moz-transform:translateY(0)
}
3%, 9%, 15% {
-moz-transform:translateY(-5px)
}
6%, 12%, 20% {
-moz-transform:translateY(5px)
}
}
@keyframes sh-shake {
0%, 25%, 100% {
transform:translateY(0)
}
3%, 9%, 15% {
transform:translateY(-5px)
}
6%, 12%, 20% {
transform:translateY(5px)
}
}

.navbar-right .dropdown-menu {
	 box-shadow: none;	
    left: -1px !important;
	top:35px;
	min-width: 121px;
}
.nav > li:hover{ background:#2d9c37;}		
.nav > li:hover a{ color:#fff !important;}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background:#1d8f27; }
body ul.dropdown-menu li a:hover{ color:#fff !important}

.navbar-default .nav li > a.active{ color:#da251d !important; }

.navbar-default .nav li > a.active:hover, .navbar-default.header.fixed .nav li:hover > a.active{color:#fff !important}
.navbar-default .nav li .btn-query{background: transparent none repeat scroll 0 0;
    border: 1px solid;
    border-radius: 0;}
li.last:hover{background: transparent none repeat scroll 0 0;}
li.last:hover .btn-query{ background:#2d9c37; }

.pt10{ padding:30px 0;}

.clearHeader{ font-size:50px !important; background:red;}
.darkHeader{ font-size:10px !important; background:red;}

.header{	background-color: rgba(51, 51, 51, 0.7) !important; }

.header{
    -webkit-transition: all 0.7s ease;  
    -moz-transition: all 0.7s ease;  
      -o-transition: all 0.7s ease; 
         transition: all 0.7s ease; 

    position:absolute;

    left:0;
    background:#000;
    width:100%;
    color: #fff;
    height: 100px;
    z-index:999;
}
#home .header{ background:transparent !important;}
#home .header.fixed{
	background-color: rgba(51, 51, 51, 0.7) !important; 
    bottom:auto;
    top:0 !important;
    margin-top: 0;
}
.carousel-control{margin-top:25%;}

.btn-success{ background:rgba(70, 179, 0, 1) none repeat scroll 0 0;   border-radius: 0; border:1px solid;}
.btn-success:hover{ background:#2d9c37; box-shadow:none;border:1px solid #2d9c37;}
address{ font-style:italic; text-align:left;}
.copyright-text{ padding:20px; font-size:15px;  font-family: 'Open Sans';font-style: normal;font-weight: 300; color:#fff;}
.post2{ padding-bottom:15px;}

.goal-box .col-lg-6 {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid #fff;
}


/* POP - Up */

.modal-header {
    background: green none repeat scroll 0 0;
    border-bottom: 1px solid #50c51d;
    min-height: 16.43px;
    padding: 15px;
   text-transform: uppercase;
}
button.close{ color:#fff; opacity:1; }
.form-control { border:1px solid #a6a6a6;border-radius:0px;}
.form-control:focus{ border-color:#50c51d;}
.form-group > label { color: #333;}
.form-control::-moz-placeholder {
color:#333;
opacity:1;
font-weight:normal !Important;
}
.form-control:-ms-input-placeholder {
color:#333;
font-weight:normal !Important;
}
.form-control::-webkit-input-placeholder {
color:#333;
font-weight:normal !Important;
}

.modal-footer .btn-primary {
    background-color: transparent;
    border-color: #1b7610 !important;
    border-radius: 0;
    box-shadow: none !important;
    color: #164700;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}
.modal-footer .btn-primary:hover, .modal-footer .btn-primary:focus{
	    color: #297c05 !important;
	}
.modal-title{ color:#fff;}
.carousel-indicators li.active{ background:transparent;}
.carousel-indicators li, .carousel-indicators li.active{ width:auto; height:auto; text-indent:0; }
.carousel-indicators li{ border:0px; border-radius:0; font-weight:normal;}
.carousel-indicators li{  border-left: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin-left: -1px;
    text-align: center;
    width: 128px;
	line-height:38px;}
.carousel-indicators li.active {
		line-height:38px;
	   background: rgba(106, 65, 0, 0.3) none repeat scroll 0 0;
    border-left: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin-left: -1px;
    text-align: center;
	width:128px;

}

.carousel-indicators{  background: rgba(106, 65, 0, 0.5) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    bottom: 20px;
/*    margin-left: -230px;*/	
    overflow: hidden;
    position: absolute;
    width: auto;
    z-index: 10;}
	
	
	/***new css*****/
	
	#goal .fa-4x{font-size:3em; margin-bottom:20px;}
	
	#about-slider .carousel-inner .item{ background-size:cover; width:100%; height:100%; padding-top:150px;}
	
	.bg-1{background-image:url(../images/about_us.jpg);}
	.bg-2{background-image:url(../images/branding.jpg);}
	.bg-3{background-image:url(../images/mission.jpg);}	
	.bg-4{background-image:url(../images/about-vision.jpg);}		
	.bg-5{background-image:url(../images/about-goal.jpg);}			


	#about-slider i.fa-stack-1x { color:#fff;}
		#about-slider .fa-circle{color:#c0a062;}
	

/***Qutub***/

.product-img img{ display:inline-block;}

.hover-show img{  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;}
.hover-show .up{ position:absolute; top:0px; left:auto; opacity:0;}
.hover-show:hover > img{ opacity:0;}
.hover-show:hover .up{ opacity:1;}


/***new css***/

.section.our-presence{ padding:0px;}

.map-indicator .carousel-inner .item{ padding-top:0px !important; min-height:536px; max-height:100%;}

.map-indicator .carousel-indicators{ margin-left: -160px;}

.map-indicator .carousel-indicators li{width:50px;}

#about-page #about-slider .item{ padding-top:200px;}
html{ height:100%;}
#about-page #about-slider .item .about-info-text{ font-size:25px;}
.contact-page #contact.section{ background:transparent;}
.contact-page { background-image: url("../images/map-image.jpg");
    background-position: center center;
    background-repeat: no-repeat; height:100%;}
	
body.modal-open {
    overflow: hidden;
	position:fixed;
	width:100%;
}

.close-pop {
    font-size: 29px !important;
    margin: 11px;
    position: absolute;
    right: 0;
}

#about-slider #image-slide .carousel-inner .item{ 
padding-top:0px;
}


/***** Responsive *****/
.navbar-brand {
	padding:0px;
}
.navbar-default .nav.navbar-nav{ margin-top:22px;}

#home #section0 .carousel-inner .item{ background-size:cover; width:100%; height:100%;}

.slider-img-1{ background-image:url(../images/firstBG.jpg);}
.slider-img-2{ background-image:url(../images/soybean.jpg);}
.slider-img-3{ background-image:url(../images/gram.jpg);}

@media (max-width:991px){
	.navbar-default .nav li a{ font-size:14px;}
	
	body .about-img{ float:left !important;}
	
	.about-body{top:40px;}
	
	.about-body .about-img{ padding:20px 0px 0px; /*position:absolute; right:0px; margin-top:-50px; */}
	
	.about-body .about-img img{ max-width:150px;}
	
	#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{ font-size:10px;}
	
	#portfolio .portfolio-item .portfolio-caption{ padding:15px;}
	
	.toggle-btn{ padding:6px 10px;}
	
	.social-icon{ float:left !important;}
	}

@media (max-width:767px){
	.navbar-brand img{ margin-top:0px;}
	
	.carousel-control img{ width:23px;}
	
	.section-heading.post2{ text-align:center;}
	
	#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{ font-size:16px;}
	
	.content-center{ text-align:center;}
}
@media (max-width:500px){
	.carousel-control img{ width:12px;}
}
@media (min-width:768px){
	.fp-section, .fp-slide, .fp-slidesContainer, #myCarousel .fp-tableCell{ height:auto !important;}
	}
	
.last .btn{ font-size:16px; margin-top:-1px;}
.cl-effect-1{ margin-top:1px;}

#goal-text-formatting .col-lg-6.col-md-6.col-sm-6{ 
 background:rgba(136, 99, 0, 0.2);
 border:1px dashed #efe3a7;  
}
#goal-text-formatting p {
    border-radius: 5px;
    font-style: italic;
    padding: 12px 0;
}


@media screen and (min-device-width: 980px) and (max-device-width: 1400px) { 
#about-page #about-slider .item{ padding-top:113px;}
.about-body .col-lg-9{ margin-top:0px;}
.text-padding-120{ padding-top:92px;}
.img-circle{ position:relative;top:15px;}
#about-slider .carousel-inner .item{ padding-top:98px !important;}
#about-slider .carousel-inner .item .product-img img{ width:50%;}
#presence #about-slider .carousel-inner .item img{ height:350px !important;}
#product .carousel-indicators{ margin-left:-132px;}
}