/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2015-05-14, 06:46:56
    Author     : solenzo
*/
.block_mobile{display:none;}
.entrance_container{
    position:relative;
    float:left;
    width:100%;
    margin-bottom:0px;
    z-index:1;
    padding-bottom:0px;
    border-bottom:0px solid #A7A7A7;
    background-color:white;
    padding-bottom:30px;
    padding-top:120px;
    
}
.entrance_container .image_animation{
    position:relative;
    float:left;
    border:0px solid blue;
    text-align:center;
    margin: 0 auto;
}
.short_anim{width:33.3333% !important;}
.long_anim{width:66.6666% !important;}
.entrance_container .image_animation #animation_container{   
    margin: 0 auto;
}
.entrance_container .image_animation canvas{
border:0px solid green;
width:100% !important;
}

.entrance_container .image_bottom{
    position:relative;
    float:left;
    width:100%;
    margin-top:20px;
}
.entrance_container .image_bottom img{
    position:relative;
    float:left;
    width:35%;
}

.entrance_container .button{position:relative;background-color:#c49470;font-weight:bold;color:#E0DAD9;letter-spacing:5px;padding:10px 30px;}
.entrance_container .button:hover{cursor:pointer;}

#cycler{position:relative;width:100%;max-width:100%;margin-bottom: 40px;margin-left: 0px;}
#cycler img{position:absolute;z-index:1;background-color:white;width:100%;height:100%;left:0;top:0;display:none}
#cycler img.active{z-index:3}
#cycler img.base{z-index:-1;position:static;display:block}

.contact_container{position:relative;float:left;width:100%;text-align:left;font-family:"Lato";background-color:white;padding-bottom:100px;}
.contact_container .position{position:relative;float:none;overflow:auto;width:70%;margin:0 auto;}
.contact_container .position img{position:relative;float:left;width:100%}
.contact_container .position .apla_text{position:absolute;top:50%;left:50%;padding:30px;height:50%;width:50%;font-size:15px;}
.contact_container .position .apla_text .text_1{position:relative;float:left;width:100%;margin-bottom:10px;font-weight:700;padding-bottom:0px;margin-top:20px;}
.contact_container .position .apla_text .text_2{position:relative;float:left;width:100%;margin-bottom:10px;}
.contact_container .position .apla_text .text_3{position:relative;float:left;width:100%;}


.project_container{position:relative;float:left;width:100%;text-align:center;font-family:"Lato";background-color:white;}
.project_photos{}
.project_photos .project_photo{}
.project_texts{position:relative;float:left;}
.project_texts .project_text{position:relative;float:left;text-align:left;padding-left:20px;padding-right:20px;margin-top:50px;margin-bottom:50px;}
.project_texts .project_text em{font-style: normal;background-color:#DFFD48;font-weight:700;padding-left:5px;padding-right:5px;}

.project_texts .project_text .rectangle_element{position:absolute;top:-20px;left:0;width:20px;height:20px;margin-left:0px;margin-top:0px;background-color:#DFFD48}
.project_texts .project_text .rectangle_element:after{content:'';position:absolute;top:0;left:0;height:50%;width:50%;background-color:white;}

.privacy_policy_container{position:relative;float:left;width:100%;text-align:center;padding-bottom:0px;padding-top:30px;font-family:"Lato";background-color:white;}
.privacy_policy_container .privacy_policy{position:relative;float:left;width:100%;padding:20px;background-color:#DFFD48;}
.privacy_policy a{position:relative;float:right;font-size:12px;color:black;font-weight:600;text-transform:uppercase;}
.privacy_policy a:hover{color:black;text-decoration:none;font-weight:700;}




.contact_container{position:relative;float:left;width:100%;background-color:white;font-family:"Ubuntu";}
.contact_container .contact_content{position:relative;float:left;width:100%;background-color:#ffcb86;margin-bottom:0px;}
.contact_container .contact_content:afteroff{content:'';position:absolute;bottom:-20px;left:0;width:20%;background-color:black;height:20px;}
.contact_container .title_contact{position:relative;float:left;font-size:40px;text-transform:uppercase;font-family:"Ubuntu";padding-right:0px;width:100%;background-color:white;padding-top:20px;font-weight:800;padding-bottom:20px;color:black;}
.contact_container .title_contact:before{content:'';position:absolute;top:0;left:30%;bottom:0;right:0;background-color:#ffcb86;}
.contact_container .address_area{position:relative;float:left;margin-top:0px;color:black;padding:0;}
.contact_container .address_area .title{position:relative;float:left;font-size:20px;padding-left:50px;font-family:"Ubuntu";font-weight:900;margin-bottom:20px;width:100%;}
.contact_container .address_area .text{position:relative;float:left;font-size:15px;padding-left:50px;line-height:1.5;font-family:"Ubuntu";width:100%;}
.contact_container .address_area .text strong{font-family:"Ubuntu";font-weight:900;}

.contact_container .address_area .google_maps{position:relative;float:left;font-size:15px;padding-bottom:30px;padding-left:50px;line-height:1.1;font-family:"Ubuntu";width:100%;margin-top:30px;}
.contact_container .address_area .google_maps a{color:black;font-weight:700;}
.contact_container .address_area .google_maps a:hover{color:black;text-decoration:none;}
.contact_container .address_area .google_maps img{position:relative;float:left;margin-right:10px;}



.contact_container .photo{position:relative;float:left;margin-bottom:30px;}
.contact_container .photo img{position:relative;float:left;width:100%}


.entrance_text_container{position:relative;float:left;width:100%;font-family:"Ubuntu";margin-top:50px;margin-bottom:50px;}
.entrance_text_container .fragment{position:relative;float:left;width:100%}
.entrance_text_container .fragment .title{position:relative;float:left;width:100%;font-size:20px;font-weight:800;border-left:7px solid #FFA836;padding-left:10px;}
.fragment .title::before {content: '';position: absolute;bottom: 0;left: 0;height: 7px;width: 10px;background-color:#FFA836;transition: 0.5s all ease;}

.fragment .title::after {content: '';position: absolute;top: 0;left: 0;height: 7px;width: 10px;background-color:#FFA836;transition: 0.5s all ease;}
.entrance_text_container .fragment .title h1{position:relative;float:left;width:100%;font-size:20px;font-weight:800;margin:0;padding-top:10px;padding-bottom:10px;;}
.entrance_text_container .fragment .title h2{position:relative;float:left;width:100%;font-size:20px;font-weight:800;margin:0;padding-top:10px;padding-bottom:10px;;}

.entrance_text_container .fragment .text{position:relative;float:left;width:100%;font-weight:400;margin-top:10px;}