/* Quick.Cms.Ext v6.x widgets stylesheet */
/* WIDGETS
  to style widgets in specific location use:
  .widgets-1 ... - type: top header
  .widgets-2 ... - type: header below menu
  .widgets-3 ... - type: footer after content
  .widgets-4 ... - type: footer under page footer
  #content ... - type: inside page content
*/

/* GLOBAL */
.widgets-1{position:relative;margin:0 auto;text-align:left;overflow:hidden;}

.widgets-1 > ul > li{float:none;margin:10px 0;color:#333;}
.widgets-1 div.head{margin-bottom:10px;text-align:center;font-size:1em;color:#555;}
.widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li{padding:10px 0;}
.widget div.head{margin-bottom:10px;text-align:center;font-size:1.25em;text-transform:uppercase;color:#555;}
.widget div.head a{opacity:.3;}
.widget div.head a:hover{opacity:1;}
.contact .widget > div.description {text-align:center;}
.widgets-1 > ul, .widgets-2 > ul, .widgets-3 > ul, .widgets-4 > ul{list-style:none;}
.widget > div.description{padding-bottom:5px;}
.widget ul{list-style:none;}
.widget{}

.home .widgets-list.widgets-8{display:flex;padding:2em 4em;}
.home .exhibitions h2{text-align:center;margin-top: 1em;}
.theOffer .widgets-list.widgets-8 ul{text-align:center;}

/* TYPE: HEADER|FOOTER - GLOBAL */
.widgets-2 > ul > li, .widgets-3 > ul > li{margin:10px 0;padding:0 1em}

/* INSIDE PAGE CONTENT - GLOBAL */
#content .widget{clear:both;margin:1rem 0;padding:1rem;list-style:none;margin:0 auto;}
#content .widget.users{clear:both;margin:1rem 0;padding:1rem;list-style:none;margin:0 auto;width:30%;}
#content .widget.usersMenu strong{display:flex;flex-direction:row;justify-content:center;clear:both;margin:1rem 0;padding:1rem;list-style:none;margin:0 auto;width:100%;font-weight:300;}
#content .widget.usersMenu strong a {padding:1em 3em;}
/* Display option: CONTENT */
.widget.type-1 ul, .widget.type-1 ol{padding:0 0 0 30px;overflow:hidden;}
.widget.type-1 li{margin:5px 0;padding:0;border-left:0;}
.widget.type-1 p{padding-bottom:7px;}

/* Display option: PAGE */
.home .widget.type-2 img{float:none;margin:4px 15px 7px 0;box-shadow:0 0 4px rgba(100,100,100,0.4);}
.widget.type-2 img{float:left;margin:4px 15px 7px 0;box-shadow:0 0 4px rgba(100,100,100,0.4);}
.widget.type-2 img:hover{opacity:0.8;}
.widget.type-2 div.description{margin-top:0.3em;text-align:justify;font-weight:200;}
#content .widget.type-2{}
.widget.type-2 .more{display:block;padding-top:0.3em;}

/* Display option: SLIDER
   slider styles in style-slider.css file */
.widget.type-3{padding-left:0;padding-right:0;}

/* Display option: MENU */
.widget.type-4 nav ul{list-style:none;padding:0 3em;width:70%;flex-direction: column;margin:0 auto;}

.widget.type-4 li{padding:0.2rem 0 0.2rem 1.1em;}
.widgets-9 .widget.type-4 li{padding:0.2rem 0 0.2rem 1.1em;width:70%;margin:0 auto;text-align:center;}
.widget.type-4 .level-0-el{/*background:url('img/menu2Li.png') no-repeat 0px 8px;*/font-size:.8em;text-transform:uppercase;}
.widget.type-4 .level-0-el a{text-decoration:none;color:#2b2b2b;}
.widget.type-4 .level-0-el a:hover{text-decoration:none;color:#999;}
.widget.type-4 .level-0-el ul{font-size:0.895em;padding:top:2em;padding:0 2em;}
.widget.type-4 .level-0-menu li{padding-top:2px;text-align: left;}
.widget.type-4 .level-1-menu li:before{content:'>';margin:0 0.4em 0 -1.1em;font-size:0.824em;color:#555;font-weight:bold;}

.widget.menuOferta.type-4 nav ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-content: center;}
.widget.menuOferta.type-4 nav{width:750px;}
.widget.menuOferta.type-4 li{margin:1em auto;}
.widget.menuOferta.type-4 li a{font-size:1.5em;}
/*#content .widget.type-4, .theOffer li#widget-19{-webkit-box-shadow: 6px -70px 100px -47px rgba(66, 68, 90, 0.23);-moz-box-shadow: 6px -70px 100px -47px rgba(66, 68, 90, 0.23);box-shadow: 6px -70px 100px -47px rgba(66, 68, 90, 0.23);}*/
#content .widget.type-4{}
.widget.menuOferta.type-4 li{background-image:none;padding:0;}
.widget.menuOferta.type-4 li a{border:1px solid #eee;padding-top:0em;padding:.3em .5em;line-height: 2em;font-weight:200;}
.widget.menuOferta.type-4 li a:hover{color:#fff;background:#bbb;}

/* Display option: SUBPAGES
   other subpages styles you will find in style.css file in SUBPAGES LIST STYLES section
   just move it here and add .widgets-2 to create custom version */
.widget.type-5 .pages-gallery .page{min-width:15rem;}

/* ADMIN OPTIONS */
.widget-edit{position:relative;display:block;position:relative;left:0em;top:2em;}

.widget-edit a{position:absolute;left:-15px;top:-21px;opacity:0.6;}
.widget-edit a:hover{opacity:1;}

@media print{
  /* PRINT STYLES */
  .widgets-1{position:static;width:17.2cm;height:auto;margin:0;overflow:visible;}
}

/* PLUGINS */

/* Display option: GOOGLE TRANSLATE */
.type-16 div.head{text-align:left;margin-right:7px;}
.type-16 div{display:inline;}
.type-16 select{padding:2px;border-width:1px;border-style:solid;font-size:1em;border-color:#aeb7bb #d8dbde #d8dbde #aeb7bb;}
.goog-logo-link,.goog-logo-link:link,.goog-logo-link:visited,.goog-logo-link:hover,.goog-logo-link:active, .goog-te-gadget{color:#666 !important;}

/* Display option: GOOGLE MAPS */
.widget.type-14{width:98%;border:0;}
#content .widget.type-14{width:100%;}
.widget.type-14 div.head{text-align:left;text-transform:none;}
.widget.type-14 iframe{width:100%;min-height:550px;}

/* USERS */
/* login panel */
#user-panel{margin:0 auto;}
#user-panel .button input{padding:.6em 1.2em .6em 3em;background-image:url('img/users_login.png');background-repeat:no-repeat;background-position:1em center;text-transform:uppercase;}
#user-panel .button input:hover{background-color:#00679a;}
#user-panel .links{margin:.4em 0;text-transform:lowercase;}
#user-panel .links:before{content:'>';margin-right:7px;font-size:0.824em;color:#555;font-weight:bold;}
/* messages */
#user-panel.msg.error{background-image:none;font-size:1.25em;}
.msg#profile, .msg#user-panel{padding:3rem 0;background-position:center 15px;}
/* checkboxes (e.g. acceptance ) in register form */
#profile .option{margin:0 0 1.25rem;}
#profile .option label{margin-left:.4rem;font-weight:300;}
/* not required fields are default hidden */
#profile.register #user-not-required{display:none;}
/* send button for profile in widgets list (outside of page content) */
.widgets-list #profile .save{margin-top:20px;text-align:left;}
/* links for logged users */
.widget.type-26 .user-link{display:block;padding:.5em 0 .5em 2em;background:url('img/users_profile.png') no-repeat left center;}
.widget.type-26 .logout{background-image:url('img/users_logout.png');}
.widget.type-26 .orders{background-image:url('img/users_orders.png');}

/* Display option: ADVANCED SEARCH */
#head0 .widgets-1 {width:100%;}
#head0 .widget{flex: 0 0 100%;}
#head0  .widget div.head{margin-top:1em;}

#search-form-advanced{margin:0 auto;padding:0px;list-style:none;}
#search-form-advanced ul{list-style:none;}
#advanced-fields .phrase input, #advanced-fields select{margin: .4em .2em;font-size: 1em;width:400px;}
#advanced-fields select{width:120px;}
#advanced-fields:after{content:'';clear:left;display:table;}
#advanced-fields{display:flex; list-style:none;}
#advanced-fields > li{margin: 0 .5em;}
#advanced-fields label{display:block;font-size: 0.7em;padding-left:.2em;}
#advanced-fields ul .head{font-weight:bold;padding-bottom:5px;display:none;}
#advanced-fields ul label{font-weight:300;}
#advanced-fields .features label{margin:0;}
#advanced-fields .features li{}
#advanced-fields .button{padding:20px 0 0;}
#advanced-fields .phrase{}
#advanced-fields .features{}
#advanced-fields .category{padding:1em}
#search-form-advanced .search{margin-top: 1.1em;color:transparent;position: relative;    top: 3px;padding:1em}
#advanced-fields .clear, #search-form-advanced .clear{padding-top:1em;    line-height: 2em;}
#advanced-fields input[type="submit"],  #advanced-fields button[type="submit"]{ padding: 0.5em 0.9em;}



@media screen and (min-width:1024px){
  #advanced-fields{display:flex}
  #advanced-fields .phrase{}
  #advanced-fields .features{display:flex;flex-direction:row;width:50%;}
  #advanced-fields .category{}

  #advanced-fields .features ul{display:flex;flex-flow:row wrap;}
  #advanced-fields .features li.head{flex-basis:100%;}
  #advanced-fields .features li{flex-basis:50%;width:50%;}
}

/* ORDERING */
.widget.type-31{width:98%;}
.widget.type-32{width:98%;} /* user orders */

/* Display option: NEXT PREVIOUS PAGE */
.widget.type-28{flex-basis:94%;border:0;}
.widget.type-28 .next-prev{list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;}
.widget.type-28 .next{margin-left:auto;}
.widget.type-28 li a{display:inline-block;margin:.5rem 0;padding:5px 10px;text-decoration:none;background:#a7b0b5;color:#fff;}
.widget.type-28 li a:hover{background:#555;}

/* Display option: COMMENTS */
.widget.type-24 .name{margin-bottom:0.5em;font-weight:bold;color:#0070b8;}
.widget.type-24 p{line-height:1.4375rem;}

/* Display option: SOCIAL LINKS */
.type-13 ul{display:inline-block;list-style:none;}
.type-13 li{display:inline-block;margin:0 8px;vertical-align:middle;}
#content .type-13 img{box-shadow:none;}

/* SIDE TAB 
.side-tab-widget{position:fixed;right:-100px;top:50%;z-index:51;background:#555;font-size:0.75em;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.side-tab-widget a{display:block;padding:13px;text-decoration:none;color:#fff;font-size:1.633em;}
*/
.widgets-5{display: flex;flex-direction: row-reverse;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);position: fixed;top: 33%;right: -92px;font-size: 1.2em;}
.widgets-5 a{text-decoration:none;color:#fff;}
.side-tab-widget{padding:0;line-height:3em;}
.side-tab-widget img{}
.contactTab{background: black;padding:.05em;padding-left:.8em;padding-right:.8em;}
.contactTab a{display:block;}
.fbTab{background: #1c4e8b;width:50pxheight:50px;}
.fbTab img, .instaTab img{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);margin:.5em;}
.instaTab{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.instaTab a{color:#fff;}
.instaTab:hover{background:grey;}
.contactTab:hover{background:grey;}
.fbTab:hover{background:grey;}

/* Display option: RANDOM PAGE */
.widgets-list.widgets-9{border-top:1px solid #eee;padding-top:2em;}
.widget.type-8 img, .widget.type-9 img{margin:0 auto;text-align:center;}
.widget.type-8 img:hover, .widget.type-9 img:hover{opacity:0.8;}
.widget.type-8 div.description p, .widget.type-9 div.description p{padding:0.3em 0;}

/* Display option: NOTICES */
.widget.type-10{width:auto;}
aside.widget.type-10{display:none;padding:7px 0;background:#fff;font-size:0.75em;}
.widget.type-10 .close a{margin-left:2em;padding:5px 7px;font-weight:normal;text-decoration:none;background:#a7b0b5;color:#fff;}
.widget.type-10 .close a:hover{background:#00679a;}
.widget.type-10 .head{margin-bottom:7px;font-weight:bold;font-size:1.167em;}
.widget.type-10.location-0, .widget.type-10.location-2{position:fixed;z-index:2;width:100%;background-color:rgba(255,255,255,0.9);}
.widget.type-10.location-0{width:100%;left:0px;bottom:0px;padding:10px;  justify-content: center;    align-items: baseline;display:flex;}
.widget.type-10.location-2 div{display:inline-block;margin-right:4px;}
.widget.type-10.location-2 .head{margin-right:10px;font-weight:bold;}
.widget.type-10.location-2{}
.widget.type-10.location-2{top:0px;}
.widget.type-10.location-3{position:fixed;top:100px;left:50%;z-index:1001;width:700px;margin-left:-350px;padding:30px;text-align:center;background:#fff;border:5px solid #fff;border-radius:10px;}
.widget.type-10.location-1{padding:10px 0 20px;background:#aaa;}
.widget.type-10.location-2 .close{margin-left:20px;}
.widget.type-10.location-0 .close, .widget.type-10.location-1 .close, .widget.type-10.location-3 .close{margin-top:15px;}
.widget-dark-background{display:none;position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba( 0, 0, 0, 0.7 );z-index:250;}

/* Display option: CONTACT PANEL
   other contact panel styles you will find in style.css file in CONTACT-PANEL section
   just move it here and add .widgets-1 to create custom version */
.type-7{flex-basis:93%;}
.type-7 div.head, #content .widget.type-7 div.head{text-transform:none;}

/* SCROLL BACK TO TOP */
.back-to-top-widget{position:fixed;bottom:0em;right:0em;z-index:251;}
.back-to-top-widget a{display:block;width:55px;text-align:center;color:#333;text-transform:uppercase;text-decoration:none;transition:1s;opacity:0.3;}
.back-to-top-widget div.head{color:#666;font-size:1em;transition:1s;}
.back-to-top-widget a:hover, .back-to-top-widget a:hover div.head{opacity:1;color:#333;text-decoration:none;}
.back-to-top-widget a:before{content:'';display:block;width:100%;height:90px;margin-bottom:7px;background:#333 url('img/back_to_top.png') no-repeat center center;transition:1s;}
.back-to-top-widget a:hover:before{background-color:#333;}

.contact .widgets-list.widgets-8 ul{width:100%;display:flex;}

.widgets-3 > ul > li, .widgets-8 > ul > li {width:30%;}
li.promoted{width:30%;} 
.widget.promote.type-27  img{max-height:300px;}


.news .title a{text-align:center;}
.widgets-3 ul, .widgets-8 ul  {width:100%;list-style: none;display: inline-flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;align-content: center;}
.widgets-9 ul {width:100%;list-style: none;display: inline-flex;flex-direction: row;flex-wrap: wrap;}
.widget.menuBottom{flex:0 0 20%;}
.widget.contact{width: 33%;}
.widget.menuOferta{width:70%;list-style: none;display: inline-flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;}


.newItems .widget div.head, .theOffer .widget div.head{font-size:2em;    margin: 1em auto 1em;}
.newItems .widget div.head span a, .theOffer .widget div.head span a, .widget div.head span a{font-size:.6em;margin-left:1em;color:#888;}

.painting, .drawing{background:#f9f9f9;}
.painting::before{position: absolute;top: 0;width: 10000%;content: '';height: 100%;z-index: 1;background: #f9f9f9;display: block;right: 100%;z-index: 1;bottom:0;}

.contact .widgets-11 ul {display:flex;width:100%;}