<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
    ## project name     : Canpa
    ## author           : doanerkan / www.doanerkan.com
    ##Â&nbsp;agency           : sapkavefil.com
    ## date             : 01 Dec 2018
**/


    @import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700&amp;subset=latin-ext');

    @font-face      { font-family: SourceSansPro; font-weight:200; font-style:normal; src: url("/fonts/SourceSansPro-ExtraLight.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; font-weight:200; font-style:italic; src: url("/fonts/SourceSansPro-ExtraLightItalic.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; font-weight:300; font-style:normal; src: url("/fonts/SourceSansPro-Light.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; font-weight:300; font-style:italic; src: url("/fonts/SourceSansPro-LightItalic.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; font-weight:400; font-style:normal; src: url("/fonts/SourceSansPro-Regular.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; font-weight:400; font-style:italic; src: url("/fonts/SourceSansPro-Regular.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; ont-weight:600; font-style:normal; src: url("/fonts/SourceSansPro-SemiBold.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; font-weight:600; font-style:italic; src: url("/fonts/SourceSansPro-SemiBoldItalic.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; font-weight:700; font-style:normal; src: url("/fonts/SourceSansPro-Bold.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; font-weight:700; font-style:italic; src: url("/fonts/SourceSansPro-BoldItalic.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; font-weight:900; font-style:normal; src: url("/fonts/SourceSansPro-Black.ttf") format("truetype"); }
    @font-face      { font-family: SourceSansPro; font-weight:900; font-style:italic; src: url("/fonts/SourceSansPro-BlackItalic.ttf") format("truetype"); }

    @font-face      { font-family: Merriweather; font-weight:300; font-style:normal; src: url("/fonts/Merriweather-Light.ttf") format("truetype"); }
    @font-face      { font-family: Merriweather; font-weight:300; font-style:italic; src: url("/fonts/Merriweather-LightItalic.ttf") format("truetype"); }
    @font-face      { font-family: Merriweather; font-weight:400; font-style:normal; src: url("/fonts/Merriweather-Regular.ttf") format("truetype"); }
    @font-face      { font-family: Merriweather; font-weight:400; font-style:italic; src: url("/fonts/Merriweather-Regular.ttf") format("truetype"); }
    @font-face      { font-family: Merriweather; font-weight:700; font-style:normal; src: url("/fonts/Merriweather-Bold.ttf") format("truetype"); }
    @font-face      { font-family: Merriweather; font-weight:700; font-style:italic; src: url("/fonts/Merriweather-BoldItalic.ttf") format("truetype"); }
    @font-face      { font-family: Merriweather; font-weight:900; font-style:normal; src: url("/fonts/Merriweather-Black.ttf") format("truetype"); }
    @font-face      { font-family: Merriweather; font-weight:900; font-style:italic; src: url("/fonts/Merriweather-BlackItalic.ttf") format("truetype"); }

    ul, li, div, a, img, table,
    tr, td, input, textarea, select
    { box-sizing: border-box; outline:none; }
    a, a:link, a:hover, a:focus   { cursor:pointer; outline:none; }

    body            { background:#fff; color:#333; font:300 14px 'SourceSansPro', sans-serif; margin:0; overflow-x:hidden; }
    .transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px solid; }
    a               { color:#666; font:300 14px 'SourceSansPro', sans-serif; cursor:pointer; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }

    .ta-left        { text-align:left; }
    .ta-right       { text-align:right; }
    .ta-center      { text-align:center; }
    .ta-justify     { text-align:justify; }
    .paddingnone    { padding:0; }
    .dnone          { display:none; }

    .header         { width:100%; height:100px; background:#f2f2f2; }
    .header .logo           { margin-top:25px; }
    .header .logo_cizgi     { margin:20px 25px; }
    .header .logo_cizgi img { height:60px; }
    .header .logo_gptw      { margin-top:20px; }

    .header .menu   { margin-top:37px; display:block; }
    .header .menu ul, .header .menu ul li   { margin:0; padding:0; list-style:none; }
    .header .menu ul li         { float:left; margin:0 0 0 30px; }
    .header .menu ul li:hover &gt; ul          { display:block; }
    .header .menu ul li:hover &gt; a           { color:#EE7C00; }
    .header .menu ul li ul      { position:absolute; margin:0 0 0 -15px; padding:12px 0 0 0; display:none; }
    .header .menu ul li ul li   { padding:0 15px; border-right:#989898 1px solid; margin:0; }
    .header .menu ul li ul li:last-child    { border-right:none; }
    .header .menu ul li ul li a             { color:#989898; font:300 13px 'SourceSansPro', sans-serif; padding:0 0 7px 0; }
    .header .menu ul li ul li a:hover       { border-bottom:#ee7c00 3px solid; }
    .header .menu a     { color:#989898; font:600 18px 'SourceSansPro', sans-serif; }
    .header .menu a:hover   { color:#EE7C00; text-decoration: none; }
    .header .menu i.fa      { color:#989898; font-size:18px; }
    .header .menu i.fa:hover      { color:#EE7C00; cursor:pointer; }

    .slider         { padding:0; }
    .slider .item a .slideContent   { padding: 0 650px; width:100%; color:#fff; display:flex; align-items: center; justify-content:center; flex-direction:column; text-align:center; position:absolute; z-index:2; background:rgba(0,0,0,0.70) }
    .slider .item a .slideContent b { font:300 38px 'Merriweather', sans-serif; line-height:50px; }
    .slider .item a .slideContent:hover   { background:rgba(0,0,0,0.70) }
    .slider .item a .slideContent span  { font:300 15px 'SourceSansPro', sans-serif !important; margin-top:20px; line-height:22px !important; }
    .slider .item .slideContent   { padding: 0 650px; width:100%; color:#fff; display:flex; align-items: center; justify-content:center; flex-direction:column; text-align:center; position:absolute; z-index:2; background:rgba(0,0,0,0.65) }
    .slider .item .slideContent b { font:300 38px 'Merriweather', sans-serif; line-height:50px; }
    .slider .item .slideContent:hover   { background:rgba(0,0,0,0.65) }
    .slider .item .slideContent span  { font:300 15px 'SourceSansPro', sans-serif !important; margin-top:20px; line-height:22px !important; }
    .slideContent3  { width:130px; }
    .slideContent3 img { width:130px; }
    .slideContent3 div.bir    { position:absolute; z-index:1; }
    .slideContent3 div.iki    { position:absolute; z-index:2; }
    .rotateAnimate {
        -webkit-animation: rotation 5s infinite linear;
    }

    @-webkit-keyframes rotation {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(359deg);
        }
    }
    .slider .item a .slideContentMobile   { width:100%; min-height:300px; padding:0 20px; color:#fff;  display:flex; align-items: center; justify-content:center; flex-direction:column; text-align:center; position:absolute; z-index:2; background:rgba(0,0,0,0.65) }
    .slider .item a .slideContentMobile b { font:300 30px 'Merriweather', sans-serif; line-height:32px; }
    .slider .item a .slideContentMobile:hover   { background:rgba(0,0,0,0.70) }
    .slider .item a .slideContentMobile span  { font:300 15px 'SourceSansPro', sans-serif !important; margin-top:20px; line-height:22px !important; }
    .slider .item .slideContentMobile   { width:100%; min-height:300px; padding:0 20px; color:#fff;  display:flex; align-items: center; justify-content:center; flex-direction:column; text-align:center; position:absolute; z-index:2; background:rgba(0,0,0,0.65) }
    .slider .item .slideContentMobile b { font:300 25px 'Merriweather', sans-serif; line-height:32px; }
    .slider .item .slideContentMobile:hover   { background:rgba(0,0,0,0.65) }
    .slider .item .slideContentMobile span  { font:300 15px 'SourceSansPro', sans-serif !important; margin-top:20px; line-height:22px !important; }

    .gricaption     { min-height:220px; background:#E0E0E0; margin:50px 0 120px 0; }
    .homeSpotGri    { min-height:220px; background:#fff; padding:0 30px; display:flex; justify-content:center; flex-direction:column; }
    .homeSpotGri h4     { color:#ee7c00; font:600 28px 'SourceSansPro', sans-serif; margin:0; }
    .homeSpotGri hr     { width:30%; border:none; border-bottom:#ee7c00 3px solid; margin:20px 0; padding:0; }
    .homeSpot       { height:380px; background:#3A3153; margin:30px 0 100px 0; }
    .homeSpotWhite      { min-height:380px; background:#fff; padding:0 30px; display:flex; justify-content:center; flex-direction:column; }
    .homeSpotWhite2     { min-height:300px; background:#fff; padding:0 30px; display:flex; justify-content:center; align-items: center; }
    .homeSpotWhite3     { min-height:300px; background:#fff; padding:0 30px; }
    .homeSpotWhite h4   { color:#000; font:600 28px 'SourceSansPro', sans-serif; margin-bottom:0; }
    .homeSpotWhite hr   { width:30%; border:none; border-bottom:#ee7c00 3px solid; margin:20px 0; padding:0; }
    .homeSpotVideo      { padding:30px; }
    .homeSpotVideo2      { padding:30px; }

    .homeSpotOrange { height:400px; background:#ee7c00; margin:30px 0 100px 0; }
    .homeSpotOrange2 { height:300px; background:#ee7c00; margin:0 0 100px 0; }
    .homeSpotOrange .homeSpotWhite      { min-height:400px; background:#fff; padding:0 30px; display:flex; justify-content:center; flex-direction:column; }
    .sliderKitap    { margin-top:60px; }
    .sliderKitap .owl-controls { top: -5px; }
    .sliderKitap2       { margin-top:60px; }
    .sliderKitap .item  { padding:15px; }
    .sliderKitap2 .item     { padding:15px; }
    .sliderKitap2 .owl-controls { top: -5px; }

    .neisyapariz    { height:450px; display:flex; cursor:pointer; flex-direction: column; align-items: center; justify-content: center; }
    .neisyapariz:hover &gt; span   { width:80%; padding:20px 18px; background:rgba(58,49,83,0.8); }
    .neisyapariz span       { width:70%; background:rgba(238,124,0,0.6); padding:15px; text-align:center; border-radius:50px; color:#fff; font:400 20px 'SourceSansPro', sans-serif; }
    .yal_malzeme            { background:url(../images/yalitim-malzemeleri.png) no-repeat center center; background-size: cover; }
    .yal_uygulama           { background:url(../images/yalitim-uygulamalari.png) no-repeat center center; background-size: cover; }

    .footer         { padding:45px 15px 15px 15px; background:#E0E0E0; }
    .footer hr      { border-bottom:#d7d7d7 1px solid; }
    .footer-slot    { margin:0 20px 20px 20px; line-height:20px; }
    .footer-slot b  { color:#ee7c00; font:600 16px 'SourceSansPro', sans-serif; display:inline-block; margin-bottom:10px; }
    .footer-slot a      { font:300 14px 'SourceSansPro', sans-serif; }

    .social a   { color:#000; font-size:20px; margin:0 0 0 15px; }
    .social a:hover     { color:#ee7c00; }

    .lacibar    { background:#3A3153; display:flex; align-items: center; justify-content: center; min-height:180px; margin:50px 0; }
    .whitebar   { background:#fff; min-height:180px; padding:30px; display:flex; align-content: center; align-items: center; justify-content: center; }
    .whitebar div   { margin:0 15px; }
    .whitebar div b     { color:#EE7C00; font:600 22px 'SourceSansPro', sans-serif; }
    .turuncuCizgi   { width:75px; display:inline-block; height:3px; background:#ee7c00; border:none; }

    .gri-bg     { background:#F2F2F2; padding:30px; }
    .gri-bg .section    { width:25%; float:left; display:flex; background:#ee7c00; flex-direction: column; align-content: center; align-items: center; justify-content: center; text-align:center; }
    .gri-bg .section:hover      { background:#ffa201; }
    .gri-bg .section a img        { margin-bottom:10px; height:70px; padding:10px; display:inline-block; }
    .gri-bg .section:hover &gt; a img      { padding:0 !important; }
    .gri-bg .section a          { width:100%; height:100%; padding:20px 10px; display:block; color:#fff; font:400 14px 'SourceSansPro', sans-serif; text-decoration:none; }
    .gri-bg .section a:hover            { text-decoration:none; }
    .gri-bg .section:nth-child(2n)      { background:#3A3153; }
    .gri-bg .section:nth-child(2n):hover    { background:#61528b; }

    .turuncuHoverAltMenu    { background:#ffa201 !important; }
    .laciverHoverAltMenu    { background:#61528b !important; }

    .pdfLink    { padding:15px; margin-bottom:15px; background:#fff; cursor:pointer; color:#666; font:400 16px 'SourceSansPro', sans-serif; }
    .pdfLink:hover    { background:#3A3153; color:#fff; font:400 16px 'SourceSansPro', sans-serif; }
    .pdfLink div    { margin-right:10px; }

    .greyTabaka { padding:0; background:#F2F2F2; min-height:100px; margin:10px 0 40px 0; padding-top:30px; }
    .greypagination { margin:45px 0; display:flex; align-content: center; align-items: center; justify-content: center; }
    .greypagination a    { background:#fff; color:#000; width:40px; height:35px; margin:1px; display:flex; align-items:center; justify-content:center; justify-items:center; }
    .greypagination a.active    { text-decoration:none; background:#ee7c00; color:#fff; }
    .greypagination a:hover     { text-decoration:none; background:#ee7c00; color:#fff; }
    .greyOrange     { background:url(../images/grey_orange_bar.png) repeat-x center center; min-height:300px; margin-bottom:30px; }
    .referansFoto   { width:100%; height:250px; background:#f2f2f2; float:left; margin-top:15px; }
    .referansFoto a     { width:100%; height:100%; display:block; }
    .refTitleOrange     { background:#fff; width:100%; float:left; margin-bottom:15px; padding:20px; border-bottom:#ee7c00 3px solid; cursor:pointer; }
    .refTitleOrange h4        { margin:0 0 10px 0; padding:0; }
    .refTitleOrange hr        { margin:0 0 10px 0; }
    .refTitleOrange b         { width:100px; display:inline-block; }

    .greyPurple     { background:url(../images/grey_purple_bar.png) repeat-x center center; min-height:300px; margin-bottom:30px; }
    .refTitlePurple     { background:#fff; width:100%; float:left; margin-bottom:15px; padding:20px; border-bottom:#3A3153 3px solid; cursor:pointer; }
    .refTitlePurple h4        { margin:0 0 10px 0; padding:0; }
    .refTitlePurple hr        { margin:0 0 10px 0; }
    .refTitlePurple b         { width:100px; display:inline-block; }

    .ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }
    .ch-grid:after, .ch-item:before { content: ''; display: table; }
    .ch-grid:after { clear: both; }
    .ch-grid li { width:300px; height:300px; display: inline-block; margin:2%; }

    .ch-grid2 { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }
    .ch-grid2:after, .ch-item:before { content: ''; display: table; }
    .ch-grid2:after { clear: both; }
    .ch-grid2 li { width:300px; height:400px; display: inline-block; margin:2% 30px 50px 30px; }

    .mutluSlider .item  { height:280px; }

    .flip-container { -webkit-perspective: 1000; }
    .flipper .front    { border:#ee7c00 3px solid; }
    .flip-container:hover .flipper, .flip-container.hover .flipper { -webkit-transform: rotateY(180deg); }
    .flip-container, .front, .back { width: 250px; height: 250px; }
    .flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; position: relative; }
    .front, .back { -webkit-backface-visibility: hidden; position: absolute; top: 0; left: 0; }
    .front { z-index: 2; border-radius:200px; overflow:hidden; }
    .back { -webkit-transform: rotateY(180deg); padding:30px; background:#ee7c00; margin-left:-30px; color:#fff; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); border-radius:200px; display:flex; justify-content: center; text-align:center; align-content: center; align-items: center; }

    .ch-img-1   { background: url(../images/icon/icon_1.png) no-repeat center center; }
    .ch-img-2   { background: url(../images/icon/icon_2.png) no-repeat center center; }
    .ch-img-3   { background: url(../images/icon/icon_3.png) no-repeat center center; }
    .ch-img-4   { background: url(../images/icon/icon_4.png) no-repeat center center; }
    .ch-img-5   { background: url(../images/icon/icon_5.png) no-repeat center center; }
    .ch-img-6   { background: url(../images/icon/icon_6.png) no-repeat center center; }
    .ch-img-7   { background: url(../images/icon/icon_7.png) no-repeat center center; }
    .ch-img-8   { background: url(../images/icon/icon_8.png) no-repeat center center; }
    .ch-img-9   { background: url(../images/icon/icon_9.png) no-repeat center center; }
    .ch-img-10  { background: url(../images/icon/icon_10.png) no-repeat center center; }
    .ch-img-11  { background: url(../images/icon/icon_11.png) no-repeat center center; }
    .ch-img-12  { background: url(../images/icon/icon_12.png) no-repeat center center; }
    .subText        { padding:20px; text-align:center; }
    .ch-item           { width:100%; height:100%; border:#f8f8f8 2px solid; border-radius: 50%; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.1); cursor: default; background-position:center top; }
    .ch-info-wrap, .ch-info{ position: absolute; width: 260px; height: 260px; border-radius: 50%; }
    .ch-info-wrap      { top: 18px; left: 18px; background: #ee7c00 url(../images/bg.jpg); box-shadow: 0 0 0 20px rgba(255,255,255,0.2),  inset 0 0 3px rgba(115,114, 23, 0.8); }
    .ch-info &gt; div     { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/ }
    .ch-info .ch-info-front { border: #ee7c00 3px solid; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
    .ch-info .ch-info-back {
        opacity: 0; background: #ee7c00; pointer-events: none; display:flex; align-content: center; align-items: center; justify-content: center;
        -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);
        -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s;

    }
    .ch-info h3 { color:#fff; letter-spacing:2px; margin: 0 20px; padding:0; line-height:26px; font:400 16px 'SourceSansPro', sans-serif; text-shadow:0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
    .ch-info p { color: #fff; padding: 10px 5px 0 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); }
    .ch-info p a { display: block; color: #fff; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; }
    .ch-info p a:hover { color: #ff84c5; }
    .ch-item:hover .ch-info-front { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }
    .ch-item:hover .ch-info-back { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto; }

    .greyback   { background:#f5f5f5; margin:200px 0; }
    .greyback .container ul         { margin:-170px 0; }

    .vav_open   { height:540px; border-bottom:#ee7c00 3px solid; }
    .vav_area       { width:50%; height:540px; display:flex; flex-direction: column; justify-content: space-between; }
    .vav_sayac      { width:100%; background:#fff; padding:30px; align-self: flex-start; border-bottom:#ee7c00 3px solid; }
    .vav_sayac b        { color:#ee7c00; font:600 30px 'SourceSansPro', sans-serif; }
    .vav_sayac span     { color:#BABABA; font:300 18px 'SourceSansPro', sans-serif; }
    .vav_sayac hr       { border:none; border-top:#dfdfdf 1px solid; margin:10px 0; padding:0; }
    .vav_sayac h4       { color:#8E8E8E; font:600 40px 'SourceSansPro', sans-serif; margin:0; padding:0; }

    .vav_topText        { width:100%; min-height:300px; max-height:200px; background:#fff; align-self: flex-end; }
    .vav_topText .griTitle      { width:100%; height:55px; float:left; background:#E6E6E6; display:flex; align-items:center; padding:0 23px; }
    .textScrollArea     { width: 100%; height: 245px; float: left; text-align: justify; line-height:22px; overflow: hidden; padding:15px; border-bottom:#ee7c00 3px solid; }
    .textScrollArea2    { width: 100%; height: 160px; margin-bottom:30px; float: left; text-align: justify; overflow: hidden; padding:0; }

    .vavImage   { width:100%; height:300px; float:left; overflow: hidden; }
    .vavText    { width:100%; height:100px; float:left; padding:15px; text-align:left; background:#fff; border-bottom:#EE7C00 2px solid; }
    .vavButton  { width:100%; height:30px; float:left; }
    .begen      { height:30px; background:#ee7c00; color:#fff; font:600 13px 'SourceSansPro', sans-serif; padding:0 10px; display:flex; align-items: center; justify-content: center; align-content:center; }
    .begen:hover      { background:#3A3153; cursor:pointer; }
    .vavText b  { color:#ee7c00; }
    .vavImage a     { width:100%; height:100%; display:block; }
    .vavYou     { line-height:24px; }
    .vavYou b   { color:#ee7c00; font:600 18px 'SourceSansPro', sans-serif; }
    .vavYou b span  { color:#ee7c00; font:300 18px 'SourceSansPro', sans-serif; }

    .turuncuBaslik  { color:#ee7c00; margin-top:70px; }
    .borange        { color:#ee7c00; font:600 18px 'SourceSansPro', sans-serif; }
    .bick       { height:300px; }
    .bick a         { width:100%; height:100%; display:block; }

    .yuvarla_BizeKatil  { width:120px; height:120px; display:inline-block; font:600 11px 'SourceSansPro', sans-serif; margin:15px 5px; }
    .yuvarla_BizeKatil div  { width:120px; height:120px; font:600 11px 'SourceSansPro', sans-serif; border-radius:100px; background:#fff; border:#E6E6E6 2px solid; display:flex; align-items: center; justify-content: center; flex-direction: column; text-align:center; }
    .yuvarla_BizeKatil div:hover    { background:#3A3153; color:#fff; border:#ee7c00 2px solid; cursor:pointer; }
    .aktifbuton div    { background:#3A3153; color:#fff; border:#ee7c00 2px solid; cursor:pointer; }
    .yuvarla_BizeKatil img  { width:40px; margin-bottom:10px; }
    .ilanception    { height:80px; border:#dfdfdf 1px solid; border-radius:4px; overflow:hidden; margin-bottom:15px; cursor:pointer; }
    .ilanception .row   { height:80px; display:flex; align-items: center; justify-items: center; }
    .ilanception .row div    { height:80px; display:flex; align-items: center; justify-items: center; font:600 15px 'SourceSansPro', sans-serif; }
    .ilanception .row div.turuncu a   { border:#fff 2px solid; color:#fff; font:600 14px 'SourceSansPro', sans-serif; padding:5px; width:100%; text-align:center; border-radius:4px; }
    .ilanception:hover &gt; .row div.turuncu    { background:#ee7c00; color:#fff; }

    .ilanIcerik         { line-height:22px; }
    .ilanIcerik strong  { color:#ee7c00; }
    .ilanIcerik ul  { margin-left:30px; }
    .ilanIcerik ul li   { list-style-type:circle; }

    .formInput      { width:100%; padding:10px; border-radius:5px; border:#dfdfdf 1px solid; }
    .askerlikInput  { display:none; }
    .askerlikHr     { display:none; }
    .orangeTitle    { color:#3A3153; }
    .isbasvuruformu h4  { color:#ee7c00; font:600 20px 'SourceSansPro', sans-serif; }
    .basvuruButton  { background:#ee7c00; padding:15px 25px; color:#fff; border:none; border-radius:4px; }
    .basvuruButton:hover    { background:#3A3153; }

    .turuncuBack    { height:150px; background:#ee7c00; }
    .turuncuBack img    { width:500px; margin:-75px 0; }

    .blogContent    { min-height:450px; }
    .blogResim      { width:100%; height:250px; float:left; overflow:hidden; }
    .blogResim a        { width:100%; height:100%; display:block; }
    .blogContent h4     { font:600 18px 'SourceSansPro', sans-serif; margin:10px 0; display:inline-block; }
    .blogContent hr     { margin:10px 0; padding:0; }
    .calendar       { color:#9D9C9C; font-size:11px; }
    .resimBlog      { width:25px; height:25px; float:left; border-radius:50px; overflow:hidden; margin-right:5px; }
    .resimBlog a        { width:100%; height:100%; display:block; }
    .yazarArea      { display:flex; align-items: center;justify-content: center; }

    .owl-carousel-social .item  { padding:15px; }
    .owl-carousel-social .item a img    {  }
    .owl-carousel-social .owl-pagination        { display:none; }
    .bandKaydir { width:100%; position:absolute; z-index:999;  margin-top:15px; display:flex; align-items: center; align-content: center; justify-content:center; }
    .instagramSlide { font:500 24px 'SourceSansPro', sans-serif; color:#ee7c00; }
    .instagramSlide i   { color:#BABABA; }

    .socialBantIconlar      { height:150px; border:#ee7c00 4px solid; padding:50px 0 50px 30px; color:#ee7c00; font:600 22px 'SourceSansPro', sans-serif; margin:75px auto; }
    .socialBantIconlar img.icon      { width: 45px; margin-right:30px; }
    .socialBantIconlar img.bigIcon   { margin-top:-100px; }

    .turuncuOpen    { min-height:30px; background:#ee7c00; margin:30px 0; }
    .turuncuOpen .container    { background:#fff; padding:50px 30px; }
    .turuncuOpen .container div     { min-height:365px; padding:0 30px; background:#fff url(../images/iletisim-cizgi.png) no-repeat right top; }
    .turuncuBold    { color:#ee7c00; font:600 16px 'SourceSansPro', sans-serif; }
    .maviBold       { color:#059BDA; font:600 16px 'SourceSansPro', sans-serif; }

    .iletform input      { width:100%; padding:10px; border:0; background:#f2f2f2; outline:none; display:block; margin-bottom:20px; color:#333; }
    .iletform input[type=submit]      { width:200px; text-align:center; padding:10px 10px; background:#000; border:0; outline:none; display:inline-block; margin-bottom:15px; color:#fff; }
    .iletform input[type=submit]:hover      { color:#fff; background:#333; }
    .iletform textarea   { width:100%; padding:10px; border:0; border:none; background:#f2f2f2; outline:none; display:block; margin-bottom:20px; color:#333; }

    .greyBack   { background:#8E8E8E; padding:50px 30px; }

    .menuTus    { font-size:20px; padding:35px 0 0 0; display:none; }

    .footSocial     { text-align:right; }

    #confetti, #confettimobile      { position:absolute; top:0; left:0; z-index:1; }

    .mutluSlider .owl-controls      { top:-10px; }

    .phoneMenu          { width:90%; height:100%; background:#E0E0E0; position:fixed; z-index:9999; overflow: scroll; overflow-x:hidden; display:none; color:#fff; }
    .phoneMenu ul, .phoneMenu ul li     { padding:0; margin:0; list-style:none; }
    .phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#f2b045; font:normal 28px 'SourceSansPro', sans-serif; }
    .phoneMenu ul           { display:block; padding:20px 0 0 20px; }
    .phoneMenu ul li            { width:95%; float:left; padding:15px 0; border-bottom:#d2d2d2 1px solid; }
    .tumli      { display:none; border:none; padding:7px 0 !important; width:90% !important; margin-left:5% !important; }
    .tumli a    { color:#ee7c00; padding:0 0 5px 0; font:500 15px 'SourceSansPro', sans-serif !important; }
    .tumli a:hover    { color:#d87100; }
    .phoneMenu ul li a              { display:block; color:#ee7c00; font:600 20px 'SourceSansPro', sans-serif; text-decoration:none; }
    .phoneMenu ul li a:active,.phoneMenu ul li a:focus       { color:#ee7c00 !important; text-decoration:none; }
    .phoneMenu ul li a:hover            { text-decoration:none; color:#ee7c00; }
    .phoneMenu .xclose           { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

    .basvurForm     { color:#fff; font:500 14px 'SourceSansPro', sans-serif !important; background:#ee7c00; padding:15px; border-radius:4px; display:inline-block; }
    .basvurForm:hover     { color:#000; background:#BABABA; text-decoration:none; }

    #map_wrapper    { height: 400px; }
    #map_canvas     { width: 100%; height: 100%; }

    .blogContent h1     { color:#ee7c00; font:500 30px 'SourceSansPro', sans-serif !important; margin:0; padding:0; }
    .blogContent hr         { border:none; border-bottom:#dfdfdf 1px solid; margin:15px 0; }

    .blogFotoInput  { height:90px; margin:15px 0 5px 0; padding:0 10px; overflow:hidden; }
    .blogFotoInput a    { width:100%; height:100%; display:block; }

    .animated  { -webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-delay:500ms; animation-delay:500ms; }
    .animate-out { -webkit-animation-delay:0ms; animation-delay:0ms; }

    .bgAltMenuHiza_1        { margin-top:-17px; margin-left:-2px; }
    .bgAltMenuHiza_2        { margin-top:-17px; margin-left:calc(25% - 2px); }
    .bgAltMenuHiza_3        { margin-top:-17px; margin-left:50%; }
    .bgAltMenuHiza_4        { margin-top:-17px; margin-left:75%; }
    .turuncuBGALTMENU       { width:100%; float:left; background:#F2F2F2; border:#ffa201 2px solid; display:none; margin-top:15px; }
    .turuncuBGALTMENU .colorgradeTop    { width:calc(25% + 2px); box-sizing: border-box; height:17px; background:#f2f2f2; border-left:#ffa201 2px solid; border-right:#ffa201 2px solid; }
    .lacivertBGALTMENU      { width:100%; float:left; background:#F2F2F2; border:#61528b 2px solid; display:none; margin-top:15px; }
    .lacivertBGALTMENU .colorgradeTop   { width:calc(25% + 2px); box-sizing: border-box; height:17px; background:#f2f2f2; border-left:#61528b 2px solid; border-right:#61528b 2px solid; }
    .productInfo        { line-height:22px !important; font:300 14px 'SourceSansPro', sans-serif !important; }
    .productInfo ul     { margin-left:30px; }
    .productInfo ul li      { list-style-type:circle; }
    .productInfo h1         { color:#ee7c00; font:700 30px 'SourceSansPro', sans-serif !important; margin:0; padding:0; }
    .productInfo hr         { border:none; border-top:#dfdfdf 1px solid; margin:10px 0 20px 0; }

    .altMenuler     { width:300px; float:left; margin-right:0; padding:30px; }
    .altMenuler h4  { color:#ee7c00; margin:0; font:600 18px 'SourceSansPro', sans-serif !important; }
    .altMenuler ul  { margin-left:18px; }
    .lacivertBGALTMENU .altMenuler ul li    { color:#61528b; }
    .altMenuler ul li       { color:#61528b; }
    .altMenuler ul li a     { color:#333; font:600 16px 'SourceSansPro', sans-serif !important; }
    .altMenuler ul li a:focus   { text-decoration:none; }
    .altMenuler ul li ul    { margin-bottom:15px; }
    .lacivertBGALTMENU .altMenuler ul li ul li      { color:#ee7c00; }
    .lacivertBGALTMENU .altMenuler ul li ul li a    { color:#ee7c00; font:600 15px 'SourceSansPro', sans-serif !important; }
    .altMenuler ul li ul li a   { color:#ee7c00; font:600 15px 'SourceSansPro', sans-serif !important; }
    .altMenuler ul li ul li a:focus     { text-decoration:none; }
    .altMenuler ul li ul li ul      { margin-bottom:15px; }
    .altMenuler ul li ul li ul li     { color:#333; font:400 14px 'SourceSansPro', sans-serif !important; }
    .altMenuler ul li ul li ul li:hover     { color:#000; }
    .altMenuler ul li ul li ul li a   { color:#333; font:400 14px 'SourceSansPro', sans-serif !important; }
    .lacivertBGALTMENU .altMenuler ul li ul li ul li        { color:#333; font:400 14px 'SourceSansPro', sans-serif !important; }
    .lacivertBGALTMENU .altMenuler ul li ul li ul li:hover      { color:#000; }
    .lacivertBGALTMENU .altMenuler ul li ul li ul li a      { color:#333; font:400 14px 'SourceSansPro', sans-serif !important; }
    .altMenuler ul li ul li ul li a:hover   { color:#000; }
    .altMenuler ul li ul li ul li a:focus       { text-decoration:none; }
    .altMenuler ul li a:hover   { color:#000; text-decoration:none; }

    .slideContent3  { position:absolute; z-index:2; margin:-175px 0 0 115px; }
    .slideContent3 img  { width:100px; }

@media only screen and (min-width : 0px) and (max-width : 599px) {
    .altMenuler     { width:100%; padding:15px 15px 0 15px; }
    .menu       { display:none !important; }
    .menuTus    { display:block !important; }
    .refTitleOrange, .refTitlePurple    { margin-bottom:20px; }
    .slideContentMobile span { font: 300 13px 'SourceSansPro', sans-serif; margin-top: 20px; letter-spacing: 1px; }
    .homeSpot       { margin:0 0 20px 0; overflow:hidden; }
    .gri-bg     { background:#F2F2F2; padding:30px; }
    .gri-bg .section    { width:100%; }
    .footer-slot    { margin:0 0 20px 0; width:50%; height:90px; }
    .footSocial     { text-align:center; }
    .homeSpotOrange { height:auto; margin-bottom:30px; overflow:hidden; }
    .homeSpotOrange2 { height:auto; }
    .homeSpotOrange .homeSpotWhite      { height:auto; }
    .homeSpotWhite3     { min-height:300px; height:auto !important; padding:0 15px 15px 15px; }
    .vav_area       { width:100%; padding:0; }
    .vav_open, .vav_open .container       { padding:0; }
    .vav_sayac      { padding:15px 10px; border-bottom:#ee7c00 3px solid; }
    .vav_sayac span     { color:#BABABA; font:400 16px 'SourceSansPro', sans-serif; }
    .neisyapariz    { height:240px; }
    .neisyapariz span       { width:85%; font:600 14px 'SourceSansPro', sans-serif; }
    .homeSpotWhite h4   { font:600 22px 'SourceSansPro', sans-serif; }
    .homeSpotWhite hr   { margin:14px 0; padding:0; }
    .back { margin-left:-40px; }
    .slider .item a .slideContentMobile   { padding:0 50px; }
    .slider .item .slideContentMobile   { padding:0 50px; }
    .turuncuOpen .container         { padding:20px 0; }
    .turuncuOpen .container div     { min-height:50px; background:none; margin-bottom:30px; }
    .turuncuBack img    { width:90%; margin:-25px 0; }
    .textScrollArea             { height:145px; }
    .vav_topText        { width:100%; min-height:200px; max-height:200px; background:#fff; align-self: flex-end; }
    .mobileVav      { padding-left:0; }
    .pdfLink    { font:400 12px 'SourceSansPro', sans-serif; margin-bottom:5px; }
    .pdfLink:hover    { font:400 12px 'SourceSansPro', sans-serif; }
    .socialBantIconlar      { margin:75px 15px; min-height:380px; }
    .socialBantIconlar img.icon      { width: 35px; margin-right:5px; }
    .socialBantIconlar img.bigIcon   { margin-top:10px; margin-bottom:-100px }

    .slideContent3  { width:100px; margin:0 0 0 0; }
    .slideContent3 img { width:100px; }

}
@media only screen and (min-width : 600px) and (max-width : 991px) {
    .menu       { display:none !important; }
    .menuTus    { display:block !important; }
    .homeSpotOrange { height:auto; }
    .homeSpotOrange2 { height:auto; }
    .homeSpotOrange .homeSpotWhite      { height:auto; }
    .homeSpotWhite3     { min-height:300px; height:auto !important; padding:0 15px 15px 15px; }
    .vav_area       { width:75%; }
    .vav_open, .vav_open .container       { padding:0; }
    .slider .item a .slideContentMobile   { padding:0 50px; }
    .slider .item .slideContentMobile   { padding:0 50px; }
    .turuncuBack img    { width:90%; margin:-25px 0; }
}
@media only screen and (min-width : 992px) and (max-width : 1023px) {
    .menu       { display:block !important; }
    .menuTus    { display:none !important; }
    .slider .item a .slideContent   { padding: 0 100px; }
    .slider .item .slideContent   { padding: 0 100px; }
}
@media only screen and (min-width : 1024px) and (max-width : 1180px) {
    .menu       { display:block !important; }
    .menuTus    { display:none !important; }
    .slider .item a .slideContent   { padding: 0 50px; }
    .slider .item .slideContent   { padding: 0 50px; }
}
@media only screen and (min-width : 1181px) and (max-width : 1200px) {
    .menu       { display:block !important; }
    .menuTus    { display:none !important; }
    .slider .item a .slideContent   { padding: 0 50px; }
    .slider .item .slideContent   { padding: 0 50px; }
}
@media only screen and (min-width : 1201px) and (max-width : 1366px) {
    .menu       { display:block !important; }
    .menuTus    { display:none !important; }
    .slider .item a .slideContent   { padding: 0 200px; }
    .slider .item .slideContent   { padding: 0 200px; }
}
@media only screen and (min-width : 1367px) and (max-width : 1550px) {
    .menu       { display:block !important; }
    .menuTus    { display:none !important; }
    .slider .item a .slideContent   { padding: 0 300px; }
    .slider .item .slideContent   { padding: 0 300px; }
}
@media only screen and (min-width : 1551px) and (max-width : 1750px) {
    .menu       { display:block !important; }
    .menuTus    { display:none !important; }
    .slider .item a .slideContent   { padding: 0 300px; }
    .slider .item .slideContent   { padding: 0 300px; }
}</pre></body></html>