/*
font-family: 'Kanit', sans-serif;
font-family: 'Lato', sans-serif;
*/


.header-slider .caption {
	display: none;
}

.header-slider {
	margin-bottom: -4px;
	margin-top: 70px;
}

.header-slider h2,
.header-slider p {
	font-family: 'PT Sans', sans-serif;
}

.header-slider p {
	color: #ffffff;
}

.header-slider .swiper-slide {
	position: relative;
}

.header-slider .caption {
	max-width: 800px;
}

.header-slider img {
	max-width: 100%;
}

@media only screen and (max-width: 991px) {
	.header-slider .caption {
		max-width: 800px;
		position: absolute;
		left: 50%;
		top: 10px;
		transform: translateX(-50%);
	}

	.header-slider .caption p {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.header-slider .caption {
		top: 20%;
		position: absolute;
		left: 10%;
		max-width: 500px;
	}

	.header-slider .caption .bg {
		padding: 15px;
		background-color: #0d1d4a94;
	}
}


.follower {
	width: 40px;
	height: 40px;
	/*border-radius: 10px;*/
	transition-duration: 200ms;
	transition-timing-function: ease-out;
	position: fixed;
	transform: translate(-50%, -50%);
	z-index: 1000;
	pointer-events: none;
	display: none !important;
}

@media only screen and (max-width: 991px) {
	.follower {
		display: none;
	}
}



body {
	padding: 0;
	margin: 0;
	/*cursor: none;*/
}

h1 {
	color: #579def;
	font-family: 'Kanit', sans-serif;
	font-style: italic;
	font-weight: 600;
}

p {
	line-height: 1.2em;
}

a {}

li {

	font-family: 'Kanit', sans-serif;
}

.fill-white path {
	fill: #fff !important;
}

header {
	top: 0;
	background-color: #0d1d4a;
	width: 100%;
	height: 70px;
	position: fixed;
	z-index: 999999;
}

.header-logo {
	width: 60px;
	height: 60px;
	left: 10px;
	top: 10px;
	position: fixed;
	z-index: 1250;
	opacity: 0;
}

.header-logo img {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 300ms ease;
	opacity: 1;
}

.logo-hide {
	opacity: 0 !important;
}

.btn-menu {
	top: 10px;
	right: 10px;
	height: 50px;
	opacity: 0;
	font-family: 'PT Sans', sans-serif;
	cursor: pointer;
	position: fixed;
	z-index: 1650;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100px;
}

@media only screen and (min-width:991px) {
	#btn-menu-span {
		margin-right: 40px;
	}
}

.btn-menu img {
	max-height: 100%;
}

.btn-menu span {
	margin-top: 6px;
	margin-right: 4px;
	display: inline-block;
	color: #fff;
}

/* 
span.menu-lang {
	position: relative;
	top: 5px;
	right: 5px;
} */

.btn-iletisim {
	cursor: pointer;
	opacity: 0;
}

.btn-iletisim p {
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	display: inline-block;
}

.btn-iletisim img {
	display: inline-block;
	width: 35px;
	position: relative;
	top: 10px;
}

.btn-menu-span {
	color: #ffffff !important;
}

.btn-iletisim.white-area p {
	color: #579def;
}


.blue-text {
	color: #579def !important;
}

/* main-menu */

.main-menu {
	display: none;
	/*opacity: 0;*/
	top: 0vh;
	width: 100%;
	height: 100%;
	position: absolute;
	position: fixed;
	z-index: 1500;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #2786f5;
}

.main-menu-left {
	width: 0%;
	float: left;
	height: 0%;
	background-image: url('../img/menu-left-bg.png');
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
}

.main-menu-right {
	height: 100%;
	display: flex;
	align-items: center;
}

.main-menu ol {
	/*border:1px solid white;*/
	display: inline-block;
	font-weight: 200;
	color: #fff;
	opacity: 0.8;
	overflow: hidden;
}

.main-menu ol li {
	/*transform: translateX(-100%);*/
	/*transition: transform 0.5s, opacity 2s;*/
	position: relative;
	opacity: 0;
	left: -50px;
	/*opacity: 0;*/
	margin-top: 10px;
}

.main-menu ol li a {
	color: #fff;
	font-family: 'Kanit', sans-serif;
	font-weight: 500;
	text-decoration: none;
	font-size: 22px;
	position: relative;
}

.main-menu ol li a:after {
	content: '';
	width: 0%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 300ms ease;
}

.main-menu ol li a:hover {
	text-decoration: under;
}

.main-menu ol li a:hover:after {
	width: 100%;
}

#btn-close-menu {
	display: none;
}






.inset-content h1 {
	margin: 0;
	line-height: 1em;
}

.inset-content h2 {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	margin: 0;
	line-height: 1em;
}

.inset-content p {
	font-family: 'Kanit', sans-serif;
	font-weight: 200;
}

.sinus-animation-canvas {
	width: 100vw;
	height: 100vh;
	position: absolute;
	z-index: 100;

}

.inset-content {
	padding-left: 14%;
	padding-right: 20%;
	/*border:1px solid red;*/
}


/* screen-home */

#screen-home {
	background-color: #fff;
	width: 100vw;
	display: flex;
	justify-content: center;
}

#screen-home>.big-col-l {
	background-image: url('../img/home-screen-left.jpg');
	background-position: center center;
	background-size: cover;
	width: 50%;
}

#screen-home>.big-col-r {
	background-color: #fff;
	width: 50%;
}

.big-col-l,
.big-col-r {
	position: relative;
}

#home-overlay {
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1300;
	transition: all 300ms ease-out;
}

#home-text {
	opacity: 0;
	margin-top: -40px;
	position: relative;
}

#home-text div {
	/*position: absolute;*/
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
}

/* //screen-home */


/* screen-second */
#screen-second {
	width: 100vw;
	display: flex;
	justify-content: center;
	background-color: red;
}

#screen-second>.big-col-l {
	/*	background-image: url('../img/screen-second-left.jpg');
	background-position: center center;
	background-size: cover;*/
	background-color: #fff;
}

.img-hakkimizda {
	max-width: 50%;
	margin-left: 35%;
	margin-top: 30%;
	transform: translateY(-50%);
}

.section-hakkimizda .big-col-r {
	background-color: #0d1d4a;
}

.section-hakkimizda h1 {
	color: #88a1e9;
	font-style: normal;
	font-size: 1.5rem;
}

.section-hakkimizda h2 {
	color: #fff;
}

.section-hakkimizda p {
	color: #fff;
}

/*.img-hakkimizda {
	transition: all 800ms ease;
	transform: scale(0.5);
}
.reveal-img-hakkimizda {
	transform: scale(1);
	}*/

/* //screen-second */



/* screen-third */
#screen-third {

	display: flex;
	justify-content: center;
	width: 100vw;
}

#screen-third>.big-col-l {
	background-color: #88a1e9;
}

#screen-third>.big-col-l h2 {
	color: #0d1d4a;
	font-style: normal;
	text-align: left;
	font-size: 38px;
	font-weight: 100;
	font-family: 'PT Sans', sans-serif;
}

#screen-third>.big-col-l h1 {
	color: #0d1d4a;
	font-style: normal;
	text-align: left;
	font-size: 1.5rem;
	font-weight: 100;
	font-family: 'PT Sans', sans-serif;
}


#screen-third>.big-col-l h2 span {
	display: block;
	font-weight: 600;
	font-family: 'Kanit', sans-serif;
}

#screen-third>.big-col-l p {
	color: #ffffff;
}

#screen-third>.big-col-l ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#screen-third>.big-col-l ul li {
	color: #ffffff;
	font-weight: 300;
}

#screen-third>.big-col-r {
	background-image: url('../img/ik-screen.jpg');
	background-position: center center;
	background-size: cover;
}

.btn-ik {
	display: inline-block;
	background-color: transparent;
	color: #fff;
	font-weight: 100;
	padding: 4px 28px;
	font-size: 14px;
	border: 1px solid #fff;
	border-radius: 15px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: 'Kanit', sans-serif;
	transition: all 300ms ease;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.btn-ik:hover {
	background-color: #fff;
	color: #ffc3a6;
}

.btn-ik:hover a {
	color: #ffc3a6;
}

.btn-ik a {
	text-decoration: none;
	color: #fff;
}

.section-ik>.big-col-r {}

.section-ik>.big-col-l .inset-content {
	padding-left: 18% !important;
	padding-right: 6% !important;
}

/* //screen-third */






/* screen-fourth */
#screen-fourth {
	width: 100vw;
	background-color: yellow;
}

#screen-fourth>.big-col-l {
	background-image: url('../img/products-screen-left.jpg');
	background-position: center center;
	background-size: cover;
	background-color: #fff;
	background-attachment: fixed;
}

#screen-fourth>.big-col-r {
	background-color: #fff;
}

#screen-fourth>.big-col-r .inset-content h2 {
	color: #579def;
	font-family: 'Kanit', sans-serif;
	font-weight: 600;
	font-size: 38px;
	font-style: italic;

}

#screen-fourth>.big-col-r .inset-content p {
	color: #252525;
}



.section-urunlerimiz {}

.section-urunlerimiz ul {
	list-style-type: none;
	padding: 0;
}

.section-urunlerimiz ul li {
	display: inline-block;
	color: #457bbb;
	border-radius: 5px;
	padding: 5px 7px;
	margin: 5px;
	font-weight: 200;
	cursor: pointer;
	transition: all 300ms ease;
	border: 1px solid #457bbb;
	font-size: 12px;
}

.section-urunlerimiz ul li.active {
	background-color: #457bbb;
	color: #fff;
}

.section-urunlerimiz ul li:hover {
	background-color: #457bbb;
	color: #fff;
}

.ul-urun-content {
	position: absolute;
}

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

	.ul-urun-content-container {
		height: 170px;
		position: relative;
	}

	.ul-urun-content {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ul-urun-content div {
		padding: 10px;
		width: 33%;
	}

	.ul-urun-content div img {
		max-width: 100%;
	}
}

/* //screen-fourth */



/* screen fifth */
#screen-fifth {
	width: 100vw;
	background-color: yellow;
}

#screen-fifth>.big-col-l {
	background-image: url('../img/uygulamalar-screen-1.jpg');
	background-position: center center;
	background-size: cover;
	background-color: #fff;
}

#screen-fifth>.big-col-r {
	background-color: #000;
}

#screen-fifth>.big-col-r h3 {
	background-color: #12a0ff;
	font-weight: 200;
	font-family: 'Kanit', sans-serif;
	color: #fff;
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
}

#screen-fifth>.big-col-r h2 {
	color: #ffc3a6;
	font-style: italic;
	font-weight: 700;
	font-size: 40px;
	font-family: 'Kanit', sans-serif;
}

#screen-fifth>.big-col-r p {
	color: #fff;
}

.cnt-uygulamalar {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.section-uygulamalar .big-col-l h2 {
	color: #fff;
	display: inline-block;
	font-family: 'Kanit', sans-serif;
	font-size: 44px;
	font-style: italic;
	margin: 0;
	line-height: 184px;
}

.section-uygulamalar .big-col-l .box-h2 {
	margin-top: 19%;
	margin-left: 28%;
	background-repeat: no-repeat;
	background-image: url(../img/circle.svg);
	background-position-x: center;
	display: inline-block;
	z-index: 600;
	position: absolute;
}

.uygulama-img {
	background-image: url('../img/uygulamalar-screen-1.jpg');
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-position: center center;
	background-size: cover;
	z-index: 450;
}

#uygulama-bg-0 {
	background-image: url('../img/uygulamalar-screen-1.jpg');
}

#uygulama-bg-1 {
	display: none;
	background-image: url('../img/uygulamalar-screen-2.jpg');
}

#uygulama-bg-2 {
	display: none;
	background-image: url('../img/uygulamalar-screen-3.jpg');
}

#uygulama-bg-3 {
	display: none;
	background-image: url('../img/uygulamalar-screen-1.jpg');
}

/* //screen fifth */


/* screen sixth */
#screen-sixth {
	width: 100vw;
}

@media only screen and (min-width: 768px) {
	#screen-sixth {
		height: calc(100vh - 40px) !important;
	}
}

#screen-sixth>.big-col-l {
	background-color: #88a1e9;
}

#screen-sixth>.big-col-r {
	background-color: #0f1f4d;
}


#screen-sixth .inset-content .logo {
	width: 260px;
	margin-left: 30px;
	margin-bottom: 30px;
}

#screen-sixth .inset-content {
	margin-left: 0;
	padding-left: 0;
}

.section-iletisim>.big-col-r p {
	color: #150000;
}

.section-iletisim>.big-col-r h1 {
	font-style: normal;
	color: #139fff;
	font-size: 32px;
	font-style: italic;
}


.cnt-iletisim {
	width: 100%;
	height: 100%;
	z-index: 850;
	position: absolute;
}

.cnt-iletisim-close {
	display: block;
	position: absolute;
	right: inherit;
}

.iletisim-mask {
	width: 25vw;
	height: 25vw;
	min-height: 250px;
	min-width: 250px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 800;
	display: block;
	background-image: url('../img/map-img.jpg');
	background-position: center center;
	background-size: cover;
	transition: all 300ms ease;
}

.cnt-iletisim-close {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 9999999;
	cursor: pointer;
	display: none;
}

.cnt-iletisim-close span {
	color: #fff;
	background-color: #457bbb;
	padding: 10px;
}

.iletisim-animate {
	width: 100%;
	height: 100%;
	border-radius: 0;
}



.iletisim-footer-info {
	background-color: #ffffff;
	width: 100%;
	text-align: center;
	font-family: 'Kanit', sans-serif;
	font-weight: 300;
}

.iletisim-footer-info p {
	display: inline-block;
	color: #000;
	margin: 0;
	line-height: 2.5em;
}

.iletisim-footer-info a {
	color: #fff;
	text-decoration: none;
	transition: all 300ms ease;
}

.iletisim-footer-info a:hover {
	text-decoration: underline;
}

.iletisim-footer-info ul {
	display: inline-block;
	padding: 0;
	margin: 0 15px 0 15px;

}

.iletisim-footer-info ul li {
	display: inline-block;
	margin: 1px;

}

.iletisim-footer-info ul li a {
	background-color: #fff;
	transition: all 300ms ease;
	color: red;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.iletisim-footer-info ul li a:hover {
	text-decoration: none;
	border-radius: 0;
}

.iletisim-footer-info ul li a span {
	font-size: 0.8em;
	color: #fd9178;
}

.btn-iletisim-form {
	display: inline-block;
	background-color: transparent;
	color: #139fff;
	font-weight: 100;
	padding: 4px 28px;
	font-size: 14px;
	border: 1px solid #139fff;
	border-radius: 15px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	font-family: 'Kanit', sans-serif;
}

.btn-iletisim-form::before {
	height: 100%;
	width: 0;
	background-color: #fd9178;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 300ms ease;
}

.btn-iletisim-form:hover span {}

.btn-iletisim-form:hover {
	/*color: #457bbb;*/
}

.btn-iletisim-form:hover::before {
	width: 100%;
	opacity: 0.4;
}

/* //screen sixth */

.iletisim-info ul,
.iletisim-info li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: #ffffff;
	font-weight: 300;
}

.iletisim-info li {

	background-color: #579ad2;
}

li.info-contact,
li.info-address {
	padding: 5px 10px 5px 15px;
	position: relative;
	display: flex;
	position: relative;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

li.info-contact svg,
li.info-address svg {
	margin-right: 10px;
}

li.info-contact::after,
li.info-address::after {
	top: 0;
	right: -58px;
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 58px 0 0 58px;
	border-color: transparent transparent transparent #579ad2;
	transform: rotate(0deg);
	position: absolute;
}

li.info-contact {
	margin-top: 30px;
}

@media only screen and (max-width:991px) {
	.btn-lang {
		position: absolute;
		right: 120px;
		top: 23px;
	}
}

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

	#screen-home,
	#screen-second,
	#screen-third,
	#screen-fourth,
	#screen-fifth,
	#screen-sixth {
		height: 100vh;
		min-height: 520px;
	}

	.big-col-l,
	.big-col-r {}

	body {
		overflow-x: hidden;
	}

	.header-logo {

		width: 178px;
		left: 10px;
		top: 10px;
	}

	.main-menu-left {
		width: 60%;
		float: left;
		height: 100%;
	}

	.main-menu-right {
		height: 100%;
	}

	.btn-lang {
		position: absolute;
		right: 150px;
		top: 28px;
	}


	.btn-menu {
		top: 19px;
		right: 40px;
		height: 40px;
	}

	.btn-menu img {
		position: absolute;
		transition: all 300ms ease;
		height: 40px;
	}

	.btn-menu:hover img {
		transform: scale(1.5);
	}

	.btn-iletisim {
		position: fixed;
		bottom: 10px;
		left: 0;
		z-index: 1250;
		background-color: #0279c9;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		padding-right: 20px;
		padding-left: 15px;
	}

	.big-col-l {
		width: 50%;
		min-height: 100%;
		float: left;
		background-color: yellow;
	}

	.big-col-r {
		width: 50%;
		height: 100%;
		float: left;
		background-color: grey;
	}

	.v-center {
		display: flex;
		align-items: center;
	}
}




.sinus-animation-canvas {
	position: fixed;
	left: 0;
	top: 10;
	border: 2px solid green;
	width: 10%;
	animation: translate 30s infinite linear;
}

.sinus-animation-canvas img {
	position: absolute;
	animation: upDown 3s alternate infinite ease-in-out;
	width: 100%;
}

@keyframes upDown {

	/*to { transform: translatey(200%);}*/
	0% {
		transform: translatey(250%);
	}

	100% {
		transform: translatey(50%);
	}
}

@keyframes translate {
	0% {
		transform: translatex(100%);
	}

	50% {
		transform: translatex(900%);
	}
}
















/* animations  */
.wZero {
	width: 0 !important;
}


/* // animations */



@keyframes dash {
	from {
		stroke-dashoffset: 0;
	}

	to {
		stroke-dashoffset: 1000;
	}
}


.rotating {
	-webkit-animation: rotating-function 2.25s linear infinite;
	-moz-animation: rotating-function 2.25s linear infinite;
	-ms-animation: rotating-function 2.25s linear infinite;
	-o-animation: rotating-function 2.25s linear infinite;
	animation: rotating-function 2.25s linear infinite;
}

@-webkit-keyframes rotating-function {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotating-function {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

@-ms-keyframes rotating-function {
	from {
		-ms-transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
	}
}

@-o-keyframes rotating-function {
	from {
		-o-transform: rotate(0deg);
	}

	to {
		-o-transform: rotate(360deg);
	}
}








/* iconmoon */
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?evjwak');
	src: url('../fonts/icomoon.eot?evjwak#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?evjwak') format('truetype'),
		url('../fonts/icomoon.woff?evjwak') format('woff'),
		url('../fonts/icomoon.svg?evjwak#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
	content: "\e900";
}

.icon-linkedin:before {
	content: "\e901";
}

.icon-instagram:before {
	content: "\e902";
}

.icon-brand:before {
	content: "\e902";
}

.icon-social:before {
	content: "\e902";
}

.icon-facebook:before {
	content: "\e903";
}

.icon-brand1:before {
	content: "\e903";
}

.icon-social1:before {
	content: "\e903";
}

/* //iconmoon //




/* jq-ui */
.ui-widget-header {
	border: none !important;
	background-color: transparent !important;
}

.ui-widget.ui-widget-content {
	border: none !important;
}

.ui-widget-content {
	background-color: transparent !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: transparent !important;
	background-color: #12a0ff;
	color: #fff;
	font-weight: 200;
	font-family: 'Kanit', sans-serif;
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 0.2em 0.5em;
}

/* //jq-ui */


@media only screen and (max-width: 767px) {
	.header-logo {
		width: 156px;
	}

	#screen-home {
		display: block;
	}

	#poloVideo {
		width: 100vw !important;
		height: 100vw;
	}

	#screen-home .big-col-l {
		width: 100vw !important;
		/*border:1px solid red;*/
		min-height: 50vh;
	}

	#screen-home>.big-col-r {
		width: 100% !important;
		/*border:2px solid yellow;*/
		padding-top: 45px;
		padding-bottom: 45px;
		min-height: 40vh;
	}



	#screen-second {
		display: block;
	}

	#screen-second .big-col-l {
		width: 100vw;
		height: 40vh;
		align-items: center;
		display: flex;
		justify-content: center;
	}

	#screen-second .big-col-r {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.img-hakkimizda {
		margin-left: 0;
		margin-top: 0;
		transform: none;
	}


	#screen-third {
		display: block;
	}

	#screen-third .big-col-l {
		padding-top: 45px;
		padding-bottom: 45px;
		width: 100vw;
	}

	.section-ik>.big-col-l .inset-content {
		padding-left: 6% !important;
	}

	.section-urunlerimiz .big-col-r {
		padding-top: 45px;
	}

	.ul-urun-content-container {
		height: 170px;
		position: relative;
	}

	.ul-urun-content {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ul-urun-content div {
		padding: 10px;
		width: 33%;
	}

	.ul-urun-content div img {
		max-width: 100%;
	}

	#u-tabs ul {
		display: flex;
		justify-content: center;
	}



	#screen-fifth>.big-col-l {
		height: 35vh;
	}

	.section-uygulamalar .big-col-l .box-h2 {
		margin-top: 10%;
		margin-left: 10%;
	}

	.section-uygulamalar .big-col-l {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.section-uygulamalar .big-col-r {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.cnt-uygulamalar.inset-content {
		padding: 0;
	}



	.section-iletisim .big-col-l {
		height: 45vh;
	}

	.section-iletisim .big-col-r {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.iletisim-footer-info {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}


#katkilar {
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 60px;
	width: 100%;
	background-image: url('/img/products-bg.jpg');
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
}

#katkilar .header {
	width: 100%;
	position: relative;

}

#katkilar .header .head-img {
	width: 100%;
}

#katkilar .header .caption {
	font-family: Kanit, sans-serif;
	text-align: center;
}

@media only screen and (min-width:992px) {
	#katkilar .header .caption {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		font-family: Kanit, sans-serif;
	}
}

@media only screen and (max-width:991px) {
	#katkilar .header .head-img {
		display: none;
	}
}

#katkilar .header .caption h3 {
	color: #ffffff;
	background-image: url('/img/katki-header.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px 45px;
	font-size: 1.4rem;
	font-weight: 300;
}

#katkilar .header .caption p {
	color: #0d1d4a;
	text-decoration: underline;
	text-align: center;
}

#katkilar .myslide {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	position: relative;
}

@media only screen and (min-width:992px) {
	#katkilar .swiper-button-prevx {
		left: -40px;

	}

	#katkilar .swiper-button-nextx {
		right: -40px;
	}


	#katkilar .swiper-button-prevx,
	#katkilar .swiper-button-nextx {
		transform: scale(1.4);
	}



}

#katkilar .swiper-button-prevx,
#katkilar .swiper-button-nextx {
	color: #000000;
}

.myslide .swiper-slide .img {}

.myslide .swiper-slide .img img {
	max-width: 100%;
}

.myslide .swiper-slide .slide-content {
	background-color: #0d1d4a;
	padding: 45px 15px 15px 15px;
	text-align: center;
	margin-top: -30px;
	margin-left: 15px;
	margin-right: 15px;
}

.myslide .swiper-slide .slide-content h4 {
	font-family: Kanit, sans-serif;
	color: #ffffff;
	margin-top: 0;
	font-size: .9rem;
	font-weight: 300;
	margin-bottom: 0;
}

.myslide .swiper-slide .slide-content p {
	font-family: Kanit, sans-serif;
	color: #ffffff;
	font-weight: 300;
	font-size: .9rem;
}

.product-groups {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

@media only screen and (max-width:600px) {
	.product-groups {
		flex-direction: column;
		margin-left: auto;
		margin-right: auto;
	}
}

.product-groups .col {
	position: relative;
	padding: 10px;
	background-color: #ffffff;
	border: 2px solid #88a1e9;
}


.product-groups .col img {
	max-width: 100%;
}


.product-groups .col p.caption {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	padding: 10px 10px 10px 10px;
	background-color: #164194;
	color: #ffffff;
	font-weight: 300;
	font-size: .9rem;
	font-family: 'Kanit', sans-serif;
	text-align: center;
}

@media only screen and (min-width:992px) {
	.product-groups {
		max-width: 970px;
		margin: 30px auto 60px auto;

	}

	.product-groups .col {}
}

@media only screen and (max-width:991px) {
	.product-groups {
		width: 90vw;
	}
}

h3.products-title {
	padding: 5px 55px;
	font-family: Kanit, sans-serif;
	color: #ffffff;
	font-weight: 300;
	font-size: .9rem;
	background-image: url('/img/bg-urunler-title.png');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}


.urun-page-header {
	width: 100%;
	position: relative;
	margin-top: 60px;
}

.urun-page-header .caption {
	position: absolute;
	bottom: 15px;
	font-weight: bold;
	font-family: Kanit, sans-serif;
	color: #ffffff;
	font-size: 1.4rem;
}

@media only screen and (max-width:991px) {
	.urun-page-header {
		padding-top: 10px;
	}

	.urun-page-header .caption {
		left: 3vw;
	}
}

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

	.urun-page-header .caption {
		left: 10vw;
	}
}



.urun-page-header img {
	width: 100%;
	display: inline-block;
}

.pvc-first-section {
	display: flex;
	width: 100%;
	margin-top: 45px;
}

.pvc-first-section>.left {}

.pvc-first-section>.left img {
	width: 100%;
}

.pvc-first-section>.right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

@media only screen and (min-width:992px) {
	.pvc-first-section {
		flex-direction: row;
	}

	.pvc-first-section>.left {
		width: 50vw;
	}

	.pvc-first-section>.right {
		padding-left: 45px;
		width: 50vw;
	}
}

@media only screen and (max-width:991px) {
	.pvc-first-section {
		flex-direction: column;
	}
}

.pvc-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 1px solid #f3f3f3;
	display: inline-block !important;
}

.pvc-list li:nth-child(odd) {
	background-color: #f3f3f3;
}

.pvc-list li.list-title {
	font-size: 1.3rem;
	background-color: #ffffff;
}

.pvc-list li {
	margin: 0;
	padding: 10px 10px 10px 25px;
	font-size: 1rem;
	color: #3939ff;
}

.pvc-second {
	width: 90vw;
	max-width: 1200px;
	display: flex;
	margin: 30px auto;
}

.pvc-second>.left img,
.pvc-second>.right img {
	width: 100%;
}

@media only screen and (max-width:991px) {
	.pvc-second {
		flex-direction: column;
	}
}

@media only screen and (min-width:992px) {
	.pvc-second {

		gap: 20px;
	}

	.pvc-second>.left,
	.pvc-second>.right {
		width: 50vw;
	}
}


.btn-lang {
	animation: langAnim 5s 1;
}

@keyframes langAnim {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}