@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-Thin.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-Light.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-ThinItalic.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-HeavyItalic.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-HeavyItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-Semibold.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("../font/gilroy/subset-Gilroy-Bold.woff2") format("woff2"), url("../font/gilroy/subset-Gilroy-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-LightItalic.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-BlackItalic.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("../font/gilroy/subset-Gilroy-UltraLight.woff2") format("woff2"), url("../font/gilroy/subset-Gilroy-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-SemiboldItalic.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-RegularItalic.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-Regular.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-Heavy.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-Medium.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-BoldItalic.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-MediumItalic.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-Extrabold.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-Extrabold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("../font/gilroy/subset-Gilroy-ExtraboldItalic.woff2") format("woff2"), url("../font/gilroy/subset-Gilroy-ExtraboldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-UltraLightItalic.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-UltraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("css/font/gilroy/subset-Gilroy-Black.woff2") format("woff2"), url("css/font/gilroy/subset-Gilroy-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

:root {
  --blue: #2047ED;
  --navyblue: #051236;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #FCCBBE;
  --red: #dc3545;
  --orange: #fe3824;
  --yellow: #FAFF79;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #4EDCCE;
  --white: #fff;
  --gray: #41444b;
  --gray-dark: #343a40;
  --primary: #4EDCCE;
  --secondary: #41444b;
  --success: #28a745;
  --info: #4EDCCE;
  --warning: #FAFF79;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #1a1a1d;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1310px;
  --font-family-sans-serif: "Gilroy", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: "Gilroy", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #040f2f;
	
	

}

#demo{
	text-decoration: none;
}

#ilk-section-p-lisa {
	text-align: left;
font-family: Gilroy;
font-style: normal;
font-weight: 500;
font-size: 90px;
line-height: 106px;

color: #FFFFFF;

}

#ilk-section-p-she {
	text-align: left;
font-family: Gilroy;
font-style: normal;
font-weight: 500;
font-size: 60px;
line-height: 71px;

color: #FFFFFF;

}


#ilk-section-container {
	margin-top: 80px;
	padding-left:15%;
	padding-right:10%;
}

#ilk-section-container-hareketli {
	
	padding-left:15%;
	padding-right:10%;
}

#ilk-section-container-form {
	margin-top: 80px;
	padding-left:15%;
	padding-right:15%;
}

.hareketli {
	margin-top: 250px !important;
}


.donen {
	margin-top: 250px !important;
}

#hareketli-row {
		margin-top:70px; 
		text-align: center;
	}

#call1 {
	height: 193px;
    width: 189px;
    position: absolute;
    left: 50%;
    margin-left: -94.5px;
}

#call2 {
	height: 193px;
    width: 189px;
    position: absolute;
    left: 50%;
    margin-left: -94.5px;
}

#wrapper {
    position: relative;
}


#slide {
    position: absolute;
    left: -100px;
    -webkit-animation: slide 12s forwards infinite;
    -webkit-animation-delay: 2s;
    animation: slide 12s forwards infinite;
    animation-delay: 2s;
	overflow: hidden;
	max-height:200px;
}

#slide-cat {
    position: absolute;
    left: 70%;
	/*
    -webkit-animation: slidecat 9s forwards infinite;
    -webkit-animation-delay: 1s;
    animation: slidecat 9s forwards;
    animation-delay: 1s;
	overflow: hidden;
	*/
}

.tooltip-inner {
	background-color: #4FDCCF;
	font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
	
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #4FDCCF;
}




@-webkit-keyframes slidecat {
	
    100% { left: 70%; }
}

@keyframes slidecat {
    
    100% { left: 70%; }
}

#wrapper-right {
    position: relative;
}


#slide-right {
    position: absolute;
    right: -100px;
    -webkit-animation: slideright 12s forwards infinite;
    -webkit-animation-delay: 2s;
    animation: slideright 12s forwards infinite;
    animation-delay: 2s;
	overflow: hidden;
	max-height:200px;
}



.rotate {
  animation: rotation 5s;
}

.linear {
  animation-timing-function: linear;
}

.infinite {
  animation-iteration-count: infinite;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

.shake {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

#ikinci-section-container {
	padding-left:15%;
	padding-right:10%;
}





#ikinci-section-number {
	position: absolute; 
	top:0px; 
	left:-120px;
	font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    font-size: 90px;
line-height: 106px;

color: #FFFFFF;
}

#ikinci-section-title {
	font-family: Gilroy;
font-style: normal;
font-weight: 500;
font-size: 60px;
line-height: 106px;
/* identical to box height */


color: #FFFFFF;
}


#email-image {
	max-width: 750px;
}

#altinci {

	background-image: url('../images/kkkk.png'); 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center center; 
	min-height: 500px; 
	
}

#altinci:hover{ 
	transform:scale(1.2);
	transition: all 2s ease;

}

#fade-in-anima-p {
	position: absolute; 
	top: 50%; 
	right:-10px; 
	margin-top: -90px;
} 

#fade-in-anima2-p {
	position: absolute; 
	top: 50%; 
	right:0px; 
	margin-top: -100px;
}

#fade-in-anima3-p {
	position: absolute; 
	top: 50%; 
	right:0px; 
	margin-top: -300px;
}

#email-image5 {
	display: inline; 
	max-width: 650px;
}

#fade-in-anima5 {
	max-height: 500px;
	display: inline;
}

#fade-in-anima-div-align {
	display: inline-block; 
	text-align: center;
}

#image-face-posh {
	display: inline; 
	max-width: 650px;
}

#sofa {
	display: inline; 
	margin-top: 60px;
}

.background-hover {
	text-align: center !important;
	margin-top:400px !important;
}

#demo {
	background-color: #FFFFFF; 
	border-radius: 100px;
	font-family: Gilroy;
	font-style: normal;
	font-weight: 800;
	font-size: 40px;
	line-height: 49px;
	text-align: center;
	color: #051236; 
	padding: 25px 30px;
}

#demo-p {
	text-align: center;
	margin-top: 250px;
	margin-bottom:200px;
}

@media all and (min-width: 768px) and (max-width: 1921px) { 
	.hide-title {
		display:none;
	}
}

@media all and (min-width: 1px) and (max-width: 767px) { 
	.hide-title-ilk {
		display:none;
	}
}

@media all and (min-width: 1200px) and (max-width: 1921px) {
	@-webkit-keyframes slide {
	50% { left: 70%; }
    100% { left: -100px;}
}

@keyframes slide {
    50% { left: 70%; }
    100% { left: -100px;}
}


@-webkit-keyframes slideright {
	50% { right: 70%; }
    100% { right: -100px; }
}

@keyframes slideright {
    50% { right: 70%; }
    100% { right: -100px; }
}
	
#fade-in-anima{ 
    opacity: 0;
	transition: -webkit-transition: all 1.2s ease-in;
   -moz-transition: all 1.2s ease-in;
   transition: all 1.2s ease-in;
}

#fade-in-anima2{ 
    opacity: 0;
	transition: -webkit-transition: all 1.2s ease-in;
   -moz-transition: all 1.2s ease-in;
   transition: all 1.2s ease-in;
}
#fade-in-anima3{ 
    opacity: 0;
	transition: -webkit-transition: all 1.2s ease-in;
   -moz-transition: all 1.2s ease-in;
   transition: all 1.2s ease-in;
}

#fade-in-anima4{ 
    opacity: 0;
	transition: -webkit-transition: all 1.2s ease-in;
   -moz-transition: all 1.2s ease-in;
   transition: all 1.2s ease-in;
}

#fade-in-anima5{ 
    opacity: 0;
	transition: -webkit-transition: all 1.2s ease-in;
   -moz-transition: all 1.2s ease-in;
   transition: all 1.2s ease-in;
}

#fade-in-anima6{ 
    opacity: 0;
	transition: -webkit-transition: all 1.2s ease-in;
   -moz-transition: all 1.2s ease-in;
   transition: all 1.2s ease-in;
}
	
	
}


@media all and (min-width: 1384px) and (max-width: 1921px) {
	#ilk-section-container {
    margin-top: 80px;
    padding-left: 10%;
    padding-right: 5%;
}
#ilk-section-container-form {
	margin-top: 80px;
	padding-left:15%;
	padding-right:15%;
}
#ilk-section-container-hareketli {
    margin-top: 80px;
    padding-left: 10%;
    padding-right: 5%;
}	
	
}

@media all and (min-width: 1200px) and (max-width: 1383px) {
	#ilk-section-container {
    margin-top: 80px;
    padding-left: 15%;
    padding-right: 10%;
}

#ilk-section-container-form {
	margin-top: 80px;
	padding-left:15%;
	padding-right:15%;
}

#ilk-section-container-hareketli {
    margin-top: 80px;
    padding-left: 15%;
    padding-right: 10%;
}
	
}

@media all and (min-width: 1000px) and (max-width: 1199px) {
	
	@-webkit-keyframes slide {
	50% { left: 70%; }
    100% { left: -100px;}
}

@keyframes slide {
    50% { left: 70%; }
    100% { left: -100px;}
}
	

@-webkit-keyframes slideright {
	50% { right: 70%; }
    100% { right: -100px; }
}

@keyframes slideright {
    50% { right: 70%; }
    100% { right: -100px; }
}
	#ilk-section-container {
    margin-top: 80px;
    padding-left: 10%;
    padding-right: 0px;
}
#ilk-section-container-form {
	margin-top: 80px;
	padding-left: 10%;
    padding-right: 10%;
}

#ilk-section-container-hareketli {
    margin-top: 80px;
    padding-left: 10%;
    padding-right: 0px;
}
	
}

@media all and (min-width: 768px) and (max-width: 999px) {
	@-webkit-keyframes slide {
	50% { left: 70%; }
    100% { left: 50%; margin-left: -210px;}
}

@keyframes slide {
    50% { left: 70%; }
    100% { left: 50%; margin-left: -210px;}
}
	#slide-right {
    position: absolute;
    right: -100px;
    -webkit-animation: slideright 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slideright 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-height:100px !important;
}

@-webkit-keyframes slideright {
	50% { right: 70%; }
    100% { right: 50%; margin-right: -220px;}
}

@keyframes slideright {
    50% { right: 70%; }
    100% { right: 50%; margin-right: -220px; }
}
	
	#ilk-section-container {
    margin-top: 80px;
    padding-left: 8%;
    padding-right: 1%;
}

#ilk-section-container-form {
    margin-top: 80px;
    padding-left: 8%;
    padding-right: 8%;
}

#ilk-section-container-hareketli {
    margin-top: 80px;
    padding-left: 8%;
    padding-right: 1%;
}
	.hareketli {
	margin-top: 150px !important;
}

.donen {
	margin-top: 150px !important;
}

	#hareketli-row {
		margin-top:40px; 
		text-align: center;
	}
	
	#ilk-section-p-lisa {
    font-size: 70px;
	line-height: 80px;
}
	
	#ilk-section-p-she {
    font-size: 50px;
	line-height: 61px;
}
	
	#slide {
    position: absolute;
    left: -100px;
    -webkit-animation: slide 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slide 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-height:100px !important;
}
	
	
	
	#email-image {
	max-width: 500px;
}
	#ikinci-section-number {
    left: -60px !important;
    font-size: 70px !important;
}
	#ikinci-section-title {
    padding-left: 20px;
}
	
	#fade-in-anima-p {
	right: 30px; 
} 
	#fade-in-anima2 {
		max-height: 130px !important;
	}
	
	#fade-in-anima2-p {
	position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -74px;
}
	#fade-in-anima3 {
		max-height: 400px !important;
	}
	
	#fade-in-anima3-p {
	position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -250px;
}
	
	#way {
		max-width: 100px;
	}
	
	#besinci {
		margin-bottom: -200px;
	}
	
	.background-hover {
		margin-top: 500px !important;
	}
	
}

@media all and (min-width: 600px) and (max-width: 767px) {
	#slide {
    position: absolute;
    left: -100px;
    -webkit-animation: slide 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slide 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-height:100px !important;
}
	@-webkit-keyframes slide {
	50% { left: 70%; }
    100% { left: 50%; margin-left: -235px;}
}

@keyframes slide {
    50% { left: 70%; }
    100% { left: 50%; margin-left: -235px;}
}
	#slide-right {
    position: absolute;
    right: -100px;
    -webkit-animation: slideright 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slideright 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-height:100px !important;
}

@-webkit-keyframes slideright {
	50% { right: 70%; }
    100% { right: 50%; margin-right: -180px;}
}

@keyframes slideright {
    50% { right: 70%; }
    100% { right: 50%; margin-right: -180px; }
}
	
	#ilk-section-container {
    padding-left: 0px;
    padding-right: 0px;
}

#ilk-section-container-form {
    margin-top: 80px;
    padding-left: 0px;
    padding-right: 0px;
}

#ilk-section-container-hareketli {
    padding-left: 0px;
    padding-right: 0px;
}
	
	#email-image {
	max-width: 400px;
}
	

	
	#ikinci-section-number {
    left: -40px !important;
    font-size: 70px !important;
}
	
	#ikinci-section-title {
    padding-left: 40px;
}
	
	#ilk-section-p-lisa {
    font-size: 60px;
	line-height: 70px;
}
	
	#ilk-section-p-she {
    font-size: 50px;
	line-height: 61px;
}
	
	#fade-in-anima-p {
	right: -5px; 
} 
	#way {
		max-width: 100px;
	}
	
	#fade-in-anima2{
    max-height: 100px !important;
}
	
	#fade-in-anima2-p {
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -60px;
}
	#fade-in-anima3 {
		max-height: 350px !important;
	}
	
	#fade-in-anima3-p {
	position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -200px;
}
	#besinci {
		margin-bottom: -200px;
	}
	
	.background-hover {
		margin-top: 500px !important;
	}
    
    .donen {
	margin-top: 150px !important;
}
	
}

@media all and (min-width: 460px) and (max-width: 599px) {
	#slide {
    position: absolute;
    left: -100px;
    -webkit-animation: slide 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slide 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-height:80px !important;
}
	@-webkit-keyframes slide {
	50% { left: 70%; }
    100% { left: 50%; margin-left: -180px;}
}

@keyframes slide {
    50% { left: 70%; }
    100% { left: 50%; margin-left: -180px;}
}
	#slide-right {
    position: absolute;
    right: -100px;
    -webkit-animation: slideright 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slideright 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-height:80px !important;
}

@-webkit-keyframes slideright {
	50% { right: 70%; }
    100% { right: 50%; margin-right: -150px;}
}

@keyframes slideright {
    50% { right: 70%; }
    100% { right: 50%; margin-right: -150px; }
}
	#ilk-section-container {
	padding-left: 30px;
    padding-right: 30px;
}

#ilk-section-container-form {
	padding-left: 30px;
    padding-right: 30px;
}

#ilk-section-container-hareketli {
	padding-left: 30px;
    padding-right: 30px;
	margin-top: 0px !important;
}
.hareketli {
    margin-top: 0px !important;
}

.donen {
	margin-top: 80px !important;
}
 #email-image {
	max-width: 310px;
}
	#fade-in-anima-p {
    right: 10px;
}
#ilk-section-p-lisa {
    font-size: 40px;
	line-height: 60px;
}
#ilk-section-p-she {
    font-size: 40px;
    line-height: 55px;
}
	
	
	
	#hareketli-row {
    margin-top: 40px;
	height: 105px;
}

#fix-row {
	height: 105px;
}
	#film {
		max-width:70px;
	}
	
	#way {
		max-width: 70px;
	}
	
	#bus {
		max-width: 80px;
	}
	
	#email-image5 {
		max-width: 310px;
	}
	
	#fade-in-anima5 {
		max-height: 400px !important;
	}
	
	#image-face-posh {
	max-width: 300px;
}
	#fade-in-anima6 {
		max-height: 350px !important;
	}
	
	#sofa {
		max-width: 100px;
	}
	
	#besinci {
		margin-bottom: -200px;
	}
	
	.background-hover {
		margin-top: 500px !important;
	}
	
	#demo {
	font-size: 28px;
	line-height: 49px;
}
	
}

@media all and (min-width: 400px) and (max-width: 459px) {
	#slide {
    position: absolute;
    left: -100px;
    -webkit-animation: slide 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slide 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-width:300px !important;
}
	@-webkit-keyframes slide {
	50% { left: 70%; }
    100% { left: 50%; margin-left: -150px;}
}

@keyframes slide {
    50% { left: 70%; }
    100% { left: 50%; margin-left: -150px;}
}
	#slide-right {
    position: absolute;
    right: -100px;
    -webkit-animation: slideright 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slideright 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-width:300px !important;
}

@-webkit-keyframes slideright {
	50% { right: 70%; }
    100% { right: 50%; margin-right: -150px;}
}

@keyframes slideright {
    50% { right: 70%; }
    100% { right: 50%; margin-right: -150px; }
}
	
	
	#ilk-section-container {
	padding-left: 40px;
    padding-right: 0px;
}

#ilk-section-container-form {
	padding-left: 40px;
    padding-right: 40px;
}

#ilk-section-container-hareketli {
	padding-left: 40px;
    padding-right: 0px;
	margin-top: 0px !important;
}
.hareketli {
    margin-top: 0px !important;
}

.donen {
	margin-top: 80px !important;
}
 #email-image {
	max-width: 320px;
}
	
	#ilk-section-p-lisa {
    font-size: 40px;
	line-height: 60px;
}
	#ilk-section-p-lisa {
    font-size: 40px;
	line-height: 60px;
}
#ilk-section-p-she {
    font-size: 32px;
    line-height: 55px;
}
	
	#hareketli-row {
    margin-top: 30px;
	height: 105px;
}

#fix-row {
    margin-top: 30px;
	height: 105px;
}
	#film {
		max-width:70px;
	}
	
	#arrow {
		max-width:60px;
	}
	
	#ikinci-section-title {
    font-size: 36px;
    line-height: 46px;
	padding-left: 20px;
}
	#ikinci-section-number {
    font-size: 36px;
    line-height: 46px;
	left: -10px;
}
	
	#fade-in-anima {
		max-height: 90px!important;
	}
	
	#fade-in-anima-p {
    right: 25px;
    margin-top: -45px;
}
	.section-break {
		margin-top: 80px !important;
	}
	
	.container-mobil-top {
		margin-top: 40px !important;
	}
	
	.container-mobil-top-cat {
		margin-top: -30px !important;
	}
	
	#email-image-p {
		text-align: left !important;
	}
	
	#way {
		max-width: 70px;
	}
	
	#fade-in-anima2{
    max-height: 100px !important;
}
	
	#fade-in-anima2-p {
    position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -60px;
}
	#fade-in-anima3 {
		max-height: 270px !important;
	}
	
	#fade-in-anima3-p {
	position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -180px;
}
	#bus {
		max-width: 80px;
	}
	
	#email-image5 {
		max-width: 310px;
	}
	
	#fade-in-anima5 {
		max-height: 400px !important;
	}
	
	#fade-in-anima-div-align {
		text-align: left;
	}
	
	#fade-in-anima4 {
		max-width: 40px !important;
	}
	
	#image-face-posh {
	max-width: 320px;
}
	#fade-in-anima6 {
		max-height: 320px !important;
	}
	
	#sofa {
		max-width: 90px;
	}
	
	#besinci {
		margin-bottom: -100px;
	}
	
	.background-hover {
		margin-top: 250px !important;
	}
	
	#demo {
	background-color: #FFFFFF; 
	border-radius: 100px;
	font-family: Gilroy;
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	line-height: 49px;
	text-align: center;
	color: #051236; 
	padding: 25px 30px;
}
	#demo-p {
		margin-top: 130px;
		margin-bottom:100px;
        margin-left: -20px;
	}
	
}

@media all and (min-width: 361px) and (max-width: 399px) {
	#slide {
    position: absolute;
    left: -100px;
    -webkit-animation: slide 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slide 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-width:300px !important;
}
	@-webkit-keyframes slide {
	50% { left: 70%; }
    100% { left: 50%; margin-left: -150px;}
}

@keyframes slide {
    50% { left: 70%; }
    100% { left: 50%; margin-left: -150px;}
}
	#slide-right {
    position: absolute;
    right: -100px;
    -webkit-animation: slideright 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slideright 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-width:300px !important;
}

@-webkit-keyframes slideright {
	50% { right: 70%; }
    100% { right: 50%; margin-right: -150px;}
}

@keyframes slideright {
    50% { right: 70%; }
    100% { right: 50%; margin-right: -150px; }
}
	
	
	#ilk-section-container {
	margin-top: 40px;
	padding-left: 30px;
    padding-right: 10px;
}

#ilk-section-container-form {
	padding-left: 30px;
    padding-right: 30px;
}
#ilk-section-container-hareketli {
	padding-left: 30px;
    padding-right: 10px;
	margin-top: 0px;
}
.hareketli {
    margin-top: 0px !important;
}

.donen {
	margin-top: 80px !important;
}
 #email-image {
	max-width: 350px;
}
	
	#ilk-section-p-lisa {
    font-size: 36px;
	line-height: 50px;
}
	
#ilk-section-p-she {
    font-size: 32px;
    line-height: 55px;
}
	
	#hareketli-row {
    margin-top: 30px;
	height: 105px;
}
#fix-row {
    height: 105px;
}
	#film {
		max-width:40px;
		margin-top: -40px !important;
	}
	
	#arrow {
		max-width:40px;
	}
	
	.architect {
		margin-top: 200px !important;
	}
	
	#ikinci-section-title {
    font-size: 36px;
    line-height: 46px;
	padding-left: 20px;
}
	#ikinci-section-number {
    font-size: 36px;
    line-height: 46px;
	left: -10px;
}
	#email-image {
    max-width: 290px;
}
	#fade-in-anima {
		max-height: 90px!important;
	}
	
	#fade-in-anima-p {
    right: 20px;
    margin-top: -45px;
}
	#fade-in-anima2{
    max-height: 80px !important;
}
	
	#fade-in-anima2-p {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -45px;
}
	#fade-in-anima3 {
		max-height: 250px !important;
	}
	
	#fade-in-anima3-p {
	position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -160px;
}
	.section-break {
		margin-top: 80px !important;
	}
	
	.container-mobil-top {
		margin-top: 40px !important;
	}
	
	.container-mobil-top-cat {
		margin-top: -30px !important;
	}
	
	#email-image-p {
		text-align: left !important;
	}
	
	#way {
		max-width: 70px;
	}
	
	#bus {
		max-width: 70px;
	}
	
	#email-image5 {
		max-width: 290px;
	}
	
	#fade-in-anima5 {
		max-height: 300px !important;
	}
	
	#fade-in-anima-div-align {
		text-align: left;
	}
	
	#fade-in-anima4 {
		max-width: 40px !important;
	}
	
	#image-face-posh {
	max-width: 280px;
}
	#fade-in-anima6 {
		max-height: 280px !important;
	}
	
	#sofa {
		max-width: 90px;
	}
	
	#besinci {
		margin-bottom: -100px;
	}
	
	.background-hover {
		margin-top: 250px !important;
	}
	
	#demo {
	background-color: #FFFFFF; 
	border-radius: 100px;
	font-family: Gilroy;
	font-style: normal;
	font-weight: 800;
	font-size: 22px;
	line-height: 39px;
	text-align: center;
	color: #051236; 
	padding: 25px 30px;
}
	#demo-p {
		margin-top: 130px;
		margin-bottom:100px;
        margin-left: -20px;
	}
	
}

@media all and (min-width: 355px) and (max-width: 360px) {
	#slide {
    position: absolute;
    left: -100px;
    -webkit-animation: slide 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slide 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-width:300px !important;
}
	@-webkit-keyframes slide {
	50% { left: 70%; }
    100% { left: 50%; margin-left: -150px;}
}

@keyframes slide {
    50% { left: 70%; }
    100% { left: 50%; margin-left: -150px;}
}
	#slide-right {
    position: absolute;
    right: -100px;
    -webkit-animation: slideright 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slideright 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-width:300px !important;
}

@-webkit-keyframes slideright {
	50% { right: 70%; }
    100% { right: 50%; margin-right: -150px;}
}

@keyframes slideright {
    50% { right: 70%; }
    100% { right: 50%; margin-right: -150px; }
}
	
	
	#ilk-section-container {
	margin-top: 40px;
	padding-left: 30px;
    padding-right: 10px;
}

#ilk-section-container-form {
	padding-left: 30px;
    padding-right: 30px;
}

#ilk-section-container-hareketli {
	margin-top: 0px;
	padding-left: 30px;
    padding-right: 10px;
}

.hareketli {
    margin-top: 0px !important;
}

.donen {
	margin-top: 80px !important;
}
 
	
	#ilk-section-p-lisa {
    font-size: 34px;
	line-height: 45px;
}
	
#ilk-section-p-she {
    font-size: 30px;
    line-height: 45px;
}
	
	#hareketli-row {
    margin-top: 30px;
	height: 105px;
}
#fix-row {
    height: 105px;
}
	#film {
		max-width:40px;
		margin-top: -40px !important;
	}
	
	#arrow {
		max-width:40px;
	}
	
	.architect {
		margin-top: 200px !important;
	}
	
	#ikinci-section-title {
    font-size: 36px;
    line-height: 46px;
	padding-left: 20px;
}
	#ikinci-section-number {
    font-size: 36px;
    line-height: 46px;
	left: -10px;
}
	#email-image {
    max-width: 270px;
}
	#fade-in-anima {
		max-height: 90px!important;
	}
	
	#fade-in-anima-p {
    right: 15px;
    margin-top: -45px;
}
	#fade-in-anima2{
    max-height: 80px !important;
}
	
	#fade-in-anima2-p {
    position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -45px;
}
	#fade-in-anima3 {
		max-height: 230px !important;
	}
	
	#fade-in-anima3-p {
	position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -140px;
}
	.section-break {
		margin-top: 80px !important;
	}
	
	.container-mobil-top {
		margin-top: 40px !important;
	}
	
	.container-mobil-top-cat {
		margin-top: -30px !important;
	}
	
	#email-image-p {
		text-align: left !important;
	}
	
	#way {
		max-width: 70px;
	}
	
	#bus {
		max-width: 70px;
	}
	
	#email-image5 {
		max-width: 260px;
	}
	
	#fade-in-anima5 {
		max-height: 290px !important;
	}
	
	#fade-in-anima-div-align {
		text-align: left;
	}
	
	#fade-in-anima4 {
		max-width: 40px !important;
	}
	
	#image-face-posh {
	max-width: 260px;
}
	#fade-in-anima6 {
		max-height: 260px !important;
	}
	
	#sofa {
		max-width: 80px;
	}
	
	#besinci {
		margin-bottom: -100px;
	}
	
	.background-hover {
		margin-top: 250px !important;
	}
	
	#demo {
	background-color: #FFFFFF; 
	border-radius: 100px;
	font-family: Gilroy;
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	color: #051236; 
	padding: 25px 30px;
}
	#demo-p {
		margin-top: 130px;
		margin-bottom:100px;
        margin-left: -20px;
	}
	
}

@media all and (min-width: 1px) and (max-width: 354px) {
	#slide {
    position: absolute;
    left: -100px;
    -webkit-animation: slide 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slide 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-width:280px !important;
}
	@-webkit-keyframes slide {
	50% { left: 70%; }
    100% { left: 50%; margin-left: -140px;}
}

@keyframes slide {
    50% { left: 70%; }
    100% { left: 50%; margin-left: -140px;}
}
	#slide-right {
    position: absolute;
    right: -100px;
    -webkit-animation: slideright 8s forwards !important;
    -webkit-animation-delay: 2s;
    animation: slideright 8s forwards !important;
    animation-delay: 2s;
	overflow: hidden;
	max-width:280px !important;
}

@-webkit-keyframes slideright {
	50% { right: 70%; }
    100% { right: 50%; margin-right: -140px;}
}

@keyframes slideright {
    50% { right: 70%; }
    100% { right: 50%; margin-right: -140px; }
}
	
	
	#ilk-section-container {
	margin-top: 40px;
	padding-left: 30px;
    padding-right: 10px;
}

#ilk-section-container-form {
	padding-left: 30px;
    padding-right: 30px;
}

#ilk-section-container-hareketli {
	margin-top: 0px;
	padding-left: 30px;
    padding-right: 10px;
}
 
	
	#ilk-section-p-lisa {
    font-size: 32px;
	line-height: 45px;
}
	
#ilk-section-p-she {
    font-size: 28px;
    line-height: 45px;
}
	.hareketli {
    margin-top: 0px !important;
}

.donen {
	margin-top: 80px !important;
}
	#hareketli-row {
    margin-top: 30px;
	height: 105px;
}
#fix-row {
    height: 105px;
}
	#film {
		max-width:40px;
		margin-top: -40px !important;
	}
	
	#arrow {
		max-width:40px;
	}
	
	.architect {
		margin-top: 200px !important;
	}
	
	#ikinci-section-title {
    font-size: 36px;
    line-height: 46px;
	padding-left: 20px;
}
	#ikinci-section-number {
    font-size: 36px;
    line-height: 46px;
	left: -10px;
}
	#email-image {
    max-width: 230px;
}
	#fade-in-anima {
		max-height: 90px!important;
	}
	
	#fade-in-anima-p {
    right: 15px;
    margin-top: -45px;
}
	#fade-in-anima2{
    max-height: 60px !important;
}
	
	#fade-in-anima2-p {
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -40px;
}
	#fade-in-anima3 {
		max-height: 180px !important;
	}
	
	#fade-in-anima3-p {
	position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -120px;
}
	.section-break {
		margin-top: 80px !important;
	}
	
	.container-mobil-top {
		margin-top: 40px !important;
	}
	
	.container-mobil-top-cat {
		margin-top: -30px !important;
	}
	
	#email-image-p {
		text-align: left !important;
	}
	
	#way {
		max-width: 70px;
	}
	
	#bus {
		max-width: 70px;
	}
	
	#email-image5 {
		max-width: 230px;
	}
	
	#fade-in-anima5 {
		max-height: 290px !important;
	}
	
	#fade-in-anima-div-align {
		text-align: left;
	}
	
	#fade-in-anima4 {
		max-width: 40px !important;
	}
	
	#image-face-posh {
	max-width: 230px;
}
	#fade-in-anima6 {
		max-height: 260px !important;
	}
	
	#sofa {
		max-width: 70px;
	}
	
	#besinci {
		margin-bottom: -100px;
	}
	
	.background-hover {
		margin-top: 250px !important;
	}
	
	#demo {
	background-color: #FFFFFF; 
	border-radius: 100px;
	font-family: Gilroy;
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	color: #051236; 
	padding: 25px 30px;
}
	#demo-p {
		margin-top: 130px;
		margin-bottom:100px;
	}
	#slide-cat {
    position: absolute;
    left: 60%;
}
	
}




        #confetti {
          width: 15px;
          height: 15px;
          background-color: #f2d74e;
          position: absolute;
          left: 50%;
          animation: confetti 5s ease-in-out -2s infinite;
          transform-origin: left top;
        }
        #confetti:nth-child(1) {
          background-color: #f2d74e; left: 10%; animation-delay: 0;
        }
        #confetti:nth-child(2) {
          background-color: #95c3de; left: 20%; animation-delay: -5s;
        }
        #confetti:nth-child(3) {
          background-color: #ff9a91; left: 30%; animation-delay: -3s;
        }
        #confetti:nth-child(4) {
          background-color: #f2d74e; left: 40%; animation-delay: -2.5s;
        }
        #confetti:nth-child(5) {
          background-color: #95c3de; left: 50%; animation-delay: -4s;
        }
        #confetti:nth-child(6) {
          background-color: #ff9a91; left: 60%; animation-delay: -6s;
        }
        #confetti:nth-child(7) {
          background-color: #f2d74e; left: 70%; animation-delay: -1.5s;
        }
        #confetti:nth-child(8) {
          background-color: #95c3de; left: 80%; animation-delay: -2s;
        }
        #confetti:nth-child(9) {
          background-color: #ff9a91; left: 90%; animation-delay: -3.5s;
        }
       #confetti:nth-child(10) {
          background-color: #f2d74e; left: 100%; animation-delay: -2.5s;
        }

        #confetti:nth-child(11) {
          background-color: #f2d74e; left: 10%; animation-delay: 0;
        }
        #confetti:nth-child(12) {
          background-color: #95c3de; left: 20%; animation-delay: -5s;
        }
        #confetti:nth-child(13) {
          background-color: #ff9a91; left: 30%; animation-delay: -3s;
        }
        #confetti:nth-child(14) {
          background-color: #f2d74e; left: 40%; animation-delay: -2.5s;
        }
        #confetti:nth-child(15) {
          background-color: #95c3de; left: 50%; animation-delay: -4s;
        }
        #confetti:nth-child(16) {
          background-color: #ff9a91; left: 60%; animation-delay: -6s;
        }
        #confetti:nth-child(17) {
          background-color: #f2d74e; left: 70%; animation-delay: -1.5s;
        }
        #confetti:nth-child(18) {
          background-color: #95c3de; left: 80%; animation-delay: -2s;
        }
        #confetti:nth-child(19) {
          background-color: #ff9a91; left: 90%; animation-delay: -3.5s;
        }
       #confetti:nth-child(20) {
          background-color: #f2d74e; left: 100%; animation-delay: -2.5s;
        }

        @keyframes confetti {
          0% { transform: rotateZ(15deg) rotateY(0deg) translate(0,0); }
          25% { transform: rotateZ(5deg) rotateY(360deg) translate(-5vw,20vh); }
          50% { transform: rotateZ(15deg) rotateY(720deg) translate(5vw,60vh); }
          75% { transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw,80vh); }
          100% { transform: rotateZ(15deg) rotateY(1440deg) translate(10vw,110vh); }
        }
        
        #connect-sales {
        font-family: Gilroy;
        font-style: normal;
        font-weight: bold;
        font-size: 65px;
        line-height: 121.5%;
        text-align: center;
        color: #051236;
        }
        
        @media all and (min-width: 1px) and (max-width: 767px) {
           #connect-sales {
        font-size: 34px !important;
        line-height: 121.5%;
           }
        }