/*
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;padding-left:0 !important;padding-right:0 !important;padding-top:0px;padding-bottom:0px;}
.filters_container .filter_title{position:relative;float:left;width:100%;font-family:"GeomanistBold";letter-spacing:1px;font-size:30px;margin-top:20px;margin-bottom:0px;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:250px; max-height:250px;padding-top:0px;padding-bottom:0;}
.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(50% - 40px);padding-top:30px !important;padding-bottom:30px !important;height:315px;}
.filters_container .filter_second .oneset{margin-bottom:10px;}
.filters_container .filter_second a.filter_element{color:white;text-transform:uppercase;font-family:"GeomanistMedium";font-size:15px;text-decoration:none;letter-spacing:1px;padding-left:20px;}


.filters_container .filter_second div.filter_element{color:white;text-transform:uppercase;font-family:"GeomanistMedium";font-size:15px;letter-spacing:0px;padding-left:20px;padding-bottom:0px;}

.filters_container .filter_second .subfilters{padding-left:0px;display:none;padding-bottom:10px;padding-top:5px;;overflow:auto;}
.filters_container .filter_second .subfilters a{;color:white;text-transform:none;font-family:"GeomanistRegular";font-size:14px;position:relative;float:left;width:100%;padding-left:40px;border:0px solid red;}
.filters_container .filter_second .active{font-family:"GeomanistBold"}

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

.filters_container .filter_second a.filter_element:hover{text-decoration:underline !important;}
.filters_container .filter_second div.filter_element:hover{text-decoration:underline !important;}


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



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


/*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:100%;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 white;padding:10px 25px;font-size:15px;background-color:transparent;line-height:15px;;background-image:url('../../../img/lupka.svg');background-repeat:no-repeat;background-size:18px;background-position:0px center;color:#363636;}
.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:#7a7a7a;font-family:"GeomanistBold";font-size:20px;letter-spacing:2px;margin-top:50px;margin-left:0px;margin-bottom:50px;}
.boxes_product .box_content .image_link{position:relative;float:right;width:100%;}
.boxes_product .box_content .image_link img{position:relative;float:right;padding-left:20px;}
.boxes_product .box_content .image_link img{z-index:1;background-color:white;}
.image_link::after {z-index: 0;height: 1px;content: "";width: 100%;position: absolute;left: 0;top: 50%;background-color: #0031ff;}
.image_link.baza-testow::after {z-index: 0;height: 1px;content: "";width: 100%;position: absolute;left: 0;top: 50%;background-color: #0031ff;}
.image_link.baza-wiedzy::after {z-index: 0;height: 1px;content: "";width: 100%;position: absolute;left: 0;top: 50%;background-color: #ff4135;}
.baza-testow .image_link::after{background-color: #0031ff;}
.baza-wiedzy .image_link::after{background-color: #ff4135;}

/* .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 .box_title{font-size:19px;line-height:1.2;text-transform:uppercase;font-family:"GeomanistMedium";color:#383838;}
.boxes_product .box_text{font-size:14px;color:#383838;font-family:"GeomanistRegular";}
.boxes_product .box_text *{font-size:14px;color:#383838;;font-family:"GeomanistRegular";}
.boxes_product .box_title em{font-family:"GeomanistLight";font-size:14px;font-style:normal;}
/*
.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;}
.museum_prev{position:absolute;right:0px;z-index:1;top:50px;background:url('../../../img/main/boxes/arrow_left_wiedza.svg');background-size:contain;background-repeat:no-repeat;background-position:top right;width:30px;height:20px;}
.museum_next{position:absolute;right:0px;z-index:1;top:100px;background:url('../../../img/main/boxes/arrow_right_wiedza.svg');background-size:contain;background-repeat:no-repeat;background-position:top right;width:30px;height:20px;}

.part_periods{padding:0;border:0px solid red;}
.two_parts{position:relative;float:right;width:100%;;border-top:5px solid white;border-bottom:5px solid white;}
.two_parts .period_element:hover .period_name{opacity:1;transition:0.5s all ease}
.two_parts .period_name{position:relative;float:left;opacity:0;transition:0.5s all ease;font-size:30px;font-family:"GeomanistBold"}

.two_parts .period_type{position:relative;float:right;clear:both;}
.two_parts .period_type img{position:relative;float:left;height:152px;padding:30px;}
.period_name.baza-wiedzy{color:#ff4135;position:absolute;bottom:0;left:0;}
.period_name.baza-testow{color:#0031ff;position:absolute;top:0;left:0;}

.period_type.baza-wiedzy,.period_type.baza-wiedzy:hover{background:linear-gradient(to right bottom, #ff796f 0% , #ff4135 35%, #ff4135 100%);transition: 1s all ease;}
.period_type.baza-testow,.period_type.baza-testow:hover{background:linear-gradient(to right bottom, #758dff 0% , #0031ff 35%, #0031ff 100%);transition: 1s all ease;}
.inactive{background:#CFCFCF !important;transition: 1s all ease;}
.inactive.period_type.baza-wiedzy:hover{background:linear-gradient(to right bottom, #ff796f 0% , #ff4135 35%, #ff4135 100%) !important;transition: 1s all ease;}
.inactive.period_type.baza-testow:hover{background:linear-gradient(to right bottom, #758dff 0% , #0031ff 35%, #0031ff 100%) !important;transition: 1s all ease;}

.title.baza-wiedzy{color: #ff4135;background-color:white;z-index:10;}
.title.baza-wiedzy:after{z-index:-1;background-color: #ff4135;height: 1px;content: "";width: 100%;position: absolute;left: 0;top: 50%;}
.boxes_product_container2 .title div{background-color:white;position:relative;float:left;width:auto;padding-right:20px;}
.title img{padding-right:10px;padding-bottom:5px;}
.title.baza-testow{color: #0031ff;;background-color:white;z-index:10;}
.title.baza-testow:after{ z-index:-1;background-color:#0031ff;height: 1px;content: "";width: 100%;position: absolute;left: 0;top: 50%;}
.inactive{background-color:#E0E0E0;}
/*.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;}
*/
.info_part{position:relative;float:left;text-align:right;margin-right:20px;color:#383838;font-family:"GeomanistBold";font-size:30px;}