/*
@font-face {
    font-family: 'CopseRegular';
    src: url('../font/Copse-Regular-webfont.eot');
    src: url('../font/Copse-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/Copse-Regular-webfont.woff') format('woff'), url('../font/Copse-Regular-webfont.ttf') format('truetype'), url('../font/Copse-Regular-webfont.svg#CopseRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
html, body, h1, h2, h3, h4, h5, a, p, ul, ul li, table, form, img, header, footer, section, nav, article, aside, video, figure, hgroup {
    margin: 0;
    padding: 0;
    border: 0;
}

.videoOnWerbung{  
position: relative;
/*    padding-bottom: 177.78%;*/
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-top: 10px;
}


.rechtliches{
margin-top: 20px;
}
.rechtliches h3{
    font-size: 1.3em;
    
}
.mobileOnly{
display: none;
}
.desktopOnly{
display: block;
}

.ui-widget-overlay {
   background: #AAA;
   opacity: .30;
   filter: Alpha(Opacity=30);
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul {
    list-style: none;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}

table {
    border-collapse: collapse;
}

a {
    text-decoration: underline;
    color: #000;
}

.com a {
    text-decoration: none;
}


.theme-default .nivoSliderVideo {
    position:relative;
    background:#fff url(loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
 width: 100%;
    height: auto;
    overflow: hidden;
}

.md-overlay {
background: rgba(20,20,20,0.5)!important;

}
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    text-align: center;
    background: #fff;
    font: 100%/1.5 Helvetica, Arial, sans-serif;
    position: relative;
}

#back_to_top{
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #333;
    font-size: 30px;
    visibility: hidden;
     transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}
#back_to_top a { 
    text-decoration: none;
}
#back_to_top.sichtbar{
    visibility: visible;
}

/** izi-newsletter-slider 2022 **/
.izi-newsletter-slider{
    bottom: 80px;
    color: #fff;
    z-index: 1000;
    position: fixed;
    margin: 0px;
    right: -410px;
    height: 240px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 400;
    width: 360px;
    padding: 20px;
    padding-top: 20px;
    background: #000;
    border: 2px solid #000;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    
}    
.izi-newsletter-slider a{
text-decoration: none;
color: #eaeaea;
}
#iziRightWidgetToggle {
    right: 10px;
    top: 10px;
    position: absolute;
    color: #eaeaea;
    cursor: pointer;
    z-index: 9999;
}

.izi-newsletter-slider.sichtbar{
    transform: translate(-420px, 0px);
    color: #fff;
    cursor: pointer;  
}
@media all and (max-width: 391px){
    .izi-newsletter-slider.sichtbar{
        transform: translate(-415px, 0px);
    }
}
@media all and (max-width: 360px){
    .izi-newsletter-slider.sichtbar{
        transform: translate(-415px, 0px);
        max-width: 360px;
    }
}
  
.izi-newsletter-slider.itsClosed{
  right: -487px;
}
.izi-newsletter-slider input.button{
    background-color: #000;
    border-radius: 0;
    width: 100%;
    padding: 10px;
    height: 50px;
    font-size: 1.6em;
    font-weight: 400; 
}

.izi-newsletter-slider h3{
    font-size: 2em;
    margin-bottom: 10px;
}

.izi-newsletter-slider p{
    font-size: 0.9em;
    padding-left: 20px;
    padding-right: 20px;
}

.izi-newsletter-slider #mc_embed_signup{
    width: 100%;
    background: #000;
    font: 14px Helvetica,Arial,sans-serif;
}
.izi-newsletter-slider #mc_embed_signup .button{
    background-color: #333!important;
    color: #fff!important;
}
.izi-newsletter-slider #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
    border: 1px solid #c00;
}

.izi-newsletter-slider #mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 100%;
    padding-bottom: 3%;
    min-height: 0;
}





/** begin newsletter slider mailchimp **/


.nlett {
    display: block;
    height: 75px;
    width: 75px;
    background: url(https://zurichkreis8.ch/upload/nletter-envelope-zk8.png) no-repeat scroll left top transparent;
}


#mc_embed_signup{
  width: 300px;
  background:#000; clear:left; font:14px Helvetica,Arial,sans-serif; }

#mc_embed_signup #mce-success-response{


}
#mc_embed_signup div.response{
  padding-left: 0px;
  margin-left: 0px;

}
#mc_embed_signup div#mce-responses{
  padding-left: 0px;
  margin-left: 0px;
}

  .contact-slider{
    
    color: white;
    z-index: 1000;
    position: fixed;
    margin: 0px;
    right: -387px;
    height: 300px;
    text-decoration: none !important;
    font-size: 20px;
    font-weight: bold;
    width: 400px;
    padding-left: 0px;
    padding-top: 0px;
    background: transparent;
    border: none;
    /*box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; */
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    
//    display: none; // for now
    
}
.slider-head{
    color: #fff;
    padding-left: 10px;
    padding-top: 10px;
}

p.nletsub{
  margin-bottom: 10px;
    margin-top: 10px;
    font-size: 0.9em;
    color: #fff;
    opacity: 0.8;
    font-family: Helvetica;
    padding-left: 10px;
    width: 290px;
}

#mc_embed_signup .button {
background-color: #fff!important;
color: #000!important;

}


.chat-slider{
   top: 270px;
}
.phone-slider{
   top: 356px;
}

.newsletter-slider{
   top: 242px;
}

.slider-container{
        width: 350px;
    margin: 0 auto;
    padding-top: 12px;
    padding-left: 22px;
    text-align: left;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 0 0 0 10px;
}
.newsletter-slider .slider-container{
    padding-top: 0px !important;
}
 .chat-slider>.fa.fa-comments,
    .phone-slider>i:nth-child(1),
    .newsletter-slider>i:nth-child(1) {
        position: absolute;
        top: 0px;
/*        left: -13px; */
        left: -70px;
        
        font-size: 42px;
    }

    .slider-label {
        font-weight: normal;
        font-size: 13px;
        color: #fff;
    }

    .chat-slider:hover,
    .phone-slider:hover,
    .newsletter-slider:hover,
     .isHover{

        
        transform: translate(-329px, 0px);
        color: #000;
        cursor: pointer;
    }

    @media only screen and (max-width: 1044px) and (min-width: 0px) {
    
    .nlett {
    display: block;
    height: 35px;
    width: 35px;
    background: url(https://zurichkreis8.ch/upload/nletter-envelope-zk8-mobile.png) no-repeat scroll left top transparent;
}
.chat-slider>.fa.fa-comments,
    .phone-slider>i:nth-child(1),
    .newsletter-slider>i:nth-child(1) {

        left: -30px;
        }
        
    
        .chat-slider {
            visibility: hidden;

        }
        .phone-slider {
            top: 270px;
        }
        .newsletter-slider {
/*            top: 356px; */
            top: 120px;
        }
    }
  
  

/** eof newsletter slider mailchimp **/

#nlpag {
font-family: Helvetica,"Times New Roman", Arial;
display: none; 
}


:focus {
    outline: 0;
}



#nav span.nolink {
  text-decoration: none;
  display: inline-block;
  /*width: 9.7em;
  width: 8.3em;
  width: 8.35em;*/
  width: 106.5px;
  padding: 0;
  padding-top:3px;
  font-family: Helvetica, "Times New Roman", Times, serif;
  font-size: 0.87em;
  line-height: 2;
  /* color: #2c2c2c; */
  color: #fff;  
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  *display: inline;
  *margin: 0 0.8em;
}

#nav span.nolink:hover,
#nav span.nolink.active {
    color: #000;
    background: #fff;
/*    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; */
}

#nav ul li {
    display: inline;
    position: relative;
}
#nav ul li ul {
    display: none;
}

#nav ul li:hover ul {
    background: black;
    display: block;
    position: absolute;
    top: 23px;
    left: 0px;
    z-index: 100;
}

#nav ul li ul li {
    display: block;
}





.content {
    position: relative;
    width: 960px;
    margin: 0 auto;
    text-align: left;
    background: #fff;
}

.clear {
    display: block;
    clear: both;
    height: 0;
    content: ".";
    visibility: hidden;
}

header {
    position: relative;
    width: 100%;
    margin-bottom: 1em;
}

#banner {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0.5em;
    background: #000;
    text-align: center;
}

#banner img {
    max-width: 100%;
}

.logo-area {
    text-align: center;
}

#logo {
    float: left;
    display: block;
    width: 235px;
    height: 120px;
    margin-top: 1.8em;
    background: url(../upload/logo.png) no-repeat left top;
}
.opverl{
cursor: pointer;
text-decoration: underline;
}
#claim {
    width: 350px;
    margin: 60px 10px 0 115px;
    float: left;
    font-family: Helvetica,Georgia ;
    font-size: 1.0em;
    text-align: center;
}

#social {
    width: 70px;
    height: 35px;
    float: right;
    margin-top: 67px;
}

#search {
    display: none;
    float: right;
    position: absolute;
    right: 0;
    bottom: 30%;
}

#searchterm {
    color: #fff;
    display: block;
    float: left;
    height: 26px;
    width: 93.2%;
    padding: 0 5px;
    line-height: 24px;
    font-size: 12px;
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
}

#search_send {
    display: block;
    float: left;
    margin-top: 1px;
}

/* NAVIGATION */

#nav {
    display: block;
    margin: 1em 0;
    background-color: #000;
   margin-bottom: -16px;
}

#nav a {
    text-decoration: none;
    display: inline-block;
/*     width: 8.35em; 
    width: 7.9em; 
        width: 7.4em;*/
        width:         111px;
    padding: 0;
    padding-top: 2px;
    font-family: Helvetica, "Times New Roman", Times, serif;
    font-size: 0.9em;
    line-height: 2;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    *display: inline;
    *margin: 0 0.8em;
}

#nav a:hover, #nav a.active {
    color: #000;
    background: #fff;
/*     border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; */
}

#nav ul li.nlassdiff{
display:none!important;
}
#nav a.nlassdiff{
    color: #fff;
/*    background: #f90;
        background: #ff5924;*/
        background:#cc9933;
    width: 108px;
}


#navigation {
    display: block;
    margin: 1em 0;
}

#meta-nav ul li, #main-nav ul li {
    display: inline;
}

.mnav {
    float: right;
}

#meta-nav {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    background: #eee;
}

#meta-nav a {
    text-decoration: none;
    padding: 0 1em;
    font-size: 0.75em;
    line-height: 1.5;
    color: #2c2c2c;
    text-transform: uppercase;
}

#meta-nav a:hover, #meta-nav a.active {
    color: #2c2c2c;
    background: #000;
}

#meta-nav ul li a {
    text-decoration: none;
    display: block;
    float: left;
}

#meta-nav ul li a {
    text-decoration: none;
    padding: 0 1em;
    font-size: 0.75em;
    line-height: 1.5;
    color: #2c2c2c;
    text-transform: uppercase;
}

.meta-nav-fullback {
    width: 100%;
    background: #eee;
    position: absolute;
    top: 0px;
    z-index: 1;
}

#main-nav {
    background-color: #000;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
    overflow: hidden;
}

#main-nav ul li {
    display: inline-block;
    margin: 0;
    *display: inline;
}

#main-nav ul li a {
    text-decoration: none;
    display: inline-block;
    width: 8.35em;
    padding: 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 1em;
    line-height: 2;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    *display: inline;
    *margin: 0 0.8em;
}

#main-nav ul li:last-child a {
    border-right: 0;
}

#main-nav ul li a:hover, #main-nav ul li a.active {
    border: none;
    color: #000;
    background: #fff;
}

#meta-nav ul li a:hover, #meta-nav ul li a.active {
    color: #fff;
    background: #000;
}

/* SLIDER */

#slider-wrap {
    position: relative;
    margin: 1em 0;
    background: #fff;
    line-height: 1;
}

#slider-wrap img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

#slider-wrap .slider-right, #slider-wrap .slider-left {
    display: block;
    position: absolute;
    top: 50%;
    font-family: Arial, Helvetica, sans-serif;
    background: #000;
    color: #eee;
    z-index: 999;
}

.slider-right span, .slider-left span {
    display: block;
    padding: 1em 0.25em;
    color: #eee;
}

.slider-left {
    left: 0;
}

.slider-right {
    right: 0;
}

.slider-right:hover, .slider-left:hover {
    color: #fff;
}

.slide-position {
    display: block;
    position: absolute;
    bottom: 0;
    right: 5%;
    padding: 0 0.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    line-height: 1.7;
    background: #000;
    color: #fff;
    z-index: 999;
}

/* MAIN CONTENT */

#main {

}

#article-list {
    width: 66%;
    float: left;
}

#article-list article {
    margin: 0 0 2em 0;
}

#article-list article img {
    max-width: 100%;
    float: left;
    margin: 0 20px 20px 0;
    border: none;
}

#article-list article img.featured {
    width: 100%;
}

#article-list article h1 {
    font-family: Georgia, Helvetica, Arial, sans-serif;
    font-size: 2.8em;
    line-height: 1.3;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
}

frame #article-list article h1, iframe #article-list article h1 {
    font-size: 1.3em;
}

#article-list article h2 {
    font-family: Georgia, Helvetica, Arial, sans-serif;
    font-size: 2.3em;
    line-height: 1.3;
    color: #000;
}

#article-list article h3 {
    font-family: Georgia, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.1;
    color: #000;
}

frame #article-list article h2, iframe #article-list article h2 {
    font-size: 1.3em;
}




#article-list article h2 a, #article-list article h3 a {
    color: #000;
}

#article-list article h2 a:hover, #article-list article h3 a:hover {
    color: #000;
}

#article-list article p {
    font-size: 1.4em; 
/*    font-size: 1.1em; */
    font-family: Helvetica,Georgia, serif;
    color: #2c2c2c;
    margin: 0.5em 0;
}

#article-list article p.artintro{
font-size: 0.9em;
font-weight: bold;
font-style: italic;
}
.article-stats {
    font-size: 0.75em;
    color: #888;
}

.article-stats img {
    position: relative;
    top: 5px;
}

.article-stats label {
    color: #005caf;
}

.weiter-link {
    text-decoration: none;
    color: #000;
}

.weiter-link:hover {
    color: #000;
}

#article-pagination {
    padding: 0 1em;
    margin-bottom: 1em;
    background: #eee;
}

#article-pagination ul {
    list-style: none;
    color: #888;
}

#article-pagination ul li {
    display: inline;
    font-size: 0.9em;
    line-height: 1.5;
    font-family: Helvetica, "Times New Roman";
}

#article-pagination ul li a {
    color: #000;
    text-decoration: none;
}

#article-pagination ul li a.active {
    color: #f90;
}

#comercial {
/*    padding-right: 2px; */
    width: 30%;
    float: right;
    text-align: left;
    font-family: Georgia, Helvetica, Arial;
}

#comercial .comSmall {
    margin-bottom: 2em;
    text-align: center;
}

#comercial .com {
    margin-bottom: 26px;
    text-align: left;
}

#comercial .com img,
#comercial .comSmall img, {
width: 98%;
}

#comercial .com p {
/*    font-size: 0.975em; */
    font-size: 1.2em; 
    font-family: Helvetica,Georgia, serif;
    color: #2c2c2c;
    margin: 0.5em 0;
}

#comercial .com hr {
    display: block;
    position: relative;
    padding: 0;
    margin: 18px auto;
    height: 0;
    width: 100%;
    max-height: 0;
    font-size: 1px;
    line-height: 0;
    clear: both;
    border: none;
    border-top: 1px solid #eaeaea;
}

#comercial .com h4 {
    font-family: Georgia, Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.3;
    color: #000;
}

#comercial .com h4 a {
    color: #000;
}

#comercial .com h4 a:hover {
    color: #f90;
}

footer {
    width: 960px;
    margin: 3em auto;
    padding-top: 3em;
    font-size: 0.75em;
    border-top: 1px solid #ccc;
}

#footer-navigation {
    float: left;
}

#footer-navigation ul li {
    display: inline;
    padding: 0 10px;
    border-right: 1px solid #ccc;
}

#footer-navigation ul li:first-child {
    padding-left: 0;
}

#footer-navigation ul li:last-child {
    border-right: 0;
}

#footer-navigation ul li a {
    color: #2c2c2c;
    text-decoration: none;
}

#copyrights {
    float: right;
    color: #2c2c2c;
}

/*#toplink {
    display: block;
    position: fixed;
    bottom: 0px;
}

#toplink a {
    display: block;
    width: 134px;
    height: 28px;
    background: url("/upload/nletter1.png") no-repeat scroll left top transparent;
}*/

#toplink {
    display: none;
    position: absolute;
    right: -28px;
    top: 330px;
}

#toplink a {
    display: block;
    height: 134px;
    width: 28px;
    background: url("/upload/nletter.png") no-repeat scroll left top transparent;
}

#nlflaglink {
    display: none;
    position: absolute;
    right: -28px;
    top: 330px;
}

#nlflaglink a {
    display: block;
    height: 134px;
    width: 28px;
    background: url("/upload/nletter.png") no-repeat scroll left top transparent;
}

.design-labor-link {
    position: absolute;
    display: block;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 76px;
    background: url(../upload/design-labor-ch-logoNOPE.png) no-repeat left top;
}

.text-for-slider {
    font-family: georgia, palatino;
    font-weight: bold;
    color: #000;
    position: absolute;
    bottom: 40px;
    left: 20px;
    z-index: 99;
}

.text-for-slider {
    font-size: 20px;
}

.text-for-slider span.slidetit {
    font-size: 40px;
    line-height: 50px;
}

.text-for-slider a {
    text-decoration: none;
}

#formular {
    float: left;
    width: 66%;
    font-family: Georgia, "Times New Roman", serif;
}

#formular h1 {
    font-size: 2.5em;
    line-height: 1.3;
}

#formular h3 {
    font-size: 1.5em;
    line-height: 1.3;
}

#formular-table {
    width: 100%;
}

#formular .Untertitel {
    font-size: 1.3em;
    line-height: 1.3;
}

#formular .Fliesstext {
    color: #333;
}

#formular .input-warning {
    font-weight: bold;
    font-size: 0.7em;
}

.formular-btn {
    padding: 5px 10px;
    background: #ddd;
    border: 1px solid #ccc;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer;
}

.formular-btn:hover {
    color: #fff;
    background: #000;
}

.form-text-input {
    border: 1px solid #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 20px;
    line-height: 20px;
    color: #000;
}

.form-text-input:focus {
    border: 1px solid #000;
}

/* NEWSLETTER & SUBSCRIBE */

input#name,
input#email,
input#strasse,
input#ort {
    width: 93%;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: none;
    font-size: 0.8em;
}

input#submit {
    float: right;
    font-size: 0.8em;
    color: #fff;
    background: #4a4a4c;
    border: none;
    padding: 3px 5px;
}

input.insub {
    float: right;
    font-size: 0.8em;
    color: #fff;
    background: #000;
    border: none;
    padding: 5px 5px;
    width: 150px;
    cursor: pointer;
}


.img-responsive {
    max-width: 100%;
    height: auto;
}

/* jQuery UI */

.ui-widget {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.975em;
    border-radius: 0px;
    color: #fff;
    background: #000;
    border: none;
}

.ui-widget-content {
    color: #fff;
    border: none;
}

.ui-dialog-titlebar{
    display: none;
}
.ui-widget-overlay {
   background: #AAA;
   opacity: .30;
   filter: Alpha(Opacity=30);
}


.naver-handle{
background-color: #000;
color: #fff;
}

naver.enabled .naver-container {
    border: none;
 
}





/* MEDIA QUERIES */

@media only screen and (min-width: 980px) {
.cloNew{
display: none;
}
}



@media only screen and (max-width: 980px) {

    #article-list article h2{
        font-size: 1.9em;
    }
    #article-list article h1{
        font-size: 2.4em;
        margin-top: 30px;
        margin-bottom: 30px;
    }
#nlpag {
    display: none;
}

#toplink{
    display: none;
}
    #nav {
        display: block;
        margin: 1em 0;
        background-color: #000;
        text-align: center;
    }

    #nav a {
        width: 100%;
        display: block;
        color: #fff;
        background: #000;
    }

    #nav a:hover {
        color: #000;
        background: #fff;
    }

    #meta-nav {
        display: none;
    }
    
    .nivo-caption{
        font-size: 0.75em;
    }
}
@media(max-width: 768px) {

.mobileOnly{
display: block;
}
.desktopOnly{
display: none;
}

footer{
border-top: none;
}

    #nav ul li ul {
        display: block;
    }

}
@media only screen and (max-width: 768px) {

#nav a.nlassdiff{
 
    width: 100%;
}

#nlpag {
    display: none;
}
#toplink{
    display: none;
}
    footer {
        margin: 10px auto;
        padding: 10px 0px;
        font-size: 12px;
    }
    
    #footer-navigation {
        float: none;
        text-align: left;
        text-transform: uppercase;
    }

    .mnav {
        float: none;
    }
    
    #footer-navigation ul li {
        display: block;
        border: none;
        /*border-bottom: 1px solid #ccc;*/
    }
    
    #footer-navigation ul li:first-child {
        padding-left: 10px;
    }
    
    #footer-navigation ul li a {
        /*text-decoration: none;*/
    }
    
    #copyrights {
        margin-top: 10px;
        float: none;
    }
    
}

@media only screen and (max-width: 480px) {

    .content {
        width: 90%;
    }
    
#nlpag {
    display: none;
}
    
#toplink{
    display: none;
}
    #article-list {
        display: block;
        width: 100%;
    }

    #comercial {
        display: block;
        width: 100%;
    }

    #logo {
        width: 120px;
        height: 100px;
        display: block;
        margin: 0 auto;
        float: none;
     background: url(../upload/logo-mobile.jpg) no-repeat left top;
        
    }

    #claim {
        width: 100%;
        margin: 15px 10px 15px -5px;
        float: left;
        font-family: Helvetica;
        font-size: 0.8em;
        text-align: center;
    }

    .meta-nav-fullback {
        position: static;
    }

    #search {
        display: block;
        float: none;
        position: relative;
        right: 0;
        bottom: 0;
        margin: 1em 0;
    }

    .slider-right span, .slider-left span {
        padding: 0.25em 0.15em;
    }

    footer {
        width: 90%;
    }

    #footer-navigation, #copyrights {
        display: block;
        float: none;
        text-align: center;
    }

    .img-responsive {
        width: 100%;
        height: auto;
    }

    #social {
        margin-top: 0px;
    }
    
    .nivo-caption{
        font-size: 0.75em;
    }
}

@media only screen and (min-width: 481px) and (max-width: 1024px) {

    .content {
        width: 90%;
    }

    footer {
        width: 90%;
    }

    #main-nav {
        white-space: normal;
    }

    .img-responsive {
        width: 100%;
        height: auto;
    }

    .nivo-caption{
        font-size: 0.75em;
    }
}

@media (min-width: 320px) {
    
   .nivo-caption{
       font-size: 0.75em;
   }

}



/** social icons **/
.zk8_top_social {
    display: block;
    float: right;
    margin-top: 67px;

}

.zk8_top_social.n2022 a{ 
    font-size: 20px;
    text-decoration: none;
}
.zk8_top_social.n2022 a::hover{ 
    font-size: 22px;
}

.zk8_top_social li {
    float: left;
    display: block;
    margin: 0 1px 0 0;
}

.zk8_social_1 {
    width: auto;
    margin: 0;
    padding: 0
}

.zk8_social_1 a {
    width: 32px;
    height: 38px;
    display: block;
    background-repeat: no-repeat;
    background-image: url(/upload/zk8-social-networks-all.png);
    text-indent: -9000px;
    border: 0;
    color: #fff
}

.zk8_social_1 a.social_1 {
    background-position: -32px 0px;
    background-color: #000
}

.zk8_social_1 a.social_1:hover {
    background-position: -32px -2px;
    background-color: #3B5998
}

.zk8_social_1 a.social_2 {
    background-position: 0px 0px;
    background-color: #000
}

.zk8_social_1 a.social_2:hover {
    background-position: 0px -2px;
    background-color: #55acee
}

.zk8_social_1 a.social_3 {
    background-position: -192px 0px;
    background-color: #000
}

.zk8_social_1 a.social_3:hover {
    background-position: -192px -2px;
    background-color: #dd4b39
}

.zk8_social_1 a.social_4 {
    background-position: -128px 0px;
    background-color: #000
}

.zk8_social_1 a.social_4:hover {
    background-position: -128px -2px;
    background-color: #3f729b
}

.zk8_social_1 a.social_5 {
    background-position: -96px 0px;
    background-color: #000
}

.zk8_social_1 a.social_5:hover {
    background-position: -96px -2px;
    background-color: #ee1010
}

.zk8_social_1 a.social_6 {
    background-position: -160px 0px;
    background-color: #000
}

.zk8_social_1 a.social_6:hover {
    background-position: -160px -2px;
    background-color: #e52d27
}

.zk8_social_1 a.social_7 {
    background-position: -64px 0px;
    background-color: #000
}

.zk8_social_1 a.social_7:hover {
    background-position: -64px -2px;
    background-color: #1ab7ea
}

.zk8_social_1 a.social_8 {
    background-position: -224px 0px;
    background-color: #000
}

.zk8_social_1 a.social_8:hover {
    background-position: -224px -2px;
    background-color: #ff6600
}

.zk8_social_1 a.social_9 {
    background-position: -256px 0px;
    background-color: #000
}

.zk8_social_1 a.social_9:hover {
    background-position: -256px -2px;
    background-color: #e91013
}

.zk8_social_2 a {
    width: 27px;
    height: 27px;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../images/sprite_social_2.png);
    text-indent: -9000px
}

.zk8_social_2 a.social_1 {
    background-position: 0 0
}

.zk8_social_2 a.social_1:hover {
    background-position: 0 bottom
}

.zk8_social_2 a.social_2 {
    background-position: -27px 0
}

.zk8_social_2 a.social_2:hover {
    background-position: -27px bottom
}

.zk8_social_2 a.social_3 {
    background-position: -54px 0
}

.zk8_social_2 a.social_3:hover {
    background-position: -54px bottom
}

.zk8_social_2 a.social_4 {
    background-position: -81px 0
}

.zk8_social_2 a.social_4:hover {
    background-position: -81px bottom
}

.zk8_social_2 a.social_5 {
    background-position: -108px 0
}

.zk8_social_2 a.social_5:hover {
    background-position: -108px bottom
}

.zk8_social_2 a.social_6 {
    background-position: -135px 0
}

.zk8_social_2 a.social_6:hover {
    background-position: -135px bottom
}

.zk8_social_3 a {
    width: 21px;
    height: 21px;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../images/sprite_social_3.png);
    border: 2px solid #e6e6e6;
    text-indent: -9000px
}

.zk8_social_3 a.social_1 {
    background-position: -2px -2px
}

.zk8_social_3 a.social_1:hover {
    background-position: -2px -27px;
    border-color: #54aee1
}

.zk8_social_3 a.social_2 {
    background-position: -27px -2px
}

.zk8_social_3 a.social_2:hover {
    background-position: -27px -27px;
    border-color: #4772af
}

.zk8_social_3 a.social_3 {
    background-position: -52px -2px
}

.zk8_social_3 a.social_3:hover {
    background-position: -52px -27px;
    border-color: #cb2027
}

.zk8_social_3 a.social_4 {
    background-position: -77px -2px
}

.zk8_social_3 a.social_4:hover {
    background-position: -77px -27px;
    border-color: #e43a3a
}

.zk8_social_3 a.social_5 {
    background-position: -102px -2px
}

.zk8_social_3 a.social_5:hover {
    background-position: -102px -27px;
    border-color: #406f95
}

.social-dropdown .zk8_social_1 li {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 38px;
    overflow: hidden;
    float: left
}

.social-dropdown .zk8_social_1 a {
    width: 32px;
    height: 38px;
    display: block;
    background-repeat: no-repeat;
    background-image: url(upload/zk8-social-networks-all.png);
    text-indent: -9000px;
    margin: 0;
    padding: 0
}

.social-dropdown .zk8_social_1 a.social_1 {
    background-position: -32px 0px;
    background-color: #3B5998
}

.social-dropdown .zk8_social_1 a.social_1:hover {
    background-position: -32px -2px;
    background-color: #3B5998
}

.social-dropdown .zk8_social_1 a.social_2 {
    background-position: 0px 0px;
    background-color: #55acee
}

.social-dropdown .zk8_social_1 a.social_2:hover {
    background-position: 0px -2px;
    background-color: #55acee
}

.social-dropdown .zk8_social_1 a.social_3 {
    background-position: -192px 0px;
    background-color: #dd4b39
}

.social-dropdown .zk8_social_1 a.social_3:hover {
    background-position: -192px -2px;
    background-color: #dd4b39
}

.social-dropdown .zk8_social_1 a.social_4 {
    background-position: -128px 0px;
    background-color: #3f729b
}

.social-dropdown .zk8_social_1 a.social_4:hover {
    background-position: -128px -2px;
    background-color: #3f729b
}

.social-dropdown .zk8_social_1 a.social_5 {
    background-position: -96px 0px;
    background-color: #ee1010
}

.social-dropdown .zk8_social_1 a.social_5:hover {
    background-position: -96px -2px;
    background-color: #ee1010
}

.social-dropdown .zk8_social_1 a.social_6 {
    background-position: -160px 0px;
    background-color: #e52d27
}

.social-dropdown .zk8_social_1 a.social_6:hover {
    background-position: -160px -2px;
    background-color: #e52d27
}

.social-dropdown .zk8_social_1 a.social_7 {
    background-position: -64px 0px;
    background-color: #1ab7ea
}

.social-dropdown .zk8_social_1 a.social_7:hover {
    background-position: -64px -2px;
    background-color: #1ab7ea
}

.social-dropdown .zk8_social_1 a.social_8 {
    background-position: -224px 0px;
    background-color: #ff6600
}

.social-dropdown .zk8_social_1 a.social_8:hover {
    background-position: -224px -2px;
    background-color: #ff6600
}

.social-dropdown .zk8_social_1 a.social_9 {
    background-position: -256px 0px;
    background-color: #e91013
}

.social-dropdown .zk8_social_1 a.social_9:hover {
    background-position: -256px -2px;
    background-color: #e91013
}


@media only screen and (max-width: 480px) {
.zk8_top_social{
    margin-top: 0px;
    width: 100%;
    text-align: center;
}
#comercial .com p {
font-size: 1em;
}

}

@media all and (max-width: 768px){
    .theme-default a.nivo-prevNav, .theme-default a.nivo-nextNav{
        display: none!important;
    }
    }
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
 #claim{
 width: 35%;
 margin: 50px;
 }
}