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


@media handheld, only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) and (orientation:portrait){
	.center{ padding: 0px 20px; }

	/* Slider */
	#slider .slide-layer{ padding: 0px 0px 0px 150px !important; }
	#slider .slide-layer h2{ font-size: 36px; line-height: 38px; }

	/* News */
	#news .prev{ left: 20px; }
	#news .next{ right: 20px; }
}

@media handheld, only screen and (max-width: 1010px), only screen and (max-device-width: 1010px) and (orientation:portrait)
{
	/* Menu */
	#menu.screen{ height: 30px; }
	header #menu.screen ul li{ display: none; }
	header #mobile-menu{ display: flex; }	
	
	#main-content-page #main article h1{ font-size: 26px; line-height: 34px; }
	
	/* Slider */
	#slider .slide-layer h2{ font-size: 22px;  line-height: 25px; }
	#slider .slide-layer h2 strong{ padding: 10px 0px 0px 45px; }
	#slider .slide-layer p{ font-size: 18px; float: left; padding: 0px 0px 0px 80px; }
	
	/* News */
	#news{ height: 400px; }
	#news .body { padding: 30px 80px 0px; }
	#news .body .image,
	#news .body .image .thumb{ width: 200px; height: 200px; }
	#news .body .image .thumb img{ width: auto !important; }
	#news .body .image_1{ left: 18%; }
	#news .body .image_2{ left: 28.5%; }
	#news .body .image_5{ left: 62%; }
	#news .text{ bottom: 20px; }

	#industries .icons h3.mobile{ display: block; }	

	/* Footer */
	footer #footer-bottom nav ul{ flex-wrap: wrap; }
	footer #footer-bottom nav ul li{ width: 26%; margin: 5px 0px; }
	
	/* Business pages */
	.sub-page #excerpt.history{ height: auto; }

	.text-image{ position: relative; z-index: 1000000; }
	.text-image .wrapper{ flex-wrap:wrap; }
	.text-image .half{ width: 100%; }
	.text-image figure .image{ float: left; }
	.text-image.text-right .text{ padding: 20px; }
	#main-content-page #main.full-width{ width: 100%; }
	
	#main-content-page #sidebar-left{ display: none; }
	#main-content-page #main{ width: 75%; padding: 0px; }
	#main-content-page #sidebar-right #downloads h2{ font-size: 22px; }
	#main-content-page #sidebar-right #downloads a{ font-size: 16px; }
	
	#social{ height: auto; }
	#social .center{ padding: 0px;}
	#social .wrapper{ flex-wrap: wrap; }
	#social .left,
	#social .right{ display: none; }
	#social .wrapper a.box{ padding: 20px 0px; height: auto; flex-direction: column; }
	#social .wrapper a.box img{ margin: 20px 0px !important;}
	
	form.general-form{ margin: 0px; width: 100%; padding: 40px 20px; }
	form.general-form label{ width: 100%; margin: 0px 0px 10px; }
	form.general-form select, 
	form.general-form input[type="text"], 
	form.general-form input[type="email"], 
	form.general-form textarea { width: 100%; }
	form.general-form .input-item,
	form.general-form .mc-field-group{ flex-wrap: wrap; margin: 20px 0px; height: auto; }
	form#contact-form .input-item hr{ width: 100%; }
 	form.general-form .input-item.textarea{ height: auto;}
	
	#actions section{ width: 600px; margin: 0 auto; float: none; }
	#software{ padding: 0px 20px; }
}

@media handheld, only screen and (max-width: 750px), only screen and (max-device-width: 750px) and (orientation:portrait){
	/* Popup */
	#popup .inner{ width: 80%; }

	/* Slider */
	#slider .slide-layer{ top: 30% !important; bottom: auto !important;}
	#slider .slide-layer h2{ font-size: 28px; line-height: 32px;}
	#slider .slide-layer p{ padding: 0px 0px 0px 50px !important; }

	/* Main image */
	#main-image.sub{ overflow: hidden;  }
	#main-image.sub img{  max-width: none; height: 100px;  width: 200%; transform: translateX(-30%);}


	/* News */	
	.news-wrapper .post,
	.news-wrapper .post .content .social{ flex-wrap: wrap; }
	.news-wrapper .post .image{ width: 100%; margin: 0px 0px 20px;}
	.news-wrapper .post .content{ width: 100%; }
	.news-wrapper .post .content .social a{ width: 100%; margin: 10px 0px; }
	.news-wrapper .post .more{ display: none; }
	
	/* Business pages */
	#main-content-page #main{ padding: 0px; }
	.text-image.text-left figure{ padding-top: 50px; padding-bottom: 50px; }
	#main-content-page .wrapper{ flex-wrap: wrap; }
	#main-content-page #main{ width: 100%; padding: 0px; }
	#main-content-page #sidebar-right {  width: 100%; margin: 20px 0px 0px; }
	#main-content-page #sidebar-right #downloads{ max-width: 300px;}
	#main-content-page #sidebar-right .contact{ display: none; }
	#software > div{ flex-wrap: wrap; }
	#software > div a{ margin: 20px 0px 0px; }
	#software > div h2, #software > div a{ font-size: 24px; }
	
	/* Footer */
	footer #footer-top nav > ul{ flex-wrap: wrap; }
	footer #footer-top nav > ul > li { width: 50%; margin: 0px 0px 30px; }

}

@media handheld, only screen and (max-width: 630px), only screen and (max-device-width: 630px) and (orientation:portrait)
{
	#popup .inner .wrapper{ padding: 30px 50px 30px 30px; }
	#popup .inner .wrapper .left{ width: 100%; padding: 0px; }
	#popup .inner .wrapper .right{ position: absolute; top: 5px; right: 5px; max-width: 40px; }
	
	/* Send by email popup */
	.send-by-email-popup{ width: 80%; }
	
	/* News */
	#news .body .image_1{ left: 2%; }
	#news .body .image_2{ left: 15.5%; }
	#news .next{ top: 20px; }
	#news .prev{ right: 80px; top: 20px; left: auto; }
	
	/* Slider */
	#slider .slide .center{ padding: 0px; }
	#slider .slide img{ height: 200px; display: block; max-width: none; width: auto; }
	#slider .slide-layer{ text-align: center; padding: 20px 0px !important;  width: 100%; margin: 0px !important; }
	#slider .slide-layer p{ float: none; padding: 0px; }
	a.slider-nav.next{ right: 20px; }
	a.slider-nav.prev{ left: 20px; }

	/* Image - text sections */	
	.text-image h2{ margin: 0px 0px 30px; }
	.text-image .image .icon{ background-size: 70%; top: -25px !important; right: 0px !important; }
	.text-image figure img{ max-width: 250px; }
	.text-image .circle.big{ width: 100px; height: 100px; }
	
	/* Business pages */
	.text-image .image a { bottom: 0px; left: 0px;}
	#actions section{ width: 100%; margin: 0 auto; float: none; padding: 20px;}
	#actions h2{ font-size: 24px; }
	#actions p{ font-size: 20px; }

	/* Footer */
	footer #footer-bottom nav ul li{ width: 50%; }
	
}

@media handheld, only screen and (max-width: 470px), only screen and (max-device-width: 470px) and (orientation:portrait)
{
	/* Logo */
	.logo img{ max-width: 70%; }

	/* Slider */
	#slider .slide-layer{ background: rgba(255,255,255,0.5);}
	#slider .slide-layer h2,
	#slider .slide-layer h2 a { font-size: 16px; line-height: 21px; }
	#slider .slide-layer p{ font-size: 14px; line-height: 18px; }
	a.slider-nav.next, 
	a.slider-nav.prev{ display: none; }
	
	/* News */
	#news{ height: 300px; }
	#news .body .image,
	#news .body .image .thumb{ width: 100px; height: 100px; }
	#news .text{ bottom: 30px; right: auto; }
	#news .text p{ font-size: 14px; line-height: 18px; }
	
	/* News page */
	.news-social{ flex-wrap: wrap; }
	.news-social a{ width: 100% !important; margin: 5px 0px;}

	/* Contact form */
	#contact-form{ margin: 0px 0px 40px;}

	/* Footer */
	footer #footer-bottom{ text-align: center; }
	footer #footer-top nav > ul > li,
	footer #footer-bottom nav ul li{ width: 100%; }	
	
}