/* Quick.Cms.Ext v6.x slider 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
  . widgets-9... - type: footer
  #content ... - type: inside page content
*/

/* GLOBAL */
.widgets-1{position:relative;width:100%px;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:#1A161A;}
.widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li, #content .widget{padding:0;}
.widget div.head{text-align:left;font-size:0.8em;color:#1A161A;line-height: 100%;}
.widgets-1 > ul, .widgets-2 > ul, .widgets-3 > ul, .widgets-4 > ul,  .widgets-8 > ul{float:left;width:100%;list-style:none;}
.widgets-list.widgets-9 {margin: 0 ;width:70%;display:flex;}
.widget > div.description{padding: 0 2em;}
.widget ul{list-style:none;padding-bottom: 3em;padding-top:5em;}
.blog .widget ul{list-style:none;padding-bottom: 0;padding-top:0em;}
/* TYPE: HEADER|FOOTER - GLOBAL */
.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:0;position:relative;z-index:10}
.blog #content .widget{float:right;margin:0;position:relative;z-index:10}

/* Display option: CONTENT */
.widget.type-1{width:100%;}
#foot .widget.type-1{width:100%;display:flex}
#content .widget.type-1{}
.widget.type-1 ul, .widget.type-1 ol{padding:0;overflow:hidden;}
.widget.type-1 li{margin:5px 0;padding:0;border-left:0;}
.widget.type-1 p{padding-bottom:7px;}
.phones {display:flex;flex-direction: column;width:100#;padding-left:3em;}
.phones div.head {font-size:0.8em;color:#eee;padding-bottom:1em;}
.phones div.description {padding:0;}

/* Display option: PAGE */
.widget.type-2{width:100%;}
.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.name{font-size:1.188em;}
.widget.type-2 div.name a{text-decoration:none;}
.widget.type-2 time{display:block;padding-top:5px;color:#6e6e6e;}
.widget.type-2 div.description{margin-top:4rem;font-size:1em;}
#content .widget.type-2{width:100%;    margin-top: 0em;}

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

/* Display option: MENU */
.widget.type-4{width:100%;}
.widget.type-4 nav ul{list-style:none;}
.widget.type-4 nav > ul > li{padding:4px 0 4px 22px;background:url('img/list.png') no-repeat 0px 8px;font-size:1.188em;}
.widget.type-4 nav > ul > li a{text-decoration:none;}
.widget.type-4 nav > ul > li ul{margin-left:3px;font-size:0.895em;}
.widget.type-4 nav > ul > li li{padding-top:2px;}
.widget.type-4 nav > ul > li li:before{content:'>';margin-right:7px;font-size:0.824em;color:#1A161A;font-weight:bold;}
#content .widget.type-4{width:100%;}

/* 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{width:100%;}
.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;}



/* PLUGINS */

/* Display option: NOTICES */
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: MENU - DROP DOWN */
.type-4 nav > ul{border-top:1px solid #cc1426;}
.type-4 nav > ul > li{position:relative;border-bottom:1px solid #cc1426;}
.type-4 nav > ul > li ul{display:none;position:absolute;top:-1px;left:99%;z-index:10;background:#fff;border:5px solid #cc1426;border-width:1px 1px 1px 5px;white-space:nowrap;}
.type-4 nav > ul > li:hover > a{color:#cc1426;}
.type-4 nav > ul > li:hover > ul{display:block;}
.type-4 nav > ul > li:hover ul li{position:relative;padding:2px 5px 0 8px;border-bottom:1px solid #cc1426;}

.type-4 nav > ul > li > ul > li > ul{left:98%;}
.type-4 nav > ul > li > ul > li:hover ul{display:block;}

/* 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:350px;}

/* Display option: TAGS */
.widget.type-23{width:100%;}
.widget.type-23 ul{list-style:none;}
.widget.type-23 li{float:left;margin:0 15px 4px 0;}
.widget.type-23 li a{padding-left:20px;background:url('img/tag.png') no-repeat 0px 2px;}
.widget.type-23 li a:hover{color:#1A161A;}


/* Display option: SOCIAL LINKS */
.type-13{width:auto;text-align:center;}
.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;}
.widgets-300{display:flex;flex-direction:column;width:100%;margin-top:2em;}
.widgets-300 li{list-style:none;}


#content .issues{background:#000 url('img/issues.jpg') no-repeat center; background-size: cover;min-height: 400px;}
#content .issues div.head{color: #fff;font-weight:bold;font-size:8em;letter-spacing:-0.07em;font-style: italic;line-height:0.75em;}
#content .issues div.description{color: #fff;font-size: 1.188em;font-weight: 300;}

#content .clients{background: #fff url('img/clientsl.jpg') no-repeat center -100px;background-size:cover;padding:0;text-align: center;}
#content .clients div.head{text-align: center;display: inline-block;vertical-align: middle;font-size:4em;}
#content .clients div.head span{color:#33a6cc;}
#content .clients div.head .slick-prev{height: 41px;width: 38px;display: inline-block;position: static;vertical-align: middle;-webkit-transform:none;-ms-transform:none;transform:none;margin: 0 40px 20px 0;}
#content .clients div.head .slick-prev:before{content: '';height: 60px;width: 38px;background: url('img/narrow.svg') no-repeat center;display: block;-moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);}
#content .clients div.head .slick-next{height: 41px;width: 38px;display: inline-block;position: static;vertical-align: middle;-webkit-transform:none;-ms-transform:none;transform:none;margin: 0 0 20px 40px;}
#content .clients div.head .slick-next:before{content: '';height: 60px;width: 38px;background: url('img/narrow.svg') no-repeat center;display: block;}



#content .clients div.slider{padding-top: 0px;}
#content .clients div.slider .slick-initialized .slick-slide{height: 200px;}
#content .clients div.slider .slick-initialized .slick-slide img{opacity:0.3;position: relative;top: 50%;    -webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}

#content .multitool{background:#001921 url('img/multi.jpg') no-repeat top; background-size: cover;min-height: 1150px;color:#fff;padding-top: 3em;}
#content .multitool div.head{color: #fff;font-weight:bold;font-size:7em;letter-spacing:-0.07em;font-style: italic;line-height:0.5em;text-align:center;}
#content .multitool h2{color: #fff;}

#content .giroscop div.head{text-align: center;font-size: 3em;}
#content #widget-1.giroscop div.head:after, #content #widget-16.giroscop div.head:after{display: inline-block;content: '';height: 65px;width: 305px;background-size: 100%;vertical-align: -20px;margin-left: 20px;}
#content .giroscop > div.description{padding:0;} 
/*#content .contactButtons div.head:before{background: url('img/Release11logo_color.svg') no-repeat;display: block;content: '';height: 130px;width: 610px;background-size: 100%;vertical-align: middle;margin:0 auto;}*/




#content .safety{background:#000 url('img/bezpieczenstwo.jpg') no-repeat center; background-size: cover;min-height: 850px;}
#content .safety div.head{color: #Fff;}
#content .safety div.description{color: #fff;font-size: 1.188em;font-weight: 300;}

#content .tools{background: #0caccc;color: #fff;}
#content .tools div.head{color: #0caccc;font-size: 12em;background: #fff;line-height: 0.4;text-align: center;letter-spacing: -0.06em;font-style: italic;font-weight: bold;}
#content .tools div.description ul{width: 50%;float: left;padding-right: 5%;}
#content .tools div.description ul li{margin: 5px 0 15px;float: left;}
#content .tools div.description {font-size: 1.188em;font-weight: 300;}
#content .tools div.description strong{color: #000;font-weight: 700;}

#content .what div.head{position:absolute;color: #fff;font-size: 7em;letter-spacing: -0.06em;font-style: italic;font-weight: bold;top: -0.5em;text-align: center;width: 100%;top: -0.8em;}


#content .contactButtons{background:#fff ; background-size: cover;position: relative;}
#content .contactButtons h2{font-size:2em;}
#content .contactButtons div.head{text-align: center;}
#content .contactButtons:after{background: #fff;height: 129px;width: 100%;left: 0;position: absolute;bottom: 0;content: '';}

#content #widget-7{padding: 0;width: 100%;background: #D8D8D8;}
#content #widget-7 div.description {font-size: 1.344em;padding: 25px 10%;float: left;width: 100%;}
#content #widget-7 div.description ul{list-style: none;}
#content #widget-7 div.description ul li{width: 33.333%;width: calc(100%/3);float: left;padding: 50px 0;}

#content #widget-8, #content #widget-23{padding: 0;width: 100%;}



#content .safety, #content .issues {padding-top: 220px;}

#content .safety .description, #content .issues .description{width:35%;padding-left:10%;}
#content .safety .head, #content .issues .head{width:35%;padding:0 0 1rem 10%;}

#content .clients {min-height:700px;}
#content .clients .head{padding:60px 10% 0;}
#content .clients .slider{padding:0 10%;}

#content .tools {}
#content .tools .description{width:100%;padding:0 0;}
#content #widget-5 div.description ul{ list-style-type: disc !important; }
#content .tools .head{width:100%;padding:30px 0;color:#000;font-weight:600;font-size:3em;}
#content .tools h2{font-size:1.9em;font-weight:400;color:#000;margin-bottom:1em;}
#content #widget-5 div.description ul li{margin:2em 0;}

#content .blog {min-height:600px;padding: 1rem 10%;}
#content .blog .slider-description{width:50%;padding:0 0;color:#fff;}
#content .blog .head{width:50%;padding: 3rem 0 0;font-size:2em;width:100%;font-style:italic;}
#content .blog .name a{color:#fff;text-decoration:none;line-height: 1em;}
#content .blog{background:#000 url('img/blog.png') no-repeat center; background-size: cover;min-height: 850px;}



#content .giroscop div.head, #content .giroscop3 div.head{padding: 0em 10% 0;text-align: center;}
#content .giroscop > li, #content .giroscop3 > li {min-height:600px; }

#content .giroscop .description, #content .giroscop3 .description { padding:0;}
#content .giroscop .pages-list, #content .giroscop3 .pages-list  {display:flex; flex-direction:row;flex-wrap: wrap;padding: 2em 9em;}
#content .giroscop .pages-list  li{width:33%;}
#content .giroscop .pages-list  li h2{font-weight:600;}
#content .giroscop .pages-list  li ul{ list-style-type: disc; margin-left:1rem;}
#content .giroscop .pages-list  li li, #content .giroscop.columns-1 .pages-list  li li,  #content .giroscop.columns-2 .pages-list  li li,  #content .giroscop.columns-3 .pages-list  li li, #content .giroscop.columns-4 .pages-list  li li{width:100%;}
#content .giroscop3 .pages-list  li{width:33%;}
#content .giroscop .pages-list > li, #content .giroscop3 .pages-list > li{padding: 2rem 2rem 0; }
#content .giroscop .pages-list li h2, #content .giroscop3 .pages-list li h2 {text-align:left;padding:1rem 0 1rem;}
#content .giroscop .pages-list li h2 span, #content .giroscop3 .pages-list li h2 span{color: #4CA7CA;}
#content .giroscop .pages-list li .description, #content .giroscop3 .pages-list li .description   { padding:0;}
#content .giroscop .pages-list li .leftColumn, #content .giroscop3 .pages-list li .leftColumn  { width:50%;padding:30px 5% 0 0;}
#content .giroscop .pages-list li .rightColumn, #content .giroscop3 .pages-list li .rightColumn  { width:50%;padding:30px 0 0;}
#content .giroscop .pages-list li img, #content .giroscop3 .pages-list li img{margin: 40px auto;}

#content .giroscopAdministration div.head, #content .giroscopAdministration3 div.head{padding: 70px 10% 0;}
#content .giroscopAdministration > li, #content .giroscopAdministration3 > li {min-height:600px; }

#content .giroscop.columns-1 .pages-list  li{width:100%;}
#content .giroscop.columns-2 .pages-list  li{width:50%;}
#content .giroscop.columns-3 .pages-list  li{width:33%;}
#content .giroscop.columns-4 .pages-list  li{width:25%;}

#content.widget.giroscop.type-2{margin-bottom:0em 0 2em;}

#content .tools .pages-list  li li, #content .tools.columns-1 .pages-list  li li,  #content .tools.columns-2 .pages-list  li li,  #content .tools.columns-3 .pages-list  li li, #content .tools.columns-4 .pages-list  li li{width:100%;}
#content .tools.columns-1 .pages-list  li{width:100%;}
#content .tools.columns-2 .pages-list  li{width:50%;}
#content .tools.columns-3 .pages-list  li{width:33%;}
#content .tools.columns-4 .pages-list  li{width:25%;}

#content .multitool .pages-list  li li, #content .multitool.columns-1 .pages-list  li li,  #content .multitool.columns-2 .pages-list  li li,  #content .multitool.columns-3 .pages-list  li li, #content .multitool.columns-4 .pages-list  li li{width:100%;}
#content .multitool.columns-1 .pages-list  li{width:100%;}
#content .multitool.columns-2 .pages-list  li{width:50%;}
#content .multitool.columns-2 .pages-list  li:first-child{position:absolute;left:2em;top:17em;}
#content .multitool.columns-2 .pages-list  li:last-child{position:absolute;bottom:5em;}
#content .multitool.columns-2 .pages-list  li:nth-of-type(2n){position:absolute;bottom:14em;}
#content .multitool.columns-3 .pages-list  li{width:33%;}
#content .multitool.columns-4 .pages-list  li{width:25%;}


#content .giroscop div.head, #content .giroscop3 div.head{padding: 0em 10% 0;/* text-align: center; */font-weight: bold;text-align: left;letter-spacing: -0.04em;font-style: italic;color:#000;}
#content .giroscop div.head span, #content .giroscop3 div.head span{color:#0caccc;}
#content .giroscop > li, #content .giroscop3 > li {min-height:600px; }

#content .multitool .description, #content .multitool3 .description { padding:0;}
#content .multitool .pages-list, #content .multitool3 .pages-list  {display: flex;flex-direction: row;flex-wrap: wrap;padding: 4em;align-content: center;justify-content: flex-end;align-items: flex-start;}
#content .multitool .pages-list  li{width:33%;}
#content .multitool .pages-list  li h2{font-weight:600;}
#content .multitool .pages-list  li ul{ list-style-type: disc; margin-left:1rem;}
#content .multitool .pages-list  li li, #content .multitool.columns-1 .pages-list  li li,  #content .multitool.columns-2 .pages-list  li li,  #content .multitool.columns-3 .pages-list  li li, #content .multitool.columns-4 .pages-list  li li{width:100%;}
#content .multitool3 .pages-list  li{width:33%;}
#content .multitool .pages-list > li, #content .multitool3 .pages-list > li{padding: 70px 5%;}
#content .multitool .pages-list li h2, #content .multitool3 .pages-list li h2 {text-align:left;padding:10px 0 30px;}
#content .multitool .pages-list li h2 span, #content .multitool3 .pages-list li h2 span{color: #0caccc;}
#content .multitool .pages-list li .description, #content .multitool3 .pages-list li .description   { padding:0;}
#content .multitool .pages-list li .leftColumn, #content .multitool3 .pages-list li .leftColumn  { width:50%;padding:30px 5% 0 0;}
#content .multitool .pages-list li .rightColumn, #content .multitool3 .pages-list li .rightColumn  { width:50%;padding:30px 0 0;}
#content .multitool .pages-list li img, #content .multitool3 .pages-list li img{margin: 40px auto;}

ul.multiInfo {display:flex;margin:0 auto;width:50%;}
ul.multiInfo li:nth-child(1) {width:20%;}
ul.multiInfo li:nth-child(2) {width:80%;}

#content .tools .description, #content .tools3 .description { padding:0;}
#content .tools .pages-list, #content .tools3 .pages-list  {display:flex; flex-direction:row;flex-wrap: wrap;padding: 2em 9em;}
#content .tools .pages-list  li{width:33%;}
#content .tools .pages-list  li h2{font-weight:600;}
#content .tools .pages-list  li ul{ list-style-type: disc; margin-left:1rem;}
#content .tools .pages-list  li li, #content .tools.columns-1 .pages-list  li li,  #content .tools.columns-2 .pages-list  li li,  #content .tools.columns-3 .pages-list  li li, #content .tools.columns-4 .pages-list  li li{width:100%;}
#content .tools3 .pages-list  li{width:33%;}
#content .tools .pages-list > li, #content .tools3 .pages-list > li{padding: 70px 5%;}
#content .tools .pages-list li h2, #content .tools3 .pages-list li h2 {text-align:left;padding:10px 0 30px;color:#fff;font-size:3em;letter-spacing:-0.04em;font-style:italic;}
#content .tools .pages-list li h2 span, #content .tools3 .pages-list li h2 span{color: #000;}
#content .tools .pages-list li .description, #content .tools3 .pages-list li .description   { padding:0;}
#content .tools .pages-list li .leftColumn, #content .tools3 .pages-list li .leftColumn  { width:50%;padding:30px 5% 0 0;}
#content .tools .pages-list li .rightColumn, #content .tools3 .pages-list li .rightColumn  { width:50%;padding:30px 0 0;}
#content .tools .pages-list li img, #content .tools3 .pages-list li img{margin: 40px auto;}



#content .giroscop.ndb{background:#eee;}
#content .giroscop.techno {background:#000;color:#fff;}
#content .giroscop.techno h2, #content .giroscop.techno .head{color:#fff;}
#content .giroscop.services {background:#0caccc;color:#fff;}
#content .giroscop.services h2, #content .giroscop.services .head{color:#fff;}
#content .giroscop.logo .head:before{background: url('img/sygnet_color.svg') no-repeat;display: inline-block;content: '';height: 58px;width: 58px;background-size: 100%;vertical-align: -15px;margin-right: 10px;}
#content .giroscop.logoGrey .head:before{background: url('img/sygnet_white.svg') no-repeat;display: inline-block;content: '';height: 58px;width: 58px;background-size: 100%;vertical-align: -15px;margin-right: 10px;}

#content .contactButtons{min-height: 560px;}
#content .contactButtons .head {padding:150px 10% 70px;}
#content .contactButtons .head span{color: #4CA7CA;}

.widget.giroscop.type-2{display:flex;padding: 4em 4em 5em;}
.widget.tools.columns-3.type-5{display:flex;}