/* #################### */
/* #### fonts #### */
/* #################### */

@font-face {
    font-family: 'UbuntuArabic';
    src: url('../fonts/ubuntuarabic/ubuntuarabic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuArabic';
    src: url('../fonts/ubuntuarabic/ubuntuarabicbd-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* #################### */
/* #### css basics #### */
/* #################### */

* {
	padding:0;
	margin:0;
	line-height:1.3em;
	border:0;
	text-align:left;
	outline:0;
}

html {
	height:100%;
	overflow:hidden;
}

a, a:hover, a:active {
	outline:none;text-decoration:none;
}

img, main {
	display:block;
}

body {
	background:rgb(255,255,255);
    font-family: 'Ubuntu';
	font-weight:400;
	font-size:10px;
}

.language-ar {
    font-family: 'UbuntuArabic' !important;
    font-weight:normal !important;
	direction:rtl;
}

/* ################# */
/* #### general #### */
/* ################# */

.rainbow {
	background-image:url('../../images/bg-rainbow.jpg');
	background-size:100% 100%;
	height:10px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.rainbow.bottom {
	top:auto;
	bottom:0;
}

.rainbow.mid {
	top:50%;
	margin-top:-5px;
}

a.btn-quicknav {
	position:absolute;
	display:block;
	width:100px;
	height:60px;
	text-align:center;
}

a.btn-quicknav.next {
	bottom:200px;
	left:50%;
	margin-left:-50px;
}

a.btn-quicknav.next.following {
	bottom:30px;
}

a.btn-quicknav.top {
	width:40px;	
	bottom:20px;
	right:0;
	margin-right:20px;
}

a.btn-quicknav i {
	color:rgb(255,237,0);
	font-weight:700;
	font-size:6em;	
}

a:hover.btn-quicknav i {
	color:rgb(255,255,255);
}

/* ######################### */
/* #### section general #### */
/* ######################### */

section.section.first {
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgb(226,0,26);
	background-size:cover;
}

h1 {
	position:absolute;
	top:290px;
	left:50%;
	width:960px;
	margin-left:-480px;
	color:rgb(0,0,0);
	font-weight:700;
	font-size:5em;
}

section.section,
section.section .slide {
	background-size:cover;
	background-position:center center;
	background-color:rgb(226,0,26);
}

h2.top {
	position:absolute;
	top:100px;
	left:50%;
	width:960px;
	margin-left:-480px;
	color:rgb(0,0,0);
	font-weight:700;
	font-size:5em;
}

.position-ar h1,
.position-ar h2,
.position-ar h3,
.position-ar li,
.position-ar p,
.position-ar .wrap-star .wrap-red ul li {
	text-align:right;
}

h1 span, h2 span {
	display:inline-block;
	margin-bottom:60px;
	padding:10px 20px;
	background-color:rgb(255,237,0);
}

h2.mid {
	position:absolute;
	top:50%;
	left:50%;
	width:960px;
	margin-left:-480px;
	margin-top:100px;
	color:rgb(0,0,0);
	font-weight:700;
	font-size:5em;
}

.wrap-grid {
	width:1280px;
	margin:0 auto;
}

.wrap-content {
	position:absolute;
	top:250px;
	left:50%;
	width:800px;
	margin-left:-480px;
	background-color:rgb(255,237,0);
	padding:80px;
}

.wrap-yellow {
	color:rgb(0,0,0);
	padding:20px;
	background-color:rgb(255,237,0);
	width:240px;
	margin:20px;
}

.wrap-star .wrap-yellow ul {
	padding:0 20px;
}

.wrap-star .wrap-red ul li {
	text-align:left;
	list-style-type:none;
	font-weight:700;
	font-size:1.8em;
}

.wrap-star ul li {
	font-weight:400;
	font-size:1.6em;
	line-height:1.5em;
}

.wrap-star h2 {
	font-weight:700;
	font-size:2em;
	line-height:1.5em;
	margin-bottom:10px;
}

.wrap-star h3 {
	font-weight:700;
	font-size:1.8em;
	line-height:1.5em;
	margin-bottom:10px;
}

.wrap-star p {
	font-weight:400;
	font-size:1.6em;
	line-height:1.5em;
}

.wrap-red {
	color:rgb(255,255,255);
	padding:20px;
	background-color:rgb(226,0,26);
	width:240px;
	margin:40px 20px 20px 20px;
}

.wrap-content p {
	color:rgb(0,0,0);
	font-weight:400;
	font-size:2em;
	line-height:1.8em;
	margin-top:1.5em;
}

.wrap-content p:first-child {
	margin-top:0;
}

.wrap-content a {
	color:rgb(226,0,26);
}

.wrap-content a:hover {
	text-decoration:underline;	
}

.wrap-content ul {
	padding-left:20px;
	margin-top:1.5em;	
}

.wrap-content ul li {
	font-weight:400;
	font-size:2em;
	line-height:1.8em;
}

.wrap-star {
	width:960px;
	margin:0 auto;
}

.wrap-star .wrap-top {
	overflow:auto;
}

.wrap-star .column {
	float:left;
	width:320px;
}

.wrap-star .column.column-1 {
	clear:both;
	margin-top:90px;
}

.wrap-star .column.column-3 {
	margin-top:90px;
}

.wrap-star .column.column-1.below {
	margin-left:160px;
	margin-top:0;
}

a.btn-download {
	display:block;
	width:280px;
	height:200px;
	margin:0 60px;
	background-color:rgb(255,237,0);
	float:left;
	color:rgb(0,0,0);
	font-weight:700;
	font-size:6em;
	line-height:1.8em;
	position:relative;
	text-align:center;
}

a.btn-download.first {
	margin:0 0 0 160px;
}

a.btn-download.last {
	margin:0 0 0 0;
}

.btn-download i {
	color:rgb(226,0,26);
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-20px;
	font-weight:700;
	font-size:1em;
}

/* ################################# */
/* #### slide background-images #### */
/* ################################# */

.content-competencies section.section #slide-3-1 {
	background-image:url('../../images/de_bg-kompetenzen-03.jpg');
}

.content-competencies section.section #slide-4-1 {
	background-image:url('../../images/de_bg-kompetenzen-04.jpg');
}

.content-competencies section.section #slide-5-1 {
	background-image:url('../../images/de_bg-kompetenzen-05.jpg');
}

.content-competencies section.section #slide-6-1 {
	background-image:url('../../images/de_bg-kompetenzen-06.jpg');
}

.content-competencies section.section #slide-7-1 {
	background-image:url('../../images/de_bg-kompetenzen-07.jpg');
}

.content-projects section.section #slide-2-1 {
	background-image:url('../../images/de_bg-projekte-02.jpg');
}

.content-projects section.section #slide-3-1 {
	background-image:url('../../images/de_bg-projekte-03.jpg');
}

.content-projects section.section #slide-4-1 {
	background-image:url('../../images/de_bg-projekte-04.jpg');
}

.content-projects section.section #slide-5-1 {
	background-image:url('../../images/de_bg-projekte-05.jpg');
}

.content-projects section.section #slide-6-1 {
	background-image:url('../../images/de_bg-projekte-06.jpg');
}

.content-agency section.section #slide-2-1 {
	background-image:url('../../images/de_bg-agentur-02.jpg');
}

.content-agency section.section #slide-3-1 {
	background-image:url('../../images/de_bg-agentur-03.jpg');
}

.content-agency section.section #slide-4-1 {
	background-image:url('../../images/de_bg-agentur-04.jpg');
}

.content-agency section.section #slide-5-1 {
	background-image:url('../../images/de_bg-agentur-05.jpg');
}

.content-agency section.section #slide-6-1 {
	background-image:url('../../images/de_bg-agentur-06.jpg');
}

.content-download section.section #slide-2-1 {
	background-image:url('../../images/de_bg-download-02.png');
}

.content-download section.section #slide-3-1 {
	background-image:url('../../images/de_bg-download-03.jpg');
}

.content-download section.section #slide-4-1 {
	background-image:url('../../images/de_bg-download-04.jpg');
}

/* ####################### */
/* #### section first #### */
/* ####################### */

section.first header {
	position:absolute;
	top:100px;
	left:50%;
	width:960px;
	margin-left:-480px;
	overflow:hidden;
	height:200px;
}

section.first header nav.nav-main {
	width:800px;
	float:left;
}

section.first header nav.nav-main ul.nav-main {
	width:800px;
}

section.first header nav.nav-main ul.nav-main li {
	float:left;
	width:160px;
	list-style-type:none;
	text-align:center;
}

section.first header nav.nav-main ul.nav-main li.first {
	width:320px;
	text-align:left;
}

section.first header nav.nav-main ul.nav-main li a {
	color:rgb(255,235,0);
	font-weight:700;
	font-size:2em;
	line-height:1.8em;
}

section.first header nav.nav-main ul.nav-main li a:hover {
	color:rgb(255,255,255);
}

section.first header nav.nav-language {
	width:160px;
	float:left;
}

section.first header nav.nav-language ul.nav-language {

}

section.first header nav.nav-language ul.nav-language li {
	width:160px;
	list-style-type:none;
	text-align:right;
}

section.first header nav.nav-language ul.nav-language li a {
	color:rgb(255,235,0);
	font-weight:400;
	font-size:2em;
	line-height:1.8em;
	text-transform:uppercase;
}

section.first header nav.nav-language ul.nav-language li a:hover {
	color:rgb(255,255,255);
}

section.first nav.nav-second {
	position:absolute;
	bottom:270px;
	left:50%;
	width:960px;
	margin-left:-480px;
	overflow:hidden;
	height:80px;
}

section.first nav.nav-second ul.nav-second {

}

section.first nav.nav-second ul.nav-second li {
	float:left;
	width:160px;
	list-style-type:none;
	text-align:center;
	color:rgb(255,235,0);
	font-weight:700;
	font-size:2em;
	line-height:1.8em;
}

section.first nav.nav-second ul.nav-second li.first {
	width:320px;
	text-align:left;
}

section.first nav.nav-second ul.nav-second li a {
	color:rgb(255,235,0);
	font-size:1em;
	line-height:1.8em;
}

section.first nav.nav-second ul.nav-second li a:hover {
	color:rgb(255,255,255);
}

footer {
	position:absolute;
	width:100%;
	height:160px;
	overflow:hidden;
	bottom:10px;
}

footer .wrap-grid {	
	position: absolute;
	left: 50%;
	margin-left: -640px;	
}

footer .testimonials{
	width:800px;
	float:left;
	overlfow:hidden;
	height:160px;
	padding-left:160px;
}

footer .testimonials img {
	float:left;
}

/* ###################### */
/* #### contact form #### */
/* ###################### */

.wrap-form {
	text-align:center;
	width:960px;
	margin:0 auto;
}

.wrap-form p {
	background-color:rgb(255,235,0);	
	color:rgb(0,0,0);
	font-weight:400;
	font-size:2em;
	line-height:1.8em;
	margin-top:1.5em;
	padding:20px;
	margin-bottom:20px;
}

textarea {
	width:480px;
	padding:20px;
	background-color:rgb(255,235,0);	
	resize:none;
	font-weight:400;
	font-size:1.9em;
	color:rgb(0,0,0);
    font-family: 'Open Sans', sans-serif;	
	height:200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom:20px;
	float:right;
	border:1px solid rgb(255,235,0);	
}

label {
	display:block;
	float:left;
	clear:both;
	width:320px;
	background-color:rgb(255,235,0);	
	font-weight:700;
	font-size:1.9em;
	color:rgb(0,0,0);
    font-family: 'Open Sans', sans-serif;	
	height:40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom:20px;
	padding:0 20px;	
	padding-top:7px;
	border:1px solid rgb(255,235,0);	
}

.input-text {
	width:480px;
	background-color:rgb(255,235,0);	
	font-weight:400;
	font-size:1.9em;
	color:rgb(0,0,0);
    font-family: 'Open Sans', sans-serif;	
	height:40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom:20px;
	padding:0 20px;
	display:block;
	float:right;
	border:1px solid rgb(255,235,0);	
}

input.input-submit {
	float:right;
	background-color:rgb(255,235,0);	
	font-weight:700;
	font-size:1.9em;
	color:rgb(0,0,0);
    font-family: 'Open Sans', sans-serif;	
	height:40px;
	cursor:pointer;
	-webkit-appearance: none;
	clear:both;
	padding:0 20px;
}

.wrap-captcha {
	float:left;clear:both;width:300px;text-align:center;padding:10px;background-color:rgb(255,237,0);margin-bottom:20px;
}

.wrap-captcha-reload {
	float:right;margin-bottom:20px;width:480px;
}

.position-ar label {
	float:right;
	clear:none;
	text-align:right;
}

.position-ar input.input-text,
.position-ar textarea {
	float:left;
	clear:both;
	text-align:right;
}

input:hover.input-submit {
	background-color:rgb(255,255,255);		
}

input.live-css-error,
textarea.live-css-error  {
	border:1px solid rgb(0,0,0);
}

p.live-css-error {
	color:rgb(0,0,0);	
}


/* ##################### */
/* #### fullpage.js #### */
/* ##################### */

.fp-controlArrow.fp-prev {
    left: 20px;
    border: none;
    width: 47px;
    height: 80px;
	background-image:url('../../images/angle-left.png');
	background-repeat:no-repeat;
    cursor: pointer;
}

.fp-controlArrow.fp-next {
    right: 20px;
    border: none;
    width: 47px;
    height: 80px;
	background-image:url('../../images/angle-right.png');
	background-repeat:no-repeat;
    cursor:pointer;
}

/* ###################### */
/* # responsive general # */
/* ###################### */

@media only screen and (max-width: 1280px) {
	
	.wrap-grid.content {
		width:600px;
		overflow:hidden;
		margin: 30px auto 30px auto !important;		
	}
	
	a.btn-download {
		display:block;
		width:100%;
		max-width:280px;
		height:200px;
		margin:0 auto 20px auto;
		float:none;
	}
	
	a.btn-download.first {
		margin:0 auto 20px auto;
	}	
	
	a.btn-download.last {
		margin:0 auto 20px auto;
	}		
}

@media only screen and (max-width: 999px), only screen and (max-height: 699px) {
		
	.wrap-form {
		width:600px;			
		overflow:hidden;
		margin-top:30px !important;
	}

	label {
		width:100%;
		max-width:400px;
		float:none;
	}
	
	.position-ar input.input-text,
	.position-ar textarea {
		float:right;
	}
	
	input.input-text,
	textarea {
		width:100%;
		max-width:400px;
		float:none;
	}	
	
	input.input-submit {
		float:none;
		margin-bottom:30px;
		clear:both;
		display:block;
	}		
	
	.wrap-captcha,
	.wrap-captcha-reload {
		width:100%;
		max-width:400px;		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;				
	}
	
	.wrap-captcha {
		margin-bottom:0;
	}

	#recaptcha_image,
	#recaptcha_challenge_image {
		max-width:100% !important;
	}		
	
	h2.top.content {
		margin-top:30px;
	}	
	
	.wrap-star {
		width:100%;
		padding:30px 0;
	}
	
	.wrap-star .column {
		width:50%;
		float:left;
		margin:0 !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
		padding:0 20px;		
	}	
	
	.wrap-star .wrap-top .column {
		text-align:center;
		width:33%;		
	}	
	
	.wrap-star .wrap-yellow {
		margin:0 !important;
		width:auto;
	}	
	
	.wrap-star .wrap-red {
		margin-left:0 !important;
		margin-right:0 !important;
		width:auto;
		margin-top:20px;
	}		
	
	a.btn-quicknav.next,
	a.btn-quicknav.next.following {
		bottom:100px;
		left:50%;
		margin-left:-50px;
	}
	
	a.btn-quicknav i {
		color:rgb(255,237,0);
		font-weight:700;
		font-size:3em;	
	}	
	
	section.first header {
		top:80px;
		width:600px;
		margin-left:-300px;
		height:100px;
	}

	section.first header nav.nav-main {
		width:500px;
	}

	section.first header nav.nav-main ul.nav-main {
		width:500px;
	}

	section.first header nav.nav-main ul.nav-main li {
		width:100px;
	}

	section.first header nav.nav-main ul.nav-main li.first {
		width:200px;
	}

	section.first header nav.nav-main ul.nav-main li a {
		font-size:1.4em;
	}

	section.first header nav.nav-language {
		width:100px;
	}

	section.first header nav.nav-language ul.nav-language li {
		width:100px;
	}

	section.first header nav.nav-language ul.nav-language li a {
		font-size:1.4em;
	}

	section.first nav.nav-second {
		bottom:140px;
		width:600px;
		margin-left:-300px;
		height:60px;
	}

	section.first nav.nav-second ul.nav-second li {
		width:100px;
		font-size:1.4em;
	}

	section.first nav.nav-second ul.nav-second li.first {
		width:200px;
	}	

	footer {
		position:absolute;
		width:100%;
		height:100px;
		bottom:10px;
	}
	
	footer .wrap-grid {	
		width:800px;
		margin-left:-400px;
	}

	footer .testimonials {
		width:500px;
		height:100px;
		padding-left:100px;
		float:left;
	}
	
	footer .testimonials img {
		width:100px;
	}	
	
	footer img.logo {
		width:200px;
		float:left;
	}	

	section.section.first h1 {
		width:600px;
		margin-left:-300px;
	}	
	
	h2.top {
		width:600px;
		margin-left:-300px;
		font-size:3.2em;
	}	
	
	h2.top.content {
		position:static;
		margin-top:0;
		width:auto;
		top:0;
		left:0;
		margin-left:0;
	}
	
	h2.top.content span {
		margin-bottom:20px;
		margin-left:50px;
	}	
	
	h2.mid {
		width:600px;
		margin-left:-300px;
		font-size:3.2em;
		position:relative;
	}	
	
	.slide h2 {
		display:none;
	}
	
	.slide.first h2 {
		display:block;
	}

	.wrap-content {
		position:static;
		margin:0 100px;
		width:auto;
		padding:4em;
	}
	
	.wrap-content p {
		font-size:1.6em;
	}

	.wrap-content a {
		color:rgb(226,0,26);
	}

	.wrap-content a:hover {
		text-decoration:underline;	
	}

	.wrap-content ul li {
		font-size:1.6em;
	}

}

@media only screen and (max-width: 799px), only screen and (max-height: 399px) {

	.wrap-form {
		width:600px;		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
		padding:0 20px;
		overflow:hidden;		
	}	
	
	a.btn-quicknav.next,
	a.btn-quicknav.next.following {
		bottom:75px;
		left:50%;
		margin-left:-50px;
	}
	
	a.btn-quicknav i {
		color:rgb(255,237,0);
		font-weight:700;
		font-size:3em;	
	}

	.fp-controlArrow.fp-prev {
		left:10px;
		border:none;
		width:47px;
		height:40px;
		background-image:url('../../images/angle-left.png');
		background-repeat:no-repeat;
		cursor:pointer;
		background-size:50%;
	}

	.fp-controlArrow.fp-next {
		right:10px;
		border:none;
		width:47px;
		height:40px;
		background-image:url('../../images/angle-right.png');
		background-repeat:no-repeat;
		cursor:pointer;
		background-size:50%;
		background-position:right center;
	}	
	
	section.first header {
		top:40px;
		width:450px;
		margin-left:-225px;
		height:75px;
	}

	section.first header nav.nav-main {
		width:375px;
	}

	section.first header nav.nav-main ul.nav-main {
		width:375px;
	}

	section.first header nav.nav-main ul.nav-main li {
		width:75px;
	}

	section.first header nav.nav-main ul.nav-main li.first {
		width:150px;
	}

	section.first header nav.nav-main ul.nav-main li a {
		font-size:1.1em;
	}

	section.first header nav.nav-language {
		width:75px;
	}

	section.first header nav.nav-language ul.nav-language li {
		width:75px;
	}

	section.first header nav.nav-language ul.nav-language li a {
		font-size:1.2em;
	}

	section.first nav.nav-second {
		bottom:140px;
		width:450px;
		margin-left:-225px;
		height:40px;
	}

	section.first nav.nav-second ul.nav-second li {
		width:75px;
		font-size:1.1em;
	}

	section.first nav.nav-second ul.nav-second li.first {
		width:150px;
	}	

	footer {
		position:absolute;
		width:100%;
		height:75px;
		bottom:10px;
	}
	
	footer .wrap-grid {	
		width:600px;
		margin-left:-300px;
	}	

	footer .testimonials{
		width:375px;
		height:75px;
		padding-left:75px;
		float:left;
	}
	
	footer .testimonials img {
		width:75px;
	}	
	
	footer img.logo {
		width:150px;
		float:left;
	}
	
	section.section.first h1 {
		width:450px;
		margin-left:-225px;
	}	
	
	h2.top {
		width:450px;
		margin-left:-225px;
		font-size:2.2em;	
	}	
	
	h2.mid {
		width:450px;
		margin-left:-225px;
		font-size:2.2em;
	}	
	
	.wrap-content {
		margin:0 50px;
		padding:4em;
	}	
	
}

@media only screen and (max-height: 849px) {
	
	section.section.first h1 {
		top:50%;
		margin-top:-150px;
	}

	.wrap-content p {
		font-size:1.4em;
	}

	.wrap-content ul li {
		font-size:1.4em;
	}	
	
	h2.top .first {
		margin-bottom:20px;
	}	
	
	h2.mid .first {
		margin-bottom:20px;
	}		
	
}

@media only screen and (max-height: 649px) {
	
	section.first header {
		top:30px;
	}	

	section.section.first h1 {
		margin-top:-100px;
		font-size:3em;		
	}	
	
	h2.top {
		top:50px;
	}	
	
	h2.mid {
		margin-top:50px;
	}		
	
}

@media only screen and (max-height: 349px) {
	
	footer .testimonials {
		display:none;
	}
	
	footer img.logo {
		float:right;
	}
	
	section.first nav.nav-second {
		bottom:50px;
	}	

	a.btn-quicknav.next,
	a.btn-quicknav.next.following {
		bottom:0;
	}	
	
	section.section.first h1 {
		font-size:2em;
		margin-top:-30px;	
		top:50%;		
	}

	.wrap-content p {
		font-size:1.1em;
	}

	.wrap-content ul li {
		font-size:1.1em;
	}
	
	a.btn-quicknav.top {
		bottom:0;
		right:-10px;
		margin-right:20px;
	}	
	
	h2.top {
		top:85px;
	}	
	
	h2.top.double {
		top:20px;
		font-size:1.6em;
		margin-left:0;
		left:20px;
		bottom:auto;
	}	
	
	h2.mid.double {
		font-size:1.6em;
		bottom:20px;
		margin:0;			
		left:20px;	
		top:auto;
		position:absolute;
	}		
	
	h2.double .first {		
		margin-bottom:10px;
	}		
	
	h2.double .second {		
		margin-bottom:0;
	}		
	

	
}

@media only screen and (max-width: 610px), only  screen and (-webkit-device-pixel-ratio: 2) and (max-width: 640px) {

	.wrap-grid.content {
		width:100%;
		overflow:hidden;
		margin: 30px auto 30px auto !important;	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
		padding:0 40px !important;		
	}
	
	a.btn-download {
		height:60px;
		font-size:2em;
	}	
	
	a.btn-download i {
		margin:0 !important;
		bottom:10px;
	}		

	.wrap-form {
		width:100%;		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
		padding:0 20px;
		overflow:hidden;		
	}	
	
	.wrap-star {
		width:100%;
		padding:20px 0;
	}
	
	.wrap-star .column {	
		padding:0 10px;		
	}

	.wrap-star .column {	
		padding:0 10px;		
	}	

	.wrap-star .wrap-red ul li {
		text-align:left;
		list-style-type:none;
		font-weight:700;
		font-size:1.1em;
	}

	.wrap-star ul li {
		font-weight:400;
		font-size:1.1em;
		line-height:1.5em;
	}

	.wrap-star h2 {
		font-size:1.2em;
	}

	.wrap-star h3 {
		font-size:1.2em;
	}

	.wrap-star p {
		font-weight:400;
		font-size:1.6em;
		line-height:1.5em;
	}	


}

@media all and (max-width: 400px), only screen and (-webkit-device-pixel-ratio: 2) and (max-width: 640px) and (orientation: portrait) {

	.wrap-star .column {
		width:100% !important;
		float:none;
		margin-bottom:20px !important;
	}	
	
	.fp-controlArrow.fp-prev {
		background-image:url('../../images/angle-left.png');
		background-size:30%;
		margin-top:-10px;
	}

	.fp-controlArrow.fp-next {
		background-image:url('../../images/angle-right.png');		
		background-size:30%;		
		margin-top:-20px;
		text-align:right;
	}
	
	.wrap-content p {
		font-size:1.1em;
	}

	.wrap-content ul li {
		font-size:1.1em;
	}
	
	section.first header.page {
		position:static;
		width:100%;
		margin:20px 0 0 0;
		height:auto;
		padding:0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}	
	
	section.first header nav.nav-main {
		width:100%;
		margin-bottom:20px;
	}	
	
	section.first header nav.nav-main ul.nav-main {
		width:auto;		
	}
	
	section.first header nav.nav-main ul.nav-main li {
		float:none;
		display:block;
		width:auto;
		text-align:right;
	}

	section.first header nav.nav-main ul.nav-main li.first {
		display:block;
		float:left;
	}	
	
	section.first header nav.nav-main ul.nav-main li a {
		font-size:1.4em;
	}
	
	section.section.first h1 {
		font-size:2em;
		left:20px;
		top:50%;
		margin:-100px 0 0 0;
	}

	footer {
		width:100%;
		margin:0;
	}

	footer div.wrap-grid {
		width:100%;
		margin:0;
		position:static;
		overflow:hidden;
	}	
	
	footer .testimonials {
		display:none;
	}
	
	footer img.logo {
		float:right;
		position:relative;
		right:-60px;
	}

	section.first .fp-tableCell{
        vertical-align:top;
	}	
	
	section.first header nav.nav-language {
		position:absolute;
		bottom:0;
		left:20px;
		height:80px;
		z-index:200;
	}

	section.first header nav.nav-language ul.nav-language li {
		text-align:left;
	}
	
	section.first header nav.nav-language ul.nav-language li a {
		font-size:1.4em;
	}	
	
	section.first nav.nav-second {
		width:100%;
		margin:0;
		position:absolute;
		left:auto;
		top:auto;
		right:0;
		bottom:100px;
		height:auto;
		padding:0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;		
	}	
	
	section.first nav.nav-second ul.nav-second {
		width:100%;
	}		
	
	section.first nav.nav-second ul.nav-second li {
		width:100% !important;
		float:none;
		text-align:right !important;		
	}	

	section.first nav.nav-second ul.nav-second li a {
		font-size:1.4em;
	}	

	a.btn-quicknav.next,
	a.btn-quicknav.next.following {
		bottom:0;
	}	
	
	a.btn-quicknav.top {
		bottom:0;
		right:-10px;
	}	
	
	.slide.first h2.top {
		margin:0;
		width:auto;
		margin-left:50px;
		font-size:1.4em;
	}	
	
	.position-ar .slide.first h2.top {
		right:20px;
		left:auto;
	}	
	
	h2.top.double {
		top:30px;
		font-size:1.2em;
		margin-left:0;
		left:20px;
		bottom:auto;
	}	
	
	h2.mid.double {
		font-size:1.2em;
		bottom:auto;
		margin:30px 0 0 0;			
		left:20px;	
		top:50%;
		position:absolute;		
	}	

	h2.double .second {		
		margin-bottom:0;
	}

	.position-ar h2.top.double {
		left:auto;
		right:20px;
	}	
	
	.position-ar h2.mid.double {
		left:auto;
		right:20px;
	}	

}

/* ########################### */
/* #### direct formatting #### */
/* ########################### */