/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url(../Font/1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url(../Font/2.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url(../Font/3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.ByBrofessionalLogo:hover{
    z-index:4;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;

}

@media only screen and (min-width: 992px) { /* Bilgisayarda */

.bilgisayardagosterme {

	display: none;

     }

  }

@media only screen and (max-width: 767px) { /* Telefonda */
  
.telefondagosterme {

  display: none;

     }

  }
@media only screen and (max-width: 991px) { /* Tablette */
  
.tablettegosterme {

  display: none;

     }

  }
.sosyaliconlar{
	/* padding-right:5px; */
	
}
.SosyalIconlarDiv{
    text-align: center;
    position: fixed;
    display: flex;
    right: 4vw;
    top: 28%;
    justify-content: flex-end;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 0vw;
} 
.SosyalIconlarDivMobil{
    position: fixed;
    display: flex;
    /* right: 4vw; */
    /* top: 28%; */
    bottom: 25vw;
    /* margin-left: 1vw; */
    align-items: center;
}
.SosyalIconlarTablo{
	display: inline-block;
    right: 15px;
    position: initial;
    margin-left: 25px;
    /* width: 25px; */
    font-size: 1.2vw;
    color: #FFFFFF;
}
.SosyalIconlarTabloMobil{
	position: absolute;
    float: initial;
    bottom: 15px;
    display: contents;
}
.SosyalIconlarTabloMobil svg{
    width: 2rem;
    margin-left: 5px;
    margin-right: 5px;
    /* overflow: hidden; */
    float: left;
    left: 15px;
    position: static;
}
.SosyalSimgeler{
    display: inline-block;
    margin-top: 2vw;
    font-stretch: expanded;
    text-shadow: 6px 7px 3px #00eaff;
    fill: #FFFFFF;
}
.GaleriSimgeler{
    display: inline-block;
    margin-top: 2vw;
    font-stretch: expanded;
    text-shadow: 6px 7px 3px #00eaff;
    fill: #FFFFFF;
    font-size: 1.2vw;
	width: 12vw;
}
.SosyalSimgeler:hover{
    z-index:4;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}
.SosyalSimgelerMobil{
    display: inline-block;
    /* margin-top: 2vw; */
    position: initial;
    font-stretch: expanded;
    text-shadow: 6px 7px 3px #00eaff;
    fill: #FFFFFF;
}
.SosyalSimgelerMobil:hover{
    z-index:4;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}

.UstButonlar{
	top: 3vw;
    right: 5px;
    position: absolute;
}

.glitch {
position: absolute;
    display: inherit;
    bottom: 6%;
    color: #fff;
    /* margin: auto;*/
	font-family: 'Cairo Black';
}
.glitchx {
position: absolute;
    display: inherit;
    bottom: 6%;
    color: #fff;
    /* margin: auto;*/
	font-family: 'Cairo Black';
}
.glitchAbout {
    position: relative;
    top: 100%;
    /* left: 26%; */
    color: #000;
    /* margin: auto;*/
	font-family: 'Cairo Black';
}

.butonhv {
	color:#fff;
}
.butonhv:hover {
    z-index:4;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}
.SosyalIconlarDivAbout{
    text-align: center;
    position: fixed;
    display: flex;
    right: 4vw;
    top: 28%;
    justify-content: flex-end;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 0vw;
}
.SosyalIconlarTabloAbout{
	display: inline-block;
    right: 15px;
    position: initial;
    margin-left: 25px;
    /* width: 25px; */
    font-size: 1.8vw;
    color: #000;
}
.SosyalSimgelerAbout{
    display: inline-block;
    margin-top: 2vw;
    font-stretch: expanded;
    text-shadow: 6px 7px 3px #00eaff;
    fill: #000;
}
.SosyalSimgelerAbout:hover{
    z-index:4;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}

.UstButonlarAbout{
	top: 3vw;
    right: 5px;
    position: absolute;
}

.butonhvAbout{
	color:#000;
}
.butonhvAbout:hover {
    z-index:4;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}

.line:not(:first-child) {
  position: absolute;
    top: 0;
	font-family: 'Cairo SemiBold';
}
.line:nth-child(1) {
  -webkit-animation: clip 3000ms -300ms linear infinite, glitch1 500ms -368ms linear infinite;
          animation: clip 3000ms -300ms linear infinite, glitch1 500ms -368ms linear infinite;
	font-family: 'Cairo SemiBold';
}
@-webkit-keyframes glitch1 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(3px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-1px);
    color: #AC1212;
  }
  95% {
    transform: translateX(5px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes glitch1 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(3px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-1px);
    color: #AC1212;
  }
  95% {
    transform: translateX(5px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
.line:nth-child(2) {
  -webkit-animation: clip 3000ms -600ms linear infinite, glitch2 500ms -388ms linear infinite;
          animation: clip 3000ms -600ms linear infinite, glitch2 500ms -388ms linear infinite;
	font-family: 'Cairo SemiBold';
}
@-webkit-keyframes glitch2 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(-4px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(2px);
    color: #AC1212;
  }
  95% {
    transform: translateX(-1px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes glitch2 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(-4px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(2px);
    color: #AC1212;
  }
  95% {
    transform: translateX(-1px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
.line:nth-child(3) {
  -webkit-animation: clip 3000ms -900ms linear infinite, glitch3 500ms -408ms linear infinite;
          animation: clip 3000ms -900ms linear infinite, glitch3 500ms -408ms linear infinite;
	font-family: 'Cairo SemiBold';
}
@-webkit-keyframes glitch3 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(-1px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-3px);
    color: #AC1212;
  }
  95% {
    transform: translateX(3px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes glitch3 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(-1px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-3px);
    color: #AC1212;
  }
  95% {
    transform: translateX(3px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
.line:nth-child(4) {
  -webkit-animation: clip 3000ms -1200ms linear infinite, glitch4 500ms -158ms linear infinite;
          animation: clip 3000ms -1200ms linear infinite, glitch4 500ms -158ms linear infinite;
	font-family: 'Cairo SemiBold';
}
@-webkit-keyframes glitch4 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(2px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-1px);
    color: #AC1212;
  }
  95% {
    transform: translateX(-4px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes glitch4 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(2px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-1px);
    color: #AC1212;
  }
  95% {
    transform: translateX(-4px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
.line:nth-child(5) {
  -webkit-animation: clip 3000ms -1500ms linear infinite, glitch5 500ms -412ms linear infinite;
          animation: clip 3000ms -1500ms linear infinite, glitch5 500ms -412ms linear infinite;
	font-family: 'Cairo SemiBold';
}
@-webkit-keyframes glitch5 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(1px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(4px);
    color: #AC1212;
  }
  95% {
    transform: translateX(-4px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes glitch5 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(1px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(4px);
    color: #AC1212;
  }
  95% {
    transform: translateX(-4px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
.line:nth-child(6) {
  -webkit-animation: clip 3000ms -1800ms linear infinite, glitch6 500ms -501ms linear infinite;
          animation: clip 3000ms -1800ms linear infinite, glitch6 500ms -501ms linear infinite;
	font-family: 'Cairo SemiBold';
}
@-webkit-keyframes glitch6 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(-3px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(4px);
    color: #AC1212;
  }
  95% {
    transform: translateX(5px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes glitch6 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(-3px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(4px);
    color: #AC1212;
  }
  95% {
    transform: translateX(5px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
.line:nth-child(7) {
  -webkit-animation: clip 3000ms -2100ms linear infinite, glitch7 500ms -236ms linear infinite;
          animation: clip 3000ms -2100ms linear infinite, glitch7 500ms -236ms linear infinite;
	font-family: 'Cairo SemiBold';
}
@-webkit-keyframes glitch7 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(-3px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-1px);
    color: #AC1212;
  }
  95% {
    transform: translateX(-4px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes glitch7 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(-3px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-1px);
    color: #AC1212;
  }
  95% {
    transform: translateX(-4px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
.line:nth-child(8) {
  -webkit-animation: clip 3000ms -2400ms linear infinite, glitch8 500ms -271ms linear infinite;
          animation: clip 3000ms -2400ms linear infinite, glitch8 500ms -271ms linear infinite;
	font-family: 'Cairo SemiBold';
}
@-webkit-keyframes glitch8 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(2px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(0px);
    color: #AC1212;
  }
  95% {
    transform: translateX(2px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes glitch8 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(2px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(0px);
    color: #AC1212;
  }
  95% {
    transform: translateX(2px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
.line:nth-child(9) {
  -webkit-animation: clip 3000ms -2700ms linear infinite, glitch9 500ms -588ms linear infinite;
          animation: clip 3000ms -2700ms linear infinite, glitch9 500ms -588ms linear infinite;
	font-family: 'Cairo SemiBold';
}
@-webkit-keyframes glitch9 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(3px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-3px);
    color: #AC1212;
  }
  95% {
    transform: translateX(0px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes glitch9 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(3px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-3px);
    color: #AC1212;
  }
  95% {
    transform: translateX(0px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
.line:nth-child(10) {
  -webkit-animation: clip 3000ms -3000ms linear infinite, glitch10 500ms -247ms linear infinite;
          animation: clip 3000ms -3000ms linear infinite, glitch10 500ms -247ms linear infinite;
	font-family: 'Cairo SemiBold';
}
@-webkit-keyframes glitch10 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(-1px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-3px);
    color: #AC1212;
  }
  95% {
    transform: translateX(1px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes glitch10 {
  0% {
    transform: translateX(0);
  }
  80% {
    transform: translateX(0);
    color: #fff;
  }
  85% {
    transform: translateX(-1px);
    color: #4E9A26;
  }
  90% {
    transform: translateX(-3px);
    color: #AC1212;
  }
  95% {
    transform: translateX(1px);
    color: #fff;
  }
  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes clip {
  0% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 120%, 0 120%);
            clip-path: polygon(0 100%, 100% 100%, 100% 120%, 0 120%);
  }
  100% {
    -webkit-clip-path: polygon(0 -20%, 100% -20%, 100% 0%, 0 0);
            clip-path: polygon(0 -20%, 100% -20%, 100% 0%, 0 0);
  }
}

@keyframes clip {
  0% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 120%, 0 120%);
            clip-path: polygon(0 100%, 100% 100%, 100% 120%, 0 120%);
  }
  100% {
    -webkit-clip-path: polygon(0 -20%, 100% -20%, 100% 0%, 0 0);
            clip-path: polygon(0 -20%, 100% -20%, 100% 0%, 0 0);
  }
}

.brogerilink{
    color: #fff;
    background-image: linear-gradient( to left, #000000, #ffffff 20%, #ffffff 3% );
    background-size: 200% 100%;
    background-position: -150%;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
}


.brogerilink:hover {
 background-position: 0;
}

.brogerilink:hover::before {
  width:100%;
}
/* .brolink:before { */
  /* content: ''; */
  /* background: #54b3d6; */
  /* display: block; */
  /* position: absolute; */
  /* bottom: -3px; */
  /* left: 0; */
  /* width: 0; */
  /* height: 3px; */
  /* transition: all 0.3s ease-in-out; */
/* } */
.broilerilink{
    color: #fff;
    background-image: linear-gradient( to left, #000000, #ffffff 20%, #ffffff 3% );
    background-size: 200% 100%;
    background-position: 0;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
}
.broilerilink:hover {
 background-position: -150%;
}

.broilerilink:hover::before {
  width:100%;
}

.sendbutton{
	
	border-color: #ffffffd4;
    border-bottom-style: outset;
	background-color: #00000078;
    display: flex;
    width: 100%;
    padding: 1em 0em;
    float: none;
    overflow: hidden;
    font-weight: bolder;
    text-transform: capitalize;
    text-overflow: ellipsis;
    border: 0;
    border-radius: 0.25em;
    cursor: pointer;
    justify-content: space-evenly;
    align-items: center;
	
}