<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="872" viewBox="0 0 393 872"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="pricing_button1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="872" x="0" y="0" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="393" height="872" x="0" y="0" fill="#ffffff"/></mask><g data-tag="button" id="pricing_button1" class="pricing_button" data-z-index="auto" data-stacking-context="true" role="button" aria-labelledby="" mask="url(#mask-for-pricing_button11)" aria-owns="span1 a1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="180" height="862" x="0" y="10" fill="rgb(23, 32, 75)" rx="6" ry="6"/></g><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"><g data-tag="span" id="span1" data-z-index="0" data-stacking-context="true"><g data-stacking-layer="rootBackgroundAndBorders"><linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="linear-gradient1"><stop offset="0%" stop-color="rgb(69,92,199)" stop-opacity="1"/><stop offset="50%" stop-color="rgb(23,32,75)" stop-opacity="1"/><stop offset="100%" stop-color="rgb(69,92,199)" stop-opacity="1"/></linearGradient><rect width="360" height="862" x="-180" y="10" fill="url(#linear-gradient1)"/></g></g></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><a data-tag="a" id="a1" data-z-index="1" data-stacking-context="true" role="link" aria-owns="icon-chevron-right1"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Roboto, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="14px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="57.75" y="48" textLength="59.375" lengthAdjust="spacingAndGlyphs">BİLGİ AL</tspan></text><g data-tag="i" id="icon-chevron-right1" class="icon-chevron-right" data-z-index="auto" data-stacking-context="true" aria-owns="span2"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="14px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="117.125" y="48" textLength="5.125" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></a></g><mask id="mask-for-pricing_button11"><rect width="180" height="862" x="0" y="10" fill="#ffffff"/><rect width="360" height="862" x="-180" y="10" fill="#ffffff"/></mask></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1230" viewBox="0 0 834 1230"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="pricing_button1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1230" x="0" y="0" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="834" height="1230" x="0" y="0" fill="#ffffff"/></mask><g data-tag="button" id="pricing_button1" class="pricing_button" data-z-index="auto" data-stacking-context="true" role="button" aria-labelledby="" mask="url(#mask-for-pricing_button11)" aria-owns="span1 a1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="180" height="1220" x="0" y="10" fill="rgb(23, 32, 75)" rx="6" ry="6"/></g><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"><g data-tag="span" id="span1" data-z-index="0" data-stacking-context="true"><g data-stacking-layer="rootBackgroundAndBorders"><linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="linear-gradient1"><stop offset="0%" stop-color="rgb(69,92,199)" stop-opacity="1"/><stop offset="50%" stop-color="rgb(23,32,75)" stop-opacity="1"/><stop offset="100%" stop-color="rgb(69,92,199)" stop-opacity="1"/></linearGradient><rect width="360" height="1220" x="-180" y="10" fill="url(#linear-gradient1)"/></g></g></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><a data-tag="a" id="a1" data-z-index="1" data-stacking-context="true" role="link" aria-owns="icon-chevron-right1"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Roboto, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="14px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="57.75" y="48" textLength="59.375" lengthAdjust="spacingAndGlyphs">BİLGİ AL</tspan></text><g data-tag="i" id="icon-chevron-right1" class="icon-chevron-right" data-z-index="auto" data-stacking-context="true" aria-owns="span2"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="14px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="117.125" y="48" textLength="5.125" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></a></g><mask id="mask-for-pricing_button11"><rect width="180" height="1220" x="0" y="10" fill="#ffffff"/><rect width="360" height="1220" x="-180" y="10" fill="#ffffff"/></mask></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="920" viewBox="0 0 1440 920"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="pricing_button1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="920" x="0" y="0" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="1440" height="920" x="0" y="0" fill="#ffffff"/></mask><g data-tag="button" id="pricing_button1" class="pricing_button" data-z-index="auto" data-stacking-context="true" role="button" aria-labelledby="" mask="url(#mask-for-pricing_button11)" aria-owns="span1 a1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="180" height="910" x="0" y="10" fill="rgb(23, 32, 75)" rx="6" ry="6"/></g><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"><g data-tag="span" id="span1" data-z-index="0" data-stacking-context="true"><g data-stacking-layer="rootBackgroundAndBorders"><linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="linear-gradient1"><stop offset="0%" stop-color="rgb(69,92,199)" stop-opacity="1"/><stop offset="50%" stop-color="rgb(23,32,75)" stop-opacity="1"/><stop offset="100%" stop-color="rgb(69,92,199)" stop-opacity="1"/></linearGradient><rect width="360" height="910" x="-180" y="10" fill="url(#linear-gradient1)"/></g></g></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><a data-tag="a" id="a1" data-z-index="1" data-stacking-context="true" role="link" aria-owns="icon-chevron-right1"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Roboto, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;" font-size="14px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="57.75" y="48" textLength="59.375" lengthAdjust="spacingAndGlyphs">BİLGİ AL</tspan></text><g data-tag="i" id="icon-chevron-right1" class="icon-chevron-right" data-z-index="auto" data-stacking-context="true" aria-owns="span2"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="icomoon" font-size="14px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="117.125" y="48" textLength="5.125" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></a></g><mask id="mask-for-pricing_button11"><rect width="180" height="910" x="0" y="10" fill="#ffffff"/><rect width="360" height="910" x="-180" y="10" fill="#ffffff"/></mask></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><button class="pricing_button" data-target="#myModal" data-toggle="modal" style="color:white;height: auto;border: 0 solid white;padding: 5px;" type="button"><a data-billingcycle="UNNA BACKUP 2" onclick="setSelectedPackage(this);">BİLGİ AL<i class="icon-chevron-right"></i></a></button></body>

<style>

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format('truetype');
}






@import url("https://ftpyedek.com/css/clear.css");
@import url("https://ftpyedek.com/css/font-awesome.min.css");
@import url("https://ftpyedek.com/css/sm-clean.css");
@import url("https://ftpyedek.com/css/slick.css");
@import url("https://ftpyedek.com/css/prettyPhoto.css");
@import url("https://ftpyedek.com/css/owl.carousel.min.css");
@import url("https://ftpyedek.com/css/owl.theme.default.min.css");
@import url("https://ftpyedek.com/css/common.css");





body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    color: #000;
    background-color: #fff;
    overflow-x: hidden;
}

body a {
    text-decoration: none;
    color: #f1576b;
    transition: color .2s ease;
}

body a:hover {
    color: #f1576b;
}

@keyframes sonarWave {

    from {
        opacity: 0.4;
    }
    to {
        transform: scale(3);
        opacity: 0;
    }

}

@-moz-keyframes spin {

    100% {
        -moz-transform: rotate(360deg);
    }

}

@-webkit-keyframes spin {

    100% {
        -webkit-transform: rotate(360deg);
    }

}

@keyframes spin {

    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }

}

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

    a.button {
        padding-left: 35px;
        padding-right: 35px;
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

}


@font-face {
  font-family: 'icomoon';
  src:  url('https://ftpyedek.com/header/fonts/icomoon/fonts/icomoon.eot?10si43');
  src:  url('https://ftpyedek.com/header/fonts/icomoon/fonts/icomoon.eot?10si43#iefix') format('embedded-opentype'),
    url('https://ftpyedek.com/header/fonts/icomoon/fonts/icomoon.ttf?10si43') format('truetype'),
    url('https://ftpyedek.com/header/fonts/icomoon/fonts/icomoon.woff?10si43') format('woff'),
    url('https://ftpyedek.com/header/fonts/icomoon/fonts/icomoon.svg?10si43#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-chevron-right:before {
  content: "\f054";
}



:root {

}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}


button {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  overflow: visible;
}

button {
  text-transform: none;
}

button,
[type="button"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

.border {
  border: 1px solid #dee2e6 !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
}


@charset "UTF-8";@font-face{font-family:serversistemleri;src:url(https://ftpyedek.com/css/fonts/serversistemleri/serversistemleri.eot?ufetpq);src:url(https://ftpyedek.com/css/fonts/serversistemleri/serversistemleri.eot?ufetpq#iefix) format('embedded-opentype'),url(https://ftpyedek.com/css/fonts/serversistemleri/serversistemleri.ttf?ufetpq) format('truetype'),url(https://ftpyedek.com/css/fonts/serversistemleri/serversistemleri.woff?ufetpq) format('woff'),url(https://ftpyedek.com/css/fonts/serversistemleri/serversistemleri.svg?ufetpq#serversistemleri) format('svg');font-weight:400;font-style:normal;font-display:block}@keyframes ispinner{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@-webkit-keyframes ispinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-moz-keyframes ispinner{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}



        @media (max-width: 768px) {
          .modal {
              margin-top: 45%;
          }
        }

        @media (min-width: 769px) {
          .modal{
            margin-top: 10%;
          }
        }

        .pricing_button {
            background-color: #17204b;
            border-radius: 6px;
            height: 50px;
            margin-top: 10px;
            overflow: hidden;
            position: relative;
            transition: all .2s ease 0;
            width: 180px
        }

        .pricing_button::before {
            background: linear-gradient(to right, #455cc7, #17204b, #455cc7) 0 0 repeat scroll rgba(0, 0, 0, 0);
            content: "";
            display: block;
            height: 100%;
            left: -100%;
            position: absolute;
            top: 0;
            transition: all .4s ease 0;
            width: 200%;
            z-index: 0
        }

        .pricing_button:hover::before {
            transform: translateX(50%)
        }

        .pricing_button:focus {
            background: #455cc7
        }

        @keyframes pricing_width {
            0% {
                transform: translateX(0)
            }
            100% {
                transform: translateX(50%)
            }
        }

        .pricing_button a {
            color: #fff;
            display: block;
            font-size: 14px;
            font-weight: 700;
            height: 100%;
            line-height: 50px;
            position: relative;
            text-align: center;
            text-transform: uppercase;
            width: 100%;
            z-index: 1
        }

        .pricing_button:hover a {
            color: #fff
        }


</style>