/*
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:#f5f5f5;
    padding-bottom:0px;
    padding-top:120px;
    
}
.entrance_container .image_animation{
    position:relative;
    float:left;
    width:100%;
    border:0px solid blue;
    text-align:center;
    margin: 0 auto;
}
.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%;
}

#dom_overlay_container{position:relative;float:left;width:100% !important; display:none;}
.entrance_container .button{position:relative;background-color:#0091D6;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:#f3f3f3;font-family:"freight-big-pro";padding-top:100px;}

.contact_container .contact_content{position:relative;float:left;width:100%;background-color:#f3f3f3;margin-bottom:0px;}
.contact_container .contact_content:afteroff{content:'';position:absolute;bottom:-20px;left:0;width:20%;background-color:black;height:20px;}
.contact_container .naglowek{position:relative;float:left;width:100%;margin-bottom:30px;text-align:center;}
.contact_container .naglowek img{position: relative;float: none;margin: 0 auto;height:70px;clear:both;}
.contact_container .title_contact{position:relative;float:left;font-size:40px;text-transform:uppercase;font-family:"freight-big-pro";padding-right:0px;width:100%;background-color:#f5f5f5;padding-top:20px;font-weight:800;padding-bottom:20px;padding-left:20px;color:black;}
.contact_container .title_contact:before{content:'';position:absolute;top:0;left:30%;bottom:0;right:0;background-color:#e2e2e2;}
.contact_container .address_area{position:relative;float:left;margin-top:0px;color:black;padding:0;}
.contact_container .address_area .circle{position: relative;float: none;margin: 0 auto;margin-top:50px;width: 500px;height: 500px;background-color: #F03751;border-radius: 500px;}
.circle .apla_text{position: absolute;top: 50%;left: 0;right: 0;bottom: 0;text-align: center;transform: translateY(-50%);border:0px solid white;}
.circle .apla_text a{color:white;}
.circle .apla_text .text1{position:relative;width:100%;text-align:center;color:white;font-size:25px;font-weight:800;letter-spacing:2px;}
.circle .apla_text .text2{position:relative;width:100%;text-align:center;color:white;font-size:18px;font-weight:900;margin-top:20px;letter-spacing:1px;}
.circle .apla_text .text3{position:relative;width:100%;text-align:center;color:white;font-size:25px;font-weight:800;margin-top:20px;letter-spacing:2px;}
.circle .apla_text .text4{position:relative;width:100%;text-align:center;color:white;font-size:18px;font-weight:900;margin-top:20px;letter-spacing:1px;}
.contact_container .address_area .title{position:relative;float:left;color:white;font-size:18px;width:100%;text-align:center;;;font-family:"freight-big-pro";font-weight:900;margin-bottom:20px;margin-top:0px;width:100%;}
.contact_container .address_area .text{position:relative;float:left;color:white;font-size:18px;padding-left:0px;line-height:1.5;font-family:"freight-big-pro";width:100%;}
.contact_container .address_area .text strong{font-family:"freight-big-pro";font-weight:900;}

.contact_container .address_area .google_maps{position:relative;float:left;font-size:15px;padding-bottom:30px;padding-left:0px;line-height:1.1;font-family:"freight-big-pro";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:"freight-big-pro";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;}