.pageContent .container .row.textPage .mediaList, .pageContentTwo .container .row.textPage .mediaList, .pageContent .container .row.textPage .imageList h2, .pageContentTwo .container .row.textPage .imageList h2, .pageContent .container .row.textPage .imageList, .pageContentTwo .container .row.textPage .imageList, .pageContent .container .row.textPage .productList h2, .pageContentTwo .container .row.textPage .productList h2, .pageContent .container .row.textPage .productList, .pageContentTwo .container .row.textPage .productList, .pageContent .container .row.textPage .textCapsule ul li, .pageContentTwo .container .row.textPage .textCapsule ul li, .pageContent .container .row.textPage .textCapsule ul, .pageContentTwo .container .row.textPage .textCapsule ul, .pageContent .container .row.textPage .textCapsule p img, .pageContent .container .row.textPage .textCapsule pre img, .pageContentTwo .container .row.textPage .textCapsule p img, .pageContentTwo .container .row.textPage .textCapsule pre img, .pageContent .container .row.textPage .textCapsule p, .pageContent .container .row.textPage .textCapsule pre, .pageContentTwo .container .row.textPage .textCapsule p, .pageContentTwo .container .row.textPage .textCapsule pre, .pageContent .container .row.textPage .textCapsule h3, .pageContentTwo .container .row.textPage .textCapsule h3, .pageContent .container .row.textPage .textCapsule h2, .pageContentTwo .container .row.textPage .textCapsule h2, .pageContent .container .row.textPage .textCapsule h1, .pageContentTwo .container .row.textPage .textCapsule h1, .pageContent .container .row.textPage .textCapsule, .pageContentTwo .container .row.textPage .textCapsule, .pageContent .container .row.textPage .leftMenu span, .pageContentTwo .container .row.textPage .leftMenu span, .pageContent .container .row.textPage .title h1, .pageContent .container .row.textPage .title h2, .pageContentTwo .container .row.textPage .title h1, .pageContentTwo .container .row.textPage .title h2, .pageContent .container .row.textPage .title, .pageContentTwo .container .row.textPage .title, .pageHeader .breadcrumbs {
  display: inline-block;
  width: auto;
  height: auto;
}

.pageContent .container .row.textPage .textCapsule h2.iletisim, .pageContentTwo .container .row.textPage .textCapsule h2.iletisim, .pageContent .container .row.textPage .textCapsule h1, .pageContentTwo .container .row.textPage .textCapsule h1 {
  font-family: "Americana BT";
}

.pageContent .container .row.textPage .textCapsule h2, .pageContentTwo .container .row.textPage .textCapsule h2 {
  font-family: "212 Leahlee Sans";
}

.pageHeader .breadcrumbs {
  width: 100%;
  font-size: 0.7rem;
  line-height: 2.2;
  font-weight: 500;
  color: #bbbbbb;
  padding: 3px 0;
}
@media only screen and (max-width: 769px) {
  .pageHeader .breadcrumbs {
    background-color: #009db1;
  }
}
@media only screen and (max-width: 480px) {
  .pageHeader .breadcrumbs {
    font-size: 0.6rem;
  }
}
.pageHeader .breadcrumbs a {
  font-size: 0.7rem;
  line-height: 2.2;
  font-weight: 500;
  color: #bbbbbb;
  padding: 5px 10px;
}
@media only screen and (max-width: 992px) {
  .pageHeader .breadcrumbs a {
    font-size: 0.7rem;
  }
}
@media only screen and (max-width: 769px) {
  .pageHeader .breadcrumbs a {
    color: #FFF;
  }
}
@media only screen and (max-width: 480px) {
  .pageHeader .breadcrumbs a {
    font-size: 0.6rem;
    padding: 3px 7px;
  }
}
.pageHeader .breadcrumbs a:hover {
  opacity: 0.5;
}
.pageHeader .breadcrumbs a:first-child {
  padding-left: 0;
}
.pageHeader .breadcrumbs a:last-child {
  font-weight: 700;
  padding-right: 0;
  color: #5a5a5a;
}
@media only screen and (max-width: 769px) {
  .pageHeader .breadcrumbs a:last-child {
    color: #FFF;
  }
}

.pageContent, .pageContentTwo {
  position: relative;
}
.pageContent .container, .pageContentTwo .container {
  position: relative;
  padding-right: 30px;
  padding-left: 30px;
  z-index: 5;
}
@media only screen and (max-width: 769px) {
  .pageContent .container, .pageContentTwo .container {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.pageContent .container .row.textPage .title, .pageContentTwo .container .row.textPage .title {
  width: 100%;
  margin-bottom: 25px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .title, .pageContentTwo .container .row.textPage .title {
    margin-top: 50px;
  }
}
.pageContent .container .row.textPage .title h1, .pageContent .container .row.textPage .title h2, .pageContentTwo .container .row.textPage .title h1, .pageContentTwo .container .row.textPage .title h2 {
  width: 100%;
  font-size: 3rem;
  line-height: 1;
  color: #f2f4f8;
  font-weight: 800;
  margin: 0 0 15px;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  .pageContent .container .row.textPage .title h1, .pageContent .container .row.textPage .title h2, .pageContentTwo .container .row.textPage .title h1, .pageContentTwo .container .row.textPage .title h2 {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .pageContent .container .row.textPage .title h1, .pageContent .container .row.textPage .title h2, .pageContentTwo .container .row.textPage .title h1, .pageContentTwo .container .row.textPage .title h2 {
    font-size: 2rem;
  }
}
.pageContent .container .row.textPage .title h1 small, .pageContent .container .row.textPage .title h2 small, .pageContentTwo .container .row.textPage .title h1 small, .pageContentTwo .container .row.textPage .title h2 small {
  color: #5a5a5a;
  font-size: 2rem;
  line-height: 1;
  font-weight: 400;
}
.pageContent .container .row.textPage .title p, .pageContent .container .row.textPage .title pre, .pageContentTwo .container .row.textPage .title p, .pageContentTwo .container .row.textPage .title pre {
  font-size: 1.1rem;
  line-height: 2;
  color: #5a5a5a;
  font-weight: 400;
  margin-bottom: 0px;
}
@media only screen and (max-width: 992px) {
  .pageContent .container .row.textPage .title p, .pageContent .container .row.textPage .title pre, .pageContentTwo .container .row.textPage .title p, .pageContentTwo .container .row.textPage .title pre {
    font-size: 0.86rem;
  }
}
@media only screen and (max-width: 480px) {
  .pageContent .container .row.textPage .title p, .pageContent .container .row.textPage .title pre, .pageContentTwo .container .row.textPage .title p, .pageContentTwo .container .row.textPage .title pre {
    font-size: 0.7rem;
    line-height: 1.2;
  }
}
.pageContent .container .row.textPage .leftMenu, .pageContentTwo .container .row.textPage .leftMenu {
  display: inline-block;
  width: 100%;
  margin-bottom: 24px;
}
.pageContent .container .row.textPage .leftMenu span, .pageContentTwo .container .row.textPage .leftMenu span {
  width: 100%;
  height: auto;
  padding: 15px 30px;
  font-size: 0.9rem;
  line-height: 1.5;
  font-weight: 700;
  color: #FFF;
  background-color: #5a5a5a;
  text-align: left;
  position: relative;
  cursor: pointer;
  display: none;
}
.pageContent .container .row.textPage .leftMenu span::before, .pageContentTwo .container .row.textPage .leftMenu span::before {
  position: absolute;
  right: 7px;
  top: 0px;
  font-family: "nicedo-icon";
  content: "\f006";
  font-size: 1rem;
  margin: 15px 10px;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=-0.4480736161, M12=-0.8939966636, M21=0.8939966636, M22=-0.4480736161);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=-0.4480736161, M12=-0.8939966636, M21=0.8939966636, M22=-0.4480736161)";
  zoom: 1;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .leftMenu span, .pageContentTwo .container .row.textPage .leftMenu span {
    display: block;
    margin-bottom: 1px;
  }
}
@media only screen and (max-width: 480px) {
  .pageContent .container .row.textPage .leftMenu span, .pageContentTwo .container .row.textPage .leftMenu span {
    padding: 10px 30px;
  }
  .pageContent .container .row.textPage .leftMenu span::before, .pageContentTwo .container .row.textPage .leftMenu span::before {
    top: -7px;
  }
}
.pageContent .container .row.textPage .leftMenu ul, .pageContentTwo .container .row.textPage .leftMenu ul {
  display: inline-block;
  width: 100%;
  height: auto;
  list-style: none;
  margin: 0;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .leftMenu ul, .pageContentTwo .container .row.textPage .leftMenu ul {
    height: 0;
    overflow: hidden;
    display: none;
    padding: 0 30px;
    background-color: #f2f4f8;
  }
}
.pageContent .container .row.textPage .leftMenu ul li, .pageContentTwo .container .row.textPage .leftMenu ul li {
  display: inline-block;
  width: 100%;
  height: auto;
  list-style: none;
  padding: 0;
  margin: 2px 0;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .leftMenu ul li, .pageContentTwo .container .row.textPage .leftMenu ul li {
    margin: 1px 0;
  }
}
.pageContent .container .row.textPage .leftMenu ul li a, .pageContentTwo .container .row.textPage .leftMenu ul li a {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 15px 0px;
  font-size: 0.9rem;
  line-height: 1.6;
  font-weight: 500;
  color: #5a5a5a;
  text-align: left;
  position: relative;
  border-radius: 8px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .leftMenu ul li a, .pageContentTwo .container .row.textPage .leftMenu ul li a {
    border-radius: 0;
    padding: 12px 0px;
    font-size: 0.8rem;
    line-height: 1.5;
  }
}
.pageContent .container .row.textPage .leftMenu ul li a:hover, .pageContentTwo .container .row.textPage .leftMenu ul li a:hover {
  color: #bbbbbb;
}
.pageContent .container .row.textPage .leftMenu ul li a.active, .pageContentTwo .container .row.textPage .leftMenu ul li a.active {
  color: #009db1;
}
.pageContent .container .row.textPage .leftMenu.left--open span::before, .pageContentTwo .container .row.textPage .leftMenu.left--open span::before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=-0.4480736161, M12=--0.8939966636, M21=-0.8939966636, M22=-0.4480736161);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=-0.4480736161, M12=--0.8939966636, M21=-0.8939966636, M22=-0.4480736161)";
  zoom: 1;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .leftMenu.left--open ul, .pageContentTwo .container .row.textPage .leftMenu.left--open ul {
    display: inline-block;
    height: auto;
  }
}
.pageContent .container .row.textPage .textCapsule, .pageContentTwo .container .row.textPage .textCapsule {
  width: 100%;
  padding-left: 20px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .textCapsule, .pageContentTwo .container .row.textPage .textCapsule {
    padding: 0 30px;
  }
}
.pageContent .container .row.textPage .textCapsule h1, .pageContentTwo .container .row.textPage .textCapsule h1 {
  width: 100%;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #00bed6;
  padding: 10px 0;
  margin: 0;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .textCapsule h1, .pageContentTwo .container .row.textPage .textCapsule h1 {
    font-size: 1.8rem;
    padding: 0 0 10px 0;
  }
}
@media only screen and (max-width: 480px) {
  .pageContent .container .row.textPage .textCapsule h1, .pageContentTwo .container .row.textPage .textCapsule h1 {
    font-size: 1.4rem;
    padding: 0 0 10px 0;
  }
}
.pageContent .container .row.textPage .textCapsule h2, .pageContentTwo .container .row.textPage .textCapsule h2 {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #009db1;
  padding: 10px 0;
  margin: 0;
  background-image: none;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .textCapsule h2, .pageContentTwo .container .row.textPage .textCapsule h2 {
    font-size: 1.1rem;
  }
}
.pageContent .container .row.textPage .textCapsule h2.green, .pageContentTwo .container .row.textPage .textCapsule h2.green {
  color: #009640;
}
.pageContent .container .row.textPage .textCapsule h2.iletisim, .pageContentTwo .container .row.textPage .textCapsule h2.iletisim {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #00bed6;
}
.pageContent .container .row.textPage .textCapsule h3, .pageContentTwo .container .row.textPage .textCapsule h3 {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 700;
  color: #f2f4f8;
  padding: 10px 0;
  margin: 0;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .textCapsule h3, .pageContentTwo .container .row.textPage .textCapsule h3 {
    font-size: 1.1rem;
  }
}
.pageContent .container .row.textPage .textCapsule p, .pageContent .container .row.textPage .textCapsule pre, .pageContentTwo .container .row.textPage .textCapsule p, .pageContentTwo .container .row.textPage .textCapsule pre {
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.9;
  color: #5a5a5a;
  font-weight: 400;
  padding: 10px 0;
  margin: 0;
}
.pageContent .container .row.textPage .textCapsule p.type, .pageContent .container .row.textPage .textCapsule pre.type, .pageContentTwo .container .row.textPage .textCapsule p.type, .pageContentTwo .container .row.textPage .textCapsule pre.type {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
  padding: 0px;
  color: #009db1;
}
.pageContent .container .row.textPage .textCapsule p.grammage, .pageContent .container .row.textPage .textCapsule pre.grammage, .pageContentTwo .container .row.textPage .textCapsule p.grammage, .pageContentTwo .container .row.textPage .textCapsule pre.grammage {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
  font-style: italic;
  margin-top: 5px;
  color: #bbbbbb;
  padding: 0px;
}
.pageContent .container .row.textPage .textCapsule p b, .pageContent .container .row.textPage .textCapsule pre b, .pageContentTwo .container .row.textPage .textCapsule p b, .pageContentTwo .container .row.textPage .textCapsule pre b {
  font-weight: 700;
}
.pageContent .container .row.textPage .textCapsule p b.title, .pageContent .container .row.textPage .textCapsule pre b.title, .pageContentTwo .container .row.textPage .textCapsule p b.title, .pageContentTwo .container .row.textPage .textCapsule pre b.title {
  font-size: 1rem;
  font-weight: 700;
  color: #00bed6;
  margin: 0px;
  padding: 0px;
}
.pageContent .container .row.textPage .textCapsule p img, .pageContent .container .row.textPage .textCapsule pre img, .pageContentTwo .container .row.textPage .textCapsule p img, .pageContentTwo .container .row.textPage .textCapsule pre img {
  max-width: 100%;
}
.pageContent .container .row.textPage .textCapsule p a, .pageContent .container .row.textPage .textCapsule pre a, .pageContentTwo .container .row.textPage .textCapsule p a, .pageContentTwo .container .row.textPage .textCapsule pre a {
  color: #5a5a5a;
}
.pageContent .container .row.textPage .textCapsule p a:hover, .pageContent .container .row.textPage .textCapsule pre a:hover, .pageContentTwo .container .row.textPage .textCapsule p a:hover, .pageContentTwo .container .row.textPage .textCapsule pre a:hover {
  color: #000;
  text-decoration: underline;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .textCapsule p, .pageContent .container .row.textPage .textCapsule pre, .pageContentTwo .container .row.textPage .textCapsule p, .pageContentTwo .container .row.textPage .textCapsule pre {
    font-size: 0.76rem;
  }
}
.pageContent .container .row.textPage .textCapsule ul, .pageContentTwo .container .row.textPage .textCapsule ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.pageContent .container .row.textPage .textCapsule ul li, .pageContentTwo .container .row.textPage .textCapsule ul li {
  width: 100%;
  margin: 0;
  padding: 0;
}
.pageContent .container .row.textPage .textCapsule table, .pageContentTwo .container .row.textPage .textCapsule table {
  margin-top: 35px;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  line-height: 1.4;
}
.pageContent .container .row.textPage .textCapsule table td, .pageContentTwo .container .row.textPage .textCapsule table td {
  padding: 15px 12px;
  border-bottom: 1px solid rgba(187, 187, 187, 0.3);
  font-size: 0.9rem;
  line-height: 1.5;
  color: #5a5a5a;
  font-weight: 400;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .textCapsule table td, .pageContentTwo .container .row.textPage .textCapsule table td {
    font-size: 0.76rem;
  }
}
.pageContent .container .row.textPage .textCapsule table thead td, .pageContentTwo .container .row.textPage .textCapsule table thead td {
  font-weight: 700;
  border-bottom: 1px solid #009db1;
}
.pageContent .container .row.textPage.reverse .textCapsule, .pageContentTwo .container .row.textPage.reverse .textCapsule {
  text-align: end;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage.reverse .textCapsule, .pageContentTwo .container .row.textPage.reverse .textCapsule {
    text-align: center;
  }
}
.pageContent .container .row.textPage .productList, .pageContentTwo .container .row.textPage .productList {
  width: 100%;
  padding-left: 20px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .productList, .pageContentTwo .container .row.textPage .productList {
    padding: 0 30px;
  }
}
.pageContent .container .row.textPage .productList h2, .pageContentTwo .container .row.textPage .productList h2 {
  width: 100%;
  font-size: 1.75rem;
  line-height: 1.5;
  font-weight: 700;
  color: #f2f4f8;
  padding: 10px 0;
  margin: 10px 0 0;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .productList h2, .pageContentTwo .container .row.textPage .productList h2 {
    font-size: 1rem;
  }
}
.pageContent .container .row.textPage .productList .item, .pageContentTwo .container .row.textPage .productList .item {
  display: block;
  width: 100%;
  background: #FFF;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 15px;
  margin: 15px 0;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .productList .item, .pageContentTwo .container .row.textPage .productList .item {
    padding: 10px;
  }
}
.pageContent .container .row.textPage .productList .item a, .pageContentTwo .container .row.textPage .productList .item a {
  float: left;
  width: 100%;
  height: auto;
}
.pageContent .container .row.textPage .productList .item a .image, .pageContentTwo .container .row.textPage .productList .item a .image {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.pageContent .container .row.textPage .productList .item a .image img, .pageContentTwo .container .row.textPage .productList .item a .image img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: transform 500ms ease-in-out;
  -webkit-transition: -webkit-transform 500ms ease-in-out;
  transition: -webkit-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
}
.pageContent .container .row.textPage .productList .item a .text, .pageContentTwo .container .row.textPage .productList .item a .text {
  float: left;
  width: 100%;
  height: auto;
  padding: 20px 0 0 0;
  z-index: 4;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-align: center;
}
.pageContent .container .row.textPage .productList .item a .text h3, .pageContentTwo .container .row.textPage .productList .item a .text h3 {
  display: inline-block;
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 700;
  color: #009db1;
}
.pageContent .container .row.textPage .productList .item a .text p, .pageContentTwo .container .row.textPage .productList .item a .text p {
  display: inline-block;
  width: 100%;
  color: #5a5a5a;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}
.pageContent .container .row.textPage .productList .item a .text p.type, .pageContentTwo .container .row.textPage .productList .item a .text p.type {
  font-size: 1.2rem;
  font-weight: 500;
}
.pageContent .container .row.textPage .productList .item a .text p.grammage, .pageContentTwo .container .row.textPage .productList .item a .text p.grammage {
  font-size: 1rem;
  font-weight: 400;
  font-style: italic;
  margin-top: 5px;
  color: #bbbbbb;
}
.pageContent .container .row.textPage .productList .item a:hover .image img, .pageContentTwo .container .row.textPage .productList .item a:hover .image img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.pageContent .container .row.textPage .productList .item a[class^=icon-], .pageContentTwo .container .row.textPage .productList .item a[class^=icon-] {
  position: relative;
}
.pageContent .container .row.textPage .productList .item a[class^=icon-]::before, .pageContentTwo .container .row.textPage .productList .item a[class^=icon-]::before {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 40px;
  z-index: 10;
  color: #FFF;
  margin: -20px 0 0 -20px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageContent .container .row.textPage .productList .item a[class^=icon-] .image, .pageContentTwo .container .row.textPage .productList .item a[class^=icon-] .image {
  position: relative;
}
.pageContent .container .row.textPage .productList .item a[class^=icon-] .image::before, .pageContentTwo .container .row.textPage .productList .item a[class^=icon-] .image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageContent .container .row.textPage .productList .item a[class^=icon-]:hover::before, .pageContentTwo .container .row.textPage .productList .item a[class^=icon-]:hover::before {
  font-size: 50px;
  margin: -25px 0 0 -25px;
}
.pageContent .container .row.textPage .productList .item a[class^=icon-]:hover .image::before, .pageContentTwo .container .row.textPage .productList .item a[class^=icon-]:hover .image::before {
  background: rgba(0, 0, 0, 0.1);
}
.pageContent .container .row.textPage .imageList, .pageContentTwo .container .row.textPage .imageList {
  width: 100%;
  padding-left: 20px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .imageList, .pageContentTwo .container .row.textPage .imageList {
    padding: 0 30px;
  }
}
.pageContent .container .row.textPage .imageList h2, .pageContentTwo .container .row.textPage .imageList h2 {
  width: 100%;
  font-size: 1.75rem;
  line-height: 1.5;
  font-weight: 700;
  color: #f2f4f8;
  padding: 10px 0;
  margin: 10px 0 0;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .imageList h2, .pageContentTwo .container .row.textPage .imageList h2 {
    font-size: 1rem;
  }
}
.pageContent .container .row.textPage .imageList .item, .pageContentTwo .container .row.textPage .imageList .item {
  display: block;
  width: 100%;
  background: #FFF;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 15px;
  margin: 15px 0;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .imageList .item, .pageContentTwo .container .row.textPage .imageList .item {
    padding: 10px;
  }
}
.pageContent .container .row.textPage .imageList .item a, .pageContentTwo .container .row.textPage .imageList .item a {
  display: block;
  width: 100%;
}
.pageContent .container .row.textPage .imageList .item a .image, .pageContentTwo .container .row.textPage .imageList .item a .image {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.pageContent .container .row.textPage .imageList .item a .image img, .pageContentTwo .container .row.textPage .imageList .item a .image img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: transform 500ms ease-in-out;
  -webkit-transition: -webkit-transform 500ms ease-in-out;
  transition: -webkit-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
}
.pageContent .container .row.textPage .imageList .item a .text, .pageContentTwo .container .row.textPage .imageList .item a .text {
  display: block;
  width: 100%;
  width: 100%;
  height: auto;
  z-index: 4;
  margin-top: 20px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .imageList .item a .text, .pageContentTwo .container .row.textPage .imageList .item a .text {
    margin-top: 10px;
  }
}
.pageContent .container .row.textPage .imageList .item a .text h3, .pageContentTwo .container .row.textPage .imageList .item a .text h3 {
  display: block;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 400;
  color: #304c78;
}
.pageContent .container .row.textPage .imageList .item a .text h3 b, .pageContentTwo .container .row.textPage .imageList .item a .text h3 b {
  font-weight: 800;
}
@media only screen and (max-width: 1300px) {
  .pageContent .container .row.textPage .imageList .item a .text h3, .pageContentTwo .container .row.textPage .imageList .item a .text h3 {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .imageList .item a .text h3, .pageContentTwo .container .row.textPage .imageList .item a .text h3 {
    font-size: 1rem;
  }
}
.pageContent .container .row.textPage .imageList .item a .text p, .pageContentTwo .container .row.textPage .imageList .item a .text p {
  display: block;
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.5;
  font-weight: 400;
  color: #5a5a5a;
  margin: 10px 0 0 0;
  padding: 0;
}
.pageContent .container .row.textPage .imageList .item a:hover .image img, .pageContentTwo .container .row.textPage .imageList .item a:hover .image img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.pageContent .container .row.textPage .imageList .item a[class^=icon-], .pageContentTwo .container .row.textPage .imageList .item a[class^=icon-] {
  position: relative;
}
.pageContent .container .row.textPage .imageList .item a[class^=icon-]::before, .pageContentTwo .container .row.textPage .imageList .item a[class^=icon-]::before {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 40px;
  z-index: 10;
  color: #FFF;
  margin: -20px 0 0 -20px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageContent .container .row.textPage .imageList .item a[class^=icon-] .image, .pageContentTwo .container .row.textPage .imageList .item a[class^=icon-] .image {
  position: relative;
}
.pageContent .container .row.textPage .imageList .item a[class^=icon-] .image::before, .pageContentTwo .container .row.textPage .imageList .item a[class^=icon-] .image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageContent .container .row.textPage .imageList .item a[class^=icon-]:hover::before, .pageContentTwo .container .row.textPage .imageList .item a[class^=icon-]:hover::before {
  font-size: 50px;
  margin: -25px 0 0 -25px;
}
.pageContent .container .row.textPage .imageList .item a[class^=icon-]:hover .image::before, .pageContentTwo .container .row.textPage .imageList .item a[class^=icon-]:hover .image::before {
  background: rgba(0, 0, 0, 0.1);
}
.pageContent .container .row.textPage .mediaList, .pageContentTwo .container .row.textPage .mediaList {
  width: 100%;
  padding-left: 20px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .mediaList, .pageContentTwo .container .row.textPage .mediaList {
    padding: 0 30px;
  }
}
.pageContent .container .row.textPage .mediaList .item, .pageContentTwo .container .row.textPage .mediaList .item {
  display: block;
  width: 100%;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  background: #FFF;
  overflow: hidden;
  margin: 15px 0;
  padding: 15px;
}
.pageContent .container .row.textPage .mediaList .item .image, .pageContentTwo .container .row.textPage .mediaList .item .image {
  float: left;
  width: 100%;
}
.pageContent .container .row.textPage .mediaList .item .image a, .pageContentTwo .container .row.textPage .mediaList .item .image a {
  float: left;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.pageContent .container .row.textPage .mediaList .item .image a img, .pageContentTwo .container .row.textPage .mediaList .item .image a img {
  float: left;
  width: 100%;
  height: auto;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pageContent .container .row.textPage .mediaList .item .image a:hover img, .pageContentTwo .container .row.textPage .mediaList .item .image a:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.pageContent .container .row.textPage .mediaList .item .text, .pageContentTwo .container .row.textPage .mediaList .item .text {
  float: left;
  width: 100%;
  height: auto;
  padding: 20px 0 0 0;
}
.pageContent .container .row.textPage .mediaList .item .text h3, .pageContentTwo .container .row.textPage .mediaList .item .text h3 {
  display: inline-block;
  width: 100%;
  font-size: 1.7rem;
  line-height: 1.3;
  font-weight: 400;
  color: #5a5a5a;
}
.pageContent .container .row.textPage .mediaList .item .text p, .pageContentTwo .container .row.textPage .mediaList .item .text p {
  display: inline-block;
  width: 100%;
  color: #bbbbbb;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 15px 0 0;
  padding: 0;
}
.pageContent .container .row.textPage .mediaList .item .text a, .pageContentTwo .container .row.textPage .mediaList .item .text a {
  display: inline-block;
  width: 100%;
  color: #bbbbbb;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 15px 0 0;
  padding: 0;
  text-decoration: underline;
}
.pageContent .container .row.textPage .mediaList .item .text a:hover, .pageContentTwo .container .row.textPage .mediaList .item .text a:hover {
  color: #009db1;
  text-decoration: none;
}
.pageContent .container .row.textPage .mediaList .item:hover .image a img, .pageContentTwo .container .row.textPage .mediaList .item:hover .image a img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.pageContent .container .row.textPage .address .textCapsule, .pageContent .container .row.textPage .address .formCapsule, .pageContentTwo .container .row.textPage .address .textCapsule, .pageContentTwo .container .row.textPage .address .formCapsule {
  padding-left: 0;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .address .textCapsule, .pageContent .container .row.textPage .address .formCapsule, .pageContentTwo .container .row.textPage .address .textCapsule, .pageContentTwo .container .row.textPage .address .formCapsule {
    padding: 0 30px;
  }
}
.pageContent .container .row.textPage .formCapsule, .pageContentTwo .container .row.textPage .formCapsule {
  padding-left: 20px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .formCapsule, .pageContentTwo .container .row.textPage .formCapsule {
    padding: 0 30px;
  }
}
.pageContent .container .row.textPage .maps, .pageContentTwo .container .row.textPage .maps {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .maps, .pageContentTwo .container .row.textPage .maps {
    margin-bottom: 0px;
  }
}
.pageContent .container .row.textPage .maps iframe, .pageContentTwo .container .row.textPage .maps iframe {
  display: block;
  width: 100%;
  height: 400px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .maps iframe, .pageContentTwo .container .row.textPage .maps iframe {
    height: 320px;
  }
}
@media only screen and (max-width: 480px) {
  .pageContent .container .row.textPage .maps iframe, .pageContentTwo .container .row.textPage .maps iframe {
    height: 260px;
  }
}
.pageContent .container .row.textPage .searchLast, .pageContentTwo .container .row.textPage .searchLast {
  background-color: #FFF;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .searchLast, .pageContentTwo .container .row.textPage .searchLast {
    padding: 30px 30px 0;
  }
}
.pageContent .container .row.textPage .searchLast p, .pageContentTwo .container .row.textPage .searchLast p {
  border-top: 1px dashed rgba(90, 90, 90, 0.3);
  padding: 15px 0px;
  margin: 0;
  font-size: 0.9rem;
  line-height: 2;
  font-weight: 400;
  color: #5a5a5a;
}
.pageContent .container .row.textPage .searchLast p:first-child, .pageContentTwo .container .row.textPage .searchLast p:first-child {
  border: 0;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .searchLast p, .pageContentTwo .container .row.textPage .searchLast p {
    font-size: 0.8rem;
  }
}
.pageContent .container .row.textPage .searchLast p a, .pageContentTwo .container .row.textPage .searchLast p a {
  color: #009db1;
  font-weight: 700;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage .searchLast p a, .pageContentTwo .container .row.textPage .searchLast p a {
    font-size: 0.8rem;
  }
}
.pageContent .container .row.textPage .searchLast p a:hover, .pageContentTwo .container .row.textPage .searchLast p a:hover {
  color: #bbbbbb;
}
.pageContent .container .row.textPage.full .textCapsule, .pageContentTwo .container .row.textPage.full .textCapsule {
  padding-left: 0px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage.full .textCapsule, .pageContentTwo .container .row.textPage.full .textCapsule {
    padding: 40px 30px 0;
  }
}
.pageContent .container .row.textPage.full .projeList, .pageContent .container .row.textPage.full .mediaList, .pageContent .container .row.textPage.full .imageList, .pageContentTwo .container .row.textPage.full .projeList, .pageContentTwo .container .row.textPage.full .mediaList, .pageContentTwo .container .row.textPage.full .imageList {
  padding-left: 0px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.textPage.full .projeList, .pageContent .container .row.textPage.full .mediaList, .pageContent .container .row.textPage.full .imageList, .pageContentTwo .container .row.textPage.full .projeList, .pageContentTwo .container .row.textPage.full .mediaList, .pageContentTwo .container .row.textPage.full .imageList {
    padding: 0px 30px;
  }
}
.pageContent .container .row.reverse .textCapsule, .pageContentTwo .container .row.reverse .textCapsule {
  padding-left: 0px;
  padding-right: 20px;
}
@media only screen and (max-width: 769px) {
  .pageContent .container .row.reverse .textCapsule, .pageContentTwo .container .row.reverse .textCapsule {
    padding: 0px 15px;
  }
}

.pagination {
  display: inline-block;
  width: auto;
  border-radius: 25px;
  letter-spacing: -5px;
}
.pagination a {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 15px;
  color: #5a5a5a;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0px;
  opacity: 0.5;
}
@media only screen and (max-width: 480px) {
  .pagination a {
    padding: 8px 10px;
  }
}
.pagination a:first-child {
  color: #bbbbbb;
  padding-left: 20px;
}
@media only screen and (max-width: 480px) {
  .pagination a:first-child {
    padding-left: 10px;
  }
}
.pagination a:last-child {
  color: #bbbbbb;
  border-right: 0;
  padding-right: 20px;
}
@media only screen and (max-width: 480px) {
  .pagination a:last-child {
    padding-right: 10px;
  }
}
.pagination a:hover {
  opacity: 1;
  color: #fcb300;
}
.pagination a.active {
  opacity: 1;
}

header {
  background-color: #00bed6;
}
header .contentRow {
  margin-top: 25px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
  header .contentRow {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
header .contentRow .navCapsule {
  position: relative;
  z-index: 5;
}
header .contentRow .navCapsule .row .logo a {
  background-image: url(../svg/kivam.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.sticky header .contentRow .navCapsule .row .logo a {
  background-image: url(../svg/kivam.svg);
}

main {
  margin-top: 158px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.sticky main {
  margin-top: 82px;
}
@media only screen and (max-width: 992px) {
  main {
    margin-top: 80px;
  }
  .sticky main {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 480px) {
  main {
    margin-top: 59px;
  }
  .sticky main {
    margin-top: 59px;
  }
}