/* Quick.Cms.Ext v6.x slider stylesheet */
/* WIDGETS */
/* .widgets-1 ... - type: top header */
/* .widgets-2 ... - type: header below menu */
/* .widgets-3 ... - type: footer after content */
/* #content ... - type: inside page content */

/* GLOBAL */
.widgets-1{position:relative;width:1200px;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{padding:10px 1%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.widgets-2 div.head, .widgets-3 div.head, #content .widget div.head{margin-bottom:10px;text-align:center;font-size:1.25em;text-transform:uppercase;color:#cc1426;}
.widgets-1 > ul, .widgets-2 > ul, .widgets-3 > ul{float:left;width:100%;list-style:none;}

/* TYPE: HEADER|FOOTER - GLOBAL */
.widgets-2 > ul, .widgets-3 > ul{float:left;width:100%;list-style:none; padding:0; }
.widgets-2 > ul > li, .widgets-3 > ul > li{float:left;margin:10px 1%;border-top:5px solid #e8eaee;}

/* INSIDE PAGE CONTENT - GLOBAL */
#content .widget{float:left;margin:10px 1%;}

/* Display option: CONTENT */
.widgets-2 .type-1, .widgets-3 .type-1, #content .widget.type-1{width:100%; padding: 0px; margin: 0px;}
#content .widget.type-1{border:0px solid #e8eaee;border-top-width:0px;}
.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 */
.widgets-2 .type-2, .widgets-3 .type-2{width:31.3%;}
.widgets-2 .type-2 img, .widgets-3 .type-2 img, #content .widget.type-2 img{float:left;margin:4px 15px 7px 0;box-shadow:0 0 4px rgba(100,100,100,0.4);}
.widgets-2 .type-2 img:hover, .widgets-3 .type-2 img:hover, #content .widget.type-2 img:hover{opacity:0.8;}
.widgets-2 .type-2 div.name, .widgets-3 .type-2 div.name, #content .widget.type-2 div.name{font-size:1.188em;}
.widgets-2 .type-2 div.name a, .widgets-3 .type-2 div.name a, #content .widget.type-2 div.name a{text-decoration:none;}
.widgets-2 .type-2 time, .widgets-3 .type-2 time, #content .widget.type-2 time{display:block;padding-top:5px;color:#6e6e6e;}
.widgets-2 .type-2 div.description, .widgets-3 .type-2 div.description, #content .widget.type-2 div.description{margin-top:6px;text-align:justify;font-size:0.875em;}
#content .widget.type-2{width:31.3%;border:1px solid #e8eaee;border-top-width:5px;}

/* Display option: SLIDER
   slider styles in style-slider.css file */
.widgets-2 .type-3, .widgets-3 .type-3, #content .widget.type-3, .widgets-2 .type-6, .widgets-3 .type-6, #content .widget.type-6{width:48%;padding-left:0;padding-right:0;}

/* Display option: MENU */
.widgets-2 .type-4, .widgets-3 .type-4{width:31.3%;}
.widgets-2 .type-4 nav ul, .widgets-3 .type-4 nav ul, #content .widget.type-4 nav ul{list-style:none;}
.widgets-2 .type-4 nav > ul > li, .widgets-3 .type-4 nav > ul > li, #content .widget.type-4 nav > ul > li{padding:4px 0 4px 22px;background:url('img/list.png') no-repeat 0px 8px;font-size:1.188em;}
.widgets-2 .type-4 nav > ul > li a, .widgets-3 .type-4 nav > ul > li a, #content .widget.type-4 nav > ul > li a{text-decoration:none;}
.widgets-2 .type-4 nav > ul > li ul, .widgets-3 .type-4 nav > ul > li ul, #content .widget.type-4 nav > ul > li ul{margin-left:3px;font-size:0.895em;}
.widgets-2 .type-4 nav > ul > li li, .widgets-3 .type-4 nav > ul > li li, #content .widget.type-4 nav > ul > li li{padding-top:2px;}
.widgets-2 .type-4 nav > ul > li li:before, .widgets-3 .type-4 nav > ul > li li:before, #content .widget.type-4 nav > ul > li li:before{content:'>';margin-right:7px;font-size:0.824em;color:#cc1426;font-weight:bold;}
#content .widget.type-4{width:31.3%;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 */
.widgets-2 .type-5, .widgets-3 .type-5, #content .widget.type-5{width:100%;}
.widgets-2 .type-5 .pages-list p, .widgets-3 .type-5 .pages-list p, #content .widget.type-5 .pages-list p{font-size:0.875em;}
#content #page div.content .pages-list{padding:0;}
.widgets-2 .type-5 .pages-5 li, .widgets-3 .type-5 .pages-5 li, #content .widget.type-5 .pages-5 li{width:30%;margin:10px 1%;padding:10px 0.5%;border:0;text-align:center;}
.widgets-2 .type-5 .pages-5 li:nth-child(4n+1), .widgets-3 .type-5 .pages-5 li:nth-child(4n+1), #content .widget.type-5 .pages-5 li:nth-child(4n+1){clear:none;}
.widgets-2 .type-5 .pages-5 li:nth-child(3n+1), .widgets-3 .type-5 .pages-5 li:nth-child(3n+1), #content .widget.type-5 .pages-5 li:nth-child(3n+1){clear:left;}
.widgets-2 .type-5 .pages-5 .description, .widgets-3 .type-5 .pages-5 .description, #content .widget.type-5 .pages-5 .description{text-align:left;font-size:0.875em;}

#widget-1	{border: 0px solid #ff9900; margin: 0px 0 0 0; padding:0; width:100%; }
#widget-1 ul	{margin: 0;}
#widget-1 li	{width:33%; float: left; clear: none; text-align: center; padding:0 ; margin:0 0.5% 0 0; border:0px solid #ff9900; background: #8E3DCA;}
#widget-1 li	{width:33%; float: left; clear: none; text-align: center; padding:0 ; margin:0 0.5% 0 0; border:0px solid #ff9900; background: #8E3DCA;}
#widget-1 li:last-child	{margin:0;}
#widget-1 h2	{ padding:5px 0; font-family: 'tw cen mt'; font-size: 1em; }
#widget-1 h2 a	{color:#fff;}

#widget-2	{border: 0px solid #ff9900;}	
#widget-2 ul	{margin: 0; padding: 0; background: #8E3DCA;}	
#widget-2 li	{list-style: none;  border: 0px solid #ff9900; width:24.9%; float: left; margin: 20px 0;  text-align: center; padding: 0 ; font-family: 'tw cen mt'; color:#fff; border-right: 1px solid #fff;}
#widget-2 li:last-child	{border:0;}
#widget-2 li	h3	{ font-size: 2em; color: #ffffff;}

#widget-3	{border: 0px solid #ff9900; padding: 30px 5% 20px; text-align: center; font-size: 0.7em;}	
#widget-4	{border: 0;}

#widget-5	{border: 0px solid #ff9900; }	
#widget-5 ul	{margin: 0 auto; padding: 0; }	
#widget-5 li	{list-style: none;  border: 0px solid #ff9900; width:20%; float: left; margin: 20px 6% 30px;  text-align: center; padding: 0 ; font-family: 'tw cen mt'; color:#000; }
#widget-2 li:last-child	{border:0;}
#widget-5 	h4	{ font-size: 1em; border-bottom: 3px solid #8E3DCA; width:auto;}

#widget-8	{border: 0px;border-right: 3px solid #8E3DCA; width:220px; height:170px; position: absolute; top:200px; left: 200px; background:#fff; padding:20px 10px 10px;}
#widget-8	.head	{text-align: left; color: #8E3DCA; font-size: 0.8em; font-weight: bold;}

#widget-9	{border: 0px;; width:auto; height:170px; position: absolute; top:210px; left: 423px; background:#fff; padding:10px 20px 0; margin: 0;}


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

/* PLUGINS */

/* SIDE TAB */
.side-tab-widget{position:fixed;right:-100px;top:50%;z-index:1000;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);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.side-tab-widget a{display:block;padding:13px;text-decoration:none;color:#fff;font-size:1.633em;}
/* Display option: CONTACT PANEL
   other subpages 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{width:48%;}
.type-7 div.head, #content .widget.type-7 div.head{text-transform:none;}

/* 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 a:hover{opacity:1;color:#0093dd;text-decoration:none;}
.back-to-top-widget a:before{content:'';display:block;width:80px;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:1200px){
  #widget-8{left:0px;top:104px;}
  #widget-9{left:220px;top:114px;}
}

@media screen and (max-width:720px){
  #widget-2 li	h3	{ font-size: 0.8em; color: #8E3DCA;}
  #widget-2 li	{list-style: none;  border: 0px solid #ff9900; width:24%; float: left; margin: 20px 0;  text-align: center; padding: 0 ; font-family: 'tw cen mt'; color:#fff; border-right: 1px solid #fff;}
  #widget-8{left:-10px;top:334px;width:53%;}
  #widget-8 img{width:100%;}
  #widget-9{left:50%;top:344px;width:50%;}
  #widget-9 img{width:70%;}
}