@font-face {
font-family: 'Font Awesome 5 Free';
font-display: swap;
}
@font-face {
font-family: 'Font Awesome 5 Brands';
font-display: swap;
}
.fa, .fab, .fad, .fal, .far, .fas
{
font-display: swap; 
}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;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:-.25em}
sup{top:-.5em}
img {border-style:none; max-width: 100%;height: auto; max-height: none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
*,::before,::after{box-sizing:inherit}
html{box-sizing:border-box}
body,button,input,select,optgroup,textarea{color:#404040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5}
h1,h2,h3,h4,h5,h6{clear:both}
p{ }
dfn,cite,em,i{font-style:italic}
blockquote{margin:0 1.5em}
address{margin:0 0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}
code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#fff9c0;text-decoration:none}
big{font-size:125%}
body{background:#fff}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
ul{list-style:disc}
ol{list-style:decimal}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
embed,iframe,object{max-width:100%}
img{height:auto;max-width:100%;}
figure{margin:1em 0}
table{margin:0 0 1.5em;width:100%}
a{color:#4169e1}
a:visited{color:purple}
a:hover,a:focus,a:active{color:#191970}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:#000c;line-height:1;padding:.6em 1em .4em}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}
button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}
select{border:1px solid #ccc}
textarea{width:100%}
.main-navigation{display:block;width:100%}
.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}
.main-navigation ul ul{box-shadow:0 3px 3px #0003;float:left;position:absolute;top:100%;left:-999em;z-index:99999}
.main-navigation ul ul ul{left:-999em;top:0}
.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul{display:block;left:auto}
.main-navigation ul ul a{width:200px}
.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul{left:auto}
.main-navigation li{position:relative}
.main-navigation a{display:block;text-decoration:none}
.menu-toggle,.main-navigation.toggled ul{display:block}
@media screen and (min-width: 37.5em) {
.menu-toggle{display:none}
.main-navigation ul{display:flex}
}
.site-main .comment-navigation,.site-main
.posts-navigation,.site-main
.post-navigation{margin:0 0 1.5em}
.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%}
.sticky{display:block}
.post,.page{margin:0 0 1.5em;}
.updated:not(.published){display:none}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}
.page-links{clear:both;margin:0 0 1.5em}
.comment-content a{word-wrap:break-word}
.bypostauthor{display:block}
.widget{margin:0 0 1.5em}
.widget select{max-width:100%}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
.custom-logo-link{display:inline-block}
.wp-caption{margin-bottom:1.5em;max-width:100%}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}
.wp-caption .wp-caption-text{margin:.8075em 0}
.wp-caption-text{text-align:center}
.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}
.gallery-item{display:inline-block;text-align:center;width:100%}
.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.gallery-columns-7{grid-template-columns:repeat(7,1fr)}
.gallery-columns-8{grid-template-columns:repeat(8,1fr)}
.gallery-columns-9{grid-template-columns:repeat(9,1fr)}
.gallery-caption{display:block}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}
.infinity-end.neverending .site-footer{display:block}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px #0009;clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
#primary[tabindex="-1"]:focus{outline:0}
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}
.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}
html{scroll-behavior:smooth}
:root{--siyah:#000;--beyaz:#fff;--yesil: #72ee22;--kirmizi:red;--bg1:#0016410a;--bg2:#0016411f;--bg3:#0016414a;--yes2:#005743;--sari:#fadc01;--mor:#7360e4;--mavi:#0171E3;--kahverengi:#B64400;--container:1700px;--ortala:min(var(--container),100%);--ortalabosluk:calc(50vw - var(--ortala)/2 + 0px);--fullwidth:calc((100vw - var(--container) + 30px) / -2);--halfwidth:calc((100vw - var(--container) + 30px) / -3)}
@media(max-width:1700px) {
:root{--fullwidth:-15px}
}
.bg1{background-color: var(--bg1);}
.bgdark{background-color:var(--siyah)!important}
.bglight{background-color:var(--beyaz)!important}
.fwy{width:100vw!important;margin-left:var(--fullwidth);margin-right:var(--fullwidth)}
.fwyo{width:100vw!important;padding-left:var(--ortalabosluk)!important;padding-right:var(--ortalabosluk)!important;margin-left:var(--fullwidth);margin-right:var(--fullwidth)}
.fwyo2{width:100vw!important;margin-left:var(--fullwidth);margin-right:var(--fullwidth);padding-left:var(--ortalabosluk)!important;padding-right:var(--ortalabosluk)!important}
body{ font-family: Helvetica, Arial, sans-serif; font-weight:400;line-height:1.5;font-size:16px;color:var(--siyah);background:var(--beyaz);transition:background-color .5s ease}
body.overlay:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;background:#00000050;transition:.3s}
body:before{content:"";transition:.3s}
main{float:left;width:100%;position:relative;padding-top: 90px;}
@font-face{font-family:TT Norms Web;src:url(//rotaquest.quest/wp-content/themes/onurturkayv2/fonts/TT_Norms_Web_Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:fallback}
@font-face{font-family:TT Norms Web;src:url(//rotaquest.quest/wp-content/themes/onurturkayv2/fonts/TT_Norms_Web_Normal.woff2) format("woff2");font-style:normal;font-weight:450;font-display:fallback}
@font-face{font-family:TT Norms Web;src:url(//rotaquest.quest/wp-content/themes/onurturkayv2/fonts/TT_Norms_Web_Medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:fallback}
@font-face{font-family:TT Norms Web;src:url(//rotaquest.quest/wp-content/themes/onurturkayv2/fonts/TT_Norms_Web_Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:fallback}
@font-face{font-family:Onurfont;src:url(//rotaquest.quest/wp-content/themes/onurturkayv2/fonts/onur-regular.woff) format("woff");font-style:normal;font-weight:400;font-display:fallback}
@font-face{font-family:Onurfont;src:url(//rotaquest.quest/wp-content/themes/onurturkayv2/fonts/onur-bold.woff) format("woff");font-style:normal;font-weight:600;font-display:fallback}
.container{width:100%;max-width:1700px;margin:auto}
.container-tam{width:100%;max-width:100%;padding:0 1.5vw}
.sayfa-std{float:left;width:100%}
.sayfa-std .sayfa-std-items{float:left;width:100%;display:flex;flex-flow:column;flex-direction:column;gap:17vh 0}
.sayfa-std .sayfa-hws-items{gap: 10vh 0;}
.sayfa-detay-anasayfa{float:left;width:100%;display:flex;flex-flow:column;gap:120px 0}
.header{width:100%;float:left;top:0;z-index:99;position:fixed;background:transparent;transition:.5s}
.header .items{float:left;width:100%;display:flex;flex-flow:row;align-items:center;justify-content:space-between;padding: 13px 2vw;}
.header .logo{float:left;margin-right: 2vw;}
.header .logo a{float:left;transition: 1s;width: 65px;}
.header.fixle .logo a{transform: rotate(360deg);}
.header .logo a img{float:left;width:auto;max-width:100%}
.header .menu{float:left;display:flex;gap:0;align-items:center;justify-content:space-between;margin:0;padding:0;list-style:none;width:100%;transition:all .7s;flex:0;gap: 0 2.5vw;}
.header .anamenu .menubutton{cursor:pointer;float:left;border:none;outline:none;box-shadow:none;background:none;width:40px;padding:0;display:flex;flex-flow:column;gap:5px 0;align-items:end;justify-content:center}
.header .anamenu .menubutton img{float:left;width:36px}
.header .anamenu .menubutton span{opacity:1;font-size: 10px;font-weight:700;letter-spacing:3px;color:var(--siyah);margin-right:-4px}
.header .anamenu .menubutton i{width:100%;float:left;height:3px;background:var(--siyah);border-radius:100px}
.header .anamenu .menubutton i:nth-child(3){width:70%;transition:.2s}
.header .anamenu .menubutton:hover i:nth-child(3){width:100%}
.header.fixle{background:var(--beyaz)}
.header.drenk.fixle.light{background:var(--beyaz)!important}
.header.fixle .logo #Path_3{transform:translate(508.354px,316.546px)!important}
.header .logo #Path_3{transition:1s!important}
.header .anamenu{opacity:1;transition:1s;}
.header .menuitems{opacity:1;transition:1s;width:100%;display:flex;align-items:center;float:right;justify-content:end;list-style:none}
.header .menuitems ul{opacity:1;margin: 0;padding: 0;}
.header .menuitems ul li{opacity:1;margin:0;transition:.5s;position: relative;width:-webkit-max-content;}
.header .menuitems ul li a{opacity:1;color:var(--siyah);font-weight:600;font-size:15px;float:left;position:relative;padding: 10px 0;text-decoration:none;min-width:max-content}
.header .menuitems>div{opacity:1;float:left;width:100%}
.header .menuitems ul li.teklifBtn a{transition:.4s;cursor:pointer;background:var(--siyah);padding:15px 30px;color:var(--beyaz)!important;border-radius:100px;font-weight:500;display:inline-block;text-decoration:none}
.header .menuitems ul li>a:after{content:"";position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--siyah);opacity:0;transition:.3s}
.header .menuitems ul li.current-menu-item>a:after,.header .menuitems ul li a:hover:after{content:"";width:30px;opacity:1}
.header .telefon{float:left;visibility:hidden;margin-left: calc(-100% + 100px);position:relative;overflow:hidden;max-width:0;transition:.4s}
.header .telefon a i{width: 40px;height: 40px;color: var(--siyah);display:flex;align-items:center;justify-content:center;font-size: 34px;transition:.4s;}
.header.fixle .telefon{opacity:1;margin-left:0;visibility:visible;max-width:none}
.header.fixle .telefon a i{opacity:1}
.header.dark{--siyah:#fff;--beyaz:#000}
.header.dark .logo{filter:invert(1)}
.header .menuitems ul.sub-menu{position:absolute;top:100%;margin:0;left:0;visibility:hidden;z-index:-1;opacity:0;transform:translateY(100%);transition:.4s;list-style:none;width:max-content;border:1px solid var(--bg2);max-width: max-content;display:flex;flex-flow:wrap; padding:20px;border-radius:0;overflow:hidden;gap:30px;box-shadow: 0 20px 20px #0000000f; }
.header .menuitems ul.sub-menu:before{content:"";background:var(--beyaz);position:absolute;top:0;left:0;width:100%;height:100%; }
.header .menuitems ul.sub-menu li{width:auto;flex:1 1;display:flex;flex-flow:column}
.header .menuitems ul>li.menu-item-has-children .aktif{opacity:1;z-index:1;visibility:visible;transform:translateY(0%);}
.header.fixle:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:-1;opacity:.1;border-bottom:1px solid var(--siyah)}
.comp-hero2{float:left;width:100%;position:relative;padding-top:100px;margin-bottom: -10vh;}
.comp-hero2 .kayanyazi{opacity:1;float:left;width:100%;padding:0;position:relative;overflow:hidden}
.comp-hero2 .kayanyazi .items{opacity:1;float:left;width:max-content;font-size:max(14vw,100px);font-weight: 900;display:flex;white-space:nowrap;flex-flow:row;overflow:hidden;position:relative;height:fit-content;animation:marquee 20s infinite linear}
.comp-hero2 .kayanyazi .items span{float:left;opacity:1;display:flex;align-items:center}
.comp-hero2 .kayanyazi .items span:after{content:"";width:12vw;display:inline-block;background:var(--siyah);height:.8vw}
.comp-hero-slogan{float:left;width:100%}
.comp-hero-slogan .icerik{opacity:1;line-height:1.5;font-size: max(2vw,36px);margin:0;hyphens:auto;word-wrap:break-word;font-weight:400;color:var(--siyah)}
.header .menuitems ul>li.aktif .sub-menu .ulsubmenu{opacity:1;display:flex;flex-flow:column;list-style:none;margin:0 0 0 15px;padding:0}
.header .menuitems ul.sub-menu>li>a{font-size:18px}
.header .menuitems ul>li.menu-item-has-children>a:before{content: "\f078";  font-family: 'Font Awesome 5 Pro';font-size: 10px;top: 50%; float: right;margin-left: 5px;}
.header .menuitems ul>li.menu-item-has-children>a{display:flex;align-items: center;justify-content: left;flex-direction: row-reverse;}
.header .menuitems .sub-menu a:after{transform: translateX(0%);left: 0;}
.header .menuitems .ulsubmenu li a:before{content:"";width: 5px;height: 5px;background: var(--siyah);display: inline-block;margin-right: 5px;opacity: .3;top: 50%;position: relative;transform: translateY(-50%);}
@keyframes marquee {
0%{left:0}
100%{left:-100%}
}
.comp-dark{--siyah:#fff;--beyaz:#000;--bg1: #ffffff17;--bg2:#ffffff1f}
.comp-anavideo{opacity:1;float:left;width:100%;position:relative;overflow:hidden}
.comp-anavideo .videodis{opacity:1;float:left;width:100%;position:relative;left:50%;transform:translateX(-50%);object-fit:cover;max-width:95vw;z-index:2}
.comp-anavideo .videodis video{opacity:1;float:left;width:100%;position:relative;left:50%;transform:translateX(-50%);object-fit:cover;transition:width .1s ease,height .1s ease;border-radius:30px;z-index:2;border:2px solid #0000000f}
.comp-anavideo:after{content:"";position:absolute;width:100%;height:30vh;bottom:0;z-index:0}
.comp-anavideo .videodis:before{content:"";position:absolute;top:5%;left:-2%;width:80%;height:80%;background:var(--siyah);border-radius:30px;z-index:0}
.comp-anavideo .videodis:after{content:"";position:absolute;bottom:5%;right:-2%;width:80%;height:80%;background:var(--siyah);border-radius:30px;z-index:0}
.comp-slogan2{float:left;width:100%;color:var(--siyah)}
.comp-slogan2 .items{float:left;width:100%;display:flex;flex-wrap:wrap;color:var(--siyah)}
.comp-slogan2 .items .item{float:left}
.comp-slogan2 .items .ust{float:left;width:100%;display:flex;flex-flow:row;align-items:baseline;margin-bottom:50px;line-height:normal}
.comp-slogan2 .items .ust .text{float:left;font-size:max(12vw,100px);font-weight:800;margin:0;position:relative;letter-spacing:0;margin-left:-1vw;letter-spacing:-.5vw}
.comp-slogan2 .items .ust .kucuk{font-size:max(8vw,70px);font-weight:900;margin-left:1vw;letter-spacing:-1vw}
.comp-slogan2 .items .ust .imaj{float:left}
.comp-slogan2 .items .ust .imaj img{float:left;max-width:200px}
.comp-slogan2 .items .sol{float:left;flex:3;font-size:38px;font-weight:600}
.comp-slogan2 .items .sol .text{max-width:500px;display:block;font-weight:400}
.comp-slogan2 .items .sol .link{display:inline-block;font-size:18px;background:var(--siyah);padding:20px 30px;color:var(--beyaz);border-radius:100px;margin:30px 0 0;font-weight:500;cursor:pointer;transition:.2s;text-decoration:none}
.comp-slogan2 .items .sol .link i{transition:.2s}
.comp-slogan2 .items .sol .link:hover i{transform:translateX(10px)}
.comp-slogan2 .items .sag{float:left;flex:3;font-size: max(1.5vw,24px);}
.comp-slogan2 .items .sag .kucuk{float:left;width:100%;font-size:18px;line-height:1.6;margin:30px 0 0}
.comp-slogan2 .items .ust .text span:after{content:"";display:inline-block;width:2.5vw;height:.75vw;border-radius:100px;position:absolute;transform:translateY(-50%);top:50%;margin-left:1.5vw}
.comp-slogan2 .items .ust .text span:last-child:after{display:none}
.comp-slogan2 .items .sol .liste{float:left;width:100%;display:flex;flex-direction:column;font-size:16px;font-weight:400;margin:0 0 40px;max-width:80%;color:var(--siyah)}
.comp-slogan2 .items .sol .liste:last-child{margin-bottom:0}
.comp-slogan2 .items .sol .liste .list-baslik{float:left;font-weight:500}
.comp-slogan2 .items .sol .liste .list-aciklama{float:left;width:100%}
.comp-slogan2 .items .sol .liste .list-aciklama ul{float:left;display:flex;flex-flow:wrap;gap:15px 30px;margin:0;padding:0;list-style:none}
.comp-slogan2 .items .sol .liste .list-aciklama ul li{float:left;border-bottom:1px solid #fff}
.comp-slogan2 .items .sol .liste .list-aciklama.hizmet ul li{border-bottom:1px solid var(--siyah)}
.comp-servisler{opacity:1;float:left;width:100%;font-size:20px}
.comp-servisler .items{opacity:1;float:left;width:100%;display:grid;gap:8vw;grid-template-columns:repeat(3,1fr)}
.comp-servisler .items .item{color:var(--siyah);padding:0;display:flex;flex-flow:column;position:relative}
.comp-servisler .items .item .baslik{opacity:1;font-size:24px;margin:0;padding:0;margin:15px 0;font-weight:600}
.comp-servisler .items .item .yazi{opacity:1;float:left;width:100%;margin:0;line-height:1.6;font-weight:400}
.comp-servisler .items .item .yazi:after{content:""}
.comp-servisler .slogan{opacity:1;float:left;width:100%;text-align:center;font-size:70px;font-weight:600;margin:100px 0 0}
.comp-servisler .items .item .rakam{font-size:50px;font-weight:700;color:var(--siyah);margin:0;display:inline-block;position:relative;width:max-content}
.comp-servisler .items .item .liste{float:left;width:100%;padding:0;margin:50px 0 0;list-style:none}
.comp-servisler .items .item .liste ul{opacity:1;float:left;width:100%;margin:0;padding:0;list-style:none}
.comp-servisler .items .item .liste li{float:left;width:100%;padding:15px 0;border-bottom:1px solid #0003}
.comp-servisler .items .item .liste li a{float:left;color:var(--siyah);font-size:16px;text-decoration:none}
.comp-servisler .items .item .liste li:last-child{border:none}
.comp-servisler .items .item .icon{font-weight:200;font-size:50px;margin-bottom:15px}
.comp-servisler .items.stil2 .item:after{content:"\f30b";position:absolute;top:50%;transform:translateY(-50%) translateX(-50px);left:100%;width:50%;font-family:'Font Awesome 5 Pro';font-weight:400;font-size:24px;text-align:center;z-index:0}
.comp-servisler .items.stil2 .item:last-child:after{display:none}
.comp-calismalar{float:left;width:100%;position:relative}
.comp-calismalar .anabaslik{width:100%;height:auto;float:left;font-size: max(3vw,40px);font-weight:700;margin-bottom:50px}
.comp-calismalar .items{float:left;width:100%;display:flex;flex-flow:wrap;flex-direction:column;gap:70px}
.comp-calismalar .items .item{float:left;width:100%}
.comp-calismalar .items .item .itemic{float:left;width:100%;display:flex;align-items:center}
.comp-calismalar .items .item a{float:left;width:100%;display:flex;flex-flow:row;justify-content:space-between;position:relative;color:var(--siyah)}
.comp-calismalar .items .item{float:left}
.comp-calismalar .items .item .arkaplan{float:left;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
.comp-calismalar .items .item .arkaplan img{float:left}
.comp-calismalar .items .item .imaj{float:right;flex:1;position:relative;z-index:1;overflow:hidden;max-height:700px;text-align:center;display: flex;}
.comp-calismalar .items .item .imaj img{max-width:100%;margin-top:0;  width:100%;}
.comp-calismalar .items .item .text{float:left;flex:1;display:flex;flex-flow:column;padding:50px;position:relative;z-index:1;justify-content:space-between}
.comp-calismalar .items .item .text .baslik{width:100%;position:sticky;top:50px;margin-bottom:100px}
.comp-calismalar .items .item .text .baslik .ust{float:left;width:100%;font-size:24px}
.comp-calismalar .items .item .text .baslik .alt{float:left;width:100%;font-size:36px;font-weight:600}
.comp-calismalar .items .item .text .servis{width:100%}
.comp-calismalar .items .item .text .servis .title{float:left;width:100%;font-size:20px}
.comp-calismalar .items .item .text .servis .liste{float:left;width:100%}
.comp-calismalar .items .item .text .servis .liste ul{margin:0;padding:0;list-style:none;float:left;width:100%;display:flex;flex-flow:wrap;gap:10px}
.comp-calismalar .items .item .text .servis .liste ul li{display:inline-block;border-bottom:2px solid var(--siyah)}
.comp-calismalar .items .item.buyuk{float:left;width:100%}
.comp-calismalar .items .item.buyuk .arkaplan{background:#ffdbe2}
.comp-calismalar .items .item.kucuk{float:left;width:100%}
.comp-calismalar .items .item.kucuk:nth-child(odd) a{flex-flow:row-reverse}
.comp-calismalar.coklu .items .item{width:calc(50% - 35px)}
.comp-calismalar.coklu .items .item .text .servis{display:none}
.comp-calismalar.coklu .items .item:nth-child(5n-2){width:100%}
.comp-calismalar.coklu .items .item:nth-child(5n-2) a{flex-flow:wrap!important}
.comp-calismalar.coklu .items .item:nth-child(5n-2) .text{background:none;padding:50px}
.comp-calismalar.coklu .items .item:nth-child(5n-2) .text .servis{display:block}
.comp-calismalar.coklu .items{flex-direction:row}
.comp-calismalar.coklu .items .item a{flex-flow:column-reverse}
.comp-calismalar.coklu .items .item .text{padding:25px 0;background:var(--beyaz)}
.comp-calismalar.coklu .items .item .text .baslik{margin:0}
.comp-calismalar.coklu .items .item .text .baslik .ust{font-size:30px;font-weight:500}
.comp-calismalar.coklu .items .item .text .baslik .alt{font-size:20px;font-weight:400}
.comp-referanslar{opacity:1;float:left;width:100%;color:var(--siyah);padding:5vh 0}
.comp-referanslar .liste{opacity:1;float:left;width:100%;position:relative;overflow:hidden;margin:50px 0}
.comp-referanslar .items{opacity:1;float:left;width:max-content;gap:0 100px;display:flex;white-space:nowrap;flex-flow:row;overflow:hidden;position:relative;animation:marquee 20s infinite linear}
.comp-referanslar .items .item{opacity:1;text-align:center;border-radius:0;display:flex;justify-content:center;align-items:center;position:relative}
.comp-referanslar .items .item img{opacity:1;width:120px}
.comp-referanslar .ust-baslik{float:left;width:100%;margin:0}
.comp-referanslar .ust-baslik .buyuk{float:left;width:100%;font-size:max(6vw,100px);font-weight:700;text-align:left;line-height:1.2}
.comp-referanslar .ust-baslik small{font-size:40%;color:red}
.comp-referanslar .ust-baslik .kucuk{opacity:1;font-size: max(2vw,26px);font-weight:500;float:left;width:100%;margin:0 0 20px}
.comp-referanslar .liste:before{content:"";width:50px;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,var(--beyaz),transparent);z-index:1}
.comp-referanslar .liste:after{content:"";width:50px;height:100%;position:absolute;top:0;right:0;background:linear-gradient(-90deg,var(--beyaz),transparent);z-index:1}
.comp-rakamlar{float:left;width:100%;color:var(--siyah);background:var(--beyaz)}
.comp-rakamlar .items{float:left;width:100%;display:flex;flex-flow:wrap;align-items:center;background:var(--siyah);color:var(--beyaz);padding:5vw}
.comp-rakamlar .sol{float:left;flex:1}
.comp-rakamlar .sol .baslik{float:left;width:100%;max-width:90%}
.comp-rakamlar .sol .baslik .buyuk{float:left;width:100%;font-size:max(5vw,65px);font-weight:700}
.comp-rakamlar .sol .baslik .orta{float:left;width:100%;font-size:max(2.5vw,36px);font-weight:700}
.comp-rakamlar .sol .baslik .kucuk{float:left;width:100%;font-size:20px;font-weight:400;line-height:1.6}
.comp-rakamlar .rakamlar{float:left;width:100%;display:flex;flex-wrap:wrap;flex-direction:row;gap:20px}
.comp-rakamlar .rakamlar .rakam{float:left;width:calc(50% - 25px);display:flex;flex-flow:row;align-items:center;border:1px dashed #ffffff24;padding:3vw 2vw}
.comp-rakamlar .rakamlar .rakam .rakamsol{float:left;font-size:70px;font-weight:600}
.comp-rakamlar .rakamlar .rakam .rakamsag{float:left;font-size:20px;margin-left:15px}
.comp-rakamlar .sag{float:left;flex:1}
.comp-rakamlar .sag .imaj{float:left;text-align:center;width:100%}
.comp-rakamlar .sag .imaj img{display:inline-block}
.comp-blog-liste{float:left;width:100%}
.comp-blog-liste .ust-baslik{float:left;font-size:max(3vw,46px);font-weight:700;width:100%;margin-bottom:50px}
.comp-blog-liste .items{float:left;width:100%;display:flex;gap:70px}
.comp-blog-liste .items .item{opacity:1;float:left;display:flex;padding:0;width:85%}
.comp-blog-liste .items .item .itemic{float:left;width:100%;display:flex;flex-flow:column}
.comp-blog-liste .items .item .imaj{float:left;width:100%;position:relative}
.comp-blog-liste .items .item .imaj img{float:left;width:100%;aspect-ratio:1/1.2;object-fit:fill;border-radius:0;transform:scale(1);transition:.6s;max-height: 350px;}
.comp-blog-liste .items .item .imaj a{float:left;width:100%;color:var(--siyah);overflow:hidden;border-radius:0}
.comp-blog-liste .items .item .imaj .kategori{float:left;position:absolute;bottom:20px;left:20px;background:var(--siyah);padding:8px 16px;font-size:14px;border-radius:0;color:var(--beyaz)}
.comp-blog-liste .items .item .text{float:left;width:100%;margin:15px 0 0;line-height:1.6}
.comp-blog-liste .items .item .text .tarih{float:left;font-size:14px;font-weight:500;opacity:.6}
.comp-blog-liste .items .item .text .itembaslik{float:left;width:100%;margin:20px 0 10px;font-size:20px;font-weight:500;color: var(--siyah);}
.comp-blog-liste .items .item .text .itemaciklama{float:left;width:100%;font-size:16px;opacity:.8;white-space:break-spaces}
.comp-blog-liste .items .item .text .link{float:left;width:100%;margin:15px 0 0}
.comp-blog-liste .items .item .text .link a{float:left;color:var(--siyah);font-size:16px;border-bottom:2px solid var(--siyah);font-weight:600}
.comp-blog-liste .items .item .imaj a:hover img{transform:scale(1.1)}
.footer{opacity:1;float:left;width:100%;background:var(--siyah);margin-top:100px}
.footer .ust-footer{opacity:1;float:left;width:100%;padding:200px 0;color:var(--beyaz);border-bottom:1px solid #ffffff1f}
.footer .ust-footer .items{opacity:1;float:left;width:100%;display:flex;flex-flow:wrap;align-items:center;justify-content:space-between}
.footer .ust-footer .sol{opacity:1;float:left;flex-flow:column;display:flex}
.footer .ust-footer .sol .text{opacity:1;float:left;width:100%;font-size:max(3.7vw,60px);margin-bottom:40px}
.footer .ust-footer .sol .text strong{opacity:1;display:block}
.footer .ust-footer .sol .text span{opacity:1}
.footer .ust-footer .sag .link{font-size:18px;float:right;background:var(--beyaz);padding:20px 30px;color:var(--siyah);border-radius:100px;font-weight:500;width:max-content;text-decoration:none;transition:.3s;cursor:pointer}
.footer .ust-footer .sag .link i{opacity:1;transition:.2s}
.footer .ust-footer .sag{float:left;display:flex;justify-content:flex-end}
.footer .ust-footer .sag .whats{opacity:1;float:left;width:100%}
.footer .ust-footer .sag .whats a{border-bottom:1px solid var(--siyah);color:var(--siyah);display:flex;flex-flow:row;align-items:center;justify-content:space-between;padding-bottom:5px}
.footer .ust-footer .sag .whats a small{opacity:1;font-size:20px}
.footer .ust-footer .sag .whats a i{opacity:1;background:var(--siyah);color:var(--beyaz);width:60px;height:60px;line-height:60px;text-align:center;border-radius:100px;margin-left:15px}
.footer .ust-footer .sag .list{opacity:1;float:left;width:100%}
.footer .ust-footer .sag .list a{opacity:1;float:left;width:100%;color:var(--siyah);font-size:22px;padding:10px 0;margin:10px 0;font-weight:500;text-decoration:none}
.footer .ust-footer .sag .list small{opacity:1;font-size:14px;font-weight:600;display:block}
.footer .ust-footer .logolar{opacity:1;float:left;width:100%;margin:50px 0 0;display:flex;flex-flow:wrap;gap:40px;justify-content:space-between}
.footer .ust-footer .logolar img{opacity:1;display:inline-block;width:100%;border-radius:10px;max-width:200px}
.footer .ust-footer .sag .link:hover i{margin-left:15px}
.footer2{opacity:1;float:left;width:100%;background:var(--siyah);padding:150px 0;position:relative}
.footer2 .items{opacity:1;float:left;width:100%;color:var(--beyaz)}
.footer2 .items .item{opacity:1;float:left;padding:0}
.footer2 .items .sol{opacity:1}
.footer2 .items .sol .solic{opacity:1;float:left;width:100%;padding-right:5vw}
.footer2 .items .sol .whatsapp{opacity:1;float:left;width:100%}
.footer2 .items .sol .whatsapp .baslik{opacity:1;float:left;width:100%;font-size:34px;font-weight:500;margin:0 0 5px}
.footer2 .items .sol .whatsapp .aciklama{opacity:1;float:left;width:100%;font-size:16px;margin:0 0 15px;opacity:.6}
.footer2 .items .sol .whatsapp .form{opacity:1;float:left;width:100%;max-width:500px;background:#ffffff17;padding:10px;border-radius:10px}
.footer2 .items .sol .whatsapp .form .icon{font-size:20px;font-weight:200;color:#fff;float:left;width:30px;line-height:50px;margin-left:10px;opacity:.7}
.footer2 .items .sol .whatsapp .form form{opacity:1;float:left;width:calc(100% - 40px)}
.footer2 .items .sol .whatsapp .form form input{opacity:1;float:left;width:calc(100% - 52px);height:50px;border:1px solid transparent;font-size:16px;outline:none;border-radius:0;background:none;color:#fff}
.footer2 .items .sol .whatsapp .form form input:focus{border-bottom:1px solid #ffffff70}
.footer2 .items .sol .whatsapp .form form button{opacity:1;float:right;width:50px;height:50px;background:var(--siyah);border:none;font-size:20px;text-align:center;padding:0;border-radius:100px;color: var(--beyaz);}
.footer2 .items .sol .turlar{opacity:1;float:left;width:100%;margin-top:80px}
.footer2 .items .sol .turlar .baslik{opacity:1;float:left;width:100%;font-size:34px;font-weight:500;margin:0 0 20px}
.footer2 .items .sol .turlar .liste{opacity:1;float:left;width:100%;display:flex;flex-flow:wrap;gap:15px}
.footer2 .items .sol .turlar .liste .listeitem{opacity:1;width:calc(25% - 15px);background:#ffffff17}
.footer2 .items .sol .turlar .liste .listeitem img{opacity:1;width: 100%;}
.footer2 .items .sag{opacity:1}
.footer2 .items .sag .sagic{opacity:1;padding-left:5vw;float:left;width:100%}
.footer2 .items .sag .iletisim{opacity:1;float:left;width:100%}
.footer2 .items .sag .iletisim .baslik{opacity:1;font-size:34px;font-weight:500;margin:0 0 10px}
.footer2 .items .sag .iletisim .link{opacity:1;display:block;font-size:28px;margin:0 0 30px;text-decoration:none;color:var(--beyaz)}
.footer2 .items .sag .copyright{float:left;width:100%;font-size:12px;color:var(--beyaz);opacity:.7;margin:10px 0 0}
.footer2 .items .sag .altmenu{opacity:1;float:left;width:100%;margin:30px 0 0}
.footer2 .items .sag .altmenu .baslik{opacity:1;float:left;width:100%;font-size:24px;font-weight:500;margin:0 0 10px}
.footer2 .items .sag .altmenu .menuic{opacity:1;float:left;width:100%;margin:20px 0 0}
.footer2 .items .sag .altmenu .menuic ul{opacity:1;float:left;width:100%;margin:0;padding:0;list-style:none;border:none}
.footer2 .items .sag .altmenu .menuic ul li{opacity:1;width:50%;margin:0 0 20px;float:left}
.footer2 .items .sag .altmenu .menuic ul li a{opacity:1;font-size:16px;color:var(--beyaz);font-weight:400}
.footer2 .items .sag .altmenu .menuic ul li a:before{content:"";width:6px;height:6px;display:inline-block;background:#cdd2d7;margin-right:5px}
.footer2 .yukari{opacity:1;position:absolute;text-align:center;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}
.footer2 .yukari .link{width:40px;height:150px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:1;font-size:16px;color:#fff;line-height:0;text-decoration:none;transition:.2s;background:#ffffff0d;border-radius:100px;backdrop-filter:blur(20px)}
.footer2 .yukari .link:hover{height:150px;padding-bottom:40px}
.footer2 .yukari .link i{opacity:1;transition:.3s}
.footer2 .items .item .itemic{opacity:1;float:left;width:100%;border-radius:6px;height:100%;display:flex;align-items:center;flex-wrap:wrap}
.footer2 .items .sag .iletisim .link span{display:block;font-size:14px;opacity:.7;font-weight:600}
.footer2:before{content:"";position:absolute;width:1px;height:100%;left:50%;top:0;background:#ffffff0d;border-bottom-left-radius:50px;border-bottom-right-radius:50px}
.comp-tanisalim{opacity:1;float:left;width:100%;overflow:hidden;display:flex;flex-flow:row;min-width:100%}
.comp-tanisalim .tanisalimkaydir{opacity:1;float:left;position:relative;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running;animation-name:marquee2;display:flex;flex-direction:row;flex-flow:row}
.comp-tanisalim .tanisalimkaydir span{font-size:max(9vw,90px);font-weight:800;transition:.3s;cursor:pointer;position:relative;padding:0 2vw;width:max-content;opacity:1;color:var(--siyah);text-shadow:0 3px #ffffff12}
.comp-tanisalim .tanisalimkaydir span:hover{-webkit-text-stroke:1.5px transparent;color:var(--siyah);transform:translateY(-30px);opacity:1}
@keyframes marquee2 {
0%{transform:translate(0,0px)}
100%{transform:translate(-100%,0px)}
}
.comp-standard{opacity:1;float:left;width:100%}
.comp-standard img{max-width:100%;width: 100%;}
.scrdikeybuyut{opacity:1;left:50%;position:relative;transform:translateX(-50%);max-width:100vw!important}
.scrdikeybuyut .items{opacity:1}
.drenk.light{--siyah:#fff;--beyaz:#000}
.drenk.light svg{filter:invert(1)}
.comp-header1{opacity:1;float:left;width:100%;padding:15vh 0 0}
.comp-header1.hws-header{opacity:1;padding: 5vh 0 0 0;}
.comp-header1 .items{opacity:1;float:left;width:100%;display:flex;flex-direction:column;color:var(--siyah)}
.comp-header1 .ust-baslik{font-size:16px;background:var(--siyah);display:inline-block;color:var(--beyaz);padding:15px;border-radius:20px 0;font-weight:500;float:left;width:fit-content;margin:0}
.comp-header1 .ana-baslik{opacity:1;float:left;width:100%;font-size:max(5.6vw,70px);font-weight:700}
.comp-header1 .alt-baslik{opacity:1;float:left;width:100%;font-size:max(2.3vw,40px);font-weight:400;line-height:normal}
.comp-header1 .rakamlar{opacity:1;float:left;width:100%;flex-flow:wrap;display:flex;align-items:center;gap:50px;padding:25px 0}
.comp-header1 .rakamlar .rakam{opacity:1;float:left;flex:1;display:flex;padding:20px 0;flex-direction:column}
.comp-header1 .rakamlar .rakam .sayi{float:left;font-size:max(2vw,32px);font-weight:700}
.comp-header1 .rakamlar .rakam .aciklama{float:left;font-size:24px}
.comp-header1 .kucuk-baslik{float:left;width:100%;font-size:max(1.5vw,28px);font-weight:400;line-height:1.6}
.comp-header1 .ust-kucuk-baslik{float:left;font-size: max(2vw,22px);font-weight:500}
.comp-header1 .ana-baslik i{font-size:40%}
.comp-arama{opacity:1;float:left;width:100%;padding:30px 0;border-bottom:1px dashed var(--siyah);margin-top:20px}
.comp-arama form{opacity:1;float:left;width:100%}
.comp-arama .arama{opacity:1;float:left;width:100%;display:flex;flex-flow:wrap;align-items:end;justify-content:space-between;gap:15px}
.comp-arama .arama .arama-item{opacity:1;float:left}
.comp-arama .arama .arama-item label{opacity:1;float:left;width:100%;font-size:20px;font-weight:500;margin-bottom:5px}
.comp-arama .arama .arama-item select{opacity:1}
.comp-arama .arama .arama-item input,.comp-arama .arama .arama-item select{opacity:1;float:left;width:100%;border:1px solid var(--siyah);padding:0 10px;color:var(--siyah);border-radius:0;outline:none;font-size:16px;height:55px;background:none}
.comp-arama .arama .arama-item select{opacity:1;background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;-moz-appearance:none;-webkit-appearance:none;appearance:none}
.comp-arama .arama .arama-item input[type=submit],.comp-arama .arama .arama-item button[type=submit]{opacity:1;border-radius:100px;color:var(--beyaz);font-weight: 400;padding:15px 20px;background:var(--siyah);border-color:transparent;font-size: 16px;}
.comp-arama .arama .arama-item input::placeholder{opacity:1;color:var(--siyah)}
.comp-arama.stil2{opacity:1;float:left;width:100%;border-bottom:1px dashed #0000002e;padding:25px 0;margin:0 0 20px}
.comp-arama.stil2 .arama .arama-item .baslik{font-size:16px}
.comp-arama.stil2 .arama .arama-item input,.comp-arama.stil2 .arama .arama-item select{font-size:16px}
.comp-sayfa-detay{opacity:1;float:left;width:100%;padding:0}
.comp-sayfa-detay .comp-calisma-detay{opacity:1;float:left;width:100%;display:flex;flex-flow:column;gap:100px;padding:100px 0}
.comp-buyuk-resim{width:100%;float:left}
.comp-buyuk-resim .imaj{width:100%;float:left}
.comp-buyuk-resim .imaj img{width:100%;float:left}
.comp-buyuk-yazi{float:left;width:100%;color:var(--siyah)}
.comp-buyuk-yazi .text{float:left;width:100%;font-size:max(2.5vw,36px);font-weight:400}
.comp-buyuk-yazi .buyuk{opacity:1;float:left;width:100%;font-size:max(3vw,46px);font-weight:600}
.comp-buyuk-yazi .kucuk{opacity:1;float:left;width:100%;font-size:22px}
.comp-ikili-resim{opacity:1;width:100%;float:left}
.comp-ikili-resim .items{opacity:1;float:left;width:100%;display:flex;flex-flow:wrap;gap:70px}
.comp-ikili-resim .imaj{opacity:1;padding:0;width:calc(50% - 35px)}
.comp-ikili-resim .imaj img{opacity:1}
.comp-ikili-resim .imaj video{width:100%}
.comp-orta-yazi{float:left;width:100%;color:var(--siyah)}
.comp-orta-yazi .text{float:left;width:100%;font-size:max(1.8vw,30px);font-weight:400}
.comp-nedenler{float:left;width:100%;position:relative}
.comp-nedenler .items{float:left;width:100%;gap:40px}
.comp-nedenler .items .item{height:450px;float:left;width:320px;padding:0;border:1px solid var(--bg2);color:var(--siyah)}
.comp-nedenler .items .item .itemic{float:left;width:100%;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:30px;display:flex;position:relative;transform:translate(0);height:100%}
.comp-nedenler .items .item .detaylink{float:left;position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:end;justify-content:end;background:none;outline:none;border:none;z-index:2;padding:20px}
.comp-nedenler .items .item .detaylink i{opacity:1;-:15px;background:var(--siyah);color:var(--beyaz);aspect-ratio:1;width:26px;border-radius:100px;display:flex;align-items:center;justify-content:center;position:relative}
.comp-nedenler .items .item .icon{float:left;width:100%;text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 auto;transition:.2s;padding:30px}
.comp-nedenler .items .item .icon i,.comp-nedenler .items .item .icon img{opacity:1;font-weight:100;width:100%;height:auto;aspect-ratio:1;display:inline-block; }
.comp-nedenler .items .item .icon i{font-size:100px;line-height:inherit;-webkit-text-stroke:3px var(--sbg1)}
.comp-nedenler .items .item .gitlink{opacity:1;display: inline-block;position: relative;background: var(--siyah);font-size: 15px;padding: 7px 10px;color: var(--beyaz);border-radius: 100px; font-weight: 500;display: none;border: 2px solid #0000007a;cursor: pointer;transition: .1s;font-weight: 500;}
.comp-nedenler .items.stil3 .item .gitlink{display:block;}
.comp-nedenler .items.stil3 .item:hover .gitlink{background: var(--yesil);color: var(--siyah);border-color: var(--yes2);}
.comp-nedenler .items.stil3 .item:hover .gitlink i{background:var(--siyah); color:var(--yesil);}
.comp-nedenler .items .item .gitlink i{display:inline-block;background: var(--yesil);width: 20px;height: 20px;border-radius: 100px;line-height: 20px;text-align: center;color: var(--siyah);font-size: 12px;margin-left: 5px;}
.comp-nedenler .items .item .text{float:left;width:100%;justify-content:end;align-items:end;display:flex;flex-direction:column}
.comp-nedenler .items .item .text .baslik{float:left;width:100%;font-size:24px;font-weight:500;position:relative;margin-bottom:15px}
.comp-nedenler .items .item .text .kucuk-baslik{float:left;width:100%;font-size:16px;font-weight:500;position:relative;margin-bottom:5px}
.comp-nedenler .items .item .text .aciklama{float:left;z-index:1;flex:1;width:100%;max-height:0;transition:all .4s;position:relative;overflow:hidden;transform:translate(0);font-size:16px;line-height:1.5}
.comp-nedenler .items .item .itemic .arka{opacity:1;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}
.comp-nedenler .items .item .itemic .arka svg,.comp-nedenler .items .item .itemic .arka img{opacity:1}
.comp-nedenler .items .item .text.aktif .aciklama{max-height:100%;padding-bottom:20px}
.comp-nedenler .items .item .icon.pasif{opacity:0}
.comp-nedenler .items .item .text.aktif{opacity:1}
.comp-nedenler .items .item .detaylink i:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid var(--siyah);border-radius:100px;z-index:-1;transition:.3s;transform:scale(1)}
.comp-nedenler .items .item:hover .detaylink i:after{transform:scale(1.6)}
.comp-nedenler.wbig .items .item{width:400px;height:500px}
.comp-nedenler .items.stil2 .item .icon{position:absolute;width:100%;height:100%;left:0;top:0;padding:0}
.comp-nedenler .items.stil2 .item .icon img{width:100%;height:100%;object-fit:cover;}
.comp-nedenler .items.stil2 .item .itemic{opacity:1;justify-content:flex-start}
.comp-nedenler .items .item .tamlink{opacity:1;position:absolute;top:0;left:0;width:100%;height:100%}
.comp-nedenler .items.stil3 .item .itemic{opacity:1;justify-content: space-between;align-items: start;}
.scryatay{padding-bottom:50px;display:grid;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;cursor:move;float:left;width:100%;justify-items:flex-start;grid-auto-flow:column;grid-template-columns:repeat(4,1fr)}
.yatayscrollanm{opacity:1;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;animation:ytyscrll 1.5s ease-in-out infinite;color:var(--siyah)}
.yatayscrollanm span{opacity:1}
.yatayscrollanm span:before{content:"";width:10px;height:10px;background:var(--siyah);display:inline-block;border-radius:100px;margin:0 5px}
.yatayscrollanm:before{content:"\f060" " \f111 " " \f061";font-family:'Font Awesome 5 Pro';display:inline-block;font-size:18px}
@keyframes ytyscrll {
0%{transform:translateX(0%)}
50%{transform:translateX(-100%)}
100%{transform:translateX(0%)}
}
.comp-surec{float:left;width:100%;padding:0;color:var(--siyah);border-radius:20px;position:relative}
.comp-surec .items{float:left;width:100%;padding:100px 0;display:flex;position:relative;gap:30px;z-index:2}
.comp-surec .items .item{float:left;flex:0 auto;grid-column-gap:1rem;grid-row-gap:1rem;text-align:center;flex-direction:column;flex:1;align-self:flex-start;align-items:center;display:flex;position:relative}
.comp-surec .items .item .itemic{opacity:1}
.comp-surec .items .item .baslik{opacity:1;font-size:18px;font-weight:500}
.comp-surec .items .item .bar{opacity:1;float:left;width:100%;height:40px;background:var(--siyah);display:flex;align-items:center;justify-content:center;position:relative;z-index:3;cursor:pointer}
.comp-surec .items .item .aciklama{opacity:0;visibility:hidden;position:absolute;transition:all .5s;padding:20px;width:100%;z-index:2;color:var(--siyah);font-size:16px;font-weight:400;top:90%;border:1px solid var(--siyah);backdrop-filter:blur(20px)}
.comp-surec .items .item.alt{opacity:1;flex-direction:column-reverse;justify-content:flex-start;align-self:flex-end}
.comp-surec .items .item .bar:before{content:"+";width:25px;height:25px;background:var(--beyaz);border-radius:100px;font-size:16px;font-weight:600;line-height:25px;color:var(--siyah)}
.comp-surec .items .item .bar:hover ~ .aciklama{opacity:1;visibility:visible;top:calc(calc(100% + 10px));bottom:auto}
.comp-surec .items .item.alt .aciklama{top:auto;bottom:90%}
.comp-surec .items .item.alt .bar:hover ~ .aciklama{bottom:calc(calc(100% + 10px));top:auto}
.comp-surec .anabaslik{width:100%;float:left;font-size:max(4vw,40px);font-weight:700;margin-bottom:25px}
.comp-surec .items .item:nth-child(1) .bar{background:linear-gradient(90deg,#6097e8,#67b5ee)}
.comp-surec .items .item:nth-child(2) .bar{background:linear-gradient(90deg,#67b3ee,#7bd8dd)}
.comp-surec .items .item:nth-child(3) .bar{background:linear-gradient(90deg,#7bd8dd,#8ee9b6)}
.comp-surec .items .item:nth-child(4) .bar{background:linear-gradient(90deg,#8ee9b6,#e4aa6c)}
.comp-surec .items .item:nth-child(5) .bar{background:linear-gradient(90deg,#e4aa6c,#f3513a)}
.comp-surec .bgcizgi{z-index:0;justify-content:space-between;display:flex;position:absolute;inset:0;width:100%;height:100%;top:0;left:0;opacity:.1;z-index:0}
.comp-surec .bgcizgi span{border-left:1px solid var(--siyah);flex:1}
.comp-surec .bgcizgi span:first-child{border-left:none}
.comp-yorumlar{float:left;width:100%;position:relative}
.comp-yorumlar .ana-baslik{float:left;width:100%;font-size:max(3.5vw,44px);color:var(--siyah);margin-bottom:25px;font-weight:600}
.comp-yorumlar .alt-baslik{float:left;width:100%;font-size:max(1.8vw,26px);color:var(--siyah);margin-bottom:100px;font-weight:400;line-height:1.3}
.comp-yorumlar .items{float:left;width:100%;gap:40px}
.comp-yorumlar .items .item{float:left;width:420px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:60px;display:flex;position:relative;transform:translate(0);color:var(--siyah)}
.comp-yorumlar .items .item .yildiz{float:left;width:100%;display:flex;align-items:center}
.comp-yorumlar .items .item .yildiz .rakam{opacity:1;display:inline-block;font-size:60px;font-weight:600}
.comp-yorumlar .items .item .yildiz .icon{display:inline-block;margin-left:10px}
.comp-yorumlar .items .item .yildiz .icon i{display:inline-block;font-weight:900;color:var(--sari);margin:0 2px}
.comp-yorumlar .items .item .metin{float:left;width:100%;font-size:20px;line-height:1.6;margin:20px 0}
.comp-yorumlar .items .item .adsoyad{float:left;width:100%;font-size:16px;margin:0}
.comp-yorumlar .items .item .firma{float:left;width:100%;margin:0;font-size:14px}
.comp-yorumlar .items .item .borderbg{background:url(//rotaquest.quest/wp-content/themes/onurturkayv2/imaj/borderbeyaz.webp);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:100% 100%;filter:invert(1);opacity:.2}
.comp-cta{float:left;width:100%}
.comp-cta .items{opacity:1;display:flex;align-items:center;justify-content:space-between;padding:5vw;color:var(--siyah);gap:20px 100px}
.comp-cta .items .sol{float:left;display:flex;flex-flow:column}
.comp-cta .items .sol .rakam{float:left;width:100%;font-size:max(7vw,90px);font-weight:800}
.comp-cta .items .sol .text{float:left;width:100%;font-size:max(2vw,50px);font-weight: 500;}
.comp-cta .items .sag{float:left;max-width:40%}
.comp-cta .items .sag .ust{float:left;width:100%;font-size:30px;line-height:1.5}
.comp-cta .items .sag a{opacity:1;display:inline-block;background:var(--siyah);padding:15px 20px;color:var(--beyaz);border-radius:100px;font-size:18px;margin:30px 0;font-weight:500}
.comp-yorumlar .comp-cta{margin-top:50px;color:var(--siyah);padding:50px 0}
.comp-yorumlar .comp-cta .items a{background:var(--sari);color:var(--siyah);font-weight:500}
.comp-yorumlar .comp-cta .items{border-top:3px dashed #ffffff26;padding:100px 0 0}
.comp-text-imaj{float:left;width:100%}
.comp-text-imaj .items{float:left;width:100%;display:flex;align-items:start;flex-flow:wrap;gap:50px}
.comp-text-imaj .items .item{float:left;padding:0;flex:1}
.comp-text-imaj .items .imaj{float:left}
.comp-text-imaj .items .imaj a{opacity:1}
.comp-text-imaj .items .imaj img{float:left;width:100%}
.comp-text-imaj .items .text{float:left;font-size:22px;line-height:1.6;color:var(--siyah);position:sticky;top:120px}
.comp-text-imaj .items .text h1,.comp-text-imaj .items .text h2,.comp-text-imaj .items .text h3,.comp-text-imaj .items .text h4,.comp-text-imaj .items .text h5{opacity:1;font-size:max(2.5vw,34px);font-weight:600;margin:25px 0}
.comp-text-imaj.ters .items{opacity:1;flex-direction:row-reverse}
.comp-text-imaj:nth-child(even) .items{flex-direction:row-reverse}
.comp-surec2{float:left;width:100%;color:var(--siyah)}
.comp-surec2 .items{float:left;width:100%;counter-reset:list-number}
.comp-surec2 .items .item{float:left;width:100%;border-bottom:1px solid var(--bg1);display:flex;flex-flow:wrap;counter-increment:list-number;padding:40px 0;align-items:flex-start}
.comp-surec2 .items .item .sol{float:left;flex:1;position:sticky;top:100px}
.comp-surec2 .items .item .baslik{float:left;width:100%;margin:0;font-size:max(2vw,32px);font-weight:600;display:flex;flex-flow:column;align-items:flex-start}
.comp-surec2 .items .item .sag{float:left;flex:1}
.comp-surec2 .items .item .sag .aciklama{float:left;width:100%;font-size:18px;margin:0;line-height:1.6}
.comp-surec2 .items .item .sag .aciklama strong{font-weight:600}
.comp-surec2 .items .item .sag .sonuc{float:left;width:100%;display:flex;flex-flow:wrap;gap:10px;align-items:center;margin:30px 0 0;opacity:.7;font-size:16px}
.comp-surec2 .items .item .sag .sonuc p{margin:0}
.comp-surec2 .items .item .sag .sonuc ul{display:inline-block;padding:0;margin:0;list-style:none}
.comp-surec2 .items .item .sag .sonuc ul li{display:inline-block;border:1px solid var(--bg2);padding:5px 10px;border-radius:100px;margin:2px}
.comp-surec2 .items .item:last-child{border:none}
.comp-surec2 .ana-baslik{font-size:max(4vw,44px);font-weight:600;margin-bottom:20px;width:100%;float:left;border-bottom:3px dashed var(--bg1);padding:50px 0}
.comp-surec2 .items .item .sol p:before{content:'0' counter(list-number);font-size:20px;font-weight:700;display:inline-block;border-radius:100px;color:var(--siyah);text-align:center;opacity:.6}
.comp-surec2.dark{--beyaz:#fff!important;--siyah:#000}
.comp-surec2 .items.stil2 .item .baslik:before{display:none}
.comp-surec2 .items.stil2 .item .baslik{font-size: max(1.3vw,22px);font-weight:500}
.comp-calismalar2{float:left;width:100%;position:relative}
.comp-calismalar2 .ana-baslik{width:100%;height:auto;float:left;font-size:max(4vw,44px);font-weight:700;color:var(--siyah);margin-bottom:5vh}
.comp-calismalar2 .items{float:left;width:100%;gap:50px}
.comp-calismalar2 .items .item{float:left;width:100%;flex:3}
.comp-calismalar2 .items .item .itemic{float:left;width:100%;display:flex;align-items:center;height:100%}
.comp-calismalar2 .items .item a{float:left;width:100%;display:flex;flex-flow:row;justify-content:space-between;position:relative;color:#000;height: 100%;}
.comp-calismalar2 .items .item .arkaplan{float:left;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
.comp-calismalar2 .items .item .arkaplan img{float:left}
.comp-calismalar2 .items .item .imaj{float:left;flex:1;position:relative;z-index:1;overflow:hidden;max-height:700px}
.comp-calismalar2 .items .item .imaj img{float:left;max-width:100%;margin-top:0;}
.comp-calismalar2 .items .item .text{float:left;flex:1;display:flex;flex-flow:column;padding:50px;position:relative;z-index:1;justify-content:space-between}
.comp-calismalar2 .items .item .text .baslik{width:100%;position:sticky;top:50px; }
.comp-calismalar2 .items .item .text .baslik .ust{float:left;width:100%;font-size:24px}
.comp-calismalar2 .items .item .text .baslik .alt{float:left;width:100%;font-size:36px;font-weight:600}
.comp-calismalar2 .items .item .text .servis{width:100%}
.comp-calismalar2 .items .item .text .servis .title{float:left;width:100%;font-size:20px}
.comp-calismalar2 .items .item .text .servis .liste{float:left;width:100%}
.comp-calismalar2 .items .item .text .servis .liste ul{padding:0;margin:0;width:100%;list-style:none;display:flex;flex-flow:wrap;gap:10px}
.comp-calismalar2 .items .item .text .servis .liste ul li{display:inline-block;border-bottom:2px solid #000}
.comp-calismalar2 .items .cta{float:left;width:100%;flex:1;background:var(--siyah)}
.comp-calismalar2 .items .cta .ctaic{float:left;width:100%;padding:50px;color:var(--beyaz);position:sticky;top:30px;display:flex;flex-flow:column;align-items:center;text-align:center}
.comp-calismalar2 .items .cta .buyuk{float:left;width:100%;font-size:max(5vw,70px);font-weight:700}
.comp-calismalar2 .items .cta .kucuk{float:left;font-size:max(1.5vw,24px)}
.comp-calismalar2 .items .cta .link{float:left;width:100%;margin:25px 0;background:var(--beyaz);padding:18px;border-radius:100px;color:var(--siyah);width:fit-content;font-weight:500;text-decoration:none;font-size:16px}
.comp-calismalar2 .items .cta .veya{float:left;position:relative;display:flex;flex-flow:column;align-items:center;width:min-content}
.comp-calismalar2 .items .cta .veya:before,.comp-calismalar2 .items .cta .veya:after{content:"";width:1px;height:25px;border:1px dashed #fff;display:inline-block;position:relative;margin:5px 0}
.comp-calismalar2 .items .cta .link.ref{color:var(--beyaz);border:1px solid #fff;background:none}
.comp-calismalar2 .items.scryatay{opacity:1;gap:30px;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;cursor:move;flex-flow:row;padding-bottom:50px}
.comp-calismalar2 .items.scryatay .item{flex:none;width:85vw}
.comp-calismalar2.stil3 .item{flex: 1 1 calc(25% - 20px);}
.comp-calismalar2.stil3 .items{gap: 40px;display: flex;flex-flow: wrap;}
.comp-calismalar2.stil3 .items .item .text .baslik .alt{font-size: 28px;}
.comp-calismalar2.stil3 .items .item .text{padding:30px;}
.comp-calismalar2.stil3  .items .item .text .baslik .ust{font-size:20px;}
.comp-cta-kutu{float:left;width:100%}
.comp-cta-kutu .items{float:left;display:flex;flex-flow:wrap;gap:max(3vw,50px)}
.comp-cta-kutu .items .item{float:left;flex:1;padding:50px;border:2px solid var(--bg1);display:flex;flex-flow:column;position:relative;color:var(--siyah);justify-content:space-between}
.comp-cta-kutu .item .ust{float:left;width:100%;position:relative;margin-bottom:20px;display:flex;flex-flow:column;align-items:center}
.comp-cta-kutu .item .ust .icon{opacity:1;float:left;width:100%;font-weight:100;margin-bottom:20px}
.comp-cta-kutu .item .ust .icon i,.comp-cta-kutu .item .ust .icon img{opacity:1;font-weight:100;font-size:max(3vw,30px)}
.comp-cta-kutu .item .ust .baslik{float:left;width:100%;font-size:max(2.8vw,46px);font-weight:600;margin-bottom:20px}
.comp-cta-kutu .item .ust .baslik i{font-size:90%}
.comp-cta-kutu .item .ust .aciklama{float:left;width:100%;font-size: 20px;line-height:1.6}
.comp-cta-kutu .item .ust .metin{float:left;width:100%;font-size:18px;line-height:1.6}
.comp-cta-kutu .item .ust .imaj{float:left;width:auto;max-width:100%;filter:grayscale(1);margin:6vh 0}
.comp-cta-kutu .item .alt{float:left;width:100%;border-top:1px solid var(--bg1);padding:30px 0 0;display:flex;flex-flow:wrap;justify-content:space-between;align-items:center;position:relative;gap:10px}
.comp-cta-kutu .item .alt .sol{float:left;display:flex;align-items:center;position:relative;gap:10px}
.comp-cta-kutu .item .alt .sol .rakam{float:left;font-size:max(3.4vw,40px);font-weight:700;margin:0;line-height:normal}
.comp-cta-kutu .item .alt .sol .text{float:left;font-size:24px}
.comp-cta-kutu .item .alt .sag{float:left}
.comp-cta-kutu .item .alt .sag .link{float:left;padding:18px;background:var(--siyah);color:var(--beyaz);border-radius:100px;font-size:18px;font-weight:500}
.comp-cta-kutu .item .ust ol,.comp-cta-kutu .item .ust ul{float:left;width:100%;font-size:16px;list-style:square}
.comp-cta-kutu .item .ust ol li,.comp-cta-kutu .item .ust ul li{float:left;width:100%;border-bottom:1px solid var(--bg1);font-size:17px;font-weight:500;margin-bottom:10px;padding:10px 0}
.comp-cta-kutu .item .ust li:last-child{border:none}
.comp-cta-kutu .item .alt .ortaok{position:relative;color:var(--siyah);display:flex;align-items:center;justify-content:center;width:8%;border-bottom:2px dashed #000}
.comp-cta-kutu .item .alt .ortaok:before{content:">";position:absolute;right:-10px}
.comp-refler2{float:left;width:100%;color:var(--siyah)}
.comp-refler2 .items{float:left;width:100%;display:flex;flex-flow:wrap;gap:50px 100px;align-items:center;justify-content:space-between}
.comp-refler2 .items .item{float:left;width:calc(20% - 100px);padding:2.5vw}
.comp-refler2 .items .item .imaj{float:left;width:100%}
.comp-refler2 .items .item img{float:left;max-width:100%}
.comp-refler2.comp-dark img{filter:invert(1)}
.comp-refler2 .items.stil2{gap:20px;flex-flow:wrap;justify-content:center;align-items:unset}
.comp-refler2 .items.stil2 .imaj{background:var(--bg1);width:100%;padding:5% 25%;display:flex;align-items:center;justify-content:center;height:100%}
.comp-refler2 .items.stil2 .item{padding:0}
.comp-refler2 .ana-baslik{float:left;width:100%;font-size:max(2.5vw,40px);font-weight:400;margin:0 0 100px}
.comp-tesekkur{opacity:1;float:left;width:100%}
.comp-tesekkur .items{opacity:1;float:left;width:100%}
.comp-tesekkur .items .item{opacity:1;float:left;width:100%;font-size:max(10vw,70px);color:var(--siyah);font-weight:600}
.comp-tesekkur .items .item i{font-size:40%}
.comp-header2{opacity:1;float:left;width:100%;height:max(70vh,600px);position:relative;overflow:hidden}
.comp-header2 .arkaplan{opacity:1;position:absolute;top:0;left:0;width:100%;height:100%}
.comp-header2 .arkaplan .linear{content:"";position:absolute;top:0;left:0;width:100%;height:20%;background:linear-gradient(180deg,var(--beyaz),transparent)}
.comp-header2 .arkaplan img{width:100%;height:100%;border-radius:inherit;object-position:center center;object-fit:cover}
.comp-header2.blog-header{height:max(50vh,600px)}
.comp-header2.blog-header .post-thumbnail{opacity:1;position:absolute;top:0;left:0;width:100%;height:100%}
.comp-ref-logo1{float:left;width:100%}
.comp-ref-logo1 .imaj{float:left;display:flex;align-items:center;justify-content:center;padding:20vh 5vw;width:100%; }
.comp-ref-logo1 .imaj img{float:left;max-width:300px}
.refcomp-coklu-mobil{opacity:1;float:left;width:100%}
.refcomp-coklu-mobil .items{opacity:1;float:left;width:100%;height:700px;overflow:hidden;display:flex;flex-flow:row;gap:3vw;justify-content:center;align-items:center;padding:50px 3vw}
.refcomp-coklu-mobil .items .item{opacity:1;text-align:center;width:auto;display:flex;justify-content:center; }
.refcomp-coklu-mobil .items .item img{opacity:1;width:100%;border-radius:15px;text-shadow:0 20px #000;filter:drop-shadow(0 5px 10px #00000030);}
.refcomp-buyuk-gorsel{opacity:1;float:left;width:100%}
.refcomp-buyuk-gorsel .items{opacity:1;float:left;width:100%;height:100%;overflow:hidden;display:flex;flex-flow:row;justify-content:center;align-items:center}
.refcomp-buyuk-gorsel .items .item{opacity:1;text-align:center}
.refcomp-buyuk-gorsel .items .item img{opacity:1;width:auto;height:200%;float:left}
.mh10{margin:10px 0}
.mh20{margin:20px 0}
.mh30{margin:30px 0}
.mh40{margin:40px 0}
.mh50{margin:50px 0}
.mh60{margin:60px 0}
.mh70{margin:70px 0}
.mh80{margin:80px 0}
.mh90{margin:90px 0}
.mh100{margin:100px 0}
.mh110{margin:110px 0}
.mh120{margin:120px 0}
.mh130{margin:130px 0}
.mh140{margin:140px 0}
.mh150{margin:150px 0}
.mw10{margin:0 10px}
.mw20{margin:0 20px}
.mw30{margin:0 30px}
.mw40{margin:0 40px}
.mw50{margin:0 50px}
.mw60{margin:0 60px}
.mw70{margin:0 70px}
.mw80{margin:0 80px}
.mw90{margin:0 90px}
.mw100{margin:0 100px}
.mw110{margin:0 110px}
.mw120{margin:0 120px}
.mw130{margin:0 130px}
.mw140{margin:0 140px}
.mw150{margin:0 150px}
.mhw0{margin:0}
.phw0{padding:0!important}
.ph10{padding:10px 0}
.ph20{padding:20px 0}
.ph30{padding:30px 0}
.ph40{padding:40px 0}
.ph50{padding:50px 0}
.ph60{padding:60px 0}
.ph70{padding:70px 0}
.ph80{padding:80px 0}
.ph90{padding:90px 0}
.ph100{padding:100px 0}
.ph110{padding:110px 0}
.ph120{padding:120px 0}
.ph130{padding:130px 0}
.ph140{padding:140px 0}
.ph150{padding:150px 0}
.pw10{padding:0 10px}
.pw20{padding:0 20px}
.pw30{padding:0 30px}
.pw40{padding:0 40px}
.pw50{padding:0 50px}
.pw60{padding:0 60px}
.pw70{padding:0 70px}
.pw80{padding:0 80px}
.pw90{padding:0 90px}
.pw100{padding:0 100px}
.pw110{padding:0 110px}
.pw120{padding:0 120px}
.pw130{padding:0 130px}
.pw140{padding:0 140px}
.pw150{padding:0 150px}
.phw0{padding:0}
.comp-blog-sayfa-liste{float:left;width:100%}
.comp-blog-sayfa-liste .items{float:left;width:100%;display:flex;flex-flow:column;gap:15vh 0}
.comp-blog-sayfa-liste .items .item{float:left;display:flex;flex-flow:row;color:var(--siyah);gap:70px}
.comp-blog-sayfa-liste .items .item .sol{float:left;width:30%;color:var(--siyah)}
.comp-blog-sayfa-liste .items .item .sol .tarih{float:left;width:100%;font-size:18px;opacity:.6}
.comp-blog-sayfa-liste .items .item .sol .kategori{float:left;width:100%}
.comp-blog-sayfa-liste .items .item .sol .kategori ul{opacity:1;margin:0;padding:0;list-style:none}
.comp-blog-sayfa-liste .items .item .sol .kategori ul li{opacity:1}
.comp-blog-sayfa-liste .items .item .sol .kategori a{float:left;color:var(--siyah);font-size:20px;font-weight:500}
.comp-blog-sayfa-liste .items .item .sag{float:left;display:flex;flex-flow:row;gap:70px;position:relative;align-items:flex-start}
.comp-blog-sayfa-liste .items .item .sag .imaj{float:left;flex:1}
.comp-blog-sayfa-liste .items .item .sag img{float:left;width: 100%;object-fit: cover;max-height: 500px;}
.comp-blog-sayfa-liste .items .item .sag .text{float:left;flex:1;position:sticky;top:20px}
.comp-blog-sayfa-liste .items .item .sag .link{float:left;color:var(--siyah);padding-bottom:50px}
.comp-blog-sayfa-liste .items .item .sag h2{float:left;padding:0;margin:0;margin-bottom:30px;font-size:40px;font-weight:600;line-height:1.5}
.comp-blog-sayfa-liste .items .item .sag p{float:left;width:100%;font-size:20px;opacity:.8;line-height:160%}
.comp-blog-sayfa-liste .items .item .sag .devami{opacity:1;background:var(--siyah);padding:10px 20px;border-radius:100px;color:var(--beyaz);display:inline-block;font-size:16px;transition:.4s;opacity:0;visibility:hidden;margin:20px 0 0;position:absolute;left:0;bottom:0;transform:translateY(-100%)}
.comp-blog-sayfa-liste .items .item .sag .link:hover .devami{opacity:1;visibility:visible;transform:translateY(0%)}
.sec-tanisalim{float:left;width:100%;height:100%;position:fixed;top:0;left:0;z-index:-2;visibility:hidden;opacity:0;transition:.4s;overflow:hidden;background:var(--beyaz);transform:translateY(-10%)}
.sec-tanisalim .items{float:left;width:100%;display:flex;flex-flow:row;height:100%}
.sec-tanisalim .items .sol{color:var(--siyah);float:left;-:50%;flex:2;display:flex;flex-flow:column;gap:50px;justify-content:center;padding:5vw;text-align:left}
.sec-tanisalim .items .sol .icon{opacity:1;font-size:max(6vw,100px);font-weight:100;color:var(--yes2)}
.sec-tanisalim .items .sag{float:left;flex:3;color:var(--siyah);justify-content:center;display:flex;flex-flow:column;background:var(--beyaz);padding:5vw;box-shadow:-10px 0 30px #00000014;z-index:2;position:relative}
.sec-tanisalim .items .sag .formdis{float:left;width:100%;font-size:22px;line-height:2.5;font-weight:400}
.sec-tanisalim .items .sag form{float:left}
.sec-tanisalim .items .sag form input{display:inline-block;background:none;outline:none;border:none;border-radius:0;border-bottom:2px solid var(--siyah);padding:0 5px;color:var(--siyah);position:relative;line-height:normal}
.sec-tanisalim .items .sag form label{float:left}
.sec-tanisalim .items .sag form select{display:inline-block;background:none;border:none;border-bottom:2px solid var(--beyaz)}
.sec-tanisalim .items .sag form input[type=submit]{display:inline-block;background:var(--siyah);color:var(--beyaz);margin:30px 0 0;border-radius:100px;font-weight:500;padding:15px 30px}
.sec-tanisalim .items .sol .baslik{font-size:max(5vw,100px);font-weight:700;line-height:max(5vw,90px)}
.sec-tanisalim .items .sol svg{fill:#fff;width:300px;filter:invert(1)}
.sec-tanisalim .items .sag form input:after{content:"a";position:absolute;top:0;left:0;width:100px;height:100px;background:red}
.sec-tanisalim .kapatbtn{position:fixed;border:none;font-size:30px;color:var(--siyah);top:1%;right:1%;background:var(--beyaz);border-radius:100px;text-align:center;transition:.2s;cursor:pointer;width:50px;height:50px;padding:0;z-index:3}
.sec-tanisalim.aktif{opacity:1;z-index:99999;visibility:visible;padding:0;transform:translateY(0)}
.sec-tanisalim .items .sag2{float:left;align-items:center;flex:3;color:var(--siyah);justify-content:center;display:flex;flex-flow:column;padding:5vw;z-index:2;position:relative;height:100%;overflow-y:auto;min-height:100vh;justify-content:center;border-left:1px solid var(--bg2)}
.comp-single{display:flex;flex-flow:column;gap:70px 0;align-items:center}
.comp-single-detay .entry-header{text-align:center;color:var(--siyah);float:left;width:100%}
.comp-single-detay .entry-header h1{font-size:max(3vw,40px);font-weight:600}
.comp-single-detay .entry-header .entry-meta{font-size:20px;display:flex;flex-flow:column;align-items:center;opacity:.5}
.comp-single-detay .entry-header .entry-meta a{color:var(--siyah)}
.comp-single-detay .entry-content{opacity:1;margin:0;font-size: 20px;line-height:1.8}
.comp-single-detay .comp-single-icerik{max-width:800px;display:flex;flex-flow:column;gap:50px 0;font-weight:400;padding:0 2vw;float:left;width:100%}
.comp-single-detay .entry-header .entry-meta time{font-size:140%}
.comp-single-detay{float:left;width:100%;max-width:960px;display:flex;flex-flow:column;padding:0 2vw}
.comp-single-detay article{float:left;width:100%;display:flex;flex-flow:column;gap: 0px;}
.comp-single-detay .entry-content a{color:var(--siyah)}
.comp-single-detay .entry-content h1,.comp-single-detay .entry-content .h1,.comp-single-detay .entry-content h2,.comp-single-detay .entry-content .h2,.comp-single-detay .entry-content h3,.comp-single-detay .entry-content .h3{margin:30px 0 15px; font-weight:600;}
.progress-container{position:sticky;top: 90px;left:0;width:100%;height:5px;background-color:#eee;z-index:98;margin-top:-70px}
.progress-bar{width:0;height:100%;background:linear-gradient(90deg,var(--sari),var(--yesil));transition:width .1s ease-in-out}
@media(min-width:768px) {
.mobil{display:none!important}
.header.fixle .anamenu{width:100%;flex:1}
.comp-calismalar .items .item.kucuk .arkaplan{background:none}
}
@media(max-width:768px) {
.comp-blog-liste .ust-baslik, .comp-calismalar2 .ana-baslik, .comp-buyuk-yazi .buyuk{font-size: max(3vw,34px);}
.comp-servisler .items .item .liste li{font-size:18px;}
.comp-calismalar.coklu .items .item{width:100%}
.comp-calismalar.coklu .items .item:nth-child(5n-2) a{flex-flow:column-reverse!important}
.comp-calismalar.coklu .items .item:nth-child(5n-2) .servis{display:none!important}
.comp-calismalar.coklu .items .item:nth-child(5n-2) a .text{padding:25px 0;background:var(--beyaz)}
.comp-text-imaj .items .item{flex:1 1 100%}
.comp-text-imaj .items{flex-direction:column-reverse}
.comp-ref-logo1 .imaj img{max-width:50%}
.comp-slogan2 .items .sol .liste{margin-bottom: 40px;max-width: 100%;ma,CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;}
.comp-ref-logo1 .imaj{opacity:1;padding:10vh 5vh}
.comp-ikili-resim .items{gap:35px}
.comp-hero-slogan .icerik{font-size: max(1.5vw,24px);}
.sayfa-std .sayfa-std-items{gap: 60px 0;}
.sayfa-std .sayfa-hws-items{gap:40px 0;}
main{padding-top:70px}
.comp-yorumlar .ana-baslik{font-size: max(3.5vw,34px);}
.comp-hero2{padding-top: 0;margin-bottom: -6vh;}
.sayfa-detay-anasayfa{gap:50px 0}
.comp-calismalar .items{gap:50px 0}
.header{background:var(--beyaz)}
.header .logo{margin:0;}
.header .logo a{width: 60px;}
.comp-servisler .items .item{padding:4% 0;width:100%;display:flex;flex-flow:column;position:relative}
.comp-servisler .items.stil2 .item{padding:4%;border:1px solid var(--bg2)}
.comp-servisler .items{flex-flow:column;gap:4vw;grid-template-columns:100%!important}
.comp-servisler .items .item .rakam{font-size:28px;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;position:absolute;width:60px;left:-20px;height:90%;margin:0;top:5%;background:var(--siyah);color:var(--beyaz);font-weight:500;display:flex;align-items:center;justify-content:center;font-weight:700}
.comp-servisler .items .item .icon{font-size:32px;margin-bottom:15px}
.comp-servisler .items .item .baslik{font-size:20px;margin:0 0 15px}
.comp-referanslar .items .item{width:33%;flex:31%}
.desktop{display:none!important}
.header .menuitems{display:flex;position:fixed;right:0;top:0;width:calc(100% - 50px);height:100%;background:var(--beyaz);flex-flow:column;justify-content:flex-start;padding:30px;align-items:start;transform:translateX(100%);z-index:-1;visibility:hidden;opacity:0;transition:.3s;transition:.3s}
#fixmenuKapat{position:absolute;border:none;padding:10px;font-size:30px;color:var(--siyah);top:1%;right:1%;background:var(--beyaz);border-radius:100px;text-align:center;transition:.2s;cursor:pointer;width:50px;height:50px;padding:0}
.header .menuitems .baslik{margin:40px 0 10px;float:left;width:100%;font-size:14px;font-weight:500;opacity:.7}
.header .menu{flex-flow:column;align-items:start}
.header .menuitems ul li a{font-size: 22px;margin: 6px 0;font-weight:500;padding: 5px 0;}
.header .menuitems ul li.teklifBtn a{font-size:16px;border-radius:100px}
.header .servisnav ul{opacity:1;float:left;width:100%;margin:0;padding:0;list-style:none;display:flex;gap:10px 25px;max-width:300px;flex-flow:wrap;justify-content:flex-start}
.header .servisnav ul li{display:inline-block;width: max-content!important;}
.header .servisnav ul li a{opacity:1;color:var(--siyah);font-size:16px;text-decoration:none;margin:0;display:inline-block}
.header .servisnav ul li:after{ }
.header .servisnav ul li a:after{content:"";width:0;height:1px;background:var(--siyah);transition:.3s;left:0;position:relative;bottom:0;opacity:0;display:block}
.header .servisnav ul li a:hover:after{width:100%;opacity:1}
.header .menuitems.aktif{transform:translateX(0);z-index:9999;visibility:visible;width:100%;opacity:1}
.header .servisnav ul li:last-of-type:after{display:none}
.comp-hero2 .kayanyazi .items{font-size:max(12vw,120px);height:fit-content;animation:marquee 7s infinite linear;font-weight: bolder;}
.comp-hero2 .kayanyazi{padding:0}
.comp-hero2 .slogan{padding:10px 0}
.comp-hero2 .slogan h1{font-size:26px}
.comp-anavideo .videodis video{border-radius:10px;height:45vh}
.comp-slogan2 .items .ust .text{font-size:max(9vw,60px)}
.comp-slogan2 .items .sol{font-size:30px;width:100%;flex:none}
.comp-slogan2 .items .ust{margin-bottom:10px}
.comp-slogan2 .items .sag{font-size:24px;margin-top: 10vh;width:100%;flex:none}
.comp-slogan2 .items .sol .link{padding:20px 30px;font-size:16px;margin:20px 0 0}
.comp-servisler .items .item .yazi{font-size:19px}
.comp-servisler .items.stil2 .item:after{display:none}
.comp-servisler .items .item .liste{margin:20px 0 0}
.comp-servisler .items .item .liste li a{font-size:16px;padding:5px 0}
.comp-referanslar .ust-baslik .buyuk{opacity:1;font-size: max(6vw,55px);font-weight:800}
.comp-rakamlar .rakamlar .rakam{width:100%}
.comp-blog-liste .items{flex-flow:row;gap:50px 30px; overflow-y:hidden;padding-bottom:30px;overflow-x:auto;width:100%;display:-webkit-box}
.comp-referanslar .liste{margin:20px 0 0}
.comp-rakamlar .sol .baslik .kucuk{font-size:20px;margin-bottom:30px}
.comp-rakamlar .rakamlar .rakam .rakamsol{font-size:50px}
.comp-blog-liste .items .item .imaj img{opacity:1;aspect-ratio:1/1;border-radius:0}
.footer .ust-footer{padding:50px 0}
.footer .ust-footer .sol .text{font-size:max(3.5vw,44px);margin-bottom:25px}
.footer .ust-footer .sag .link{font-size:16px}
.footer .ust-footer .logolar{padding-bottom:20px}
.footer .ust-footer .logolar img{max-width:calc(50% - 40px)}
.footer2{padding:50px 0; }
.footer2:before{display:none}
.footer2 .items .sol .whatsapp .baslik{font-size:26px}
.footer2 .items .sol .solic,.footer2 .items .sag .sagic{padding:15px 5px}
.footer2 .items .sag{margin-top:50px}
.footer2 .yukari .link{opacity:1;width:70px;height:70px!important;padding:0!important}
.footer2 .yukari{opacity:1;position:absolute;bottom:25px;top:auto;left:50%;transform:translate(-50%,0);filter:invert(1)}
.footer2 .items .sol .turlar .liste .listeitem{width:calc(33% - 15px)}
.footer .ust-footer .sag{margin:0 0 40px}
.comp-calismalar .items .item a{flex-flow:column}
.comp-calismalar .items .item .text{padding:25px;padding:25px}
.comp-calismalar .items .item .text .baslik .ust{font-size: 16px;margin: 0;}
.comp-calismalar .items .item .text .baslik .alt{font-size: 24px;margin: 0;}
.comp-calismalar .items .item .text .servis{display:none}
.comp-calismalar .items .item .text .baslik{margin-bottom:0;position:relative;top:0}
.comp-calismalar .items .item.light a{color:var(--beyaz)}
.comp-calismalar .items .item.kucuk:nth-child(odd) a{flex-flow:column}
.header .items{padding:10px 15px;}
.comp-surec .items{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.comp-referanslar .items{opacity:1;animation-duration:4s;gap: 0 50px;}
.comp-rakamlar .sol .baslik .buyuk{font-size:55px}
.comp-header1{padding:50px 0 0}
.comp-header1 .ana-baslik{font-size: 50px;line-height:normal}
.comp-header1 .alt-baslik{font-size: 22px;line-height: 1.6;}
.comp-buyuk-yazi .text{font-size:22px;line-height:1.5}
.comp-header1 .ust-baslik{margin:10px 0}
.comp-text-imaj .items .text{padding:15px 0;font-size:18px}
.comp-surec2 .ana-baslik{padding:0;padding-bottom:25px;margin-bottom:25px;font-size: max(3vw,34px);}
.comp-surec2 .items .item{flex-direction:column;padding:40px 0}
.comp-surec2 .items .item .sol{margin-bottom:20px;position:relative;top:0}
.comp-yorumlar .alt-baslik{font-size: 20px;line-height:1.5;margin-bottom:50px}
.comp-yorumlar .items .item{width:80vw;padding:30px}
.comp-calismalar2 .items .item a{flex-flow:column}
.comp-calismalar2 .items .item .text{padding:20px}
.comp-calismalar2 .items .item .text .baslik .ust{font-size:18px}
.comp-calismalar2 .items .item .text .baslik .alt{font-size:24px}
.comp-calismalar2 .items .item .text .servis{display:none}
.comp-calismalar2 .items .item .text .baslik{margin-bottom:0;position:relative;top:0}
.comp-calismalar2 .items .item.light a{color:var(--beyaz)}
.comp-calismalar2 .items .item.kucuk:nth-child(odd) a{flex-flow:column}
.comp-calismalar2 .items{gap:25px;flex-flow:column}
.comp-surec2 .items .item .sag .aciklama{font-size:18px}
.comp-yorumlar .items .item .metin{font-size:16px}
.comp-yorumlar .items .item .yildiz .rakam{font-size:40px}
.comp-yorumlar .items{gap:30px}
.comp-nedenler .items .item{width:80vw}
.comp-nedenler .items{gap:30px}
.comp-nedenler .items .item .text .baslik{font-size:22px}
.comp-header1 .ust-baslik{font-size:14px;padding:10px 15px}
.comp-refler2 .items .item{width:calc(33% - 30px)}
.comp-refler2 .items.stil2 .item{width: calc(33% - 6px);}
.comp-refler2 .items.stil2 .imaj{padding: 5% 24%;}
.comp-refler2 .items{gap:30px}
.comp-refler2 .items.stil2{gap: 10px;}
.comp-cta-kutu .items .item{padding:25px}
.comp-header2{height:max(50vh,450px)}
.comp-header2.blog-header{height:max(40vh,400px)}
.comp-orta-yazi .text{font-size:max(1.8vw,22px)}
.refcomp-coklu-mobil .items{gap:5px;padding:10px;height:400px; }
.comp-surec2 .items .item .sag .sonuc{font-size:13px}
.comp-cta .items{flex-flow:column;padding:40px}
.comp-cta .items .sag{max-width:100%}
.comp-cta .items .sol .rakam{font-size:max(7vw,70px)}
.comp-cta .items .sol .text{font-size:36px}
.comp-blog-sayfa-liste .items .item{flex-flow:column-reverse;gap:15px}
.comp-blog-sayfa-liste .items .item .sag{flex-flow:column;gap:35px}
.comp-blog-sayfa-liste .items .item .sag h2{font-size:30px}
.comp-blog-sayfa-liste .items .item .sag .devami{display:none}
.comp-blog-sayfa-liste .items .item .sag .link{padding:0}
.comp-blog-sayfa-liste .items .item .sol .kategori a{font-size:18px}
.comp-blog-sayfa-liste .items{gap:10vh 0}
.sec-tanisalim .items{flex-flow:column;min-height:100vh;height:max-content;overflow-y:auto;height:100%;display:block;min-height:100vh;background:var(--beyaz)}
.sec-tanisalim .items .sol .baslik{font-size:max(3vw,40px);line-height:normal;font-weight:600}
.sec-tanisalim .items .sol svg{width:150px}
.sec-tanisalim .items .sol{gap:0;background:var(--beyaz);padding:2vw 5vw;display:block;padding:5vw;width:100%;text-align:center}
.sec-tanisalim .items .sag .formdis{font-size:20px}
.comp-ikili-resim .imaj{width:100%}
.comp-tesekkur .items .item{font-size:max(8vw,60px);text-align:center}
.comp-slogan2 .items .ust .kucuk{font-size:max(7vw,50px)}
.comp-calismalar.coklu .items .item.kucuk{width:100%}
.comp-calismalar .items .item.light a{color:var(--siyah)}
.comp-calismalar .items .item.kucuk .text{padding:25px 0}
.comp-cta .items .sag .ust{font-size:22px;margin:20px 0 0}
.header .menuitems ul li>a:after{left:0;transform:translateX(0)}
.comp-single{gap:25px 0}
.comp-single-detay .entry-header h1{font-size:42px}
.comp-single-detay .entry-header{text-align:left}
.comp-single-detay .entry-header .entry-meta{align-items:flex-start;margin:20px 0 0}
.comp-single-detay .entry-header .entry-meta time{font-size:100%}
.comp-single-detay article{gap:30px 0}
.sec-tanisalim .items .sag2{height:auto;min-height:fit-content;width:100%;box-shadow:none;border-top:1px solid var(--bg2)}
.progress-container{top: 80px;margin-top:-25px}
.comp-arama .arama .arama-item{flex:1}
.comp-arama .arama .arama-item input,.comp-header1 .arama .arama-item select{padding:0 10px;height:45px}
.comp-arama .arama .arama-item label{font-size:16px}
.comp-arama .arama .arama-item input[type=submit],.comp-header1 .arama .arama-item button[type=submit]{padding:10px 20px}
.comp-arama .arama{margin:0;padding:20px 0}
.footer{margin-top:50px}
.sec-tanisalim .items .sol .icon{font-size:70px}
.comp-tanisalim .tanisalimkaydir span{font-size:max(6vw,60px)}
}
.comp-hws-slider{opacity:1;float:left;width:100%;margin-top:7vh;position:relative}
.comp-hws-slider .item{opacity:1;width:100%;float:left}
.comp-hws-slider .item .owl-carousel{opacity:1}
.comp-hws-slider .owl-item{opacity:1;max-width:50%}
.comp-hws-slider .itemic{opacity:1;float:left;width:100%;padding:50px;overflow:hidden;min-height:600px;position:relative;display:flex}
.comp-hws-slider .itemic .text{opacity:1;float:left;width:100%;display:flex;flex-flow:column;justify-content:space-between;max-width:50%}
.comp-hws-slider .itemic .ust{opacity:1;float:left;width:100%}
.comp-hws-slider .itemic .ust .baslik{opacity:1;font-size:max(2vw,36px);font-weight: 600;float:left;width:100%}
.comp-hws-slider .itemic .ust .aciklama{opacity:1;font-size:22px;margin:10px 0;float:left;width:100%}
.comp-hws-slider .itemic .alt{opacity:1;float:left;width:100%}
.comp-hws-slider .itemic .alt .link{opacity:1;float:left;color:var(--siyah);padding:5px 0;font-size:16px;font-weight:500;border-bottom:2px solid var(--siyah)}
.comp-hws-slider .itemic .arkaplan{opacity:1;float:left;width: 100%;height:100%;position:absolute;top:0;left:0;z-index:-1}
.comp-hws-slider .itemic .arkaplan .imaj{opacity:1;position:absolute;bottom: 0;right: 0;width: 50%;height:100%;}
.comp-hws-slider .itemic .arkaplan .imaj img{opacity:1;max-width: none;float: right;width: auto;height:100%;}
.comp-hws-slider .items{opacity:1;float:left;width:100%;padding-bottom:50px}
.comp-hws-slider .itemic.dark,.comp-hws-slider .itemic.dark a{color:var(--beyaz)!important}
.comp-hws-slider .itemic.dark .alt .link{color:var(--beyaz);border-color:var(--beyaz)}
.comp-hws-refler{float:left;width:100%;margin-top:-5vh}
.comp-hws-refler .items{float:left;width:100%;display:flex;flex-flow:wrap;justify-content:center;gap:20px}
.comp-hws-refler .items .item{float:left;width:220px;border:1px solid var(--bg1);background:var(--bg1)}
.comp-hws-refler .items .item .imaj{float:left;width:100%;padding:5% 25%;display:flex;align-items:center;justify-content:center;height:100%}
.comp-hws-refler .items .item .imaj img{float:left;width:auto;max-width:100%;filter:grayscale(1)}
.comp-hws-refler .link{float:left;width:100%;display:flex;justify-content:center;align-items:center;margin:50px 0 0}
.comp-hws-refler .link a{opacity:1;border:2px solid var(--mavi);color:var(--beyaz);transition:none;border-radius:30px;padding:15px 30px;font-weight:700;font-size:14px}
.comp-hws-kategori{float:left;width:100%;position:relative}
.comp-hws-kategori .items{float:left;width:100%;gap:40px}
.comp-hws-kategori .items .item{float:left;border:1px solid #ddd;padding:40px;min-height:550px;display:flex;flex-flow:column;justify-content:space-between;align-items:flex-end;width:25%;position:relative}
.comp-hws-kategori .items .item .text{float:left;width:100%;margin-bottom:5vw;color:var(--siyah);position:relative;z-index:1}
.comp-hws-kategori .items .item .text .baslik{float:left;width:100%;font-size:16px;font-weight:500;margin:0}
.comp-hws-kategori .items .item .text .aciklama{float:left;width:100%;font-size:26px;font-weight:500;line-height:1.2;margin:10px 0}
.comp-hws-kategori .items .item .devamlink{float:right;background:var(--siyah);color:var(--beyaz);width:30px;height:30px;aspect-ratio:1;border-radius:100px;text-align:center;line-height:30px;font-size:14px;padding:0;border:none;outline:none;position:relative;z-index:1}
.comp-hws-kategori .items .item .detay{float:left;visibility:hidden;position:fixed}
.comp-hws-kategori .items .item .detay .detayic{float:left}
.comp-hws-kategori .items .item .detay .detayic .title{float:left}
.comp-hws-kategori .items .item .detay .detayic .desc{float:left}
.comp-hws-kategori .items .item .arkaplan{opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.comp-hws-kategori .items .item .arkaplan img{opacity:1;width:100%;height:100%;object-fit:cover}
.comp-hws-kategori.stil2{background:var(--beyaz);padding:10vh 0}
.comp-hws-kategori.stil2 .items{display:flex;flex-flow:wrap}
.comp-hws-kategori.stil2 .items .item{min-width:calc(25% - 40px)}
.comp-teknolojiler{float:left;width:100%}
.comp-teknolojiler .items{float:left;width:100%;display:flex;flex-flow:column;align-items:center;justify-content:center}
.comp-teknolojiler .items .item{display:inline-block;position:relative}
.comp-teknolojiler .items .item img{display:inline-block;max-width:100%}
.comp-teknolojiler .items .item .sabit{float:left;position:absolute;top:0;left:0;z-index:1}
.sec-urunler-liste{float:left;width:100%;background:var(--gri1);padding:10px 0 40px}
.sec-urunler-liste .standart-baslik{opacity:1;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between}
.sec-urunler-liste.sec-urunler-liste-anasayfa{opacity:1;float:left;width:100%;background:#fafbfd;padding:50px 0}
.sec-urunler-liste .items{opacity:1;float:left;width:100%;position:relative}
.sec-urunler-liste .items .item{opacity:1;padding:15px}
.sec-urunler-liste .items .item .item-ic{opacity:1;background:var(--beyaz);float:left;width:100%;box-shadow:1px 1px 18px 1px #15284b1a;border-radius:15px;transition:.2s;border:2px solid transparent;position:relative;height:100%;display:flex;flex-flow:column;justify-content:space-between;overflow:hidden}
.sec-urunler-liste .items .item .imaj{opacity:1;float:left;width:100%;position:relative;padding:10px}
.sec-urunler-liste .items .item .imaj a{opacity:1;float:left;width:100%;text-align:center;position:relative;overflow:hidden;border-radius:10px}
.sec-urunler-liste .items .item .imaj a span{opacity:1;position:absolute;display:inline-block;background:var(--yesil);color:var(--beyaz);padding:5px 15px;border-radius:100px;font-weight:600;width:fit-content;left:50%;top:50%;transform:translate(-50%,0%);transition:.5s;opacity:0;font-size:14px}
.sec-urunler-liste .items .item .imaj a:hover span{opacity:1;transform:translate(-50%,-50%)}
.sec-urunler-liste .items .item .imaj a img{opacity:1;display:inline-block;max-width:100%;width:auto;text-align:center;border-radius:10px;height:250px;width:100%;object-fit:cover;transform:scale(1);transition:1s}
.sec-urunler-liste .items .item .yazi{opacity:1;float:left;width:100%;position:relative}
.sec-urunler-liste .items .item .yazi .urun-adi{opacity:1;padding:10px;float:left;display:flex;align-items:center;justify-content:space-between;width:100%;flex-flow:row}
.sec-urunler-liste .items .item .yazi .fiyat{opacity:1;float:left;width:100%;position:relative;border-top:1px solid #ecf0f2;padding:10px;color:var(--yesil);font-size:18px;font-weight:600;display:flex;flex-flow:row;align-items:center;justify-content:space-between}
.sec-urunler-liste .items .item .item-ic:hover{border-color:var(--beyaz)}
.sec-urunler-liste .items .item .item-ic .etiket{opacity:1;position:absolute;top:0;right:0;background:#ff3d71;color:var(--beyaz);padding:10px 15px;font-size:14px;font-weight:500;border-bottom-left-radius:10px;border-top-right-radius:10px;z-index:2}
.sec-urunler-liste .items .row{display:flex;flex-flow:wrap}
.sec-urunler-liste .standart-baslik .link{border:1px solid var(--siyah);color:var(--siyah);transition:none;border-radius:30px;padding:15px 30px;font-weight:700;font-size:14px}
.sec-urunler-liste .items .item .yazi .fiyat .link{opacity:1;font-size:14px;padding:8px 16px;border-radius:100px;color:var(--siyah);background:var(--gri1);transition:.2s;text-decoration:none}
.sec-urunler-liste .items .item .yazi .fiyat .link:hover{background:var(--yesil);color:var(--beyaz)}
.sec-urunler-liste .items .item .yazi .ucret{opacity:1;float:left;display:flex;flex-flow:column}
.sec-urunler-liste .items .item .item-ic:hover .imaj img{transform:scale(1.4)}
.sec-urunler-liste .items .item .yazi .fiyat del{font-size:12px;color:var(--siyah);opacity:.4}
.sec-urunler-liste .items .item .yazi .fiyat ins{background:none}
.sec-urunler-liste .items .item .yazi .urun-adi .adi{color:var(--siyah);font-size:18px;font-weight:600;line-height:1.2;text-align:left;float:left;text-decoration:none}
.sec-urunler-liste .items .item .yazi .urun-adi .iconlar{opacity:1;display:flex;flex-flow:row;float:right;gap:7px;margin:0}
.sec-urunler-liste .items .item .yazi .urun-adi .iconlar a{opacity:1;border:2px solid var(--gri1);padding:5px 8px;border-radius:8px;color:var(--siyah);font-size:12px;font-weight:500;transition:.2s;text-decoration:none;font-weight:700;width:max-content}
.sec-urunler-liste .items .item .yazi .urun-adi .iconlar a i{opacity:1}
.sec-urunler-liste .items .item .yazi .urun-adi .iconlar a:last-child{border-color:var(--gri1);color:var(--siyah)}
.sec-urunler-liste .items .item .yazi .urun-adi .iconlar a:last-child:hover{background:var(--siyah);color:var(--beyaz);border-color:var(--siyah)}
.sec-urunler-liste .items .item .yazi .urun-adi .adi:hover{color:var(--yesil)}
.comp-hws-kategori-sayfa{float:left;width:100%}
.comp-hws-kategori-sayfa .comp-hws-kategori-sayfa-items{float:left;width:100%;display:flex;flex-flow: row;gap:50px;padding: 30px 0;}
.comp-sol-kat-liste{float:left;position:sticky;top:60px;min-width:300px;width:auto;flex:1; background: #fff; border-radius: 8px;}
.comp-sol-kat-liste .items{float:left;width:100%;color:var(--siyah);padding: 5px;}
.comp-sol-kat-liste .items .baslik{float:left;width:100%;font-size: 16px;font-weight:500;background: var(--bg1);padding: 10px 20px;border-radius: 5px; border: 1px solid #e3e8ed;margin-bottom: 5px;display: flex;align-items: center;justify-content: space-between;}
.comp-sol-kat-liste .items ul{float:left;width:100%;padding:0;margin:0;list-style:none}
.comp-sol-kat-liste .items ul li{float:left;width:100%;padding:5px 0;border-bottom:1px solid #0000000f}
.comp-sol-kat-liste .items ul li a{float:left;width:100%;color:var(--siyah);padding:5px;font-size: 15px;}
.comp-sol-kat-liste .items ul li a i{width:30px;font-size:120%;font-weight:500}
.comp-hws-paket-liste{float:left;position:relative;flex: 4;width: 100%;}
.comp-hws-paket-liste .items{float:left;width:100%;display: grid;gap: 20px;grid-auto-flow: row;grid-template-columns: repeat(3, 1fr);}
.comp-hws-paket-liste .items .item{float:left;padding:25px;background:var(--beyaz);border-radius: 8px;border: 1px solid #edeff1;}
.comp-hws-paket-liste .item .kategori{float:left;width:100%;font-size: 12px;color: var(--yes2);}
.comp-hws-paket-liste .item .kategori a{float:left;border-radius:0;color:var(--yes2);font-weight:500;font-size:14px}
.comp-hws-paket-liste .item .adi{float:left;width:100%}
.comp-hws-paket-liste .item .adi a{float:left;width:100%;font-size: 18px;color:var(--siyah);font-weight:500}
.comp-hws-paket-liste .item .imaj{float:left;width:100%;margin:20px 0}
.comp-hws-paket-liste .item .imaj a{float:left;width:100%;overflow: hidden;cursor: pointer;border-radius: 10px;}
.comp-hws-paket-liste .item .imaj a img{float:left;width:100%;transition: .7s;cursor: pointer;border-radius: 5px;}
.comp-hws-paket-liste .item .alt{float:left;width:100%;display:flex;flex-flow:row;align-items: end;justify-content:space-between}
.comp-hws-paket-liste .item .alt .sol{float:left;display:flex;flex-flow:column}
.comp-hws-paket-liste .item .alt .sol .eski-fiyat{float:left;width:100%;font-size: 11px;opacity:.5;font-weight: 600;}
.comp-hws-paket-liste .item .alt .sol .yeni-fiyat{float:left;width:100%;font-size:20px;font-weight:600}
.comp-hws-paket-liste .item .alt .sag{float:left;display:flex;flex-flow:row;gap:10px}
.comp-hws-paket-liste .item .alt .sag .detay{float:left;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg1);border-radius:100px;color:var(--siyah)}
.comp-hws-paket-liste .item .alt .sag .satinal{background:var(--yes2);border-radius:100px;color:var(--beyaz);min-width:fit-content;padding:0 15px;display:flex;align-items:center;height: 36px;font-size: 15px;gap: 5px;font-weight: 500;text-decoration: none;transition: .2s;cursor: pointer;}
.comp-sol-kat-liste .dropdown-menu.open .dropdown-content{display:block}
.comp-sol-kat-liste .dropdown-menu .dropdown-conten{display:none}
.comp-sol-kat-liste .dropdown-toggle{display:none;width:100%;text-align:left;padding:15px;border:1px solid var(--bg2);background:var(--beyaz);font-size:18px;font-weight:500;border-radius:0}
.comp-sol-kat-liste .dropdown-menu{width:100%;float:left;padding: 5px 15px;}
.comp-hws-paket-liste .items .item .itemic{opacity:1;float: left;width: 100%;display: flex;flex-flow: column;}
.comp-hws-paket-liste .item .imaj a:hover img{transform:scale(1.2);}
.comp-hws-paket-liste .item .alt .sag .satinal:hover{color: var(--siyah);background: var(--yesil);box-shadow: 0 10px 15px #73e52a80;}
.comp-hws-paket-liste .hws-liste-filtre{opacity:1;float: left;width: 100%;display: flex;flex-flow: row wrap;margin-bottom: 10px;align-items: center;justify-content: space-between;}
.comp-hws-paket-liste .hws-liste-filtre .baslik{opacity:1;font-size: 14px;color: var(--siyah);opacity: .7;}
.comp-hws-paket-liste .hws-liste-filtre .baslik span{opacity:1;}
.comp-hws-paket-liste .hws-liste-filtre .form{opacity:1;}
.comp-hws-paket-liste .hws-liste-filtre .form form{opacity:1;}
.comp-hws-paket-liste .hws-liste-filtre .form select{opacity:1;height: 35px;font-size: 13px;border-radius: 100px;padding: 0 10px;border: 1px solid #e1e1e1;}
.comp-hws-paket-liste .hws-liste-filtre .form form label{font-size:12px;}
.comp-hws-paket-liste .hws-liste-filtre .form form .arama-item{opacity:1;width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.comp-son-hws-liste{opacity:1; float:left; width:100%;}
.comp-son-hws-liste .comp-hws-paket-liste{margin-top: 5vh;}
.comp-son-hws-liste .ana-baslik{opacity: 1;float: left;width: 100%;font-size: max(3vw, 46px);font-weight: 600;}
.comp-son-hws-liste .alt-baslik{opacity:1;float: left;width: 100%;font-size: 22px;line-height: normal;}
.comp-son-hws-liste .comp-hws-paket-liste .items{opacity:1;}
.comp-hws-paket-liste .navigation{opacity:1;float: left;width: 100%;margin: 20px 0 0 0;padding: 10px;}
.comp-hws-paket-liste .navigation .nav-links{opacity:1;float: left;width: 100%;text-align: center;}
.comp-hws-paket-liste .navigation .nav-links a{opacity:1;padding: 8px 15px;background: var(--beyaz);font-size: 16px;color: var(--siyah);border-radius: 10px;text-decoration: none;transition: .2s;cursor: pointer;}
.comp-hws-paket-liste .navigation .nav-links .prev, .comp-hws-paket-liste .navigation .nav-links .next{opacity:1;}
.comp-hws-paket-liste .navigation .nav-links .current{opacity:1;background: var(--yes2);color: var(--yesil);padding: 8px 15px;border-radius: 10px;font-size: 16px;}
.comp-hws-paket-liste .navigation .nav-links a:hover{background:var(--yes2); color:#fff;}
@media (min-width: 1360px){
.comp-hws-paket-liste .items{opacity:1;grid-template-columns: repeat(4, 1fr);}
.comp-son-hws-liste .comp-hws-paket-liste .items{grid-template-columns: repeat(4, 1fr);gap: 20px;}
}
@media (max-width: 1360px){
.comp-hws-paket-liste .items{opacity:1;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.comp-son-hws-liste .comp-hws-paket-liste .items{grid-template-columns: repeat(4, 1fr);gap: 20px;}
}
@media (max-width:1170px){
.comp-hws-paket-liste .items{opacity:1;grid-template-columns: repeat(2, 1fr);}
.comp-son-hws-liste .comp-hws-paket-liste .items{grid-template-columns: repeat(3, 1fr);gap: 20px;}
}
@media (max-width:768px){
.comp-son-hws-liste .comp-hws-paket-liste .items{grid-template-columns: repeat(1, 1fr);}
.comp-hws-paket-liste .items{opacity:1;grid-template-columns: repeat(1, 1fr);}
.comp-hws-paket-liste .item .adi a{font-size: 16px;word-break: break-word;}
.comp-hws-paket-liste .item .imaj{order: -1;width: 150px;margin: 0;}
.comp-hws-paket-liste .items .item .itemic{width: calc(100% - 150px);}
.comp-hws-paket-liste .item .kategori{font-size:12px;}
.comp-hws-paket-liste .item .alt{flex-flow:column;align-items: flex-start;}
.comp-hws-paket-liste .item .alt .sag .detay{height: 35px;width: auto;padding: 0 10px;font-size: 14px;gap: 5px;}
.comp-hws-paket-liste .item .alt .sag .satinal{padding: 0 15px;font-size: 14px;height: 32px;}
.comp-hws-paket-liste .item .alt .sol{flex-flow:row;align-items: center;gap: 5px;width: 100%;justify-content: flex-start;margin: 5px 0;}
.comp-hws-paket-liste .item .alt .sol .eski-fiyat{width:auto;display: none;}
.comp-hws-paket-liste .item .alt .sol .yeni-fiyat{font-size: 20px;}
}
@media(max-width:768px) {
.comp-son-hws-liste .comp-hws-paket-liste{margin-top:2vh;}
.comp-son-hws-liste .ana-baslik{font-size:30px;font-weight: 600;}
.comp-son-hws-liste .alt-baslik{font-size: 18px;line-height: 1.5;}
.comp-hws-paket-liste .hws-liste-filtre .form{width:100%;}
.comp-hws-paket-liste .hws-liste-filtre .baslik{display:none;}
.comp-header1 .kucuk-baslik{font-size: max(1.5vw,22px);}
.comp-hws-paket-liste .items .item{padding: 10px;display: flex;gap: 15px;width: 100%;}
.comp-sol-kat-liste .dropdown-toggle{display:flex;flex-flow:row;align-items:center;justify-content:space-between;font-size: 16px;background: var(--bg1);border-radius: 6px;}
.comp-sol-kat-liste{width:100%;position:relative;top:0;order: 2;}
.comp-sol-kat-liste .items .dropdown-content{display:none}
.comp-hws-slider{margin-top:3vh}
.comp-hws-slider .items{gap:5%}
.comp-hws-slider .items .item:first-child{margin:0}
.comp-hws-slider .item{width:100%}
.comp-hws-slider .itemic{padding:30px;min-height: 500px;}
.comp-hws-slider .itemic .text{width:100%;max-width:100%}
.comp-hws-refler .items .item{width:calc(50% - 10px)}
.comp-hws-refler .items{gap:15px}
.comp-servisler .stil2 .item .rakam{opacity:1;transform:none}
.comp-hws-kategori .items .item{width:85%;padding:30px;min-height:400px}
.comp-hws-kategori .items{gap:5%}
.comp-cta-kutu .item .ust .liste{padding:0 15px}
.comp-cta-kutu .item .alt .sag .link{padding:12px}
.comp-surec2 .items .item .baslik{font-size:24px}
.comp-cta-kutu .item .alt .ortaok{display:none}
.comp-cta-kutu .item .alt .ortaok:before{transform:rotate(90deg) translate(45%,-10%)}
.comp-cta-kutu .item .alt{flex-flow:column;padding:10px 0 0}
.comp-cta-kutu .item .ust .baslik{font-size:36px}
.comp-cta-kutu .item .ust .liste li{margin:0}
.comp-hws-slider .itemic .ust .baslik{font-size: 30px;}
.comp-hws-kategori-sayfa .comp-hws-kategori-sayfa-items{flex-flow:column;gap:15px 0;padding: 10px 0 10px 0;}
.comp-hws-slider .itemic .ust .aciklama{font-size:20px;}
.comp-hws-slider .itemic .arkaplan .imaj{width: 100%;height: 50%;}
.comp-hws-slider .itemic .alt .link{background: var(--siyah);color: var(--beyaz);font-size: 15px;padding: 8px 16px;border: 1px solid var(--siyah);border-radius: 100px;}
}
.comp-hws-tek{float:left;width:100%;margin-top: 5vh;}
.comp-hws-tek .items{ width:100%;display:flex;flex-flow:wrap;gap:2vw;max-width: 1200px;margin: auto;}
.comp-hws-tek .items .sol{opacity:1;float:left;flex: 3;}
.comp-hws-tek .imaj{opacity:1;float:left;width:100%; box-shadow: 0 20px 20px #00012212;}
.comp-hws-tek .imaj {opacity:1;float:left;width:100%}
.comp-hws-tek .imaj  img{opacity:1;float:left;width:100%;border: 1px solid #ddd;}
.comp-hws-tek .detay{opacity:1;float:left;flex: 2;border-left:1px solid var(--bg2);padding-left:2vw}
.comp-hws-tek .detay .kategori{opacity:1;float:left;width:100%}
.comp-hws-tek .detay .kategori a{opacity:1;float:left;color:var(--yes2);font-weight:600;font-size: 16px;}
.comp-hws-tek .detay .baslik{float:left;width:100%}
.comp-hws-tek .detay .baslik h1{float:left;width:100%;font-size: 40px;font-weight:600;margin: 10px 0;}
.comp-hws-tek .detay .urunkodu{float:left;width:100%;margin:10px 0;font-weight:400;font-size: 16px;}
.comp-hws-tek .detay .urunkodu span{opacity:.6;font-weight:600}
.comp-hws-tek .detay .aciklama{float:left;width:100%;margin:35px 0;font-size:20px;line-height:1.8}
.comp-hws-tek .detay .aciklama ul{opacity:1}
.comp-hws-tek .detay .aciklama ul li{opacity:1}
.comp-hws-tek .detay .aciklama ul li a{opacity:1}
.comp-hws-tek .detay .iconlar{opacity:1;float:left;width:100%;display:flex;flex-flow:wrap;gap:20px;margin: 10px 0 10px;}
.comp-hws-tek .detay .iconlar .icon{opacity:1;display:flex;flex-flow:column;align-items:center;justify-content:center;position:relative;padding:10px 5px;color:var(--siyah);flex:1 1 20%;background:var(--bg1)}
.comp-hws-tek .detay .iconlar .icon span{opacity:1;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:100;height:30px;margin-bottom:5px}
.comp-hws-tek .detay .iconlar .icon small{opacity:1;font-size:13px;font-weight:500;opacity:.8;text-align:center}
.comp-hws-tek .hwsstick{float:left;transition:.1s;padding:15px 0;border-top:1px dashed var(--bg2);border-bottom:1px dashed var(--bg2);background:var(--beyaz);z-index:9;display:flex;flex-flow:column;width: 100%;}
.comp-hws-tek .hwsstick .fiyat{float:left;width:100%;color:var(--yes2);font-weight:500}
.comp-hws-tek .hwsstick .fiyat .eski-fiyat{font-size:16px;color:var(--siyah);opacity: .6;font-weight: 600;}
.comp-hws-tek .hwsstick .fiyat .yeni-fiyat{opacity:1;font-size: 34px;font-weight:700;display:flex;flex-flow: row;align-items:center;gap:20px;justify-content: flex-start;}
.hws-odeme-plann{opacity:1;float: left;width: 100%;margin: 10px 0;}
.hws-odeme-plan table{opacity:1;margin: 0;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
.hws-odeme-plan table td{border: 1px solid #d3dedb;padding: 5px 10px;color: var(--siyah);font-weight: 500;font-size: 15px;font-weight: 600;}
.hws-odeme-plan table tr:nth-child(odd) td{background: #eff7f5;}
.comp-hws-tek .hwsstick .fiyat .yeni-fiyat .taksit{opacity:1;font-size:18px;font-weight:600;color:var(--siyah);margin:0;position:relative;padding-left:20px}
.comp-hws-tek .hwsstick .fiyat .yeni-fiyat .taksit small{opacity:1;float:left;width:100%;font-weight:600;opacity:.6;letter-spacing:-.5px;font-size:70%;margin-bottom:-5px}
.comp-hws-tek .hwsstick .fiyat .yeni-fiyat .taksit:before{content:"";width:1px;height:100%;position:absolute;top:0;left:0;background:var(--siyah);transform:rotate(15deg);opacity:.3}
.comp-hws-tek .hws-butonlar{float:left;width:100%;display:flex;align-items:center;flex-flow:row;justify-content:space-between;gap:25px;margin:30px 0 0;}
.comp-hws-tek .hws-butonlar a{opacity:1;width:50%;padding:0 15px;height: 50px;border:1px solid var(--siyah);border-radius:100px;display:flex;align-items:center;justify-content:center;font-size: 16px;color:var(--siyah);font-weight:600;gap:5px;cursor:pointer;text-decoration:none;transition: .2s;}
.comp-hws-tek .hws-butonlar a:hover{background:var(--siyah); color:var(--beyaz);}
.comp-hws-tek .hws-butonlar .satinal{opacity:1;background:var(--yes2);color:var(--beyaz);border-color:var(--yes2)}
.comp-hws-tek .hws-butonlar .satinal:hover{opacity:1;color: var(--siyah);background: var(--yesil);box-shadow: 0 10px 15px #73e52a80;border-color: var(--yesil);}
.comp-hws-tek .hwsstick .guvenli{opacity:1;float:left;width:100%;color:var(--siyah);display:flex;flex-flow:row;margin:10px 0;gap:10px;border-top:1px solid var(--bg2);border-bottom:1px solid var(--bg2);padding:15px 0;align-items:center}
.comp-hws-tek .hwsstick .guvenli .guvenli-sol{opacity:1;float:left}
.comp-hws-tek .hwsstick .guvenli .guvenli-sol i{opacity:1;font-size:50px;font-weight:100;color:var(--yes2);}
.comp-hws-tek .hwsstick .guvenli .guvenli-sag{opacity:1;display:flex;flex-flow:column;font-size:18px}
.comp-hws-tek .hwsstick .guvenli .guvenli-sag span{opacity:1;font-size: 18px;font-weight:700}
.comp-hws-tek .hwsstick .fiyat .fiyat-baslik{font-size: 14px;font-weight:700;color:var(--siyah);opacity:.6}
.comp-hws-tek .hws-butonlar{ }
.comp-hws-tek .uyaribilgi{opacity:1;float: left;width: 100%;padding: 3%;background: #f5f6f7;font-size: 20px;flex-flow: row;display: flex;align-items: center;gap: 20px; }
.comp-hws-tek .uyaribilgi .icon{opacity:1;color: var(--yes2);background: var(--yesil);display: inline-block;padding: 10px;font-size: 40px;border-radius: 100px;text-align: center;aspect-ratio: 1/1;width: 140px;}
.comp-hws-tek .uyaribilgi .text{opacity:1;}
.comp-hws-tek .items .bilgi{opacity:1;float:left;width:100%;margin: 30px 0;position:relative}
.comp-hws-tek .bilgi .tabs{float:left;width:100%;display:flex;flex-flow:row;justify-content:space-between;gap:20px}
.comp-hws-tek .bilgi .tabs .tab{padding:15px 0;cursor:pointer;border-bottom:2px solid transparent;font-weight:500;font-size:22px;position:relative}
.comp-hws-tek .bilgi .tabs .tab.active{border-color:var(--yes2);color: var(--yes2);}
.comp-hws-tek .bilgi .tab-contents{position:relative;float:left;width:100%;border-top: 1px solid #ddd;padding: 30px 0;}
.comp-hws-tek .bilgi .tab-content{position:relative;opacity:0;transition:.5s;visibility:hidden;height:0;z-index:-1;max-height:0;overflow:hidden;float:left;width:100%;transform:translateY(10%)}
.comp-hws-tek .bilgi .tab-content.active{opacity:1;visibility:visible;height:inherit;z-index:1;max-height:none;transform:translateY(0%)}
.comp-hws-tek .bilgi .tab-content .tabic{opacity:1;float:left;width:100%;font-size:18px;line-height:1.6}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste{opacity:1;float:left;width:100%;margin:0;padding:0;list-style:none;line-height:1.8;display:flex;flex-flow:wrap;gap: 25px;}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item{opacity:1;float:left;width:50%;margin:0;border:1px dashed var(--bg2);flex:1 1 calc(50% - 15px);padding:2vw}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-icon{opacity:1;float:left;width:100%;margin-bottom:20px;font-size:40px}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-icon i{opacity:1;font-weight:100;display:inline-block;color:var(--yes2)}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-baslik{opacity:1;font-weight:500;float:left;width:100%;font-size:24px;margin:0 0 20px;line-height:normal}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-aciklama{opacity:1;float:left;width:100%;font-size:16px;position:relative}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-aciklama ul{opacity:1;margin:0;padding:0;list-style:none}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-aciklama ul li{opacity:1;float:left;width:100%;margin-bottom:10px}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-aciklama ul li:before{content:"";width:6px;height:6px;display:inline-block;background:var(--yes2);margin-right:5px}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-aciklama strong{opacity:1}
.comp-hws-tek .bilgi .tab-content .tabic .metin{opacity:1;float:left;width:100%;font-size: 16px;}
.comp-hws-tek .bilgi .tab-content .tabic .metin ul{opacity:1;padding:0;margin:0}
.comp-hws-tek .bilgi .tab-content .tabic .metin ul li{opacity:1;font-weight:500;margin-bottom:10px}
.comp-hws-tek .bilgi .tab-content .tabic .metin ul li:before{content:"";width:6px;height:6px;display:inline-block;background:var(--siyah);margin-right:5px}
.comp-hws-tek .bilgi .tabs .tab:before{content:"";width:20px;height:5px;background:none;position:absolute;bottom:0;left:50%;background:var(--yes2);opacity:0;transition:.3s;transform:translateX(-50%)}
.comp-hws-tek .bilgi .tabs .tab.active:before{opacity:1;left:0;transform:translateX(0)}
.comp-hws-tek .bilgi .tabs .tab small{opacity:.3;font-weight:800;display:block}
.comp-hws-tek .bilgi .hws-sss{opacity:1;float:left;width:100%}
.comp-hws-tek .bilgi .hws-sss .soru-item{opacity:1;float:left;width:100%;border-bottom:1px solid var(--bg2);padding: 0 0 30px;margin-bottom: 30px;}
.comp-hws-tek .bilgi .hws-sss .soru-item .soru-baslik{opacity:1;float:left;width:100%;font-size: 22px;margin: 0 0 10px;line-height:1.6}
.comp-hws-tek .bilgi .hws-sss .soru-item .soru-cevap{opacity:1;float:left;width:100%;font-size: 15px;line-height: 1.6;opacity: 1;padding-left: 20px;}
.comp-hws-tek .bilgi .hws-sss .soru-item .soru-baslik:before{content:"";width: 6px;height: 16px;display:inline-block;background:var(--yes2);margin-right:5px;}
.sec-hws-satinal-pop{float:left;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--beyaz);z-index:-2;visibility:hidden;opacity:0;transition:.4s ease;overflow:hidden;transform:translateY(-10%)}
.sec-hws-satinal-pop.aktif{z-index:9999;opacity:1;visibility:visible;transform:translateY(0%)}
.sec-hws-satinal-pop .kapatbtn{position:absolute;border:none;font-size:30px;color:var(--siyah);top:1%;right:1%;border-radius:100px;text-align:center;transition:.2s;cursor:pointer;width:50px;height:50px;padding:0;z-index:3;background:none}
.sec-hws-satinal-pop .popic{float:left;width:100%;height:100%;overflow:auto}
.sec-hws-satinal-pop .items{float:left;width:100%;display:flex;flex-flow:wrap;min-height:100vh}
.sec-hws-satinal-pop .items .item{float:left;width:100%;padding:50px 5vw;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:50px;flex:1}
.sec-hws-satinal-pop .items .item .itemic{float:left;width:100%;border-bottom: 2px dashed #ddd;padding-bottom: 20px;}
.sec-hws-satinal-pop .items .item .whatsapp-fix{opacity:1;width:100%;position:fixed;bottom:0;left:0;z-index:9;padding: 10px;background: var(--yes2);box-shadow:0 -20px 20px #00000021;display:none;border: none;}
.sec-hws-satinal-pop .sag{float:left;width:100%}
.sec-hws-satinal-pop .item .item-baslik{float:left;width:100%;display:flex;flex-flow:row;gap:10px;font-size:28px;font-weight:500;margin:0 0 15px;align-items:center}
.sec-hws-satinal-pop .item .whatsapp-btn{background:#26ad37;display:inline-block;width:100%;padding: 8px;border-radius:100px;color:var(--beyaz);text-align:center;font-size: 16px;font-weight:600;display:flex;align-items:center;justify-content:center}
.sec-hws-satinal-pop .item .whatsapp-btn i{font-size:40px;font-weight:100;margin-right:5px}
.sec-hws-satinal-pop .item .item-baslik .rakam{width:28px;height:28px;background:var(--siyah);border-radius:100px;display:flex;align-items:center;justify-content:center;color:var(--beyaz);padding:0;text-align:center;font-size:16px;opacity:1}
.sec-hws-satinal-pop .sag{background:var(--beyaz)}
.sec-hws-satinal-pop .sag .formdis{float:left;width:100%}
.sec-hws-satinal-pop .sag .form-aciklama{float:left;width:100%;margin-bottom:30px;font-size:16px}
.sec-hws-satinal-pop .sag .formdis form{float:left;width:100%}
.sec-hws-satinal-pop .sag .formdis form p{float:left;width:100%;margin-bottom:25px}
.sec-hws-satinal-pop .sag .formdis form label{font-weight:600;width:100%;font-size: 16px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;color:var(--siyah);margin-bottom:5px;opacity:.8;margin: 0 !important;!i;!;margin-bottom: 5px !important;!i;!;}
.sec-hws-satinal-pop .sag .formdis form input{width:100%;height:50px!important;border:1px solid var(--bg2);border-radius:0;padding:10px;font-size: 16px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
.sec-hws-satinal-pop .sag .formdis form textarea{float:left;width:100%;border:1px solid var(--bg2);border-radius:0;padding:10px;height:100px;max-width:100%;max-height:100px}
.sec-hws-satinal-pop .sag .formdis form button.forminator-button-submit{height:55px!important;opacity:1;width:fit-content;padding:0 50px!important;background:var(--yes2);color:var(--beyaz);border-radius:100px!important;font-weight:600;font-size:18px;margin:10px 0;border:none}
.sec-hws-satinal-pop .sol{float:left;width:100%;background:var(--bg1)}
.sec-hws-satinal-pop .sol .urun-bilgi{float:left;width:100%}
.sec-hws-satinal-pop .sol .urun-bilgi .ust{float:left;width:100%;display:flex;flex-flow:row;gap: 15px;align-items: center;}
.sec-hws-satinal-pop .sol .urun-bilgi .ust .imaj{float:left}
.sec-hws-satinal-pop .sol .urun-bilgi .ust .imaj img{float:left;max-width: 80px;width:100%; border-radius:0;border: 2px solid #ddd;););););););););}
.sec-hws-satinal-pop .sol .urun-bilgi .ust .metin{float:left}
.sec-hws-satinal-pop .sol .urun-bilgi .ust .metin .baslik{float:left;width:100%;margin:0;font-size:24px;font-weight:500}
.sec-hws-satinal-pop .sol .urun-bilgi .alt{float:left;width:100%}
.sec-hws-satinal-pop .sol .urun-bilgi .alt .alt-baslik{float:left;width:100%}
.sec-hws-satinal-pop .sol .urun-aciklama{float:left;width:100%}
.sec-hws-satinal-pop .sol .urun-aciklama ul{float:left;width:100%;list-style:none;margin:0;padding:0}
.sec-hws-satinal-pop .sol .urun-aciklama ul li{float:left;width:100%;font-size:16px;padding:10px;position:relative;font-weight:400;border-bottom:1px solid var(--bg2)}
.sec-hws-satinal-pop .sol .urun-aciklama ul li:last-child{border:none}
.sec-hws-satinal-pop .sol .urun-fiyat{float:left;width:100%;font-weight:700;font-size:28px}
.sec-hws-satinal-pop .sol .urun-fiyat bdi{float:left;width:100%;color:var(--yes2)}
.sec-hws-satinal-pop .sol .urun-hediye{opacity:1;font-size:16px;font-weight:500}
.sec-hws-satinal-pop .sol .urun-aciklama ul li:before{content:"";width:6px;height:6px;display:inline-block;background:var(--siyah);margin-right:10px}
.sec-hws-satinal-pop .sol .urun-aciklama strong{font-weight:600}
.sec-hws-satinal-pop .items .item .itemic:last-of-type{border:none;}
@keyframes gosterkaydir {
0%{transform:translateY(0)}
50%{transform:translateY(-100vh)}
100%{transform:translateY(0)}
}
.hws-header{opacity:1;float: left;width: 100%;padding: 6vh 0;position: relative;}
.hws-header .items{opacity:1;float: left;width: 100%;text-align: center;display: flex;flex-flow: column;align-items: center;}
.hws-header .ust-baslik{opacity:1;width: 100%;font-size: 24px;margin: 10px 0;}
.hws-header .ana-baslik{opacity:1;width: 100%;font-size: max(3.5vw,54px);font-weight: 600;margin: 10px 0;}
.hws-header .alt-baslik{opacity:1;width: 100%;font-size: 20px;margin: 10px 0;}
.hws-header .arama-item{opacity:1;max-width: 500px;margin: auto;background: #edeff1;width: 100%;padding: 7px;border-radius: 100px;border: 2px solid #e5e8ea;margin: 30px 0 0 0;}
.hws-header .arama-item form{opacity:1;float: left;width: 100%;background: #fff;padding: 5px;border-radius: 100px;flex-flow: row;display: flex;gap: 5px;border: 1px solid #e5e8ea;}
.hws-header .arama-item form label{opacity:1;}
.hws-header .arama-item form input{opacity:1;height: 40px;font-size: 15px;font-weight: 400;padding: 0 10px;width: 100%;border: none;border-radius: 100px;}
.hws-header .arama-item form button{opacity:1;width: auto;min-width: fit-content;font-size: 15px;padding: 0 20px;border-radius: 100px;background: var(--yesil);color: var(--siyah);border: none;height: 40px;font-weight: 500;}
.hws-header .headerbg{opacity:1;float: left;width: 100%;height: 100%;top: 0;left: 0;position: absolute;background-image: url(//rotaquest.quest/wp-content/themes/onurturkayv2/imaj/hwsbg2.jpg);background-size: cover;z-index: -1;opacity: .5;}
.hws-header .headerbg:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 250px;background: linear-gradient(180deg, #fff, transparent);}
.sec-surec1{float: left;width: 100%;background: var(--gri1);}
.sec-surec1 .items{float: left;width: 100%;display: flex;flex-flow: wrap;gap: 15px;border-bottom: 1px solid #0000000f;z-index: 2;position: relative;padding: 30px 0;}
.sec-surec1 .items .item{float: left;padding: 0;flex: 1;}
.sec-surec1 .items .item .itemic{float: left;width: 100%;background: var(--beyaz);border-radius: 10px;display: flex;flex-flow: row;align-items: center;justify-content: space-between;padding: 16px 12px;gap: 15px;height: 100%;}
.sec-surec1 .items .item .solicon{display: flex;height: 46px;background: var(--yes2);border-radius: 100px;padding: 0;float: left;align-items: center;justify-content: center;font-size: 20px;aspect-ratio: 1;color: var(--yesil); }
.sec-surec1 .items .item .text{float: left;width: 100%;}
.sec-surec1 .items .item .text .baslik{float: left;width: 100%;margin: 0;font-size: 18px;font-weight: 500;text-align: left;}
.sec-surec1 .items .item .text .aciklama{float: left;width: 100%;font-weight: 400;font-size: 14px;margin: 0;}
.sec-surec1 .items .item .sagicon{opacity: 1;height: 50px;background: var(--bg1);aspect-ratio: 1;border-radius: 100px;color: var(--yes2);display: flex;align-items: center;justify-content: center;font-size: 20px;display: none;}
.sec-surec1 .items .item .icons{float:left;}
.sec-surec1 .items .item .icons span{float:left;}
.sec-surec1 .items .item .icons i{float:left;}
.sec-surec1 .baslik{opacity:1;width: 100%;float: left;text-align: center;font-size: 34px;margin: 40px 0;font-weight: 600;}
.sec-tanisalim .items .sag2 .teklif-form{opacity:1;float:left;width:100%;display:flex;flex-flow:column}
.forminator-pagination-progress{opacity:1;margin-bottom:10px!important;}
.forminator-progress-bar{background:var(--bg2)!important;}
.forminator-progress-bar span{background:var(--yes2)!important;}
.forminator-label{font-size:30px!important;;font-weight:600!important;line-height:1.6!important;margin-bottom:30px!important;}
.forminator-pagination-footer button{width:auto!important;background:var(--siyah)!important;color:var(--beyaz)!important;font-weight:600!important;font-size:16px!important;padding:10px 15px!important;border-radius:2px!important;margin:0!important}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-radio .forminator-radio-bullet:before{ border-radius:2px!important; !i;!;}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-radio .forminator-radio-bullet:after{background:var(--siyah)!important;}
.forminator-label.forminator-floating--textarea.forminator-floating--textarea{font-size:18px!important;padding:10px!important}
.forminator-checkbox-label,.forminator-radio-label{font-size:18px!important;font-weight:500!important;}
.forminator-checkbox,.forminator-radio{border:1px solid #ddd!important;padding:15px!important;margin:8px 0!important}
.forminator-label.forminator-floating--input{font-size:18px!important}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-radio .forminator-radio-bullet{border-radius:2px!important;border-color: var(--siyah)!important;!i;!;}
.forminator-success{background:var(--bg2)!important;box-shadow:none!important;font-size:26px!important;line-height:normal!important;padding:0!important;text-align:center!important}
.forminator-success a{color:var(--siyah)!important;font-size:18px!important;padding:15px 30px!important;background:var(--yes2)!important;color:var(--beyaz)!important;border-radius:100px!important;margin:20px!important;display:inline-block!important;font-weight:600!important}
.forminator-ui{margin:0!important}
.forminator-error-message{color:var(--kirmizi)!important;font-weight:500!important;padding:0!important;font-size:13px!important}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-checkbox .forminator-checkbox-box:before{color:var(--yes2)!important;}
.forminator-design--material .forminator-checkbox input:checked + span[aria-hidden], .forminator-design--material .forminator-checkbox:hover span.forminator-checkbox-image, .forminator-design--material .forminator-checkbox input:checked ~ span.forminator-checkbox-image{border-color: var(--yesil)!important;background: var(--yesil);}
.forminator-design--material .forminator-radio input:checked + span[aria-hidden], .forminator-design--material .forminator-radio:hover span.forminator-radio-image, .forminator-design--material .forminator-radio input:checked ~ span.forminator-radio-image{border-color:var(--yes2)!important}
.forminator-design--material .forminator-radio span[aria-hidden]:before{background:var(--yesil)!important;}
@media(max-width:768px) {
.comp-hws-tek .bilgi .tab-content .tabic .detayliste{gap:15px;}
.hws-header .headerbg{opacity:.9}
.sec-surec1{opacity:1}
.sec-surec1 .items .item .text .aciklama{font-size:14px;display: none;}
.sec-surec1 .items .item .solicon{height: 30px;width: 30px;font-size: 12px;font-weight: 700;}
.sec-surec1 .items .item .text .baslik{font-size: 14px;font-weight: 500;text-align: center;}
.sec-surec1 .items{flex-flow: row;gap: 5px;padding: 10px 0;}
.sec-surec1 .items .item { flex: auto;}
.sec-surec1 .items .item .itemic{padding: 10px 5px;border-radius: 6px;flex-flow: column;justify-content: flex-start;gap: 5px;}
.hws-header .arama-item form button{font-size:14px;}
.hws-header .arama-item form input{font-size:14px;}
.hws-header .arama-item {padding: 2px;margin: 15px 0 0 0;}
.hws-header{padding: 4vh 0;}
.hws-header .ust-baslik{font-size: 18px;margin:10px 0;line-height:normal;}
.hws-header .ana-baslik{font-size: 34px;margin:5px 0;line-height:normal;}
.hws-header .alt-baslik{font-size: 14px;margin:5px 0;display:none;}
.comp-hws-tek .uyaribilgi{font-size: 18px;padding:5%;margin:20px 0 0 0;flex-flow: column;align-items: center;justify-content: center;text-align: center;}
.comp-hws-tek .uyaribilgi .icon{font-size: 36px;padding: 5px;width: auto;}
.comp-hws-tek .imaj{box-shadow: 0 10px 10px #00012212;}
.sec-hws-satinal-pop .item .item-baslik .rakam{font-size: 16px;width: 24px;height: 24px;}
.comp-hws-tek .detay .iconlar .icon small{font-size:12px;}
.sec-hws-satinal-pop .items .item .whatsapp-fix{display:block}
.comp-hws-tek .bilgi .hws-sss .soru-item .soru-baslik{font-size: 18px;margin:0 0 10px}
.comp-hws-tek .items{flex-flow: column;}
.comp-hws-tek .hwsstick{padding:15px 0;margin:0 -15px;padding: 10px 15px;z-index: 9;width: calc(100% + 30px);}
.comp-hws-tek{margin-top: 2vh;}
.comp-hws-tek .detay{padding:0;border:none;margin-bottom: -10px;}
.comp-hws-tek .items .sol{display:none;}
.comp-hws-tek .detay .baslik h1{font-size: 28px;margin:10px 0}
.comp-hws-tek .detay .imaj{margin-bottom:25px}
.comp-hws-tek .detay .aciklama{margin:30px 0;font-size:18px}
.comp-hws-tek .detay .urunkodu{margin:5px 0;font-size: 14px;}
.comp-hws-tek .hws-butonlar{position: sticky;z-index: 9;top: 80px;background: #eef7f5;);margin: 0 -15px;width: auto;padding: 12px 15px;box-shadow: 0 10px 10px #001d172e;}
.comp-hws-tek .hws-butonlar a{font-size:16px;height:40px;background: var(--beyaz);}
.comp-hws-tek .hwsstick .fiyat .eski-fiyat{ font-size: 14px; }
.comp-hws-tek .hwsstick .fiyat .yeni-fiyat{font-size: 28px;}
.hws-odeme-plan{opacity:1;padding: 0;margin: 10px 0 0 0;float: left;width: 100%;}
.comp-hws-tek .hwsstick .fiyat .yeni-fiyat .taksit{font-size:16px}
.comp-hws-tek .detay .iconlar{gap:5px}
.comp-hws-tek .detay .iconlar .icon{padding: 10px 2px;}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item{width:100%;flex:1 1 100%;font-size:20px;padding: 15px;}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-icon{font-size: 16px;display:inline-block;margin:0 0 10px;width:auto;float:left;margin: 0;}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-baslik{width:auto;float:none;font-weight:600;font-size: 22px;margin:0 0 10px;display: flex;}
.comp-hws-tek .bilgi .tab-content .tabic .detayliste .list-item .list-baslik h3{font-size: 16px;font-weight: 600;display: inline-block;margin: 0 0 0 5px;}    
.comp-hws-tek .bilgi .tab-content .tabic .detayliste>ol{gap:20px}
.comp-hws-tek .items .bilgi{margin:20px 0;order: 3;}
.comp-hws-tek .bilgi .tabs .tab{padding:5px;font-size:15px;text-align:center;display:flex;align-items:center;justify-content:start;border:1px solid var(--bg3);flex-flow:column;}
.comp-hws-tek .bilgi .tabs{gap: 5px;justify-content:space-between}
.comp-hws-tek .bilgi .tabs .tab.active:before{left:50%;transform:translateX(-50%)}
.comp-hws-tek .bilgi .tabs .tab.active{background:var(--bg1)}
.comp-hws-tek .bilgi .tab-content .tabic{padding: 0;}
.comp-hws-tek .hwsstick .guvenli{margin:5px 0 10px;padding: 8px 15px;background: #005743;border: 1px solid #ddd;color: var(--beyaz);}
.comp-hws-tek .hwsstick .guvenli .guvenli-sol i{font-size:30px;color: var(--beyaz);}
.comp-hws-tek .hwsstick .guvenli .guvenli-sag span{font-size: 18px;}
.comp-hws-tek .hwsstick .guvenli .guvenli-sag{font-size: 16px;font-weight:500}
.comp-hws-tek .hwsstick .fiyat{display:flex;align-items:center;gap:5px;}
.sec-hws-satinal-pop .items{flex-flow:column}
.sec-hws-satinal-pop .item .item-baslik{font-size: 20px;}
.sec-hws-satinal-pop .sol .urun-aciklama ul li{padding:7px}
.sec-hws-satinal-pop .sol .urun-fiyat{font-size: 22px;margin: 5px 0;}
.sec-hws-satinal-pop .items .item{gap: 30px 0;background: var(--beyaz);}
.sec-hws-satinal-pop .sol{padding-bottom:100px!important}
.sec-hws-satinal-pop.aktif .items{animation:gosterkaydir2 2s linear;padding-bottom:80px}
.sec-hws-satinal-pop .sol .urun-bilgi .ust .metin .baslik{font-size: 18px;font-weight: 600;}
.forminator-label{font-size:24px;margin-bottom:15px}
.forminator-checkbox,.forminator-radio{padding:10px!important}
.forminator-checkbox-label,.forminator-radio-label{font-size:16px}
.sec-tanisalim{background:var(--bg2);min-height:100vh}
.header .menuitems ul.sub-menu{width:100%;max-width: 100%!important;flex-flow: column;gap: 15px;}
.header .menuitems ul li{width:100%;}
.header .menuitems ul.sub-menu .ulsubmenu a{font-size:16px;margin: 5px 0;padding: 5px 0;}
.header .menuitems ul.sub-menu>li>a{margin:0;font-size: 18px;}
.header .menuitems .ulsubmenu{padding-left: 15px;}
.comp-hws-slider .itemic .arkaplan .imaj img{max-width:none;width: 100%;object-fit: scale-down;object-position: bottom;height: auto;}
.comp-blog-sayfa-liste .items .item .sag img{max-height:300px;}
.comp-blog-sayfa-liste .items .item .sag .imaj{width:100%;}
}
[data-aos] {
opacity: 0;
transition-property: opacity, transform;
transition-timing-function: ease-out;
transition-duration: 400ms; } [data-aos="fade-up"] { transform: translateY(100px); }
[data-aos="fade-down"] { transform: translateY(-100px); }
[data-aos="fade-in"] { transform: scale(1); }
[data-aos="zoom-in"] { transform: scale(0.6); }
[data-aos="zoom-in-up"] { transform: scale(0.6) translateY(100px); }
[data-aos="zoom-in-down"] { transform: scale(0.6) translateY(-100px); } [data-aos].animate {
opacity: 1;
transform: translateY(0) scale(1);
} [data-aos-duration="100"] { transition-duration: 100ms; }
[data-aos-duration="200"] { transition-duration: 200ms; }
[data-aos-duration="300"] { transition-duration: 300ms; }
[data-aos-duration="400"] { transition-duration: 400ms; }
[data-aos-duration="500"] { transition-duration: 500ms; }
[data-aos-duration="600"] { transition-duration: 600ms; }
[data-aos-duration="700"] { transition-duration: 700ms; }
[data-aos-duration="800"] { transition-duration: 800ms; }
[data-aos-duration="900"] { transition-duration: 900ms; }
[data-aos-duration="1000"] { transition-duration: 1000ms; } [data-aos-delay="100"] { transition-delay: 100ms; }
[data-aos-delay="200"] { transition-delay: 200ms; }
[data-aos-delay="300"] { transition-delay: 300ms; }
[data-aos-delay="400"] { transition-delay: 400ms; }
[data-aos-delay="500"] { transition-delay: 500ms; }
[data-aos-delay="600"] { transition-delay: 600ms; }
[data-aos-delay="700"] { transition-delay: 700ms; }
[data-aos-delay="800"] { transition-delay: 800ms; }
[data-aos-delay="900"] { transition-delay: 900ms; }
[data-aos-delay="1000"] { transition-delay: 1000ms; }
.comp-single-detay .icerik-tablosu{font-size: 16px;padding: 10px;border: 1px solid var(--bg2);margin: 2.5vh 0;}
.posts-navigation .nav-links a{border: 2px solid var(--siyah);color: var(--siyah);padding: 15px 30px;transition: .2s;text-decoration: none;}
.posts-navigation .nav-links a:hover{background:var(--siyah); color:var(--beyaz);}