/* 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:10px auto;text-align:left;overflow:hidden;}
.widgets-1 > ul > li{float:left;margin:10px 0;color:#333;}
.widgets-1 div.head{margin-bottom:10px;text-align:center;font-size:1em;color:#cc1426;}
.widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li, #content .widget{}
.widget div.head{margin:20px 0 10px;text-align:left;font-size:1.4em;color:#000; padding: 10px 20px; font-weight: bold;}
.widget div.head span	{color: #da9f03;}

.widgets-1 > ul, .widgets-3 > ul, .widgets-4 > ul{float:left;width:100%;list-style:none;}
.widget > div.description{padding-bottom:5px; padding-left: 0px;}
.widget ul{list-style:none;}
.widget{width:100%;}
.widget.third-size{width:31.3%;}
.widget.half-size{width:48%;}
.widget.full-size{width:98%;}

.widgets-2 > ul	{ float: right; clear: right; padding-right: 40px; font-size: 2.6em;}

/* TYPE: HEADER|FOOTER - GLOBAL */
.widgets-3 > ul > li{float:left;margin:10px 1%;border-top:5px solid #e8eaee;}

.widgets-2 > ul > li	{ border: 0px; list-style: none;}

/* INSIDE PAGE CONTENT - GLOBAL */
#content .widget{float:left;margin:0;}

/* Display option: CONTENT */
#content .widget.type-1{border:1px solid #e8eaee;border-top-width:5px;}
.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 */
.widget.type-2 img{float:right;margin:4px 15px 7px ;}
.widget.type-2 img:hover{opacity:0.8;}
.widget.type-2 div.description{margin-top:0.3em;text-align:justify; clear: left;}
#content .widget.type-2{border:0; padding: 10px 20px;}
.widget.type-2 .more{display:block;padding-top:10px; font-size: 0.9em; }
.widget.type-2 .more a	{text-decoration: none;}
.widget.type-2 .more a:hover	{text-decoration: underline;transition:all 0.5s ease;}

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

/* Display option: MENU */
.widget.type-4 nav ul{list-style:none;}
.widget.type-4 li{padding:0.2rem 0 0.2rem 1.1em;}
.widget.type-4 .level-0-el{background:url('img/list.png') no-repeat 0px 8px;font-size:1.188em;}
.widget.type-4 .level-0-el a{text-decoration:none;}
.widget.type-4 .level-0-el ul{font-size:0.895em;}
.widget.type-4 .level-0-menu li{padding-top:2px;}
.widget.type-4 .level-1-menu li:before{content:'>';margin:0 0.4em 0 -1.1em;font-size:0.824em;color:#cc1426;font-weight:bold;}
#content .widget.type-4{border:1px solid #e8eaee;border-top-width:5px;}

/* 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-list.no-type p{font-size:0.875em;}
#content #page div.content .pages-list.no-type{padding:0;}
.widget.type-5 .pages-5 li{width:30%;margin:10px 1%;padding:10px 0.5%;border:0;text-align:center;}
.widget.type-5 .pages-5 li:nth-child(4n+1){clear:none;}
.widget.type-5 .pages-5 li:nth-child(3n+1){clear:left;}
.widget.type-5 .pages-5 .description{text-align:left;font-size:0.875em;}

/* ADMIN OPTIONS */
.widget-edit{position:relative;display:block; display: none;/*arnev*/}
.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;}
}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:480px){
  .widget[class*='type-']{width:100%;}
}
@media screen and (min-width:1280px){
  .widgets-1{width:1200px;}
}

/* PLUGINS */

/* USERS */
#page .widget.type-17, #page .widget.type-18{width:98%;}
#user-panel{width:96%;margin:0 auto;}
#user-panel input{margin:4px 0 10px;}
#user-panel dd:not(.captcha) input{width:97%;}
#user-panel .button input{padding-left:38px;background:#0093dd url('img/users_login.png') no-repeat 10px center;text-transform:uppercase;letter-spacing:1px;}
#user-panel .button input:hover{background-color:#00679a;}
#user-panel.msg.error{background-image:none;font-size:1.25em;}
#user-panel .links{margin:4px 0;text-transform:lowercase;}
#user-panel .links:before{content:'>';margin-right:7px;font-size:0.824em;color:#cc1426;font-weight:bold;}
#profile .option{margin:4px 0 10px;font-size:0.875em;}
#profile .option label{margin-left:4px;font-weight:normal;}
#profile.register #user-not-required{display:none;}
#profile ul{list-style:none;}
.widgets-list #profile .save{margin-top:20px;text-align:left;}
.msg#profile, .msg#user-panel{padding-top:50px;background-position:center 15px;}
.widget.type-26 .user-link{display:block;padding:4px 0 4px 25px;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');}
@media screen and (max-width:460px){
  .widgets-list .widget.type-17, .widgets-list .widget.type-18{width:98%;}  
}

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

/* SIDE TAB */
.side-tab-widget{position:fixed;right:-100px;top:50%;z-index:51;background:#0093dd;font-size:0.75em;border-top-left-radius:15px;border-top-right-radius:15px;-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;}

/* 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{padding:5px 7px;font-weight:normal;text-decoration:none;background:#0093dd;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:200px;left:0px;bottom:0px;padding:10px;border:1px solid #bbb;}
.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{border-bottom:1px solid #555;}
.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;}
.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:1000;}

/* Display option: FACEBOOK LIKE BOX */
.widget.type-19 .head{text-align:left;padding:0 0 5px 10px;font-weight:bold;}
.widget.type-19 .fb-page{overflow:hidden;background-color:transparent;}
.widget.type-19 .button{display:none;}

.widgets-5 aside.widget.type-19{z-index:50;position:fixed;top:230px;width:auto;padding:10px 10px 10px 0;}
.widgets-5 .widget.type-19.left{left:0px;padding-left:0;}
.widgets-5 .widget.type-19.right{right:0px;padding-right:0;}
.widgets-5 .widget.type-19.left .fb-page{float:left;border-top-right-radius:10px;border-bottom-right-radius:10px;}
.widgets-5 .widget.type-19.right .fb-page{float:right;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.widgets-5 .widget.type-19 .button{display:block;float:right;padding:0 5px 30px;}

@media print{
  .widgets-5 .widget.type-19{display:none;}
}
/* 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 div.head, #content .widget.type-7 div.head{text-transform:none;}
@media screen and (max-width:899px){
  .type-7{width:98%;}
}

#content .widget-id-11, #content .widget-id-12	{width: 50%; border: 0px solid #ff9900 !important; float:right;}

/* SCROLL BACK TO TOP */
.back-to-top-widget{position:fixed;bottom:30px;right:1.5%;}
.back-to-top-widget a{display:block;width:80px;text-align:center;color:#666;text-transform:uppercase;text-decoration:none;transition:1s;opacity:0.6;}
.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:#0093dd;text-decoration:none;}
.back-to-top-widget a:before{content:'';display:block;width:100%;height:90px;margin-bottom:7px;background:#607380 url('img/back_to_top.png') no-repeat center center;border-radius:15px;transition:1s;}
.back-to-top-widget a:hover:before{background-color:#0093dd;}
@media screen and (max-width:1280px){
  .back-to-top-widget{right:0.5%;}
  .back-to-top-widget a{opacity:0.3;}
}

@media screen and (max-width:1199px){
/*#content .widget-id-5 li{ border: 0px solid #ff9900 !important; width: 50%; float: left; clear: none;}*/
}

@media screen and (max-width:999px){
  	.widget.type-2 img 	{width: 50%;}
	}

@media screen and (max-width:800px){
  .back-to-top-widget a{width:40px;}
  .back-to-top-widget a:before{height:40px;border-radius:22px;background-position:center top;border:2px solid #607380;}
  .back-to-top-widget a:hover:before{border-color:#0093dd;}
  .back-to-top-widget .description{display:none;}
  
  #content .widget-id-11, #content .widget-id-12	{width: 100%; border: 0px solid #ff9900 !important; float:left;clear: both;}
  #content .widget-id-8 table	{ width: 100% !important; line-height: 1.5em; }
  
  .widgets-2 > ul	{ float: right; clear: right; padding: 10px 10px;width:100%;  font-size: 2.8em; text-align: center;}

}

@media screen and (max-width:480px){
	.widget.type-3, .widget.type-6	{display: none;}

.content .widget-id-7	{padding: 30px 0 0 ;}

#content .widget-id-5 li{ border: 0px solid #ff9900 !important; width: 100%; float: left; clear: none;}
#content .widget-id-5 {border-bottom: 1px solid #666;}
}


#content .widget-id-6  {background:url('img/baner.png') no-repeat;}

#content .widget-id-8 {border-top: 1px solid #666 !important; background: url('img/bg-kontakt.jpg') no-repeat center center; color: #fff;} 

#content .widget-id-8 table	{ background: url('img/bg-table.png'); color:#fff; width: 80% !important; margin: 0 auto; }
#content .widget-id-8 table a	{color: #fff;}
#content .widget-id-8 td	{padding: 20px;}
#content .widget-id-13 .description	{ font-size: 0.8em; padding-bottom: 10px; }
#content .widget-id-13 a	{color:#fff;}

.pages-gallery .page:nth-child(2n)	{ background: #e7e4ce !important; }