/* > 1024 */

body{
	padding: 0 0 0 0;
	margin: 0;
}

*{
	font-family: "Frutiger W02",Arial,Helvetica,sans-serif;
	color: #fff;
}

a{
	text-decoration: none;
}

.margin-20px{
	margin: 20px;
}

.margin-50px{
	margin: 50px;
}

header{
	background: #0f2943;
	color: #fff;
	text-align: center;
}

	.header-zone{
		width: 60%;
		text-align: center;
		margin: auto;
	}


	ul.topnav {
  		list-style-type: none;
  		margin: 0;
  		padding: 0;
  		overflow: hidden;
  		background-color: #0f2943;
  		margin: auto;
  		text-transform: uppercase;
  		font-weight: 600;
  	}

	ul.topnav img{
		margin-top: 15px;
	}

	ul.topnav li {float: left;}

	ul.topnav li a {
 		display: block;
  		color: white;
  		text-align: center;
  		padding: 14px 16px;
  		text-decoration: none;
	}

	ul.topnav li a:hover:not(.active) {background-color: #0f2943;}

	ul.topnav li a.active {background-color: #222;}

	ul.topnav li.right {float: right;}

	@media screen and (max-width: 600px) {
 		ul.topnav li.right, 
  		ul.topnav li {float: none;}
	}

	ul.topnav .button-learnmore{
		width: 120px; 
		border-radius: 20px; 
		background: #009ee3; 
		padding: 7px 10px 7px 10px;
	}


	section.top-slider{
		height: auto;
		width: 100%;
		color: #fff;
		text-align: center;
		font-size: 100px;
		margin-bottom: 0px;
	}

	article.more-than-1500-businesses-wordwide{
		height: 300px;
		background: #606a78;
		text-align: center;
		padding: 50px;
	}

	article.more-than-1500-businesses-wordwide .wrap-40-percent{
		width: 40%;
		margin: auto;
	}

	article.more-than-1500-businesses-wordwide h1{
		font-size: 42px;
		font-weight: 100;
	}

	article.more-than-1500-businesses-wordwide p{
		font-size: 16px;
	}

	section.learn-about-us{
		width: 100%;
		min-width: 100%;
		height: 300px;
	}

	section.learn-about-us .video-overflow-hidden{
		overflow: hidden;
		height: 300px;
	}

	section.learn-about-us .video-crafton-tull-process-visualize{
		width: 100%;
		margin-top: -380px;
	}


	section.made-to-deliver{
		height: 700px;
	}

	section.made-to-deliver .left-layout{
		width: 34%;		
		height: 700px;
		background: #3d444d;
		float: left;

	}

	section.made-to-deliver .left-layout .wrap-content{
		margin: 20px;
		position: relative;
		top: 490px;
	}

	section.made-to-deliver .left-layout .wrap-content h1{
		font-weight: 100;
		font-size: 28px;
	}

	section.made-to-deliver .left-layout .wrap-content p{
		font-weight: 300;
		font-size: 15px;
	}

	section.made-to-deliver .right-layout{
		width: 65%;
		background: #f5f5f5;
		height: 600px;
		float: right;
	}

	section.made-to-deliver .right-layout .mapping{
		height: 340px;
		width: 100%;
		background: url("https://cdn.microdrones.com/typo3temp/assets/_processed_/3/c/csm_surveying_8275e5214f.jpg");
		background-size: 100%;
		background-position: center;
	}


	section.made-to-deliver .right-layout .title-mapping, .title-construction{
		font-size: 18px;
		font-weight: bold;
		position: relative;
		top: 50%;
		vertical-align: middle;
	}

	section.made-to-deliver .right-layout .construction{
		height: 340px;
		width: 100%;
		margin-top: 20px;
		background: url("https://cdn.microdrones.com/typo3temp/assets/_processed_/c/7/csm_construction_f89075ee85.jpg");
		background-size: 100%;
		background-position: center;
	}

	section.mining-science-research{
		width: 100%;
		height: 320px;
	}

	section.mining-science-research .mining{
		width: 65%;
		height: 320px;
		float: left;
		background: url("https://cdn.microdrones.com/typo3temp/assets/_processed_/0/7/csm_mining_9e73711d42.jpg");
		background-size: 100%;
		background-position: center;
	}

	section.mining-science-research .science-research{
		width: 34%;
		height: 320px;
		float: right;
		background: url("https://cdn.microdrones.com/typo3temp/assets/_processed_/7/e/csm_science_f83533c460.jpg");
		background-size: 100%;
		background-position: center;
	}

	section.mining-science-research .title-mining, .title-science-research{
		font-size: 18px;
		font-weight: bold;
		position: relative;
		top: 50%;
		vertical-align: middle;
	}

	section.precision-inspection{
		width: 100%;
		height: 320px;
	}

	section.precision-inspection .precision{
		width: 34%;
		height: 320px;
		float: left;
		background: url("https://cdn.microdrones.com/typo3temp/assets/_processed_/b/9/csm_farming_7e23915898.jpg");
		background-size: 100%;
		background-position: center;
	}

	section.precision-inspection .inspection{
		width: 65%;
		height: 320px;
		float: right;
		background: url("https://cdn.microdrones.com/typo3temp/assets/_processed_/6/8/csm_inspection_65286bf937.jpg");
		background-size: 100%;
		background-position: center;
	}

	section.precision-inspection .title-precision, .title-inspection{
		font-size: 18px;
		font-weight: bold;
		position: relative;
		top: 50%;
		vertical-align: middle;
	}

	section.engineered-for-professionals{
		height: auto;
		min-height: 300px;
		width: 100%;
	}

	section.engineered-for-professionals .wrap-title-n-description{
		width: 60%;
		margin: auto;
		text-align: center;
		padding-top: 40px;
	}

	section.engineered-for-professionals .wrap-title-n-description h1{
		font-size: 26px;
		font-weight: 100;
		color: #113b71;
	}

	section.engineered-for-professionals .wrap-title-n-description p{
		width: 60%;
		color: #555;
		font-family: "Frutiger W02",Arial,Helvetica,sans-serif;
		margin: auto;
	}

	section.engineered-for-professionals .wrap-technology{
		height: 600px;
		width: 60%;
		margin: auto;
	}

	section.engineered-for-professionals .wrap-technology .item{
		width: 24.9%;
		height: auto;
		float: left;
		
	}

	section.engineered-for-professionals .wrap-technology .item .wrap-content{
		margin: 25px;
	}	

	
	section.engineered-for-professionals .wrap-technology .item .wrap-content .title{
		color: #555;
		font-size: 18px;
		font-weight: 400;
	    letter-spacing: .5px;
	}

	section.engineered-for-professionals .wrap-technology .item .wrap-content .description{
		color: #555;
		font-size: .875rem;
		letter-spacing: .3px;
		font-weight: normal;
	}

	/* BOTTOM SILDER */

	section.bottom-slider{
		height: 210px;
		width: 100%;
		background: #f5f5f5;
	}

	section.bottom-slider .wrap-item-slider{
		height: 160px;
		width: 100%;
	}

	section.bottom-slider .item-slider{
		width: 14.28%;
		height: 150px;
		float: left;
	}
	
	section.bottom-slider .item-slider .overlay-black{
		background: #000; 
		width: 100%; 
		height: 160px; 
		opacity: .6
	}

	section.bottom-slider .item-slider .title{
		position: relative; 
		line-height: 1.5rem; 
		font-size: 1.25rem; 
		font-weight: 400;
	}

	section.bottom-slider .item-slider h3{
		position: relative; 
		top: -160px; 
		color: #fff; 
		margin: 20px; 
		font-weight: 400; 
		font-size: 1.25rem; 
		line-height: 1.5rem;
	}

	section.bottom-slider .see-all-news a{
		margin-top: 10px;
		float: right;
		display: block;
		width: 100%;
		color: #b0b0b0;
		text-decoration: underline;
	}

	/* END CSS BOTTOM SLIDER */


	/* CUSTOMER */

		section.customer{
			height: 200px; 
			width: 100%;
			text-align: center;
			padding-top: 50px;
		}

		section.customer img{
			width: 130px;
			height: auto;
		}

		section.customer .wrap-brand{
			width: 60%;
			margin: auto;
			position: relative;
			bottom: 0;
		}

	/* END CUSTOMER */


	/* FOOTER */

	footer{
		background: #3d444d; 
		height: 400px; 
		width: 100%;
	}

	footer .wrap-content{
		width: 60%;
		height: 100%;
		margin: auto;
	}

	ul.bottomnav {
  		list-style-type: none;
  		margin: 0;
  		padding: 0;
  		overflow: hidden;
  		margin: auto;
  		text-transform: uppercase;
  		font-weight: 600;
  	}

	ul.bottomnav img.logo{
		margin-top: 10px;
		width: 200px
	}

	ul.bottomnav img.social-icon{
		width: 30px;
	}

	ul.bottomnav img.social-icon#st{
		margin-top: 12px;
	}

	ul.bottomnav img.social-icon#nd{
		margin-top: -15px;
	}

	ul.bottomnav li {float: left;}

	ul.bottomnav li a {
 		display: block;
  		color: white;
  		text-align: center;
  		padding: 14px 16px;
  		text-decoration: none;
	}

	ul.bottomnav li a:hover:not(.active) {background-color: #0f2943;}

	ul.bottomnav li a.active {background-color: #222;}

	ul.bottomnav li.right {float: right}

	@media screen and (max-width: 600px) {
 		ul.bottomnav li.right, 
  		ul.bottomnav li {float: none;}
	}

	.bottom-widget{
		width: 100%;
		height: auto;
	}

	.bottom-widget-1 {
		width: 24.9%;
		float: left;
	}

	.bottom-widget-1 a {
  		color: #fff;
  		display: block;
  		text-decoration: none;
  		text-transform: uppercase;
	    font-weight: 700;
    	padding: 15px 0 15px 0;
	}

	.bottom-widget-2 {
		width: 24.9%;
		float: left;
	}

	.bottom-widget-2 span {
  		color: #fff;
  		display: block;
  		text-decoration: none;
    	padding: 5px 0 5px 0;
    	margin: 40px 0 20px 0;
    	font-weight: bold;
	}

	.bottom-widget-2 a {
  		color: #fff;
  		display: block;
  		text-decoration: none;
    	padding: 2px 0 2px 0;
    	font-size: 15px;
	}

	.bottom-widget-3 {
		width: 24.9%;
		float: left;
	}

	.bottom-widget-3 span {
  		color: #fff;
  		display: block;
  		text-decoration: none;
    	padding: 5px 0 5px 0;
    	margin: 40px 0 20px 0;
    	font-weight: bold;
	}

	.bottom-widget-3 a {
  		color: #fff;
  		display: block;
  		text-decoration: none;
    	padding: 2px 0 2px 0;
    	font-size: 15px;
	}


	.bottom-widget-4 {
		width: 24.9%;
		float: left;
	}

	.bottom-widget-4 span {
  		color: #fff;
  		display: block;
  		text-decoration: none;
    	padding: 5px 0 5px 0;
    	margin: 40px 0 20px 0;
    	font-weight: bold;
	}

	.bottom-widget-4 a {
  		color: #fff;
  		display: block;
  		text-decoration: none;
    	padding: 2px 0 2px 0;
    	font-size: 15px;
	}