/*-- Banner --*/
#banner_wrap 						{ background:url(/images/banner_bg.jpg) no-repeat top center #217d88; background-size:cover; }
#banner 							{ max-width:1289px; margin:0 auto; position:relative; text-align:center; }
#banner h1 							{ margin: 0; /*padding:7.481% 10px 12.978% 0;*/ padding:38.063% 10px 0 0; margin-left:-10px;  text-align: left; text-indent: -9999px; background-size: 100% auto; }

@-webkit-keyframes hang {
	0% 								{ -webkit-transform: translateY(0px); transform: translateY(0px); }
	50% 							{ -webkit-transform: translateY(8px); transform: translateY(8px); }	
	100%							{ -webkit-transform: translateY(0px); transform: translateY(0px); }
}

@keyframes hang {
	0% 								{ -webkit-transform: translateY(0px); transform: translateY(0px); }
	50% 							{ -webkit-transform: translateY(8px); transform: translateY(8px); }	
	100%							{ -webkit-transform: translateY(0px); transform: translateY(0px); }
}

#home_scroll						{ display:inline-block; position:absolute; bottom:31px; left:0; right:0; margin:0 auto; width:75px; height:75px; border-radius:50%; border:1px solid rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.1); }
#home_scroll:hover					{  
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; 
	-webkit-animation-name: hang;
	animation-name: hang;
	-webkit-animation-duration: 1s;
	animation-duration: 1s; 
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite; }

/*-- Block Styling --*/
.block_wrap 					{ max-width:1230px; margin:0 auto; }

#block1_wrap,
#block3_wrap,
#block6_wrap,
#block8_wrap 					{ overflow: hidden; text-align: center; }
h2.arrow_heading 				{ text-transform:uppercase; font-size:36px; line-height:46px; text-align:center; position: relative; display: inline-block; width: auto; max-width:100%; }
h2.arrow_heading:before, 
h2.arrow_heading:after 			{ content: ''; width: 400%; display: block; height: 2px; position: absolute; top:21px; }
h2.arrow_heading:before 		{ right: 100%; background:url(/images/dashed_line_left.png) repeat-x right center; }
h2.arrow_heading:after  		{ left: 100%; background:url(/images/dashed_line_right.png) repeat-x left center; }
h2.arrow_heading > span			{ display: inline-block; padding:0 9px; margin-left:5px; color: #11a3b4; }
.typography .left_arrow, 
.typography .right_arrow 		{ position: relative; top: -10px; display: inline-block; }
.typography .left_arrow 		{ margin-left:3px !important; }
.typography .right_arrow 		{ margin-right:3px !important; }

.typography p 					{ font-size:18px; line-height:32px; letter-spacing:0.005em; }
.typography .button 			{ color:#fff !important; font-size:18px; line-height:18px; padding:16px 26px 17px; background-color:#ef3a42; display:inline-block; 
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; }
.typography .button:hover		{ color:#fff !important; background-color:#E21D27; text-decoration:none; }

/*-- Block1 --*/
#block1_wrap 	 				{ padding:1px 3% 67px;  margin:0 auto; }
#block1_wrap h2 				{ letter-spacing:0.15em; margin:61px 0 32px; }




@media screen and (min-width:1200px){
	
#block1_wrap ul 				{ overflow: hidden; width:1188px; margin: 0 auto;
    font-size: 14px;
    padding-bottom: 40px; }  
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	
#block1_wrap ul 				{ overflow: hidden; width:960px; margin: 0 auto;
    font-size: 13.5px;
    padding-bottom: 40px; }
    
}


@media screen and (min-width:1200px){
	
#block1_wrap ul img {
    margin-bottom:25px;
}
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	
#block1_wrap ul img { width:80%; height: auto;
    margin-bottom:25px;
}
}



@media screen and (min-width:1200px){
	
#block1_wrap ul p{
    text-align:left;
    line-height:26px;
    color:#2d2d2d;
}
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	
#block1_wrap ul p{
    text-align:left;
    line-height:25px;
    color:#2d2d2d;
}

}

@media screen and (min-width:1200px){
	
#block1_wrap ul h3 {
    text-align:center;
    font-size: 24px;
    line-height: 30px;
    margin-bottom:10px;
}
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	
#block1_wrap ul h3 {
    text-align:center;
    font-size: 23px;
    line-height: 28px;
    margin-bottom:10px;
}
}

	
	
	
	@media screen and (min-width:1200px){
	
#block1_wrap ul li { width:290px;
    
    float: left;
    margin-left: 0px;
    margin-bottom: 30px;
    text-align:center;
}

}

@media screen and (min-width: 960px) and (max-width: 1199px) {
	
#block1_wrap ul li {
    width:230px;
    float: left;
    margin-left: 0px;
    margin-bottom: 30px;
    text-align:center;
}

}








#proficiencies 					{ list-style:none; margin:0; text-align:center; }
#proficiencies > li 			{ display:inline-block; margin:0 47px 0 0; padding-right:66px; font-size:24px; line-height:35px; letter-spacing:0.01em; position:relative; }
#proficiencies > li:last-child  { margin: 0; padding: 0; }
#proficiencies > li:after 		{ content:url(/images/red_dot.png); position: absolute; top: 18px; right:0; width:14px; height:14px; }
#proficiencies > li:last-child:after { display:none; }
#proficiencies > li > a 		{ color:#666 !important;  
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; }
#proficiencies > li > a:hover	{ color:#ef3a42 !important; text-decoration:none; }

/*-- Block2 --*/
#block2_wrap 					{ background:url(/images/engineers.png) #dcf2f5 left top no-repeat; background-size:auto 100%; position:relative; }
#block2 						{ padding: 30px 0 40px; position:relative; }
#block2 h2,
#block4 h2 						{ font-size:36px; line-height:47px; }
#block2_right 					{ float: right; width: 50%; padding-left:10px; }
#block2_right h2 				{ margin-bottom: 21px; }
#block2_right p 				{ margin-left:2px; }
#block2_right .button 			{ margin:12px 0 0 3px; }

/*-- Block3 --*/
#block3_wrap 					{ padding: 58px 3% 92px; position: relative; z-index: 2; background-color: #fff; }
#block3_wrap h2 				{ letter-spacing:0.2em; margin: 0 0 29px; }
#block3 						{ text-align:center; }
#block3 p 						{ padding: 0 60px; }
#cycle 							{ list-style:none; margin:50px 0 0; padding-left:8px; text-align:left; }
#cycle > li 					{ display:inline-block; vertical-align: middle; border-radius: 50%; position:relative; }
#market 						{ margin:0 61px 0 0; z-index:4; }
#engineering 					{ margin:0 67px 0 0; z-index:3; }
#manufacturing 					{ margin:0 78px 0 0; z-index:2; }
#quality 						{ margin:0 94px 0 0; z-index:1; }
#customer 						{ margin:0; z-index:-1; }

#cycle > li:before 				{ content:url(/images/cycle_arrow.png); position: absolute; display:inline-block; top:41.48%; }
#cycle > li:first-child:before 	{ display:none; }
#engineering:before 			{ left: -63px; }
#manufacturing:before 			{ left: -66px; }
#quality:before 				{ left: -74px; }
#customer:before 				{ left: -82px; }
.cycle_img 						{ max-width: 176px; max-height: 176px; border-radius: 50%;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease; }
.cycle_img img 					{ display: block; }

/*-- Life Cycle Animation --*/
.js #cycle > li					{ opacity:0; -webkit-transform:translateX(-40px); transform:translateX(-40px); }
#cycle.go > li					{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0); 
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease; }
#cycle.go > #market						{ -webkit-transition-delay:0s; transition-delay:0s; }
#cycle.go > #market .cycle_img 	 		{ box-shadow: 0 0 0 1px rgba(164,218,225,0.5); }
#cycle.go > #engineering				{ -webkit-transition-delay:0.35s; transition-delay:0.35s; }
#cycle.go > #engineering .cycle_img  	{ -webkit-transition-delay:0.35s; transition-delay:0.35s; box-shadow: 0 0 0 3px rgba(164,218,225,0.75); }
#cycle.go > #manufacturing				{ -webkit-transition-delay:0.7s; transition-delay:0.7s; }
#cycle.go > #manufacturing .cycle_img 	{ -webkit-transition-delay:0.7s; transition-delay:0.7s; box-shadow: 0 0 0 6px rgba(164,218,225,0.9); }
#cycle.go > #quality					{ -webkit-transition-delay:1.05s; transition-delay:1.05s; }
#cycle.go > #quality .cycle_img 	 	{ -webkit-transition-delay:1.05s; transition-delay:1.05s; box-shadow: 0 0 0 12px rgba(164,218,225,1); }
#cycle.go > #customer					{ -webkit-transition-delay:1.4s; transition-delay:1.4s; }
#cycle.go > #customer .cycle_img	 	{ -webkit-transition-delay:1.5s; transition-delay:1.5s; box-shadow: 0 0 0 20px rgba(195,230,234,0.92), 0 0 0 76px rgba(207,236,240,0.35), 0 0 0 130px rgba(207,236,240,0.25), 0 0 0 192px rgba(207,236,240,0.1); }

/*-- Block4 --*/
#block4_wrap 					{ background-color:#dcf2f5; position:relative; z-index:1; }
#block4 						{ padding:0; }
#block4_left 					{ float:left; width:50%; padding: 0 0 0 39px; position: relative; margin: -6px 0 -16px; z-index: 0; }
#block4_right .button 			{ margin-top: 12px; }

/*-- Content Offer Animation --*/
#block4_left > img				{ display:block; }

.js #block4_left > img			{ opacity:0;
	-moz-transform: rotate(-10deg) translateX(-40px) translateY(0);
	-webkit-transform: rotate(-10deg) translateX(-40px) translateY(0);
	-o-transform: rotate(-10deg) translateX(-40px) translateY(0);
	-ms-transform: rotate(-10deg) translateX(-40px) translateY(0);
	transform: rotate(-10deg) translateX(-40px) translateY(0); }
#block4_left.go > img			{ opacity:1; 
	-moz-transform: rotate(0deg) translateX(0px) translateY(0px);
	-webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
	-o-transform: rotate(0deg) translateX(0px) translateY(0px);
	-ms-transform: rotate(0deg) translateX(0px) translateY(0px);
	transform: rotate(0deg) translateX(0px) translateY(0px); 
	-webkit-transition: all 750ms ease 0.5s;
	-moz-transition: all 750ms ease 0.5s;
	-ms-transition: all 750ms ease 0.5s;
	-o-transition: all 750ms ease 0.5s;
	transition: all 750ms ease 0.5s; }

#block4_right 					{ float:right; width:47%; margin:55px 0; }
#block4_right h2 				{ margin-bottom: 23px; }

/*-- Block5 --*/
#block5_wrap 					{ background:url(/images/block5_bg.png) top center no-repeat; background-size:cover; position: relative; z-index: 1; }
#block5 						{ padding: 73px 0 70px; }
#block5_left 					{ float:left; width:50%; }
#block5_left p,
#block5_left p strong,
#block5_left p span				{ color:#fff; }
#block5_left p 					{ margin-bottom: 14px; text-shadow: 1px 1px 1px #000; }
#block5_left p strong 			{ font-weight: 600 !important; }
#block5_left .button 			{ margin: 17px 0 0; }
#block5_right 					{ float:right; width:49%; text-align:right; padding-top:10px; }

/*-- Block6 --*/
#block6_wrap 					{ padding: 62px 3% 29px; }
#block6_wrap h2 				{ letter-spacing:0.18em; margin-bottom:15px; }
#block6 p 						{ padding: 0 70px; }

/*-- Block7 --*/
#block7_wrap  	 				{ background-color:#eeeeee; margin-bottom:66px; }
#block7 						{ padding: 50px 0 36px; max-width: 1118px; }
#specialists 					{ list-style: none; margin:0 0 0 5px; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; }
#specialists > li 				{ margin: 0; display:block; float:left; vertical-align: top; position:relative; border-right:1px solid #ccc; }
#specialists > li:last-child	{ border-right:none; }
#specialists > li img 			{ display: block; margin: 0 auto; position:relative; left:0; 
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; }
#specialists > li a:hover img 	{ left:6px; }

/*.typography .specialist_title 	{ color:#0f8e9d; font-size:21px; line-height:25px; letter-spacing:0.01em; font-weight:600; margin: 11px 0 16px; 
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease; }
#specialists > li > a:hover		{ text-decoration:none; }
#specialists > li > a:hover	.specialist_title	{ color:#ef3a42; }*/

/*-- Block8 --*/
#block8_wrap 					{ background-color:#dcf2f5; padding:52px 3% 67px; }
#mars_presents,
#block8 h2 						{ color:#666666; text-transform:uppercase; text-align:center; }
#mars_presents 					{ font-size:28px; line-height:46px; letter-spacing:0.2em; margin-bottom:28px; }
#mars_presents:before, 
#mars_presents:after 			{ top:23px; }
#mars_presents .left_arrow,
#mars_presents .right_arrow 	{ top: -6px; }
#mars_presents span 			{ color:#666666; }

#block8 						{ max-width: 1240px; text-align:center; }
#block8 h2 						{ font-size:36px; line-height:48px; letter-spacing:0.05em;margin-bottom: 37px;  }
#ciqada_logo 					{ display:block; margin:0 auto 34px; }
#block8 h2 .green 				{ color:#39b54b; }

#ciqada_features,
.features ul	 				{ list-style:none; text-align:left; }
.features 		 				{ padding:0 10px; }
#ciqada_features 				{ margin-bottom: 29px; }
#ciqada_features > li			{ display:inline-block; vertical-align:top; margin:0; padding-bottom:20px; position:relative; width:24.5%; }
#ciqada_features > li:after		{ position:absolute; content:''; background-color:rgba(153,153,153,0.34); width:1px; /*height:162px;*/ height:98.19%; top:-8px; right:-3px; }
#ciqada_features > li:last-child:after	{ display:none; }
.typography .features ul,
.features ul > li 				{ margin:0; }
.features ul > li,
.features h3,
.features p 					{ font-size:17px; line-height:27px; color:#666666; }
.features li a 					{ font-size:17px; line-height:21px;  }
.features h3					{ font-weight:600; margin-bottom:10px; }
#ciqada_features  li a { font-size:17px; line-height:21px;  }




@media (max-width:1600px){
	#block2_wrap 				{ background-position:-14% 0; }
	#block2_right h2,
	#block2_right p 			{ text-shadow: 1px 1px 0px #fff; }
}

@media (max-width:1450px){
	#block2_wrap 				{ background-position:-20% 0; }
	#block2_wrap:before			{ background:hsla(187,56%,91%,0.75); position:absolute; content:''; top:0; left:0; right:0; bottom:0; }
}

@media (max-width:1355px){
	#block6_wrap h2.arrow_heading:before, 
	#block6_wrap h2.arrow_heading:after, 			
	#block6_wrap .left_arrow, 
	#block6_wrap .right_arrow 	{ display:none; }
	#block6_wrap h2.arrow_heading > span 	{ margin-left:0; padding:0; }
}

@media (max-width:1350px){
	#block2_wrap 				{ background-position:-38% 0; }
	#block2_wrap:before			{ background:hsla(187,56%,91%,0.8); }
	#block2_right 				{ width: 56%; padding-left:0; }
}

@media (max-width:1300px){
	#cycle 		 				{ text-align:center; }
	#cycle > li 				{ width:14%; }
	#cycle > li:before 			{ content:url(/images/cycle_arrow_short.png); }
	#market 					{ margin-right:43px; }
	#engineering 				{ margin-right:49px; }
	#manufacturing 				{ margin-right:60px; }
	#quality 					{ margin-right:76px; }
	#engineering:before 		{ left: -45px; }
	#manufacturing:before 		{ left: -48px; }
	#quality:before 			{ left: -56px; }
	#customer:before 			{ left: -64px; }

	#block5_left 				{ width: 45%; }
}

@media (max-width:1225px){
	#specialists > li 			{ width:20%; }
}

@media (max-width:1200px){
	#block2_wrap 				{ background-position:0% 0; }
	#block2_wrap:before			{ background:hsla(187,56%,91%,0.9); }
	#block2_right 				{ width:75%; margin:0 auto; float:none; }

	#block4_left 				{ padding:5px 32px 0 0; }

	#block6 p 					{ padding:0; }
}

@media (max-width:1100px){
	#proficiencies > li 		{ margin-right:30px; padding-right:46px; }
	
	#block5_left 				{ width: 100%; float:none; margin-bottom:35px; }
	#block5_right 				{ width: 100%; float:none; text-align:center; }
}

@media (max-width:1000px){
	#proficiencies > li 		{ margin:0 0 30px; padding-right:0; width:48% }
	#proficiencies > li:after	{ display:none; }

	#ciqada_features > li		{ width:48%; }
	#ciqada_features > li:after	{ height:100%; }
	#ciqada_features > li:nth-child(2n):after	{ display:none; }
}

@media (max-width:900px){
	/*#banner h1 					{ padding-bottom:14%; }*/
	#home_scroll 				{ width:60px; height:60px; }
	
	#block2_right 				{ width:100%; margin:0; }
	
	#cycle > li 				{ width:15%; }
	#cycle > li:before 			{ content:url(/images/grey_arrow_left.png); }
	#market 					{ margin-right: 27px; }
	#engineering 				{ margin-right: 33px; }
	#manufacturing 				{ margin-right: 44px; }
	#quality 					{ margin-right: 60px; }
	#engineering:before 		{ left: -24px; }
	#manufacturing:before 		{ left: -27px; }
	#quality:before 			{ left: -35px; }
	#customer:before 			{ left: -43px; }
	
	#block4_left 				{ padding:5px 0 0; float:none; width:100%; margin:0; }
	#block4_left > img 			{ margin: 0 auto; }
	#block4_right 				{ float:none; width:100%; margin-top:30px; }
}

@media (max-width:800px){
	#block3_wrap 				{ padding-bottom:55px; }
	#cycle 		 				{ margin-top:40px; }
	#cycle > li 				{ width:auto; max-width:176px; margin:0 auto 30px; display:block; }
	#cycle > li:before 			{ -webkit-transform:rotate(90deg); transform:rotate(90deg); content: url(/images/cycle_arrow_short.png); display: block; position: relative; left: 0; right: 0; top: -15px; bottom: 0; }
	.js #cycle > li				{ opacity:0; -webkit-transform:translate(0,-40px); transform:translate(0,-40px); }
	#cycle.go > li				{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0); 
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease; }
	
	#specialists 				{ margin:0; }
	#specialists > li 			{ width: 32%; margin-bottom: 40px; display:inline-block; float:none; border:none; } 
}

@media (max-width:725px){
	#banner h1 					{ background-image: url(/images/banner_text_mobile.png); padding-top: 42%; }
	#home_scroll 				{ width:50px; height:50px; }

	#block8_wrap h2.arrow_heading:before, 
	#block8_wrap h2.arrow_heading:after, 			
	#block8_wrap .left_arrow, 
	#block8_wrap .right_arrow 	{ display:none; }
	#block8_wrap h2.arrow_heading > span 	{ margin-left:0; padding:0; }
}

@media (max-width:600px){
	#block1_wrap h2.arrow_heading:before, 
	#block1_wrap h2.arrow_heading:after, 			
	#block1_wrap .left_arrow, 
	#block1_wrap .right_arrow 	{ display:none; }
	#block1_wrap h2.arrow_heading > span 	{ margin-left:0; padding:0; }
}

@media (max-width:500px){
	#banner h1 					{ padding-top: 35%; background-position: left center; }
	#home_scroll 				{ display:none; }

	#proficiencies > li 		{ width:100% }

	#specialists > li 			{ width:48%; } 
	
	#ciqada_features 			{ margin-bottom: 40px; }
	#ciqada_features > li		{ width:100%; padding-bottom:30px; }
	#ciqada_features > li:last-child { padding-bottom:0; }
	#ciqada_features > li:after	{ display:none; }
	.features 					{ height:auto !important; }
}

@media (max-width:400px){
	#block3_wrap h2.arrow_heading:before, 
	#block3_wrap h2.arrow_heading:after, 			
	#block3_wrap .left_arrow, 
	#block3_wrap .right_arrow 	{ display:none; }
	#block3_wrap h2.arrow_heading > span 	{ margin-left:0; padding:0; }
}

@media (max-width:350px){
	h2.arrow_heading 			{ letter-spacing:0 !important; }

	#specialists > li 			{ width:100%; } 
}