body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; }

figure {
  margin: 0;
  padding: 0; }

.full-img img {
  width: 100%; }

a {
  margin: 0;
  padding: 0;
  text-decoration: none; }

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

ul, ol {
  margin: 0;
  padding: 0; }
  ul li, ol li {
    margin: 0;
    padding: 0;
    list-style: none; }

.h2 {
  color: #394248;
  font-size: 30px;
  margin-bottom: 20px;
  font-family: "Montserrat", sans-serif;
  display: block;
}

.p {
  font-size: 14px;
  color: #909090;
  font-family: "Roboto Condensed", sans-serif;
  display: block;
}
.p:not(:last-child) {
  margin-bottom: 17px;
}

input, select, textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input::-webkit-search-cancel-button {
  -webkit-appearance: none; }

input::-webkit-search-results-button {
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

input[type="submit"] {
  cursor: pointer; }

input:focus, select:focus, textarea:focus {
  outline: none; }
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.projeNav a i {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.projeNav a i .icon {
    font-size: 22px;
}
.nm {
  margin: 0 !important; }

.nmt {
  margin-top: 0 !important; }

.nml {
  margin-left: 0 !important; }

.nmb {
  margin-bottom: 0 !important; }

.nmr {
  margin-right: 0 !important; }

.np {
  padding: 0 !important; }

.npt {
  padding-top: 0 !important; }

.npl {
  padding-left: 0 !important; }

.npb {
  padding-bottom: 0 !important; }

.npr {
  padding-right: 0 !important; }

.ha {
  height: auto; }

.hf {
  height: 100%; }

.brn {
  border: none !important; }

.dn {
  display: none !important; }

.df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.fdc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.ff {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.jcfs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.jcfe {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.jcsb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.jcsa {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.jcc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.aifs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.aife {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.ais {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.aib {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.aic {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.f {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.tl {
  text-align: left; }

.tc {
  text-align: center; }

.tr {
  text-align: right; }

.pr {
  position: relative; }

.pf {
  position: fixed; }

.pa {
  position: absolute; }

.mga {
  margin: 0 auto; }

form {
  width: 100%; }
  form .input-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-family: "Roboto Condensed", sans-serif; }
    form .input-div .input {
      width: 100%;
      height: 65px;
      border: none;
      background: transparent;
      padding-left: 35px;
      padding-right: 35px;
      color: #394248;
      font-size: 18px;
      letter-spacing: .11px; }
    form .input-div .textarea {
      height: 125px;
      resize: none;
      padding-top: 21.5px;
      padding-bottom: 21.5px;
      font-family: "Roboto Condensed", sans-serif; }
    form .input-div .label {
      position: absolute;
      left: 35px;
      top: 21.5px;
      color: #909090;
      font-size: 18px;
      pointer-events: none;
      letter-spacing: .11px;
      -webkit-transition: all .5s;
      transition: all .5s; }
    form .input-div:after {
      content: '';
      width: 100%;
      height: 2px;
      background: #EFF1F2;
      position: absolute;
      left: 0;
      bottom: 0;
      display: block;
      z-index: 9; }
    form .input-div:before {
      content: '';
      width: 0%;
      height: 2px;
      background: #13B6DE;
      position: absolute;
      left: 50%;
      bottom: 0;
      display: block;
      z-index: 99;
      -webkit-transition: all .5s;
      transition: all .5s; }
    form .input-div.active .label {
      font-size: 12px;
      top: 0;
      -webkit-transition: all .5s;
      transition: all .5s; }
    form .input-div.active:before {
      width: 100%;
      left: 0;
      -webkit-transition: all .5s;
      transition: all .5s; }
  form .button {
    width: 120px;
    height: 40px;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: "Roboto Condensed", sans-serif; }
    form .button input[type="submit"] {
      position: absolute;
      left: 0;
      top: 0;
      background: transparent;
      border: none;
      width: 100%;
      height: 100%;
      z-index: 99;
      opacity: 0; }
    form .button .buttonText {
      margin-right: 20px;
      font-size: 14px;
      color: #13B6DE;
      font-weight: 700;
      letter-spacing: .77px;
      -webkit-transition: all .2s;
      transition: all .2s; }
    form .button .buttonIcon {
      font-size: 15px;
      color: #13B6DE;
      -webkit-transition: all .2s;
      transition: all .2s; }
    form .button:hover .buttonText {
      font-size: 16px; }
    form .button:hover .buttonIcon {
      font-size: 19px !important; }
    form .button.buttonWhite .buttonText {
      color: white; }
    form .button.buttonWhite .buttonIcon {
      color: white; }

.title {
  font-family: "Montserrat", sans-serif;
  font-size: 37px;
  color: #394248;
  font-weight: 700; }

.prins {
  background: #004D9D; }

#header .container {
  height: 145px; 
  
  }
  #header .container .menuIcon {
    width: 60px;
    height: 60px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 9;
    position: relative; }
    #header .container .menuIcon .menuBg {
      width: 60px;
      height: 60px;
      position: absolute;
      display: block;
      background: transparent;
      border-radius: 100%;
      z-index: -1;
      -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
      pointer-events: none; }
    #header .container .menuIcon a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #header .container .menuIcon a span {
        background: #13B6DE;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 4px;
        margin-bottom: 5px;
        -webkit-transition: all .3s;
        transition: all .3s; }
        #header .container .menuIcon a span:last-child {
          margin-bottom: 0; }
        #header .container .menuIcon a span:nth-child(1) {
          width: 60px; }
        #header .container .menuIcon a span:nth-child(2) {
          width: 40px; }
        #header .container .menuIcon a span:nth-child(3) {
          width: 20px; }
    #header .container .menuIcon:hover a span {
      width: 60px; }
    #header .container .menuIcon.menuIconWhite a span {
      background: white; }
    #header .container .menuIcon.active .menuBg {
      width: 7000px;
      height: 7000px;
      background: #13B6DE;
      position: fixed;
      -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
    #header .container .menuIcon.active a span {
      width: 60px;
      margin-bottom: 0;
      background: white !important; }
      #header .container .menuIcon.active a span:nth-child(1) {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      #header .container .menuIcon.active a span:nth-child(2) {
        display: none; }
      #header .container .menuIcon.active a span:nth-child(3) {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        margin-top: -4px; }
  #header .container .headerRight #nav {
    font-family: "Roboto Condensed", sans-serif; }
    #header .container .headerRight #nav a {
      color: #394248;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .5px;
      margin-right: 90px;
      position: relative;
      -webkit-transition: all .4s;
      transition: all .4s; }
      #header .container .headerRight #nav a.logo, #header .container .headerRight #nav a.offerButtonNav {
        display: none; }
      #header .container .headerRight #nav a:last-child {
        margin-right: 0px; }
      #header .container .headerRight #nav a:after {
        content: '';
        width: 0%;
        height: 5px;
        background: #13B6DE;
        display: block;
        position: absolute;
        left: 50%;
        bottom: -8px;
        -webkit-transition: all .4s;
        transition: all .4s; }
      #header .container .headerRight #nav a:hover, #header .container .headerRight #nav a.active {
        color: #13B6DE; }
        #header .container .headerRight #nav a:hover:after, #header .container .headerRight #nav a.active:after {
          width: 100%;
          left: 0; }
  #header .container .headerRight .getOffer {
    height: 100%;
    margin-left: 50px;
    z-index: 99;
    position: relative; }
    #header .container .headerRight .getOffer .getOfferButton {
      font-family: "Roboto Condensed", sans-serif;
      width: 122px;
      height: 100%;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: .22px;
      color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      background: #13B6DE;
      border-bottom-left-radius: 90px;
      border-bottom-right-radius: 90px; }
      #header .container .headerRight .getOffer .getOfferButton .getOfferBg {
        width: 100px;
        height: 100px;
        position: absolute;
        background: #13B6DE;
        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
        pointer-events: none;
        border-radius: 100%;
        z-index: -1; }
    #header .container .headerRight .getOffer .getOfferForm {
      max-width: 880px;
      width: 100%;
      position: fixed;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      opacity: 0;
      pointer-events: none; }
      #header .container .headerRight .getOffer .getOfferForm .getOfferFormTitle {
        color: white;
        font-weight: 300;
        font-size: 55px;
        font-family: "Roboto Condensed", sans-serif;
        letter-spacing: 3px;
        margin-bottom: 50px; }
      #header .container .headerRight .getOffer .getOfferForm form .input-div {
        margin-bottom: 10px; }
        #header .container .headerRight .getOffer .getOfferForm form .input-div .input {
          color: white; }
        #header .container .headerRight .getOffer .getOfferForm form .input-div .label {
          color: rgba(255, 255, 255, 0.55); }
        #header .container .headerRight .getOffer .getOfferForm form .input-div:after {
          background: rgba(255, 255, 255, 0.26); }
        #header .container .headerRight .getOffer .getOfferForm form .input-div.active:before {
          background: white; }
      #header .container .headerRight .getOffer .getOfferForm form .button {
        margin-top: 50px; }
    #header .container .headerRight .getOffer.active .getOfferButton .getOfferBg {
      width: 7000px;
      height: 7000px;
      position: fixed;
      border-radius: 100%; }
    #header .container .headerRight .getOffer.active .getOfferForm {
      opacity: 1;
      pointer-events: auto;
      -webkit-transition-delay: .300s;
              transition-delay: .300s; }

#header.headerAbsolute {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 999;
  }

#header.whiteFont #nav a {
  color: white !important; }
  #header.whiteFont #nav a.active {
    color: #13B6DE !important; }

#header.whiteFont .menuIcon.menuIconWhite a span {
  background: #13B6DE; }

#header.headerMobil .container .menuIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 99999;
  }

#header.headerMobil .container .headerRight {
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none; }
  #header.headerMobil .container .headerRight.active {
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
    opacity: 1;
    pointer-events: auto; }
    #header.headerMobil .container .headerRight.active.getOffer.getOfferButton {
      background: red; }
  #header.headerMobil .container .headerRight #nav {
    width: auto;
    height: 100%;
    position: fixed;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    font-family: "Montserrat", sans-serif;
    z-index: 999999;
    }
    #header.headerMobil .container .headerRight #nav a {
      margin-right: 0;
      margin-bottom: 30px;
      font-size: 30px;
      color: white; }
      #header.headerMobil .container .headerRight #nav a:hover {
        color: white; }
      #header.headerMobil .container .headerRight #nav a.offerButtonNav {
        display: block;
        -webkit-box-ordinal-group: 1001;
            -ms-flex-order: 1000;
                order: 1000; }
      #header.headerMobil .container .headerRight #nav a.logo {
        display: block;
        margin-bottom: 40px; }
      #header.headerMobil .container .headerRight #nav a.offerButtonNav {
        background: white;
        color: #13B6DE;
        width: 170px;
        height: 65px;
        font-size: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-radius: 60px; }
        #header.headerMobil .container .headerRight #nav a.offerButtonNav:hover {
          color: #13B6DE; }
      #header.headerMobil .container .headerRight #nav a:after {
        display: none; }
  #header.headerMobil .container .headerRight .getOffer {
    margin-right: 0; }
    #header.headerMobil .container .headerRight .getOffer .getOfferButton {
      pointer-events: none;
      background: transparent; }
      #header.headerMobil .container .headerRight .getOffer .getOfferButton span {
        opacity: 0; }
      #header.headerMobil .container .headerRight .getOffer .getOfferButton .getOfferBg {
        background: transparent; }
    #header.headerMobil .container .headerRight .getOffer.active {
      z-index: 9999999;
      }
      #header.headerMobil .container .headerRight .getOffer.active .getOfferButton {
        pointer-events: auto; }
        #header.headerMobil .container .headerRight .getOffer.active .getOfferButton .getOfferBg {
          background: #13B6DE; }
        #header.headerMobil .container .headerRight .getOffer.active .getOfferButton span {
          opacity: 1; }

.slider {
  margin-bottom: 45px; }
  .slider .barrusSliderText1 {
    z-index: 99; }
    .slider .barrusSliderText1 strong {
      font-family: "Montserrat", sans-serif !important;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
          -ms-flex-direction: column !important;
              flex-direction: column !important;
      text-align: right !important;
      font-size: 46px !important;
      line-height: 48px !important;
      color: #394248 !important;
      font-weight: 700 !important; }
      .slider .barrusSliderText1 strong span {
        font-weight: 300 !important;
        margin-right: 40px !important; }
  .slider .barrusSliderText2 {
    z-index: 99; }
    .slider .barrusSliderText2 strong {
      font-family: "Montserrat", sans-serif !important;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
          -ms-flex-direction: column !important;
              flex-direction: column !important;
      text-align: left !important;
      font-size: 46px !important;
      line-height: 48px !important;
      color: #394248 !important;
      font-weight: 700 !important; }
      .slider .barrusSliderText2 strong span {
        font-weight: 300 !important;
        margin-left: -40px !important; }
  .slider .prinsArticle article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: auto;
    white-space: normal !important; }
    .slider .prinsArticle article .title {
      width: 100% !important;
      display: block !important;
      height: auto !important;
      line-height: 60px !important;
      font-family: "Montserrat", sans-serif !important;
      font-weight: 700 !important;
      font-size: 55px !important;
      color: white !important;
      white-space: normal !important;
      position: relative !important;
      margin-bottom: 24px !important; }
      .slider .prinsArticle article .title:after {
        content: '';
        width: 30px;
        height: 30px;
        background: #13B6DE;
        border-radius: 100%;
        display: block;
        position: absolute;
        left: -30px;
        top: -20px; }
    .slider .prinsArticle article p {
      font-family: "Roboto Condensed", sans-serif;
      width: 100%;
      white-space: normal !important;
      line-height: 16px !important;
      font-size: 14px !important;
      color: #909090;
      margin-bottom: 40px !important; }
    .slider .prinsArticle article a {
      color: #909090 !important;
      font-family: "Roboto Condensed", sans-serif !important;
      font-weight: 700 !important;
      font-size: 14px !important;
      letter-spacing: .77px !important;
      padding: 10px 0 !important; }
      .slider .prinsArticle article a i {
        color: #909090;
        margin-left: 35px; }
    .slider .tparrows {
    justify-content: center;
    align-items: center;
    display: flex;
    color: white !important;
    width: 50px;
    height: 50px;
    background: rgba(19, 180, 221, 0.7);
    border-radius: 100%;
    opacity: 0.5
     }
  .slider .tparrows.tp-rightarrow svg {
    transform: scale(-1 ,1);
  }
    .slider .tparrows:hover {
    background: #13b6de;
     }
     .slider .tparrows svg {

    font-size: 20px;
     }
     .slider .tparrows:before {
        display: none;
    }
#header.headerMobil .container .headerRight #nav a.logo img {
    width: 180px;
}
.homeProjectsCategories {
  margin-bottom: 65px; }
  .homeProjectsCategories .container .title {
    margin-bottom: 15px; }
  .homeProjectsCategories .container .productCategoriesContent {
    color: #909090;
    text-align: center;
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    }
  .homeProjectsCategories .container .allProjects {
    width: 100%;
    height: 90px;
    background: #394248;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    letter-spacing: .7px;
    font-weight: 700;
    -webkit-transition: all .4s;
    transition: all .4s; }
    .homeProjectsCategories .container .allProjects i {
      color: white;
      margin-left: 23px; }
    .homeProjectsCategories .container .allProjects:hover {
      opacity: 0.9; }

.projectCategoryLists {
  width: 100%; }
  .projectCategoryLists .projectCategoryList {
    margin-bottom: 50px; }
    .projectCategoryLists .projectCategoryList a {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .projectCategoryLists .projectCategoryList a figure {
        width: 100%;
        margin-bottom: 15px;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; }
        .projectCategoryLists .projectCategoryList a figure img {
          width: 100%;
          height: auto;
          -webkit-transition: all .3s;
          transition: all .3s; }
      .projectCategoryLists .projectCategoryList a article {
        padding: 0 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .projectCategoryLists .projectCategoryList a article strong {
          font-weight: 700;
          font-family: "Montserrat", sans-serif;
          font-size: 22px;
          color: #394248;
          margin-bottom: 5px; }
        .projectCategoryLists .projectCategoryList a article span {
          font-size: 16px;
          font-family: "Roboto Condensed", sans-serif;
          color: #9DA2AB; }
      .projectCategoryLists .projectCategoryList a:hover figure {
        -webkit-box-shadow: inset 0 0 0 5px black;
                box-shadow: inset 0 0 0 5px black; }
        .projectCategoryLists .projectCategoryList a:hover figure img {
          -webkit-transform: scale(1.15);
                  transform: scale(1.15); }

.homeOurServices {
  margin-bottom: 125px;
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  padding-left: 7.5px;
  padding-right: 7.5px; }
  .homeOurServices .homeOurServicesTop {
    width: 100%; }
    .homeOurServices .homeOurServicesTop h2.title {
      margin-bottom: 15px;
      text-align: center; }
    .homeOurServices .homeOurServicesTop .homeOurServicesContent {
      color: #909090;
      text-align: center;
      font-size: 14px;
      font-family: "Roboto Condensed", sans-serif;
      width: 100%;
      max-width: 1100px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px;
      }
  .homeOurServices .homeOurService {
    padding-left: 7.5px;
    padding-right: 7.5px;
    width: 50%;
    margin-bottom: 15px; }
    .homeOurServices .homeOurService a {
      background: #fdfeff;
      background: radial-gradient(ellipse at center, #fdfeff 0%, #eff1f2 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfeff', endColorstr='#eff1f2', GradientType=1 );
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      height: 540px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: relative;
      overflow: hidden; }
      .homeOurServices .homeOurService a article {
        width: auto;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        .homeOurServices .homeOurService a article .title {
          position: relative;
          margin-bottom: 20px; }
          .homeOurServices .homeOurService a article .title:after {
            content: '';
            position: absolute;
            left: -35px;
            top: -20px;
            width: 30px;
            height: 30px;
            background: #13B6DE;
            display: block;
            border-radius: 100%; }
        .homeOurServices .homeOurService a article p {
          font-family: "Roboto Condensed", sans-serif;
          font-size: 14px;
          color: #909090;
          margin-bottom: 15px; }
      .homeOurServices .homeOurService a figure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%; }
        .homeOurServices .homeOurService a figure img {
          width: 100%;
          /* top: 60px; */
          /* position: relative; */
          }
      .homeOurServices .homeOurService a.webTasarim article {
        padding-left: 85px;
        padding-right: 45px; }
      .homeOurServices .homeOurService a.webTasarim figure {
        width: 465px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .homeOurServices .homeOurService a.eTicaret article {
        padding-left: 85px;
        padding-right: 0px; }
      .homeOurServices .homeOurService a.eTicaret figure {
        width: 540px;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .homeOurServices .homeOurService a.mobileWeb article {
        padding-left: 65px;
        padding-right: 65px; }
      .homeOurServices .homeOurService a.mobileWeb figure {
        width: 465px;
        padding-left: 40px;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
      .homeOurServices .homeOurService a.webDanismanlik article {
        padding-left: 45px;
        padding-right: 100px; }
      .homeOurServices .homeOurService a.webDanismanlik figure {
        width: auto;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        .homeOurServices .homeOurService a.webDanismanlik figure img {
          height: 540px;
          width: auto; }

.otherServices {
  margin-bottom: 120px; }
  .otherServices .container .otherServicesContent {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 150px;
    max-width: 43%; }
    .otherServices .container .otherServicesContent .title {
      position: relative;
      margin-bottom: 40px; }
      .otherServices .container .otherServicesContent .title:after {
        content: '';
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        left: -30px;
        top: -17px;
        background: #13B6DE;
        border-radius: 100%; }
    .otherServices .container .otherServicesContent p {
      color: #909090;
      font-size: 14px;
      font-family: "Roboto Condensed", sans-serif;
      line-height: 14px; }

.otherServicesLists {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .otherServicesLists .otherServicesList {
    margin-bottom: 30px; }
    .otherServicesLists .otherServicesList a {
      border: 5px solid #EFF1F2;
      border-radius: 35px;
      width: 100%;
      height: 70px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding-left: 30px;
      padding-right: 30px;
      -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
      .otherServicesLists .otherServicesList a span {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        font-size: 12px;
        font-weight: 700;
        font-family: "Roboto Condensed", sans-serif;
        color: #4F5B62;
        -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
      .otherServicesLists .otherServicesList a i {
        color: #4F5B62;
        font-size: 30px;
        -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
      .otherServicesLists .otherServicesList a:hover {
        background: #13B6DE;
        border-color: #13B6DE; }
        .otherServicesLists .otherServicesList a:hover span {
          color: white; }
        .otherServicesLists .otherServicesList a:hover i {
          color: white; }

#footer {
  background: #13B6DE; }
  #footer .container {
    padding-top: 45px;
    padding-bottom: 65px;
    font-family: "Roboto Condensed", sans-serif; }
    #footer .container .footerLeft .footerLogo {
      margin-bottom: 35px; }
    #footer .container .footerLeft .footerContacts .footerContact {
      margin-bottom: 15px; }
      #footer .container .footerLeft .footerContacts .footerContact span {
        font-size: 14px;
        color: white;
        font-weight: 700;
        margin-bottom: 7px;
        opacity: 0.5;
        letter-spacing: 0.5px; }
      #footer .container .footerLeft .footerContacts .footerContact p {
        font-size: 14px;
        color: white;
        font-weight: 700;
        letter-spacing: 0.5px; }
        #footer .container .footerLeft .footerContacts .footerContact p a {
          color: white;
          -webkit-transition: all .3s;
          transition: all .3s; }
          #footer .container .footerLeft .footerContacts .footerContact p a:hover {
            opacity: .8; }
    #footer .container .footerRight .footerNav {
      margin-bottom: 55px; }
      #footer .container .footerRight .footerNav a {
        color: white;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: .5px;
        margin-right: 90px;
        -webkit-transition: all .3s;
        transition: all .3s; }
        #footer .container .footerRight .footerNav a:last-child {
          margin-right: 0; }
        #footer .container .footerRight .footerNav a:hover {
          opacity: 0.8; }
    #footer .container .footerRight .footerSocial {
      margin-bottom: 55px; }
      #footer .container .footerRight .footerSocial a {
        color: white;
        margin-right: 45px;
        -webkit-transition: all .3s;
        transition: all .3s; }
        #footer .container .footerRight .footerSocial a i {
          font-size: 20px; }
        #footer .container .footerRight .footerSocial a:last-child {
          margin-right: 0; }
        #footer .container .footerRight .footerSocial a:hover {
          opacity: .8; }
    #footer .container .footerRight .footerCopy {
      color: white;
      letter-spacing: .5px;
      font-size: 12px;
      opacity: .55;
      font-weight: 700; }

.pageNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
  font-family: "Roboto Condensed", sans-serif; }
  .pageNav a {
    color: #9DA2AB;
    font-weight: 700;
    font-size: 14px;
    margin-right: 45px;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    letter-spacing: .7px; }
    .pageNav a:last-child {
      margin-right: 0; }
    .pageNav a:after {
      content: '';
      width: 0;
      height: 5px;
      left: 50%;
      bottom: -8px;
      display: block;
      position: absolute;
      background: #13B6DE;
      -webkit-transition: all .4s;
      transition: all .4s; }
    .pageNav a:hover, .pageNav a.active {
      color: #13B6DE; }
      .pageNav a:hover:after, .pageNav a.active:after {
        width: 100%;
        left: 0; }

.productCategories {
  margin-top: 78px;
  margin-bottom: 120px; }
  .productCategories .title {
    margin-bottom: 50px; }
  .productCategories .projectCategoryLists {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

.contact {
  position: relative; }
  .contact .contactForm {
    width: 100%;
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 100px auto; }
    .contact .contactForm .title {
      margin-bottom: 80px;
      position: relative; }
      .contact .contactForm .title:after {
        content: '';
        position: absolute;
        left: -35px;
        top: -20px;
        width: 30px;
        height: 30px;
        background: #13B6DE;
        display: block;
        border-radius: 100%; }
    .contact .contactForm form {
      margin-bottom: 90px; }
      .contact .contactForm form > div {
        margin-bottom: 20px; }
    .contact .contactForm .contactSocial {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      margin-bottom: 90px; }
      .contact .contactForm .contactSocial a {
        margin-right: 45px;
        color: #13B6DE; }
        .contact .contactForm .contactSocial a i {
          font-size: 20px; }
        .contact .contactForm .contactSocial a:last-child {
          margin-right: 0; }
    .contact .contactForm .contactContents {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      width: 100%;
      font-family: "Roboto Condensed", sans-serif; }
      .contact .contactForm .contactContents .contactContent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .contact .contactForm .contactContents .contactContent span {
          font-weight: 700;
          margin-bottom: 5px;
          color: #13B6DE;
          font-size: 14px;
          letter-spacing: .7px; }
        .contact .contactForm .contactContents .contactContent p {
          color: #394248;
          font-size: 14px;
          letter-spacing: .7px;
          font-weight: 700; }
          .contact .contactForm .contactContents .contactContent p a {
            color: #394248;
            -webkit-transition: all .3s;
            transition: all .3s; }
            .contact .contactForm .contactContents .contactContent p a:hover {
              opacity: .8; }
  .contact:before {
    content: '';
    width: 270px;
    height: 183px;
    background: url(../../images/mail.png) no-repeat center center;
    background-size: cover;
    display: block;
    position: absolute;
    right: 0;
    top: -70px; }
  .contact:after {
    content: '';
    width: 190px;
    height: 170px;
    background: url(../../images/coffee.png) no-repeat center center;
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    bottom: 50px; }

#map {
  height: 295px; }

.services {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  margin-bottom: 50px; }
  .services .otherServicesLists {
    margin-top: 90px;
    margin-bottom: 110px; }
  .services .servicesLists {
    width: 100%; }
    .services .servicesLists .servicesList {
      margin-bottom: 110px;
      width: 100%;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      }
      .services .servicesLists .servicesList article {
        font-family: "Roboto Condensed", sans-serif;
        width: 53%; }
        .services .servicesLists .servicesList article .title {
          position: relative;
          margin-bottom: 35px; }
          .services .servicesLists .servicesList article .title:after {
            content: '';
            position: absolute;
            left: -35px;
            top: -20px;
            width: 30px;
            height: 30px;
            background: #13B6DE;
            display: block;
            border-radius: 100%; }
        .services .servicesLists .servicesList article p {
          font-size: 14px;
          margin-bottom: 15px;
          color: #909090;
          }
          .services .servicesLists .servicesList article p a {
              color: #909090;
              font-weight: 600;
            }
        .services .servicesLists .servicesList article .servicesCategories {
          margin-top: 65px; }
          .services .servicesLists .servicesList article .servicesCategories .servicesCategory {
            margin-right: 50px; }
            .services .servicesLists .servicesList article .servicesCategories .servicesCategory a {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              text-align: center;
              /* opacity: .3; */
              -webkit-transition: all .3s;
              transition: all .3s;
              }
              .services .servicesLists .servicesList article .servicesCategories .servicesCategory a i {
                color: #13B6DE;
                margin-bottom: 20px;
                font-size: 25px;
                }
              .services .servicesLists .servicesList article .servicesCategories .servicesCategory a span {
                color: #4F5B62;
                font-size: 14px;
                font-weight: 700; }
              .services .servicesLists .servicesList article .servicesCategories .servicesCategory a:hover {
                opacity: 1; }
      .services .servicesLists .servicesList figure {
        width: 41%; }
        .services .servicesLists .servicesList figure img {
          width: 100%; }
      .services .servicesLists .servicesList:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }

.projeDetil .container .projeContent {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 280px;
  width: 100%;
  }
  .projeDetil .container .projeContent .projeLogo {
    margin-bottom: 60px; }
  .projeDetil .container .projeContent article div {
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: 25px; }
    .projeDetil .container .projeContent article div span {
      font-size: 12px;
      color: white;
      opacity: 0.55;
      letter-spacing: .77px;
      font-weight: 700; }
    .projeDetil .container .projeContent article div P {
      font-size: 15px;
      color: white;
      margin-top: 5px;
      letter-spacing: 0.77px; }
      .projeDetil .container .projeContent article div p a {
        color: white;
        font-weight: 700;
        transition: all .3s;
        }
        .projeDetil .container .projeContent article div p a:hover {
          opacity: .7;
        }

.projeDetil .container .projeRight {
  width: 1000px;
  margin-top: -40px;
  }
  .projeDetil .container .projeRight .projeTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .projeDetil .container .projeRight .projeTab .projeTitle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 15px; }
      .projeDetil .container .projeRight .projeTab .projeTitle a {
        font-size: 14px;
        font-weight: 700;
        font-family: "Roboto Condensed", sans-serif;
        letter-spacing: .77px;
        padding: 0px 15px;
        -webkit-transition: all .3s;
        transition: all .3s;
        opacity: .33;
        }
        .projeDetil .container .projeRight .projeTab .projeTitle a:hover {
          opacity: 1;
          }
        .projeDetil .container .projeRight .projeTab .projeTitle a.active {
          opacity: 1;
          }
    .projeDetil .container .projeRight .projeTab .projePageTitle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 20px;
      font-family: "Roboto Condensed", sans-serif;
      }
      .projeDetil .container .projeRight .projeTab .projePageTitle a {
        font-size: 15px;
        letter-spacing: .77px;
        color: rgba(255, 255, 255, 0.33);
        margin-right: 40px;
        -webkit-transition: all .3s;
        transition: all .3s; }
        .projeDetil .container .projeRight .projeTab .projePageTitle a:hover, .projeDetil .container .projeRight .projeTab .projePageTitle a.active {
          color: white; }
        .projeDetil .container .projeRight .projeTab .projePageTitle a:last-child {
          margin-right: 0; }
    .projeDetil .container .projeRight .projeTab .projeTabContents {
      width: 1000px;
      height: 700px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative; }
      .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        opacity: 0; }
        .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent.active {
          opacity: 1;
          pointer-events: auto; }
        .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .webProje {
          width: 1000px;
          height: 100%;
          position: relative; }
          .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .webProje .imgWeb {
            width: 100%;
            height: auto; }
          .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .webProje .projeWebContainer {
            position: absolute;
            left: 17px;
            top: 40px;
            width: calc(100% - 33px);
            height: calc(100% - 95px);
            overflow: hidden; }
            .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .webProje .projeWebContainer > img {
              width: 100%;
              /* height: auto; */
              /* position: absolute; */
              /* left: 0; */
              /* top: 0; */
              display: none;
              }
              .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .webProje .projeWebContainer > img.active {
                display: block; }
        .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .mobileProje {
          width: 334px;
          height: 100%;
          position: relative;
          margin: 0 auto;
          }
          .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .mobileProje .imgMobile {
            width: 100%;
            height: auto; }
          .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .mobileProje .projeMobileContainer {
            position: absolute;
            left: 18px;
            top: 17px;
            width: calc(100% - 37px);
            height: calc(100% - 64px);
            overflow: hidden;
            border-radius: 36px;
            }
            .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .mobileProje .projeMobileContainer > img {
              /* border-radius: 39px; */
              width: 100%;
              height: auto;
              display: none;
              }
              .projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .mobileProje .projeMobileContainer > img.active {
                display: block; }
.proje-hover.mobile-hover {
  left: 18px;
  top: 17px;
  width: calc(100% - 37px);
  height: calc(100% - 64px);             
  border-radius: 39px;

}
.projeNav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  }
    .projeNav a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 15px;
      color: white;
      line-height: 16px;
      -webkit-transition: all .4s;
      transition: all .4s;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: auto;
      display: flex;
      flex-direction: row;
      height: 45px;
      border-radius: 45px;
      }
      .projeNav  a span {
        color: #13B6DE;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .22px;
        }
.vda {
    background: #13B6DE;
}
div#about .container {
    background: rgba(253,254,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(253,254,255,1) 0%, rgba(239,241,242,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(253,254,255,1)), color-stop(100%, rgba(239,241,242,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(253,254,255,1) 0%, rgba(239,241,242,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(253,254,255,1) 0%, rgba(239,241,242,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(253,254,255,1) 0%, rgba(239,241,242,1) 100%);
    background: radial-gradient(ellipse at center, rgba(253,254,255,1) 0%, rgba(239,241,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfeff', endColorstr='#eff1f2', GradientType=1 );
}
.projeNav a.projePrev .proje-nav-hover {
    margin-left: -20px;
}

.projeNav a.projeNext:hover .proje-nav-hover {
    margin-right: 0px;
}

.projeNav a.projePrev .proje-nav-hover {
    padding-left: 5px;
    padding-right: 20px;
}

.projeNav a.projeNext .proje-nav-hover {
    padding-right: 5px;
    padding-left: 20px;
}

.proje-detail-img {
    width: 100%;
    display: block;
}

.proje-detail-img img {
    width: 100%;
    display: block;
}

div#about {
  margin-top: 50px;
  margin-bottom: 120px
}

div#about .container figure img {
    width: 100%;
}

div#about .container .row {
    display: flex;
    align-items: center;
}

div#about .container .row article {
    padding-left: 120px;
}

div#about .container .row article .title:after {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    background: #13b6de;
    border-radius: 100%;
    position: absolute;
    left: -30px;
    top: -20px;
}

div#about .container .row article .title {
    position: relative;
    margin-bottom: 30px;
}

div#about .container .row article p {
    font-size: 14px;
    color: #909090;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: 17px;
}

.tab-title {
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    color: rgba(255, 255, 255, 0.55);
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: 0.77px;
}
.project-detail-content {
  width: 1110px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.projeNav a.projeNext {
  right: 0;
}

.projeNav a.projePrev {
  left: 0;
}

.projeNav a .proje-nav-hover {
  display: flex;
  flex-direction: column;
  transition: all .3s;
  height: 45px;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  width: 0;
}

.projeNav a.projePrev:hover .proje-nav-hover {
  margin-left: 0;
}
.projeNav a.projeNext .proje-nav-hover {
    margin-right: -20px;
}

.projeNav a:hover .proje-nav-hover {
    opacity: 1;
    width: auto;
}
.projeNav a:hover {
    background: white;
    border-radius: 45px;
}
.projeNav a.projeNext .proje-nav-hover {
  text-align: right;
}

.proje-hover {
  position: absolute;
  left: 17px;
  top: 40px;
  width: calc(100% - 33px);
  height: calc(100% - 95px);
  z-index: 99;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
  pointer-events: none;
}
.proje-hover .mouse {
    position: relative;
    width: 34px;
}
.proje-hover .mouse .mouse-img {
  position: absolute;
  width: 34px;
}
.projeDetil .container .projeContent .projeLogo img {
    width: auto;
    max-width: 210px;
}

.proje-hover .mouse .scroll-img {
  position: absolute;
  width: 10px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  animation: mouse 3s infinite;
}
.projeNav a:hover i .icon {
    color: #13B6DE;
}
.projeNav a p {
    color: #13B6DE;
}

@keyframes mouse {
    0% {top: 10px;}
    50% {top: 15px;}
    100% {top: 10px;}
}
.projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .webProje:hover .proje-hover {
    opacity: 0;
}
.projeDetil .container .projeRight .projeTab .projeTabContents .projeTabContent .mobileProje:hover .proje-hover {
    opacity: 0;
}
#map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.not-page {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.not-page strong {
    margin-bottom: 40px;
    font-size: 37px;
    color: #394248;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.not-page img {
    width: 100%;
    max-width: 265px;
}
.page-top {
    font-family: "Roboto Condensed", sans-serif;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.page-top a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 14px;
}
.page-top a img {
    width: 25px;
    margin-bottom: 10px;
}
.touch {
  margin-bottom: 30px;
  position: relative;
  width: 40px;
  height: 42px;
  display: none;
  margin-top: -10px;
}

.touch img {
  width: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-animation: mymove 4s infinite; /* Safari 4.0 - 8.0 */
  animation: mymove 4s infinite;
  margin-left: -17.5px;
  margin-top: -18.5px;
}

@keyframes mymove {
  0%   {
    transform: rotate(-65deg);
  }
  50%  {
    transform: rotate(0deg);
  }
  100%  {
    transform: rotate(-65deg);
  }
}

.page {
  margin-top: 45px;
  margin-bottom: 70px;
}

.blog-slider {
  margin-bottom: 45px;
}

.blog-slider .owl-dots {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  margin-top: -23px;
  position: relative;
  z-index: 9;
}

.blog-slider .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  display: block;
  background: white;
  border-radius: 100%;
}

.blog-slider .owl-dots .owl-dot:not(:last-child) {
  margin-right: 7px;
  margin-bottom: 3px;
}

.blog-content-list .blog-content-list-item {
  margin-bottom: 20px;
}

.date {
  font-size: 12px;
  color: #909090;
  font-family: "Roboto Condensed", sans-serif;
  display: block;
}

.blog-detail-link {
  display: inline-flex;
  padding: 20px 30px;
  border: 5px solid #EFF1F2;
  border-radius: 35px;
  color: #4F5B62;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  transition: all .4s;
}

.blog-detail-link i {
  margin-left: 2px;
  font-size: 10px;
}

.blog-detail-link:hover {
  background: #13b6de;
  color: white;
  border-color: #13b6de;
}
.detail-img {
  width: 100%;
  max-width: 500px;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.paging {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-family: "Roboto Condensed", sans-serif;
  margin-top: 50px;
}

.paging a {
  border: 5px solid #EFF1F2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4F5B62;
  font-weight: 700;
  transition: all .3s;
  font-size: 12px;
}

.paging a:not(:last-child) {
  margin-right: 10px;
  margin-bottom: 5px;
}

.paging a:hover, .paging a.active {
  color: white;
  border-color: #13b6de;
  background: #13b6de;
}
.paging .page-number {
  width: 70px;
  height: 70px;
  border-radius: 100%;
}

.paging .page-first-last {
  width: 150px;
  height: 70px;
  border-radius: 35px;
}

.paging .page-first-last i {
  margin-left: 3px;
  margin-right: 3px;
}

.paging .page-first-last i.invert {
  transform: scale(-1, -1);
}

.bg-title {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #EFF1F2;
  margin-bottom: 20px;
}
.bg-title strong {
  color: #394248;
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  padding: 18px 30px
}

.side-blog-list {
  margin-bottom: 40px;
}

.side-blog-list .side-blog-list-item a strong {
  color: #394248;
  font-size: 18px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.side-blog-list .side-blog-list-item {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eff1f2;
  padding-left: 30px;
  padding-right: 30px;
}

.blog-content-slider {
  margin-top: 20px;
}


.blog-content-slider .owl-carousel .item img {
  margin-bottom: 10px;
  display: block;
}

.blog-content-slider .owl-carousel .item strong {
  color: #394248;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
}

.blog-content-slider .owl-carousel .owl-nav {
  position: absolute;
  top: -65px;
  right: 10px;
}

.blog-content-slider .owl-carousel .owl-nav button {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

/* slider stil */
.pris-slider-text {
    z-index: 5 !important;
}

.pris-slider-text article {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 450px;
    font-family: "Roboto Condensed", sans-serif;
}

.pris-slider-text article strong {
    font-size: 52px !important;
    color: white !important;
    font-weight: 700 !important;
    line-height: 52px !important;
    margin-bottom: 20px !important;
}

.pris-slider-text article p {
    font-size: 38px !important;
    color: white !important;
    font-weight: 300 !important;
    line-height: 38px !important;
    margin-bottom: 18px !important;
}
.pris-slider-text article .prins-slider-button {
    width: 217px;
    height: 62px;
    background: #FFD047;
    border-radius: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004d9d;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/*-------------- varlik slider --------------*/
.varlik-slider-text {
  
}
.varlik-slider-text strong {
  line-height: 1 !important;
  height: auto !important;
  color: #020202 !important;
  font-size: 46px !important;
  font-weight: 700 !important;
  margin-bottom: 25px !important;
  font-family: "Montserrat", sans-serif !important;
  display: block !important;
  white-space: normal !important; 
}
.varlik-slider-text p {
  line-height: 21px !important;
  height: auto !important;
  font-size: 14px !important;
  font-family: "Roboto Condensed", sans-serif !important;
  display: block !important;
  white-space: normal !important; 
  color: #585858 !important;
}
.varlik-slider-link a {
  line-height: 1 !important;
  height: auto !important;
  font-size: 14px !important;
  font-family: "Roboto Condensed", sans-serif !important;
  display: block !important;
  white-space: normal !important; 
  color: #13B6DE !important;
  font-weight: 700 !important;
}
.varlik-slider-link a i {
  font-size: 16px !important;
  margin-left: 15px !important;
}

.oldProjectCategoryLists .oldProjectCategoryList .oldProjectCategoryListContent {
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    transition: all .3s;
}

.oldProjectCategoryLists .oldProjectCategoryList .oldProjectCategoryListContent img {
    filter: grayscale(100%);
    opacity: .5;
    transition: all .3s;
    width: 60%;
}

.oldProjectCategoryLists .oldProjectCategoryList .oldProjectCategoryListContent:hover img {
    opacity: 1;
    filter: grayscale(0%);
}

.fide-slider-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.fide-slider-content figure {
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 40px !important;
}

.fide-slider-content figure img {
  width: 100% !important;
  height: auto !important;
}

.fide-slider-content article {
  flex: 1;
  width: auto;
}
.fide-slider-content article p {
  color: #3C3C3B !important;
  line-height: 24px !important;
  font-size: 18px !important;
  margin-bottom: 20px !important;
}

.fide-slider-content article .fide-proje-button {
  font-weight: 700 !important;
  color: white;
  background: #92CDC7 !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  padding: 23px 28px !important;
  box-sizing: border-box;
  float: left;
  font-family: 'Roboto Condensed';
  line-height: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
}

.fide-slider-content article .fide-proje-button:hover {
  background: #9DD2CD !important;
}

.trump-slider-content {
  display: flex;
  flex-direction: column;
}

.trump-slider-content figure {
  width: 260px;
  margin-bottom: 30px !important;
}

.trump-slider-content figure img {
  width: 100% !important;
  height: auto !important;
}

.trump-slider-content article p {
  display: block !important;
  line-height: 1 !important;
  color: #3C3C3B !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  font-size: 16px !important;
}
.trump-slider-content article .trump-proje-button {
  background: #F03B4C !important;  
  font-weight: 700 !important;
  color: white;
  border-radius: 50px !important;
  font-size: 15px !important;
  padding: 23px 28px !important;
  box-sizing: border-box;
  font-family: 'Roboto Condensed';
  line-height: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  transition: all .3s;
}
.trump-slider-content article .trump-proje-button:hover {
  background: #f14756 !important;
}



.toptan-slider-content {
  display: flex;
  flex-direction: column;
}

.toptan-slider-content figure {
  width: 260px;
  margin-bottom: 30px !important;
}

.toptan-slider-content figure img {
  width: 100% !important;
  height: auto !important;
}

.toptan-slider-content article p {
  line-height: 21px !important;
  height: auto !important;
  font-size: 14px !important;
  font-family: "Roboto Condensed", sans-serif !important;
  display: block !important;
  white-space: normal !important; 
  color: #585858 !important;
  margin-bottom: 20px !important;
}
.toptan-slider-content article .toptan-proje-button {
  background: #85BC0C !important;  
  font-weight: 700 !important;
  color: white;
  border-radius: 50px !important;
  font-size: 15px !important;
  padding: 23px 28px !important;
  box-sizing: border-box;
  font-family: 'Roboto Condensed';
  line-height: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  transition: all .3s;
}
.toptan-slider-content article .toptan-proje-button:hover {
  background: #95d40d !important;
}