/*
* grafiQa - style skórki (scalone z plików 6.0: style.min.css, style-sliders.min.css, style-widgets.min.css, style-responsive.css, animate.css)
* Nieużywane reguły usunięte narzędziem migracja/css-scal-i-wyczysc.py
*/

/* ===== style.min.css ===== */
:root{
  --color-text: #6d6f64;
  --color-white: #fff;
  --color-bg: #fff;
  --qr-color:  #111;
  --qr-bgcolor: #fff;
}
@font-face{
  font-family:'open_sans';
  src:url(img/OpenSans-CondLight-webfont.eot);
  src:url(img/OpenSans-CondLight-webfont.eot?#iefix) format("embedded-opentype"),url(img/OpenSans-CondLight-webfont.ttf) format("truetype");
  font-weight:lighter;
  font-style:lighter;
}
@font-face{
  font-family:'avalon';
  src:url(img/avalonpn-webfont.eot);
  src:url(img/avalonpn-webfont.eot?#iefix) format("embedded-opentype"),url(img/avalonpn-webfont.ttf) format("truetype");
  font-style:lighter;
  font-weight:lighter;
  font-style:lighter;
}
body,
body *{
  margin:0;
  padding:0;
  border:0;
}
body,
table{
  color:#333;
  font-size:1em;
  font-family:sans-serif;
  font-weight:lighter;
}
h1,
h2,
h3,
h4{
  font-size:1em;
}
h5{
  margin:20px;
}
body{
  padding:0;
  background:#fff;
  text-align:center;
}
body::selection{
  background:#1d7a8d;
  color:#fff;
}
body::-moz-selection{
  background:#1d7a8d;
  color:#fff;
}
input[type="text"],
input[type="password"],
input[type="file"],
input[type="email"],
select,
textarea{
  padding:7px .7%;
  border-width:1px;
  border-style:solid;
  border-color:#bbb;
  font-family:Arial,sans-serif;
  font-size:1em;
  border-radius:2px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus{
  border-color:#bbb;
  box-shadow:0 0 1px rgba(0,0,0,0.6);
}
input[type="text"].warning-required,
input[type="password"].warning-required,
input[type="email"].warning-required,
select.warning-required,
textarea.warning-required{
  background:#fbefef;
  border-color:#000;
}
input[type="submit"],
button[type="submit"]{
  padding:5px 14px;
  width:100px;
  height:100px;
  background:#2a2a2a;
  color:#fff;
  transition:all .3s ease;
  font-family:Arial,sans-serif;
  font-size:1em;
  border-radius:2px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  font-family:open_sans;
  text-transform:uppercase;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus{
  background:#1d7a8d;
  cursor:pointer;
}
label{
  font-weight:700;
}
label span{
  padding-left:10px;
  color:#aaa;
  font-weight:lighter;
}
table{
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
}
tbody,
tfoot,
thead{
  margin:0;
  padding:0;
}
caption,
tr,
th,
td{
  margin:0;
  padding:2px 4px;
  border:1px solid #e8eaee;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
a{
  color:#1d7a8d;
  text-decoration:underline;
}
a:hover{
  color:#000;
  text-decoration:underline;
}
.msg{
  clear:both;
  overflow:hidden;
  padding:20px 0;
  text-align:center;
}
.msg.done,
.msg.error{
  margin:10px 0;
  background:#0093dd url(img/info.png) no-repeat 20px center;
  color:#fff;
  font-size:1.5em;
}
.msg.done a,
.msg.error a{
  color:#fff;
}
.msg.done a:hover,
.msg.error a:hover{
  color:#1f1a17;
}
.msg a.action{
  display:inline-block;
  margin:7px;
  padding:3px 8px;
  border:1px solid #fff;
  text-decoration:none;
  font-size:.813em;
}
.msg a.action:hover{
  background:#fff;
}
.msg.panel a.action{
  margin-top:13px;
}
.msg.error{
  background-color:#cc1426;
}
.wai{
  position:absolute;
  width:1px;
  height:1px;
  clip:rect(1px 1px 1px 1px);
  clip:rect(1px,1px,1px,1px);
  overflow:hidden;
}
#page491 iframe{
  width:900px;
  height:680px;
}
#container{
  position:relative;
  width:100%;
  margin:0 auto;
  text-align:left;
  background:#fff;
}
#container:after{
  content:"";
  display:table;
  clear:both;
}
#body,
#foot{
  float:left;
  width:100%;
  margin:0 auto;
  padding:0;
}
#skiplinks{
  position:absolute;
  top:0;
  left:0;
}
#skiplinks a{
  position:absolute;
  top:-500px;
  left:0;
  z-index:10;
  min-width:200px;
  padding:10px;
  color:#fff;
}
#skiplinks a:focus{
  top:0;
  background:#000;
  color:#fff;
}
#head1{
  width:100%;
  background:#2a2a2a;
  height:50px;
  position:fixed;
  z-index:9999;
}
#head1 .container{
  width:1150px;
  margin:0 auto;
  height:50px;
  position:relative;
}
#logo{
  float:left;
  padding:20px 0 10px 10px;
  float:left;
}
#page1 #logo a{
  color:#000;
  font:lighter 80px avalon;
  text-decoration:none;
}
#logo a{
  color:#000;
  font:lighter 50px avalon;
  text-decoration:none;
}
#logo a span{
  color:#cc1426;
  background:inherit;
}
#logo a strong{
  color:#0093dd;
  background:inherit;
}
#logo a em{
  color:#cc1426;
  font-style:lighter;
}
#logo a:hover{
  outline:none;
}
#slogan{
  color:#fff;
  font-size:1em;
  position:absolute;
  top:100px;
  font-family:'open_sans';
  padding-left:83px;
  letter-spacing:2px;
  z-index:99;
}
#sloganSubpage{
  color:#fff;
  text-transform:uppercase;
  font-weight:700;
  font-size:8em;
  position:relative;
  top:-9px;
  font-family:Arial;
  z-index:99;
  letter-spacing:-14px;
  margin:0 auto;
  text-align:left;
  text-decoration:none;
}
#sloganSubpage a{
  color:#fff;
  text-decoration:none;
  cursor:pointer;
}
#search-form{
  float:right;
  width:25%;
  margin:5px 4% 0 0;
  text-align:right;
  width:300px;
  position:relative;
  top:20px;
  z-index:99;
}
#page1 #search-form{
  margin:25px 4% 0 0;
}
#search-form input[type="text"],
#search-form button{
  height:40px;
  padding:10px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:20px;
}
#search-form input[type="text"]{
  width:45%;
  background:#fff;
  color:#333;
  border-radius:20px;
  padding:10px;
  outline:none;
  border-color:#bbb;
}
#search-form input[type="text"]:focus{
  width:78%;
  transition:all .5s ease;
}
#search-form button{
  width:20%;
  background:url(img/search.png) no-repeat;
  width:50px;
  height:50px;
  color:transparent;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}
#search-form button:hover{
  background-color:#fff;
  transition:all .5s ease;
}
#head2{
  width:100%;
  height:100px;
  padding-top:50px;
}
#page1 #head2{
  height:150px;
}
#head2 .container{
  width:1100px;
  margin:0 auto;
  background:url(img/hrs1.png) no-repeat center;
  background-position:top center;
}
#head2 .container:after{
  content:"";
  display:table;
  clear:both;
}
#header .menu-1{
  float:right;
  position:absolute;
  top:0;
  right:0;
}
#header .menu-1 ul{
  float:left;
  height:100%;
  margin:0;
  list-style:none;
}
#header .menu-1 li{
  float:left;
  padding:0;
}
#header .menu-1 li a{
  float:left;
  margin:0;
  padding:10px 20px;
  color:#aaa;
  font-size:1.25em;
  text-decoration:none;
  background:transparent;
  border:1px solid transparent;
}
#header .menu-1 li:first-child a{
  border-left:transparent;
}
#header .menu-1 li:last-child a{
  border-right:transparent;
}
#header .menu-1 li a:hover,
#header .menu-1 .selected a,
#header .menu-1 .selected-parent a{
  color:#fff;
  transition:all .5s ease;
}
#header .menu-1 .selected a{
  border-color:transparent #fff;
}
#header .menu-3 ul{
  float:left;
  margin:5px 0 0;
  list-style:none;
  max-width:450px;
  height:44px;
}
#header .menu-3 li{
  float:left;
  padding:0 5px 0 0;
}
#header .menu-3 li a{
  float:left;
  padding:0 10px;
  font-family:'open_sans';
  font-size:1em;
  text-decoration:none;
  color:#888;
  text-transform:uppercase;
  line-height:40px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}
#header .menu-3 li a:hover{
  text-decoration:none;
  color:#fff;
  background:#555;
}
#header .menu-3 .selected a,
#header .menu-3 .selected a:hover{
  text-decoration:none;
  color:#fff;
  background:#777;
}
#header .menu-3 ul li:nth-child(2) a{
  border:1px solid #888;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}
#menuActiv a{
  display:none;
}
#head3{
  height:478px;
  width:100%;
  background:url(img/sliderbg.png)repeat-x 0;
}
#head3 .container{
  overflow:hidden;
  width:1100px;
  margin:0 auto;
  height:478px;
  text-align:center;
  position:relative;
}
#head4{
  height:150px;
  padding-top:0;
  background:#fff url(img/headPodstrona.png)repeat-x center bottom;
}
#head4 .container{
  overflow:hidden;
  height:150px;
  width:1000px;
  margin:0 auto;
  background-position:top center;
  background:url(img/headPodstrona.jpg) no-repeat center bottom;
}
#body{
  clear:both;
  margin:0;
  border-top:1px solid #eaeaea;
}
#body:after{
  content:"";
  display:table;
  clear:both;
}
#page1 #body .container{
  width:100%;
}
#body .container{
  width:1100px;
  margin:0 auto;
}
#page1 #page{
  width:100%;
  margin:0 auto 30px;
}
#page{
  position:relative;
  float:left;
  width:94%;
  margin:0 3% 30px;
  text-align:left;
}
#page h1{
  margin:20px 0 35px;
  color:#000;
  font-size:2.417em;
  font-weight:lighter;
  font-family:open_sans;
  width:72%;
  line-height:1em;
}
#page1 #page h1{
  display:none;
}
#page .msg.error h1{
  margin-top:15px;
  color:#fff;
}
#page .msg.error.panel h1{
  margin:0;
  font-size:1em;
}
#page nav.breadcrumb{
  margin-top:10px;
  font-family:'open_sans';
  font-size:1.2em;
}
#check_www{
  padding:0;
  font-family:'open_sans';
  font-size:1.2em;
  text-align:right;
  position:absolute;
  top:65px;
  right:290px;
  z-index:5;
}
#page div.content{
  line-height:1.5em;
}
#page div.content > ul,
#page div.content > ol{
  padding:0 0 0 30px;
}
#page div.content > ul.images-54,
#page div.content > ol.images-54,
#page div.content > ul.images-55,
#page div.content > ol.images-55,
#page div.content > ul.images-56,
#page div.content > ol.images-56,
#page div.content > ul.images-57,
#page div.content > ol.images-57{
  padding:0;
}
#page div.content > ul:after,
#page div.content > ol:after{
  content:"";
  display:table;
  clear:both;
}
#page div.content > ul li,
#page div.content > ol li{
  margin:0;
  padding:0;
}
#page div.content p{
  padding-bottom:10px;
}
#page div.content h2{
  width:100%;
  color:#000;
  font-size:2em;
  font-weight:lighter;
  font-family:open_sans;
  line-height:1em;
  padding-top:60px;
  padding-bottom:10px;
  background:url(img/hrs3.png) no-repeat;
  background-position:top left;
}
#page ul.options{
  float:left;
  width:70px;
  margin:0 0 20px;
  padding:10px;
  list-style:none;
  position:absolute;
  top:80px;
  left:50%;
  z-index:19999;
}
#page ul.options::after{
  content:"";
  display:table;
  clear:both;
}
#page ul.options li{
  float:left;
  margin:0 10px 0 0;
}
#page ul.options .edit a,
#page ul.options .delete a{
  display:inline-block;
  width:21px;
  height:21px;
  background:url(../admin/img/options.png) no-repeat 0 0;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  font-size:1%;
  color:transparent;
}
#page ul.options .edit a:hover{
  background-position:0 -21px;
}
#page ul.options .delete a{
  background-position:-21px 0;
}
#page ul.options .delete a:hover{
  background-position:-21px -21px;
}
#ask-about-link{
  clear:both;
  text-align:center;
  margin:20px;
  margin-bottom:50px;
}
#ask-about-link a{
  background:#1d7a8d;
  color:#fff;
  padding:10px 20px;
  text-decoration:none;
  font-size:2em;
  font-family:open_sans;
  border-radius:4px;
}
#ask-about-link a:hover{
  background:#6e6e6e;
  color:#fff;
}
#page > time{
  position:relative;
  top:20px;
  left:0;
  float:left;
  color:#6e6e6e;
  z-index:10;
}
#page2 .widgets-51 ul{
  list-style:none;
}
#page2 .widgets-51 li.type-2{
  clear:none;
  width:33%;
  margin:25px 0;
  padding:25px 3% 20px;
  border:0;
  text-align:left;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#page2 .widgets-51 li.type-2 div.name{
  font-family:'open_sans';
  font-size:2.7em!important;
  line-height:1em;
  padding-bottom:20px;
}
#page2 .widgets-51 li.type-2 div.name a{
  color:#000;
}
#page2 .widgets-51 li.type-2 div.description{
  font-size:1em!important;
  line-height:1.5em;
}
.images-1,
.images-2,
.images-3,
.images-4,
.images-51,
.images-52,
.images-64,
.images-53,
.images-54,
.images-55,
.images-56,
.images-57{
  list-style:none;
}
.images-1 li,
.images-2 li,
.images-3 li,
.images-4 li{
  margin:0 0 15px;
  background:inherit;
  text-align:center;
}
.images-1 p,
.images-2 p,
.images-3 p,
.images-4 p{
  max-width:250px;
  margin:0 auto;
  text-align:center;
  color:#5d6771;
  font-size:.875em;
}
#content div.content .images-3,
#content div.content .images-4{
  padding:0;
}
.images-1{
  clear:left;
  float:left;
  margin:9px 20px 0 0;
}
.images-2{
  clear:right;
  float:right;
  margin:8px 0 0 15px;
}
.images-3,
.images-4{
  clear:both;
}
.images-4{
  padding-top:15px;
}
.images-3:after,
.images-4:after{
  content:'';
  display:table;
  clear:both;
}
.images-3 li,
.images-4 li{
  float:left;
  width:33%;
}
.images-3 li:nth-child(3n+1),
.images-4 li:nth-child(3n+1){
  clear:left;
}
#content div.content .images-3,
#content div.content .images-4{
  clear:none;
}
#page214 .images-4 li,
#page216 .images-4 li{
  height:150px;
}
.images-51{
  background:url(img/monitpreview.png) no-repeat 0 -50px;
  background-color:transparent;
  position:relative;
  min-height:800px;
  width:900px;
  margin:20px auto;
}
.images-51 ul{
  padding-bottom:250px;
}
.images-51 li{
  overflow-y:scroll;
  width:785px;
  height:495px;
  margin-left:55px;
  margin-top:0;
  position:absolute;
  top:70px;
  border:1px solid #4b4b4b;
  background:#fff;
}
.images-51 li img{
  width:768px;
}
.images-51 div{
  color:#fff;
  font-size:3em;
}
.images-51 div em{
  font-size:.4em;
  color:#777;
}
.images-58,
.images-59,
.images-60,
.images-61,
.images-62,
.images-63{
  background:url(img/monitpreview.png) no-repeat 0 -50px;
  background-color:transparent;
  position:relative;
  min-height:800px;
  width:900px;
  margin:20px auto;
}
.images-58 ul,
.images-59 ul,
.images-60 ul,
.images-61 ul,
.images-62 ul,
.images-63 ul{
  padding-bottom:250px;
}
.images-58 li,
.images-59 li,
.images-60 li,
.images-61 li,
.images-62 li,
.images-63 li{
  overflow-y:scroll;
  width:785px;
  height:495px;
  margin-left:55px;
  margin-top:0;
  position:absolute;
  top:70px;
  border:1px solid #4b4b4b;
  background:#fff;
}
.images-58 li img,
.images-59 li img,
.images-60 li img,
.images-61 li img,
.images-62 li img,
.images-63 li img{
  width:768px;
}
.images-58 div,
.images-59 div,
.images-60 div,
.images-61 div,
.images-62 div,
.images-63 div{
  color:#fff;
  font-size:3em;
}
.images-58 div em,
.images-59 div em,
.images-60 div em,
.images-61 div em,
.images-62 div em,
.images-63 div em{
  font-size:1em;
  color:#fff;
  position:relative;
  z-index:999;
  top:100px;
}
.images-52,
.images-64{
  background:#fff url(img/padBig.png) no-repeat 0 0;
  background-color:transparent;
  position:relative;
  height:540px;
  width:440px;
  margin:0 auto;
}
.images-52 ul,
.images-64 ul{
  padding-bottom:100px;
}
.images-52 li,
.images-64 li{
  overflow-y:scroll;
  width:330px;
  height:421px;
  margin-left:55px;
  margin-top:34px;
  position:relative;
  border:1px solid #4b4b4b;
  background:#fff;
  top:40px;
}
.images-52 img,
.images-64 img{
  width:313px;
  max-width:313px;
  max-width:920px;
}
.images-55 li{
  float:left;
  width:24%;
}
#page #LinkPrev a{
  float:left;
}
#page #LinkNext a{
  float:right;
}
#page .NextPrev{
  position:relative;
  bottom:170px;
}
#page .NextPrev a{
  color:#fff;
  background:#000;
  width:100px;
  height:60px;
  text-decoration:none;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  display:block;
  text-align:center;
  padding-top:40px;
}
#page .NextPrev a:hover{
  background:#1d7a8d;
}
#content .files-list{
  width:100%;
  float:left;
  margin:15px 0 5px;
  list-style:none;
  vertical-align:middle;
  border-left:2px solid #c8cccf;
  font-size:.9em;
}
#content .files-list li{
  float:left;
  clear:left;
  width:100%;
  height:20px;
  margin:9px 0 9px 20px;
  padding-left:30px;
  background:url(img/files-ext.gif) no-repeat 0 -260px;
}
#content .files-list p{
  display:inline;
  color:#0093dd;
  font-style:italic;
}
#content .files-list p:before{
  content:" - ";
}
#content .files-list li.zip{
  background-position:0 0;
}
#content .files-list li.xml{
  background-position:0 -20px;
}
#content .files-list li.web{
  background-position:0 -60px;
}
#content .files-list li.txt{
  background-position:0 -100px;
}
#content .files-list li.png{
  background-position:0 -200px;
}
#content .files-list li.pdf{
  background-position:0 -240px;
}
#content .files-list li.nn{
  background-position:0 -260px;
}
#content .files-list li.media{
  background-position:0 -300px;
}
#quick-box{
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:rgba(0,0,0,0.7);
  z-index:10000;
}
#quick-box .background{
  height:100%;
}
#quick-box .quick-box-container{
  position:absolute;
  padding:0;
  border-radius:5px;
  box-shadow:0 0 15px 1px #000;
}
#quick-box .image-wrapper{
  position:relative;
  line-height:0;
}
#quick-box .image-wrapper img{
  margin:0;
  padding:0;
  border-radius:5px;
}
#quick-box .navigation{
  position:absolute;
  bottom:0;
  margin:0;
  padding:5px 0;
  text-align:center;
  font-size:.875em;
  font-weight:700;
  color:#ddd;
  line-height:lighter;
  background:rgba(0,0,0,0.2);
  width:100%;
}
#quick-box .description{
  margin:0;
  padding:5px 0;
  text-align:center;
  font-size:.875em;
  color:#ddd;
  font-weight:700;
  background:rgba(0,0,0,0.8);
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  max-height:66px;
  overflow:hidden;
}
#quick-box .prev,
#quick-box .next{
  position:absolute;
  width:50%;
  top:15%;
  height:70%;
  margin:0;
  color:#fff;
  font-family:Verdana;
  z-index:100;
  opacity:.15;
}
#quick-box .prev span,
#quick-box .next span{
  position:absolute;
  top:47%;
  left:0;
  padding:10px;
  border:1px solid #fff;
  background:#000;
}
#quick-box .next span{
  left:auto;
  right:0;
  border-right:none;
}
#quick-box .prev span{
  border-left:none;
}
#quick-box .next:hover,
#quick-box .prev:hover{
  opacity:.8;
}
#quick-box .prev{
  left:0;
}
#quick-box .next{
  right:0;
}
#quick-box .close{
  position:absolute;
  top:0;
  right:0;
  padding:0 4px 2px;
  opacity:.5;
  background:#000;
  color:#fff;
  font-weight:700;
  font-family:"Trebuchet MS";
  text-decoration:none;
  border:1px solid #fff;
  border-top:none;
  border-right:none;
  border-top-right-radius:5px;
  z-index:100;
}
#quick-box .close:hover{
  opacity:.8;
}
#quick-box .close,
#quick-box .prev,
#quick-box .next{
  line-height:lighter;
}
#quick-box .loading{
  display:block;
  padding:40px 35px;
  color:#fff;
  line-height:1em;
}
.pages-1,
.pages-2,
.pages-3,
.pages-4,
.pages-5,
.pages-list,
.pages-14{
  float:left;
  width:100%;
  margin:7px 0;
  list-style:none;
  padding-bottom:20px;
}
.pages-14{
  padding-bottom:30px;
}
.pages-1 li,
.pages-2 li,
.pages-3 li,
.pages-list li{
  float:left;
  width:100%;
  margin:15px 0;
  padding:35px 0 25px;
  background:url(img/hrs3.png) no-repeat;
  background-position:top center;
}
#page23 .pages-3 li,
#page213 .pages-3 li,
#page1 .pages-3 li,
#page2 .pages-2 li{
  background:none;
}
.pages-4 li,
.pages-14 li{
  float:left;
}
.pages-1 li .image,
.pages-2 li .image,
.pages-3 li .image,
.pages-4 li .image,
.pages-14 li .image{
  float:left;
  margin:0 2.5% 5px;
}
.pages-1 li .image img,
.pages-2 li .image img,
.pages-3 li .image img,
.pages-4 li .image img,
.pages-14 li .image img{
  float:left;
  margin:0 2.5% 5px;
}
body#page1 .pages-1 li .image img,
body#page1 .pages-2 li .image img,
body#page1 .pages-3 li .image img,
body#page1 .pages-4 li .image img{
  float:left;
  margin:0;
  border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}
.pages-3 h2,
h2.name{
  font-family:'open_sans';
  font-weight:lighter;
  font-size:2em;
  line-height:1em;
  color:#000;
}
.pages-1 h2,
.pages-2 h2,
.pages-3 h2,
.pages-4 h2,
.pages-14 h2{
  padding:30px 2.5%;
  font-size:2.7em;
}
.pages-2 li .more{
  float:right;
  margin:0 2.5%;
}
.pages-2 li .more a{
  background:url(img/more.png) no-repeat right top;
  margin:0 auto;
  width:40px;
  height:32px;
  cursor:pointer;
  margin-top:30px;
  position:relative;
  padding-right:50px;
  float:right;
  line-height:32px;
  font-family:'open_sans';
  font-size:1.4em;
  text-decoration:none;
  color:#000;
}
.pages-2 li .more a:hover{
  background:url(img/more.png) no-repeat right bottom;
}
#page213 .pages-3 li{
  width:30%;
  margin:0 1.5%;
  float:left;
}
.pages-1 h2,
.pages-1 h2 a,
.pages-2 h2,
.pages-2 h2 a,
.pages-3 h2,
.pages-3 h2 a,
.pages-4 h2,
.pages-4 h2 a,
.pages-list h2 a,
.pages-14 h2,
.pages-14 h2 a{
  font-family:open_sans;
  color:#000;
  line-height:1em;
  font-weight:lighter;
  background:none;
  text-decoration:none;
  text-align:left;
}
.pages-4 li .image img,
.pages-14 li .image img{
  border-radius:50%;
}
.pages-4 li,
.pages-list li{
  clear:none;
  width:30%;
  margin:25px 15px;
  padding:25px 0 20px;
  border:0;
  text-align:left;
  height:680px;
}
.pages-14 li{
  clear:none;
  width:33%;
  margin:25px 0;
  padding:25px 0 20px;
  border:0;
  text-align:left;
  height:460px;
}
.pages-4 h2,
.pages-14 h2{
  clear:both;
}
.pages-1 li .more,
.pages-2 li .more,
.pages-3 li .more,
.pages-4 li .more,
.pages-14 li .more{
  float:right;
  width:100%;
}
.pages-1 li .more a,
.pages-2 li .more a,
.pages-3 li .more a,
.pages-4 li .more a,
.pages-14 li .more a{
  box-sizing: border-box;
  background:url(img/more.png) no-repeat right top;
  margin:0 auto;
  width:100%;
  height:32px;
  cursor:pointer;
  margin-top:30px;
  position:relative;
  padding-right:30px;
  float:right;
  line-height:32px;
  font-family:'open_sans';
  font-size:1.4em;
  text-decoration:none;
  color:#000;
  text-align:right;
  padding-right:50px;
}
.pages-1 li .more a:hover,
.pages-2 li .more a:hover,
.pages-3 li .more a:hover,
.pages-4 li .more a:hover,
.pages-14 li .more a:hover{
  background:url(img/more.png) no-repeat right bottom;
  color:#1d7a8d;
}
.pages-1 h2 a:hover,
.pages-2 h2 a:hover,
.pages-3 h2 a:hover,
.pages-4 h2 a:hover,
.pages-14 h2 a:hover,
.pages-list h2 a:hover{
  background:none;
  text-decoration:underline;
  color:#1d7a8d;
}
.pages-2 div.description ul li,
.pages-3 div.description ul li,
.pages-4 div.description ul li,
.pages-14 div.description ul li{
  padding:0;
  margin:0;
}
.pages-2 div.description ol li,
.pages-3 div.description ol li,
.pages-4 div.description ol li,
.pages-14 div.description ol li{
  padding:0;
  margin:0;
}
.pages-2 div.description,
.pages-3 div.description,
.pages-4 div.description,
.pages-14 div.description{
  margin:5px 2.5% 0;
  font-weight:lighter;
  font-size:1em;
  line-height:1.5em;
}
.pages-2 ul,
.pages-2 ol,
.pages-3 ul,
.pages-3 ol,
.pages-4 ul,
.pages-4 ol,
.pages-14 ul,
.pages-14 ol,
.pages-5 ul,
.pages-5 ol,
.pages-list ul,
.pages-list ol{
  float:left;
  width:96%;
  margin:0 0 0 4%;
  padding:0;
  list-style:disc;
}
.pages-1 li li,
.pages-2 li li,
.pages-3 li li,
.pages-4 li li,
.pages-5 li li,
.pages-list li li,
.pages-14 li li{
  padding:0;
  border:0;
  background:none;
}
.pages-1 li ol,
.pages-2 li ol,
.pages-3 li ol,
.pages-4 li ol,
.pages-14 li ol,
.pages-5 li ol,
.pages-list li ol{
  list-style:decimal;
  padding:0;
}
.pages-1 p,
.pages-2 p,
.pages-3 p,
.pages-4 p,
.pages-14 p,
.pages-5 p,
.pages-list p{
  padding-bottom:0;
}
#page23 .pages-3 li{
  background:url(img/hrs3.png) no-repeat;
  background-position:top center;
  padding-top:40px;
}
#page23 .pages-3 li h2{
  padding:40px 0 30px;
}
#page183 .pages-3 li{
  float:left;
  background:none;
}
#page183 .pages-3 li h2{
  font-size:1.6em;
  text-align:Center;
  clear:both;
  padding-top:5px;
}
#page183 .pages-3 li .image{
  max-height:200px;
  overflow:hidden;
}
#page183 .pages-3 li .image img{
  max-width:100%;
}
.pages-7{
  list-style:none;
}
.pages-7 li{
  width:220px;
  height:220px;
  float:left;
  margin:19px;
  overflow:hidden;
}
.pages-7 li a{
  width:220px;
  height:220px;
  float:left;
  cursor:pointer;
}
.pages-7 li .ch-item{
  width:100%;
  height:100%;
  position:relative;
  cursor:pointer;
}
.pages-7 li .ch-info-wrap{
  position:absolute;
  width:220px;
  height:220px;
  perspective:800px;
  -webkit-perspective:800px;
  -moz-perspective:800px;
  -o-perspective:800px;
  -ms-perspective:800px;
  -moz-transition:all .4s ease-in-out;
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  -ms-transition:all .4s ease-in-out;
  top:0;
  left:0;
}
.pages-7 li .ch-info{
  position:absolute;
  width:220px;
  height:220px;
  -ms-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
}
.pages-7 li .ch-info > div{
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  background-position:top center;
  -webkit-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  backface-visibility:hidden;
  background-size:220px auto;
  background-repeat:no-repeat;
}
.pages-7 li .ch-info .ch-info-back{
  transform:rotate3d(0,1,0,180deg);
  -ms-transform:rotate3d(0,1,0,180deg);
  -moz-transform:rotate3d(0,1,0,180deg);
  -webkit-transform:rotate3d(0,1,0,180deg);
  background-color:#1D7A8D;
  overflow:hidden;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  border-radius:50%;
  background-repeat:no-repeat;
}
.pages-7 li .ch-info h2{
  color:#fff;
  text-transform:uppercase;
  font-size:18px;
  margin:0 15px;
  padding:70px 0 0;
  height:90px;
  font-family:'open_sans',Arial,sans-serif;
  text-align:center;
  font-weight:lighter;
}
.pages-7 li .ch-item:hover .ch-info{
  transform:rotate3d(0,1,0,-180deg);
  -moz-transform:rotate3d(0,1,0,-180deg);
  -webkit-transform:rotate3d(0,1,0,-180deg);
  -ms-transform:rotate3d(0,1,0,-180deg);
}
.pages-7 li .ch-info .projectType{
  position:absolute;
  z-index:99;
  width:40px;
  height:40px;
}
.pages-6{
  list-style:none;
}
.ui-widget{
  font-size:.8em!important;
}
.ui-accordion h2{
  font-size:20px;
  padding:10px 0 10px 60px !important;
}
.ui-accordion li ul li{
  margin-left:40px!important;
}
.ui-accordion .ui-accordion-header{
  display:block;
  cursor:pointer;
  position:relative;
  margin-top:2px;
  padding:.5em .5em .5em .7em;
  min-height:2px;
  background-color:rgba(0,0,0,0);
  background-image:url(img/faqicon.png);
  background-position:12px 0;
  background-repeat:no-repeat;
  border:1px solid #eee;
}
.ui-accordion .ui-accordion-header a{
  text-decoration:none;
}
.ui-accordion .ui-accordion-icons{
  padding-left:2.2em;
  font-family:'open_sans';
  font-size:2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons{
  padding-left:2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
  position:absolute;
  left:.5em;
  top:50%;
  margin-top:-8px;
}
.ui-accordion .ui-accordion-content{
  padding:1em 2.2em;
  border-top:0;
  overflow:auto;
  font-size:1.2em;
  font-family:sans-serif;
  font-weight:lighter;
  color:#666;
}
.pages-5 li .image,
.pages-list .image{
  margin:0 0 5px;
  border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}
.pages-5 h2,
.pages-list h2{
  padding:0 0 10px;
}
.pages-5 h2,
.pages-5 h2 a,
.pages-list h2,
.pages-list h2 a{
  color:#cc1426;
  font-size:1.063em;
  font-weight:lighter;
  background:none;
  text-decoration:none;
}
.pages-5 h2 a:hover,
.pages-list a:hover{
  color:#0093dd;
  background:none;
  text-decoration:underline;
}
.pages-5 div.description,
.pages-list div.description{
  margin:5px 2.5% 0;
  font-weight:lighter;
  font-size:1em;
  line-height:1.4em;
}
.pages{
  padding:68px 0;
  text-align:center;
  font-size:1.1em;
  clear:both;
}
.pages ul,
.pages li{
  display:inline;
}
.pages li{
  padding:0 2px;
}
.pages a{
  background:#b3b3b3;
  padding:5px 10px;
  margin:1px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
  color:#fff;
  text-decoration:none;
}
.pages strong{
  background:#222;
  padding:5px 10px;
  font-size:1.3em;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
  color:#fff;
  text-decoration:none;
}
body#page204 .pages-1 li{
  margin:0;
  padding:0;
  background:#efefef;
}
body#page204 .pages-1 h2{
  margin:0;
  padding:10px;
  border:1px solid #ddd;
}
#site-map{
  clear:none;
  float:left;
  margin:10px 0;
  list-style:none;
  width:50%;
}
#site-map > li{
  padding:8px 0;
}
#site-map > li > a{
  font-weight:700;
}
#site-map ul{
  padding:3px 0 3px 30px;
  list-style:none;
}
#site-map ul li{
  padding:3px 0;
}
#foot{
  clear:both;
  background:#383e44;
  color:#fff;
  font-size:1.083em;
}
#foot .container{
  padding:22px 25px;
  width:1100px;
  margin:0 auto;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background:url(img/hrs1.png) no-repeat;
  background-position:top center;
}
#foot .container:after{
  content:"";
  display:table;
  clear:both;
}
#foot a{
  color:#fff;
  text-decoration:none;
}
#foot a:hover{
  text-decoration:underline;
}
#foot .copy{
  float:left;
  font-family:'open_sans';
  color:#888;
}
#foot .options{
  float:right;
}
#foot .options ul{
  list-style:none;
}
#foot .options li{
  float:right;
  margin-left:25px;
}
#foot .options li a{
  display:block;
  width:16px;
  height:16px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  font-size:1%;
  color:transparent;
}
#foot .options li.print a{
  background:url(img/options.png) no-repeat 0 0;
}
#foot .options li.print a:hover{
  background-position:0 -16px;
}
#foot .options li.back a{
  background:url(img/options.png) no-repeat 0 -32px;
}
#foot .options li.back a:hover{
  background-position:0 -48px;
}
#powered{
  clear:both;
  width:100%;
  margin-bottom:30px;
  text-align:center;
}
#powered a{
  display:inline-block;
  width:192px;
  height:26px;
}
#powered a:hover{
  border-color:#fff;
}
.dev{
  padding:5px;
  text-align:center;
  color:red;
  font-weight:700;
}
@media print{
  *{
    color:#000!important;
    background:#fff!important;
    border-color:#444!important;
    border-width:1px!important;
  }
  body{
    margin:1cm 0;
    font-size:.875em;
  }
  #container{
    position:static;
    width:17.2cm;
    height:auto;
    margin:0;
    box-shadow:none;
  }
  #head1{
    height:auto;
  }
  #logo{
    padding:0 0 .2cm;
  }
  #logo #title a{
    font-size:2em;
  }
  #header .menu-1{
    margin-top:.3cm;
  }
  #header .menu-1 li a{
    padding:.1cm .2cm;
    border:0;
    border-right:1px solid #000;
    font-size:1em;
  }
  #header .menu-1 .selected a{
    font-weight:700;
  }
  #head2 .container{
    position:static;
  }
  #body{
    clear:none;
    border-top:0;
  }
  #page{
    clear:both;
    position:static;
    float:none;
  }
  #page h1{
    margin:0;
  }
  #body,
  #head1,
  #foot{
    float:none;
  }
  #search-form,
  #foot .options{
    display:none;
  }
}
.youtube{
  width:1040px;
  height:603px;
  padding:1px;
  box-shadow:0 0 4px rgba(100,100,100,0.4);
}
#tags{
  list-style:none;
  margin:30px 0 10px;
  clear:both;
}
#tags li{
  display:inline-block;
  padding-bottom:2px;
}
#tags a{
  display:inline-block;
  margin:0 5px;
  padding:4px 6px 4px 25px;
  background:#1d7a8d url(img/tag.png) no-repeat 6px;
  color:#fff;
  text-decoration:none;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
#tags li.head a{
  margin:0;
  padding-left:0;
  border:0;
}
#page .event-dates{
  float:right;
  margin-top:-35px;
  font-size:.938em;
  color:#6e6e6e;
}
#page .event-to{
  margin-left:25px;
}
#page ul[class^="pages-"] .event-dates{
  padding:0 2.5% 10px;
}
#page ul[class^="pages-"] .event-dates time{
  display:inline;
  padding:0;
}
.images-7{
  clear:left;
  height:680px;
}
#header .menu-1 > ul{
  margin:0;
  line-height:2.5em;
}
#header .menu-1 li{
  position:relative;
  z-index:200;
  margin-left:5px;
  font-family:'open_sans';
  text-transform:uppercase;
  border-left:1px solid #3b3b3b;
}
#header .menu-1 li a{
  margin:0;
  padding:5px 10px;
  border:0;
  font-size:1.65em;
}
#header .menu-1 li:hover,
#header .menu-1 .selected,
#header .menu-1 .selected-parent{
  background:#2a2a2a;
  transition:all .5s ease;
}
#header .menu-1 li a:hover,
#header .menu-1 .selected a,
#header .menu-1 .selected-parent a{
  color:#fff;
}
#header .menu-1 ul ul{
  display:none;
  position:absolute;
  top:50px;
  left:0;
  z-index:10;
  height:auto;
  white-space:nowrap;
  z-index:900;
}
#header .menu-1 > ul > li:hover > ul{
  display:block;
}
#header .menu-1 ul ul li{
  clear:left;
  display:block;
  margin-left:0;
  width:100%;
}
#header .menu-1 ul ul li a{
  width:100%;
  margin:0;
  font-size:1.125em;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#header .menu-1 > ul > li > ul > li{
  border:0;
  border-top:1px solid #fff;
  background:#2a2a2a;
}
#header .menu-1 > ul > li > ul > li > ul{
  top:0;
  left:100%;
  border-left:5px solid #cc1426;
}
#header .menu-1 > ul > li > ul > li:hover ul{
  display:block;
}
#header .menu-1 ul ul ul li{
  border-bottom:1px solid #fff;
}
#header .menu-1 ul ul ul li a{
  font-size:.875em;
}
#download-list{
  width:100%;
  margin:15px 0 5px;
}
#download-list td{
  padding:7px 12px;
}
#download-list thead{
  text-align:center;
}
#download-list thead a{
  font-weight:700;
}
#download-list tbody .name a:first-child{
  position:relative;
  padding-left:26px;
}
#download-list tbody .name a:first-child:before{
  content:'';
  position:absolute;
  left:0;
  width:16px;
  height:20px;
  background:url(img/files-ext.gif) no-repeat 0 -260px;
}
#download-list tbody p{
  margin:5px 0 0 26px;
  color:#777;
  font-size:.938em;
}
#download-list tbody .size,
#download-list tbody .date-file{
  width:17%;
  max-width:170px;
  text-align:center;
  vertical-align:middle;
  font-size:.938em;
}
#download-list tbody .size{
  text-align:right;
}
#download-list tbody .size abbr{
  font-style:italic;
  color:#777;
}
#download-list tbody .zip .name a:first-child:before{
  background-position:0 0;
}
#download-list tbody .xml .name a:first-child:before{
  background-position:0 -20px;
}
#download-list tbody .web .name a:first-child:before{
  background-position:0 -60px;
}
#download-list tbody .txt .name a:first-child:before{
  background-position:0 -100px;
}
#download-list tbody .png .name a:first-child:before{
  background-position:0 -200px;
}
#download-list tbody .pdf .name a:first-child:before{
  background-position:0 -240px;
}
#download-list tbody .nn .name a:first-child:before{
  background-position:0 -260px;
}
#download-list tbody .msg .name a:first-child:before{
  background-position:0 -280px;
}
#download-list tbody .media .name a:first-child:before{
  background-position:0 -300px;
}
.contact-panel{
  clear:left;
  width:100%;
  margin:25px auto 0;
  padding:30px 0;
}
.contact-panel dt{
  padding:0 0 7px;
}
.contact-panel dd{
  margin-bottom:20px;
}
.contact-panel dl{
  width:50%;
  padding:0 2%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  float:left;
}
.contact-panel input[type="text"],
.contact-panel input[type="email"],
.contact-panel textarea{
  width:97.6%;
  padding:7px .7%;
  font-size:1em;
}
.contact-panel #captcha{
  min-width:60px;
  width:6%;
}
.contact-panel .captcha em{
  font-style:lighter;
  font-weight:700;
}
.contact-panel .captcha ins{
  padding:0 3px;
  font-weight:700;
  text-decoration:none;
}
.contact-panel .save{
  text-align:center;
}
.contact-panel .save input{
  padding:7px 14px;
  text-transform:uppercase;
  letter-spacing:1px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
#comments{
  float:left;
  width:100%;
  margin:25px auto 0;
  padding-top:25px;
}
#comments h2{
  margin-bottom:10px;
  padding-bottom:15px;
  color:#000;
  font-size:1.5em;
  font-weight:lighter;
  border-bottom:1px solid #eff0f3;
  font-size:0;
}
#comments article{
  clear:left;
  float:left;
  width:100%;
  margin:20px 0;
  border-bottom:1px solid #eff0f3;
  background:url(img/hrs3.png) no-repeat;
  background-position:bottom center;
}
.comments-slider .headComment,
#comments header{
  float:left;
  width:33%;
  margin-bottom:10px;
}
.comments-slider .name,
#comments h3{
  float:left;
  font-size:1.3em;
  color:#000;
  font-family:'open_sans';
  width:65%;
  font-weight:lighter;
}
.comments-slider time,
#comments time{
  float:right;
  color:#fff;
  font-size:.875em;
  background:#2b2b2b;
}
.comments-slider time span,
#comments time span{
  color:#fff;
}
.comments-slider time span{
  top:-2px;
}
.comments-slider p,
#comments p{
  text-align:left;
  clear:none;
  margin-bottom:45px;
  font-weight:lighter;
  font-size:.875em;
  line-height:1.4em;
  padding:0 0 30px;
  width:65%;
  float:left;
}
#comments .msg{
  float:left;
  width:100%;
  margin:30px 0 50px;
}
time{
  float:left;
  width:40px;
  height:40px;
  text-align:center;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
  background:#2b2b2b;
  padding:10px;
  margin-right:20px;
  color:#fff;
}
time strong{
  font-size:1em;
  position:relative;
  top:7px;
  margin:auto;
  text-align:center;
  color:#fff;
  width:30px;
}
time span{
  float:left;
  font-size:.7em;
  position:relative;
  top:5px;
  text-align:center;
  margin:0 auto;
  color:#fff;
  width:40px;
}
#comments-form{
  clear:both;
  float:left;
  width:100%;
  margin:20px auto 0;
}
#comments-form fieldset{
  padding:25px 0;
}
#comments-form dt{
  padding:0 0 7px;
}
#comments-form dd{
  margin-bottom:20px;
}
#comments-form input[type="text"],
#comments-form textarea{
  width:99%;
  padding:7px;
  font-size:1em;
}
#comments-form #captcha{
  min-width:60px;
  width:6%;
}
#comments-form .captcha em{
  font-style:lighter;
  font-weight:700;
}
#comments-form .captcha ins{
  padding:0 3px;
  font-weight:700;
  text-decoration:none;
}
#comments-form legend{
  font-size:2em;
  color:#000;
  font-family:'open_sans';
}
#comments-form .save{
  text-align:center;
}
#comments-form .save input{
  padding:7px 14px;
  text-transform:uppercase;
  letter-spacing:1px;
  border-radius:50%;
}
.images-52 .fileDescription,
.images-64 .fileDescription{
  margin: 1em;
  color: #fff;
  position: absolute;
  margin-left: 4em;
}
.images-51 .fileDescription,
.images-58 .fileDescription,
.images-59 .fileDescription,
.images-60 .fileDescription,
.images-61 .fileDescription,
.images-62 .fileDescription,
.images-63 .fileDescription{
  font-size:0.7em;
  margin: 1em;
  color: #fff;
  position: absolute;
  margin-left: 4em;
  top: 38px;
}
.page-qr{
  clear:both;
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  margin:0 auto;
  text-align:center;
  gap:1em;
}
.page-qr .button{
  padding:1em;
  background:var(--color-bg);
  border: 2px solid var(--color-text);
  color:var(--color-txt);
  border-radius:10px;
  cursor: pointer;
}
.page-qr .button:hover{
  background:var(--color-text);
  color:var(--color-white);
}
#qrCode{
  margin:3em auto;
}
#qrCode img{
  padding:1em;
  background:var(--qr-bgcolor);
}
.is-imagesFull{
  display:none;
}
.imagesFull #page{
  width:100%;
  margin:0;
}
body.imagesFull{
  background:#000;
}
.topFull{
  display:flex;
  width:100%;
  flex-direction:row;
  font-size:0.7em;
  padding-top:1em;
}
.topFull a{
  text-decoration:none;
  color:#aaa;
}
.topFull a:hover{
  text-decoration:none;
  color:#fff;
}
.topFull #projectName{
  position:relative;
  text-align:center;
  width: 30%;
}
.topFull div.logoFull{
  font-family:'avalon';
  font-size:2em;
  top:0;
  z-index:10002;
  color:#fff;
  padding:10px 1em;
  top:initial;
  width: 30%;
}
.topFull #LinkParent{
  top:initial;
  width: auto;
  right:initial;
  text-align:initial;
}
.topFull #LinkParent a{
  width:auto;
  color:#aaa;
}
.topFull #LinkParent a:hover{
  color:#fff;
}
.palette-light .cc-nb-okagree,
.palette-light .cc-nb-reject,
.palette-light .cc-cp-foot-save{
  background-color:#444 !important;
}
.cc-nb-main-container,
.cc-pc-container{
  padding:0;
  background: #fff;
  position: fixed;
  bottom: 0;
  z-index: 600;
  width:100% !important;
}
.cc-nb-main-container{
  height:100px;
}
.cc-nb-buttons-container button{
  padding:.5em 1em;
  margin:1em;
}
.cc-cp-body{
  display:flex;
}
.cc-cp-body-tabs{
  display:flex;
  flex-direction:column;
  width:20%;
}
.cc-cp-body-tabs{
  list-style:none;
}
.cc-cp-body-tabs li button{
  padding:.3em 1em;
  width:60%;
  margin:.1em;
  display:block;
  height:60px;
}
.cc-cp-foot-byline{
  font-size:.4em;
}
.cc-cp-body-content,
.cc-nb-text{
  font-size:.7em;
  padding:1em;
  width:100%;
  text-align:left;
}
.cc-pc-head-close{
  padding:1em;
  margin:0 1em;
}
.cc-pc-head-title,
.cc-pc-head,
.cc-pc-head-title-text{
  display: flex;
  padding: 0 1rem;
  justify-content:center;
  align-items:center;
}
.cc-cp-foot-save{
  padding:.5em 1em;
}
.cc-cp-foot-save:hover{
  background:#999;
}
.cc-custom-checkbox,
.cc-nb-title{
  font-weight:700;
}
.cc-custom-checkbox{
  font-weight:bold;
  margin:0 1rem 0 0;
  padding:0 1em;
  display:flex;
}
.cc-custom-checkbox label{
  font-weight:700;
}
.cc-custom-checkbox input{
  padding:.6em;
  border:1px solid #eee;
}
.cc-cp-body-content-entry a{
  text-decoration:underline;
  font-weight:bold;
}
.cc-cp-body-content-entry{
  flex-direction:column !important;
  display:flex;
}
.cc-custom-checkbox input:hover,
.cc-custom-checkbox input:selected{
  background:#eee;
}
.cc-cp-body-tabs-item-link:hover,
.cc-pc-head-close:hover{
  background:#000;
  color:#fff;
}
.cc-pc-head-lang-select{
  display:none;
}
.cc-pc-head-title-headline{
  font-size:1em;
}
.reset div{
  display:flex !important;
  flex-direction:row;
  justify-content:flex-end;
}
.palette-light.nb{
  background:none !important;
}
.pc-dialog{
  width:100% !important;
  max-width:100% !important;
}
.cc-nb-buttons-container,
.palette-light .cc-nb-text{
  width:90%;
}
.cc-nb-buttons-container button{
  height:50px;
}
.cc-nb-title-container{
  width:30%;
  font-size:.8em;
}
.cc-cp-body-tabs li button{
  height:auto;
}
.pc-dialog .cc-cp-body-tabs-item-link{
  padding:0 2em !important;
}
.pc-dialog .cc-cp-body-tabs{
  width:auto;
}
.pc-dialog .cc-pc-head-title{
  display:flex;
  flex-direction:row !important;
}
.palette-light .cc-cp-body-tabs,
.palette-light .cc-cp-body-tabs{
  background:#fff !important;
}
@media screen and (max-width:768px){
  .topFull{
  }
  .images-65 li,
  .images-66 li{
    padding:7em 20px !important;
  }
  #LinkNext.NextPrev2 a,
  #LinkPrev.NextPrev2 a{
    width:30px !important;
    font-size:1.5em !important;
    padding:0.1em !important;
  }
}

/* ===== style-sliders.min.css ===== */
.quick-slider{
  position:relative;
  margin:auto;
  overflow:hidden;
}
.quick-slider ul{
  padding:0;
  margin:0;
  list-style:none;
}
.quick-slider-slide{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  display:none;
  text-align:left;
  overflow:hidden;
  line-height:0;
}
.quick-slider-slide:first-child{
  display:block;
}
.quick-slider-nav-arrows{
  position:absolute;
  float:right;
  display:block;
  margin:0 0 -20px;
  padding:5px 10px;
  border:1px solid #fff;
  color:#fff;
  text-decoration:none;
  background:rgba(0,0,0,0.4);
}
.quick-slider-nav-arrows:hover{
  color:#000;
  text-decoration:none;
  border:1px solid #000;
  background:rgba(255,255,255,0.4);
  transition:all .3s ease;
}
.quick-slider-nav-arrows-next{
  right:20px;
}
.quick-slider-nav-arrows-prev{
  left:20px;
}
.quick-slider-nav-arrows-next:after{
  content:" >";
}
.quick-slider-nav-arrows-prev:before{
  content:"< ";
}
.quick-slider-nav-dots-wrapper{
  position:absolute;
  top:50px;
  width:100%;
  list-style:none;
}
.quick-slider-nav-dots{
  float:left;
  width:32px;
  height:32px;
  margin:0;
  color:transparent;
  background:#005768;
  display:inline-block;
  text-indent:-9999px;
  margin:0 2px;
  background-position:0 -32px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.quick-slider-nav-dots.active,
.quick-slider-nav-dots:hover{
  color:transparent;
  background:#fff;
}
.quick-slider-slide .description{
  z-index:3;
  position:absolute;
  padding:10px;
  background:rgba(0,0,0,0.3);
  line-height:1.25em;
  color:#fff;
}
.quick-slider-slide .description a{
  color:inherit;
}
.quick-slider-slide .description a:hover{
  text-decoration:none;
}
#slider-1{
  position:relative;
  clear:both;
  height:478px;
  overflow:hidden;
  color:#fff;
}
#slider-1 li.no-img{
  min-height:300px;
}
#slider-1 .quick-slider-slide{
  height:478px;
}
#slider-1 .quick-slider-nav-arrows{
  bottom:75px;
}
#slider-1 .quick-slider-nav-dots-wrapper{
  left:100px;
}
#slider-1 .quick-slider-slide .description{
  top:10px;
  left:20px;
  width:25%;
  margin-top:10px;
}
.widgets-2 .slider,
.widgets-3 .slider,
#content .widget.type-3 .slider{
  position:relative;
  clear:both;
  display:none;
  overflow:hidden;
  color:#fff;
  text-align:center;
}
.widgets-2 .slider li.no-img,
.widgets-3 .slider li.no-img,
#content .widget.type-3 .slider li.no-img{
  min-height:150px;
}
.widgets-2 .slider .quick-slider-nav-dots-wrapper li,
.widgets-3 .slider .quick-slider-nav-dots-wrapper li,
#content .widget.type-3 .slider .quick-slider-nav-dots-wrapper li{
  display:inline-block;
}
.widgets-2 .slider .quick-slider-slide .description,
.widgets-3 .slider .quick-slider-slide .description,
#content .widget.type-3 .slider .quick-slider-slide .description{
  top:0;
  left:0;
  width:100%;
  font-size:.875em;
}
.widgets-2 .pages-slider li,
.widgets-3 .pages-slider li,
#content .widget.type-6 .pages-slider li{
  line-height:1.25em;
}
.widgets-2 .pages-slider .image,
.widgets-3 .pages-slider .image,
#content .widget.type-6 .pages-slider .image{
  float:left;
  min-width:210px;
  width:39%;
}
.widgets-2 .pages-slider .name,
.widgets-3 .pages-slider .name,
#content .widget.type-6 .pages-slider .name{
  float:left;
  min-width:250px;
  width:60%;
  padding-bottom:10px;
  font-size:1.25em;
}
@media print{
  #slider,
  .quick-slider img,
  .quick-slider-nav-arrows,
  .quick-slider-nav-dots{
    display:none;
  }
}
.widget.type-24 .comments-slider > ul > li{
  min-height:100px;
  line-height:1.25em;
  text-align:Center;
}
.widget.type-24 .quick-slider-nav-dots-wrapper{
  right:0;
  top:0;
  width:auto;
}
.widget.type-24 .quick-slider-nav-dots-wrapper li{
  display:inline-block;
}
.widget.type-24 .comments-slider p{
  font-size:.875em;
}

/* ===== style-widgets.min.css ===== */
.widgets-3 > ul,
.widgets-3 > ul > li{
  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,
.widget div.head{
  color:#000;
  list-style:none;
  text-align:center;
  font-size:2em;
  font-family:open_sans;
  margin:30px;
  text-transform:uppercase;
}
.widgets-1 > ul,
.widgets-2 > ul,
.widgets-3 > ul{
  float:left;
  width:100%;
  list-style:none;
}
.widgets-3 div.head,
.widget div.head{
  margin:10px;
  text-align:left;
  line-height:1.1em;
}
.widgets-2 > ul,
.widgets-3 > ul{
  float:left;
  width:100%;
  list-style:none;
}
.widgets-2 > ul > li,
.widgets-3 > ul > li{
  float:left;
  margin:10px 1%;
}
.widgets-3 > ul{
  width:1100px;
  margin:0 auto;
  float:none;
  list-style:none;
  background:url(img/hrs1.png) no-repeat top center;
  padding:40px 0 20px;
}
.widgets-52 > ul{
  width:1100px;
  margin:0 auto;
  float:none;
  list-style:none;
  background:url(img/hrs1.png) no-repeat top center;
  overflow:hidden;
  padding:50px 0;
}
.widgets-52 #widget-22{
  width:100%;
}
.widgets-52 #widget-22 div.head{
  text-align:Center;
  padding-bottom:20px;
}
.widget{
  float:left;
  margin:10px 1%;
}
.widgets-2 .type-1,
.widgets-3 .type-1,
#content .widget.type-1{
  width:31.3%;
}
.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;
}
.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:.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:.875em;
}
.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:3px 0;
  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:.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:.824em;
  color:#cc1426;
  font-weight:700;
}
#content .widget.type-4{
  width:50%;
  border-top-width:5px;
}
.widgets-3{
  width:100%;
  border-top:1px solid #eee;
  float:left;
  padding-bottom:40px;
}
.widget-id-20{
  background-color:#ff0;
  text-align:center;
  background:url(img/responsiveBig_icon.png) no-repeat top center;
  position:absolute;
  z-index:99;
  top:640px;
  margin-left:130px;
  padding-left:30px;
  width:280px;
  height:300px;
  border:none;
}
.widget-id-20 .description p{
  margin-top:0;
  padding-top:0;
  padding-left:20px;
  width:200px;
  font-size:.9em;
  line-height:1.3em;
  height:280px;
}
.widget-id-20 .name{
  font-size:2.2em;
  font-family:'open_sans';
  padding:35px 0 10px;
  width:240px;
  line-height:.9em;
}
.widgets-2 .type-5 .pages-list p,
.widgets-3 .type-5 .pages-list p,
#content .widget.type-5 .pages-list p{
  font-size:.875em;
}
#content #page div.content .pages-list{
  padding:0;
}
#content .widgets-50 ul{
  list-style:none;
  padding:20px 0;
}
#content .widgets-50 > ul > li{
  width:1100px;
  overflow:hidden;
  margin:20px auto;
  float:none;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#content .widgets-50 > ul > li#widget-5{
  width:100%!important;
  background:#3a4148;
}
#content .widgets-50 > ul > li#widget-5 .pages-3,
#content .widgets-50 > ul > li#widget-5 .head{
  width:1100px;
  margin:0 auto;
  float:none;
  overflow:hidden;
}
#content .widgets-50 .widget.type-5 ul{
  list-style:none;
}
#content .widgets-50 .widget.type-5 ul > li{
  width:30%;
  float:left;
  clear:none;
  margin:0 1.5%!important;
}
#content #widget-9{
  padding:0 5% 20px;
  margin-bottom:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background:url(img/hrs1.png) no-repeat bottom center;
}
#content #widget-9 li{
  text-align:center;
  position:relative;
  height:390px;
}
#content #widget-9 h2{
  color:#fff;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:22px;
  margin:0;
  padding:0;
  font-family:'open_sans',Arial,sans-serif;
  position:relative;
  top:-130px;
  width:200px;
  margin:0 auto;
  line-height:24px;
  text-align:center;
}
#content #widget-9 h2 a{
  color:#fff;
  text-decoration:none;
  opacity:0;
  -webkit-opacity:0;
  -ms-opacity:0;
  -moz-opacity:0;
}
#content #widget-9 h2 a:hover{
  color:#1d7a8d;
}
#content #widget-9 .image{
  margin:0 auto;
  display:inline-block;
  float:none;
}
#content #widget-9 .image a img{
  margin:0;
}
#content #widget-9 .image:hover + h2 a{
  opacity:1;
  -webkit-opacity:1;
  -ms-opacity:1;
  -moz-opacity:1;
}
#content #widget-9 .image:hover a img{
  display:block;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background:#2a2a2a;
  width:200px;
  height:200px;
  padding-left:200px;
  opacity:1;
  -webkit-opacity:1;
  -ms-opacity:1;
  -moz-opacity:1;
}
#content #widget-9 .description{
  font-family:open_sans;
  width:164px;
  color:#000;
  padding:0;
  margin:0;
  font-size:1.2em;
  border-top:0 solid rgba(255,255,255,0.5);
  opacity:1;
  -webkit-opacity:1;
  -ms-opacity:1;
  -moz-opacity:1;
  transition:all .1s ease-in-out .1s;
  -ms-transition:all .1s ease-in-out .1s;
  -moz-transition:all .1s ease-in-out .1s;
  -webkit-transition:all .1s ease-in-out .1s;
  position:absolute;
  top:294px;
  width:100%;
  text-transform:uppercase;
}
#content #widget-5{
  font-family:'open_sans';
  padding:80px 0;
  margin:0 auto;
}
#content #widget-5 ul{
  padding:50px 3%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#content #widget-5 div.head{
  color:#fff;
  list-style:none;
  text-align:center;
  font-size:2em;
  font-family:open_sans;
  margin:10px auto 25px!important;
  color:#fff;
}
#content #widget-5 h2{
  font-weight:700;
  text-decoration:underline;
  padding-top:30px;
  text-transform:uppercase;
  color:#c1a693;
  font-size:1.3em;
  background:none;
  text-align:left;
  width:300px;
}
#content #widget-5 h2 a{
  color:#c1a693;
  font-weight:700;
  font-size:1.3em;
}
#content #widget-5 h2 a:hover{
  color:#fff;
}
#content #widget-5 .description{
  font-family:Arial;
  color:#74808d;
  clear:both;
  text-align:left;
  font-size:.9em;
}
#content #widget-5 .more{
  float:right;
  width:300px;
}
#content #widget-5 .more a{
  background:url(img/more3.png) no-repeat right top;
  margin:0 auto;
  width:40px;
  cursor:pointer;
  margin-top:10px;
  color:#74808d;
  padding:5px 40px 6px 0;
  float:right;
  text-decoration:none;
  line-height:.9em;
  width:300px;
  text-align:right;
}
#content #widget-5 .more a:hover{
  background:url(img/more2.png) no-repeat right top;
  color:#fff;
}
#content #widget-6{
  background:url(img/hrs1.png) no-repeat top center;
  margin-top:0;
  padding-top:40px;
}
#content #widget-10{
  background:url(img/hrs1.png) no-repeat top center;
  padding:60px 5% 30px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#content #widget-10 div.head{
  text-align:center;
  padding-bottom:20px;
}
#content #widget-10 > ul > li{
  margin:0;
}
.designNews{
  list-style:none;
  padding:0 30px 50px;
  float:left;
  text-align:center;
}
.designNews li{
  float:none;
  display:inline-block;
  width:220px;
  height:220px;
  padding:0;
  margin:20px 46px;
}
.designNews li:nth-child(1) .image{
  z-index:6;
}
.designNews li:nth-child(2) .image{
  z-index:5;
}
.designNews li:nth-child(3) .image{
  z-index:4;
}
.designNews li:nth-child(4) .image{
  z-index:3;
}
.designNews li:nth-child(5) .image{
  z-index:2;
}
.designNews li:nth-child(6) .image{
  z-index:1;
}
.designNews .ch-item{
  width:100%;
  height:100%;
  position:relative;
  cursor:default;
  box-shadow:none;
}
.designNews .image{
  width:100%;
  height:100%;
  border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  overflow:hidden;
  position:absolute;
  box-shadow:none;
  transform-origin:95% 40%;
  -ms-transform-origin:95% 40%;
  -moz-transform-origin:95% 40%;
  -webkit-transform-origin:95% 40%;
  transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
}
.designNews .image:before{
  content:'';
  border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  overflow:hidden;
  position:absolute;
  box-shadow:inset 0 0 0 15px rgba(255,255,255,0.5);
  transform-origin:95% 40%;
  transition:all .3s ease-in-out;
  outline:0;
}
.designNews .image:after{
  content:'';
  width:8px;
  height:8px;
  position:absolute;
  top:40%;
  left:95%;
  margin:-4px 0 0 -4px;
  background:radial-gradient(ellipse at center,rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);
  box-shadow:0 0 1px rgba(255,255,255,0.9);
}
.designNews .image img{
  min-width:220px;
  min-height:220px;
}
.designNews .image img:hover{
  opacity:1!important;
  -webkit-opacity:1!important;
  -ms-opacity:1!important;
  -moz-opacity:1!important;
}
.designNews .ch-info{
  position:absolute;
  width:inherit;
  height:inherit;
  border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  overflow:hidden;
  background:#1D7A8D;
  box-shadow:inset 0 0 0 0 rgba(255,255,255,1);
  outline:0;
}
.designNews .ch-info h2{
  text-align:center;
  font-weight:400;
  color:#fff;
  text-transform:uppercase;
  position:relative;
  margin:20px 60px 0;
  padding:30px 0 0;
  height:85px;
  font-family:'open_sans';
  font-size:1.2em;
}
.designNews .ch-info a{
  text-decoration:none;
  display:block;
  color:#fff;
  width:80px;
  height:60px;
  background:rgba(255,255,255,0.3);
  border-radius:50%;
  color:#fff;
  font-style:normal;
  font-weight:700;
  text-transform:uppercase;
  font-size:15px;
  letter-spacing:1px;
  padding-top:20px;
  margin:7px auto 0;
  font-family:'open_sans',Arial,sans-serif;
  opacity:0;
  transition:transform .3s ease-in-out 0.2s,opacity .3s ease-in-out 0.2s,background .2s linear 0;
  transform:translateX(60px) rotate(90deg);
  text-align:center;
}
.designNews .ch-info a:hover{
  background:rgba(255,255,255,0.5);
}
.designNews .ch-item:hover .image{
  box-shadow:none;
  transform:rotate(-110deg);
  -moz-transform:rotate(-110deg);
  -webkit-transform:rotate(-110deg);
  -ms-transform:rotate(-110deg);
}
.designNews .ch-item:hover .ch-info a{
  opacity:1;
  transform:translateX(0px) rotate(0deg);
}
#content #widget-10 h2{
  font-family:'open_sans';
  font-weight:700;
  text-decoration:underline;
  padding-top:30px;
  text-transform:uppercase;
  color:#c1a693;
  font-size:1.3em;
  background:none;
  text-align:left;
  width:300px;
}
#content #widget-10 h2 a{
  color:#000;
  font-weight:700;
}
#content #widget-10 h2 a:hover{
  color:#1d7a8d;
}
#content #widget-10 .description{
  color:#74808d;
  clear:both;
  text-align:left;
  font-size:.9em;
}
.widgets-51 ul{
  list-style:none;
}
#widget-24{
  position:absolute;
  right:0;
  top:45px;
}
#widget-24 nav > ul > li{
  float:left;
  margin:0 2px;
}
#widget-24 nav > ul > li a{
  background:#eee;
  float:left;
  height:43px;
  padding:0 10px;
  color:#222;
  font-size:1.2em;
  text-decoration:none;
  text-transform:uppercase;
  line-height:43px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}
#widget-24 nav > ul > li a:hover{
  background:#1d7a8d;
  color:#fff;
  text-shadow:none;
}
#widget-25{
  position:absolute;
  right:0;
  top:45px;
}
#page204 #widget-25,
#page1 #widget-25{
  display:none;
}
#user-panel{
  width:96%;
  margin:0 auto;
}
#user-panel input[type="email"],
#user-panel input[type="password"]{
  width:97%;
  margin:4px 0 10px;
}
#user-panel .button{
  width:97%;
  margin:4px 0 10px;
}
#user-panel .button input{
  text-transform:uppercase;
}
#user-panel.msg.error{
  background-image:none;
  font-size:1.25em;
}
#user-panel .links{
  margin:4px 0;
  text-transform:lowercase;
}
form#profile{
  width:96%;
  margin:0 auto;
}
#profile input[type="text"],
#profile input[type="email"],
#profile input[type="password"]{
  width:97%;
  margin:4px 0 10px;
}
#profile .not-required,
#profile .rules{
  margin:4px 0 10px;
  font-size:.813em;
}
#profile .not-required label,
#profile .rules label{
  margin-left:4px;
  font-weight:400;
}
#profile #user-not-required{
  display:none;
}
#profile ul{
  list-style:none;
}
#profile .captcha input[type="text"]{
  width:70px;
}
#profile .captcha em{
  font-style:normal;
  font-weight:700;
}
#profile .captcha ins{
  padding:0 3px;
  font-weight:700;
  text-decoration:none;
}
#profile .button{
  width:97%;
  margin:4px 0 10px;
}
#profile .button input{
  text-transform:uppercase;
  letter-spacing:1px;
}
.msg#profile,
.msg#user-panel{
  padding-top:50px;
  background-position:center 15px;
}
.widgets-53 ul{
  list-style:none;
}
.type-13{
  width:30%;
  text-align:center;
}
.type-13 ul{
  display:inline-block;
  list-style:none;
}
.type-13 li{
  display:inline-block;
  margin:0 10px;
  vertical-align:middle;
  position:relative;
}
#content .type-13 img{
  box-shadow:none;
}
.images-slider-5{
  clear:both;
  margin-bottom:20px;
}
.images-slider-6{
  clear:both;
  margin-top:20px;
}
.images-slider-5 ul,
.images-slider-6 ul{
  position:relative;
}
.images-slider-5 .quick-slider-slide,
.images-slider-6 .quick-slider-slide{
  float:left;
  position:relative;
  width:auto;
  padding:0 10px;
  display:block;
}
.images-slider-5 .quick-slider-nav-arrows,
.images-slider-6 .quick-slider-nav-arrows{
  bottom:75px;
}
.images-slider-5 .quick-slider-slide p,
.images-slider-6 .quick-slider-slide p{
  z-index:3;
  position:absolute;
  bottom:0;
  max-width:70%;
  padding:5px 10px;
  text-align:left;
  background:rgba(0,0,0,0.3);
  line-height:1.25em;
  color:#fff;
  font-size:.75em;
}
.side-tab-widget{
  position:fixed;
  right:-100px;
  top:50%;
  z-index:51;
  background:#2a2a2a;
  font-size:.75em;
  border-top-left-radius:120px;
  border-top-right-radius:120px;
  -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:20px 20px 10px;
  text-decoration:none;
  color:#fff;
  font-size:2em;
}
.widget-dark-background{
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:rgba(0,0,0,0.7);
  z-index:1000;
}
.type-4 nav > ul > li{
  position:relative;
}
.type-4 nav > ul > li ul{
  display:none!important;
  position:absolute;
  top:-1px;
  left:99%;
  z-index:10;
  background:#fff;
  white-space:nowrap;
}
.type-4 nav > ul > li >a{
  color:#222;
  font-family:'open_sans';
  font-weight:400;
  text-transform:uppercase;
  padding:3px 5px;
}
.type-4 nav > ul > li:hover > a{
  color:#222;
  font-family:'open_sans';
}
.type-4 nav > ul > li:hover > a:hover{
  color:#fff;
  font-family:'open_sans';
  background:#222;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
.type-4 nav > ul > li:hover > ul{
  display:block;
}
.type-4 nav > ul > li:hover ul li{
  position:relative;
  padding:2px 5px 0 8px;
}
.type-4 nav > ul > li > ul > li > ul{
  left:98%;
}
.type-4 nav > ul > li > ul > li:hover ul{
  display:block;
}
.type-4 nav.menu-1 > ul > li{
  float:left;
  clear:none;
  padding:0 5px;
}
#widget-21,
#widget-23,
#widget-7{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:10px 0;
  height:75px;
}
#widget-21{
  width:20%;
}
#widget-23{
  width:30%;
}
#widget-7{
  width:50%;
  margin:25px 0 10px;
  padding:10px;
}
#widget-41.widget.type-1{
  width:100%;
  border-top:1px solid #eee;
  padding-top:30px;
}
.widget.type-24{
  width:48%;
}
.widget.type-24 ul{
  list-style:none;
}
.widget.type-24 .name{
  margin-bottom:5px;
  font-weight:700;
  color:#1d7a8d;
}
.back-to-top-widget{
  position:fixed;
  bottom:30px;
  right:1.5%;
  font-size:.7em;
}
.back-to-top-widget a{
  display:block;
  width:80px;
  text-align:center;
  color:#B3B3B3;
  text-transform:uppercase;
  text-decoration:none;
  transition:1s;
  opacity:.6;
}
.back-to-top-widget a:hover{
  opacity:1;
  text-decoration:none;
}
.back-to-top-widget a:before{
  content:'';
  display:block;
  width:80px;
  height:80px;
  margin-bottom:7px;
  background:#B3B3B3 url(img/back_to_top.png) no-repeat center center;
  border-radius:50%;
  transition:1s;
}
.back-to-top-widget a:hover:before{
  background-color:#1D7A8D;
}
@media screen and (max-width:1280px){
  .back-to-top-widget{
    right:.5%;
  }
  .back-to-top-widget a{
    opacity:.3;
  }
}
#widget-32{
  display:none;
}

/* ===== style-responsive.css ===== */
.images-65,
.images-66{
  position: absolute;
  top: 0;
  background: #000;
  width: 100%;
  z-index: 10000;
}
.images-66{
  display:none;
}
.images-65 li{
  padding:70px;
  display:flex;
  justify-content: center;
}
.images-66 li{
  padding:70px;
  display:flex;
  justify-content: center;
}
.images-65 li img{
  width:1200px;
  margin:0 auto;
}
.images-66 li img{
  width:769px;
  margin:0 auto;
}
#LinkParent a{
  text-decoration: none;
  background: #000;
  color: #fff;
  padding: 1em;
  position: absolute;
  top: 0;
  z-index: 10005;
  width: 36%;
  right: 0;
  text-align: right;
}
#projectName{
  text-decoration: none;
  background: #000;
  color: #fff;
  padding: 1em;
  position: absolute;
  top: 0;
  z-index: 10001;
  width: 36%;
  left: 0;
  text-align: left;
}
#LinkPrev.NextPrev2 a{
  float:left;
  color:#fff;
  text-decoration:none;
  background:#000;
  color:#fff;
  padding:.2em;
  left:0;
  width:30px;
  display:block;
  position:fixed;
  top:50%;
  z-index:10001;
  font-size:3em;
}
#LinkNext.NextPrev2 a{
  float:right;
  color:#fff;
  text-decoration:none;
  background:#000;
  color:#fff;
  padding:.2em;
  right:0;
  width:30px;
  display:block;
  position:fixed;
  top:50%;
  z-index:10001;
  font-size:3em;
}
#LinkNext.NextPrev2 a:hover,
#LinkPrev.NextPrev2 a:hover{
  background:grey;
}
@media screen and (max-width:1100px){
  #head1 .container{
    width:100%;
  }
  .images-65 li img{
    width:100%;
  }
}
@media screen and (max-width:1100px){
  #menuActiv a{
    float:right;
    margin:0;
    list-style:none;
    background: url(img/navigrafiQa.png) center right no-repeat transparent;
    width:auto;
    height:auto;
    display:block;
    z-index:50;
    position:absolute;
    top:15px;
    right:25px;
    cursor:pointer;
    padding:0 35px 0 0;
    text-decoration:none;
    color:#fff;
    font-family:'open_sans';
    text-transform:uppercase;
  }
  #header .menu-1{
    display:none;
  }
  #header .menu-1.activ{
    width:250px;
    background:#2a2a2a;
    display:block;
    z-index:9999;
    position:absolute;
    top:51px;
    right:15px;
  }
  #header .menu-1.activ ul li ul{
    display:none;
  }
  #header .menu-1.activ ul{
    width:100%;
  }
  #header .menu-1.activ li{
    border:0;
    clear:both;
    width:100%;
    margin:0;
    text-align:center;
    border-bottom:1px solid #3b3b3b;
  }
  #header .menu-1.activ li a{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
  }
  #head2 .container,
  #head3 .container,
  #head4 .container,
  #body .container,
  #foot .container,
  .widgets-3 > ul,
  .widgets-52 > ul,
  #content .widgets-50 > ul > li,
  #content .widgets-50 > ul > li#widget-5 .pages-3,
  #content .widgets-50 > ul > li#widget-5 .head,
  #content .widgets-50 > ul > li#widget-5 .pages-3,
  #content .widgets-50 > ul > li#widget-5 .head{
    width:100% !important;
  }
  .images-51{
    width:846px;
    background-size:846px auto;
    min-height:740px;
  }
  .images-51 li{
    margin:0 55px;
    width:736px;
    top:65px;
    height:470px;
  }
  .images-51 li img{
    width:100%;
  }
  #check_www{
    top:105px;
    right:30px;
  }
  #head3{
    height:auto;
    background:none;
  }
  #head3 .container{
    height:auto;
    background:none;
  }
  #slider-1 .quick-slider-slide{
    height:auto !important;
  }
  #slider-1 .quick-slider-slide img{
    width:100% !important;
    height:auto !important;
  }
  #page .NextPrev{
    position:absolute;
    bottom:inherit;
    top:750px;
  }
  #page #LinkPrev.NextPrev{
    left:50px;
  }
  #page #LinkNext.NextPrev{
    right:50px;
  }
  .pages-7{
    text-align:center;
  }
  .pages-7 li{
    float:none;
    display:inline-block;
  }
}
@media screen and (max-width:900px){
  #header{
    position:relative;
  }
  #widget-7{
    display:none;
  }
  #widget-28{
    clear:both;
  }
  #widget-21,
  #widget-23,
  #widget-28,
  #widget-8,
  #widget-32{
    width:50%;
    padding:10px 5%;
    margin:10px 0;
  }
  #widget-23,
  #widget-8{
    float:right;
  }
  #page img{
    max-width:100%;
    height:auto;
  }
  #page iframe{
    max-width:800px;
    height:auto;
    height:445px;
  }
  .images-51{
    width:722px;
    background-size:722px auto;
    min-height:640px;
  }
  .images-51 li{
    margin:0 55px;
    width:606px;
    top:60px;
    height:375px;
  }
  .images-51 li img{
    width:100%;
  }
  .widget-id-20{
    top:520px;
  }
  #page1 .pages-1 li,
  #page1  .pages-2 li,
  #page1  .pages-3 li,
  #page1  .pages-list li{
    border:0;
  }
  .pages-1 li,
  .pages-2 li,
  .pages-3 li,
  .pages-list li{
    background:none;
    border-top:1px solid #eff0f3;
  }
  #head3 .container{
    overflow:visible;
  }
  #slogan{
    top:-60px;
    color:#000;
    padding-left:69px;
  }
  #page .NextPrev{
    top:640px;
  }
}
@media screen and (max-width:768px){
  #page1 #search-form{
    width:270px;
  }
  #search-form input[type="text"]:focus{
    width:70%;
  }
  #content #widget-5 h2{
    clear:both;
  }
  #content #widget-5 .image{
    text-align:center;
    margin:0 0 5px;
    width:100%;
  }
  #content #widget-5 .image img{
    float:none;
  }
  .designNews li{
    margin:20px 25px;
  }
  #content #widget-10 h2{
    clear:both;
  }
  #widget-21{
    width:40%;
  }
  #widget-23{
    width:60%;
  }
  .pages-14 li{
    clear:none;
    width:45%;
    margin:25px 0;
    padding:25px 0px 20px 20px;
    border:0px;
    text-align:left;
    height:450px;
  }
  .pages-14{
    padding-bottom:60px;
  }
  #widget-25{
    width:31%;
  }
  #page183 .pages-3 li{
    width:47% !important;
  }
  #page iframe{
    width:680px;
    height:380px;
  }
  #content  #widget-9 .image:hover a img{
    background:transparent;
    padding-left:0;
    height:auto;
  }
  #content #widget-9 h2{
    display:none;
  }
  #content  #widget-9 .image:hover + h2 a{
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
  }
  #page185 .pages-4 li{
    width:100% !important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    clear:both;
    height:auto !important;
  }
  #page185 .pages-4 li .image{
    width:100% !important;
    margin:0;
    text-align:center;
  }
  #page185 .pages-4 li .image img{
    float:none;
  }
  #page2 .pages-2 li{
    width:100%;
    box-sizing:border-box;
    clear:both;
    width:100% !important;
  }
  .images-51,
  .images-58,
  .images-59,
  .images-60,
  .images-61,
  .images-62{
    width:564px;
    background-size:564px auto;
    min-height:550px;
    background-position:0 -40px;
  }
  .images-51 li,
  .images-58 li,
  .images-59 li,
  .images-60 li,
  .images-61 li,
  .images-62 li{
    width:490px;
    top:40px;
    height:310px;
    margin:0 35px;
  }
  .images-51 li img,
  .images-58 li img,
  .images-59 li img,
  .images-60 li img,
  .images-61 li img,
  .images-62 li img{
    width:100%;
  }
  #check_www{
    position:static;
    clear:both;
    width:100%;
    text-align:center;
    margin-top:10px;
  }
  .images-51 .fileDescription,
  .images-58 .fileDescription,
  .images-59 .fileDescription,
  .images-60 .fileDescription,
  .images-61 .fileDescription,
  .images-62 .fileDescription,
  .images-63 .fileDescription{
    margin: 1em;
    margin-left: 4em;
    top: 9px;
  }
  .widget-id-20{
    top:485px;
    margin-left:50px;
  }
  #page .NextPrev{
    top:600px;
    z-index:999;
  }
  #page #LinkPrev.NextPrev{
    left:-5px;
  }
  #page #LinkNext.NextPrev{
    right:-5px;
  }
  #page204 #page h1{
    margin:120px 0 5px;
  }
  #page204 .widget.type-4{
    width:100%;
  }
  .is-imagesFullMobi.images-65{
    display:none;
  }
  .images-66{
    display:block;
  }
  .palette-light .cc-nb-okagree,
  .palette-light .cc-nb-reject,
  .palette-light .cc-cp-foot-save,
  .cc-nb-changep{
    font-size:.8em !important;
  }
  .cc-nb-buttons-container{
    display:flex;
    flex-direction:row;
  }
  .reset div{
    display:flex;
  }
  .pc-dialog .cc-pc-head{
    flex-direction:row !important;
  }
  .cc-nb-main-container{
    flex-direction:column !important;
  }
  .cc-nb-main-container{
    height:auto;
  }
  .cc-nb-title-container,
  .cc-nb-text-container,
  .cc-nb-buttons-container,
  .palette-light .cc-nb-text{
    width:100%;
  }
}
@media screen and (max-width:600px){
  #content .widget.type-4{
    width:100%;
  }
  .side-tab-widget{
    display:none;
  }
  #slider-1{
    padding-bottom:50px;
  }
  #slider-1 .quick-slider-slide{
    border-bottom:1px solid #eaeaea;
  }
  #slider-1 .quick-slider-nav-dots-wrapper{
    bottom:0;
    top:inherit;
    width:100%;
    text-align:center;
    left:0;
  }
  #slider-1 .quick-slider-nav-dots-wrapper li{
    display:inline-block;
  }
  .quick-slider-nav-dots.active,
  .quick-slider-nav-dots:hover{
    background:#777;
  }
  #page1 #body{
    border-top:0;
  }
  .menu-3 ul li{
    display:none;
  }
  .menu-3 ul li:first-child{
    display:block;
    margin:0 15px;
  }
  #search-form{
    display:none;
  }
  #page1 #logo{
    padding:35px 0 10px 10px;
  }
  #slogan{
    top:-45px;
  }
  #content #widget-9 li{
    width:100%;
    clear:both;
    height:300px;
  }
  #content #widget-9 .description{
    top:250px;
  }
  #content .widgets-50 .widget.type-5 ul{
    padding:0 0 20px;
  }
  #page iframe{
    width:520px;
    height:300px;
  }
  #content .widgets-50 .widget.type-5 ul > li{
    width:100%;
    clear:both;
  }
  #content #widget-5 .image{
    width:auto;
    margin:0 2.5% 5px;
  }
  #content #widget-5 h2{
    float:left;
    clear:none;
  }
  #content #widget-10 h2{
    clear:none;
  }
  #widget-23,
  #widget-21{
    clear:both;
    width:100%;
  }
  .comments-slider time,
  #comments time{
    clear:both;
    float:left;
    margin-top:10px;
  }
  #comments article{
    background:none;
  }
  #page23 .pages-3 li{
    background:none;
    border-top:1px solid #eff0f3;
  }
  #widget-25{
    float:left;
    position:static;
    width:100%;
    margin:10px 0 20px;
  }
  #page h1{
    margin:20px 0 5px;
    width:100%;
  }
  #page204 #page h1{
    margin:150px 0 5px;
  }
  #page204 .widget.type-1{
    clear:both;
    width:100%;
  }
  .images-51,
  .images-58,
  .images-59,
  .images-60,
  .images-61,
  .images-62{
    width:452px;
    background-size:452px auto;
    min-height:500px;
  }
  .images-51 li,
  .images-58 li,
  .images-59 li,
  .images-60 li,
  .images-61 li,
  .images-62 li{
    width:398px;
    top:25px;
    height:240px;
    margin:0 25px;
  }
  .images-51 li img,
  .images-58 li img,
  .images-59 li img,
  .images-60 li img,
  .images-61 li img,
  .images-62 li img{
    width:100%;
  }
  .widget-id-20{
    top:465px;
    margin-left:90px;
  }
  .images-51 .fileDescription,
  .images-58 .fileDescription,
  .images-59 .fileDescription,
  .images-60 .fileDescription,
  .images-61 .fileDescription,
  .images-62 .fileDescription,
  .images-63 .fileDescription{
    margin: 1em;
    margin-left: 4em;
    top: 2px;
    font-size: 0.3em;
  }
  .images-52 .fileDescription,
  .images-64 .fileDescription{
    margin: 2em;
    color: #fff;
    position: absolute;
    margin-left: 7em;
    font-size: 0.5em;
  }
  #page213 .pages-3 li{
    width:100% !important;
    clear:both;
  }
  #widget-8{
    margin-bottom:0;
    padding-bottom:0;
  }
  #widget-32{
    display:block;
    margin-top:0;
    padding-top:0;
  }
  #widget-32 .menu-3 li:first-child{
    display:none;
  }
  #widget-32 .menu-3 li{
    display:block;
  }
  .pages a.pPrev,
  .pages a.pNext{
    display:none;
  }
}
@media screen and (max-width:480px){
  #head3{
    display:none;
  }
  .contact-panel dl{
    width:100%;
  }
  .pages-14 li{
    clear:both;
    width:90%;
    margin:25px 30px;
    padding:25px 0 20px;
    border:0px;
    text-align:left;
    height:380px;
  }
  .images-51{
    width:300px;
    background-size:300px auto;
    min-height:460px;
    background-position:0 -25px;
  }
  .images-51 li{
    width:255px;
    top:20px;
    height:160px;
    margin:0 20px;
  }
  .images-51 li img{
    width:100%;
  }
  .widget-id-20{
    margin-left:60px;
    width:245px;
    top:375px;
  }
  .images-52{
    width:300px;
    background-size:300px auto;
  }
  .images-52 li{
    width:190px;
    height:280px;
  }
  #page183 .pages-3 li{
    width:100% !important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }
  #page .NextPrev{
    top:550px;
    z-index:999;
  }
  #page iframe{
    width:340px;
    height:270px;
  }
  #page1 #logo{
    padding: 35px 0 10px 0;
    text-align: center;
    width: 100%;
  }
  #content .widgets-50 > ul > li#widget-5{
    text-align: center;
  }
  #content .widgets-50 > ul > li#widget-5 .image{
    margin: 0 auto;
    float: none;
  }
  #content .widgets-50 > ul > li#widget-5 h2{
    text-align: center;
    width: 95%;
  }
  #content .widgets-50 > ul > li#widget-5 div.description{
    text-align: center;
  }
  #content .widgets-50 > ul > li#widget-5 div.more{
    float: none;
    width: 100%;
  }
  #content .widgets-50 > ul > li#widget-5 div.more a{
    padding-right: 0;
    background: none;
    width: 100%;
    text-align: center;
  }
  #content #widget-10 .description{
    text-align: center;
  }
  #widget-21,
  #widget-23,
  #widget-28,
  #widget-8,
  #widget-32{
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width:320px){
  #page iframe{
    width:250px;
    height:140px;
  }
  .back-to-top-widget{
    display:none !important;
  }
}

/* ===== animate.css ===== */
@charset "UTF-8";



.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounce{
  0%,20%,53%,80%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translateZ(0);
  transform:translateZ(0); }
  40%,43%{ -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0); }
  40%,43%,70%{ -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  animation-timing-function:cubic-bezier(.755,.05,.855,.06); }
  70%{ -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0); }
  90%{ -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0); }
}
@keyframes bounce{
  0%,20%,53%,80%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-transform:translateZ(0);
  transform:translateZ(0); }
  40%,43%{ -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0); }
  40%,43%,70%{ -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  animation-timing-function:cubic-bezier(.755,.05,.855,.06); }
  70%{ -webkit-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0); }
  90%{ -webkit-transform:translate3d(0,-4px,0);
  transform:translate3d(0,-4px,0); }
}
.bounce{
  -webkit-animation-name:bounce;
  animation-name:bounce;
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
}
@-webkit-keyframes flash{
  0%,50%,to{ opacity:1; }
  25%,75%{ opacity:0; }
}
@keyframes flash{
  0%,50%,to{ opacity:1; }
  25%,75%{ opacity:0; }
}
.flash{
  -webkit-animation-name:flash;
  animation-name:flash;
}
@-webkit-keyframes shake{
  0%,to{ -webkit-transform:translateZ(0);
  transform:translateZ(0); }
  10%,30%,50%,70%,90%{ -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0); }
  20%,40%,60%,80%{ -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0); }
}
@keyframes shake{
  0%,to{ -webkit-transform:translateZ(0);
  transform:translateZ(0); }
  10%,30%,50%,70%,90%{ -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0); }
  20%,40%,60%,80%{ -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0); }
}
.shake{
  -webkit-animation-name:shake;
  animation-name:shake;
}
@-webkit-keyframes swing{
  20%{ -webkit-transform:rotate(15deg);
  transform:rotate(15deg); }
  40%{ -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg); }
  60%{ -webkit-transform:rotate(5deg);
  transform:rotate(5deg); }
  80%{ -webkit-transform:rotate(-5deg);
  transform:rotate(-5deg); }
  to{ -webkit-transform:rotate(0deg);
  transform:rotate(0deg); }
}
@keyframes swing{
  20%{ -webkit-transform:rotate(15deg);
  transform:rotate(15deg); }
  40%{ -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg); }
  60%{ -webkit-transform:rotate(5deg);
  transform:rotate(5deg); }
  80%{ -webkit-transform:rotate(-5deg);
  transform:rotate(-5deg); }
  to{ -webkit-transform:rotate(0deg);
  transform:rotate(0deg); }
}
.swing{
  -webkit-transform-origin:top center;
  transform-origin:top center;
  -webkit-animation-name:swing;
  animation-name:swing;
}
@-webkit-keyframes bounceInUp{
  0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1); }
  0%{ opacity:0;
  -webkit-transform:translate3d(0,3000px,0);
  transform:translate3d(0,3000px,0); }
  60%{ opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0); }
  75%{ -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0); }
  90%{ -webkit-transform:translate3d(0,-5px,0);
  transform:translate3d(0,-5px,0); }
  to{ -webkit-transform:translateZ(0);
  transform:translateZ(0); }
}
@keyframes bounceInUp{
  0%,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1); }
  0%{ opacity:0;
  -webkit-transform:translate3d(0,3000px,0);
  transform:translate3d(0,3000px,0); }
  60%{ opacity:1;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0); }
  75%{ -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0); }
  90%{ -webkit-transform:translate3d(0,-5px,0);
  transform:translate3d(0,-5px,0); }
  to{ -webkit-transform:translateZ(0);
  transform:translateZ(0); }
}
.bounceInUp{
  -webkit-animation-name:bounceInUp;
  animation-name:bounceInUp;
}
@-webkit-keyframes fadeIn{
  0%{ opacity:0; }
  to{ opacity:1; }
}
@keyframes fadeIn{
  0%{ opacity:0; }
  to{ opacity:1; }
}
.fadeIn{
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn;
}
@-webkit-keyframes fadeOut{
  0%{ opacity:1; }
  to{ opacity:0; }
}
@keyframes fadeOut{
  0%{ opacity:1; }
  to{ opacity:0; }
}
.fadeOut{
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut;
}
@-webkit-keyframes flip{
  0%{ -webkit-transform:perspective(400px) rotateY(-1turn);
  transform:perspective(400px) rotateY(-1turn); }
  0%,40%{ -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out; }
  40%{ -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
  transform:perspective(400px) translateZ(150px) rotateY(-190deg); }
  50%{ -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
  transform:perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%,80%{ -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in; }
  80%{ -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
  transform:perspective(400px) scale3d(.95,.95,.95); }
  to{ -webkit-transform:perspective(400px);
  transform:perspective(400px);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in; }
}
@keyframes flip{
  0%{ -webkit-transform:perspective(400px) rotateY(-1turn);
  transform:perspective(400px) rotateY(-1turn); }
  0%,40%{ -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out; }
  40%{ -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
  transform:perspective(400px) translateZ(150px) rotateY(-190deg); }
  50%{ -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
  transform:perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%,80%{ -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in; }
  80%{ -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
  transform:perspective(400px) scale3d(.95,.95,.95); }
  to{ -webkit-transform:perspective(400px);
  transform:perspective(400px);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in; }
}
.animated.flip{
  -webkit-backface-visibility:visible;
  backface-visibility:visible;
  -webkit-animation-name:flip;
  animation-name:flip;
}
@-webkit-keyframes zoomIn{
  0%{ opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3); }
  50%{ opacity:1; }
}
@keyframes zoomIn{
  0%{ opacity:0;
  -webkit-transform:scale3d(.3,.3,.3);
  transform:scale3d(.3,.3,.3); }
  50%{ opacity:1; }
}
.zoomIn{
  -webkit-animation-name:zoomIn;
  animation-name:zoomIn;
}

/* ===== grafiQa 6.8 ===== */
/* Kafelki projektów (widżet "Podstrony" z widokiem listPagesViewRotate). W 6.0 był to osobny typ widżetu (107),
   w 6.8 to typ 5 - dlatego trzeba je wyłączyć spod reguły zwykłych list ".widgets-50 .widget.type-5 ul > li" */
#content .widgets-50 .widget.type-5 ul.designNews > li{
  float:none;
  clear:none;
  display:inline-block;
  width:220px;
  height:220px;
  padding:0;
  margin:20px 46px !important;
}
@media screen and (max-width:768px){
  #content .widgets-50 .widget.type-5 ul.designNews > li{
    margin:20px 25px !important;
  }
}
/* nagłówek widżetu z kulkami ( designNews ) też na środku */
#widget-6 > .head,
#widget-95 > .head,
#widget-96 > .head,
.widget:has(ul.designNews) > .head{
  text-align:center;
}
/* kulki na środku: lista na całą szerokość ( w 6.0 float:left przy wąskiej treści 1100 px nie było widać ) */
ul.designNews{
  float:none;
  clear:both;
  display:block;
  width:100%;
  box-sizing:border-box;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

/* Ikona "Edytuj widżet" - tylko dla zalogowanego administratora (grafiqaWidgetEditLinks), bez wpływu na układ strony */
.grafiqa-edit{
  position:relative;
  display:block;
  height:0;
  z-index:9999;
}
.grafiqa-edit a{
  position:absolute;
  top:4px;
  right:4px;
  display:block;
  width:26px;
  height:26px;
  padding:4px;
  border-radius:50%;
  background:#1d7a8d;
  box-shadow:0 1px 4px rgba(0,0,0,.4);
  opacity:.55;
  transition:opacity .2s;
  box-sizing:border-box;
}
.grafiqa-edit a:hover,
.widget:hover > .grafiqa-edit a{
  opacity:1;
}
.grafiqa-edit svg{
  display:block;
  width:18px;
  height:18px;
  fill:#fff;
}
/* ikona edycji strony / podstrony - inny kolor niż widżetu */
.grafiqa-edit-page a{
  background:#e0732b;
}
li:hover > .grafiqa-edit a,
#page:hover > .grafiqa-edit-page a{
  opacity:1;
}

/* ===== Szerokość treści 1400 px (w 6.0: 1100 px) =====
   width:100% + max-width - poniżej 1400 px kontenery same się zwężają (bez przewijania w poziomie).
   Aby wrócić do 1100 px, usuń ten blok. */
#head1 .container{
  width:100%;
  max-width:1450px;
}
#head2 .container,
#head3 .container,
#body .container,
#foot .container{
  width:100%;
  max-width:1400px;
}
#head4 .container{
  width:100%;
  max-width:1300px;
}
.widgets-3 > ul,
.widgets-52 > ul,
#content .widgets-50 > ul > li,
#content .widgets-50 > ul > li#widget-5 .head,
#content .widgets-50 > ul > li#widget-5 .pages-3{
  width:100%;
  max-width:1400px;
}
.youtube{
  width:100%;
  max-width:1340px;
}
/* slider nagłówka zostaje w natywnej szerokości grafik (1100 px), wyśrodkowany - rozciągnięte banery byłyby rozmyte */
#slider-1{
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}

/* Ikona edycji - zabezpieczenie przed regułami list z 6.0 (np. ".pages-7 li a { width:220px; height:220px; float:left }") */
body .grafiqa-edit > a{
  position:absolute !important;
  top:4px !important;
  right:4px !important;
  left:auto !important;
  bottom:auto !important;
  float:none !important;
  display:block !important;
  width:26px !important;
  height:26px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:4px !important;
  border:0 !important;
  border-radius:50% !important;
  background-image:none !important;
  box-sizing:border-box !important;
  transform:none !important;
}
body .grafiqa-edit > a svg{
  display:block !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  fill:#fff !important;
}

/* ===== wyniki wyszukiwania jak w Google ( grafiqaListPagesSearch, templates/grafiqa/_lists.php ) ===== */
.search-google{max-width:760px;margin:10px 0 30px;text-align:left;font-family:Arial,Helvetica,sans-serif;}
.search-google__stats{margin:0 0 18px;color:#70757a;font-size:14px;line-height:1.6;}
.search-google__stats a{color:#1d7a8d;}
.search-google__stats a:hover{color:#000;}
.search-google__list{margin:0;padding:0;list-style:none;}
#content .search-google__list > li, .search-google__item{display:flex;gap:16px;align-items:flex-start;float:none;width:auto;height:auto;margin:0 0 26px;padding:0;background:none;border:0;text-align:left;}
.search-google__text{flex:1 1 auto;min-width:0;}
.search-google__link{display:block;text-decoration:none !important;}
.search-google__url{display:block;margin:0 0 3px;color:#202124;font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#content .search-google__title, .search-google__title{margin:0;padding:0;color:#1d7a8d;font:normal 20px/1.3 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;text-align:left;}
.search-google__link:hover .search-google__title{color:#000;text-decoration:underline;} /* kolory linkow jak w skorce ( a / a:hover ) */
.search-google__snippet{margin:4px 0 0;color:#4d5156;font-size:14px;line-height:1.58;}
.search-google__hits{margin:4px 0 0;color:#70757a;font-size:12px;}
.search-google__hit{display:inline-block;margin-right:6px;white-space:nowrap;}
.search-google mark{padding:0 2px;border-radius:2px;background:#fff1a8;color:inherit;font-weight:bold;}
.search-google__title mark{background:#fff1a8;color:inherit;}
.search-google__thumb{flex:0 0 92px;}
.search-google__thumb img{display:block;width:92px;height:92px;object-fit:cover;border-radius:8px;}
.search-google__more{margin:10px 0 0;text-align:center;}
.search-google__more-btn{display:inline-block;min-width:280px;padding:11px 24px;border:1px solid #dadce0;border-radius:24px;background:#f8f9fa;color:#202124 !important;font-size:14px;text-decoration:none !important;transition:background .15s ease,box-shadow .15s ease;}
.search-google__more-btn:hover{background:#f1f3f4;box-shadow:0 1px 2px rgba(0,0,0,.15);}
.search-google__more-btn small{color:#70757a;}
.search-google__more-btn.is-loading{opacity:.6;cursor:wait;}
@media screen and (max-width:600px){
  .search-google__thumb{flex-basis:64px;}
  .search-google__thumb img{width:64px;height:64px;}
  #content .search-google__title, .search-google__title{font-size:18px;}
}