@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap&subset=latin-ext');
/*general*/
body, html{background:#fff;height:100%;text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;}
body{background:#fff;height:auto;color:#111;font:500 16px 'Montserrat',sans-serif;}
body.loading-active{overflow:hidden;}
body.loading-active.load{overflow:auto;overflow-x:hidden;}
ul{margin:0;padding:0;list-style-type:none;}
ul.outside{list-style:outside;padding:0 0 0 30px;}
ul.decimal{list-style:decimal;padding:0 0 0 30px;}
a, a:hover{color:#EA002E;}
a, a:hover, a:focus, li:hover > a, button, button:hover, select, select:focus{ outline:0;text-decoration:none;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.title-wrap{position: relative;}
.title-wrap .title { font-size: 30px; font-weight: 600; color: #111; margin-bottom: 30px;user-select:none;text-align:center; }
.title-wrap .title.title-bordered:after { content:""; width:40px; height:3px; display:block; margin:2px auto;background: #EA002E;}
.title-wrap .title-cloned { position: absolute; width: 100%; left: 0; top: calc(50% - 20px);margin:0; }
.title-wrap .title-clone { color: #f7f7f7; font-size: 200px; font-weight: 600; letter-spacing: 10px; white-space: nowrap;user-select:none; width: 100%; overflow: hidden;text-align: center;line-height: 1.2; }
.content { font-size: 16px; color: #111; line-height: 28px; }
.mt-30{margin-top:30px;}
.mt--30{margin-top:-30px;}
.mt-60{margin-top:60px;}
.mt--60{margin-top:-60px;}
.mb-30{margin-bottom:30px;}
.mb--30{margin-bottom:-30px;}
.mb-60{margin-bottom:60px;}
.mb--60{margin-bottom:-60px;}
.pt-30{padding-top:30px;}
.pt-60{padding-top:60px;}
.pb-30{padding-bottom:30px;}
.pb-60{padding-bottom:60px;}
.ptb-30{padding-top:30px !important;padding-bottom:30px !important;}
.ptb-60{padding-top:60px !important;padding-bottom:60px !important;}
.mm-menu_offcanvas{ z-index:999; }
.mm-wrapper__blocker { z-index: 99; }
/*selection*/
::-moz-selection{ background-color:#EA002E;color:#fff;}
::selection{ background-color:#EA002E;color:#fff;}
::-o-selection{ background-color:#EA002E;color:#fff;}
::-ms-selection{ background-color:#EA002E;color:#fff;}
::-webkit-selection{ background-color:#EA002E;color:#fff;}
/*bootstrap*/
.btn{border-radius:0;padding:9px 15px;line-height:1;font-size:14px;font-weight:600;border-width:2px;height:35px;}
.btn.btn-sm { padding: 10px 15px; height: auto; }
.btn-primary { color: #fff; background-color: #EA002E; border-color: #EA002E; }
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle { color: #fff; background-color:#df5024; border-color: #df5024; }
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus  {box-shadow: 0 0 0 0.2rem rgba(223,80,36,.5);}
.btn-primary:hover {color: #fff;background-color: #df5024;border-color: #df5024;}
.btn-outline-primary{color:#EA002E;border-color:#EA002E;}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {background-color: #EA002E; border-color: #EA002E; }
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(223,80,36,.5);}
.btn-outline-primary:hover {background-color:#EA002E;border-color:#EA002E;}
.form-control{display:block;width:100%;height:40px;padding:7px 9px;line-height:1;color:#111;background-color:#fff;border:1px solid #eee;border-radius:0;font-size:14px;font-weight:400;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.form-control.form-control-outline-white{background-color:transparent;color:#fff;border-color:#fff;}
.form-control.form-control-outline-white:focus{box-shadow:0 0 0 0.2rem rgba(255, 255, 255, .25);}
.form-control.form-control-outline-white::placeholder{color:#fff;}
.form-control.form-control-outline-white:placeholder-shown{color:#fff;}
.form-control.form-control-outline-white::-moz-placeholder{color:#fff;}
.form-control.form-control-outline-white::-webkit-input-placeholder{color:#fff;}
.form-control.form-control-outline-white::-ms-input-placeholder{color:#fff;}
.form-control:focus{outline: 0;box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.1);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.form-group { margin-bottom: 30px; }
/*social*/
.social a{ font-size:16px;margin-right:5px;}
.social a,
.social a i,
.social a:hover,
.social a:hover i{transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
.social a.fa-facebook:hover, .social a:hover .fa-facebook{ color:#3b5998 !important; }
.social a.fa-twitter:hover, .social a:hover .fa-twitter{ color:#00acee !important; }
.social a.fa-instagram:hover, .social a:hover .fa-instagram{ color:#dc1f62 !important; }
.social a.fa-linkedin:hover, .social a:hover .fa-linkedin{ color:#3272bd !important; }
.social a.fa-pinterest-p:hover, .social a:hover .fa-pinterest-p{ color:#ce1e27 !important; }
.social a.fa-youtube-play:hover, .social a:hover .fa-youtube-play{ color:#ce332d !important; }
.social a.fa-tumblr:hover, .social a:hover .fa-tumblr{ color:#3b5998 !important; }
.social a.fa-flickr:hover, .social a:hover .fa-flickr{ color:#ce332d !important; }
/*loading*/
.loading-active #loading {display: flex;align-items: center; background: url(../img/logo-loading.png) no-repeat center #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999999999; transition:2s ease;-moz-transition:2s ease;-webkit-transition:2s ease;}
.loading-active #loading.out { opacity:0;transition:2s ease;-moz-transition:2s ease;-webkit-transition:2s ease; }
.loading-active #loading.hide {display:none;}
.loading-active #loading span{display:block;margin: 45px auto 0;width: 160px;background:#eee;height:4px;overflow:hidden;position:relative;}
.loading-active #loading span:before {content: "";display: block;background: #fff;margin: 0;width: 5px;height: 5px;position: absolute;z-index: 1;bottom: 0;left: 0;}
.loading-active #loading span i{ background:#EA002E; height:100%; position:absolute; top:0; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:spinnerBar;}
/*header*/
#header { background: #fff;border-bottom: 1px solid #e5e5e5; }
#header .left .logo h1{margin:0;}
#header .left .logo img {
	height: 60px;
	transition: .3s ease;
	-moz-transition: .3s ease;
	-webkit-transition: .3s ease;
	display: block;
}
#header .left .logo a{display: block;}
#header .middle #site-menu > ul > li { padding: 0 18px; }
#header .middle #site-menu > ul > li > a { color: #111; font-size: 14px; font-weight: 600; position: relative; padding:40px 0; display: block; }
#header .middle #site-menu > ul > li > a:before { content: ""; width: 2px; height: 30px; display: block; background: #EA002E; position: absolute; top: -100px; left: calc(50% - 1px);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#header .middle #site-menu > ul > li:hover > a,
#header .middle #site-menu > ul > li > a.active { color:#EA002E; }
#header .middle #site-menu > ul > li:hover > a:before,
#header .middle #site-menu > ul > li > a.active:before { top: 0;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#header .right{text-align:right;}
#header .right .phone a { color: #EA002E; font-size: 14px; font-weight: 600; }
#header .right .phone i { color: #EA002E; font-size: 20px; display: inline-block; vertical-align: sub; margin: 0 5px 0 0; }
#header.fixed {border:none;box-shadow: 0 0 40px rgba(0,0,0,0.1); position: fixed; z-index: 99; background: #fff; width: 100%; left: 0; top: 0;display:block;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both; }
#header.fixed .left .logo img { height: 30px; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#header.fixed .middle #site-menu > ul > li > a{padding: 30px 0;}
#header.fixed .middle #site-menu > ul > li > a:before {height:20px;}
/*markalar*/
#markalar { margin-top: 60px; }
#markalar .brand { position: relative; margin:0 0 30px; }
#markalar .brand .img { width: 100%; height: 270px; overflow: hidden;}
#markalar .brand .img img{ width: 100%; height: 100%; object-fit: cover;display: block;transform: scale(1);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#markalar .brand:hover .img img{transform: scale(1.1);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#markalar .brand .title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(255,255,255,0.8); padding: 10px 15px; }
#markalar .brand .title a { color: #111; font-size: 14px; font-weight: 700; }
#markalar .brand .title span{padding:0 9px 0 0;}
/*carousel*/
#carousel{margin-top: 60px;}
#carousel .item {overflow: hidden;}
#carousel .item .img { position: relative; }
#carousel .item .img img { width: 100%; object-fit: cover; height: auto; }
#carousel .item .img:after { content: ""; background: #EA002E; height: 5px; width: 0; display: block; position: absolute; right: 0; bottom: 140px; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#carousel .item .title { z-index:1;position: relative;user-select:none;}
#carousel .item .title span { color: #111; display: block; line-height: 1.1;}
#carousel .item .title span:first-child { font-size: 25px; font-weight: 300;  }
#carousel .item .title span:last-child { font-size: 100px; font-weight: 700; }
#carousel .item .container, #carousel .item .left { position: static; }
#carousel .item .title-clone {z-index:0;user-select:none; position: absolute; left: 0; font-size: 300px; font-weight: 700; letter-spacing: 5px; top: calc(50% - 250px); color:#f7f7f7; line-height: 1; white-space: nowrap; width: 100%; overflow: hidden; }
#carousel .item .title-clone span{ display: block;}
#carousel .item .title-clone span:first-child{ font-size: 200px; font-weight: 600;}
#carousel .swiper-slide-active .item .title span:first-child { -webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;  }
#carousel .swiper-slide-active .item .title span:last-child { -webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;  }
#carousel .swiper-slide-active .item .img:after {width: calc(100% + 70px); transition:1s ease;-moz-transition:1s ease;-webkit-transition:1s ease;}
/*kurumsal*/
#kurumsal{margin-top: 60px;}
/*linkler*/
#linkler { margin-top: 60px; }
#linkler .link .img { width: 100%; height: 95px; overflow: hidden; display: block; background: #111;  transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#linkler .link:hover .img {background: #EA002E; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#linkler .link .img img { opacity: 0.2; width: 100%; height: 100%; object-fit: cover; display: block; }
#linkler .link .title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 15px; }
#linkler .link .title a{color:#fff;}
#linkler .link .title strong { display: block; margin:35px 0 3px; font-size:20px; font-weight: 700; }
/*banka-hesaplari*/
#banka-hesaplari{margin-top: 60px;}
#banka-hesaplari .banka-hesabi { margin: 0 0 30px; }
#banka-hesaplari .banka-hesabi .logo { width: 100%; height: 60px; overflow: hidden; margin-bottom: 15px; }
#banka-hesaplari .banka-hesabi .logo img { filter: grayscale(1); opacity: 0.8; width: 100%; height: 100%; object-fit: contain; user-select: none; }
#banka-hesaplari .banka-hesabi ul { text-align: center; font-size: 14px; }
#banka-hesaplari .banka-hesabi ul li {margin-bottom: 30px; }
#banka-hesaplari .banka-hesabi ul li:last-child {margin-bottom: 0; }
#banka-hesaplari .banka-hesabi ul li strong { display: block; margin-bottom: 5px; }
/*iletisim*/
#iletisim {
    margin-top: 30px;
    background: #000;
}
#iletisim .item {margin-bottom: 30px;}
#iletisim .item:last-child {margin-bottom:0;}
#iletisim .item .title { color: #EA002E; font-weight: 700; font-size: 14px; letter-spacing: 2px; margin: 0 0 10px; }
#iletisim .item .description { font-size: 14px; font-weight: 500; color: #fff; }
#iletisim .item .description .phone > a { display: inline-block; margin: 0 10px 0 0; font-size: 14px; color: #fff; }
#iletisim .item .description .phone > a:last-child { margin: 0; }
#iletisim .item .description .email > a { display: block; margin: 0 0 15px 0; font-size: 14px; color: #fff; }
#iletisim .item .description .email > a:last-child {  margin: 0;}
#iletisim .form-control { border-color: rgba(255,255,255,0.3);    background: none; }
#iletisim textarea.form-control { height: 250px; }
#iletisim .wrap{position: relative;padding: 100px 0;margin: -60px 0 0 0;}
#iletisim #google-map{position: absolute;top:0;left:0;width: 100%;height:100%;background: #111;}
#iletisim #google-map > div { height: calc(100% + 30px) !important; }
#iletisim div > .form-group:last-child{margin-bottom: 0;}
#iletisim ::placeholder { color: #fff; opacity: 1; }
#iletisim :-ms-input-placeholder { color: #fff; }
#iletisim ::-ms-input-placeholder { color: #fff; }
/*footer*/
#footer { background: #EA002E; color: #fff; font-size: 14px; padding: 15px 0; }
/*inside*/
#inside .banner{ position:relative; padding:170px 0 30px;background:#ffd800; }
#inside .banner > .img{ position:absolute; top:0; left:0; width:100%; height:100%;}
#inside .banner > .img > div{position:relative; width:100%; height:100%; overflow:hidden; }
#inside .banner > .img img{ width:100%; height:100%; object-fit:cover;}
#inside .banner .title{ color:#ffd800; font-weight:600; font-size:35px; margin:10px 0 0 0; padding:0;}
#inside .banner .title:before{display:none;}
#inside .banner .container{ position:relative; z-index:5; }
#inside .banner .breadcrumb{ background:none; margin:10px 0 0 0; padding:0; border-radius:0; opacity:0.9; }
#inside .banner .breadcrumb .breadcrumb-item, #inside .banner .breadcrumb .breadcrumb-item.active, #inside .banner .breadcrumb .breadcrumb-item a{ color:#4e4e57; font-size:12px; }
#inside .banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before{color:#4e4e57;}
#inside > .content{ padding:30px 0; line-height:2; }
/*gallery*/
.gallery{margin-top:30px;}
.gallery > ul{margin-bottom:0;}
.gallery > ul > li{margin-bottom:30px;}
.gallery > ul > li a{ border:3px solid #eee; display:block; overflow:hidden; position:relative; width:100%; height:200px; }
.gallery > ul > li a > img{object-fit:cover;-webkit-transition:-webkit-transform 0.3s ease 0s;-moz-transition:-moz-transform 0.3s ease 0s;-o-transition:-o-transform 0.3s ease 0s;transition:transform 0.3s ease 0s;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);height:100%;width:100%;}
.gallery > ul > li a:hover > img{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
.gallery > ul > li a:hover .demo-gallery-poster > img{opacity:1;}
.gallery > ul > li a .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;}
.gallery > ul > li a .demo-gallery-poster > img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;}
.gallery > ul > li a:hover .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.5);}
.gallery .justified-gallery > a > img{-webkit-transition:-webkit-transform 0.3s ease 0s;-moz-transition:-moz-transform 0.3s ease 0s;-o-transition:-o-transform 0.3s ease 0s;transition:transform 0.3s ease 0s;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);height:100%;width:100%;}
.gallery .justified-gallery > a:hover > img{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
.gallery .justified-gallery > a:hover .demo-gallery-poster > img{opacity:1;}
.gallery .justified-gallery > a .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;}
.gallery .justified-gallery > a .demo-gallery-poster > img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;}
.gallery .justified-gallery > a:hover .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.5);}
.gallery .video .demo-gallery-poster img{height:48px;margin-left:-24px;margin-top:-24px;opacity:0.8;width:48px;}
.gallery.dark > ul > li a{border:3px solid #04070a;}
/*responsive*/
@media (max-width:1440px){
    /*hidpi*/
}
@media (max-width:1366px){
    /*ipadpro*/
}
@media (max-width:1280px){
    /*kindle,mdpi,touch*/
}
@media (max-width:1199px){
    .container { max-width: calc(100% - 60px); }
}
@media (max-width:1100px){
}
@media (max-width:1024px){
    /*bbPlayBook,ipadmini,ipad,ipadpro*/
}
@media (max-width:991px){
}
@media (max-width:950px){
    /*touch*/
}
@media (max-width:900px){
    /*hidpi*/
    #carousel .item .title span:last-child { font-size: 80px;}
    #header .middle #site-menu > ul > li { padding: 0 10px; }
}
@media (max-width:854px){
    /*n9*/
}
@media (max-width:823px){
    /*pixel2*/
}
@media (max-width:812px){
    /*iphonex*/
}
@media (max-width:800px){
    /*kindle,mdpi*/
    #linkler .link .title { bottom: 25px; }
    #linkler .link .title img { display: none; }
    #linkler .link .title strong { margin: 0; }
}
@media (max-width:768px){
    /*ipadmini,ipad*/
}
@media (max-width:767px){
    #header .left .logo img { margin: 20px 0; }
    #header .btn-header.nav-open { font-size: 30px; }
    #carousel .item .img { margin-top: 60px; }
    #carousel .swiper-slide-active .item .img:after { width: 30%; }
    #linkler .link { margin: 0 0 60px; }
    #linkler .link .title { bottom: 60px; }
    #linkler .link .title strong { margin: 35px 0 3px; }
    #linkler .link .title img { display: block; }
    #banka-hesaplari { margin-top: 0; }
    #iletisim .right { margin: 30px 0 0 0; }
    #iletisim textarea.form-control { margin: 0 0 30px; }
}
@media (max-width:736px){
    /*iphone6plus,iphone7plus,iphone8plus*/
}
@media (max-width:732px){
    /*nexus5x,nexus6p*/
}
@media (max-width:731px){
    /*pixel2*/
}
@media (max-width:667px){
    /*iphone6,iphone7,iphone8*/
}
@media (max-width:640px){
    /*bbz30,note3,note2,s3,s5,l70,lumia550,lumia950*/
}
@media (max-width:600px){
    /*bbZ30,bbPlayBook*/
}
@media (max-width:575px){
    #markalar { margin-top: 40px; }
    #footer .hosteva { margin: 30px 0 0 0; }
    #inside .banner{ padding:80px 0 30px; }
    #inside .banner .title{font-size:25px;}
}
@media (max-width:568px){
    /*iphone5*/
}
@media (max-width:559px){
}
@media (max-width:533px){
    /*lumia520*/
}
@media (max-width:480px){
    /*n9,iphone4*/
}
@media (max-width:414px){
    /*iphone6plus,iphone7plus,iphone8plus*/
    .container { max-width: calc(100% - 30px); }
    #markalar { margin-top: 30px; }
    #carousel .item .title span:last-child { font-size: 40px; }
    #carousel .item .img img { height: 300px !important; }
}
@media (max-width:412px){
    /*nexus5x,nexus6p*/
}
@media (max-width:411px){
    /*pixel2*/
}
@media (max-width:384px){
    /*l70*/
}
@media (max-width:375px){
    /*iphone6,iphone7,iphone8,iphonex*/
}
@media (max-width:360px){
    /*note3,note2,s3,s5,lumia550,lumia950*/
}
@media (max-width:320px){
    /*lumia520,iphone4,iphone5*/
}
@keyframes spinnerBar{
    0%{ left:-100%; }
    100%{ left:100%; }
}