@charset "utf-8";
/* -------------------------------------------------------------------------------

    0.  Reset & Clearfix
    1.  General
    2.  Menu
    3.  Pages and Subpages
    4.  Separators
    5.  Home Page
    6.  About Us
    7.  Our Services
    8.  Portfolio
    9.  Portfolio Images Hover Effects
    10. Portfolio Project page
    11. Portfolio Testimonials
    12. News
	13. News Images Hover Effects
	14. News Post Page
	15. Twitter
    16. Contact
	17. Footer
    18. Media Queries
	
*/

div#warning {position:relative; top:0px; width:100%; height:90x; background-color:#FFF; margin-top:0px; padding:10px 30px; border-bottom:solid 4px #009982;}
div#warning h3 {margin-bottom:5px;}
div#warning p {font-size:15px;}
div#close_window {position:relative;left:0px;10px;top:15px;padding:10px 10px 10px 40px;margin:10px 80px 20px 0;font-size:1.3em;font-weight:bold;color:#fff;width:140px; text-align:center;cursor: pointer; cursor: hand;background-image:url(../images/close_circle.png);background-repeat:no-repeat;border:solid 1px #666;background-position:14px 7px;background-color:#666;}


/* ------------------------------------------------------------------------------- */
/*  0. Reset & Clearfix
/* ------------------------------------------------------------------------------- */


	html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,header,menu,nav,input,textarea,select{
		background:transparent;
		border:0;
		outline:0;
		padding:0;
		margin:0;
	}
	
	.clearfix:after {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
	}
	
	li {
		list-style:none;
	}











/* ------------------------------------------------------------------------------- */
/*  1. General
/* ------------------------------------------------------------------------------- */	


	@font-face {
		font-family: 'BebasRegular';
		src: url('font/BEBAS___-webfont.eot');
		src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/BEBAS___-webfont.woff') format('woff'),
			 url('font/BEBAS___-webfont.ttf') format('truetype'),
			 url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	html,body{
		font-family: 'Open Sans','Arial';
		font-size:11px;
		width:100%;
		height:100%;
		/*color:#009982;*/
	}
	
		
	body {overflow-x:hidden;}
	
	.container {
		width:960px;
		margin:0 auto;
		padding-top:50px;
		padding-bottom:50px;
		z-index:2;
		position:relative;
	}

	
	.white {
		color:#FFF;
	}
	.gray_med {
		margin:15px 0px;
		color:#999;
		font-size:18px;
		line-height:24px;
	}
	
	.testimonial_text	{
		font-size:18px;
		color:#666;
		width:100%;
		line-height:24px;

		
	}
	.color {
		color:#009982;
	}
	
	.black {
		color:#262932;
	}
	
	.mb {
		margin-bottom:15px;
	}
	
	.mt {
		margin-top:70px;
	}
	
	.center {
		text-align:center;
		margin-top:70px;		
	}
	
	.big-paragraph {
		font-size:15px;
		line-height:24px;
		color:#666;
	}

	.left {
		float:left;
	}
	
	h1 { font-size: 50px; font-family: "Neue Helvetica W02", "Helvetica Neue", "�ҥ饮�νǥ� Pro W3", "Hiragino Kaku Gothic Pro", Osaka, �ᥤ�ꥪ, Meiryo, ΢ܛ�����w, "Microsoft JhengHei", Helvetica, Arial, sans-serif; }
    h2 { font-size: 36px; font-weight:200; line-height:36px; font-family: "Neue Helvetica W02", "Helvetica Neue", "�ҥ饮�νǥ� Pro W3", "Hiragino Kaku Gothic Pro", Osaka, �ᥤ�ꥪ, Meiryo, ΢ܛ�����w, "Microsoft JhengHei", Helvetica, Arial, sans-serif; }
    h3 { font-size: 30px; font-weight:200; line-height:30px; font-family: "Neue Helvetica W02", "Helvetica Neue", "�ҥ饮�νǥ� Pro W3", "Hiragino Kaku Gothic Pro", Osaka, �ᥤ�ꥪ, Meiryo, ΢ܛ�����w, "Microsoft JhengHei", Helvetica, Arial, sans-serif; }
    h4 { font-size: 24px; font-weight:200; line-height:24px; font-family: "Neue Helvetica W02", "Helvetica Neue", "�ҥ饮�νǥ� Pro W3", "Hiragino Kaku Gothic Pro", Osaka, �ᥤ�ꥪ, Meiryo, ΢ܛ�����w, "Microsoft JhengHei", Helvetica, Arial, sans-serif; }
    h5 { font-size: 16px; font-weight:400; line-height:18px; font-family: "Neue Helvetica W02", "Helvetica Neue", "�ҥ饮�νǥ� Pro W3", "Hiragino Kaku Gothic Pro", Osaka, �ᥤ�ꥪ, Meiryo, ΢ܛ�����w, "Microsoft JhengHei", Helvetica, Arial, sans-serif; }
	
	p { line-height:18px; }
	
	a, li {
        /*color: #009982;*/
        text-decoration: none;
        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    }
	
	img, div, input, textarea {
		-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
				
	}
	input.send_message{
		-webkit-appearance: none;
	}
	
	.one_half {
    	width: 48%;
	}
	
	.one_third {
		width: 30.5%;
	}
	
	.one_fourth {
		width: 22%;
	}
	
	.one_fifth {
		width: 16.8%;
	}
	
	.one_sixth {
		width: 13.33%;
	}
	
	.two_fifth {
		width: 37.6%;
	}
	
	.two_fourth {
		width: 48%;
	}	
	
	.two_third {
		width: 65.33%;
	}
	
	.three_fifth {
		width: 58.4%;
	}
	
	.three_fourth {
		width: 74%;
	}
	
	.four_fifth {
		width: 79.2%;
	}
	
	.five_sixth {
		width: 82.67%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 4%;
		position: relative;
	}
	
	.last {
		margin-right:0px!important;
	}
	
	.btn-small {
		color: #fff!important;
		padding: 0px 15px 0px 15px;
		background:#009982;
		height:35px;
		text-align:center;
		display:inline-block;
		line-height:35px;
		margin-top:20px;
	}
	
	.btn-small-nomargin {
		color: #fff!important;
		padding: 0px 15px 0px 15px;
		background:#009982;
		height:35px;
		text-align:center;
		display:inline-block;
		line-height:35px;
		margin:0;
	}	
	
	.btn-small-nomargin:hover {
		background:#262932;
		color:#fff;
		opacity:1;
	}	
	
	.btn-small:hover {
		background:#262932;
		color:#fff;
		opacity:1;
	}


	.btn-product{
		height:25px;
		background-color:#009982;
		margin-right:10px;
		text-align:center;
		padding:10px 0 5px;
		color:#fff;
		font-size:1.2em;
		position:absolute;
		bottom:10px;
		width:185px;
		}
	.btn-product a{
		color:#fff;
		}		
	
	.btn-product:hover {
		background:#262932;
		color:#fff;
		opacity:1;
	}



	.mouse_over_txt	{
		margin:15px 0 20px;
		color:#009982;
		font-size:1.1em;
	}
	
	
	.mouse_over_txt2	{
		margin:10px 0 -30px 0;
		color:#fff;
		font-size:16px;
		background:#009982;
		padding:10px;
		display:inline;
	}




/* ------------------------------------------------------------------------------- */
/*  2. Menu
/* ------------------------------------------------------------------------------- */


/*	#navigation {
		background:#1e2024;
		position: relative;  
		width: 100%;
		height: 87px;
		z-index: 1000;		
	}
	
	#logo {
		float:left;
		margin-left:45px;
		margin-top:10px;

	}
    
    .logo_link	{
		position: relative; 
		margin: 0px 0 0px 40px; 
		padding: 5px 0; width: 300px; 
		height: 1px; 
		background-image: url(images/transparent.png); 
		background-repeat: no-repeat; 
	}
		#logo_link { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 450px; 
		height: 1px; 
		background-color: white; 
		opacity:0;

		}		
		
		#navigation a#logo_link{
		padding:0;
		}
	#logo span{
		padding:0;
		color:#fff;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
		font-weight:bold;
		letter-spacing:-.5px;
		text-transform:none;
		position:absolute;
		font-size:1.4em;
		top:35px;
		left:140px;	
	}
	#logo span a{
		color:#009982;
		font-size:1.1em;
		font-weight:bold;
		margin-left:3px;	
			
	}
	
	.dot {
		font-size:45px;
	}

	#navigation ul {
		padding-top:40px;
		float:right;
		min-height:32px;		
	}
	
	#navigation ul li {
		display: inline;
		margin-right:20px;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		color:#7f7f7f;
		padding-top:35px;
		height:90px;		
		text-transform:uppercase;
		font-weight:bold;
		font-size:18px;
		padding-bottom:45px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #fff;
		border-top: 5px solid #009982;
	}










/* ------------------------------------------------------------------------------- */
/*  3. Pages and Subpages
/* ------------------------------------------------------------------------------- */


	#index {
		background:#000;
		height: 100%;
		margin-bottom: -100px;
		position: relative;
	}
	
	.ourteam {
		background:#FFFFFF;
		background: -webkit-linear-gradient(#fff, #D8D8D8); 
		background: -o-linear-gradient(#fff, #D8D8D8); 
		background: -moz-linear-gradient(#fff, #D8D8D8); 
		background: linear-gradient(#fff, #D8D8D8); 		
		border-top:#CECECE 1px solid;
		border-bottom: 1px solid #BBB;
		margin-bottom:30px;
	}
	
	
	.newsletter {
		background:#666;
	}
	
	.projects-filters {
		background:#262932;
	}
	
	#testimonials {
		background:#dddddd;
	}
	
	.twitter {
		background:#009982;
	}
	
	.contact-header {
		background:#fff;
	}
	
	.contact-form {
		background:#ECECEC;
	}
	
	.footer {
		background:#262932;
	}


	ul.haas_advantage_list li{
	padding:8px 0px;
	font-size:1.2em;
	
	}
	
	h4.advantage_title{
	padding:10px 0px;
	text-align:center;
	color:#fff;
	font-size:1.8em;
	display:block;
	margin:10px 0px 15px;
	background-color:#333;
	
	}
	ul.haas_advantage_list li b{
		color:#009982;
	}




/* ------------------------------------------------------------------------------- */
/*  4. Separators
/* ------------------------------------------------------------------------------- */


	.separator1-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('../images/separator1.jpg') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
	.separator2-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('../images/separator2.jpg') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
	.separator3-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('../images/separator3.jpg') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
	.separator4-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('../images/separator4.jpg') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
   .separator_VMC-bg  {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('/images/banner/slider-2.jpg') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	   .separator_HMC-bg  {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('/skin/CS-Products.jpg') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
		.separator_LATHE-bg  {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('/images/banner/hybrid_turrets.jpg') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
		.separator_ROTARY-bg  {
		position: absolute;
		height: 100%;
		width: 100%;
		background: url('/images/banner/rotary_HA5C.jpg') 0 0 repeat fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		z-index:-1;
	}
	
	
	#separator_PRODUCT {
		width: 100%;
		min-height: 300px;
		overflow: hidden;
		position: relative;
	}
	.separator_PRODUCT_text {
    font-size: 60px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 105px;
    text-shadow: #444 2px 2px 1px;
	
	}
	.separator_PRODUCT_text_small{
     font-size:30px;
     color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -1px;
    text-shadow: #444 2px 2px 1px;
	margin-bottom:-5px;		
	}
	
	#separator1, #separator2, #separator3, #separator4 {
		width: 100%;
		min-height: 400px;
		overflow: hidden;
		position: relative;
	}
	
	.pattern {
		background: url('../images/pattern.png');
		background-repeat:repeat;
		position:absolute;
		width:100%;
		height:100%;
		opacity:0.7;
		z-index:0;
	}
	
	.client {
		float:left;
		margin:10px;
		width:140px;
		cursor:pointer;
		margin-top:50px;
		transition: all 0.3s ease 0s;
	}

	.client:hover {
		float:left;
		margin:10px;
		width:140px;
		cursor:pointer;
		margin-top:40px;
	}
	
	.social_media_icons {
		float:left;
		margin:15px;
		width:40px;
		cursor:pointer;
		margin-top:40px;
		transition: all 0.3s ease 0s;
	}

	.social_media_icons:hover {
		float:left;
		margin:15px;
		width:40px;
		cursor:pointer;
		margin-top:30px;
	}	

	.social_media_links {margin: -20px 0 0 12px;}

div.separator_link{
text-align:center;
padding-top:75px;
} 

div.separator_share {
	text-align:center;
	padding:0;
}
 
div.separator_share p{
		font-size:2em;
		font-weight:bold;
		color:#FFF;
		line-height:1.1em;
	}
.separator_link p{
		font-size:2em;
		font-weight:bold;
		color:#FFF;
		line-height:1.1em;
		text-shadow:2px 2px 1px #333;
	}
.separator_link span {
    color: #fff;
    font-family: "Courgette",cursive;
    font-size: 50px;
    padding-top: 10px;
	text-shadow:2px 2px 1px #333;
	}	
.separator_link span:hover{
	opacity:.6;
	}
	
.newsletter p	{color:#fff;font-size:1.3em;text-align:center;}

div.brochure_container{min-height:150px;padding:40px 35px;}
div.brochure_container p {font-size:1.4em;text-align:left;margin:8px 0;line-height:130%;padding:0;}
div.brochure_link{margin:0 auto;max-width:800px;}
div.brochure_image{width: 120px; margin: 0 auto;float:left;padding:0 15px 0 0;}

/* EXPLORE OUR PRODUCT LINE */
div.product_container{min-height:150px;padding:40px 25px;}
div.product_container p {font-size:1.4em;text-align:left;margin:10px 0;line-height:130%;padding:0;}
div.product_link{margin:0 auto;max-width:800px;}
div.product_image{width: 170px; margin: 0 auto;float:left;padding:0 15px 0 0;}
h3.product_text{font-family: 'helvetica,"Muli",sans-serif','arial';font-size: 29px;line-height: 30px;color:#fff;letter-spacing:-1px}
.product_team {width:166px;height:101px;background-color:#fff;float:left;margin:10px 20px 20px 0;overflow:hidden;}
.product_team img.user{position:absolute;}	
.product_team:hover {opacity:.6;}	


/* ------------------------------------------------------------------------------- */
/*  5. Home Page
/* ------------------------------------------------------------------------------- */

	
	div.mc-image {
		-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;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:center center;
		background-repeat:no-repeat;
		height:100%;
		overflow:hidden;
		width:100%;
	}


	#cycle-loader {
		height:32px;
		left:50%;
		margin:-108px 0 0 -8px;
		position:absolute;
		top:50%;
		width:32px;
		z-index:999;
	}
	
	#maximage {
		display:none;
		position:absolute!important;
		background:#000;						
	}
	
	#arrow_left, #arrow_right {
		bottom:180px;
		height:67px;
		position:absolute;
		right:50px;
		width:36px;
		z-index:1000;
	}
	
	#arrow_left {
		right:100px;
	}
	
	#arrow_left:hover, #arrow_right:hover {
		bottom:181px;
	}
	
	#arrow_left:active, #arrow_right:active {
		bottom:181px;
	}
	
	.in-slide-content {
		bottom:180px;
		left:50px;
		margin-right:10%;
		z-index:20;
		position:absolute;
		width:45%;
		text-align:left;
	}
	
	.in-slide-content h1{ 		
		z-index:20;
		color:#fff;
		border-bottom:#fff solid 1px;
		padding-bottom:20px;
		font-size:50px;
		line-height:50px;
		text-transform:uppercase;
		float:left;
	}
	.in-slide-content h1 a{
		color:#fff;
	}
	
	.in-slide-content p{ 		
		z-index:20;
		color:#fff;		
		font-size:16px;
		padding-top:20px;
		float:left;
		line-height:20px;
	}


/* ------------------------------------------------------------------------------- */
/*  6. About Us
/* ------------------------------------------------------------------------------- */

	
	.meter { 
		height: 30px;
		position: relative;
		margin: 0 0 35px 0;
		background:#ebebeb;
		width:100%
	}
	
	.meter > div {
		display: block;
		height: 100%;
		background-color:#009982;
	}
	
	.meter p {
		position:absolute;
		margin-top:5px;
		margin-left:10px;
	}	

	.team {
		width:225px;
		height:260px;
		background-color:#fff;
		float:left;
		margin-right:15px;
		overflow:hidden;
		margin-top:10px;
	}
		.pb-features {display:block;}
		.mpb-features {display:none; text-align:center;}
		.viewf {display: inline-block;}
		.hidef {display:none;}
	.team img.user{
                box-shadow: 0 2px 6px rgba(0,0,0,0.5);
		position:absolute;
	}
	
	
	.team-overlay {
                box-shadow: 0 1px 3px rgb(0 153 130);
		width:185px;
		height:220px;
		background-color:#fff;
		padding:20px;
		position:relative;
		margin-top:200px;
		-webkit-transition: all 0.3s ease 0s;
           -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
             -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
	}
	
	.team:hover > .team-overlay{
		margin-top:0px;		
	}
	
	.team-overlay h5 {
		margin-bottom:2px;
	}
	
	p.team-function {
		color:#A1A1A1;
		margin-bottom:20px;
	}
	
	p.team-description {
		color:#555555;
		line-height:18px;
		margin-bottom:45px;
	}
	
	.team-social {
		width:27px;
		height:27px;
		background-color:#262932;
		margin-right:10px;
		float:left;
		border-radius:3px;
		bottom:20px;
	}
	
	.team-social:hover {
		background-color:#009982;
	}
	
	.team-social img{
		padding:3px;
	}



   







/* ------------------------------------------------------------------------------- */
/*  7. HAAS ADVANTAGE
/* ------------------------------------------------------------------------------- */


	.heading-and-icon {
		width:100%;
		margin-bottom:40px;
		height:60px;
	}
	
	.heading-and-icon img{
		float:left;
		margin-right:15px; 
		margin-bottom:10px;
	}
	
	.heading-and-icon h3 {
		padding-top:15px;
	}
	
	h3.newsletter { 
		float:left;
		margin-right:20px;
		margin-top:5px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width:258px;
		padding:12px;
		float:left;
		background:#fff;
		color:#C4C4C4;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
		font-size:18px;
		margin-right:20px;
		margin-top:0;		
	}
	
	button.newsletter-sent {
		color: #7F7F7F;
		padding: 0px 25px 0px 25px;
		background:#262932;
		height:46px;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
		font-size:18px;
		text-align:center;
		display:inline-block;
		line-height:46px;
		border:0;
		cursor:pointer;
		transition: all 0.3s ease 0s;
	}
	
	button.newsletter-sent:hover {
		background:#262932;
		color:#fff;
	}

   p.advantage_text{
	   font-size:1.2em;
	   line-height:1.4em;
   }

   div#discover-service, div#control, div#distributor_network{
	   margin:20px;
   }








/* ------------------------------------------------------------------------------- */
/*  8. Portfolio
/* ------------------------------------------------------------------------------- */


	.isotope-item {
		z-index: 2;
	}

	.isotope-hidden.isotope-item {
		z-index: 1;
	}

	.isotope, .isotope .isotope-item {
	    -webkit-transition-duration: 0.8s;
		   -moz-transition-duration: 0.8s;
			    transition-duration: 0.8s;
	}

	.isotope {
	    -webkit-transition-property: height;
		   -moz-transition-property: height;
			    transition-property: height;
	}

	.isotope .isotope-item {
	    -webkit-transition-property: -webkit-transform, opacity;
		   -moz-transition-property:    -moz-transform, opacity;
			    transition-property:         transform, opacity;
	}

	.isotope-item  img {
		width:100%
	}

	.portfolio {
		width: 100.3%;
	}
	
	nav.primary ul {
		float:left;
		margin-top:20px;
	}
	
	nav.primary ul li  {
		display:inline;
	
	}
	
	nav.primary ul li a {
		height:40px;
		width:auto;
		display:block;
		color:#7f7f7f;
		float:left;
		background:#363942;
		padding-left:20px;
		padding-right:20px;
		line-height:40px;
		margin-left:10px;
	}
	
	nav.primary ul li a:hover {
		color:#363942;
		background:#fff;
	}
	
	nav.primary ul li a:active, nav.primary ul li a.selected {
		background:#009982;
		color:#fff;
	}	











/* ------------------------------------------------------------------------------- */
/*  9. Portfolio Images Hover Effects
/* ------------------------------------------------------------------------------- */
	.portfolio #imts ul li {
		width: 25%;
	}		
	
	.portfolio li { 
		float: left; 
		width:16.6%;
		margin:0!important;
		padding:0!important; 
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		overflow:hidden;		
	}

	.portfolio a { 
		display:block;
		text-decoration: none; 
	}
	
	.portfolio img { 
		width: 100%; 
		height: auto; 
		display: block; 
	}
	
	.view .mask {
	   visibility:hidden;
	   opacity: 0;
	}	
	
	
	.view:hover .mask {
	   visibility:visible;
	   opacity:1;
	}
	.view:active .mask {
		-webkit-transition: opacity 1s ease-out;
	}

	.view {	   
		width: 100%;
	   height: auto;
	   float: left;
	   overflow: hidden;
	   position: relative;
	   text-align: left;	    
	}

	.view .mask {
	   width: 100%;
	   height:100%;
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	   background:#009982;
	}
	
	
	.mask h5 {
		text-align:center;
		color:#FFF;
		top:45%;
		margin-top:-20px;
		position:absolute;
		line-height:24px;
		width:90%;
		padding-left:5%;
	}
	
	
	.mask h5 span {
		text-align:center;
		color:#FFF;
		font-size:.7em;
		font-weight:normal;
		opacity:.7;
	}	
	
	.mask p {
		text-align:center;
		color:#FFF;
		opacity:0.5;
		top:50%;
		width:100%;
		margin-top:8px;
		position:absolute;
		line-height:12px;
	}

	.mask h4 {
		text-align:left;
		text-transform: uppercase;
		color:#FFF;
		margin:65px 15% 35px 15%;
		line-height:28px;
		width:70%;
		padding-left:0px;
		letter-spacing: .05em;
	}
	
	
	.mask h3 {
		text-transform:none;
		text-align:left;
		color:#fff;
		opacity: .8;
		font-size:22px;
		line-height: 32px;
		font-weight:lighter;
		width: 70%;
		margin: 0px 15%;
		letter-spacing:.045em;
	}	
	.mask blockquote {
		margin-left: 40px;
	}


p.spacer{height:2px;color:#999;}



/* ------------------------------------------------------------------------------- */
/*  10. Portfolio Project page
/* ------------------------------------------------------------------------------- */	
	
	
	.project_page {
		background-color:#fff;
		width:960px;
	}
	
	
	.project_content {
		padding:40px;
		padding-bottom:20px;
		width:auto;
	}
	
	.categories li {
		background: url("../images/list-ico.png") no-repeat scroll 0 14px transparent;
		border-top: 1px solid #F2F2F2;
		display: block;
		padding: 10px 0 10px 13px;
	}
	.categories li:last-child {
		border-bottom: 1px solid #F2F2F2;
	}
	.categories li a {
		color: #ababab;
	}
	.categories li a:hover {
		color: #000;
	}











/* ------------------------------------------------------------------------------- */
/*  11. Portfolio Testimonials
/* ------------------------------------------------------------------------------- */		
	
	
	.carousel_testimonials {
		width: 100%;
		height:auto;				
	}
	
	.carousel_testimonials ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
	}
	
	.carousel_testimonials li {
		width: 920px;
		height: auto;
		padding: 20px;				
		display: block;
		float: left;
	}
	
	.carousel_testimonials li h5 {
		color:#000;
		opacity:0.3;
	}
	
	.t-prev {
		float: left;
		background: url("../images/left.png") no-repeat;
		width:14px;
		height:21px;
		margin-left:20px;
		opacity:0.3;			
	}
	
	.t-prev:hover {
		opacity:1;
	}
	
	.t-next {
		float: left;
		background: url("../images/right.png") no-repeat;
		width:14px;
		height:21px;
		margin-left:10px;
		opacity:0.3;			
	}
	
	.t-next:hover {
		opacity:1;
	}
	










/* ------------------------------------------------------------------------------- */
/*  12. News
/* ------------------------------------------------------------------------------- */
	
	
	.container-news {
		width:100%;
		padding-top:30px;
		padding-bottom:100px;
	}
	.container-news div.container.clearfix {
		padding-top:70px;
		padding-bottom:25px;

	}

				
	.list_carousel {
		width: 100%;
		height:auto;		
	}
	
	.list_carousel ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;

	}
	
	.list_carousel li {
		background-color: #eee;
		width: 440px;
		height: 614px;
		padding: 0;
		margin: 20px;
		display: block;
		float: left;
	}
	
	.list_carousel li h5 {
		color:#000;
		margin-bottom:3px;
	}
	
	p.news-date {
		font-style:italic;
		margin-bottom:20px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#a1a1a1;
	}
	
	.list_carousel.responsive {
		width: auto;
		margin-left: 0;
	}
	
	#news-navigation {
		width:160px;
		height:70px;
		padding-top:20px;
		margin:0 auto;
	}
	
	.prev {
		float: left;
		background: url("../images/left.png") no-repeat scroll 26px 24px #fff;
		width:30px;
		height:30px;
		padding:20px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		border-radius:50px;				
	}
	
	.prev:hover {
		background: url("../images/left_hover.png") no-repeat scroll 26px 24px #009982;
	}
	
	.next {
		float:left;		
		margin-left:20px;
		background: url("../images/right.png") no-repeat scroll 28px 24px #fff;
		width:30px;
		height:30px;
		padding:20px;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		border-radius:50px;		
	}
	
	.next:hover {
		background: url("../images/right_hover.png") no-repeat scroll 28px 24px #009982;
	}
	










/* ------------------------------------------------------------------------------- */
/*  13. News Images Hover Effects
/* ------------------------------------------------------------------------------- */
	
	
	.discover-news img {	   
	   display: block;
	   width: 100%;
	   height:auto;	   
	}
	
	.discover-news .mask {
	   opacity: 0;
	}	
	
	.discover-news:hover .mask {
	   opacity:1;
	}	

	.discover-news {
		width:100%;	   
	    height: auto;
	    float: left;
	    overflow: hidden;
	    position: relative;
	    text-align: left;	    
	}

	.discover-news .mask {
	   width: 100%;
	   height:100%;
	   position: absolute;
	   overflow: hidden;
	   top: 0;
	   left: 0;
	   background: rgba(0, 0, 0, 0.5);
	}
	
	.discover-news a.icon {	
		height:38px;
		width:38px;
		padding:20px;
		left:50%;
		margin-left:-39px;
		top:50%;
		margin-top:-39px;		
		position:absolute;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		-o-border-radius: 50px;
		border-radius:50px;
	}
	
	.discover-news  a.icon.zoom {
		background:url(../images/plus.png) 20px 20px no-repeat #FFF ;
		-webkit-transition: all 0.3s ease 0s;
           -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
             -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
	}
	
	.discover-news a.icon.zoom:hover {
		background:url(../images/plus.png) 20px 20px no-repeat #FFF;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
           -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
             -o-transform: rotate(-90deg);		
	}
	
	.news-intro {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 170px;
    padding: 20px;
	font-size:1.2em;
	}
	







/* ------------------------------------------------------------------------------- */
/*  14. News Post page
/* ------------------------------------------------------------------------------- */		
	
	
	.news_page {
		background-color:#fff;
		width:800px;
	}
	
	.news_content{
		padding:40px;
		width:auto;
	}
	
	.news-details {
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	
	p.post-admin {
		background: url("../images/post-admin.png") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		padding-left:25px;
		float:left;
	}
	
	p.post-calendar {
		background: url("../images/post-calendar.png") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		margin-left: 25px;
		padding-left:25px;
		float:left
	}
	
	p.post-tagss {
		background: url("../images/post-tag.png") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		margin-left: 25px;
		padding-left:25px;
		float:left;
	}
	
	p.post-commentss {
		background: url("../images/post-comment.png") no-repeat scroll left center transparent;
		font-size: 12px;
		margin-bottom: 15px;
		color:#A1A1A1;
		margin-left: 25px;
		padding-left:25px;
		float:left;
	}
	
	.news_comments {
		padding:40px;
		background-color:#ECECEC;
		border-top: #dddddd solid 1px;
	}
	
	.user_comment {
		background: url("../images/user.png") no-repeat;
		padding-left:60px;
		margin-top:40px;
	}
	
	.user_comment_reply {
		background: url("../images/user.png") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	.comment-date {
		font-style:italic;
		margin-bottom:10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#a1a1a1;
	}
	
	.comment-text {
		color:#555555;
	}
	
	a.reply {
		float:right;
		margin-top:10px;		
	}
	
	a.reply:hover {
		text-decoration:underline;		
	}











/* ------------------------------------------------------------------------------- */
/*  15. Twitter
/* ------------------------------------------------------------------------------- */	
	
	
	.twitter h2 {
		color:#fff;
		font-weight:bold;
		text-align:center;
		line-height:45px;
		margin-bottom:20px;
	}
	
	.twitter p {
		text-align:center;
		font-weight:bold;
		opacity:0.6;
	}
	
	.twitter-image {
		width:60px;
		margin:0 auto;
		margin-bottom:30px;
	}










/* ------------------------------------------------------------------------------- */
/*  16. Contact
/* ------------------------------------------------------------------------------- */	
	
	.container div.thankyou p	{font-size:1.8em;}
	
	#map_canvas {
		width:100%;
		height:500px;
	}
	
	input {
		width:94%;
	
		margin-top:20px;
		background:#fff;
		color:#808080;
		font-family: 'arial';
		font-size:12px;
		
	}
	
	input:focus {
		color:#808080;
	}
	
	textarea {
		width:94%;
		padding-left:3%;
		padding-right:3%;
		padding-top:12px;
		padding-bottom:12px;
		margin-top:20px;
		background:#fff;
		height:75px;
		resize:none;
		color:#808080;
		font-family: 'arial';
		font-size:12px;
		
	}
	
	textarea:focus {
		color:#808080;
	}
	
	input.send_message {
		width:120px;
		background:#009982;
		float:left;
		color:#FFF;
		cursor:pointer;
		margin:0;
		font-size:12px;
		font-weight:normal;
	}
	
	input.send_message:hover {
		background:#262932;
	}
	
	.error_message {
		background-color: #FFE9E9;
		border-color: #FBC4C4;
		border-image: none;
		border-style: solid;
		border-width: 1px 1px 1px 5px;
		color: #DE5959;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 15px;
		padding: 15px 40px 15px 18px;
		position: relative;
		float:none;
		width:auto;
	}
	
	fieldset {
		position:relative;
		float:left;
		padding:0;
		border:0 none;
		width:100%;		
	}
	
	fieldset h1{
		font-size:24px;
		color:#000
	}











/* ------------------------------------------------------------------------------- */
/*  17. Footer
/* ------------------------------------------------------------------------------- */	

	
	
	
	.footer-social {
		width:50px;
		height:50px;
		background-color:#363942;
		margin-right:30px;
		float:left;
		border-radius:50px;
		bottom:20px;
	}
	
	.footer-social:hover {
		background-color:#009982;
	}
	
	.footer-social img {
		padding:10px;
		opacity:1;
	}
	
	
	.footer ul.contactus, .contact-form ul.contactus {
		display: block;
		letter-spacing: -1px;
		margin-bottom: 35px;
		overflow: hidden;
		padding-bottom: 34px;
	}
	
	.footer ul.contactus li, .contact-form ul.contactus li {
		color: #FFFFFF;
		display: block;
		float: left;
		font-size: 30px;
		font-weight: 700;
		line-height: 35px;
		margin-right: 50px;
		margin-bottome:20px;
	}
	
	.contact-form ul.contactus li span.web:after {
		background: url("../images/haas_logo_sm.png") no-repeat transparent;
		content: "";
		height: 36px;
		left:0px;
		position: absolute;
		top: 2px;
		width: 36px;
	}
	.contact-form ul.contactus li span.web a, .contact-form ul.contactus li span.dealer a {
		color:#999;
	}
	.contact-form ul.contactus li span.web a:hover, .contact-form ul.contactus li span.dealer a:hover {
		color:#333;
	}	
	
	.contact-form ul.contactus li span.web {
		padding-left: 40px;
		position: relative;
	}	

	.contact-form ul.contactus li span.dealer:after {
		background: url("../images/magnify.png") no-repeat transparent;
		content: "";
		height: 26px;
		left: 5px;
		position: absolute;
		top: 3px;
		width: 26px;
	}
	
	.contact-form ul.contactus li span.dealer {
		color: #FFFFFF;
		padding-left: 38px;
		position: relative;
	}	
	
	.copyright {
		margin-top:35px;
		padding-top:35px;
		width:100%;
		/*border-top: 1px solid #363942;*/
		float:left;
	}
	
	.copyright p{
		color:#fff;
		opacity:0.3;
	}

/*	.contact-form .container	{
		padding:101px 0px 5px;
	}

	.contact-form .container p	{
		font-size:1.3em;
		line-height:1.3em;
		font-weight:bold;
		margin:25px 0px;
	}
	
.contact-form .container ul.contact_items{
	margin:20px 0 10px;
}
	
	.contact-form .container ul.contact_items li {
		background-image:url(../images/checkmark.png);
		background-repeat:no-repeat;
		font-size:1.3em;
		margin:10px 0;
		height:23px;
		
	}

	
	.contact-form .container ul.contact_sent li {
		background-image:url(../images/red_arrow.png);
		background-repeat:no-repeat;
		font-size:1.6em;
		margin:0px 30px 0 0px;
		padding-bottom:10px;
	}	
	.contact-form .container ul.contact_sent li span:hover	{margin-left:35px; opacity:.7;transition: all 0.3s ease 0s; }
	.contact-form .container ul.contact_items li span, .contact-form .container ul.contact_sent li span{
		margin-left:30px;
	}*/

	.footer .container	{
		padding-top:40px;
		padding-bottom:10px;
		color:#CCC;
		font-size:1.2em;
		text-align:center;
	}
	.footer .container span	{
		color:#009982;
		margin:0 10px;
		font-size:1.2em;
	}

/*----------------------VIDEO WRAPPER --------------------------------------------*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin:0 0 30px 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ------------------------------------------------------------------------------- */
/*  18. Media Queries
/* ------------------------------------------------------------------------------- */	


@media screen and (max-width: 1500px) { 

	.portfolio {
		width: 100.3%;
	}

	.portfolio li { 
		width:25%;
		margin:0 auto;	
	}
	.mask h4 {
		margin:12% 15% 7% 15%;
		line-height:1.4em;
		font-size: 1.7em;
		letter-spacing: .03em;
	}
	.mask h3 {
		font-size:1.2em;
		line-height: 1.4em;
		width: 70%;
		margin: 0px 15%;
		letter-spacing:.03em;
	}	
	.mask blockquote {
		margin-left: 25px;
	}
		#navigation ul li {
		margin-right:12px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		font-size:14px;
		}


}


	
@media only screen and (max-width: 1300px) { 

	.portfolio {
		width: 100.5%;
	}

	.portfolio li { 
		width:25%;
		margin:0 auto;	
	}

}



@media only screen and (max-width: 1255px) { 
	/*#logo span{
		padding:0;
		color:#fff;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
		font-weight:bold;
		letter-spacing:-.5px;
		text-transform:none;
		position:absolute;
		font-size:1em;
		top:35px;
		left:145px;	
	}
	#logo_link {width:350px;}
	#navigation ul li {
		margin-right:10px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		font-size:13px;
		}
}	
@media only screen and (max-width: 1150px) {
	#logo {
		float:left;
		margin-left:30px;
		margin-top:10px;

	}
	#logo span{
		padding:0;
		color:#fff;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
		font-weight:bold;
		letter-spacing:-.5px;
		text-transform:none;
		position:absolute;
		font-size:.8em;
		top:36px;
		left:120px;	
	}	


	#logo_link {width:270px;}	*/
}
@media only screen and (max-width: 1034px) {
	
	.portfolio {
		width: 100%;
	}

	.portfolio li { 
		width:25%;
		margin:0 auto;	
	}
	.mask h4 {
		line-height:1.4em;
		font-size: 1.4em;
		letter-spacing: .02em;
	}
	.container {
    width: 90%;
	}
	.team-capsule {width: 720px; float:none; margin: 0 auto;
		}
	.team {
		background-color: #FFFFFF;
		float: left;
		height: 280px;
		margin-right: 15px;
		overflow: hidden;
		width: 225px;
		margin-bottom:15px;
	}
	
	.team.last {
		margin-left:240px;
	}
/*	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	} */
	#navigation ul li {	
	margin-right: 6px;
}	
	
	.mask h5 {
		top:45%;
	}
}

@media only screen and (max-width: 980px) {
	
	h3{
		font-size:27px;
	}
		
	/*#logo {
		float:left;
		margin-left:10px;
		margin-top:10px;

	}	
	#logo span{
		padding:0;
		color:#fff;
		font-family: 'helvetica,"Muli",sans-serif' , 'arial';
		font-weight:bold;
		letter-spacing:-.5px;
		text-transform:none;
		position:absolute;
		font-size:.8em;
		top:35px;
		left:100px;	
	}	*/

	
	#navigation ul {
		width: 250px;
		padding: 5px 0;
		position: relative;
		top: 30px;
		right: 50px;
		border: solid 1px #efefef;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;
		
	}
	
	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	/*#navigation a#logo_link{
		height:100px;
	}
	.logo_link{margin:0;}
	#logo_link{width:295px;}

	#navigation ul:hover {
		background-image: none;
	}
		
	#navigation ul:hover .current {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #000;
		border-top: 0px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}*/
	
	.in-slide-content {
		bottom:180px;
		left:50px;
		margin-right:10%;
		z-index:20;
		position:absolute;
		width:45%;
		text-align:left;
	}
	
	.in-slide-content h1{ 		
		z-index:20;
		color:#fff;
		border-bottom:#fff solid 1px;
		padding-bottom:20px;
		font-size:45px;
		line-height:45px;
		text-transform:uppercase;
		float:left;
	}
	
	.in-slide-content p{ 		
		z-index:20;
		color:#fff;		
		font-size:12px;
		padding-top:20px;
		float:left;
	}
	

	
	input.newsletter-email, input.newsletter-name {
		width: 146px;
	}
	
	button.newsletter-sent {
		padding: 0 18px;
	}
		
	.portfolio {
		width: 100%;
	}

	.portfolio li { 
		width:49.99%;	
	}
	.mask h4 {
		margin:12% 15% 7% 15%;
		line-height:1.2em;
		font-size: 1.8em;
		letter-spacing: .03em;
	}
	.mask h3 {
		font-size:1.6em;
		line-height: 1.3em;
		width: 70%;
		margin: 0px 15%;
		letter-spacing:.03em;
	}	
	
	nav.primary ul {
		float: left;
		margin-top: 20px;
		width:100%;
	}
	
	nav.primary ul li a {
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom:10px;

	}
	
	.carousel_testimonials li {
		width: 680px;
	}
	
	.project_page {
		background-color:#fff;
		width:720px;
	}
	
	.client {
		margin:50px 50px 50px 50px;
	}

	.client:hover {
		margin:50px;
		opacity:0.7;
	}
	
	.news_page {
		background-color:#fff;
		width:720px;
	}
	
	.user_comment_reply {
		background: url("../images/user.png") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	.footer ul.contactus li {
		float: none;
		margin-bottom: 20px;
	}
	
/*	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	} */
	
	
	.footer ul.contactus li, .contact-form ul.contactus li {
		font-size: 20px;
	}	
	.footer ul.contactus li a, .contact-form ul.contactus li a  {
		position:relative;
		top:5px;
	}	
	

	    
}


@media only screen and (max-width: 815px) {
	.team-capsule {width: 480px;
		}
	.team.last {
		margin-left:0px;
	}
	/* EXPLORE OUR PRODUCT LINE */
	div.product_container{min-height:415px;padding:40px 25px;}
	div.product_container p {font-size:1.4em;text-align:left;margin:10px 0;line-height:130%;padding:0;}
	div.product_link{margin:0 auto;max-width:800px;}
	div.product_image{display:none;}
	h3.product_text{font-family: 'helvetica,"Muli",sans-serif','arial';font-size: 29px;line-height: 30px;color:#fff;letter-spacing:-1px;text-align:center;}
	.product_team {width:166px;height:101px;background-color:#fff;float:left;margin:10px 20px 20px 35%;overflow:hidden;}
	.product_team img.user{position:absolute;}	
	.product_team:hover {opacity:.6;}	
	
	
	
}






@media only screen and (max-width: 767px) {
	
	
	
	#navigation ul {
		width: 200px;
		padding: 5px 0;
		position: relative;
		top: 30px;
		right: 20px;
		border: solid 1px #efefef;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;		
	}
	
	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}

	#navigation ul:hover {
		background-image: none;
	}
		
	#navigation ul:hover .current {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #000;
		border-top: 0px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}
	
	.in-slide-content {
		bottom:180px;
		left:50px;
		margin-right:10%;
		z-index:20;
		position:absolute;
		width:45%;
		text-align:left;
	}
	
	.in-slide-content h1{ 		
		z-index:20;
		color:#fff;
		border-bottom:#fff solid 1px;
		padding-bottom:20px;
		font-size:40px;
		line-height:40px;
		text-transform:uppercase;
		float:left;
	}
	
	.in-slide-content p{ 		
		z-index:20;
		color:#fff;		
		font-size:12px;
		padding-top:20px;
		float:left;
	}
	
	.one_half {
    	width: 100%;
	}
	
	.one_third {
		width: 100%;
	}
	
	.one_fourth {
		width: 100%;
	}
	
	.one_fifth {
		width: 100%;
	}
	
	.one_sixth {
		width: 100%;
	}
	.two_fifth {
		width: 100%;
	}
	
	.two_fourth {
		width: 100%;
	}	
	
	.two_third {
		width: 100%;
	}
	
	.three_fifth {
		width: 100%;
	}
	
	.three_fourth {
		width: 100%;
	}
	
	.four_fifth {
		width: 100%;
	}
	
	.five_sixth {
		width: 100%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 0px;
		margin-right: 0;
		position: relative;
	}
	
    .one_half.last {	
	margin-bottom: 20px;
	}
		
	h3.newsletter {
		float: none;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width: 416px;
		margin-bottom:20px;
	}
	
	button.newsletter-sent {
		padding: 0 18px;
	}

	.portfolio {
		width: 100%;
	}

	.portfolio li { 
		width:50%;
		margin:0 auto;	
	}
	
	nav.primary ul {
		float: left;
		margin-top: 20px;
		width:100%;
	}
	
	nav.primary ul li a {
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom:10px;
	}
	
	.carousel_testimonials li {
		width: 400px;
	}
	
	.project_page {
		background-color:#fff;
		width:440px;
	}
	
	.client {
		margin:20px 150px 20px 150px;
	}

	.client:hover {
		margin:20px 150px 20px 150px;
		opacity:0.8;
	}
	
	.news_page {
		background-color:#fff;
		width:440px;
	}
	
	p.post-admin {
		width:100%;
	}
	
	p.post-calendar {
		margin-left: 0px;
		width:100%;
	}
	p.post-tagss {
		margin-left: 0px;
		width:100%;
	}
	p.post-commentss {
		margin-left: 0px;
		width:100%;
	}
	
	.user_comment_reply {
		margin-left:-60px;
		background: url("../images/user.png") no-repeat scroll 0 0 transparent;
		margin-top: 40px;
		padding-left: 60px;
	}
	
	.footer ul.contactus li {
		font-size: 28px;
	}
	
	.footer ul.contactus li span.mail:after {
		top: 4px;
	}
	
	.footer ul.contactus li span.phone:after {
		top: 3px;
	}
	
	.contact-form ul.contactus li span.web:after {
		top: 4px;
		background-size:18px;
		left: 5px;
	}
	
	.contact-form ul.contactus li span.dealer:after {
		top: 3px;
		background-size:18px;
		left: 5px;
	}	
	
	.footer-social {
		margin-bottom: 30px;
		margin-right: 30px;
	}
	
	.carousel_testimonials li h1 { 
		font-size:35px;
		line-height:38px;
	}
	
/*	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	} */
	
	.contact-form .container ul.contact_items li {
		margin: 0 0 30px;	
	
	}

    div.in-slide-content{
		position:absolute;
		bottom:130px;
		width:50%;
		left:20px;
	}
	div.in-slide-content h1{
	font-size:25px;
	line-height:25px;
	padding-bottom:5px;
	}
	div.in-slide-content p{
	padding-top:5px;
	font-size:11px;
	line-height:13px;
	font-weight:normal;
	}
	
	.separator_PRODUCT_text {
	margin-top:-2px;	
    font-size: 90px;
    line-height: 70px;

}
}
@media only screen and (min-width: 550px) {
.title.category_title {display:none;}
}

@media only screen and (max-width: 550px) {
		.pb-features {display:none;}
		.mpb-features {display:block;}
		.team-capsule {width:100%;
		}
		.team {
		background-color: #FFFFFF;
		float: none;
		height: 280px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		width: 225px;
		margin-bottom:30px;
	}
	
	.team.last {
		margin-left:auto;
		margin-right:auto !important;
	}
	/*#logo {
		float:left;
		margin-left:10px;
		margin-top:10px;

	}	
	#logo span{
		padding:0;
		color:#fff;
		font-family: 'BebasRegular';
		font-weight:lighter;
		text-transform:none;
		position:absolute;
		font-size:.5em;
		top:75px;
		left:15px;	
	}*/
	.portfolio #imts ul li {
		width: 100%
	}
	.footer ul.contactus li, .contact-form ul.contactus li {
		font-size: 15px;
	}	
	.footer ul.contactus li a, .contact-form ul.contactus li a  {
		position:relative;
		top:7px;
	}	
	.mouse_over_txt2	{
		font-size:13px;
	}

	#navigation {
		height: 100px;
	
	}		
	/*#logo_link{width:120px;}*/
	
	p.team-function {
		margin-bottom:30px;
	}	
	
	
   .separator_VMC-bg, .separator_HMC-bg, .separator_LATHE-bg, .separator_ROTARY-bg {display:none;}	
   #separator_PRODUCT {display:none;}
	
}





  	
@media only screen and (max-width: 479px) {
		
	.product_team {margin:10px 20px 20px 25%;}
	h1 { font-size: 45px; line-height:45px;}
    h2 { font-size: 30px; line-height:30px;}
    h3 { font-size: 24px; line-height:24px;}
    h4 { font-size: 20px; line-height:20px;}
    h5 { font-size: 14px; line-height:14px;}
	
	
	.container {
		width:85%;
		padding-top:30px;
		padding-bottom:30px;
	}

	#navigation ul {
		width: 175px;
		padding: 5px 0;
		position: relative;
		top: 30px;
		right: 20px;
		border: solid 1px #efefef;
		background: #fff url(../images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 3px;
	}
	
	ul#menu li {
		display: none;
		margin: 0;
	}
	
	#navigation .current {
		display: block!important;
	}
	
	#navigation a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}

	#navigation ul:hover {
		background-image: none;
	}
	
	#navigation ul:hover .current {
		background: url(../images/icon-check.png) no-repeat 10px 7px;
	}

	#navigation ul li:hover a, #navigation ul li.current a {
		color: #000;
		border-top: 0px;
	}
	
	#navigation a, #navigation a:active, #navigation a:visited {
		padding-top:5px;
		height:auto;		
		padding-bottom:5px;
	}
	

    div.in-slide-content{
	top:20px;
	width:90%;
	}
	div.in-slide-content h1{
	font-size:2.3em;
	line-height:1.1em;
	}

	
	.in-slide-content p{
		display:none; 		
	}
	
	#arrow_left {
		left: 50px;
	}
	
	.one_half {
    	width: 100%;
	}
	
	.one_third {
		width: 100%;
	}
	
	.one_fourth {
		width: 100%;
	}
	
	.one_fifth {
		width: 100%;
	}
	
	.one_sixth {
		width: 100%;
	}
	
	.two_fifth {
		width: 100%;
	}
	
	.two_fourth {
		width: 100%;
	}
		
	.two_third {
		width: 100%;
	}
	
	.three_fifth {
		width: 100%;
	}
	
	.three_fourth {
		width: 100%;
	}
	
	.four_fifth {
		width: 100%;
	}
	
	.five_sixth {
		width: 100%;
	}
	
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left;
		margin-bottom: 0px;
		margin-right: 0;
		position: relative;
	}

	h3.newsletter {
		float: none;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	
	input.newsletter-email, input.newsletter-name {
		width: 256px;
		margin-bottom:20px;
	}
	
	button.newsletter-sent {
		padding: 0 18px;
	}	
	
	.portfolio {
		width: 100%;
	}
	
	.portfolio li { 
		width:100%;
		margin:0 auto;	
	}
	
	nav.primary ul {
		float: left;
		margin-top: 20px;
		width:100%;
	}
	
	nav.primary ul li {
		
	}
	
	nav.primary ul li a {
		margin-left: 0px;
		padding:0;
		text-align:center;
		margin-bottom:10px;
		width: 100%;
	}
	
	.carousel_testimonials li {
		width: 240px;
	}
	
	.project_page {
		background-color:#fff;
		width:280px;
	}

	.client {
		margin:20px 70px 20px 70px;
	}

	.client:hover {
		margin:20px 70px 20px 70px;
		opacity:0.8;
	}
	
	.list_carousel li {
		height: 522px;
		width: 280px;
	}
	
	.news-intro {
		background: none repeat scroll 0 0 #FFFFFF;
		float: left;
		height: 225px;
		padding: 20px;
		font-size:1em;
	}
	
	.news_page {
		background-color:#fff;
		width:280px;
	}
	
	p.post-admin {
		width:100%;
	}
	
	p.post-calendar {
		margin-left: 0px;
		width:100%;
	}
	
	p.post-tagss {
		margin-left: 0px;
		width:100%;
	}
	
	p.post-commentss {
		margin-left: 0px;
		width:100%;
	}
	
	.footer ul.contactus li {
		font-size: 28px;
	}
	
	.footer ul.contactus li span.mail:after {
		top: 4px;
	}
	
	.footer ul.contactus li span.phone:after {
		top: 3px;
	}
	
	.contact-form ul.contactus li span.web:after {
		top: 4px;
	}
	
	.contact-form ul.contactus li span.dealer:after {
		top: 3px;
	}	
	
	.footer-social {
		margin-bottom: 30px;
		margin-right: 30px;
	}
	
	.carousel_testimonials li h1 { 
		font-size:35px;
		line-height:38px;
	}

	#map_canvas {
		width:100%;
		height:300px;
	}
	
		.ourteam {margin-top:30px;}
	
/*	.separator1-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator2-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator3-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	
	.separator4-bg {
		-webkit-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	} */
	.footer .container span	{
	display:none;
	}
	
	div.mc-image {
    background-position: -440px center;
	}
	
	
}