* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    
}

div.grecaptcha-badge {
    bottom: 20px !important;
    visibility: hidden !important;
}

p.recaptcha-info {
    font-size: 14px;
}

p.recaptcha-info > a {
    color: #da183c;
}

p.recaptcha-info > a:hover {
    text-decoration: underline !important;
}

@font-face {
    font-family: helvetica;
    src: url(helvetica.ttf) format('ttf');
}



.loader-spinner {
    width: 100vw;
    height:100vh;
    position: fixed;
    background-color: #fefefe;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index: 3;
}


  .loader{
    width:100px;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:10px 20px;
    
    
  }
  
  
  @keyframes load8{
    100%{
      transform:rotatez(360deg);
    }
  }
  .loader8::before{
    content:"";
    color:white;
    height:50px;
    width:50px;
    background:transparent;
    border-radius:50%;
    border:10px solid transparent;
    border-color:#da183c #da183c transparent transparent;
    animation:load8 .6s infinite;
  }

/* CLICK TO ZOOM IMGS */

.grid img, .vorcher-grid img {
    border-radius: 2px;
    cursor: pointer;
    transition: 0.3s;
    outline: none;
    user-select: none;

}

.grid img:focus {
    outline: none;
    user-select: none;
}

   
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 80px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgb(59, 59, 59); /* Fallback color */
    background-color: rgba(19, 18, 18, 0.849); 
    overflow: auto; /* Enable scroll */
  }
  
  /* Modal Content (Image) */
  .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 600px;
  }
  
  /* Zoom in the Modal */
  .modal-content { 
    animation-name: zoom-modal;
    animation-duration: 0.5s;
  }
  
  @keyframes zoom-modal {
    from {opacity: 0} 
    to {opacity:1}
  }
  
  /* Close Modal Btn */
  .close, .close2 {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close:hover,
  .close:focus, .close2:hover, .close2:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    .modal-content {
      width: 100%;
    }
  }

.grid { 
    display: -ms-grid; 
    display: grid;
    -ms-grid-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    margin-bottom: 15px;
    grid-gap: 20px !important;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    
    }

.last-of-grid {
    padding-bottom: 50px;
}

    .vorcher-grid { 
        display: -ms-grid; 
        display: grid;
        -ms-grid-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
        margin-bottom: 15px;
        grid-gap: 20px !important;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch !important;
                align-items: stretch !important;
                max-width: 1120px;
                margin-left: auto;
                margin-right: auto;
                padding-bottom: 50px;
        
        }

  .grid video {
      max-width: 100% !important;
  }

body {
    background-color: #fff;
    font-family: 'Poppins','helvetica', 'Montserrat', sans-serif;
    
    
}

html, body {
    height: 100%;
}

.container {
    min-height: 100%;
}

.main-content {
    overflow: auto!important;
    padding-bottom: 0;
    

}

/* Above Nav */

.country-flags-main {
    background-color: rgba(243, 243, 243, 0.815);
}

.country-flags {
    width: 100%;
    height: 28px;
    background-color: rgba(243, 243, 243, 0.767);
}

.country-flags > img, .country-flags div {
    display: inline;
}

.country-flags-pos {
    float: right;
    margin-right: 30px;
}

.max-flag {
    height: 20px;

}

/**/

.navtest {
    height: 20px;
    background: none;
    box-shadow: none;
}

.navtest ul li {
    display: inline-block;
    margin-left: 5px;
}

.navtest ul li a img {
    height: 20px;
    
}

.navtest ul li a img:hover {
    opacity: 0.8;
}

div.country-flags-pos {
    padding-top: 0px;
}
/*
.navtest ul {
    margin: 0;
    
}

.navtest ul > li {
    position: relative;
    height: 28px;
}

.navtest li ul {
    position: absolute;
    left:9px;
    top:28px;
    z-index:1;
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
    background-color: rgb(243, 243, 243);
    width: 65px;
    -webkit-box-shadow: -2px 2px 15px -5px rgba(61,60,61,1);
-moz-box-shadow: -2px 2px 15px -5px rgba(61,60,61,1);
box-shadow: -2px 2px 15px -5px rgba(61,60,61,1);
}

.navtest ul > li:hover ul {
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
}

.navtest ul li ul li {
    height: 30px;
}
.navtest ul li ul > li a img {
    height: 20px;
    width:20px;
    margin-left: 20px;
    margin-bottom: 6px;
    margin-top: 6px;
    transition: height 0.15s ease-out, width 0.15s ease-out;   

}

.navtest ul li ul li:last-child {
    margin-bottom: 4px;
}

.navtest ul li ul > li a img:hover {
    height: 22px;
    width:22px;
}

.flag-rotate {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition:         transform .4s ease-in-out;
}

.flag-rotate:hover > img.rotate-arrow{
    -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}*/

/* Nav */

nav {
    height: 83px;
    background-color: #fff;
    box-shadow: 0 4px 6px -6px gray; 
 }

.nav-name img {
    display: block;
    float: left;
    max-width: 250px;
    height: auto;
    margin-left: 2rem;
    margin-top: 0.8rem;
}

.max_stretch {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.home-icon {
    margin-bottom: 7px;
}

.mobile_menu {
    list-style-type: none;
    margin:0;
    padding-left: 1rem;
    background: #fefefe;
    margin-right: 1rem;
    font-weight: bold;
}

.mobile_menu li {
    border-bottom: 1px solid rgba(104, 104, 104, 0.25);
    font-size: 16px;
    padding: 10px 0;
    font-weight: 500;
}

.mobile_menu li a {
    color:black;
}

.mobile_menu li a:hover {
    color: rgb(190, 30, 30);
}

.active-link {
    color: rgb(190, 30, 30);
}

.mobile_menu li:first-child {
    margin-top: 20px;
}

.mobile_menu li:last-child {
    border: none;
}

.off-canvas {
    background:  #fefefe;
}

.js-off-canvas-overlay {
    background: rgba(104, 104, 104, 0.25);
}

.nav_menu {
    float: right;
    margin: 0;
    padding: 0;
    margin-right: 20px;
}



.nav_menu > a {
    display: inline-block;
    list-style: none;
    margin-right: 9px;      
}

.nav_menu > a > li:hover {
    color: #da183c;
}

.nav_menu > a > li {
    color:  black;
    line-height: 83px; 
    font-size: 15px;
    font-weight: 500;
}

#nav-icon3 {
    width: 29px;
    height: 18px;
    position: relative;
    margin-top: 35px;
    float: right;
    margin-right: 33px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 80%;
    background: #474242;
    border-radius: 9px;
    opacity: 1;
    left: 0;
  
}

#nav-icon3 span:nth-child(1) {
    top: 0px;
}
  
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 7px;
}
  
#nav-icon3 span:nth-child(4) {
    top: 14px;
}
  
#nav-icon3.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
  
#nav-icon3.open span:nth-child(4) {
    top: 7px;
    width: 0%;
    left: 50%;
}

.banner img {
    display: block;
    margin: 1rem auto;
    width: 900px;
}

/* upper tag */

.forum-size {
    font-size: 0.9em;
    

    
}

.forum-size th {
    font-size: 0.85em;
}

tbody.row-padding > tr td{
    padding: 0;

}

tbody.row-padding > tr {
    background-color: #fefefe;
    border-bottom:1px solid rgb(238, 238, 238) !important;
}

.max-stretch {
    max-width: 1240px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.dash-email {
    text-align: center;
}

.dash-email a{
    color: rgb(32, 32, 32);
    cursor: pointer;
    
}

.dash-replies {
    color: rgb(32, 32, 32);
    cursor: pointer;
}

.dash-replies:hover, .dash-email a:hover {
    color: #da183c;
}

.dash-email a:hover {
    text-decoration: underline;
    
}

.trash-btn {
    display: block;
    margin: 0 auto;
}

.dash-trash:hover {
    color:red;
    
    
}

.admin-forum thead tr > th {
    text-align: center;
}

.forum-size select {
    font-size: 0.9em;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 36px;
}

.forum-size > tr {
    margin: 0;
}

.upper-tag {
    background: #da183c; /* or #d60a50*/
    display: block;
    width: 100%;
    height: 65px;
    line-height: 65px;
    padding-left: 30px;
    font-size: 2em;
    color: rgb(255, 255, 255);
    font-style: italic;
    

}

.profile-msgs {
    margin-bottom: 5px;
    margin-left: 6px;
    color: #555;
}

.profile-btn-1 {
color: #0a0a0a !important;
}

.profile-btn-1:hover {
    color:#da183c !important;
    text-decoration: underline !important;
}

.upper-dash-main {
    background-color: #da183c;
    
}

.upper-dash {
    background-color: #da183c;
    display: block;
    margin: 0 auto;
    max-width: 1300px;


}

.upper-dash h2 {
    color: white;
    font-family: 'Caveat', cursive !important;
    max-width: 760px;
    padding: 10px 0 10px 32px;
    font-size: 1.9em;


}

.upper-dash a {
    color: white;
    cursor: pointer;
    
}

.fa-sign-out-alt {
    margin-right: 20px;
}

.upper-logout {
    font-weight: bold;
    line-height: 60px;
    color: white;
}



.upper-logout a {
    color: white;
    font-weight: 100;
}

.upper-tag h2 {
    font-family: 'Nothing You Could Do', cursive;
}

/* Slideshow */

.slideshow-container {
    position: relative;
}

.prev-arrow {
    position: absolute;
    top: 45%;
    left: 1rem;
}

.next-arrow {
    position: absolute;
    top: 45%;
    right: 1rem;
}

.slick-dots li button { 
    font-size: 0; 
} 

ul.slick-dots {
    width: 0;
    height: 0;
}

.img-resize {
    height: auto;
    width: auto; 

}

    
.slick-arrow {
   cursor: pointer;
    
}

.slide-arrows {
    display: block;
    margin: 0 auto;
    width: 138px;  
}

.slide-arrow-size {
    width: 3.8rem;
    height: 3.8rem;
    background: rgba(73, 71, 71, 0.459);
    border-radius: 50%;
}

.main-descr {
    width: 1230px;
    max-width: 95%;
    margin: 50px auto 40px auto;
    color: rgba(26, 24, 24, 0.795);
    margin-bottom: 4rem;
}

.latin {
    margin-left: 30px;
}

.grecaptcha-badge { 
    bottom:65px !important; 
}

/* FORUM */

/* error, success msg */

.errors {
    margin-bottom: 16px;
    color:#555;
}

.forum th {
    font-size: 0.85em;
    text-align: center;

}

.forum .first-th {
    text-align: left;
    max-width: 100px;
}

.forum-slug, .forum-timestamp, .forum-sums {
    color: rgb(32, 32, 32);
    font-size: 0.93em;
}

.time-topic {
    font-size: 0.9em;
    border-right: 1px solid rgba(69, 69, 69, 0.089);
    border-left: 1px solid rgba(69, 69, 69, 0.089);
}

.forum-timestamp, .forum-sums {
    text-align: center;
}

.forum td {
    padding-bottom: 0;
}

.forum-sums, .forum-timestamp {
    padding-top: 0;
    font-size: 0.9em;
}

a.forum-slug:hover {
    color: rgba(17, 17, 17, 0.514);
    text-decoration: underline;
}

.error {
    border-color:1px solid #D8000C;
  background-color: rgb(250, 218, 218);
} 

.success {
    border:1px solid rgb(183, 240, 160);
  background-color: rgb(232, 247, 210);
}

.info {
    border: #cee1ef 1px solid;
    background-color: #f0f8ff;
}

.warning {
    /*color: #9F6000;
    background-color: #FEEFB3; */

    background-color: #ffffe0;
    border:1px solid  #e6db55;
    font-size: 0.85em;
    padding: 10px;
    color: #1a1a1ae7;
  }

.error, .success, .info, .warning {
    padding: 10px;
    margin-bottom: 9px;
    max-width: 893px;
    color: #1a1a1ae7;
    font-size: 0.85em;
}

.fa-warning, .fa-info-circle, .fa-check {
    margin-right: 5px;
    margin-left: 3px;
}

.sum-info {
    border: #cee1ef 1px solid;
    background-color: #f0f8ff;
    font-size: 0.85em;
    padding: 10px;
    max-width: 893px;
    color: #1a1a1ae7;
    
}



.light, .light-b {
    color: #1a1a1ae7;
    font-weight: bolder;
    
}

a.data-protection-a, a.data-protection-a:visited, a.data-protection-a:active {
color:#da183c;
}

a.data-protection-a:hover {
    color:#da183c;
    text-decoration: underline;
    }



.light:hover, .light-b:hover, .light:visited {
    color: #1a1a1ae7;
    font-weight: bolder;
}

.login-form {
    max-width: 300px;
    background-color:rgba(241, 240, 240, 0.829);
    
}

.login-form fieldset > label {
    font-size: 15px;
}

.login-form fieldset > input {
    font-size: 15px !important;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    height: 40px;
    border-radius: 2px;
    font-size: 15px !important;
    color: #666;
}

.login-form fieldset > input:focus {
    outline: none !important;
    box-shadow: none;
    border: 1px solid rgba(173,176,182);
}

.forum-one-nums {
    margin-top: 16px;
}



.login-form fieldset {
    padding: 13px;
}

.login-form fieldset label[for=uid] {
    margin-top:20px;
}

label {
    color: #555;
}

.login-form fieldset button[name=login-submit] {
    width: 100%;
    border: none;
    padding: 14px 20px;
    background-color: #da183c;
    border-radius: 4px;
    color: white;
    margin-top: 18px;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    transition: 0.25s;

}

.login-form fieldset button[name=login-submit]:hover {
    background:#c91637;

}


table.forum tr:nth-child(even){
    background-color: #fbfbfb;
  }

table.forum tr {
    border-top: 1px solid #eee;
}

.pass-rcvr > label {
    font-size: 15px;
}

.register-btn {
    margin-top: 8px;
    width: 100%;
    border: none;
    padding: 10px 0;
    background-color: #eee;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    font-size: 15px;
    transition: .25s;
    font-weight: bold;
    cursor: pointer;
    color: #666;
    text-align: center;

   
}

.register-btn:hover {
    background-color: rgb(231, 230, 230);
    
}

.register-btn a {
    color: #666;
    font-weight: bold;
    padding: 16px 20px;
}

.forgot-pwd {
    color: rgba(85, 84, 84, 0.692);
    margin-top: 18px;
    margin-bottom:10px;

    text-align: center;
    font-size: 0.9rem;

}

.forgot-pass {
    margin: auto;
    max-width: 400px;
}

 .forgot-pass-text {
    color: #555 !important;
    font-size: 16px !important;
    line-height: 26px;
    margin-bottom: 10px;
    margin-top: 50px;
}



.forgot-pass-inp {
    color: #666;
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    height: 40px;
    border-radius: 2px;
    font-size: 15px;
    color: #666;
}

.forgot-pass-inp:focus {
    outline: none !important;
    box-shadow: none;
    border: 1px solid rgba(173,176,182);
}

.threads {
    display: inline-block;
    float: left;
    
}



.paginations ul {
    margin: 0;
    padding: 0;
    float: right;
}


.paginations ul > li{
    display: inline-block;
    margin-right: 15px;
    color: black;
    
    
}

.paginations ul > li a {
    color: rgb(46, 46, 46);
}

.paginations ul li.bottom-nums {
    margin-right: 0;
}

ul.reg-specs {
margin:0;
padding:0;

}
/*
ul.reg-specs > li {
    font-size: 12px;
    list-style-type: disc;
    list-style-position: inside;
    color: #00000087;
}

input[name=uid] {
    margin-bottom: 0;
}

input[name=pwd] {
    margin-bottom: 0;
}

label[for=pwd-repeat] {
    margin-top: 16px;
}
*/
.form-register {
    margin:auto;
    color: #666;
    background-color: #fff;
}

.form-register label {
    font-size: 15px;
}

.form-register input {
    border: 1px solid #ddd;
    box-shadow: none;
    outline: none;
    height: 40px;
    border-radius: 2px;
    font-size: 15px;
    color: #666;
}

.form-register input:focus  {
    outline: none !important;
    box-shadow: none;
    border: 1px solid rgba(173,176,182);
}

.reg-btn {
    color: #fff;
    background-color: #da183c;
    display: block;
    width: 100%;
    padding: 16px 20px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s;

}

.reg-btn:hover {
    background:#c91637;
}

.reg-login-btn {
    color: #666;
    display: block;
    width: 100%;
    padding: 16px 20px;
    font-weight: 600;
    background-color: #eee;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    cursor: pointer;
    text-align: center;
    line-height: 16px;
    transition: 0.25s;

}

.reg-login-btn:hover {
    background-color: rgb(231, 230, 230);
}

.check-terms {
    padding-top: 7px;
    margin-bottom: 30px;
}

.bottom-btns {
    margin-bottom: 30px;
}


.discuss-form {
    margin-top: 20px;
    margin-bottom:  55px;
}

.discuss-form fieldset {
    border: 1px solid  rgba(173,176,182,.3);
    padding: 20px;
}

.discuss-form fieldset legend {
    margin-left: 30px;
    padding: 0 5px 0 5px;
    margin-bottom: 0;
    color:#0a0a0a;

}

.discuss-form fieldset label {
    color:#0a0a0a;

}

.discuss-form input {
    color: #666 !important;
}

.discuss-form input[type=text] {
    border: 1px solid rgba(173,176,182,.3);
    max-width: 400px;
    box-shadow: none;
    background-color: #fcfcfc;
    
}
.discuss-form textarea {
    border: 1px solid rgba(173,176,182,.3);
    max-width: inherit;
    height: 270px;
    box-shadow: none;
    outline: none;
    background-color: #fcfcfc;
    color: #666 !important;
    }

    button[name=discuss-submit]{ 
        padding: 16px 20px;
        background-color: #da183c;
        border-radius: 3px;
        color: white;
        font-weight: bold;
    }

    .reset-my-pass-btn {
        padding: 16px 20px;
        background-color: #da183c;
        color: #fff;
        display: block;
        width: 100%;
        font-weight: bold;
        border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
    }

    .reset-my-pass-btn:hover {
        background-color: #c91637;
    }
    
    

/****/



.profile-card {
    background-color: #f4f4f4;
    padding: 15px;
}

.profile-card img {
    height: 90px;
    display: block;
    margin: 0 auto;
    padding: 10px 0;
}

.profile-name {
    text-align: center;
    font-size: 0.9em;
}

.profile, .profile-card-logout {
    font-size: 0.9em;
}

.profile-card-logout {
    color: #0a0a0a;
}

.profile-card-logout:hover {
    color: #da183c;
    text-decoration: underline;
}

.fas.fa-thumbstack, .topic-name {
    display: inline-block;
    font-size: 0.74em;
}

.fas.fa-thumbstack {
    /*position: relative;
    left: 20px; */
    font-size: 0.7em;
    
}

.rotate {
    transform: rotate(40deg);
}

.author-topic, .discussion-topic {
    background-color: rgba(69,69,69,.05);
    padding: 10px 0 10px 10px;
    border-top: 1px solid rgba(69, 69, 69, 0.089);
}

.author-topic {
    border-left: 1px solid rgba(69, 69, 69, 0.089);

}
.discussion-topic {
    border-right: 1px solid rgba(69, 69, 69, 0.089);
}



.time-topic {
    background: rgba(250, 249, 249, 0.89);
    padding: 10px 0 10px 10px;
}

.time-topic-comments {
    background-color: rgba(241, 240, 240, 0.829);
    padding: 10px 0 10px 10px;
    font-size: 0.9em;
    border-left: 1px solid rgba(69, 69, 69, 0.089);
    border-right: 1px solid rgba(69, 69, 69, 0.089);
}

.profile-pic-square {
    width: 80px;
    display: block;
    margin: 15px auto;
}

.lang-info {
    background-color: #f4f4f4;
    font-size: 0.88em;
    padding: 15px;
    text-align: left;
    color: #666;
}

.profile-pic-1 {
    border-left: 1px solid rgba(69, 69, 69, 0.089);
    border-bottom: 1px solid rgba(69, 69, 69, 0.089);
}

.profile-pic-2 {
    border-left: 1px solid rgba(69, 69, 69, 0.089);
    border-bottom: 1px solid rgba(69, 69, 69, 0.089);

}
.username-topic {
    margin: 15px auto 0 auto;
    display: block;
    font-size: 0.9em;
}

.username-topic-surname {
    margin: 0 auto 10px auto;
    display: block;
    font-size: 14px;
}

.status-topic {
    font-size: 13px;
}

.wrapper-topic {
    background:rgba(250, 249, 249, 0.89);
    text-align: center;
}

.thready, .thready2 {
    margin-top: 16px;
    display: inline-block;
    float: left;
    font-size: 16px;
}

ul.forum-one-nums {
    display: inline-block;
    float: right;
    margin-top: 16px;
}

.topic-header {
font-size: 0.85em;
font-weight: bold;
}

.text-topic {
    background:rgba(250, 249, 249, 0.815);
    padding: 15px;
    text-align: left;
    border-right: 1px solid rgba(69, 69, 69, 0.089);
    border-bottom: 1px solid rgba(69, 69, 69, 0.089);
    font-size: 0.95em;
    
    
}

.uid-status-topic-wrapper {
    margin-bottom: 15px;
}

.comment-number {
    float: right;
    margin-right: 12px;
    color: rgba(88, 88, 88, 0.822);
}



/* Akne - Rosacea */

 h1.akne-header, h1.rosacea-header, h1.milben-header, h1.impressum-header, h1.vorher_nacher-header, h1.register-header {
    width: 1110px;
    text-align: left;
   margin-bottom: 20px;
    font-size: 3em;
    font-family: 'Nothing You Could Do', cursive;
    color:#da183c;
    font-weight: bold;

 }

  /* Milben*/

.milben-gallery { 
    max-width: 1120px;
    margin: 0px auto;     
}

.milben-date {
    
    margin: 50px auto 1rem auto;
    text-align: left;
    color:#555;
    font-weight: bold;
   
}

.youtube-responsive-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    }
    
    .youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    }

/* Scroll to Top */

.scrollToTop{
    width:45px; 
    height:45px;
    padding:10px; 
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom:55px;
    right:20px;
    background: url('../img/scrollToTop.svg') no-repeat 13px 12px;
    background-size: 19px 19px;
    background-color: rgba(209, 208, 208, 0.548); 
    border-radius: 50%;
    transition: background-color 0.3s ease;
    display:none;  
}

.scrollToTop:hover{
    background-color: rgba(228, 227, 227, 0.548);
}



 /* Vorher - Nachher*/

 .main-descr a span {
     color: #da183c;
 }

 .main-descr a span:hover {
    color: #da183c;
    text-decoration: underline;
}

.img_gallery img {
    display: inline;
}

 .vorher-gallery {
     max-width: 85%;
     margin-left: auto;
     margin-right:auto;
     margin-bottom: 4rem;   
 }

 .img-cell {
    width: 400px;
    height: 300px;
     border-radius: 5px;
     margin: 0 auto;
     overflow: hidden;  
 }

 .imgs-pos {
    display: block;
    margin: 0 auto;
 }

 img.vorher-img {
    height: auto;
    width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Profile.php */

.profile-main {
    width: 97%;
    margin: 0 auto;
    max-width: 1200px;
}

.profile-card-content {
    display: inline-block;
    margin-left: 180px;
    width: 300px;
    margin-left: 45px;
    height: auto;
    margin-bottom: 10px;
    margin-top: 50px;
    
    
}
.profile-card-img-profile img {
    display: block;
    height: 115px;
    margin: 5px auto;    
}

.profile-name-lastname {
    display: block;
    margin: 15px auto;
    text-align: center;

}

ul.list-group {
    display: block;
    position: relative;
    
    
}

.dd {
    display: inline-block;
    color: #555;
    padding: 6px;
    background-color: #eee;
    width: 350px;
    margin: 0 auto;
   /* margin-left: 70px;*/
}

.dd:hover {
    background-color: rgb(219, 218, 218);
    color: #555;
    
}



.list-group-name, .fa-user, .fa-key, .fa-trash-alt {
    color: #555 !important;
}
.dd:link {
    color: #555 !important;
}

/*.list-group-item{
    margin-left: 70px;    
    margin-bottom: 1px;
   
}*/

.list-group-item-1, .list-group-item-2, .list-group-item-3 {
    position: absolute;
    top: -180px;
    left: 400px;
}

.fa-chevron-right {
    float: right;
    margin: 4px 4px 0 0;
}

.list-group-name {
    border-left: 1px solid #555;
    padding-left: 8px;
}

.fa-key, .fa-user, .fa-trash-alt {
    margin-left: 10px;
    
}

.fa-user {
    padding-right: 13px
}

.fa-key{
    padding-right: 11px;
}

.fa-trash-alt {
    padding-right: 9px;
}

.upper-acc, .upper-acc:hover {
    color: #555;
    font-size: 18px;
    font-weight: 700;
    margin-bottom:14px;
    

}

.discuss-forum-comment-btn {
    background-color: #da183c;
    color:white;
    font-weight: bold;
    padding: 16px 20px;
    border-radius: 3px;
}

.upper-acc a{
    color: #555;
    cursor: text;
}

.fa-user-a {
    margin-left: 0 !important;
}



.profile-input {
    color: #666;
    background-color: #fff !important;
    line-height: 24px;
    border: 1px solid #ddd !important;   
    font-size: 15px;
    border-radius: 2px;
    cursor: text !important;
    font-size: 15px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;

}

input.profile-input[name=profile-name] {
    cursor: no-drop !important;
}

/* when the screen is larger only use this class and remove .profile-input class*/

.profile-input-1 {
    color: #666;
    background-color: #fff !important;
    line-height: 24px;
    border: 1px solid #ddd !important;
    max-width: 100%;
    
    font-size: 15px;
    border-radius: 2px;
    cursor: text !important;
    font-size: 15px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;

}

.list-group-item label {
    font-size: 15px;
}

input.profile-input:focus {
    outline: none !important;
    box-shadow: none;
    border: 1px solid rgba(173,176,182) !important;
}



.profile-btn {
    color: #fff;
    background-color: #da183c;
    font-weight: bolder;
    padding: 12px 19px;
    border-radius: 3px;
    cursor: pointer;

}






/* Footer */

/* in profile.php to make footer stick to bottom*/
.wrapper-ftr {
  
  padding-bottom:80px;
}

footer {
    position: relative;
    min-height: 35px;
    width: 100%;
    /*background-color: rgb(202, 118, 118);*/
    background: #da183c;
    margin-top: -35px;
    margin-bottom: 0;
    font-size: 16px;
    color: rgba(255, 249, 249, 0.932);
    clear: both;

}

.footer-links {
    text-align: center;
}

.agenki-years {
    padding: 15px 0;
    text-align: left;
    display: inline-block;
    padding-right: 15px;
}

.agenki-sites {
    margin-bottom: .5rem;
}

.agenki-years, .agenki-sites {
    font-size: .85rem;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    
}

.data-protection, .privacy-policy {
    display: inline-block;
    font-size: 0.85rem;
    padding-right: 15px;
}

.data-protection a, .privacy-policy a {
    color:rgba(255, 249, 249, 0.932);
}

.data-privacy {
    font-family: 'Poppins','helvetica', 'Montserrat', sans-serif;
    line-height: 38px !important;
    overflow: hidden;
}

.data-privacy h2 {
    font-size:32px;
    color: #454545;
    font-family: 'Poppins','helvetica', 'Montserrat', sans-serif;
    
}

.data-privacy h3 {
    font-size: 30px;
    color: #454545;
    font-family: 'Poppins','helvetica', 'Montserrat', sans-serif;
}

.data-privacy p {
    color: #666;
    font-family: 'Poppins','helvetica', 'Montserrat', sans-serif;
}

.data-privacy a {
    color: #da183c;
}

.data-privacy a:hover {
    color:#da183c;
    text-decoration: underline;
}

blockquote {
    background: url(../img/quote.png) no-repeat;
    background-size: 60px;
    color: #666 !important;
    font-size: 17px;
    font-style: italic !important;
    margin: 30px 0;
    padding: 0 0 0 70px;
    border-left: 0;
}

blockquote p {
    color: #666 !important;
}

.data-privacy ul li:before { /* the custom styled bullets */
    background-color: #666;
    border-radius: 50%;
    content: "";
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 2px;
    height: 6px;
    width: 6px;
  }

.site-links ul {
    text-align: center;
    margin: 0;
    padding-bottom: 1rem;
}

.site-links ul li{
    display: inline-block;
    color: rgba(255, 249, 249, 0.932);
    max-width: 85%;
    font-size: .85rem;
    
    }

.site-links ul a li:hover {
    color: rgba(26, 24, 24, 0.63);
    text-decoration: underline;
    text-decoration-color: rgba(26, 24, 24, 0.63);
}


/* language menu */

@media only screen and (max-width: 768px) {
    .navtest li ul {
        top: 25px;
    }

    

}
/**PROFILE.php*/
@media only screen and (max-width: 932px) {
    .dd, .profile-card-content {
        margin-left: -10px;

    }

    .list-group-item-1, .list-group-item-2, .list-group-item-3 {
        top: -180px;
        left: 360px;
    }
}

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

    .profile-main {
        display: block;
        width: 98%;
        margin: 0;
        margin: 0 auto;
    }

    .profile-input {
        width: 100%;
    }
    .list-group-item-1, .list-group-item-2, .list-group-item-3 {
        float: none;
        position: static;
    }

    .list-group {
        margin-left: 0;
    }

    .dd {
        display: block;
        width: 90%;
        margin-left: 0;
        margin: 0 auto;
        
    }

    .list-group-sub {
        margin-left: 0;
    }

    .profile-card-content {
        display: block;
        margin: 0;
        margin-top: 10px;
        margin: 0 auto;
    }

    .profile-form > label {
        width: 100%;
    }

    .profile-form {
        margin: 10px 0;
        margin-bottom: 80px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;

    }

    .profile-input, .profile-form > label {
        margin-left: auto;
        margin-right: auto;
    }

    .list-group-sub {
        margin-bottom: 20px;
    }

    .profile-btn {
        float: right;
       
        
    }

    

    .profile-rmv-info {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
    }

    .profile-card-img-profile img {
        margin-top: 40px;
    }

    .upper-acc a{
        display: none;
    }
    
}

.small-show {
    font-size: 0.74em;
    margin-top: -10px;
    margin-bottom: 10px;
    display: none;

}



/* Lazy Load*/

.lazy-hidden{opacity:0}
.lazy-loaded {-webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;
    transition:opacity .3s;opacity:1}

/* Media Queries */

@media only screen and (min-width: 1111px) {
    #nav-icon3 {
        display: none;
    }

}

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

.nav_menu {
    display: none;
}

}

/* On small screen */

@media only screen and (max-width: 436px) {
    .dash-posted {
        display: none;
    }
}


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

    .slide-arrow-size {
        width: 2.3rem;
        height: 2.3rem;
    }

    

    

    .main-descr {
        max-width: 90%; 
        margin: 30px auto 50px auto;
        
    }

    .milben-gallery {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .country-flags-pos {
        padding-top: 3px;
        
    }

    h1.akne-header, h1.rosacea-header, h1.milben-header, h1.impressum-header, h1.vorher_nacher-header, h1.register-header {
        font-size: 3em;
    }

   
    
    }

    @media only screen and (max-width: 424px) {
        .nav-name img {
            
            width: 220px;
            height: auto;
            margin-left: 1.5rem;
            margin-top: 1.1rem;            
        }
        }
        

            @media only screen and (max-width: 463px) {
                .last-small {
                    display:none;
                                
                }
                .small-show {
                    display: block;
                }

                .small-up {
                    margin-top: -3px;
                    margin-bottom: 3px;
                }
                }

               
                    



        @media only screen and (max-width: 359px) {
            .nav-name img {
                
                width: 200px;
                height: auto;
                margin-left: 1.35rem;
                margin-top: 1.25rem;
                
            
                
            }
            }

            @media only screen and (max-width: 363px) {
                .forum-small {
                    font-size: 0.85em;
                    
                
                    
                }

                
                }


        /* Widen Screen */
   
    @media only screen and (max-width: 1300px) {
    .main-descr, .milben-gallery, h1.akne-header, h1.rosacea-header, h1.milben-header, h1.impressum-header, h1.vorher_nacher-header, h1.register-header {
        width: 95%;
        
        
    }

    .milben-gallery {
        margin: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}


/** when the screen is smaller than 1300px the banner is 95% in width*/
@media only screen and (max-width: 970px) {
    .banner img {
        width: 92%;
    }
    
}

@media only screen and (max-width: 752px) {
    .grid, .vorcher-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
        -ms-grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;

    }
    
}

@media only screen and (max-width: 399px) {
    .grid, .vorcher-grid {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
        -ms-grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;

    }
    
}

@media only screen and (max-width: 352px) {
    .grid, .vorcher-grid {
        -ms-grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
    }
    
}



@media only screen and (min-width: 1300px) {
    .vorher-gallery {
        max-width: 1050px;
        
        
    }

    .country-flags {
        max-width: 1300px;
        margin: 0 auto;
    }

}

@media only screen and (max-width: 470px) {
    .milben-gallery {
        max-height: none;
        
    }
}
  
/**
    iPhone / Droid – 320px wide
    Small Tablets – 640px wide
    iPad / Tablet – 768px wide
    Computer – greater than 960px wide
**/

/* profile-pic-square - smaller screen, position on left*/

@media only screen and (max-width: 639px) {
    .profile-pic-square {
        float: left;
        width: 55px;
        margin: 10px 0 0 15px;
        
    }

    

    .uid-status-topic-wrapper {
        float: left;
        position: relative;
        margin-top: 10px
    }

    .username-topic, .status-topic, .username-topic-surname  {
        display: block;
        position: absolute;
        margin: 0px;
        font-size: 12px;
    }    

    .username-topic {
        margin: 0px 0 0 10px;
        
    }

    .username-topic-surname {
        margin: 15px 0 0 10px;
    }

    .status-topic {
        margin: 40px 0 0 10px;
       
    }

}




/* on small reposition register login buttons*/

@media only screen and (max-width: 638px) {
        .login-form {
            display: block;
            margin: 0 auto;
            width: 100%;
            
        }

        .stretch-form {
            width: 100%;
            background-color:rgba(241, 240, 240, 0.829);
        }

        

    .login-form fieldset button[name=login-submit] {
        display: inline-block;
        float: left;
        width: 48%;
        margin-top: 0;
        margin-right: 3px;
    }

    .register-btn {
        display: inline-block;
        float: right;
        width: 48%;
        margin-top: 0;
        

    }

    .forgot-pwd {
        font-size: 13px;
        margin-top: 60px;
        margin-bottom: 0;
    }

    .profile-card {
        margin-top: 18px;
        margin-bottom: 10px;
       text-align: center;
        padding-top: 0;
        padding-bottom: 5px;
    }

    .profile-card hr {
        margin: 10px 0;
    }

    button.profile-card-logout {
        display: inline-block;
        margin: auto;
    } 

    .discuss-form {
        margin-bottom: 15px;
        color:#0a0a0a;
    }

    

    .text-topic {
        border-left: 1px solid rgba(69, 69, 69, 0.089);
    }

    .profile-pic-1 {
        border-right: 1px solid rgba(69, 69, 69, 0.089);
        border-bottom: none;
        
    }

    

    .profile-pic-2 {
        border-bottom: none;
        border-right: 1px solid rgba(69, 69, 69, 0.089);
    }

    


}

@media only screen and (max-width: 920px) {
    .login-form label {
        /*font-size: 0.95em;*/
               
    }

    .login-form input {
        font-size: 0.95em;
        height: 30px;
        margin-bottom: 10px;
    }

    button.login-forum-login, .register-btn {
        margin-top: 0px;
        font-size: 0.95em;
        margin-bottom: 5px;
        
    }

    .forgot-pwd {
        font-size: 0.95em;
        margin-bottom: 0;
    }

    
}

@media only screen and (max-width: 418px) {
    .forum thead {
        font-size: 0.98em;
        
        
   }

   .forum thead th {
      /* padding-left: 3px;
       padding-right: 3px; */
   }

    
}