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

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

body{
	min-width: 768px;
}

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

header#header,
header#header .col-big{
	height: 65px;
	min-width: 768px
}
		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 * * * * * * * * */

/* Backgrounds */
#bg{
}

/* -- 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: 24px;
                line-height: 110px;
            }

        /* Gallery */

        #gallery{

        }
            #gallery .gallery-img {
                margin: 10px;
                height: 350px;
            }
				#gallery .gallery-img:nth-child(2) {
					width: 330px;
				}
  				#gallery .img-holder {
					height: 700px;
					line-height: 700px;
					margin-top: -350px;
				}
					#gallery .img-holder img {
						line-height: 700px;
						max-height: 700px;
						min-height: 350px;
					}
					#gallery .gallery-img:nth-child(2) .img-holder,
					.col-small .img-holder {
						margin-left: -330px;
						width: 660px;
					}
						#gallery .gallery-img:nth-child(2) .img-holder img,
						.col-small .img-holder img {
							max-width: 660px;
							min-width: 330px;
						}
					.col-medium .img-holder {
						margin-left: -680px;
						width: 1360px;
					}
						.col-medium .img-holder img {
							max-width: 1360px;
							min-width: 680px;
						}
                .gallery-img div.text-holder{
                    height: 350px;
                    line-height: 350px
                }
                    .gallery-img.col-medium div.text-holder article{
                        padding: 0px 80px;
                    }
					#gallery .gallery-img:nth-child(2) div.text-holder article,
                    .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 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{
                            display: none;
                        }

        /* Partners */

        #partners{

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

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

/* -- Subpages -- */

    /* Subpage header */

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

    /* Subpage subline */

    #subpage-subline{
        height: 90px;
    }
        #subpage-subline p{
            font-size: 16px;
            line-height: 90px;

        }
        #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 7px;
        }
            #our-work ul li figure{
                width: 160px;
                height: 160px;
            }
            #our-work ul li figure div{
                line-height: 160px;
            }
	.service-text span.dots {
		margin: 35px 0 35px 0;
	}

    /* Form */

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

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

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

    /* Projects */

        #projects-slider li{
            width: 768px;
            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:768px;
}
	footer#footer,
	footer#footer *{
		font-size:10px;
        line-height:55px;
	}
		footer#footer small{
			margin-left: 10px;
		}
		footer#footer a.footer-logo{
            margin: 15px 10px 0px 10px;
		}


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

/* cols */

	.col-full{
		width:100%;
	}
	.col-big{
		width:768px;
		margin:0px auto;
	}
        .col-big-plus{
            width:700px;
            margin:0px auto;
        }
	.col-medium{
		width: 680px;
	}
	.col-small{
        width: 330px;
	}

/* paddings */

	.padding-small{

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

	}


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

/* basic elements */


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

    /* texts */

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

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