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;}
.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:40px; /* 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; 
						}



				/* 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:35px;
						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/adam-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/adam-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);}
}