@charset "utf-8";

html { line-height: 1.15; text-size-adjust: 100%; }

body { margin: 0px; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0px; }

hr { box-sizing: content-box; height: 0px; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }

button, input { overflow: visible; }

button, select { text-transform: none; }

[type="button"], [type="reset"], [type="submit"], button { appearance: button; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { appearance: none; }

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

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

*, html { box-sizing: border-box; text-rendering: optimizelegibility; }

body { overflow-x: hidden; -webkit-font-smoothing: antialiased; }

a { text-decoration: none; }

img { vertical-align: middle; }

blockquote, dd, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, menu, ol, p, pre, ul { margin: 0px; }

button, fieldset, iframe { border: 0px; }

button, fieldset, menu, ol, ul { padding: 0px; }

ol, ul { list-style: none; }

textarea { resize: vertical; }

table { width: 100%; border-collapse: collapse; border-spacing: 0px; }

td { padding: 0px; }

body { font-family: Barlow, sans-serif; background: rgb(245, 245, 245); }

a { transition: all 300ms ease 0s; }

a:hover { text-decoration: none; }

.static-text { font-size: 22px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; }

.static-text p { margin-bottom: 30px; }

.container { width: 100%; max-width: 800px; margin: 0px auto; position: relative; }

.header { background: rgb(20, 30, 46); height: 100px; display: flex; align-items: center; }

.header .logo { margin-left: 40px; }

.header .head-btn { margin-left: auto; display: flex; font-size: 20px; }

.header .whatsapp { background: rgb(11, 192, 48); height: 56px; border-radius: 5px; padding-left: 15px; padding-right: 20px; font-weight: 600; margin-right: 20px; }

.header .whatsapp a { height: 56px; display: flex; align-items: center; color: rgb(255, 255, 255); }

.header .whatsapp i.wp-icon { display: inline-block; background: url("../img/wp.png"); width: 36px; height: 37px; margin-right: 10px; }

.header .call-service { background: rgb(39, 114, 241); height: 56px; border-top-left-radius: 28px; border-bottom-left-radius: 28px; line-height: 56px; padding-left: 40px; padding-right: 40px; }

.header .call-service a { color: rgb(255, 255, 255); font-weight: 600; }

.phone-numbers ul { display: flex; flex-wrap: wrap; }

.phone-numbers ul li { width: 33.3333%; background: rgb(50, 62, 82); height: 100px; }

.phone-numbers ul li a { height: 100px; display: flex; align-items: center; justify-content: center; font-size: 23px; font-weight: 500; color: rgb(255, 255, 255); }

.phone-numbers ul li.light { background: rgb(69, 82, 104); }

.phone-numbers ul li i { margin-right: 10px; }

.phone-numbers ul li i.phone { background: url("../img/phone.png"); width: 35px; height: 35px; display: inline-block; }

.phone-numbers ul li i.mobile-phone { background: url("../img/mobilephone.png"); width: 36px; height: 36px; display: inline-block; }

.main-banner { background: url("../img/mainbanner.png") 0% 0% / 100% no-repeat; width: 100%; height: 955px; z-index: 99; position: relative; }

.main-banner .circle-info { position: relative; z-index: 9; }

.main-banner .image { position: absolute; top: 0px; }

.main-banner .image img { width: 100%; }

.circle-info { display: flex; padding-top: 30px; justify-content: flex-end; }

.circle-info.white .circle { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }

.circle-info.white .circle span { color: rgb(255, 255, 255); }

.circle-info.white .circle i { background: rgb(255, 255, 255); color: rgb(48, 124, 252); }

.circle-info.pink { justify-content: center; margin-left: 0px; margin-right: 0px; }

.circle-info.pink .circle { border-color: rgb(255, 66, 54); color: rgb(255, 66, 54); text-shadow: none; }

.circle-info.pink .circle span { color: rgb(255, 66, 54); }

.circle-info.pink .circle i { color: rgb(255, 255, 255); background: rgb(255, 66, 54); }

.circle-info .circle { width: 150px; height: 150px; border-radius: 50%; border: 2px solid rgb(0, 0, 0); display: flex; align-items: center; flex-direction: column; font-family: "Barlow Condensed", sans-serif; font-weight: 700; text-align: center; font-size: 40px; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; padding-top: 10px; margin-right: 15px; }

.circle-info .circle i { width: 103px; height: 29px; display: block; border-radius: 10px; font-style: normal; font-size: 20px; color: rgb(255, 255, 255); background: rgb(247, 97, 23); margin-top: 5px; }

.circle-info .circle.blue { border-color: rgb(0, 96, 255); color: rgb(0, 96, 255); }

.circle-info .circle.orange { border-color: rgb(247, 97, 23); color: rgb(247, 97, 23); }

.circle-info .circle.purple { border-color: rgb(178, 37, 230); color: rgb(178, 37, 230); }

.circle-info .circle span { display: block; font-weight: 600; font-size: 28px; color: rgb(21, 31, 48); }

.about { background: url("../img/about.jpg") 0% 0% / cover; width: 100%; min-height: 773px; padding: 160px 50px 30px; margin-top: -196px; }

.about h4 { font-size: 37px; color: rgb(171, 188, 213); font-family: "Barlow Condensed", sans-serif; font-weight: 600; margin-bottom: 0px; letter-spacing: 8px; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; }

.about h3 { font-size: 66px; color: rgb(255, 255, 255); font-family: "Barlow Condensed", sans-serif; font-weight: 700; margin-top: -10px; margin-bottom: 30px; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; }

.how-to { background: url("../img/howto.jpg") 0% 0% / cover; width: 100%; min-height: 753px; padding-bottom: 30px; padding-left: 50px; padding-right: 50px; }

.how-to h4 { font-size: 37px; color: rgb(171, 188, 213); font-family: "Barlow Condensed", sans-serif; font-weight: 600; margin-bottom: 0px; letter-spacing: 8px; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; }

.how-to h3 { text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; font-size: 66px; color: rgb(255, 255, 255); font-family: "Barlow Condensed", sans-serif; font-weight: 700; margin-bottom: 30px; line-height: 66px; margin-top: 10px; }

.how-to-content { width: 440px; }

.how-to .call-service-now { background: rgb(255, 255, 255); padding-left: 20px; padding-right: 40px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; height: 100px; font-size: 37px; color: rgb(48, 124, 252); font-weight: 600; font-family: "Barlow Condensed", sans-serif; display: flex; align-items: center; line-height: 36px; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; margin-top: 45px; margin-left: -50px; }

.how-to .call-service-now a { color: rgb(48, 124, 252); }

.how-to-head { display: flex; }

.how-to .circle-info { margin-left: auto; }

.video-press { background: rgb(253, 71, 39); padding: 30px 50px; }

.video-press .video-head { font-size: 40px; color: rgb(255, 255, 255); display: flex; flex-wrap: wrap; font-weight: 600; justify-content: center; align-items: center; }

.video-press .video-head img { margin-right: 30px; }

.video-press .video-head span { font-weight: 900; display: block; }

.video-press .video { margin-top: 30px; }

.video-press .video img { width: 100%; }

.video-press .video-play { text-align: center; margin-top: -175px; margin-bottom: -90px; }

.before-after { background: url("../img/bg.jpg"); padding: 30px 50px; }

.before-after img { max-width: 100%; margin-bottom: 40px; }

.before-after h4 { font-size: 37px; color: rgb(129, 129, 129); font-family: "Barlow Condensed", sans-serif; font-weight: 600; margin-bottom: 0px; letter-spacing: 8px; text-align: center; }

.before-after h3 { font-size: 66px; color: rgb(34, 32, 30); font-family: "Barlow Condensed", sans-serif; font-weight: 700; line-height: 60px; margin-bottom: 30px; text-align: center; margin-top: 10px; }

.before-after h3 span { color: rgb(255, 66, 54); display: block; }

.before-after .static-text { color: rgb(49, 37, 28); text-align: center; }

.about2 { background: url("../img/about2.jpg") 0% 0% / cover; width: 100%; min-height: 747px; padding: 40px 50px 30px; }

.about2 h4 { font-size: 37px; color: rgb(252, 217, 167); font-family: "Barlow Condensed", sans-serif; font-weight: 600; margin-bottom: 0px; letter-spacing: 8px; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; }

.about2 h3 { font-size: 66px; color: rgb(255, 255, 255); font-family: "Barlow Condensed", sans-serif; font-weight: 700; margin-top: -10px; margin-bottom: 30px; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; }

.about2 .about-text { max-width: 350px; }

.price-bar { background: rgb(247, 181, 23); height: 135px; font-weight: 700; color: rgb(31, 36, 44); font-size: 39px; display: flex; align-items: center; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; padding-left: 50px; }

.price-bar .price { background: rgb(233, 170, 18); margin-left: auto; height: 135px; font-size: 26px; align-items: center; display: flex; flex-direction: column; justify-content: center; position: relative; padding-left: 50px; padding-right: 50px; }

.price-bar .price a { color: rgb(0, 0, 0); }

.price-bar .price::before { content: "İNDİRİMLİ"; transform: rotate(-90deg); float: left; position: absolute; left: -20px; opacity: 0.3; }

.price-bar .price::after { content: "İNDİRİMLİ"; transform: rotate(-90deg); float: left; position: absolute; right: -20px; opacity: 0.3; }

.price-bar .price span { color: rgb(255, 255, 255); display: block; font-size: 69px; }

.how-to2 { background: url("../img/howto2.jpg") 0% 0% / cover; width: 100%; min-height: 785px; padding-bottom: 30px; padding-left: 50px; padding-right: 50px; display: flex; }

.how-to2 .how-to-head { width: 205px; flex-direction: column; }

.how-to2 .how-to-head .call-service-now { background: rgb(255, 255, 255); padding-left: 20px; padding-right: 40px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; height: 100px; font-size: 37px; color: rgb(48, 124, 252); font-weight: 600; font-family: "Barlow Condensed", sans-serif; display: flex; align-items: center; line-height: 36px; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; margin-top: 45px; margin-left: -50px; }

.how-to2 .how-to-head .call-service-now a { color: rgb(48, 124, 252); }

.how-to2 .how-to-head .circle-info { flex-direction: column; }

.how-to2 .how-to-head .circle-info .circle { margin-right: 0px; margin-bottom: 30px; }

.how-to2 .how-to-content { width: calc(100% - 225px); margin-top: 40px; margin-left: 20px; }

.how-to2 .how-to-content span { display: block; margin-top: 15px; }

.big-banner img { width: 100%; }

.photos { background: rgb(5, 85, 254); padding: 30px 50px; }

.photos h4 { font-size: 37px; color: rgb(171, 188, 213); font-family: "Barlow Condensed", sans-serif; font-weight: 600; margin-bottom: 0px; letter-spacing: 8px; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; }

.photos h3 { font-size: 66px; color: rgb(255, 255, 255); font-family: "Barlow Condensed", sans-serif; font-weight: 700; margin-top: 0px; margin-bottom: 30px; text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; }

.photos ul { display: flex; flex-wrap: wrap; }

.photos ul li { width: calc(50% - 10px); margin-right: 20px; margin-bottom: 20px; }

.photos ul li img { border-radius: 10px; width: 100%; }

.photos ul li:nth-child(2n) { margin-right: 0px; }

.promo { background: rgb(5, 85, 254); padding: 30px 40px; }

.promo-title { text-shadow: rgba(0, 0, 0, 0.31) 0px 1px 12px; font-size: 40px; color: rgb(255, 255, 255); text-align: center; }

.promo-title span { display: block; font-weight: 800; }

.promo .video { margin-top: 30px; }

.promo .video img { max-width: 100%; }

.promo .video-play { text-align: center; margin-top: -175px; margin-bottom: -100px; }

.press { background: rgb(255, 255, 255); padding: 50px 50px 0px; display: flex; flex-wrap: wrap; }

.press-box { width: calc(50% - 20px); margin-right: 40px; margin-bottom: 40px; }

.press-box:nth-child(2n) { margin-right: 0px; }

.press-logo { margin-bottom: 30px; height: 70px; }

.press-title { font-size: 25px; font-weight: 700; color: rgb(31, 36, 44); line-height: 34px; }

.press-img { margin-top: 20px; margin-bottom: 20px; }

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

.press-text { font-size: 18px; line-height: 28px; color: rgb(49, 37, 28); }

.comments { padding-top: 30px; padding-left: 50px; padding-right: 50px; background: rgb(5, 85, 254); }

.comments h4 { font-size: 37px; color: rgb(153, 186, 255); font-family: "Barlow Condensed", sans-serif; font-weight: 600; margin-bottom: 0px; letter-spacing: 8px; text-align: center; }

.comments h3 { font-size: 66px; color: rgb(255, 255, 255); font-family: "Barlow Condensed", sans-serif; font-weight: 700; margin-bottom: 30px; text-align: center; }

.comments .comment { display: flex; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-top: 45px; padding-bottom: 45px; align-items: center; color: rgb(255, 255, 255); }

.comments .comment:last-child { border: none; }

.comments .comment-img { background: rgba(255, 255, 255, 0.2); width: 148px; height: 148px; border-radius: 50%; }

.comments .comment-img img { width: 128px; height: 128px; margin-top: 10px; margin-left: 10px; border-radius: 50%; }

.comments .comment-content { width: calc(100% - 178px); margin-left: 30px; }

.comments .comment-name { font-size: 24px; font-weight: 700; margin-bottom: 10px; }

.comments .comment-text { font-size: 19px; line-height: 30px; }

.form { background: url("../img/formbg.jpg") 0% 0% / cover no-repeat; width: 100%; min-height: 715px; padding-bottom: 30px; padding-top: 40px; }

.form h4 { font-size: 32px; color: rgb(129, 129, 129); font-family: "Barlow Condensed", sans-serif; font-weight: 600; margin-bottom: 0px; letter-spacing: 8px; text-align: center; }

.form h3 { font-size: 58px; color: rgb(255, 255, 255); font-family: "Barlow Condensed", sans-serif; font-weight: 700; line-height: 55px; margin-bottom: 30px; text-align: center; margin-top: 10px; }

.form h3 span { color: rgb(5, 83, 247); display: block; }

.form form { padding-left: 50px; padding-right: 50px; margin-top: 50px; }

.form form input { font-family: "Barlow Condensed", sans-serif; width: 100%; height: 70px; border-radius: 35px; margin-bottom: 30px; padding-left: 30px; padding-right: 30px; border: none; font-size: 26px; color: rgb(175, 175, 175); }

.form form input::placeholder { color: rgb(175, 175, 175); }

.form form button { font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 28px; width: 300px; height: 70px; background: rgb(5, 85, 254); appearance: none; border-radius: 35px; color: rgb(255, 255, 255); box-shadow: rgb(5, 85, 254) 0px 0px 10px; margin: 0px auto; display: block; }

.footer-phone { background: rgb(20, 30, 46); height: 100px; display: flex; justify-content: space-around; align-items: center; }

.footer-phone .whatsapp { background: rgb(11, 192, 48); height: 56px; border-radius: 28px; padding-left: 50px; padding-right: 50px; font-weight: 600; margin-right: 20px; }

.footer-phone .whatsapp a { height: 56px; display: flex; align-items: center; color: rgb(255, 255, 255); }

.footer-phone .whatsapp i.wp-icon { display: inline-block; background: url("../img/wp.png"); width: 36px; height: 37px; margin-right: 10px; }

.footer-bottom { background: rgb(34, 56, 93); height: 55px; line-height: 55px; color: rgb(255, 255, 255); font-size: 21px; font-family: "Barlow Condensed", sans-serif; text-align: center; }

.mobile-buttons { background-color: rgba(37, 37, 37, 0.85); border-top: 3px solid rgb(255, 255, 255); position: fixed; left: 0px; width: 100%; height: 45px; justify-content: space-evenly; bottom: 0px; padding-bottom: 50px; display: flex; align-items: center; z-index: 999; }

.mobile-buttons i.tel { background: url("../img/footerphone.png") 0% 0% / 100% 100%; width: 75px; height: 75px; display: block; }

.mobile-buttons i.wp { background: url("../img/footerwp.png") 0% 0% / 100% 100%; width: 75px; height: 75px; display: block; }

@media only screen and (max-width: 800px) {
  h3 { font-size: 36px !important; line-height: 40px !important; margin-top: 10px !important; }
  .static-text { font-size: 18px; }
  .header .logo { text-align: center; justify-content: center; display: flex; width: 100%; margin-left: 0px; }
  .header .logo img { max-width: 250px; }
  .header .head-btn { display: none; }
  .phone-numbers ul li { height: 45px; }
  .phone-numbers ul li i.phone { width: 15px; height: 15px; background-size: 100% 100%; }
  .phone-numbers ul li i.mobile-phone { width: 15px; height: 15px; background-size: 100% 100%; }
  .phone-numbers ul li a { font-size: 12px; height: 45px; }
  .main-banner { background-repeat: no-repeat; background-size: 100% 100%; height: 500px; }
  .circle-info { margin-left: 0px; justify-content: center; }
  .circle-info .circle { width: 90px; height: 90px; font-size: 20px; margin-left: 5px; margin-right: 5px; }
  .circle-info .circle span { font-size: 16px; }
  .about { margin-top: -105px; padding-left: 15px; padding-right: 15px; }
  .how-to { padding-left: 15px; padding-right: 15px; }
  .how-to-head { flex-wrap: wrap; margin-bottom: 30px; }
  .how-to-head .call-service-now { width: 100%; margin-left: -15px; }
  .how-to-content { width: 100%; }
  .price-bar { font-size: 26px; padding-left: 15px; padding-right: 0px; height: 115px; }
  .price-bar .price { font-size: 16px; padding-left: 20px; padding-right: 20px; min-width: 140px; height: 115px; }
  .price-bar .price a { color: rgb(0, 0, 0); }
  .price-bar .price br { display: none; }
  .price-bar .price span { font-size: 39px; }
  .price-bar .price::before { margin-right: 20px; }
  .price-bar .price::after { margin-left: 20px; }
  .how-to2 { flex-wrap: wrap; padding-left: 15px; padding-right: 15px; }
  .how-to2 .how-to-content { width: 100%; margin-left: 0px; }
  .how-to2 .how-to-head { width: 100%; }
  .how-to2 .how-to-head .call-service-now { margin-left: -15px; }
  .how-to2 .how-to-head .circle-info { flex-direction: row; }
  .how-to2 .how-to-head .circle-info .circle { margin-left: 5px; margin-right: 5px; }
  .video-press { padding: 20px 15px; text-align: center; }
  .video-press .video-head { justify-content: center; font-size: 30px; }
  .video-press .video-head img { margin-right: 0px; margin-bottom: 15px; }
  .video-press .video-play { margin-bottom: -40px; margin-top: -80px; }
  .video-press .video-play img { width: 300px; }
  .about2 { padding-left: 15px; padding-right: 15px; }
  .before-after { padding-left: 15px; padding-right: 15px; }
  .before-after h3 { font-size: 50px; line-height: 50px; }
  .photos { padding-left: 15px; padding-right: 15px; }
  .promo { padding-left: 15px; padding-right: 15px; }
  .promo .video-play { margin-bottom: -40px; margin-top: -80px; }
  .promo .video-play img { width: 300px; }
  .press { padding-left: 15px; padding-right: 15px; }
  .press-box { width: 100%; margin-right: 0px; }
  .press-logo { margin-bottom: 10px; }
  .comments { padding-left: 15px; padding-right: 15px; }
  .comments .comment { flex-wrap: wrap; }
  .comments .comment-img { margin: 0px auto 20px; }
  .comments .comment-content { width: 100%; margin-left: 0px; }
  .form { background: url("../img/formbgmobile.jpg") no-repeat; padding-left: 15px; padding-right: 15px; }
  .form form { padding: 0px; }
  .footer-phone .whatsapp { padding-left: 10px; padding-right: 10px; }
}