*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:1.5;font-weight:300}body{background-attachment:fixed}@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:1rem;padding-left:1rem}}.card2{color:inherit;cursor:pointer;width:calc(33% - 2rem);min-width:calc(33% - 2rem);height:400px;min-height:400px;-webkit-perspective:1000px;perspective:1000px;margin:1rem;position:relative}.card2:last-child{width:100%}@media screen and (max-width:800px){.card2{width:calc(33% - 2rem)}}@media screen and (max-width:500px){.card2{width:100%}}.back,.front{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:6px;background-position:50%;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.6s ease-in-out;transition:.6s ease-in-out}.back,.front{background-size:cover}.front{padding:2rem;font-size:1.618rem;font-weight:600;color:#fff;overflow:hidden;font-family:Poppins,sans-serif}.front:before{position:absolute;display:block;content:"";top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a9be6,#1a57e6);opacity:.25;z-index:-1}.card2:hover .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.back,.card2:nth-child(2n):hover .front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.back{background:#fff;padding:0 2em}.back .button{background:linear-gradient(135deg,#1a9be6,#1a57e6)}.back .button:before{-webkit-box-shadow:0 0 10px 10px rgba(26,87,230,.25);box-shadow:0 0 10px 10px rgba(26,87,230,.25);background-color:rgba(26,87,230,.25)}.card2:hover .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.card2:nth-child(2n) .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card2:nth-child(2n) .back .button{background:linear-gradient(135deg,#e61a80,#e61a3c)}.card2:nth-child(2n) .back .button:before{-webkit-box-shadow:0 0 10px 10px rgba(230,26,60,.25);box-shadow:0 0 10px 10px rgba(230,26,60,.25);background-color:rgba(230,26,60,.25)}.card2:nth-child(2n):hover .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.button{-webkit-transform:translateZ(40px);transform:translateZ(40px);cursor:pointer;font-weight:700;color:#fff;padding:.5em 1em;border-radius:100px;font:inherit;border:none;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.button,.button:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s ease;transition:.3s ease}.button:before{position:absolute;display:block;content:"";-webkit-transform:translateZ(-40px);transform:translateZ(-40px);height:calc(100% - 20px);width:calc(100% - 20px);border-radius:100px;left:10px;top:16px}.button:hover{-webkit-transform:translateZ(55px);transform:translateZ(55px)}.button:hover:before{-webkit-transform:translateZ(-55px);transform:translateZ(-55px)}.button:active{-webkit-transform:translateZ(20px);transform:translateZ(20px)}.button:active:before{-webkit-transform:translateZ(-20px);transform:translateZ(-20px);top:12px}body{font-family:Overpass,sans-serif}@media (max-width:33.9em){.navbar-brand{width:79%}}.bg-karayel{background:#2f2583;background:-webkit-gradient(linear,left top,right top,from(#2f2583),to(#e30610));background:linear-gradient(90deg,#2f2583,#e30610)}.card a,.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.card a{text-decoration:none}.card h5{color:#fff}h1{color:#84144e}.sGecisliStil{background-color:#2f2582;-webkit-transition:.5s!important;transition:.5s!important}.sGecisliStil:hover{background-color:#e20612;color:#fff}a{color:#691a61}a:hover{color:#981140;text-decoration:none}hr.divider{max-width:3.25rem;border-width:.2rem;border-color:#691a61}.btn-primary{color:#fff;background-color:#691a61;border-color:#691a61}.btn-primary:hover{color:#fff;background-color:#981140;border-color:#981140}.dropdown-item{padding:.5rem 1.5rem}.dropdown-item.active,.dropdown-item:active{background-color:#6f195d}.footer-social .footer-social-link{height:4rem;width:4rem;font-size:1.5rem}.bsa-cpc ._default_,.shadow{-webkit-box-shadow:0 .15rem 1.75rem 0 rgba(33,37,41,.15)!important;box-shadow:0 .15rem 1.75rem 0 rgba(33,37,41,.15)!important}.btn-youtube{color:#fff;background-color:red;border-color:red}.btn-youtube:hover{color:#fff;background-color:#ec0000;border-color:#ec0000}.btn-instagram{color:#fff;background-color:#e91e63}.btn-instagram:hover{color:#fff;background-color:#d01856}.btn-twitter{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-twitter:hover{color:#fff;background-color:#0d8ddc;border-color:#0c85d0}.btn-facebook{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-facebook:hover{color:#fff;background-color:#30497c;border-color:#2d4373}.item-preview{position:relative;-webkit-transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s;-webkit-box-shadow:0 2rem 1.5rem -1.5rem rgba(33,37,41,.15),0 0 1.5rem .5rem rgba(33,37,41,.05);box-shadow:0 2rem 1.5rem -1.5rem rgba(33,37,41,.15),0 0 1.5rem .5rem rgba(33,37,41,.05);overflow:hidden}@media (min-width:992px){.item-preview:hover{-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem);-webkit-box-shadow:0 2.25rem 1.5rem -1.5rem rgba(33,37,41,.3),0 0 1.5rem .5rem rgba(33,37,41,.05)!important;box-shadow:0 2.25rem 1.5rem -1.5rem rgba(33,37,41,.3),0 0 1.5rem .5rem rgba(33,37,41,.05)!important}}@media (min-width:992px){.animate{animation-duration:.3s;-webkit-animation-duration:.3s;animation-fill-mode:both;-webkit-animation-fill-mode:both}}@keyframes slideIn{to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}0%{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:0}}@-webkit-keyframes slideIn{0%{-webkit-transform:transform}to{-webkit-transform:translateY(0);-webkit-opacity:1}0%{-webkit-transform:translateY(1rem);-webkit-opacity:0}}.slideIn{-webkit-animation-name:slideIn;animation-name:slideIn}.masthead{height:30vh;min-height:200px;background-color:#dee2e6}


