
/* LEFT COLUMN --------------------------------------------------------*/

.fotoliaadvsearch h4{font-size: 1.0em;}
.fotoliaadvsearch .block_content{padding-bottom: 10px;}
.fotoliaadvsearch .header{font-weight: bold; padding: 10px 0 3px;}

.fotoliaadvsearch  .search_section{float: left; margin: 10px 25px;}
.fotoliaadvsearch  .search_section.section_picker{float: right;}
.fotoliaadvsearch  .search_section.section_words{float: none; margin: 0 25px;}
.fotoliaadvsearch  .checker,
.fotoliaadvsearchtop  .checker{display: inline;}
.fotoliaadvsearch  input,
.fotoliaadvsearch  .checker,
.fotoliaadvsearch label{vertical-align: middle;}
.fotoliaadvsearch  input#words{width: 100%; padding: 5px; border: 1px solid #ccc;}
.fotoliaadvsearch .checker{display: inline-block;}
.fotoliaadvsearch label{display: inline-block; padding-left: 5px; font-weight: normal;}

.fotoliaadvsearch  #picker{margin-left: -9px;}
.fotoliaadvsearch  #color_preview{width: 50px; height: 25px; border: 1px solid #999; background-image: none; background-position: center center;}
.fotoliaadvsearch  #color_preview.no_color{background-image: url('images/no_color.png');}
.fotoliaadvsearch  .remove{display: inline-block !important; width: 10px; height: 10px; margin-left: 5px; background-image: none; background-position: center center;}
.fotoliaadvsearch  .remove.show{display: inline-block !important; background-image: url('images/remove.png');}
.fotoliaadvsearch  .button{margin: 5px auto;}

.picker_panel_color, .picker_panel_color_remove{display: inline-block; width: 30px; height: 30px; margin: 1px; line-height: 30px; vertical-align: middle; text-align: center; border: 2px solid transparent; border-radius: 3px; box-shadow: 0px 0px 3px rgba(0,0,0,.4); cursor: pointer;}
.picker_panel_color.selected,
.picker_panel_color:hover{border-color: #D91A2E;}

/* TOP COLUMN --------------------------------------------------------*/

.fotoliaadvsearch_tc{clear: both; width: 100%; margin: 0 auto 10px; background: #fff; text-align: center;}
.fotoliaadvsearch_tc h4{font-size: 1.0em;}
.fotoliaadvsearch_tc .block_content{padding-bottom: 10px;}

.fotoliaadvsearch_tc .search_block{position: relative; display: inline-block;min-width: 100px; width: calc(100% / 9 - 6px); margin: 3px; vertical-align: top; text-align: left;}
.fotoliaadvsearch_tc .search_block.words_block{width: calc((100% / 9 - 6px) * 2);}
.fotoliaadvsearch_tc .header{position: relative; width: 100%; height: 30px; border-radius: 8px;line-height: 30px; padding: 0; background: #fff;    border: var(--stroke) 1px solid; vertical-align: middle; cursor: pointer;}
.fotoliaadvsearch_tc .header *{vertical-align: middle;}
.fotoliaadvsearch_tc .header .header_label{padding: 0 15px;    color: #000;    font-size: 12px;    display: block;    line-height: 30px;}
.fotoliaadvsearch_tc .filter_open, .fas_hide{display: block;    filter: contrast(1.5); position: absolute; right: 0; top: 0; width: 30px; height: 30px; background:transparent url('images/open.gif') no-repeat center center;}
.fotoliaadvsearch_tc .filter_open.fas_opened, .fas_hide{transform: rotate(180deg);}
.fotoliaadvsearch_tc .fas_hide{top: auto; bottom: 0px; right: 0px; left: 0px; width: 100%; height: 12px; margin: auto; cursor: pointer;}
.fotoliaadvsearch_tc .search_panel{display: none; position: absolute; top: 30px; z-index: 1000; padding: 10px 20px 20px 10px; background: linear-gradient(#d6d6d6 0px, #fff 15px); box-shadow: 0 5px 6px rgba(0,0,0,0.4); white-space: nowrap;border-radius: 0 0 10px 10px;}
.fotoliaadvsearch_tc .search_panel.picker_panel{width: 215px;}
.fotoliaadvsearch_tc .search_panel.color_panel{width: 215px; padding: 10px 10px 20px 10px; white-space: normal;}

.fotoliaadvsearch_tc  .button{display: block; width: 100%; height: 30px; margin: 0; background: #eee; border: none;}
.fotoliaadvsearch_tc  .search_block .button{font-weight: 600;background: var(--gradient1);color: #000 !important;padding: 0;}
.fotoliaadvsearch_tc  input, .fotoliaadvsearch_tc label{vertical-align: middle; font-weight: normal;border-radius: 8px;}
.fotoliaadvsearch_tc  input#words{width: 100%; font-size: 12px; border: 1px solid #ccc;height: 30px; margin: 0; padding: 5px; padding: 4px 10px; background: #f7f7f7; border: 1px solid #e6e6e6;}
.fotoliaadvsearch_tc label{padding-left: 5px; margin: 5px 0px}
 
.fotoliaadvsearch_tc  #picker{margin: 5px auto;} 
.fotoliaadvsearch_tc  #color_preview{display: inline-block; width: 20px; height: 20px; border: 1px solid #999; background-image: none; background-position: center center;}
.fotoliaadvsearch_tc  #color_preview.no_color{background-image: url('images/no_color.png');}
.fotoliaadvsearch_tc  .remove{display: none; border-radius: 30px;position: absolute; right: 0px; top: 0px; z-index: 2; background-color: #e8e8e8; background-image: url('images/remove.png'); background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;}
.fotoliaadvsearch_tc  .remove.show{display: block;}

/* TOP --------------------------------------------------------*/

#fotolia_search_top_contener {position: relative;display: block; padding-top: 0px;padding-left:0;padding-right:0;}
#fotolia_search_top_contener .btn.button-search {background: #333333; display: block; position: absolute; top: 0; right: 0; border: none; color: white; width: 50px; text-align: center; padding: 10px 0 11px 0;}
#fotolia_search_top_contener .btn.button-search span {display: none; }
#fotolia_search_top_contener .btn.button-search:before {content: "\f002"; display: block;  font-family: "FontAwesome"; font-size: 17px; width: 100%; text-align: center; }
#fotolia_search_top_contener .btn.button-search:hover {color: #6f6f6f;}
#fotolia_search_top_contener #words {display: inline-block; padding: 0 40px 0 15px; height: 45px; line-height: 45px; background: #fff; margin-right: 1px;box-shadow: 0px 1px 1px 0 rgba(0,0,0,0);-webkit-box-shadow: 0px 1px 1px 0 rgba(0,0,0,0);border: 0 none;font-size: 13px;font-weight:400;border: 1px solid var(--stroke);border-radius: 10px;}
#fotolia_search_top_contener .opened #words {border-radius: 20px 20px 0 0;-webkit-border-radius: 20px 20px 0 0;}
#fotolia_search_top_contener #show_search_options { display: block;  cursor: pointer;  position: absolute;  right: 46px;    top: 6px;    width: 35px;    height: 80%;    padding: 0;   border: 0 none;    text-align: center;}
#fotolia_search_top_contener #show_search_options svg { width: 17px;height: 17px;margin-top: 8px;}
#fotolia_search_top_contener #show_search_options svg patch {  fill:#000;}

#fotolia_search_top_contener.ps17 {padding-top: 0;width: 190px;}
#fotolia_search_top_contener.ps17 .search_button{position: absolute;background: transparent;border: none;color: #000;right: 2px;top: 6px;height: 33px;width: 39px;}
#fotolia_search_top_contener.ps17 .search_button span {font-size:27px!important}

#fotolia_search_top {float: left; width: 100%;}
#fotolia_search_top {position: relative;}
#fotolia_search_top label {color: #000000;}
#fotolia_search_top input#search_query_block {margin-right: 10px; max-width: 222px; margin-bottom: 10px; display: inline-block; float: left;}
#fotolia_search_top .button.button-small {float: left;}
#fotolia_search_top .button.button-small i {margin-right: 0;}
  
#fotolia_search_top_contener #show_search_options{}
#fotolia_search_top_contener .advanced_top{display: none; position: absolute; top: 44px; z-index: 1000;right: 0;  width: 100%; padding: 0 20px 22px; background: #fff; border: 1px solid #f3f3f3; border-top: none; text-align: left;border-radius: 0 0 25px 25px;-webkit-border-radius: 0 0 25px 25px;}
#fotolia_search_top_contener .advanced_top .header{font-weight: 600;padding: 5px 0 10px;font-size: 15px;}
#fotolia_search_top_contener .advanced_top .checker{display: inline-block;}
#fotolia_search_top_contener .advanced_top label{display: inline-block;padding-left: 10px;font-weight: 400;font-size: 12px;text-transform: uppercase;line-height: 1.2em;margin-bottom: 5px;}

.srch_type_contener{display: block;position: absolute;top: 40px;left: 15px;height: 24px;padding: 1px 15px 6px 15px;background: #f4f4f4;-webkit-border-radius: 0 0 30px 30px;border-radius: 0 0 30px 30px;border: 1px solid #d1d1d1;}
.srch_type_contener .triangle{position: absolute; top: 0; right: 0; width: 0;height: 0;border-style: solid;border-width: 0 22px 22px 0;border-color: transparent #fff transparent transparent;}
.srch_type_contener input, #srch_type_contener label{margin: 0; vertical-align: middle;}
.srch_type_contener label{padding: 0 10px 0 4px; font-size: 12px;  font-weight: normal;}
