* {padding: 0;  margin: 0;    box-sizing: border-box;}
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, font, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;letter-spacing: .3px;font-weight:300;color: #ffffff;}
a{text-decoration:none;font-size: 16px;letter-spacing: 0px;color:#fff}
a,a:hover {text-decoration: none;}
b,strong {   font-weight: bold;}
ol,ul {list-style: none;  margin: 0;}
body {line-height: 1;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}:focus {	outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
html, body{width:100%;height:100%;}  

.temizle{clear:both;}
.no-padding-top { padding-top: 0 !important;}
.no-padding-right { padding-right: 0 !important;}
.no-padding-bottom { padding-bottom: 0 !important;}
.no-padding-left { padding-left: 0 !important;}
.no-margin-top { margin-top: 0 !important;}
.no-margin-right { margin-right: 0 !important;}
.no-margin-bottom { margin-bottom: 0 !important;}
.no-margin-left { margin-left: 0 !important;}
.hide { display: none !important;}
.block {  display: block !important;}
.inline-block {display: inline-block !important;}
.no-margin { margin: 0 !important;}
.ds-effect {box-shadow: 5px 5px 15px 0 rgba(0,0,0,.1);transition: .22s ease-out; transition-property: transform,box-shadow;}
.ds-effect:hover { transform: translate3d(0,-.1875rem,0); box-shadow: 5px 15px 30px 0 rgba(0,0,0,.15); }
.mt15{margin-top:15px}
.mt25{margin-top:25px}
.mt45{margin-top:45px}
.bgrand{background: rgb(14,17,22);background: linear-gradient(0deg, rgba(14,17,22,1) 0%, rgba(14,17,22,0) 100%);width:100%;height: 15vh;position:absolute;left:0;bottom: 0;z-index: 2;}
.bgrandtop{background: rgb(14,17,22);background: linear-gradient(180deg, rgba(14,17,22,1) 0%, rgba(14,17,22,0) 100%);width:100%;height: 15vh;position:absolute;left:0;top: 0;z-index: 2;}
.bgrandbottom{background: rgb(14,17,22);background: linear-gradient(0deg, rgba(14,17,22,1) 0%, rgba(14,17,22,0) 100%);width:100%;height: 15vh;position:absolute;left:0;bottom: 0 !important;z-index: 2;}
.bg30{background: rgba(0, 0, 0, .3);width:100%;height:100%;position:absolute;left:0;top:0;z-index: 2;}
.bg70{background: rgba(0, 0, 0, .7);width:100%;height:100%;position:absolute;left:0;top:0;z-index: 2;}
.bg60{background: rgba(0, 0, 0, .6);width:100%;height:100%;position:absolute;left:0;top:0;z-index: 2;}
.grdbg{width:100%;position:absolute;height: 25vh;top:0;z-index:2;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);}
.grdbgbottom{width:100%;position:absolute;height: 25vh;bottom:0;z-index:2;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);}

.fullsize{width:100%}
.fullh{height:100vh; max-height:100vh; overflow:hidden}
.fullw{width:100vw}
.table{display:table; width:100%}
.table>.row{display:table-row}
.table>.row>div{display:table-cell; vertical-align:middle}
.td2.table>.row>div{width:calc(100% / 2)}
.td3.table>.row>div{width:calc(100% / 3)}
.td4.table>.row>div{width:calc(100% / 4)}
.td5.table>.row>div{width:calc(100% / 5)}
.w3{width:calc(100% /2)}
.w3{width:calc(100% /3)}
.w4{width:calc(100% /4)}
.w4{width:calc(100% /5)}
.main{width:100%}
.alink{margin-top:-50px; position:absolute;}
.textcenter{text-align:center !important}
.texthead{font-size: 45px !important; line-height: 55px !important; font-weight:bold !important}
.btncenter{display:table !important; margin:0 auto !important}


.ust-colud{background: url(../../img/ust-colud.html) no-repeat;background-size: 100% auto;}
.kapla{position:relative}
.txtmain{width: calc(100% - 25px);padding-right: 25px;}
.rtl{flex-direction: row-reverse;}
.leftcolum{ padding: 0;padding-left: 50px;}
.twon{font-weight:normal}
.twon a{font-weight:bold}
.twon a, .twon{color:#fff;font-size: 12px;}

.twon a:hover{color:#46B974}
.icortala{width:100%; max-width:1300px; margin:0 auto}
h1, h2{ font-weight:normal; letter-spacing:.1px}
.colum{width:100%;/* padding-top: 7vh; */text-align:center;margin-bottom:3vh;}
.beyaz{color:#fff !important}
.noscroll{overflow:hidden}


form:focus { outline: 0;}
a[href^=tel] {color: inherit;  text-decoration: none;}
body.no-scroll,html.no-scroll {overflow: hidden;}
body.homepage,html.homepage {padding-top: calc(100vh - 210px);}
textarea {  overflow: auto;  resize: none;}

textarea::placeholder {  color: #BFB5B2 !important}
::-webkit-input-placeholder {color: #BFB5B2 !important}
:-ms-input-placeholder {color: #BFB5B2 !important;}
::placeholder {color: #BFB5B2 !important;}

.flex{
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }




.scrolldown {position:absolute;width:80px;height: 80px;bottom: 2vh;left: calc(50% - 40px);}
.scrolldown::after {}


.scrolldown a {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  transition: opacity .3s;
}
.scrolldown a:hover {
  opacity: .5;
}



#section01 a {padding-top: 60px;}
#section01 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section02 a {
  padding-top: 60px;
}
#section02 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section02 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section03 a {
  padding-top: 60px;
}
#section03 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section03 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section03 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



#section04 a {
  padding-top: 60px;
}
#section04 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}



#section05 a {
  padding-top: 70px;
}
#section05 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



#section06 a {
  padding-top: 70px;
}
#section06 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-animation: sdb06 1.5s infinite;
  animation: sdb06 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb06 {
  0% {
    -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb06 {
  0% {
    transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}



#section07 a {
}
#section07 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#section07 a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#section07 a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#section07 a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



#section08 a {
  padding-top: 60px;
}
#section08 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section08 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}



#section09 a {
  padding-top: 80px;
}
#section09 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section09 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#section09 a span::after {
  position: absolute;
  bottom: -18px;
  left: 50%;
  width: 18px;
  height: 18px;
  content: '';
  margin-left: -9px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}



#section10 a {
  padding-top: 60px;
}
#section10 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media (min-width:319px) and (max-width:768px) {  body.homepage,html.homepage {  padding-top: calc(100vh - 317px); }}