body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#000; font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

a { 
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}

.hvr-shutter-out-horizontal {
    backface-visibility: hidden;
    background: #e1e1e1 none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
.hvr-shutter-out-horizontal::before {
    background-color:#000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 50% 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index:-1; border-radius:5px; 
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: #fff ; 
}
.hvr-shutter-out-horizontal:hover::before, .hvr-shutter-out-horizontal:focus::before, .hvr-shutter-out-horizontal:active::before {
    transform: scaleX(1); 

}

body{ margin:0px; padding:0px;}
.main-container{width:100%; float:left; margin:0px; padding:0px;}
.container {width:1170px; margin:0 auto; padding:0px; display:table;}

header{width:100%; float:left; margin:0px; padding:0px; background:#000000; position: fixed; top: 0; z-index: 10;}
.logo{float:left; margin:8px 0 12px 0; padding:0px; line-height:0px;}

.menu{width:500px; float:right; margin:26px 0 0 0; padding:0px;}

#nav {
	width: 100%; /* 1000 */
	position:relative;
	text-decoration:none; 
}

#nav > a { display: none; }

#nav li
{
	position: relative;
	list-style: none;
	background:none;
	
}
	#nav li a
	{
		color: #fff;
		display: block;
	}
	
#nav span:after
{
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #fff;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
#nav > li:after
		{
			position: absolute;
			border: 2px solid #fff;
			top: 35%;
			left: 25%;
			right: 25%;
			content: '';
		}

/* first level */

#nav > ul
{
	height: 40px; /* 60 */
	/*background-color: #003d98;*/
		list-style: none; padding:0px; margin:0px; 
}
	#nav > ul > li { height:auto; 
		float: left; 
		padding:0px 0px 0px 0px;
		
	}
		#nav > ul > li > a
		{ padding:0px 0px 0px 0px;
			height:auto; 
			font-size:17px; /* 24 */
			line-height:60px; /* 60 (24) */
			text-align: center;
			text-transform:uppercase;
			text-decoration:none;
			/*text-shadow:0px 1px 1px #000;*/
			margin:0 29px 0 29px;
			
				transition: all 0.1s ease-in-out 0s;
		}
		
		/*----------------------------------------change of contact-tab-------------------------------*/
			/*#nav > ul > li:last-child > a:after
			{
			content:url(../images/border-top.png);
			position:relative;
			top:25px;
			left:10px;
			}
			
			#nav > ul > li:last-child 
			{
			background:none;
		
		
			}
			*/
			#nav > ul > li:last-child > a
			{
			background:none;
			margin-right:0px;
			}
			/*----------------------------------------change of contact-tab-------------------------------*/
			#nav > ul > li:hover > a,
			#nav > ul:not( :hover ) > li.active > a
			{
				text-decoration:none;
				color:#f25c27; }

			#nav > ul > li.selected >a
			{
				text-decoration:none;
				color:#f25c27;
				font-weight: bold;
			}



	/* second level */

	#nav li ul
	{
		background-color:#029846;
		display: none;
		position: absolute;
		top: 100%; width:230px; margin:0px; padding:0px;
	}
		#nav li:hover ul
		{
			display: block;
			left: 0;
			right: 0;
		}
			#nav li:not( :first-child ):hover ul
			{
				left: 0px;
			}
			#nav li ul a
			{
				font-size: 12px; /* 20 */ 
				border-bottom: 1px solid #efeded;
				padding: 3px 0 3px 8px; line-height:35px; /* 15 (20) */
				text-decoration:none; margin:0px;
			}
				#nav li ul li a:hover,
				#nav li ul:not( :hover ) li.active a
				{
					/*background-color:#ecbd00;*/
					color:#97b8f5;
				}


@media only screen and ( max-width: 62.5em ) /* 1000 */
{
#nav
{
	width: 100%;
	position: static;
	margin: 0px 0px 0px;
		

}

}

@media only screen and ( max-width:999px ) /* 640 */
{

#nav
{
	position: relative;
	top: auto;
	left: auto;
	
}
	#nav > a
	{
		width: 2.5em; /* 50 */
		height: 2.5em; /* 50 */
		text-align: left;
		text-indent: -9999px;
		position: relative;
		background:url(../images/burger-icon.jpg) no-repeat right; margin: 0 0 0 290px;
	}
		#nav > a:before,
		#nav > a:after
		{
			position: absolute;
				
			top: 35%;
			left: 25%;
			right: 25%;
			content: '';
		}
		
		#nav > a:after
		{
			top: 60%;
		}

	#nav:not( :target ) > a:first-of-type,
	#nav:target > a:last-of-type
	{
		display: block;
	}


/* first level */

#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0; background-color:#000; 
	width:100%;
	
}
	#nav:target > ul
	{
		display: block;
	}
	#nav > ul > li
	{
		width: 100%;
		float: none;
		border-bottom:1px solid #ccc;
	}
		#nav > ul > li > a
		{
			height: auto;
			text-align: left;
			line-height:60px;
			padding:0 10px;
			border:none;
			margin:0px;
				
			
				/* 20 (24) */
		}
			#nav > ul > li:not( :last-child ) > a
			{
				border-right: none;
				border-bottom:none;
				
				
			}
			#nav > ul > li > a{color:#fff;}
			
			#nav > ul > li > a:hover{border:none; background-color:#ea5e00; color:#fff;}
			#nav > ul > li.selected > a
			{
				background-color:#ea5e00;
				color:#fff!important; border:none;
				
			}


	/* second level */

	#nav li ul {
		position: static;
		padding:0px; /* 20 */
		width:259px;
		display: block;
	}
	#nav li ul a {
		font-size: 12px; /* 20 */ 
		/*border-bottom: 1px solid #efeded;*/
		padding: 0px 0 0 25px; line-height:30px; /* 15 (20) */
	}
}

/*close nav*/
.banner { width:100%; float:left; margin:0 0 0 0; padding:190px 0 0 0; position:relative;}
section.module.content {
  margin: 40px 0;
}
section.module.parallax {
  height: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  float:left; width:100%;
}
section.module.parallax-1 {
  background-image:url(../images/banner.jpg); height: 637px;
}
 
.banner-txt { width:908px; margin:0 auto; padding:50px; display:table; background:rgba(0, 0, 0, 0.7); box-sizing:border-box;}
.banner-txt h2{ width:100%; margin:0px; float:left; padding:0px; font-size:48px; letter-spacing:-4px; color:#fff; font-weight:700; text-transform:uppercase; text-align:center}
.banner-txt h2 span{font-weight:300;}
.banner-txt p{ width:100%; margin:0 0 20px 0; float:left; padding:0px; font-size:17px; color:#fff; font-weight:400; text-transform:uppercase; text-align:center}
 
.contact-us{width:185px; background-color:#ea5e00; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0 auto; border-radius:5px; left:40%; box-shadow: 0px 1px 1px #000;}

/*.contact-us{width:185px; margin:0 auto; display:table;}
.contact-us a{width:185px; background-color:#ea5e00; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0 auto; border-radius:5px; left:40%; box-shadow: 0px 1px 1px #000; float:left; transition: all 0.5s ease-in-out 0s;}
.contact-us a:hover{width:185px; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0 0 0; border-radius:5px; left:40%; box-shadow: 0px 1px 1px #000; float:left; background-image: -webkit-linear-gradient(#333, #000000);
background-image:    -moz-linear-gradient(#333, #000000); 
background-image:     -ms-linear-gradient(#333, #000000); 
background-image:      -o-linear-gradient(#333, #000000); 
background-image:         linear-gradient(#333, #000000); transition: all 0.5s ease-in-out 0s;}*/

 
.arrow-down {
    bottom: -196px;
    float: left;
    left: 49%;
    margin: 0;
    position: absolute;
    text-align: center;
}
.arrow-down:hover {opacity: 0.8;
}
.products { width:100%; margin:64px 0 78px 0; padding:0px; float:left;}
.products h1{ width:100%; margin:0 0 25px 0; padding:0px; float:left; font-size:48px; color:#000; text-align:center; font-weight:700; text-transform: uppercase; line-height:48px}
.products p{ width:100%; margin:0 0 40px 0; padding:0px; float:left; font-size:18px; color:#000; text-align:center; font-weight:300; line-height:28px}
.products p span{font-size:18px; color:#000; text-align:center; font-weight:700; }

.products ul{ width:100%; float:left; margin:0px; padding:0px;}
.products ul li{width:266px; float:left; margin:0 33px 0 0; padding:0px; list-style:none; transition: all 0.3s ease-in-out 0s;}
.products ul li p{width:100%; float:left; margin:0 0px 0 0; padding:0px; border:#b6b6b6 1px solid; text-align:center; line-height:0px; box-sizing:border-box;}
.products ul li span{width:100%; float:left; margin:-1px 0px 0 0; padding:0px; text-align:center; line-height:47px; background:#ea5e00; font-size:17px; font-weight:700; color:#fff; text-transform:uppercase;}
.products ul li:last-child{margin:0px;}
.products ul li:hover{margin-top:-10px; }
/*.pic {
    float: left;
    height: 274px;
    margin: 20px;
    overflow: hidden;
    width: 264px;
}
.pic:hover {
    cursor: pointer;
}
.grow img {
    height: 274px;
    transition: all 1s ease 0s;
    width: 264px;
}
.grow img:hover {
    height: 400px;
    width: 400px;
}*/

.values{ width:100%; float:left; margin:0px; padding:0px; background:url(../images/sam-bg.jpg)}
.values-left{ width:50%; float:left; margin:0px; padding:0px;}
.values-txt{width:577px; float:right; margin:0px; padding:130px 50px 0 0; box-sizing:border-box;}
.values-txt h2{width:100%; float:right; margin:0px; padding:0px; font-size:48px; line-height:48px; color:#fff; font-weight:300; text-transform: uppercase}
.values-txt h2 span{color:#ea5e00; font-weight:700;}
.values-txt p{width:100%; float:right; margin:22px 0 0 0; padding:0px; font-size:18px; line-height:28px; color:#fff; font-weight:300;}


.values-right{ width:50%; float:right; margin:0px; padding:0px;
 line-height:0px;}
.values-right img{ width:100%; height:auto;}


.founder{ width:100%; float:left; margin:0px; padding:0px; background:url(../images/sam-bg.jpg) right;}
.founder-left{ width:50%; float:left; margin:0px; padding:0px; line-height:0px;}
.founder-left img{ width:100%; height:auto;}

.founder-right{ width:50%; float:right; margin:0px; padding:0px;}
.founder-txt{width:584px; float:left; margin:0px; padding:186px 0 0 50px; box-sizing:border-box;}
.founder-txt h2{width:100%; float:right; margin:0px; padding:0px; font-size:48px; line-height:48px; color:#fff; font-weight:300; text-transform: uppercase}
.founder-txt h2 span{ font-weight:700;}
.founder-txt p{width:100%; float:right; margin:22px 0 0 0; padding:0px; font-size:18px; line-height:28px; color:#fff; font-weight:300;}


footer{width:100%; float:left; margin:0px; padding:40px 0 0 0; background:#2a2a2a;box-sizing:border-box;}
footer h2{width:100%; float:right; margin:0px; padding:0px; font-size:48px; line-height:48px; color:#fff; font-weight:700; text-transform: uppercase;}
.address{width:100%; float:left; margin:25px 0 0 0; padding:0px;}
.address-left { width:30%; float:left; margin:0px; padding:0px;}
.address-left h3{ width:100%; float:left; margin:0 0 17px 0; padding:0px; font-size:17px; font-weight:700; color:#fff; text-transform:uppercase}
.address-left p{width:100%; float:right; margin:0px 0 0 0; padding:0px; font-size:14px; line-height:24px; color:#fff; font-weight:400;}

.form-right { width:70%; float:right; margin:0px; padding:0px;}
.form-right ul{width:48%; float:left; margin:0 15px 0 0; padding:0px;}
.form-right ul li{width:100%; float:left; margin:0 0 10px 0; padding:0px; list-style:none; }
.form-right ul li:last-child{width:100%; float:right; margin:0 0 10px 0; padding:0px; list-style:none;}

.textfield{width:100%; float:left; margin:0px; padding:0 10px; box-sizing:border-box; background:#595959; border-radius:5px; font-size:14px; color:#fff; font-weight:400; height:44px; border:0px;}
.textarea{width:100%; float:left; margin:0px; padding:10px; box-sizing:border-box; background:#595959; border-radius:5px; font-size:14px; color:#fff; font-weight:400; height:153px; border:0px;font-family: 'Open Sans', sans-serif;}

.submit{width:185px; background-color:#ea5e00; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0px; float:right; border-radius:5px;  box-shadow: 0px 1px 1px #000; border:none;}
 


.footer-links { width:100%; float:left; margin:20px 0 23px 0; padding: 17px 0 0 0; border-top:#555555 1px solid;box-sizing:border-box;}
.links-left { width:40%; float:left; margin:0px; padding:0px;}
.links-left ul{ width:100%; float:left; margin:0px; padding:0px;}
.links-left ul li{float:left; margin:0px; padding:0 8px; list-style:none; color:#888787; border-right:#888787 1px solid; font-size:14px; font-weight:400; line-height:15px;}
.links-left ul li:last-child{border-right:none;}
.links-left ul li a{color:#888787; text-decoration:none}
.links-left ul li a:hover{color:#fff; text-decoration:none}

.links-right { width:40%; float:right; margin:0px; padding:0px;color:#888787; font-size:14px; font-weight:400; text-align:right; line-height:15px;}

.top {width:50px; height:50px;
    bottom:15px;
    margin: 0;
    position: fixed; right:15px; line-height:45px;
    text-align: center; display:block; background:rgba(0, 0, 0, 0.5); color:#FFFFFF; z-index:99999;
}
 
.top a:hover{color:#333;background:rgba(0, 0, 0, 1);}

.down{position: absolute; bottom:0px;  left: 47%;  width:67px;  height:34px; background:url(../images/arrow-down.png);
cursor:pointer;  z-index: 9; bottom:-190px;}
.down a {padding-top: 60px;}
.down a span {position: absolute; top:1px; left: 50%; width: 20px; height: 20px; margin-left: -9px; border-left:2px solid #000;
border-bottom:2px solid #000;	-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: sdb04 2s infinite;
animation: sdb04 2s infinite;box-sizing: border-box;}
.down a span:hover{ border-left:2px solid #eac23e;
border-bottom:2px solid #eac23e;}
@-webkit-keyframes sdb04 {0% {-webkit-transform: rotate(-45deg) translate(0, 0);}
20% {-webkit-transform: rotate(-45deg) translate(-5px, 5px);}
40% {-webkit-transform: rotate(-45deg) translate(0, 0);}
}
@keyframes sdb04 {0% {transform: rotate(-45deg) translate(0, 0);}
20% {transform: rotate(-45deg) translate(-5px, 5px);}
40% {transform: rotate(-45deg) translate(0, 0);}
}