@font-face {font-family: Cantarell; src: url(/fonts/Cantarell-Regular.ttf);font-weight: normal;font-style: normal;}
@font-face {font-family: Cantarell; src: url(/fonts/Cantarell-Bold.ttf);font-weight: 700;font-style: normal;}
@font-face {font-family: Cantarell; src: url(/fonts/Cantarell-Oblique.ttf);font-weight: normal;font-style: italic;}
@font-face {font-family: Cantarell; src: url(/fonts/Cantarell-BoldOblique.ttf);font-weight: 700;font-style: italic;}

body {
  _font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-family: "Cantarell";
  font-size: 18px;
  font-weight: 400;
  overflow-x: hidden;
  color: #707172;
  background-color: #666;
}

p {_line-height: 2;}
a {transition: all 0.3s ease;color:#febe31;}
a:hover {color:#767777;}

.container-fluid {padding-left:0;padding-right:0;}
.small {font-size: 0.5rem;}
.button {color:#febe31!important;cursor:pointer;}

.iq-color-primary {color: #febe31;}
.iq-color-gray {_color: #333;color:#fff;}
.iq-bg-black-transparent {background-color: rgba(0, 0, 0, 0.3);}
.iq-bg-white-transparent {background-color: rgba(255, 255, 255, 0.3);border: 1px solid white;}

.iq-intro {
  max-width: 500px;
  width: 100%;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
  text-align:center;
  margin-top:40px;
}

.iq-section-title {font-size: 1.6rem;}

.parallax-window {min-height: 900px;background: transparent;}

.iq-section {
  display: flex;
  _align-items: center;
  height: auto;
  max-width: 1275px;
  _padding: 40px 60px;
}

#intro {
  _min-height: 100vh;
  max-width: none;
}

.iq-brand {
  font-size: 2.6rem;
}

.iq-brand-box {
  box-sizing: content-box;
  width: 100%;
  max-width: 300px;
  color: white;
  text-align: center;
  margin: 40px auto 20px;
}

.iq-brand-slogen {
  width: 100%;
  max-width: 300px;
  _text-align:justify;
  padding:20px 0;
  margin:10px 0;
  border-top:1px solid #febe31;
  border-bottom:1px solid #c0c1c2;
  letter-spacing:3px;
  font-size:10px;
  font-weight:400;
  __font-style:italic;
}
.iq-brand-slogen span, .iq-mark1 span {color:#767777;text-transform:uppercase;font-weight:400;}
.iq-mark1s span {color:#ffffff80;text-transform:uppercase;font-weight:400;}

.iq-mark1, .iq-mark2,
.iq-mark1s, .iq-mark2s
{
  width: 100%;
  max-width: 300px;
  padding:8px 0;
  border:1px solid #febe31;
  font-size:10px;
  font-weight:400;
}
.iq-mark1s {letter-spacing:3px;margin-top:28px;border-top:none;border-right:none;border-left:none;border-bottom:none;margin-bottom:0px;color:#fff;}
.iq-mark1 {letter-spacing:3px;margin-top:28px;border-top:none;border-right:none;border-left:none;border-bottom:none;margin-bottom:0px;color:#767777;}
.iq-mark2s {background-color:#febe31;text-transform:uppercase;margin-bottom:40px;color:#2d2d2d;}
.iq-mark2 {background-color:#767777;text-transform:uppercase;margin-bottom:20px;color:#ccc;border:none;}
.iq-mark11 {letter-spacing:3px;margin-top:0px;border-top:none;border-right:none;border-left:none;border-bottom:none;margin-bottom:20px;color:#ffffff;}
.iq-mark22 {background-color:#767777;text-transform:uppercase;margin-top:28px;color:#ccc;border:none;}

.iq-double-border-1,
.iq-double-border-2 {
  border: 1px solid #fff;
  position: relative;
}

.iq-double-border-2 {
  top: 10px;
  left: 10px;
}

.iq-border-gray {
  border-color: #cdcecf;
}

.iq-box-pad {
  padding: 50px 55px;
}

.iq-brand {
  padding: 30px;
}

.iq-lang {margin-bottom:40px;}

.iq-sidebar0 {width:374px;background-color:#00000060;}

.iq-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}

/* Hide scrollbar */
.iq-sidebar {
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.iq-sidebar::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}

.iq-sidebar-sticky {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.iq-section-wrap {
  width: calc(100% - 400px);
  margin-left: auto;
  margin-right: 0;
}

.iq-main-nav > li > a {
  color: white;
}

.iq-main-nav {
    margin-bottom: 60px;
}

.iq-white-rect {
  display: block;
  width: 10px;
  height: 10px;
  background-color: white;
}

.nav-link {
  font-size: 1.25rem;
  padding-top: 12px;
  padding-bottom: 12px;
}

.nav-link .iq-white-rect {
  opacity: 0;
  transition: all 0.3s ease;
}

.nav-link.current .iq-white-rect,
.nav-link:hover .iq-white-rect {
  opacity: 1;
}
.nav-link:hover .iq-white-rect {
    background-color:#febe31;
}

.iq-main-nav .nav-link:hover {
    color:#febe31;
  _animation-name: blinker;
  _animation-duration: 1.5s;
  _animation-timing-function: ease-in-out;
  _animation-iteration-count: infinite;
}

@keyframes blinker {
  0% {
    opacity: 1;
    color:yellow;
  }
  50% {
    opacity: 0.8;
    color:white;
  }
  100% {
    opacity: 1;
    color:yellow;
  }
}

.iq-footer-link {color: white;}
.iq-footer-link:hover {color: #febe31;text-decoration: none;}

.iq-section-half {
  padding: 20px 20px;
}

.iq-section-icon {
  color: #767777;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cikk {min-height:600px;}
.cikk h2 {background-color:#666;color:white;}

.slick-dots {
  bottom: -50px;
}

.slick-dots li button:before {
  font-size: 16px;
  opacity: 0.2;
}

.slick-dots li.slick-active button:before {
  color: #98999a;
  opacity: 1;
}

/* Clients */
.iq-section-pad {
  padding-left: 50px;
  padding-right: 50px;
}

.iq-clients-images {
  max-width: 1040px;
}

.iq-w-80 {
  max-width: 80%;
}

.iq-flex-item-left {
  align-self: flex-start;
}

.iq-img-wrap {
  padding: 10px;
}

.iq-img-wrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
  width: 240px;
  height: 120px;
}

.iq-contact-form-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.iq-contact-form {
  max-width: 305px;
  width: 100%;
}

.form-group {
  margin-bottom: 40px;
}

.iq-btn-primary {color: #707172;border-bottom: 1px solid #cdcecf;padding: 10px 18px;position: relative;}
.iq-btn-primary:hover,
.iq-btn-primary:active {color: #fff;background-color: #999;}
.iq-btn-primary:after {width: 100%;height: 0%;top: 0;left: 0;background: #cdcecf;content: "";position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.iq-btn-primary:hover:after,
.iq-btn-primary:active:after {height: 100%;}

.form-control:focus {
  outline: none;
  box-shadow: none;
}

.accept {font-size:10px;line-height:12px;}
.answer {background-color:#ffffff80;color:#707172;border:1px solid #cdcecf;}
.answer_error {background-color:#ffffff;;color:red;border:1px solid red;}

/* cookie */
div.cookie-accept {position:fixed;bottom:0px;left:0px;width:100%;height:auto;background-color:#424242;z-index:1000;opacity:0.8;
font-size:16px;
color:#FFFFFF;
padding:10px 20px;
}
div.cookie-accept-warning {position:relative;max-width:1000px;margin: 10px auto;}
div.cookie-accept-warning a {font-weight:700;color:#febe31;}
div.cookie-accept-warning a:hover {color:#817a7a;}

a.cookie-button {border-radius:5px;cursor:pointer;padding:5px 10px;font-size:14px;}
a.accept{background-color:#febe31;color:#fff!important;}
a.noaccept{background-color:#666;color:#ccc!important;}
a.accept:hover {background-color:#817a7a;color:#FFFFFF !important;text-decoration:none;}
a.noaccept:hover {background-color:#817a7a;color:#FFFFFF !important;text-decoration:none;}

.gallery {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-width: 25%;
-moz-column-width: 25%;
column-width: 25%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }


@media (max-width: 1600px) {
  .iq-sidebar {max-width: none;padding-left: 30px;padding-right: 30px;}

  .iq-section-wrap {
    width: 70%;
  }

  .iq-img-wrap a {
    width: 100%;
    height: 100%;
  }
}

.navbar-toggler {
  display: none;
}

@media (max-width: 991px) {
  body {font-size:16px;}
  .iq-section-title {font-size: 1.5rem;}

  .iq-sidebar0 {width:314px;}
  .iq-sidebar {max-width: none;padding: 0 0px;}
  
  .iq-bg-black-transparent {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .iq-brand-box {
    margin-top: 30px;
    __margin-bottom: 30px;
  }

  .iq-brand {
    padding: 20px 30px;
  }

  footer p {
    line-height: 1;
  }

  ._navbar-toggler {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px 15px;
    transition: all 0.3s ease;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 5px;
  }

  ._navbar-toggler:focus {
    outline: none;
  }

  ._iq-sidebar.show {
    left: 0;
  }

  ._iq-sidebar.show .navbar-toggler {
    left: 250px;
  }

  .iq-section-wrap {
    width: 100%;
  }

}

@media (max-width: 767px) {
  body {font-size:14px;}
  .iq-sidebar0 {width:101%;}
  .iq-sidebar {position:relative;}
  .iq-section-title {font-size: 1.4rem;}
  .iq-section {padding: 30px;}
}

@media (max-width: 554px) {
  body {font-size:14px;}
  .iq-section-title {font-size: 1.3rem;}
  .iq-section {padding: 15px;}

  .gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
  }
}

@media (max-width: 383px) {
  .slick-dots {bottom: -40px;}
  .iq-section-title {font-size: 1.2rem;}
  .iq-box-pad {padding: 50px 30px;}
}

@media (min-width: 75em) {
.text-xl-justify-up {text-align:justify;}
}
@media (min-width: 62em) {
.text-lg-justify-up {text-align:justify;}
}
@media (min-width: 48em) {
.text-md-justify-up {text-align:justify;}
}
@media (min-width: 34em) {
.text-sm-justify-up {text-align:justify;}
}