body {font-family: "Roboto", sans-serif; overflow-x: hidden;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%; margin:0;}
textarea:focus, input:focus{outline: none;}
::-webkit-scrollbar {width: 10px;background-color: #fff;border-left: 1px solid #fff;}
::-webkit-scrollbar-thumb {background-color: #000101;}
::-webkit-scrollbar-thumb:hover {background-color: #000101;}

.container { max-width:1500px;}

.ustmenu { width:100%; min-height:110px; border-bottom:1px solid #ccc;}
.ustmenu .sagbolum { width:400px; min-height:40px; background:#F4F4F4; border-radius: 5px; float:right; margin-top:10px; padding:5px 16px 0 16px;}
.ustmenu .sagbolum .dilalan { float:right; padding-left:15px;}
.ustmenu .sagbolum .dilalan .dil { float:right; margin-left:3px;}
.ustmenu .sagbolum .dilalan .dil img { border-radius: 2px;}
.ustmenu .sagbolum .usttelefon { float:right; font-size:12px; color:#1A1B1E; padding-top:5px; font-weight:500;}
.ustmenu .sagbolum .usttelefon i {font-size:10px;}
.ustmenu .sagbolum .usteposta { float:right; font-size:12px; color:#1A1B1E; padding-top:5px; font-weight:500; margin-right:10px;}

@media only screen and (max-width: 959px) {
.ustmenu .sagbolum { width:100%; min-height:40px; background:#F4F4F4; border-radius: 5px; float:right; margin-top:10px; padding:5px 16px 0 16px;}	
.ustmenu { width:100%; min-height:120px; border-bottom:1px solid #ccc;}
}


.anasayfakatalog { width:100%; min-height:880px; padding-top:80px;}

.anasayfakatalog .kutuyazi { width:100%; float: left; padding:5px; padding-right:5%;}
.anasayfakatalog .kutuyazi .ic { width:100%; float:left; min-height:350px;}
.anasayfakatalog .kutuyazi .ic .baslik { width:100%; font-size:22px; font-weight:bold; color:#1A1B1E; padding-bottom:20px;}
.anasayfakatalog .kutuyazi .ic .aciklama { width:100%; font-size:13px; color:#1A1B1E; line-height:25px;}

.anasayfakatalog .kutuliste { width:100%; float: left; padding:5px;}
.anasayfakatalog .kutuliste .ic { width:100%; float:left; min-height:350px;}
.anasayfakatalog .kutuliste .ic img { border-radius:5px; border:1px solid #f4f4f4;}
.anasayfakatalog .kutuliste .ic .kutubuton { width:94%; min-height:40px; background:#586E7D; position:relative; z-index:1; margin-top:-50px; margin-left:auto; margin-right:auto; border-radius: 4px; color:#fff; font-size:13px; display: flex;justify-content: center;align-items: center; text-align: center; font-weight:500;}
.anasayfakatalog .kutuliste .ic:hover .kutubuton { background:#1A1B1E; color:#fff; transition:all .1s}

@media only screen and (max-width: 959px) {
.anasayfakatalog .kutuliste { width:50%; float: left; padding:5px;}
.anasayfakatalog .kutuliste .ic { width:100%; float:left; min-height:250px;}
.anasayfakatalog { width:100%; min-height:1700px; padding-top:80px;}
}

.anasayfakartela { width:100%; min-height:440px; background:url(../img/genel/renkkartelasi.jpg) no-repeat center top; border-radius:5px; padding-top:70px;}
.anasayfakartela .yazialan { width:45%; float:right; padding-right:5%;}
.anasayfakartela .yazialan .baslik { width:100%; font-size:22px; font-weight:bold; color:#fff; padding-bottom:20px;}
.anasayfakartela .yazialan .aciklama { width:100%; font-size:13px; color:#fff; line-height:25px;}
.anasayfakartela .yazialan  .buton { width:180px; height:40px; background:#fff; border-radius: 5px; margin-top:20px; display: flex;justify-content: center;align-items: center; text-align: center; color:#1A1B1E; font-size:13px; font-weight:500;}
.anasayfakartela .yazialan  .buton:hover { background:#1A1B1E; color:#fff; transition:all .1s}

@media only screen and (max-width: 959px) {
.anasayfakartela .yazialan { width:100%; float:right; padding-left:5%;}	
.anasayfakartela { width:100%; min-height:400px; background:url(../img/genel/renkkartelasi.jpg) no-repeat center top; border-radius:5px; padding-top:70px;}
}


.anasayfahakkimizda { width:100%; min-height:745px; padding-top:110px;}
.anasayfahakkimizda .hakkimizdayazi { width:100%; float:left; padding-top:50px;}
.anasayfahakkimizda .hakkimizdayazi .baslik { width:100%; font-size:22px; font-weight:bold; color:#1A1B1E; padding-bottom:20px;}
.anasayfahakkimizda .hakkimizdayazi .aciklama { width:100%; font-size:13px; color:#1A1B1E; line-height:25px;}
.anasayfahakkimizda .hakkimizdaresim { width:100%; float:left;}
.anasayfahakkimizda .hakkimizdaresim img { border-radius: 5px;}

@media only screen and (max-width: 959px) {
.anasayfahakkimizda { width:100%; min-height:745px; padding-top:30px;}
}

.altbilgi { width:100%; min-height:390px; background:#FAFAFA; padding-top:80px;}

.altbilgi .bizeulasin { width:100%; float:left;}
.altbilgi .bizeulasin .baslik { width:100%; color:#3E3E3F; font-size:15px; font-weight:600; padding-bottom:20px;}
.altbilgi .bizeulasin .menu { width:100%; font-size:13px; color:#000; letter-spacing:0; padding-bottom:10px; font-weight:500;}
.altbilgi .bizeulasin .menu:hover {transition: all .35s; color:#586E7D;}


.altbilgi .bizeulasin .sosyalmedya { width:100%; float:left; padding-top:40px;}
.altbilgi .bizeulasin .sosyalmedya .ikon { width:40px; height:40px; background:#000; color:#fff; font-size:14px; display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center; border-radius: 100px; float:left; margin-right:3px;}
.altbilgi .bizeulasin .sosyalmedya .ikon:hover {transition: all .35s; background:#586E7D; color:#fff;}

.altbilgi .siteharitasi { width:100%; float:left;}
.altbilgi .siteharitasi .baslik { width:100%; color:#3E3E3F; font-size:15px; font-weight:600; padding-bottom:20px;}
.altbilgi .siteharitasi .menu { width:100%; font-size:13px; color:#000; letter-spacing:0; padding-bottom:10px; font-weight:500;}
.altbilgi .siteharitasi .menu:hover {transition: all .35s; color:#586E7D;}

.altbilgi .fiyatlistesi { width:100%; float:left; padding-right:8%;}
.altbilgi .fiyatlistesi .baslik { width:100%; color:#3E3E3F; font-size:15px; font-weight:600; padding-bottom:20px;}
.altbilgi .fiyatlistesi .menu { width:50%; font-size:13px; color:#000; letter-spacing:0; padding-bottom:10px; float:right; font-weight:500;}
.altbilgi .fiyatlistesi .menu:hover {transition: all .35s; color:#586E7D;}

.altbilgi .adres { width:100%; float:left;}
.altbilgi .adres .baslik { width:100%; color:#3E3E3F; font-size:15px; font-weight:600; padding-bottom:20px;}
.altbilgi .adres .menu { width:100%; font-size:13px; color:#000; letter-spacing:0; padding-bottom:10px; font-weight:500;}
.altbilgi .adres .menu:hover {transition: all .35s; color:#586E7D;}

.footer { width:100%; min-height:80px; border-top:1px solid #CFCFCF; background:#FAFAFA; color:#ABB0B4; font-size:14px; text-align:center; padding-top:25px; float:left;}
.footer i { margin-left:5px; margin-right:5px;}

@media only screen and (max-width: 1150px) {
.altbilgi { width:100%; min-height:710px; background:#FAFAFA; padding-top:110px;}	
}

.whatsapp { width:190px; height:40px; background:#4dc247	; border-radius: 100px; float:right; display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center; color:#fff; font-size:14px; font-weight:600; position:fixed; bottom:2%; z-index:9; left:2%}	
.whatsapp:hover {transition: all .35s; background:#FCDE6D;}


.icsayfaust { width:100%; min-height:200px; background: url(../img/genel/icsayfaust.jpg) no-repeat center top; padding-top:100px;}
.icsayfaust h1 { width:100%; font-size:20px; font-weight:900; color:#fff; text-align:center;}
.icsayfaust p { width:100%; font-size:13px; font-weight:400; color:#fff; text-align:center;}


.icsayfa { width:100%; margin-top:50px; margin-bottom:50px; display:table;}

.icsayfa .hakkimizdayazi { width:100%; float:left; padding-top:50px;}
.icsayfa .hakkimizdayazi .baslik { width:100%; font-size:22px; font-weight:bold; color:#1A1B1E; padding-bottom:20px;}
.icsayfa .hakkimizdayazi .aciklama { width:100%; font-size:13px; color:#1A1B1E; line-height:25px;}
.icsayfa .hakkimizdaresim { width:100%; float:left;}
.icsayfa .hakkimizdaresim img { border-radius: 5px;}


.icsayfa .urundetayresim { width:100%; float:left;}
.icsayfa .urundetayresim img { border-radius: 5px; border:1px solid #f4f4f4;}
.icsayfa .urundetayyazi { width:100%; float:left;}
.icsayfa .urundetayyazi .baslik { width:100%; font-size:18px; font-weight:bold; padding-bottom:30px; color:#1A1B1E;}
.icsayfa .urundetayyazi .aciklama { width:100%; font-size:14px; font-weight:normal; padding-bottom:20px; color:#1A1B1E;}
.icsayfa .urundetaykullanim { width:100%; float:left; background:#fafafa; padding:15px; border-radius:5px; margin-top:50px;}
.icsayfa .urundetaykullanim .kullanimbaslik { width:100%; font-size:18px; font-weight:bold; color:#1A1B1E; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f4f4f4;}
.icsayfa .urundetaykullanim .kullanimliste { width:100%; float:left; padding:5px;}
.icsayfa .urundetaykullanim .kullanimliste img { border-radius: 5px;}
.icsayfa .urundetaykullanim .kullanimliste .baslik { width:100%; font-size:14px; color:#1A1B1E; font-weight:600; padding-top:10px;}

@media only screen and (max-width: 959px) {
.icsayfa .urundetaykullanim .kullanimliste { width:50%; float:left; padding:5px;}	
.icsayfa .urundetayyazi { width:100%; float:left; margin-top:40px;}
}


.icsayfa .kullanimalan { width:100%; float:left; padding:7px;}
.icsayfa .kullanimalan img { border-radius: 5px;}
.icsayfa .kullanimalan .baslik { width:100%; font-size:14px; color:#1A1B1E; font-weight:600; padding-top:10px;}

.icsayfa .belgeliste { width:100%; float:left; padding:15px;}
.icsayfa .belgeliste img { border-radius: 5px;}

@media only screen and (max-width: 959px) {
.icsayfa .belgeliste { width:50%; float:left; padding:15px;}	
}

.icsayfa .iletisimyazi { width:100%; float:left; font-size:14px; color:#1A1B1E;}
.icsayfa .iletisimharita { width:100%; float:left;}


#header{width:100%;}
#header:after{content:"";clear:both;display:block}
.logo{float:left;padding:15px 0 0 0; position:absolute; z-index:1;}
.logo a{display:block;padding:0}

@media only screen and (max-width: 959px) {
.logo{float:left;padding:55px 0 0 0;}	
.logo img { max-width:60%;}	
}

nav{float:right; position:relative; width:100%;}
nav>ul{float:right;position:relative;}
nav li{list-style:none;float:left}
nav .dropdown{position:relative;}
nav li a{float:left;padding:20px 8px 20px 8px; color:#1A1B1E; font-size:13px; font-weight:600; letter-spacing:0.5px;}
nav li a i{ font-size:10px;}
nav li a:hover{ color:#003576; text-decoration:none; transition: all .35s;}
nav li ul{display:none}
nav li:hover ul{display:inline; }
nav li li{float:none}
nav .dropdown ul{position:absolute;left:0;top:100%;background:#fff;padding:20px 0;  z-index:2;}
nav .dropdown li{white-space:nowrap}
nav .dropdown li a{padding:10px 25px;font-size:14px;min-width:300px; color:#333;}
nav .dropdown li a:hover{ background:none; border-top:none; color:#003576; }
nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #FFD224}
nav li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px}
nav li li a:hover{background:#bdc3c7;background:#FAFBFB}
#menu-icon{position:absolute;right:0;top:0%; display:none;}
#menu-icon span{border:2px solid #242424;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}
@media only screen and (max-width: 1170px) {
nav >ul>li >a{padding:35px 15px}
#header{width:100%; z-index:9999;}
}

@media only screen and (min-width: 960px) {
nav{display:block!important}
}

@media only screen and (max-width: 959px) {
nav{display:none; clear:both;float:none; overflow: auto;}
#menu-icon{display:inline;top:75px;cursor:pointer; right:5%;}
#menu-icon.active .first{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:10px}
#menu-icon.active .second{transform:rotate(135deg);-webkit-transform:rotate(135deg);position:relative;top:-9px;}
#menu-icon.active .third{display:none}
nav{padding:10px;}
nav ul{float:none; padding-top:40px; padding-bottom:30px; padding-left:0;}
nav li{float:none; border-bottom:1px solid #f4f4f4;}
nav ul li a{float:none;padding:8px 8px 8px 8px;display:block;}
#header nav ul ul{display:block;position:static;background:none;border:none;padding:0}
#header nav a{color:#111;padding:16px 8px 8px 8px;}
#header nav a:hover{background:#fff;color:#333;border-radius:3px}
#header nav ul li li a:before{content:""; color:#2f8a1a; margin-left:15px; margin-right:5px;}
.mega-col{width:100%}
}



.carousel-item {height: 100vh;max-height: 650px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.carousel-caption {bottom: 12%;z-index: 10; width:100%; left:0; right:0;}
.carousel-caption h1 { width:100%; text-align:center; font-size:38px; font-weight:400; letter-spacing:1px; padding-bottom:10px; color:#fff;}
.carousel-caption p { width:100%; text-align:center; font-size:13px; font-weight:500; letter-spacing:0; color:#fff; letter-spacing:0.5px;}
.carousel-caption .buton { width:180px; height:40px; border:1px solid #fff; border-radius: 5px; margin-top:20px; display: flex;justify-content: center;align-items: center; text-align: center; color:#fff; font-size:13px; font-weight:600; margin-left:auto; margin-right:auto;}
.carousel-caption .buton:hover { background:#fff; color:#0c73b2; transition: all .35s; }
.carousel-control-prev {position:absolute; left:0;}
.carousel-control-next {position:absolute; right:0;}
.carousel-indicators {width: initial; bottom: initial; bottom: 50px; justify-content: center;}
.carousel-indicators li {background: rgba(255, 255, 255, 0.8); min-height:7px; border-radius: 0; width:24px; z-index:-1; cursor:pointer;}
.carousel-indicators .active {background: #fff; width:47px; transition: all .35s; z-index:none;}


.carousel-fade .carousel-item {opacity: 0;transition-duration: .6s;transition-property: opacity;}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {opacity: 1;}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {opacity: 0;}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {transform: translateX(0);transform: translate3d(0, 0, 0);}


@media only screen and (max-width: 1150px) {
.carousel-caption {position: absolute;right: 0%;bottom: 10%;left: 0%;z-index: 10;  color: #fff; width:100%;}
.carousel-caption h1 { width:100%; text-align:center; font-size:14px; font-weight:300; letter-spacing:1px; padding-bottom:10px; color:#fff;}
.carousel-caption p { width:100%; text-align:center; font-size:26px; font-weight:300; letter-spacing:0; color:#fff; letter-spacing:0.5px;}
.carousel-indicators {width: initial; bottom: initial; bottom: 30px; justify-content: left; margin-left:15px; display:none;}


.carousel-item { width:100%; height: 40vh; background: no-repeat center right scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}	
.carousel-control-prev {position:absolute; left:2%; top:20%;}
.carousel-control-next {position:absolute; left:83%; top:20%;}
}

@media (min-width: 250px) and (max-width: 767.98px) {
.carousel-control-prev {position:absolute; left:2%; top:20%; display:none;}
.carousel-control-next {position:absolute; left:83%; top:20%; display:none;}	
}

.scroll-container {height: 100vh;min-height: 450px;padding: 2rem 1rem;display: flex;align-items: center;box-sizing: border-box;}
.scroll-container:nth-of-type(1) {background-color: #bdd0c4;}
.scroll-container:nth-of-type(2) {background-color: #f5d2d3;}
.scroll-container:nth-of-type(3) {background-color: #9ab7d3;}
.scroll-container:nth-of-type(4) {background-color: #dfccf1;}
.scroll-container:nth-of-type(even) {flex-direction: row-reverse;}
.scroll-element,
.scroll-caption {width: 50%;}
.scroll-element {min-height: 300px;height: 100%;background-color: #eaeaea;}
.scroll-caption {margin: 1rem;}
@media screen and (max-width: 650px) {
.scroll-container,
.scroll-container:nth-of-type(even) {flex-direction: column;align-content: inherit;}
.scroll-element {height: 100%;}
.scroll-element,
.scroll-caption {width: 100%;}
}
.js-scroll {opacity: 0;transition: opacity 500ms;}
.js-scroll.scrolled {opacity: 1;}
.scrolled.fade-in {animation: fade-in 1s ease-in-out both;}
.scrolled.fade-in-bottom {animation: fade-in-bottom 1s ease-in-out both;}
.scrolled.slide-left {animation: slide-in-left 1s ease-in-out both;}
.scrolled.slide-right {animation: slide-in-right 1s ease-in-out both;}
@keyframes slide-in-left {
0% {-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;}
100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}

@keyframes slide-in-right {
0% {-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;}
100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}
@keyframes fade-in-bottom {
0% {-webkit-transform: translateY(50px);transform: translateY(50px);opacity: 0;}
100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
}

@keyframes fade-in {
0% {opacity: 0;}
100% {opacity: 1;}
}