html, body, #kapsul {height: 100%; margin: 0}

#icerik { background: #fff;  padding: 50px 0 0;} /* altAlan yukseligi ile ayni olmali */
.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
@font-face {
  font-family: 'CeraGRMedium';
  src: url('CeraGRMedium.eot?#iefix') format('embedded-opentype'),  url('CeraGRMedium.woff') format('woff'), url('CeraGRMedium.ttf')  format('truetype'), url('CeraGRMedium.svg#CeraGRMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CeraGRBold';
  src: url('CeraGRBold.eot?#iefix') format('embedded-opentype'),  url('CeraGRBold.woff') format('woff'), url('CeraGRBold.ttf')  format('truetype'), url('CeraGRBold.svg#CeraGRBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CeraGRRegular';
  src: url('CeraGRRegular.eot?#iefix') format('embedded-opentype'),  url('CeraGRRegular.woff') format('woff'), url('CeraGRRegular.ttf')  format('truetype'), url('CeraGRRegular.svg#CeraGRRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CeraGRLight';
  src: url('CeraGRLight.eot?#iefix') format('embedded-opentype'),  url('CeraGRLight.woff') format('woff'), url('CeraGRLight.ttf')  format('truetype'), url('CeraGRLight.svg#CeraGRLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
input[type=checkbox] {
    vertical-align: sub;
    margin: 5px 0;
    width: 14px;
    height: 14px;
    top: 5px;
    background: none;
    border: 1px solid #007178;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    cursor: pointer;
}
#ticarionay {
    font-size: 12px;
}
input[type=checkbox]:checked::after {
    position: absolute;
    left: 1px;
    height: 11px;
    width: 11px;
    top: 0px;
    display: block;
    content: '';
    background: url(../images/arrow.png)no-repeat center;
    background-size: contain;
    border-radius: 0;
}

.onays {
    margin: 0 0 10px;
    display: block;
    color: #007178;
    font-size: 14px;
}

#container {min-height: 100%}
.box {background: #007178; position: absolute; top:0; left:0}
.corner-t { height:90px; width:100%;}
.corner-b { height:90px; width:100%; top: auto; bottom: auto}
.corner-o { height: 100%; width:90px; left:auto; right:0; z-index: 2; opacity: 0.6}
.right-1 { position:absolute; right:40px; top:20%; z-index:1}
.content {height: 1500px;display: block;width: 100%;}
.logo {display: block; margin: 0 auto 30px}
.text1 {text-align: center; font-size: 30px; line-height: 52px; color:#fff; font-weight: normal; font-family: 'CeraGRLight';}
.text1 span { font-family: 'CeraGRBold';}
.text1 span.orange { color:#fff;}
h2 { font-size:137px; font-weight:normal;   font-family: 'CeraGRBold'; text-align:Center;color:#fff;  letter-spacing:4px; text-shadow: 2px 9px 14px rgba(0,0,0,0.2); margin:30px 0; padding:0; line-height:normal}
.text2 {text-align: center; font-size: 41px; line-height: 63px; color:#007078; font-weight: normal; font-family: 'CeraGRLight';}
.text2 span { font-family: 'CeraGRBold';}
.right1 {position: absolute;width:50.1%;max-width:300px;right: 0;top: -19%;z-index:1;}

.numbers {    padding: 133px 40px 10px;text-align: center;z-index: 2;position: relative;}

.grid {text-align: left;display: inline-block;width: 33%;padding:  0;vertical-align:top;position: relative;margin-bottom: 40px;}
.full { text-align: left; display: inline-block; width: 100%; position: relative; height: 85px}
.titlez, p { float: none; vertical-align: top; margin: 0; padding: 0; }
.titlez {font-size: 120px;font-weight: normal;z-index:9;color:#e85124;font-family: 'CeraGRBold';text-shadow: 2px 9px 14px rgba(0,0,0,0.2);width: auto;position: absolute;left: 0;top: 0;width: 70px;text-align: right;}
/*p {padding-top: 50px;font-size: 19px;line-height: 27px;color:#007078;font-family: 'CeraGRLight';margin-left: 0;width: 100%;padding-left: 99px;}*/
p span { font-family: 'CeraGRBold'; }
.text3 {text-align: center; font-size: 52px; line-height: 74px;  font-family: 'CeraGRLight';padding-top: 40px; position: absolute;
    top: 0;
    right: 20px;
    color: #fff;}
.text3 span {font-family: 'CeraGRBold';}
.text4 {text-align: center; font-size: 18px; line-height: 30px;  font-family: 'CeraGRBold';}
.overs {padding: 40px 0;background: #007078;color: #fff; position:relative}
.over2 {position: relative; z-index: 1}
.imgsi {width: 42.1%;max-width: 300px;display: block;position: absolute;left:0;top: 49px;}

.imgsi2 {width: 100%;max-width: 197px;display: block;position: absolute;left: 0;top: -83%;}
.imgsi22 {width: 100%;max-width: 234px;display: block;position: absolute;left: -37px;top: -89%;}
.imgsi3 {width:100%;max-width: 214px;display: block;position: absolute;left: 31%;top: -45%;}
.imgsi3.no5 {left: 27%;top: -69%;}
.imgsi3.no6 {left: 3%;top: -103%;}
.imgsi3.no1 {top: 80%;} 
.imgsi3.no2 {left: auto;top: 0;max-width: 292px;right: -160px;}   
.jab { margin-left: 10%}
.numbers .grid.grid2 { width: 28%; margin: 0 5% 40px; }
.iconss {width:100%}
.coli {width: 12.5%;float:left;padding:10px;}
.coli span {width: 70px;height: 70px;margin:0 auto;display:block;background-repeat:no-repeat;background-size:100% 100%;background-image:url(../img/ico/1.png);}
.coli.ico2 span {  background-image:url(../img/ico/2.png)}
.coli.ico3 span {  background-image:url(../img/ico/3.png)}
.coli.ico4 span {  background-image:url(../img/ico/4.png)}
.coli.ico5 span {  background-image:url(../img/ico/5.png)}
.coli.ico6 span {  background-image:url(../img/ico/6.png)}
.coli.ico7 span {  background-image:url(../img/ico/7.png)}
.coli.ico8 span {  background-image:url(../img/ico/8.png)}
.coli p {display:block;text-align:center;font-family: 'CeraGRRegular';font-size: 12px;margin-top:20px;display: block;width: 100%;}

.nom1 {margin-top:0}
.nom2 {
    margin-top: 30px;
}
.nom3 {margin-top:-50px}
.logo2 {position:relative;max-width: 301px;left: 50%;margin-left: -150px;margin-bottom: 30px;}

.overs h4 {font-family: 'CeraGRLight';font-size: 34px;width: 100%;text-align: center;margin-bottom: 70px;}

.overs h4 span {font-family: 'CeraGRBold';}

.first_area {
    position: ABSOLUTE;
    top: 50px;
    width: 100%;
}
.overs {
    padding: 35px 0;
}

.icon-scroll,
.icon-scroll:before {
    position: absolute;
    left: 50%
}
.icon-scroll {
    width: 30px;
    height: 50px;
    margin-left: -20px;
    bottom: 10px;
    margin-top: -35px;
    border: 2px solid #007178;
    border-radius: 25px
}
.icon-scroll:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #007178;
    margin-left: -4px;
    top: 8px;
    border-radius: 4px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: scroll
}
@keyframes scroll {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translateY(26px)
    }
}

.section {
    text-align: center;
    z-index: 2;
    position: relative;
}
.boxez {
    text-align: left;
    display: inline-block;
    width: 33%;
    padding: 0;
    vertical-align: top;
    position: relative;
}
.boxez p {
    padding-top: 44px;
    font-size: 19px;
    line-height: 27px;
    color: #007078;
    font-family: 'CeraGRLight';
    margin-left: 80px;
    width: 100%;
    padding-left: 0;
}
.max1 {
    max-width: 1200px;
    margin: 150px auto 50px;
}
#sisliBanner img,#sisliBanner2 img, #e5Banner img {
    height: auto !important;
}
#sisliBanner,#sisliBanner2{
       padding: 90px 10px 30px;
       background: #e85124;
}
 .owl-item {
    height: 100%;
    padding: 0 5px;
}

#sisliBanner img, #sisliBanner2 img {
       position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 0%;
}
#sisliBanner .center img, #sisliBanner2 .center img {
    width: 100%;
	margin: 0 auto
}
.owl-carousel.carrusel-content {
	position:absolute;
	z-index:0;
	opacity:0
}
.owl-carousel.carrusel-content.current {
   position:relative;
   z-index:1;
   opacity:1
   
}
.carrusellink {position:absolute;text-align:center;z-index: 9;width: 100%; top:30px}
.carrusellink span {font-size:14px;cursor:pointer;display: inline-block;padding: 10px;background: #fff;}
.carrusellink span.aktive {font-size:14px;cursor:pointer;display: inline-block;padding: 10px;background: #007078;color: #fff;}
.item:after {
    background: #e85124;
    height: 100%;
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    left: 0%;
    opacity: 0.5;
	pointer-events: none
}
.center .item:after {display: none}
.owl-nav {
    left: 0;
}
.carrusel-inner {
    max-width: 1200px;
    margin: 0 auto;
	position: relative
}
.carrusel-canvas {background: #e85124}
.owl-prev, .owl-next {
    width: 20px;
    left: 8px;
    background-image: url(../img/prev.png);
	    background-color: transparent;
    background-size: 100%;
}
.owl-next {
    right: 15px;
	left:auto;
    background-image: url(../img/next.png);
}
.owl-nav {
	height: 70px;}


.sec22 {margin-top: 304px;}
.sec23 {margin-top: 149px;}
/*right*/
.contact p {float:none}
.area_orange{background:#e85124;width:100%;padding: 0 0%;text-align:center;padding-bottom:50px;}
.area_orange > div {font-size:18px;line-height:25px;color:#fff;display:inline-block;width:18%;padding:0 1%;vertical-align:top;text-align:left;text-align: center;}
.area_orange > div span {height:208px;display:block;background-image:url(../img/or_icon1.png);background-position: center bottom;background-size:auto;background-repeat:no-repeat;}
.area_orange > div:nth-child(5) span {background-image:url(../img/walksss.png);}
.area_orange > div:nth-child(6) span {background-image:url(../img/metros.png);}
.area_orange > div:nth-child(7) span {background-image:url(../img/carss.png);}
.area_orange > div:nth-child(8) span {background-image:url(../img/carss.png);}
.area_orange > div:nth-child(9) span {background-image:url(../img/carss.png);}
/*.area_orange > div:nth-child(1) span {background-image:url(../img/or_icon1.png);}
.area_orange > div:nth-child(2) span {background-image:url(../img/or_icon2.png);}
.area_orange > div:nth-child(4) span {background-image:url(../img/or_icon3.png);}
.area_orange > div:nth-child(7) span {background-image:url(../img/or_icon4.png);}*/
img.new_l {
    position: absolute;
    top: 61px;
    left: 50%;
    margin-left: 100px;
}
img.min_ico {
    display: inline-block;
    top: 5px;
    position: relative;
}
@media only screen and (max-width: 1680px) {
.coli p {
    font-size: 14px;}
.text1 {font-size: 20px;line-height: 37px;}
.logo {margin: 0 auto 49px;max-width: 168px;}
.corner-t { height:65px; width:100%;}
.corner-b { height:65px; width:100%; top: auto; bottom: auto}
.right1 {max-width:220px;}
body > #kapsul {padding: 0 65px;}
	h2 {
		font-size: 97px;}
	.text2 {
    text-align: center;
    font-size: 29px;
		line-height: 38px;}
	.numbers .title {
		font-size: 130px;}
	.numbers p {padding-top: 55px;
}

	.over2 {
    position: relative;
    z-index: 1;
    height: 100px;
}
	.imgsi {
    left: 1%;
}
	.text3 {
    font-size: 37px;
		line-height: 52px;}
	.text4 {
    text-align: center;
    font-size: 19px;
		line-height: 24px;}

	.jab { margin-left: 9%}
}

@media only screen and (max-width: 1536px) {
	.onays {
    font-size: 12px;}
}
@media only screen and (max-width: 1440px) {
.area_orange > div {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    }
.area_orange > div span {height: 150px;}
.area_orange > div span {    background-size: auto 67%;}
/*.area_orange > div:nth-child(1) span {    background-size: auto 56%;}
.area_orange > div:nth-child(7) span {    background-size: auto 90%;}*/
.coli p {
    font-size: 12px;}
	.right1 {    top: -30%;max-width: 190px;}
	
	img.min_ico {
    height: 20px;}
	.max1 {
    margin: 50px 20px 50px;
    }
}
@media only screen and (max-width: 768px) {
	
	
	
	.first_area {
    position: relative;
    top: 0;
    width: 100%;}
	.text1 {
    font-size: 14px;
    line-height: 26px;    padding-top: 20px;}
	h2 {
    font-size: 27px;}
	.text2 {
    text-align: center;
    font-size: 16px;
    line-height: 29px;}
	.boxez {
    text-align: left;
    display: inline-block;
    width: 100%;
    padding: 0;
    vertical-align: top;
    position: relative;}
	.boxez p {    padding-top: 10px;margin-left: 0;padding-left: 80px;}
	.imgsi3.no1 { top:auto}
	.imgsi3 {
    width: 90%;
    max-width: 260px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);}
	.imgsi3.no2 {
    left: 50%;
    top: auto;
    width: 100%;
    max-width: 260px;
    right: auto;}
	.sec22 {
    margin-top: 50px;}
	.imgsi22 {
    width: 90%;
    max-width: 260px;
    display: block;
    position: relative;
    left: 50%;
    top: auto;
    transform: translateX(-50%);}
	.imgsi2 {
    width: 90%;
    max-width: 260px;
    display: block;
    position: relative;
    left: 0;    top: auto;}
	.nom3 {
    margin-top: 20px;}
	.imgsi2 {
    width: 90%;
    max-width: 260px;
    display: block;
    position: relative;
    left: 50%;
    top: auto;
    transform: translateX(-50%);}
	.imgsi3.no5 {
    left: 50%;
    top: 0;}
	.sec23 {
    margin-top: 0;}
	.imgsi3.no6 {
    left: 50%;
    top: auto;}
	.nom4 {
    margin-top: 20px;}
	.text3 {
    font-size: 24px;
    line-height: 41px;
    position: relative;
    padding-top: 0;
    background: #007078;
    right: auto;}
	.owl-item {
    padding: 0 0;}
	#sisliBanner .center img, #sisliBanner2 .center img {
    width: 90%;}
	#sisliBanner img, #sisliBanner2 img {
		width: 90%;}
		.owl-next {
		right: 5px;}
		.owl-prev {
		left: 5px;}
		.item:after {display:none}
	.coli p {
    font-size: 12px;
    height: 25px;}
	.coli {
    width: 50%;
    float: left;
    padding: 10px 0;}
	.overs h4 {
    margin-bottom: 30px;}
	.area_orange > div {    width: 49%;}
	
	
	
	
	
	
}
@media only screen and (max-width: 1366px)
.logo {
    margin: 0 auto 20px;
    max-width: 168px;
}
@media (max-width: 767px) {
    .icon-scroll {
        display:none
    }
}