#exampleModal {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
}
#search-popup {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     cursor: auto;
 }

 .search-modal-box {
     display: flex;
     justify-content: center;
     flex-direction: column;
     position: relative;
     cursor: auto;
     padding: 15px;
 }

 .post-search .pk-title {
     text-align: left;
     padding: 0;
     margin: 0;
     color: #777;
 }

 .pk-search-message {
     font-weight: lighter;
     font-size: 1rem;
     text-align: left;
     padding: 0;
     margin: 25px 0;
     color: #777;
 }

 .pk-search-container .subscription {
     position: relative;
     overflow: hidden;
 
 }

 .pk-search-input-group button {
     position: relative;
 }

 .pk-search-input-group {
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: stretch;
     width: 100%;
 }

 .pk-search-input-group input {
   position: relative;
    z-index: 2;
    flex: 1 1 auto;
    width: 1%;
    height: 57px;
    font-weight: bold;
    font-family: inherit;
    font-size: 24px;
    padding-left: 10px !important;
   
    color: #fff;
    margin: 0;
    padding: 0;
    background: #000000c9;
    border: none;
    outline: none !important;
 }

 .pk-search-input-group input::placeholder {
     background: #000;
     color: #fff;
 }

 .pk-search-input-group input::-webkit-input-placeholder {
     background: #000;
     color: #fff;
 }

 .pk-search-input-group input::-moz-placeholder {
     background: #000;
     color: #fff;
 }

 @media only screen and (max-width: 64em) {
     .pk-search-input-group input {
         font-size: 2rem;
         height: 45px;
     }
 }

 .pk-search-input-group input::placeholder {
     color: #fff;
 }

 .pk-search-input-group input[type="text"] {
     border: none;
     outline: none;
     background: #000;
     color: #fff;
 }

 .pk-search-submit {
     margin: 0;
     padding: 0.375rem 1rem;
     background: #191919 !important;
     outline: none;
     border: 0;
     color: #fff;
     cursor: pointer;
 }

 .pk-search-submit span {
     transition: all .2s ease;
 }

 .pk-search-submit span i {
     display: inline-block;
     font-size: 2rem;
     vertical-align: middle;
 }

 @media only screen and (max-width: 64em) {
     .pk-search-submit span i {
         font-size: 1.5rem;
     }
 }

 .pk-search-submit span:first-child {
     display: block;
     transform: translate(0);
     font-weight: lighter;
 }

 .pk-search-form-wrap .pk-search-submit span:last-child {
     display: block;
     position: absolute;
     left: 50%;
     transform: translateY(200%) translateX(-50%);
 }

 .pk-search-form-wrap .pk-search-submit:hover span:first-child,
 button:hover .pk-search-form-wrap .pk-search-submit span:first-child {
     transform: translateY(-200%);
 }

 .pk-search-form-wrap .pk-search-submit:hover span:last-child,
 button:hover .pk-search-form-wrap .pk-search-submit span:last-child {
     transform: translateY(-100%) translateX(-50%);
 }

/* Start state */
.animated-modal {
  overflow: hidden;
  transform: translateY(-50px);
  transition: all .5s;
}
/* Final state */
.fancybox-slide--current .animated-modal {
  transform: translateY(0);
  opacity: 1;
}


@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-fill-1 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-fill-2 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-fill-3 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-fill-4 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-fill-5 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-fill-6 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-fill-7 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-fill-7 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-fill-8 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-fill-8 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-fill-9 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-fill-9 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-fill-10 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-fill-10 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-fill-11 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-fill-11 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-fill-12 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-fill-12 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-fill-13 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-fill-13 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-fill-14 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-fill-14 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-fill-15 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-fill-15 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-fill-16 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-fill-16 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-fill-17 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-fill-17 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-fill-18 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-fill-18 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-fill-19 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-fill-19 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-fill-20 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
          animation: animate-svg-fill-20 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-fill-21 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
          animation: animate-svg-fill-21 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}

@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(150, 151, 153);
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(150, 151, 153);
  }
}

.svg-elem-22 {
  -webkit-animation: animate-svg-fill-22 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
          animation: animate-svg-fill-22 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-23 {
  -webkit-animation: animate-svg-fill-23 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
          animation: animate-svg-fill-23 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-24 {
  -webkit-animation: animate-svg-fill-24 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
          animation: animate-svg-fill-24 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
}

@-webkit-keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-25 {
  -webkit-animation: animate-svg-fill-25 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
          animation: animate-svg-fill-25 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}

@-webkit-keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-26 {
  -webkit-animation: animate-svg-fill-26 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
          animation: animate-svg-fill-26 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
}

@-webkit-keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-27 {
  -webkit-animation: animate-svg-fill-27 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
          animation: animate-svg-fill-27 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-28 {
  -webkit-animation: animate-svg-fill-28 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
          animation: animate-svg-fill-28 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}

@-webkit-keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

@keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(11, 120, 172);
  }
}

.svg-elem-29 {
  -webkit-animation: animate-svg-fill-29 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
          animation: animate-svg-fill-29 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
}
svg {
    width: 220px;
    height: auto;
}

.zaro:before {
content: " ";
right:0;
    width: 58%;
    height: 91%;
    display: block;
    position: absolute;
    background-color: #95979952;
   
}
      .cta-section {
            background-color: #f2f2f2; /* Sarı */
            padding: 30px 0;
        }

        .cta-title {
            font-size: 27px;
            font-weight: 700;
            color: #111;
        }

        .cta-btn {
  background: #e0a878;    border-radius: 10px;
            color: #fff;
            padding: 16px 32px;
            font-weight: 600;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition: all 0.3s ease;
        }

        .cta-btn:hover {
            background-color: #111;
            color: #fff;
        }

        @media (max-width: 768px) {
            .cta-title {
                font-size: 27px;
                text-align: center;
                margin-bottom: 20px;
            }

            .cta-btn {
                justify-content: center;
            }
        }
        @media screen and (min-width: 1600px) {
.hero-section{     position: relative;
    padding-top: 79px;
    padding-bottom: 623px;
}
}
.secto { background:#eeeeee5c}
.sticky { position:fixed; width:100%; background:#fff; top:0;     transition: all .50sease;
    -webkit-transition: all .50sease;}
.offset-xl-1 {
margin-left: 4.333333%;
margin-right: 4%;
}
.item img { height: 407px; object-fit:cover;}
.search-form {
background: #f2f2f2;
padding: 10px; }
.search-form .form-group {
position: relative; }
.search-form .form-group input {
padding-right: 50px; }
.search-form .icon {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }

.subscribe-form .form-group {
position: relative;
margin-bottom: 0;
border: 1px solid rgba(255, 255, 255, 0.7);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0; }
.subscribe-form .form-group input {
background: transparent !important;
border: 1px solid transparent;
color: rgba(255, 255, 255, 0.7) !important;
font-size: 16px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px; }
.subscribe-form .form-group input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: rgba(255, 255, 255, 0.7) !important; }
.subscribe-form .form-group input::-moz-placeholder {
/* Firefox 19+ */
color: rgba(255, 255, 255, 0.7) !important; }
.subscribe-form .form-group input:-ms-input-placeholder {
/* IE 10+ */
color: rgba(255, 255, 255, 0.7) !important; }
.subscribe-form .form-group input:-moz-placeholder {
/* Firefox 18- */
color: rgba(255, 255, 255, 0.7) !important; }
.subscribe-form .form-group .submit {
border-left: 1px solid rgba(255, 255, 255, 0.7);
color: #fff !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
font-size: 16px; }
.subscribe-form .form-group .submit:hover {
cursor: pointer; }

.subscribe-form .icon {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: rgba(255, 255, 255, 0.8); }
.ftco-section-parallax {
position: relative; }
.ftco-section-parallax .parallax-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
padding: 2em 0;
background: #e0a775;
background: -moz-linear-gradient(-45deg, #2ebdc4 0%, #68e5b2 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #2ebdc4), color-stop(100%, #68e5b2));
/* background: -webkit-linear-gradient(-45deg, #2ebdc4 0%, #68e5b2 100%); */
background: -o-linear-gradient(-45deg, #2ebdc4 0%, #68e5b2 100%);
background: -ms-linear-gradient(-45deg, #2ebdc4 0%, #68e5b2 100%);
/* background: -webkit-linear-gradient(315deg, #2ebdc4 0%, #68e5b2 100%); */
background: -o-linear-gradient(315deg, #2ebdc4 0%, #68e5b2 100%);
/* background: linear-gradient(135deg, #2ebdc4 0%, #68e5b2 100%); */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ebdc4', endColorstr='#68e5b2', GradientType=1 );
}
.ftco-section-parallax .heading-section-white h2 {
font-weight: 400 !important; }
.btn.btn-primary.btn-outline-primary {
    border: 1px solid #087897;
    background: #1179ae;
    color: #fff;
    padding: 10px 30px !important;
}
.btn.btn-primary {
background: #f85959;
border: 1px solid #f85959;
color: #fff;

}
.testimony-section {
position: relative; }
.testimony-section .owl-carousel {
margin: 0; }
.testimony-section .owl-carousel .owl-stage-outer {
padding-bottom: 2em;
position: relative; }

.testimony-wrap {
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0 2px 14px 3px rgba(20, 20, 20, 0.05);
background: #ffffff;
display: block;
position: relative;
padding: 30px;

}
.testimony-wrap .text {
width: calc(100% - 100px); }
.testimony-wrap .user-img {
width: 100px;
height: 100px;
border-radius: 50%;
position: relative;     background-size: cover;}
.testimony-wrap .user-img .quote {
position: absolute;
bottom: -16px;
right: 0;
width: 40px;
height: 40px;
background: #e0a874;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.testimony-wrap .user-img .quote i {
color: #fff; }
.testimony-wrap .name {
font-weight: 500;
font-size: 16px;
margin-bottom: 0;
color: #000000; }
.testimony-wrap .position {
font-size: 13px; }

@media (max-width: 767.98px) {
.about-image {
height: 400px;
margin-bottom: 30px; } }

.ftco-section {
position: relative;
width: 100%;
display: block;padding: 60px; }
.ftco-section .nav-pills p {
margin-bottom: 0; }
.ftco-section .nav-pills .nav-link {
border-radius: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
position: relative;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
color: #b3b3b3;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px; }
.ftco-section .nav-pills .nav-link:hover {
color: #000000; }
.ftco-section .nav-pills .nav-link.active {
color: #fff;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; }
.ftco-section .nav-pills .nav-link.active:after {
opacity: 1; }
@media (max-width: 767.98px) {
.ftco-section .nav-pills .nav-link.active:after {
opacity: 0; } }
@media (max-width: 767.98px) {
.ftco-section .nav-pills .nav-link {
display: block;
width: 100%;
margin-bottom: 5px; } }
.ftco-section .tab-content .tab-pane h2 {
font-size: 24px; }
.ftco-section .tab-content .tab-pane .one-forth {
width: 50%; }
.ftco-section .tab-content .tab-pane .one-forth img {
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.03); }
@media (max-width: 767.98px) {
.ftco-section .tab-content .tab-pane .one-forth img {
margin-bottom: 20px; } }
@media (max-width: 767.98px) {
.ftco-section .tab-content .tab-pane .one-forth {
width: 100%; } }
.ftco-section .tab-content .tab-pane .one-half {
width: 50%; }
@media (max-width: 767.98px) {
.ftco-section .tab-content .tab-pane .one-half {
width: 100%; } }

.section-title::before {width: 80px;
height: 2px;
bottom: -19px;
width: 180px;
height: 2px;
position: absolute;
bottom: -15px;
left: 0;
right: 0;
margin: 0 auto;
background: #dfa974;
content: '';

}
.section-title {margin-bottom:52px}
.section-title::after {
width: 100px;
height: 2px;
position: absolute;
bottom: -21px;
left: 0;
right: 0;
margin: 0 auto;
background: #dfa974;
content: '';
}
.single-service--area i { font-size: 31px;
line-height: 70px;
color: #157895; }
.hover-effects table { color:#fff;}
.single-project-slide {
background-size:cover; background-repeat:no-repeat;
position: relative;
z-index: 1;
height: 370px;
overflow: hidden;
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.2); }
@media only screen and (max-width: 767px) {
.single-project-slide {
height: 650px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single-project-slide {
height: 700px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-project-slide {
height: 650px; } }
.single-project-slide .project-content {
position: absolute;
width: 100%;
height: 100px;
bottom: 0;
left: 0;
z-index: 10;
background-color: rgb(0 0 0 / 50%);
padding: 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.single-project-slide .project-content .text h6 {
color: #ffffff;
font-weight: bold;
font-size: 19px;
margin-bottom: 6px;
}
.single-project-slide .project-content .text h5 {
color: #ffffff;
margin-bottom: 0; }
.single-project-slide .hover-effects {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background-color: #157895ad;
z-index: 100;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
visibility: hidden;
-webkit-transition-duration: 800ms;
-o-transition-duration: 800ms;
transition-duration: 800ms; }
.single-project-slide .hover-effects .text {
padding: 30px; }
.single-project-slide .hover-effects .text h6 {
font-size:19px; font-weight:bold; margin-bottom:5px;
color: #ffffff; }
.single-project-slide .hover-effects .text h5 {
color: #ffffff;
margin-bottom: 10px; }
.single-project-slide .hover-effects .text p {
margin-bottom: 0;
color: #ffffff; }
.single-project-slide .hover-effects .project-btn {
font-size: 16px;
padding: 0 30px;
display: block;
background-color: #0e2737;
border-radius: 0;
color: #ffffff;
text-align: left;
font-weight: 500;
height: 100px;
width: 100%;
line-height: 100px; }
.single-project-slide.active .hover-effects {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
opacity: 1;
visibility: visible; }

/* :: 12.0 CTA CSS */
.roberto-cta-area {
position: relative;
z-index: 1; }
.roberto-cta-area .cta-content {
padding-top: 50px;
padding-left: 50px;
padding-right: 50px; }
.roberto-cta-area .cta-text h2 {
color: #ffffff;
font-size: 36px;
margin-bottom: 10px; }
.roberto-cta-area .cta-text h6 {
margin-bottom: 0;
color: #ffffff; }

/* :: 13.0 Testimonial Area CSS */
.roberto-testimonials-area {
position: relative;
z-index: 1; }
.roberto-testimonials-area .testimonial-thumbnail {
position: relative;
z-index: 1;
padding-right: 15px; }
.roberto-testimonials-area .testimonial-thumbnail img {
border-radius: 8px;
width: 100% !important; }
.roberto-testimonials-area .single-testimonial-slide h5 {
color: #636a76;
font-weight: 400;
font-size: 18px;
line-height: 1.8; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.roberto-testimonials-area .single-testimonial-slide h5 {
font-size: 16px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.roberto-testimonials-area .single-testimonial-slide h5 {
font-size: 16px; } }
@media only screen and (max-width: 767px) {
.roberto-testimonials-area .single-testimonial-slide h5 {
font-size: 16px; } }
.roberto-testimonials-area .single-testimonial-slide .rating-title {
position: relative;
z-index: 1;
margin-top: 15px; }
.roberto-testimonials-area .single-testimonial-slide .rating-title .rating {
display: block;
margin-bottom: 10px; }
.roberto-testimonials-area .single-testimonial-slide .rating-title .rating i {
color: #f5b917;
font-size: 14px; }
.roberto-testimonials-area .single-testimonial-slide .rating-title h6 {
margin-bottom: 0; }
.roberto-testimonials-area .single-testimonial-slide .rating-title h6 span {
color: #1cc3b2;
font-size: 14px;
font-weight: 400; }
</style>


<style>
.mb-100 {    margin-bottom: 40px; margin-top: 30px;}

.about-content {
position: relative;
z-index: 1; }

.about-us-content {
position: relative;
z-index: 1; }
.about-us-content h5 {
line-height: 1.8;
color: #636a76;
margin-bottom: 16px;
font-weight: 400; }
.about-us-content p {
margin-bottom: 30px; }
.about-us-content p span {
color: #1cc3b2; }

.about-thumbnail {
position: relative;
z-index: 1; }
.about-thumbnail img {
border-radius: 6px;
width: 100%; }

.about-us-thumbnail {
position: relative;
z-index: 1; }
.about-us-thumbnail .single-thumb {
position: relative;
z-index: 1;
margin: 5px;
display: block;
overflow: hidden;
border-radius: 6px; }
.about-us-thumbnail .single-thumb img {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
border-radius: 6px; }
.about-us-thumbnail .single-thumb:first-child {
margin-bottom: 10px; }
.about-us-thumbnail .single-thumb:hover img, .about-us-thumbnail .single-thumb:focus img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15); }

.single-service-area {
position: relative;
z-index: 1;
background-color: #ffffff;
box-shadow: 0 2px 14px 5px rgba(20, 20, 20, 0.05);
border-radius: 3px; }
.single-service-area .service-title {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
position: absolute;
width: 100%;
background-color: rgba(42, 48, 59, 0.5);
bottom: 0;
left: 0;
height: 80px;
text-align: center; }
.single-service-area .service-title h5 {
margin-bottom: 0;
font-size: 22px;
color: #ffffff; }
.single-service-area:hover .service-title, .single-service-area:focus .service-title {
background-color: #2a303b; }

.roberto-service-area {
position: relative;
z-index: 1; }
@media only screen and (max-width: 767px) {
.roberto-service-area .service-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 70px; } }

.single-service--area {
position: relative;
z-index: 1;
background-color: #ffffff;
box-shadow: 0 2px 14px 5px rgba(20, 20, 20, 0.05);
border-radius: 3px;
padding: 21px 56px;
text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-service--area {
padding: 20px; } }
@media only screen and (max-width: 767px) {
.single-service--area {
padding: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
width: 45%;
margin-bottom: 30px; } }
.single-service--area img {
margin-bottom: 20px;
display: inline-block;
max-height: 40px; }
@media only screen and (max-width: 767px) {
.single-service--area img {
max-height: 30px; } }
.single-service--area h5 {
margin-bottom: 0;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single-service--area h5 {
font-size: 16px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-service--area h5 {
font-size: 14px; } }
@media only screen and (max-width: 767px) {
.single-service--area h5 {
font-size: 14px; } }
.single-service--area:hover h5, .single-service--area:focus h5 {
color: #1cc3b2; }