/*

Author    : Digitad Agency
Generator : Digitad Development Team
Year      : 2022

*/

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body { background:#FFF; }
body, p { font-family:'Inter', Arial, Helvetica, sans-serif; font-weight: 300; }
h1, h2, h3, h4, h5, h6 {  font-family:'Inter', Arial, Helvetica, sans-serif; font-weight: 700; }

header { width:84%; padding:0  8%; height: 118px; background:#FFFFFF; box-shadow:0 0 0 rgba(0,0,0,0); transition:all ease 0.2s; }
div.logo-wrapper { border-bottom:3px solid #74E0C1; min-height:118px; margin-bottom:-3px; transition:all ease 0.2s; }
div.logo-wrapper img { padding:34px 0 0 0; display:block; width:180px; transition:all ease 0.2s; }
.mobile-nav { display:block; background:transparent; min-height:40px; margin:39px 0 0 0; }
.mobile-nav a { line-height: 40px; color:#303241; }
ul.main-nav { display:block; padding:40px 0 0 0; margin:0px; list-style:none; transition:all ease 0.2s; }
ul.main-nav li { float:left; }
ul.main-nav li a { font-size:14px; font-weight: 600; color:#303241; float:left; padding: 0 13px; line-height: 38px; transition:all ease 0.2s; }
ul.main-nav li a:hover,
ul.main-nav li a.active { text-decoration:none; color:#74E0C1; transition:all ease 0.2s; }
ul.main-nav li:last-child a { padding-right:0px; }
a.header-right-button { background: #303241; background: linear-gradient(90deg, #303241 60%, #505369 100%); color:#FFF; line-height:46px; display:inline-block; padding:0 20px; font-size:13px; font-weight:800; text-decoration:none; border-radius:6px; margin-top:36px; transition:all ease 0.3s; }
a.header-right-button:hover { background: #303241; background: linear-gradient(90deg, #303241 0%, #505369 40%); transition:all ease 0.3s; }

header.uk-sticky-below { height:70px; box-shadow:0 10px 20px rgba(0,0,0,0.1); transition:all ease 0.2s; }
header.uk-sticky-below .mobile-nav { display:block; background:transparent; min-height:40px; margin:15px 0 0 0; }
header.uk-sticky-below div.logo-wrapper { min-height:70px; transition:all ease 0.2s; }
header.uk-sticky-below div.logo-wrapper img { width:120px; padding:17px 0 0 0; transition:all ease 0.2s; }
header.uk-sticky-below ul.main-nav { padding:16px 0 0 0; transition:all ease 0.2s; }
header.uk-sticky-below a.header-right-button { margin-top:12px; transition:all ease 0.2s; }

footer { height:70px; background:#FFF; width:84%; padding:0 8%; }
footer div.footer-logo { border-top:3px solid #74E0C1; margin-top:-3px; width:40%; }
footer div.footer-logo img { height:36px; margin-top:17px; }
footer p { font-size:12px; font-weight: 600; line-height:70px; text-align:right; display:block; color:#5C5C5C; }
footer a { display:inline-block; line-height:70px; text-align:right; font-size:12px; font-weight: 400; color:#5C5C5C; text-decoration:none; padding:0 10px; transition:all ease 0.2s; }
footer a:hover { text-decoration:none; color:#74E0C1; transition:all ease 0.2s; }

div.als-section { width:84%; padding: 0 8%; min-height: 800px; position:relative; }

div.start-pop { position:fixed; right:60px; bottom:60px; display:block; width:340px; height:180px; background:#FFFFFF; box-shadow:0 3px 16px rgba(0,0,0,0.24); border-radius:10px; z-index: 999; }
div.start-pop p { padding:24px; margin:0px; font-size:14px; color:#303241; text-align:center; }
div.start-pop p.empty-content {display:none}
div.start-pop span {display:none}
div.start-pop a { display:block; line-height:50px; background:#74E0C1; color:#FFF; text-align:center; font-size:14px; font-weight: 700; border-radius:0 0 10px 10px; text-decoration:none; transition:all ease 0.2s; }
div.start-pop a:hover { background:#303241; transition:all ease 0.2s; }

div.als-numbers { width:84%; padding:50px 8% 0; min-height:170px; background: #303241 url(../img/als-numbers-bg.png) no-repeat right top; }
div.als-numbers span { color:#FFF; font-weight:900; font-size:52px; display:block; text-align:center; padding:0px; margin:0px; }
div.als-numbers p    { color:#FFF; font-weight:300; font-size:15px; display:block; text-align:center; padding:0px; margin:0px; }
div.als-numbers p.dipnot { color:#FFF; font-weight:300; font-size:12px; display:block; text-align:center; padding:0px; margin:20px 0 0 0; }

div.als-intro { display:block; position:relative; background: rgb(242,244,246); background: linear-gradient(180deg, rgba(242,244,246,1) 0%, rgba(255,255,255,1) 100%); }
div.als-intro h1 { font-size:48px; font-weight: 600; margin:180px 0 0 0; color:#303241; }
div.als-intro h1 span { font-size:36px; font-weight: 500; }
div.als-intro h1 strong { color:#74E0C1; }
div.als-intro p { font-size:15px; padding:0 50px 0 0; color:#303241; }
div.als-intro ul { padding:0px 0 0 15px; }
div.als-intro ul li { line-height:24px; font-size:15px; list-style-image: url(../img/als-intro-bullet.png); padding:0 0 0 10px; color:#303241; }
div.als-intro div.als-intro-left { position:absolute; left:0px; right:50%; top:0px; bottom:0px; background:transparent url(../img/als-intro-left.png) no-repeat right center; }
div.als-intro div.als-intro-left-en { position:absolute; left:0px; right:50%; top:0px; bottom:0px; background:transparent url(../img/als-intro-left-en.png) no-repeat right center; }

div.als-what { min-height:650px !important; background:transparent url(../img/als-what-bg.png) no-repeat left top; }
div.als-what-right { position:absolute; right:0px; top:0px; bottom:0px; left:50%; background:#dedede url(../img/als-what-right.png) no-repeat center bottom; background-size:auto 110%; z-index: 12; }
div.als-what h2 { font-size:60px; font-weight: 900; margin:130px 0 0 0; color:#303241; }
div.als-what h2 span { font-size:18px; font-weight: 400; color:#74E0C1; display:block; }
div.als-what p { font-size:15px; padding:0 50px 0 0; color:#303241; }
div.als-what ul { padding:0px 0 0 15px; }
div.als-what ul li { line-height:24px; font-size:15px; list-style-image: url(../img/als-intro-bullet.png); padding:0 0 0 10px; color:#000000; }

div.als-how { position:relative; min-height:520px; }
div.als-how h2 { text-align:center; font-weight:900; padding:100px 0 40px; display:block; color:#303241; }
div.als-how h2 span { font-weight:500 !important; }
div.alsh-step     { margin:20px 0 0 0; }
div.alsh-step p   { text-align:center; font-size:16px; font-weight: 400; max-width:60%; margin:30px auto 0; color:#303241; }
div.alsh-step img { display:block; margin:0 auto; transition:all ease 0.2s; }
div.alsh-step img:hover { transform:rotate(-7deg); transition:all ease 0.2s; }
span.alsh-arrow   { position:absolute; width:200px; height:12px; background:transparent url(../img/alsh-arrow.png) no-repeat center center; }
span.alsha-01     { right:calc(50% + 120px); top:280px; }
span.alsha-02     { left:calc(50% + 120px); top:280px; }

div.als-pers {  background: #303241; background: linear-gradient(90deg, #303241 50%, #505369 100%); }
div.als-pers h2        { color:#FFF; font-size:36px; font-weight: 400; margin:170px 0 0 0; }
div.als-pers h2 span   { font-size:24px; font-weight: 300; color:#74E0C1; display:block; }
div.als-pers h2 strong { font-size:45px; font-weight: 700; display:block; }
div.als-pers p.percrip { color:#FFF; font-size:15px; font-weight: 300; width:75%; }

ul.als-pers-list { margin-top:170px; }
ul.als-pers-list li a { color:#FFF; font-size:15px; font-weight: 600; background:rgba(255,255,255,0.1); display:block; height:50px; line-height:50px; padding: 0 0 0 25px; transition:all ease 0.3s; }
ul.als-pers-list li a:hover,
ul.als-pers-list li a.active { color:#FFF; background:rgba(255,255,255,0.3); transition:all ease 0.3s; }
ul.als-pers-list li .uk-accordion-title::before { width:50px; height:50px; background-color:rgba(255,255,255,0.1); color:#FFF; background-image:url(../img/pers-list-acc-item.svg); }
.uk-accordion > :nth-child(n+2) { margin-top:15px; }
ul.als-pers-list li div.uk-accordion-content { color:#FFF; font-size:15px; font-weight: 300; margin:0 0 0 0;  padding:10px 0 10px 0;}
ul.als-pers-list li div.uk-accordion-content img { float:left; width:40px; margin-right:10px; }

div.als-thanks  { background: rgb(255,255,255); background:linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(242,245,248,1) 100%); min-height:450px; }
div.als-thanks div.quote { margin:50px 0 0 0; }
div.als-thanks div.quote p { font-size:18px; font-style: italic; line-height:30px; text-align:center !important; margin:30px 0; }
div.als-thanks div.quote img.qs { display: block;  width:33px;}
div.als-thanks div.quote img.qe { display: block;  width:33px; float:right }
div.peo { width:calc(33.3% - 10px); float:left; margin:0 0 70px 0; }
div.peo p { margin:25px 0 0 0; font-size:14px; color:#282828 }
div.peo p strong { font-size:17px; }
div.peo p a { display:inline-block; width:30px; height:30px;  }
div.peo-left { padding:0 10px 0 0; border-right:1px solid #DDD; }
div.peo-left img { float:right; margin:0 0 0 30px; }
div.peo-left p   { float:right; text-align:right; }
div.peo-righ { padding:0 0 0 10px; background:transparent; }
div.peo-righ img { float:left; margin:0 30px 0 0; }
div.peo-righ p   { float:left; text-align:left; }

.als-reg-pop h3 { font-size:18px; color:#74E0C1; margin:0 0 36px 0 !important; display:block; }
.als-reg-pop p  { width:100%; }
form.als-registration label { display:block; width:100%; font-size:12px; line-height: 24px; margin: 15px 0 5px 0; }
form.als-registration input { display:block; width:calc(100% - 52px); padding:0 25px; font-size:20px; height:60px; line-height:60px; border:1px solid #E3E3E3; border-radius:6px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); outline:none; color:#5C5C5C; font-weight: 700; }
form.als-registration input:focus { outline:none; }
form.als-registration input::placeholder { color:#DDD; font-weight: 400; }
form.als-registration input.check-inp { width:30px;height:30px; float:left; margin-right:10px; border:1px solid #e3e3e3; vertical-align: middle; }
.alsr-pas { display:inline-block; font-size:13px; border:1px solid #E3E3E3; border-radius:6px; line-height: 44px; background:#FFF; color:#E3E3E3; padding:0 20px; transition:all ease 0.2s; font-weight: bold; }
.alsr-pas:hover { border-color:#BBB; color:#BBB; transition:all ease 0.2s; }

.alsr-act, .alsr-sample-report-submit { display:inline-block; font-size:13px; border:1px solid #74E0C1; border-radius:6px; line-height: 44px; background:#FFF; color:#74E0C1; padding:0 20px; transition:all ease 0.2s; font-weight: bold; }
.alsr-act:hover, .alsr-sample-report-submit:hover { background:#74E0C1; color:#FFF; transition:all ease 0.2s; text-decoration:none; }

ul.alsr-steps { width:100%;padding:0px; margin:0px; list-style:none; }
ul.alsr-steps li { line-height:36px; width:36px; border:1px solid #DDD; border-radius:18px; text-align:center; float:left; margin-left:10px; font-size:16px; font-weight: bold; color:#E3E3E3; }
ul.alsr-steps li.alsrs-act { border-color:#74E0C1; color:#74E0C1; }
ul.alsr-steps li:first-child { margin-left:80px; }

/*.about-acm { background:#FFF url(../img/map-points.jpg) no-repeat left top; }*/
.about-acm .map-points {background: transparent url(../img/map-points.jpg) no-repeat center center;background-size:cover;height:500px}
.about-acm h2 { font-size:36px; color:#74E0C1; text-align:center; margin:80px 0 0 0; }
.about-acm p.desc-about { text-align:center; font-size:15px; color:#303241; font-weight: 300; line-height:24px; margin:10px 0 50px 0; }
.map-points-wrapper { position:relative; min-height:700px; }
.map-points-wrapper span { font-size:15px; line-height:20px; background:transparent url(../img/mp-point.png) no-repeat center bottom; font-weight: 300; padding:0 0 24px 0; max-width:90px; display: inline-block; width: 90px; text-align: center; position:absolute; text-shadow: 0px 0px 8px #fff; }
.map-points-wrapper span.mp-large { display:inline-block; background-image: url(../img/mp-large.png); padding: 0 0 40px 0; }
.map-points-wrapper span.mp-medium { display:inline-block; background-image: url(../img/mp-medium.png); padding: 0 0 30px 0; }
.map-points-wrapper span.mp-big { display:inline-block; background-image: url(../img/mp-xl.png); padding-bottom:55px; }
.map-points-wrapper span.mp-top { display:inline-block; background-image: url(../img/mp-point.png); padding: 24px 0 0 0; background-position: center top;}
.map-points-wrapper span.mp-top.mp-large { display:inline-block; background-image: url(../img/mp-large.png); padding: 40px 0 0 0; background-position: center top; }
.map-points-wrapper span.mp-top.mp-medium { display:inline-block; background-image: url(../img/mp-medium.png); padding: 30px 0 0 0; background-position: center top; }
.map-points-wrapper span.mp-01 { left:350px; top:210px; }
.map-points-wrapper span.mp-02 { left: 82px; top:110px; }
.map-points-wrapper span.mp-03 { left: 70px; top:270px; }
.map-points-wrapper span.mp-04 { left:420px; top:354px; }
.map-points-wrapper span.mp-05 { left:380px; top:300px; }
.map-points-wrapper span.mp-06 { left:670px; top:330px; }
.map-points-wrapper span.mp-07 { left:460px; top:260px; }
.map-points-wrapper span.mp-08 { left:430px; top:520px; }
.map-points-wrapper span.mp-09 { left:290px; top:270px; }
.map-points-wrapper span.mp-10 { left:230px; top:110px; }
.map-points-wrapper span.mp-11 { left:400px; top:40px;  }
.map-points-wrapper span.mp-12 { left:560px; top:110px; }
.map-points-wrapper span.mp-13 { left:310px; top:160px; }
.map-points-wrapper span.mp-14 { left:427px; top:220px; }
.map-points-wrapper span.mp-15 { left:530px; top:370px; }

div.acm-value { padding: 0 0 0 20px; /*background:transparent url(../images/acm-value-bg.png) no-repeat left top;*/ margin:40px 0 0px; }
div.acm-value h3 { font-size:52px; line-height:48px; font-weight: 900; padding:0; margin:0; color:#74E0C1; /*text-shadow: 1px 2px #444, -1px -2px #444;*/ }
div.acm-value p  { font-size:15px; color:#303241; font-weight: 500; padding:0; margin:0; line-height: 24px; }

div.als-faq { background:#f1f4f6; padding-bottom:10px; }
div.als-faq h2        { color:#303241; font-size:30px; font-weight: 400; margin:100px 0 0 0; }
div.als-faq h2 span   { font-size:20px; font-weight: 300; color:#74E0C1; display:block; }
div.als-faq h2 strong { font-size:36px; font-weight: 700; display:block; }
div.als-faq p.percrip { color:#303241; font-size:15px; font-weight: 300; width:75%; }
ul.als-faq-list { margin-top:40px; }
ul.als-faq-list li a.uk-accordion-title { color:#303241; font-size:15px; font-weight: 400; background:rgba(255,255,255,0.0); display:block; height:50px; line-height:50px; padding: 0 0 0 25px; transition:all ease 0.3s; border-radius:30px; border:1px solid #FFF; background:#e6eaec; }
ul.als-faq-list li a.uk-accordion-title:hover,
ul.als-faq-list li a.uk-accordion-title.active { color:#303241; background:rgba(255,255,255,0.7); transition:all ease 0.3s; }
ul.als-faq-list li .uk-accordion-title::before { width:50px; height:50px; background-color:rgba(255,255,255,0.1); color:#303241; background-image:url(../img/pers-list-acc-item.svg); }
.uk-accordion > :nth-child(n+2) { margin-top:15px; }
ul.als-faq-list li div.uk-accordion-content { color:#303241; font-size:15px; font-weight: 300; margin:0 0 0 0;  padding:10px 30px 10px 30px;}
ul.als-faq-list li div.uk-accordion-content img { float:left; width:40px; margin-right:10px; }

div.ap-item { border:1px solid #b8bbd3; width:90%; margin:80px auto 0; border-radius:20px; height:88%;display:flex;flex-direction:column; }
div.ap-item h1 { text-align:center; font-size:20px; letter-spacing:3px; font-weight: 300; line-height: 60px; color:#FFF; background:#303241; border-radius: 19px 19px 0 0; margin:0px; padding:0px; }
div.ap-item span.api-price { font-size:32px; font-weight: bold; color:#74E0C1; text-align:center; display:block; margin:0px; padding:0px; line-height:100px; }
div.ap-item p.api-features { font-size:15px; border-top:1px solid #E3E3E3; padding:20px 30px !important; text-align:center; margin:0px; height:100%;display: flex; flex-direction: column; justify-content:center; align-items:center; gap:2em; }
div.ap-item div.api-line { text-align:center; }
div.ap-item div.api-line.last-item { border-top:1px solid #E3E3E3; margin-top:2em }
div.ap-item div.api-line.large-item { flex:1 }
div.ap-item a { background:#303241; display:inline-block; margin:0 auto; padding:0px 20px; margin:20px 0; color:#FFF; border-radius:20px; line-height:40px; transition:all ease 0.3s; }
div.ap-item a:hover { background:#505369; transition:all ease 0.3s; text-decoration:none; }
div.api-center { transform:scale(1.15); opacity:1; }

/* partner slider */
.partner-slider { background: rgb(246,247,250); background: linear-gradient(0deg, rgba(246,247,250,1) 0%, rgba(255,255,255,1) 100%); padding:120px 0; position:relative; z-index:975 }
.partner-slider h2 { font-size:36px; font-weight:300; color:#28313B; padding-bottom:50px; }
.partner-slider h2 strong { font-weight:700; }
div.ps-item { width:100%; background-repeat:no-repeat; background-position:center center; border-radius:16px; box-shadow:0 12px 9px rgba(0,0,0,0.03); background-color:#FFF; background-size:100% auto; height:180px; margin:20px 0; transition:all ease 0.2s; }
div.ps-item:hover { box-shadow:0 12px 9px rgba(0,0,0,0.12); transition:all ease 0.2s; }
.ps-wrapper { overflow: auto; }
.ps-control-left,
.ps-control-right { top:100px; display:inline-block; position:absolute; opacity:0.5;transition:all ease 0.2s; }
.ps-control-left { right:132px; }
.ps-control-right { right:66px; }
.ps-control-left:hover,
.ps-control-right:hover { opacity:1; transition:all ease 0.2s; }
.uk-slider::-webkit-scrollbar {display:none}
.uk-slider {-ms-overflow-style: none;scrollbar-width: none;}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    span.alsh-arrow { width:130px; }
}
@media screen and (max-width: 960px) {
    div.start-pop { position:fixed; right:0px; bottom:0px; display:block; width:100%; height:180px; background:#FFFFFF; box-shadow:0; border-radius:0px; }
    div.als-intro img { margin:50px 0 0 0; }
    div.als-intro h1 { margin:30px 0 0 0; }
    div.als-numbers { background-size:auto 100%; padding-bottom:30px; }
    div.als-what { background-size:auto 100%; padding-bottom:40px; }
    div.als-what img { margin:40px 0 0 0; }
    div.als-what h2 { margin:40px 0 0 0; }
    div.als-how { padding-bottom:30px; }
    div.als-how h2 { padding:60px 0 40px; }
    div.als-pers { padding-bottom:40px; }
    div.als-pers h2 {  margin:60px 0 0 0; }
    div.als-pers p.percrip { width:100%; margin-bottom:35px; }
    ul.als-pers-list { margin-top:15px; }
    div.peo p strong { font-size:16px; }
    footer { padding-bottom: 180px; height:auto; }
    footer div.footer-logo { border-top:3px solid #74E0C1; margin:0; padding:0 0 20px 0; width:60%; }
    footer a { line-height:40px; text-align:left; padding:0px; display:block; width:100%; border-top:1px solid #f3f3f3; }
    footer p { line-height:40px; text-align:left; border-top:1px solid #f3f3f3; }

    .about-acm { background-size: 200% auto; background-position: 10px 381px; }
    .map-points-wrapper { transform: scale(0.5); float: left; min-height:350px; margin-top:-60px; }
}
/*@media screen and (max-width: 1360px) {
    .main-nav { display:none !important; }
    .mobile-nav { display:block; }
}*/


/* Tuncay ekledi */
html, body {width: 100vw;height: 100vh;overflow-x: hidden}
.uk-form-danger {color: #f0506e !important; border-color: #f0506e !important}
label.inp-check {display: flex !important; flex-direction: row;align-items: center;}
.iti, .iti input {width:100% !important}

@media screen and (max-width: 960px) {
    div.people {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}
    div.peo {width: calc(50% - 10px);margin-bottom: 10px;display:flex;flex-direction: column;align-items: center;}
    div.peo img {height:fit-content; width:70%;margin:0}
    .about-acm .map-points {background-size: contain; height:200px}
    div.start-pop {height:auto}
    div.start-pop span {display:block;position:absolute;right:0;top:-6px;cursor:pointer;padding:10px;font-weight:bold;background:transparent url(../img/minimize.png) no-repeat center center;background-size:16px 16px}
    div.start-pop span.minimized {background-image: url(../img/maximize.png)}
    div.start-pop p.empty-content {padding:4px}
}