html {background:url(../img/bg.png)}
body,html,a,p,h1,h2,h3,h4,h5,h6 {font-size:16px;font-family: 'Ubuntu', sans-serif;}
a:hover {text-decoration: none}
h1 {color:#385377;text-align: center;font-weight: bold;font-size:45px;padding:33px 0}
h2 {color:#385377;text-align: center;font-weight: bold;font-size:24px!important;padding:33px 0}
.round {border-radius: 33px}
.round-small {border-radius: 22px}
.uk-card-primary {background:#383b50}
.uk-breadcrumb>*>* {
    font-size:16px;
    color: #999;
}

.uk-overlay-default {
    background: rgba(255,255,255,1);margin:33px!important;
}
.uk-slider-items li .uk-card-default{background:#fff url(../img/card-bg.png) 20px 20px no-repeat;}
.uk-slider-items li:hover .uk-card-default{background:#383b50 url(../img/card-bg-gold.png) 20px 20px no-repeat;color:#fff;}
header .bottom .nav {padding-top:50px;}
header .bottom .nav a {color:#385377;font-size:18px}
header .bottom .uk-button {padding:10px;}

header.absolute .bottom .nav {padding-top:50px;}
header.absolute .bottom .nav a {color:#fff;font-size:18px}
header.absolute .bottom .uk-button {padding:10px;}
.uk-button-primary {background:#385377!important;text-transform: none;}
.uk-button-primary:hover {background:#385377!important;}
.social  {padding-right:40px;padding-bottom:100px;color:#fff;}
section.slider    {position:relative;height:100vh;max-height: 100vh; max-width:100%;background: url(../img/slider.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
section.slider .slider-imlec    {position:absolute;top:48%;left:0%;font-weight:bold;font-size:128px;color:#fff;text-align: center;width:33%;}
section.slider .slider-buyutec  {position:absolute;top:30%;right:0%}
section.slider .slider-text  {position:absolute;top:47%;left:0%;width:500px;color:#fff;}
section.slider .slider-text  p {font-size:24px;text-align:justify}
section.slider .slider-text  .start {position:absolute;top:-33px;left:-33px;font-size:72px;}
section.slider .slider-text  .stop  {position:absolute;bottom:-33px;right:-33px;font-size:72px;}

section.slider .social  {padding-right:0px;}
section.slider .social span {padding-right:0px;position:relative}
section.slider .social span img {position:relative;top:-20px;right:0px;}
section.slider .social a {background:#fff;color:#385377;padding:5px;}

footer {padding:33px 0 33px 0;color:#707070!important;}
footer h3 {color:#383b50;font-weight: 600}
footer a {color:#707070;font-weight: 400}
footer a:hover {color:#383b50;font-weight: 200}

article {background:#fff;}
.dvm-btn {background:#385377;display:table;margin:auto;padding:5px 33px 10px 33px!important;color:#fff;position:relative;top:20px;
    font-size:18px!important;font-weight: bold;border-radius:15px;}

section.abone  {background:#383b50;padding:80px 0;}
section.abone  h1 {color:#e5bd9f;margin:0!important;padding:0!important;}
section.abone  p {color:#a0a4be;margin:0!important;}
section.abone .txt {display:block;float:right;width:75%;border:1px solid #e5bd9f;padding:11px;font-size:16px;border-radius:22px 0 0 22px;background:#383b50;color:#616377}
section.abone .btn {display:block;float:right;border:1px solid #e5bd9f;padding:5px;font-size:30px;border-radius:0 22px 22px 0;background:#e5bd9f;color:#616377;
    text-align:center;width:50px;height:42px;background:#e5bd9f;}




.round-left {border-radius: 21px 0 0 21px}
.round-small {border-radius: 12px}


.uk-button-secondary {background:#b5b5b5;font-size:18px;text-transform: none!important;}
.uk-button-dark-gray {background:#616161;font-size:14px;text-transform: none!important;color:#ccc;}
.uk-button-dark-gray:hover {background:#616161;font-size:14px;text-transform: none!important;color:#fff;}
.uk-offcanvas-bar {width:100%!important}
.uk-height-xlarge {height:650px;}
.uk-offcanvas-bar {background:#fafafa;}
.uk-offcanvas-bar h1 {color:#333!important;font-size:2em;font-weight: bold;}
.uk-offcanvas-bar a {color:#777!important;font-size:1.2em!important;}
.uk-lightbox {background: rgba(0,0,0,.85);}

blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}

blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}

blockquote p {display: inline;}

.editor {margin-top :33px;}
section.faaliyet {margin-top:0;padding:100px 0 50px 0;position:relative;background: url(../img/faaliyet-bg.png) repeat-x;background-position: center}
section.faaliyet .uk-card span {display:block;margin-top:15px;color:#3b7bbf;}
section.faaliyet a.main {display:table;margin:100px auto 0 auto;color:#b5b5b5;position:relative;font-size:1.66em}
section.faaliyet a.main:after {content: ''; width: 100%; position: absolute; left: 0; bottom: 1px; border-width: 0 0 2px; border-style: solid;}

section.video {padding:0px 0;position:relative;}
section.video a.main {display:table;margin:33px auto;color:#b5b5b5;text-transform:uppercase;letter-spacing:5px;text-align:center}

section.white {padding:160px 0;position:relative;}
section.white div ul li div {padding:0 0 33px 0;border-radius: 33px;text-align: center}
section.white div ul li div img {width: 100%;border-radius: 33px;}
section.white div ul li div h3 {color:#3b7bbf;margin:0;padding:0;font-size:2em;font-weight:600}
section.white div ul li div a {color:#b5b5b5;position:relative}
section.white div ul li div a:after {content: ''; width: 100%; position: absolute; left: 0; bottom: 1px; border-width: 0 0 1px; border-style: solid;}

section.number {padding:50px 0;position:relative;}
section.number {font-size:80px;color:#3b7bbf}
section.number .number-container {margin:100px auto}
section.number strong {font-size:100px;display: table;margin:auto;}
section.number p {font-size:20px;letter-spacing:5px;color:#ddd;text-transform: uppercase;text-align:center}
section.number p span {font-weight:bold;}

section.kurulus {padding:50px 0;position:relative;}
section.kurulus img{ width: 75%}

section.hakkimizda {position: relative;padding:33px 0 0 0;}
section.hakkimizda h2 {text-align: left;font-size:48px;margin:0;padding:0}
section.hakkimizda .absolute {position:absolute;top:33px;left:0;right:0;width: 100%;}

section.hakkimizda div.number {position:relative;}
section.hakkimizda div.number {font-size:36px;color:#3b7bbf}
section.hakkimizda div.number strong {font-size:96px;display: table;margin:auto;}
section.hakkimizda div.number p {font-size:16px;letter-spacing: 2px;color:#ddd;text-transform: uppercase;text-align:center}
section.hakkimizda div.number p span {font-weight:bold;}

section.baskan {margin-top:50px;padding-bottom:50px;position:relative}
section.baskan h3 {border-top:1px solid #dadada;padding-top:15px;display:table;padding-right:33px;font-size:2em}

section.ekip {margin:50px 0 150px 50px}
section.ekip .uk-card-default:hover {background:#3b7bbf}
section.ekip .uk-card-default:hover h3 {color:#fff}
section.ekip h3 {color:#3b7bbf;font-size:1.42em;font-weight: 600}
section.ekip h3 span {color:#dadada;font-size:14px;font-weight:400;display:table;margin:auto;}
section.ekip a {color:#dadada;font-size:14px;font-weight:400;padding-bottom:5px;border-bottom:1px solid #f0f0f0}

section.pageHead {padding:33px 0;background-color:#3b7bbf!important;background-repeat: no-repeat!important;}
section.pageHead h1 {font-size:48px;color:#fff;text-align: left}
section.pageHead .uk-breadcrumb {margin-top:15px;}
section.pageHead .uk-breadcrumb a {color:#ddd;}
section.pageHead .uk-breadcrumb span {color:#ccc;}

section.faaliyetler .slider {margin:75px 0 50px 0}
section.faaliyetler .slider ul li .aCover {padding:0 25px 2px 0px;border-bottom:2px solid #dadada;text-align: left!important;isplay:tablde;}
section.faaliyetler .slider ul li .aCover a {color:#dadada;font-weight: 600;font-size:1.22em;}
section.faaliyetler .slider ul li .aCover a:hover {color:#3b7bbf;}
section.faaliyetler .slider ul li .aCover:hover {border-bottom:2px solid #3b7bbf}
section.faaliyetler .slider ul li .aCover.active {border-bottom:2px solid #3b7bbf}

section.faaliyetler .faaliyetList  li  {border-radius: 35px;padding-bottom:22px;}
section.faaliyetler .faaliyetList  li  .ocak-bagiskutu p {padding:0 33px!important;color:#ccc;}
section.faaliyetler .faaliyetList  li  .ocak-bagiskutu h3{padding:0 33px!important;color:#3b7bbf;font-weight:bold;font-size:1.8em;margin-top:10px!important;}
section.faaliyetler .faaliyetList  li  .ocak-bagiskutu span{display:table;margin:auto;padding:0 33px 11px 33px!important;color:#ccc;font-size:16px;border-bottom:2px solid #ccc;}
section.faaliyetler .faaliyetList  li  .ocak-bagiskutu span:hover{color:#3b7bbf;border-bottom:2px solid #3b7bbf;}

section.faaliyetler .galeriList  li  a h3{padding:0 33px!important;color:#3b7bbf;font-size:1em;font-weight: bold}
section.faaliyetler .galeriList  li  span{display:table;margin:auto;padding:0 33px 33px 33px!important;color:#ccc;font-size:1em;font-weight:bold;}

section.haberler {margin:33px 0}
section.haberler p {color:#aaaaaa!important;}

section.basin {margin:50px 0}
section.basin h2{font-size:32px}

section.identity {margin:50px 0}
section.identity h2{font-size:32px;color:#b6b6b6}

section.sepet {margin:33px 0}

.galeri-menu {margin:33px;padding-bottom:4px;border-bottom:2px solid #dadada;color:#dadada;font-weight: 600;font-size:1.52em;}
.galeri-menu.active {border-bottom:2px solid #3b7bbf;color:#3b7bbf;}

.nav .uk-dropdown.uk-open {display: block; background: url(../img/dropdown-bg.jpg) center;}
.nav .uk-dropdown.uk-open ul li a  {color:#fff;font-size:1em}

.lang .uk-dropdown.uk-open {display: block; background: #3b7bbf;}
.lang .uk-dropdown.uk-open ul li a  {color:#fff;font-size:1em}

section.productTop .absolute {position:absolute;top:22px;left:0;right:0;}
.cartListfix{padding:35px 35px 20px 65px}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1200px) {
    .mu-container {width:80%;display:table;margin:auto}

    section.slider    {position:relative;height:100vh;max-height: 100vh; max-width:100%;background: url(../img/slider.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;}
    section.slider .slider-imlec    {position: relative;top: 22%;left: 9%;right:0%;width:80%;font-weight:bold;font-size:48px;color:#fff;text-align: center;}
    section.slider .slider-buyutec  {position:absolute;top:25%;left:0%;width:100%;text-align:center}
    section.slider .slider-buyutec img {width:50%;max-width:200px!important;}
    section.slider .slider-text     {position:absolute;top:40%;left:9%;right:9%;width:72%;color:#fff;}
    section.slider .slider-text  p  {font-size:16px;text-align:justify}
    section.slider .slider-text  .start {position:absolute;top:-13px;left:-13px;font-size:48px;}
    section.slider .slider-text  .stop  {position:absolute;bottom:-33px;right:-33px;font-size:48px;}

    h1 {color:#385377;text-align: center;font-weight: bold;font-size:32px;padding:33px 0}
    h2 {color:#385377;text-align: center;font-weight: bold;font-size:18px!important;padding:33px 0}

    .mobile-padding {padding:0 22px}

    section.faaliyet {margin-top:0;padding:20px 0 50px 0;}
    h2 {color: #3b7bbf;text-align: center;font-weight: bold;font-size: 32px;padding: 33px 0}
    .cartListfix{padding:20px 20px 20px 20px}
    .galeri-menu
    {margin:33px 0;padding-bottom:4px;border-bottom:2px solid #dadada;color:#dadada;font-weight: 600;font-size:.81em;}
    header {padding:15px 0}
    section.number {font-size:24px;color:#3b7bbf}
    section.number strong {font-size:48px;display: table;margin:auto;}
    section.number p {font-size:14px;letter-spacing:5px;color:#ddd;text-transform: uppercase;text-align:center}
    section.number p span {font-weight:bold;}

    section.hakkimizda h2 {text-align: left;font-size:48px;margin:0;padding:0}
    section.hakkimizda .absolute {position:absolute;top:33px;left:0;right:0;width: 100%;}

    section.hakkimizda div.number {position:relative;}
    section.hakkimizda div.number {font-size:24px;color:#3b7bbf}
    section.hakkimizda div.number strong {font-size:48px;display: table;margin:auto;}
    section.hakkimizda div.number p {font-size:16px;letter-spacing: 2px;color:#ddd;text-transform: uppercase;text-align:center}
    section.hakkimizda div.number p span {font-weight:bold;}

    section.pageHead {padding:20px 0;background-color:#3b7bbf!important;background-repeat: no-repeat!important;}
    section.pageHead h1 {font-size:24px;color:#fff;text-align: left}
    section.pageHead .uk-breadcrumb {margin-top:15px;}
    section.pageHead .uk-breadcrumb a {color:#ddd;}
    section.pageHead .uk-breadcrumb span {color:#ccc;}
    section.ekip {margin:50px 0 0 0}
    section.productTop .absolute{position:relative;top:0;left:0;right:0;}

    section.abone .txt {display:block;float:left;border:1px solid #e5bd9f;padding:10px;font-size:14px;border-radius:33px 0 0 33px;background:#383b50;color:#a0a4be;
        text-align:center;width:72%;height:32px;
    }
    section.abone .btn {display:block;float:right;padding:10px;font-size:28px;border-radius:0 33px 33px 0;background:#e5bd9f;color:#383b50;
        text-align:center;width:20%;height:54px;background:#e5bd9f;
    }
}
.faaliyetDetay h2 {display:block;background:#fff!important;text-align:center;color:#3b7bbf;font-size:48px;font-weight:bold;}
.uk-notification-message-primary {border:2px solid #549ce8;box-shadow: 0px 0px 10px #000;}
.uk-offcanvas-bar {background:url(../img/bg.png);}

.shake {animation: shake 15s ease infinite;}
@keyframes shake {
    0%,
    100% {transform: translateX(0);}
    10%,
    30%,
    50%,
    70%,
    90% {transform: translateX(-10px);}
    20%,
    40%,
    60%,
    80% {transform: translateX(10px);}
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #616377;opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #616377;}
::-ms-input-placeholder { /* Microsoft Edge */color: #616377;}