@charset "utf-8";
/*** CSS3 code | Bálint Baár | 2014 @ 8 Ways Media SA | www.8ways.ch ***/

/* * * * * * * * * B O D Y * * * * * * * * */

body{
	min-width: 940px;
}

/* * * * * * * * * H E A D E R * * * * * * * * */

header#header,
header#header .col-big{
	height: 65px;
	min-width: 940px
}
    header#header{
        overflow: hidden;
    }
		nav#logo{
            display: block;
            background-color: #9BBA5E;
            height: 100%;
            width: 55px;
            line-height: 55px;
            border-radius: 0px 45px 45px 0px;
        }
        nav#logo * {
			width: 44px;
			height: 44px;
		}
            nav#logo a{
                padding: 10px 0px 0px 0px;
            }
                nav#logo a:hover img{
                    transform: rotate(15deg);
                }
        nav#main_menu li{
            padding: 0px 20px;	
            line-height: 64px;
        } 
         nav#main_menu li:last-child{
             padding-right: 0px;
         }
            nav#main_menu li a{
                font-size: 14px;
                color: #1e1e1e;
            }
                nav#main_menu li a:hover,
                nav#main_menu li.active a{
                    color: #9bba5e;
                }

            nav#main_menu li.hamburger a{
                display: none;
            }

/* * * * * * * * * C O N T E N T * * * * * * * * */



/* -- Main page -- */

main#main{
     
}

    /* Welcome */

    #welcome{
        height: 638px;
    }
        #welcome img{
            margin: 200px auto 50px auto;
        }
        #welcome h2{
            font-size: 24px;
            line-height: 26px;
            margin-bottom: 45px;
        }
        #welcome p{
            color: #9BBA5E;
            line-height: 16px;
            letter-spacing: 5px;
        }
            #welcome small{
                font-size: 14px;
                line-height: 16px;
                margin: 0px 25px;
            }

        /* Scroll Down */
        
        #scrolldown{
            height: 110px;
        }
            #scrolldown a{
                top: 32px;
                width: 45px;
                height: 45px;
                /* borders */
                border-radius: 25px;
                -moz-border-radius: 25px;
                -webkit-border-radius: 25px;
            }
            #scrolldown p{
                font-size: 30px;
                line-height: 110px;
            }

        /* Gallery */

        #gallery{

        }
            #gallery .gallery-img {
                margin: 10px;
                height: 350px;
            }
  				#gallery .img-holder {
					height: 700px;
					line-height: 700px;
					margin-top: -350px;
				}
					#gallery .img-holder img {
						line-height: 700px;
						max-height: 700px;
						min-height: 350px;
					}
					.col-small .img-holder {
						margin-left: -300px;
						width: 600px;
					}
						.col-small .img-holder img {
							max-width: 600px;
							min-width: 300px;
						}
					.col-medium .img-holder {
						margin-left: -620px;
						width: 1240px;
					}
						.col-medium .img-holder img {
							max-width: 1240px;
							min-width: 620px;
						}
                .gallery-img div.text-holder{
                    height: 350px;
                    line-height: 350px
                }
                    .gallery-img.col-medium div.text-holder article{
                        padding: 0px 80px;
                    }
                    .gallery-img.col-small div.text-holder article{
                        padding: 0px 20px;
                    }
                        .gallery-img article p.title{
                            font-size: 34px;
                            line-height: 36px;
                            margin: 0px;
                        }
                        .gallery-img article span{
                            margin: 20px 0px;
                        }
                        .gallery-img article p{
                            font-size: 14px;
                            line-height: 18px;
                            margin-bottom: 20px;
                        }
                            ul.icons ul li{
                                margin: 0px 8px;
                            }
                                ul.icons li a{
                                    width: 45px;
                                    height: 45px;
                                    /* borders */
                                    border-radius: 25px;
                                    -moz-border-radius: 25px;
                                    -webkit-border-radius: 25px;
                                }

                        .gallery-img.center{
                            width: 300px;
                        }
                            .gallery-img.center p{
                                margin-bottom: 0px;
                            }    

        /* Partners */

        #partners{

        }
            #partners nav ul li{
                margin: 0px 15px;
            }
                #partners nav ul li,
                #partners nav ul li a{
                    width: 160px;
                    height: 80px;
                    line-height: 80px;
                }

				#partners.white nav ul li{
					margin-bottom: 25px;
					margin-top: 25px;
				}

/* -- Subpages -- */

    /* Subpage header */

    #subpage-header{
        height: 265px;
    }
        #subpage-header div{
            height: 265px;
            line-height: 265px;
            text-align: center;
        }
        #subpage-header h2{
            display: inline-block;
            vertical-align: middle;
            font-size: 72px;
            line-height: normal;
        }

    /* Subpage subline */

    #subpage-subline{
        height: 110px;
    }
        #subpage-subline p{
            font-size: 18px;
            line-height: 110px;

        }
        #subpage-subline p span{
            width: 50px;
            height: 1px;
            margin: 0px 40px;
        }

    /* Services */

    ul#services-slider{
        
    }
        #services-slider li{
            width: 20%;
            margin: 0px 2.5%;
        }
            #services-slider li img{
                margin-bottom: 30px;
            }
    ul.slider-arrows{
        display: none;
    }

        /* Our Work */

        #our-work{
            
        }
        #our-work ul li{
            margin: 0px 12px;
        }
            #our-work ul li figure{
                width: 215px;
                height: 215px;
            }
            #our-work ul li figure div{
                line-height: 215px;
            }
	.service-text span.dots {
		margin: 55px 0 55px 0;
	}

    /* Form */

    .textfield,
    .textarea{
        font-size: 14px;
    }

    .textfield{
        width: 173px;
        height: 40px;
        line-height: 40px;
    }

    .textarea{
        width: 878px;
        max-width: 878px;
        min-width: 878px;
        height: 110px;
        max-height: 110px;
        min-height: 110px;
        line-height: 20px;
    }

    /* Projects */

        #projects-slider li{
            width: 940px;
            height: 660px;
        }
            #projects-slider li img{
                display: block;
                margin: 0px auto;
                height: 660px;
            }
            ul.projects-slider.slider-arrows li a{
                width: 65px;
                height: 90px;
                top: 50%;
                margin-top: -45px;
             }


/* * * * * * * * * F O O T E R * * * * * * * * */

footer#footer {
	height:55px;
    line-height: 55px;
	min-width:940px;
}
	footer#footer,
	footer#footer *{
		font-size:10px;
        line-height:55px;
	}
		footer#footer a.footer-logo{
            margin: 15px 0px 0px 10px;
		}


/* * * * * * * * * G R I D * * * * * * * * */

/* cols */

	.col-full{
		width:100%;
	}
	.col-big{
		width:940px;
		margin:0px auto;		
	}
        .col-big-plus{
            width:960px;
            margin:0px auto;		
        }
	.col-medium{
		width: 620px;	
	}
	.col-small{
        width: 300px;
	}

/* paddings */

	.padding-small{
		
	}
	.padding-medium{
		padding:60px 0px;
	}
	.padding-small{
			
	}


/* * * * * * * * * T E X T S * * * * * * * * */

/* basic elements */


    h3{
        font-size: 30px;
        line-height: 32px;
    }        
        span.dots{
            margin: 55px auto 55px auto;;
        }

    /* texts */

    .texts{
        padding: 0px 20px;
    }
        .texts h3{
            font-size: 24px;
            line-height: 27px;
        }
        .texts h4{
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 10px;
        }
        .texts p{
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 30px;
        }
        .texts a{
            font-size: 18px;
            line-height: 20px;
        }
        .texts .dots{
            margin: 20px auto;
        }

        .btn1,
        a.btn1{
            width: 370px;
            height: 70px;
            line-height: 70px;
            margin: 40px auto;
            font-size: 24px;
            /* borders */
            border-radius: 35px;
            -moz-border-radius: 35px;
            -webkit-border-radius: 35px;
        }