/*
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 : 2016-06-07, 10:29:18
    Author     : solenzo
*/

 #canvas {
	position:relative;
        border:0px solid red;
        margin:0 auto;
  }
  #canvas:hover{cursor:pointer;}

.boxes_product .box_content .box_category div:nth-child(1){font-size:12px;font-weight:300;}
.boxes_product .box_content .box_category div:nth-child(2){font-size:12px;font-weight:900;}
.boxes_product .box_content .box_category div:nth-child(3){font-size:12px;font-weight:900;}


.desaturate { -webkit-filter: grayscale(100%);filter: grayscale(100%); }
.box_placing:hover .desaturate {-webkit-filter: grayscale(0%);filter: grayscale(0%); }
/*FILTER MENU*/
.filters_container{font-family: "GeomanistMedium" , sans-serif;background-color: #2D2B57;padding-left:0 !important;padding-right:0 !important;padding-top:50px;padding-bottom:0px;}
.filters_container .filter_title{position:relative;float:left;width:100%;font-family:"GeomanistBold";letter-spacing:1px;font-size:35px;margin-top:20px;margin-bottom:20px;line-height: 1.1;  word-break: break-word;word-spacing: 9999999px;}
.filters_container .filter_title:hover{cursor:pointer}
#filter_first,#filter_second_part1,#filter_second_part2{position:relative;float:left;width:100%;height:auto; max-height:350px;}
.filters_container .filter_first{height:auto;padding-left:15px;padding-right:15px;}
.filters_container .filter_first div{position:relative;float:left;margin-bottom:10px;width:100%;}
.filters_container .filter_first .filter_first_element{position:relative;float:left;text-align:left;width:100%;font-weight:500;font-size:20px;color:#363636;letter-spacing:1px;font-weight:700;}
.filters_container .filter_first .filter_first_element.active{font-weight:900;}

.filters_container_container .filter_first .filter_first_element:hover{font-weight:900;cursor:pointer;}

.filters_container .filter_first span{letter-spacing:3px}
.filters_container .filter_first span:nth-child(1){font-weight:300}
.filters_container .filter_first span:nth-child(2){font-weight:900;}
.filters_container .filter_first span:nth-child(3){font-weight:900;}

.filters_container .filter_second{position:relative;float:left;font-size:14px;margin-left:20px;margin-right:20px;width:calc(33.33% - 40px);}
.filters_container .filter_second .oneset{margin-bottom:10px;}
.filters_container .filter_second a.filter_element{color:#EAE4DC;font-size:18px;text-decoration:none;letter-spacing:1px;}


.filters_container .filter_second div.filter_element{color:#EAE4DC;font-size:18px;letter-spacing:1px;}

.filters_container .filter_second .subfilters{padding-left:0px;display:none;}
.filters_container .filter_second .subfilters a{;color:#EAE4DC;font-size:14px;}
.filters_container .filter_second .active{font-family:"GeomanistBold"}

.filters_container .filter_second .subfilters a:hover{font-weight:900;text-decoration:none;}
.filters_container .filter_first .filter_first_element:hover{font-weight:900;text-decoration:none}

.filters_container .filter_second{}
.filter_element:hover{cursor:pointer;font-family:"GeomanistBold"}
.filters_container .filter_second .filter_element img{margin-left:5px;}



/*TANSMAN SPECIAL */
.filter_second.option1{border-top:5px solid #8f7e69; border-bottom:5px solid #8f7e69;margin-left:30px;margin-right:10px;padding-bottom:20px;}
.filter_second.option2{border-top:5px solid #00a4c4; border-bottom:5px solid #00a4c4;margin-left:10px;margin-right:30px;padding-bottom:20px;}
.option1 .filter_title{color:#8f7e69;}
.option2 .filter_title{color:#00a4c4;}

.filters_container .filter_ending_image{position:relative;float:left;width:100%;margin-top:20px;}

/*END OF FILTER MENU*/
.search_place{background-color:#2e2b57;height:100px;padding-right:0 !important;padding-left:0 !important;}
.button_search{position:absolute;bottom:0;left:10px;border:0px solid red;width:90%;padding-top:0px;padding-bottom:0px;;text-align:center;background-color:transparent;}
.button_search input{position:relative;border-radius:0;float:none;width:100%;margin:0 auto;outline:0;border:0;border-bottom:1px solid #EAE4DC;padding:10px 25px;font-size:15px;background-color:transparent;line-height:15px;;background-image:url('../../../img/lupka.svg');background-repeat:no-repeat;background-size:25px;background-position:0px center;color:#EAE4DC;}
.button_search input:before{content:'';position:absolute;top:0;;left:0;}

.boxes_product .information{position:relative;float:left;width:100%;background-color:#E0DAD9;font-family:"essonnes-display";padding:10px 0;}
.boxes_product .information .facebook {position:relative;float:left;width:15%;padding-left:10px;}



#filter_back{position:fixed;top:50vh;left:5px;font-size:15px;opacity:0;z-index:10;background-color:transparent;font-weight:bold;color:#363636;letter-spacing:1px;padding:0px 0px;transition:all 1s ease;border-bottom:2px solid #ff0f44;}
#filter_back:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#ff97b6;border-bottom:2px solid #00bcca;}
#filter_back.stick{opacity:1;margin-left:0px !important;transition:all 1s ease;}

#filter_back:hover{cursor:pointer;}
#filters_list_preview{position:relative;float:left;clear:both;color:#363636;font-weight:900;letter-spacing:0px;margin-top:25px;margin-left:0px;margin-bottom:50px;}
.boxes_product .box_content .image_link{position:relative;float:right;border-bottom:5px solid black}
.boxes_product .box_content .image_link img{position:relative;float:right;}
.boxes_product .box_placing.tansman .box_content .image_link{border-bottom:5px solid #8f7e69;}
.boxes_product .box_placing.festival .box_content .image_link {border-bottom:5px solid #00a4c4;}


.boxes_product .prosta .box_title{font-size:18px;line-height:1.2;text-transform:uppercase;font-family:"GeomanistRegular";}
.boxes_product .prosta .box_text,.boxes_product .prosta .box_text *{font-size:14px;color:#2e2b57;text-transform:uppercase;}

.boxes_product .fotograficzna .box_title{font-size:14px;display:inline;width:auto;font-family:"GeomanistRegular";}
.boxes_product .fotograficzna .box_text, .boxes_product .fotograficzna .box_text *{font-size:14px;color:#2e2b57 !important;font-family:"GeomanistLight";;}

.boxes_product .filmowa .box_title{font-size:12px;display:inline;width:auto;color:#2e2b57 !important;font-family:"GeomanistRegular";}
.boxes_product .filmowa .box_text,.boxes_product .filmowa .box_text *{font-size:12px;display:inline;color:#2e2b57 !important;font-family:"GeomanistLight";}

.boxes_product .muzyczna .box_title{font-size:18px;line-height:1.2;text-transform:uppercase;font-family:"GeomanistRegular";}
.boxes_product .muzyczna .box_text,.boxes_product .muzyczna .box_text *{font-size:14px;color:#2e2b57;text-transform:uppercase;}

.boxes_product .dodatkowa .box_title{font-size:18px;line-height:1.2;text-transform:uppercase;font-family:"GeomanistRegular";}
.boxes_product .dodatkowa .box_text,.boxes_product .dodatkowa .box_text *{font-size:14px;color:#2e2b57;text-transform:uppercase;}

.boxes_product .tansman .box_content .box_title{color:#8f7e69}
.boxes_product .tansman .box_content .box_text{color:#8f7e69}

.boxes_product .festival .box_content .box_title{color:#00a4c4;}
.boxes_product .festival .box_content .box_text{color:#00a4c4;}
.boxes_product .explicit_muzyczna{position:relative;float:left;width:100%;margin-top:0px;}
.boxes_product .explicit_muzyczna img{position:relative;float:left;width:100%;}
.boxes_product .box_title .filter_connection_description{margin-bottom:10px;color:#2e2b57;font-family:"GeomanistBold";letter-spacing: 2px;font-size:12px;}

/* 
.boxes_product .box_placing:hover .image_link{transform: translateZ( 0px ) rotateY(360deg);transition:all 1.5s ease;}
.boxes_product .box_placing .image_link{transform: translateZ(0) rotateY(0);transition:all 1s ease;}
*/
.museum_prev{position:absolute;right:0px;z-index:1;top:50px;background:url('../../../img/main/boxes/arrow_left.svg');background-size:contain;background-repeat:no-repeat;background-position:top right;width:30px;height:30px;}
.museum_next{position:absolute;right:0px;z-index:1;top:100px;background:url('../../../img/main/boxes/arrow_right.svg');background-size:contain;background-repeat:no-repeat;background-position:top right;width:30px;height:30px;}