@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Oleo+Script:400|Open+Sans:300,300italic,600,600italic,800");
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');


/*VARIABLES */
:root {
  --yellow: #af8e26;
  --gray: #363646;
  --text-gray: #414044;
  --text-gray-medium: #787582;
  --text-gray-light: #808186;
  --background-gray: rgb(229,229,229);
  --background-gray-light: #f7f7f7;
}

.white{
	color: #fff!important;
}

.black{
	color: #000!important;
}


.yellow{
	color: var(--yellow)!important;
}

.gray{
	color: var(--gray)!important;
}

.text-gray{
	color: var(--text-gray)!important;
}

.text-gray-medium{
	color: var(--text-gray-medium)!important;
}

.text-gray-light{
	color: var(--text-gray-light)!important;
}

.background-gray{
	background-color: var(--background-gray)!important;
}

.background-gray-light{
	background-color: var(--background-gray-light)!important;
}


html, body {
    font-size: 15px;
    line-height: 1.5;
    -webkit-text-size-adjust: none;
    /*max-width: 1920px; */
    /*min-width: 1025px;*/
}

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
/*font-size: 100%;*/
font: inherit;
vertical-align: baseline;
/*line-height: normal;*/
}

img {
    vertical-align: middle;
}

.fit{ width: 100%;}

h1, h2, h3, h4, h5, h6 {
    /*font-weight: 400;*/
    margin: 10px 0;
    white-space: normal;
    /*white-space: nowrap;
	overflow: hidden;
  	text-overflow: ellipsis;*/
}

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


ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

tr:nth-child(even) {
	background-color: var(--background-gray-light);
}

body {
	-webkit-text-size-adjust: none;
	min-width: 375px;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: menu;
	-webkit-appearance: menu;
	-ms-appearance: menu;
	appearance: menu;
	resize: none;
	font: inherit;
}

input:focus, select:focus, textarea:focus {
	outline: 0;
}
	
input[type="checkbox"] {
	position: relative;
	top: 6px;
	appearance: none;
	width: 19px;
	height: 19px;
	border: 1px solid #2b2b2c;
	background-clip: content-box;
	padding: 0;
	margin-top: 0;
	margin-right: -4px;
	border-radius: 20%;
}

input[type="checkbox"]:checked+label::before {
	background-color: white;
	color: #9e7e19;
	content: '\f111';
	font-family: FontAwesome;
	font-size: 13pt;
	line-height: 19px;
	margin-left: -25px;
	margin-right: 10px;
}
/* Basic */

@-ms-viewport {
	width: device-width;
}

html {
	box-sizing: border-box;
}

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

body {
	/*background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
	background-color: #f7f7f7;
	background-position: top left, top left;
	background-repeat: repeat-x, repeat;
	background-size: 100% 30em, auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 13pt;
	color: #696969;
	font-weight: 300;
	line-height: 2.25em;*/
}

body.is-preload *, body.is-preload *:before, body.is-preload *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

input, select, textarea {
	font-family: 'Catamaran', sans-serif;
	font-size: 13pt;
	color: #696969;
	font-weight: 300;
	line-height: 2.25em;
}

a {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
	outline: 0;
}

h1 {
	font-size: 43.5pt;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	color: #35363a;
	line-height: 1.2em;
	padding: 20px 0;
}

h2 {
	font-size: 28pt;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	color: #35363a;
	line-height: 1.2em;
	/*padding: 20px 0;*/
}

h3 {
	font-size: 19pt;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	color: #35363a;
	margin: 0 0 1em 0;
}

h4 {
	font-size: 13pt;
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	color: #343434;
	margin: 0 0 1.1em 0;
	line-height: 1em;
}

h5 {
	font-size: 18pt;
	font-family: 'Playfair Display', serif;
	font-weight: 500;
	color: #35363a;
	margin: 0 0 1em 0;
}

h6 {
	font-size: 3.8em;
	margin: 0 0 1.1em 0;
	line-height: 1em;
}

.light{
	font-weight: 200!important;
}

.regular{
	font-weight: 400!important;
}

.bold{
	font-weight: 600!important;
}

b, strong {
	font-weight: 600;
	color: inherit;
}

.italic {
	font-style: italic!important;
}

i, em {
	font-style: italic;
}

br.clear {
	clear: both;
}

sub {
	position: relative;
	top: 0.5em;
	font-size: 0.8em;
}

sup {
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}

hr {
	border: 0;
	border-top: solid 1px #eee;
}

blockquote {
	border-left: solid 0.5em #eee;
	padding: 1em 0 1em 2em;
	font-style: italic;
}

p, ul, ol, dl, table {
	margin-bottom: 0.5em;
}

#navToggle {
	display: none;	
}

.call-button{
	display: none;
    position: absolute;
    width: 54px;
    right: 0px;
    top: 0px;
    z-index: 500;
}

.call-button img{
	width: 100%;
}
/* Section/Article */

section, article {
	margin-bottom: 3.5em;
}

section > :last-child,
article > :last-child,
section:last-child,
article:last-child {
	margin-bottom: 0;
}

header {
	margin: 0 0 2em 0;
}

header h2, header h3 {
	margin: 0 0 0.25em 0;
}

header p {
	margin: 0;
}

footer {
	margin: 2.5em 0 0 0;
}

/* Forms */

form label {
	display: block;
	font-weight: 800;
	margin: 0 0 1em 0;
	color: #444;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
	/*-webkit-appearance: none;*/
	display: block;
	width: 100%;
	border-radius: 6px;
	border: solid 1px #eee;
	font-family: 'Catamaran', sans-serif;
	padding: 4px 1em;
}

form input[type="text"]:focus-visible,
form input[type="email"]:focus-visible,
form input[type="password"]:focus-visible,
form select:focus-visible,
form textarea:focus-visible {
	border: 1px solid #eee;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus {
	border: solid 1px #eee;
	outline: 0;
}

form input[type="text"],
form input[type="email"],
form input[type="password"] {
	line-height: 1.8em;
	padding: 0 1em;
}

form select {
	line-height: 3em;
	/*padding: 0 1em;*/
}

form textarea {
	min-height: 9em;
	padding: 1em;
}

form ::-webkit-input-placeholder {
	color: #555 !important;
}

form :-moz-placeholder {
	color: #555 !important;
}

form ::-moz-placeholder {
	color: #555 !important;
}

form :-ms-input-placeholder {
	color: #555 !important;
}

form ::-moz-focus-inner {
	border: 0;
}

/* Tables */

table {
	width: 100%;
}

table tr {
	/*border-top: solid 1px #eee;*/
	border: none;
}

table tr:first-child {
	border-top: 0;
}

table td {
	padding: 0.3em 0; /*0.5em 1em 0.5em 1em;*/
}

table th {
	text-align: left;
	padding: 0.5em 1em 0.5em 1em;
	font-weight: 800;
	margin: 0 0 1em 0;
}

table thead {
	background: #404248;
	color: #fff;
}

#page-wrapper {
	padding-bottom: 1px;
	width: 100%;
	margin: 0 auto;
	font-family: inherit;
}

.text-centered { text-align: center; }

.w-300{ font-weight: 300!important; }
.w-400{ font-weight: 400!important; }
.w-500{ font-weight: 500!important; }
.w-600{ font-weight: 600!important; }
.w-800{ font-weight: 800!important; }
.w-900{ font-weight: 900!important; }

/* MENU */
.menu{
	position: absolute;
	top: 125px;
	/*left: calc(50vw - 600px);*/
	left: 0;
	right: 0;
	margin: auto;
	width: 1198px;
	padding: 20px 5px 30px 10px;
	border: 1.5px solid rgb(198,175,107);
	border-radius: 8px;
	background-color: #fff;
	z-index: 500;
	display: none;
}

.menu .row > *{
	margin: 0 2px;
}

.menu .row > *:first-child { margin-left: 0; }
.menu .row > *:last-child { margin-right: 0; }


#statik-linkler { display: none; }
#statik-linkler a { width: 100%; display: block; }
#statik-linkler p { border-bottom: 1px solid gray; padding-top: 8px;}
#statik-linkler .col-12 { display: block;}

.menu .box-container{
	border-left: 1px solid rgb(233,233,233);
}

.menu .box{
	
	padding: 16px 0px 0px 5px;
	display: block;
}

.menu .box.header{
	width: 160px;
	border: none;
	padding: 0;
	display:flex;
}

.menu .box.header img{
	height: 20px;
	width: 20px;
	margin: 10px 5px 0 0;
}

.menu h1{
	font-size: 12.5pt;
	letter-spacing: 1px;
	color: rgb(177,145,45);
	font-family: 'Catamaran', sans-serif;
	font-weight: 600;
	padding: 0;
	height: 2.7em;
}

.menu .label-xxxsmall{
	font-size:10.5pt;
	font-weight: 500;
	padding: 1px 0;
	margin-bottom: 0.7em;
}
/* END OF MENU */

/* Container */

.container {
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}

.innercontainer {
	margin: 0 auto;
	width: 1300px;
	max-width: 1300px;
	padding:40px 5px;
}

.innercontainer.narrow {
	padding:40px 90px;
}

.narrow {
	width:70%;
	margin: 0 auto;
}

.invisible{
	display: none!important;
}
/* Row */

.row {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	align-items: stretch;
	margin:0;
}

.row > * {
	box-sizing: border-box;
}

.row.gtr-uniform > * > :last-child {
	margin-bottom: 0;
}

.row.aln-left {
	justify-content: flex-start;
}

.row.aln-center {
	justify-content: center;
}

.row.aln-right {
	justify-content: flex-end;
}

.row.aln-top {
	align-items: flex-start;
}

.row.aln-middle {
	align-items: center;
}

.row.aln-bottom {
	align-items: flex-end;
}

.row > .imp {
	order: -1;
}

.row > .col-1 {
	width: 8.3333333333%;
}

.row > .off-1 {
	margin-left: 8.3333333333%;
}

.row > .col-2 {
	width: 16.6666666667%;
}

.row > .off-2 {
	margin-left: 16.6666666667%;
}

.row > .col-3 {
	width: 25%;
}

.row > .off-3 {
	margin-left: 25%;
}

.row > .col-4 {
	width: 33.3333333333%;
}

.row > .off-4 {
	margin-left: 33.3333333333%;
}

.row > .col-5 {
	width: 41.6666666667%;
}

.row > .off-5 {
	margin-left: 41.6666666667%;
}

.row > .col-6 {
	width: 50%;
	/*border: 1px solid red;*/
}

.row > .off-6 {
	margin-left: 50%;
}

.row > .col-7 {
	width: 58.3333333333%;
}

.row > .off-7 {
	margin-left: 58.3333333333%;
}

.row > .col-8 {
	width: 66.6666666667%;
}

.row > .off-8 {
	margin-left: 66.6666666667%;
}

.row > .col-9 {
	width: 75%;
}

.row > .off-9 {
	margin-left: 75%;
}

.row > .col-10 {
	width: 83.3333333333%;
}

.row > .off-10 {
	margin-left: 83.3333333333%;
}

.row > .col-11 {
	width: 91.6666666667%;
}

.row > .off-11 {
	margin-left: 91.6666666667%;
}

.row > .col-12 {
	width: 100%;
}

.row > .off-12 {
	margin-left: 100%;
}

.row > .col-p20 {
	width: 20%;
}

.row.gtr-0 {
	margin-top: 0px;
	margin-left: 0px;
}

.row.gtr-0 > * {
	padding: 0px 0 0 0px;
}

.row.gtr-0.gtr-uniform {
	margin-top: 0px;
}

.row.gtr-0.gtr-uniform > * {
	padding-top: 0px;
}

.row.gtr-25 {
	margin-top: -10px;
	margin-left: -10px;
}

.row.gtr-25 > * {
	padding: 10px 0 0 10px;
}

.row.gtr-25.gtr-uniform {
	margin-top: -10px;
}

.row.gtr-25.gtr-uniform > * {
	padding-top: 10px;
}

.row.gtr-50 {
	margin-top: -20px;
	margin-left: -20px;
}

.row.gtr-50 > * {
	padding: 20px 0 0 20px;
}

.row.gtr-50.gtr-uniform {
	margin-top: -20px;
}

.row.gtr-50.gtr-uniform > * {
	padding-top: 20px;
}


/*.row > * {
	padding: 40px 0 0 40px;
}*/

.row.gtr-uniform {
	margin-top: -40px;
}

.row.gtr-uniform > * {
	padding-top: 40px;
}

.row.gtr-150 {
	margin-top: -60px;
	margin-left: -60px;
}

.row.gtr-150 > * {
	padding: 60px 0 0 60px;
}

.row.gtr-150.gtr-uniform {
	margin-top: -60px;
}

.row.gtr-150.gtr-uniform > * {
	padding-top: 60px;
}

.row.gtr-200 {
	margin-top: -80px;
	margin-left: -80px;
}

.row.gtr-200 > * {
	padding: 80px 0 0 80px;
}

.row.gtr-200.gtr-uniform {
	margin-top: -80px;
}

.row.gtr-200.gtr-uniform > * {
	padding-top: 80px;
}


/* Image */

.image {
	display: inline-block;
	outline: 0;
}

.image img {
	display: block;
	width: 100%;
	border-radius: none;
	-webkit-border-radius:none;
}

.image.fit {
	display: block;
	width: 100%;
}

.image.featured {
	display: block;
	width: 100%;
	margin: 0 0 2.5em 0;
}

.image.left {
	float: left;
	margin: 0 2em 2em 0;
}

.image.centered {
	display: block;
	margin: 0 0 2.5em 0;
}

.image.centered img {
	margin: 0 auto;
	width: auto;
}

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	-webkit-appearance: none;
	display: inline-block;
	background: #af8e26; /*transparent; /*#0090c5;*/
	color: #fff;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
	font-size: 10px;
	padding: 4px 6px;
	border: none; /*1px solid white;*/
	font: inherit;
}

input[type="button"].icon:before,
input[type="submit"].icon:before,
input[type="reset"].icon:before,
button.icon:before,
.button.icon:before {
	position: relative;
	margin-right: 0.5em;
	top: 0.05em;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover {
	/*background: #10a0d5;*/
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active,
.button:active {
	background: rgb(150,121,33);
}

input[type="button"].alt,
input[type="submit"].alt,
input[type="reset"].alt,
button.alt,
.button.alt {
	background: #f1f1f1;
	background: rgba(0, 0, 0, 0.05);
	color: #444;
}

input[type="button"].alt:hover,
input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
button.alt:hover,
.button.alt:hover {
	background: #e8e8e8;
	background: rgba(0, 0, 0, 0.085);
}

input[type="button"].alt:active,
input[type="submit"].alt:active,
input[type="reset"].alt:active,
button.alt:active,
.button.alt:active {
	background: #e4e4e4;
	background: rgba(0, 0, 0, 0.15);
}

input[type="button"].large,
input[type="submit"].large,
input[type="reset"].large,
button.large,
.button.large {
	font-size: 1.5em;
	padding: 0.8em 0.9em;
}

input[type="button"].medium,
input[type="submit"].medium,
input[type="reset"].medium,
button.medium,
.button.medium {
	font-size: 14pt;
	padding: 0.5em 0.9em;
	margin-bottom: 10px;
}

input[type="button"].small,
input[type="submit"].small,
input[type="reset"].small,
button.small,
.button.small {
	font-size: 12pt;
	padding: 0.3em 0.9em;
	margin-bottom: 10px;
}

#main-wrapper input[type="button"],
#main-wrapper input[type="submit"],
#main-wrapper input[type="reset"],
#main-wrapper button {
	background-color: rgb(235,236,238);
    color: black;
    font-size: 12pt;
    padding: 15px 30px;
}

button.small{
	font-family: 'Catamaran';
	font-size: 11.5pt;
	font-weight: 500;
	border-radius: 4px;
}

button.medium{
	font-family: 'Catamaran';
	font-size: 14pt;
	font-weight: 400;
	border-radius: 6px;
}

button.large{
	font-family: 'Catamaran';
	font-size: 24pt;
	font-weight: 400;
	border-radius: 8px;
}

button.no-fill{
	background-color: #fff;
	border: 1px solid var(--yellow);
	color: var(--gray);
}

button.rounded{
	border-radius: 10px;
}

/* END OF button */

/* List */

ul {
	list-style: disc;
	padding-left: 2em;
}

ul li {
	padding-left: 0.5em;
}

ul.style2 {
	list-style: none;
	padding-left: 0;
}

ul.style2 li {
	padding-left: 0;
}

ol {
	list-style: decimal;
	padding-left: 1.25em;
}

ol li {
	padding-left: 0.25em;
}

/* Actions */

ul.actions {
	list-style: none;
	padding-left: 0;
}

ul.actions li {
	display: inline-block;
	padding: 0 0 0 0.25em;
	margin: 0 0 0 0.25em;
}

ul.actions li:first-child {
	margin-left: 0;
	padding-left: 0;
}

/* Menu */

ul.menu {
	list-style: none;
	padding-left: 0;
}

ul.menu li {
	border-left: solid 1px #e0e0e0;
	display: inline-block;
	padding: 0 0 0 0.75em;
	margin: 0 0 0 0.75em;
}

ul.menu li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

.seperator{
	height: 20px; 
	background-image: linear-gradient(rgb(235,235,235), rgb(255,255,255));
}

.area{
	width:100%;
	padding: 40px 0 20px 0;
}


/* Box */

.box {
	background: #fff;
	border-radius: 1px;
	/*box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);*/
	padding: 2em;
}

.box.feature {
	padding: 0;
	font-family: gothamnarrowlight;
	height:100%;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); 
	padding: 0 20px 15px 20px;
}

.box.feature .inner {
	padding: 0.5em 0.7em 1em 0.7em;
}

.box.feature h2 {
	font-size: 1.6em;
	font-weight: 600;
	letter-spacing: 1px;
	padding-bottom:10px;
}

.box.feature p {
	margin: 0;
	color: rgb(0, 0, 0, 0.5);
	letter-spacing: 0.5px;
	height: 60px;
}

.box.feature input {
	padding:15px;
}

.box.feature .image {
	text-align:center; 
	padding: 40px 0 10px 0;
}

.box.feature .image img {
	width:100px;
}

.box.feature input {
	background-color: rgb(235,236,238);
	color: black;
	font-size:12pt;
	padding: 15px 30px;
}

.box.product{
	background-color: rgb(227,231,232);
	padding: 0;
	font-family: gothamnarrowbook;
	height:100%;
	padding: 0px 10px 5px 10px;
	border-radius: 0px;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05)important;
}

.box.product img{
	width:100%!important;
}
	
.row.product{
	padding: 40px 20px 40px 20px;
}

.row.product .row{
	background-color:rgb(247,248,250);
	padding: 0px ;
}

.row.product .col-p20{
	padding: 0px 0px 0px 20px;
}

.box.product .inner{
	padding-left: 10px;
}

.box.product h2{
	font-size: 15pt!important;
	font-weight:900!important;
	font-family: gothamnarrowbold!important;
	letter-spacing: 1px!important;
	color: rgb(92,97,100)!important;
	text-align: left!important;
	white-space: nowrap;
	overflow: hidden;
  	text-overflow: ellipsis; 
}

.box.product p{
	font-size: 10pt!important;
	font-family: gothamnarrowbold;
	color: rgb(143,148,151)!important;
	text-align: left!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	white-space: nowrap;
	overflow: hidden;
  	text-overflow: ellipsis; 
  	margin-block-start: 0em;
    margin-block-end: 0em;
}

#subtext{
	padding: 15px 0;
}


/* Icons */

.icon {
	position: relative;
	text-decoration: none;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon > .label {
	display: none;
}


/* Wrappers */

#header-wrapper {
	padding: 0em 0 0 0;
}

#features-wrapper {
	padding: 4.5em 0 4em 0;
	width:1300px;
	margin:0 auto;
	font-family: gothamnarrowbook; 
	/*min-width: 1025px;*/
}

#features-wrapper .row {
	padding: 0 50px 0 50px;
	margin:0 auto; 
	font-family: gothamnarrowbook; 
	font-weight:600; 
	letter-spacing:1px;
}

#features-wrapper .col-4 {
	padding: 0 23px 30px 23px; 
	text-align:center;
}

#main-wrapper {
	background: #fff;
	/*box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);*/
	padding: 0em 0 0 0;
	min-width: 1025px;
}

#main-wrapper h1{
	color: rgb(0,144,171);
}

#searchLink{
	display: none;
}

	
/* Logo */
.logo{
	/*padding-top: 12px;*/	
}

.header .logo a{
	border-right: 0px!important; 
	padding-right:60px;
	display: block;
}

.header .logo img{
	width: 134px;
}

.header{
	background-color: transparent;;
	font-family: 'Catamaran', sans-serif;
	font-size:9pt;
	font-weight:400;	
	color: white; 
	padding: 0;
	margin: 0;
	outline: 0;
}

.header a{
	font-family: 'Catamaran', sans-serif;
	font-size:12pt;
	font-weight:400;	
	padding: 0 10px;
	border-right: 1px solid #af8e26;
	color: #35363a;
	line-height:1.2em;
}

.header .dropdown{ border-right: 1px solid #af8e26; }
.header .dropdown a{ border-right: none; }

.header .header-links{
	    padding: 0 30px;
	    padding: 0;
	    align-items: center;
	    display: flex;
	    justify-content: flex-end;
	    margin-top: 16px;
}

.header .header-links > *:last-child{
	border-right: 0px!important;
}

.header button{
	height:16px; 
	width:12px; 
	font-size:10pt; 
	padding:0 0 2px 4px; 
	color:#af8e26;  
	background-color: transparent; 
	border: none;
}

.header section{
	margin-bottom: 0;	
}

.header-band{
	width: 100%; 
	/*height: 34px; */
	background-color: rgb(173, 174, 178); 
	opacity: 0.8;
}

.header-band a{
	border: none;
	padding-left: 1px;
	padding-right: 12px;
	font-weight: 600;
	line-height: 1em;
	margin-top:2px;
}

.header-band .innercontainer{
	padding: 0;
	margin: 0 auto; 
	justify-content: space-between;
}

.tr-en{
	display:flex; 
	align-items:center;
	justify-content: center;
	margin: 6px 0;
	padding-left: 20px;
}

.bize-ulasin{
	display:flex; 
	align-items:stretch;
	justify-content: center;
	margin: 6px 0;
	padding-left: 4px;
	border: 1px solid var(--yellow); 
	border-radius: 10px; 
	width: auto;
	height: auto;
}

.bize-ulasin a,
.bize-ulasin p{
	font-family: 'Catamaran', sans-serif;
	font-size:8pt!important;
	font-weight:600;	
	color:#35363a;
	line-height: 1em;
	margin-bottom: 0;
	width:100%;
	padding:6px 2px 4px 2px;
	border: 0px;
	letter-spacing: 0;
}

.bize-ulasin a{
	font-family: arial;
	font-weight: 400;
	color:#fff;
}


#copyright {
	color: #aaa;
	padding: 4em 0 0 0;
	text-align: center;
}

#copyright a {
	color: inherit;
}

/* Medium */
#navToggle .toggle{
	border: none;
}

#navPanel, #navToggle {
	display: none;
}


/* DROPDOWN */
.dropbtn {
  background-color: transparent;
  color: white;

  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-weight: 400;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}
/* END OF. DROPDOWN*/ 

/*TAB*/
.tabcontent{
	display: none;
}

.tabcontent.selected{
	display: block;
}
/* END OF Tab */
.label-xxxxsmall{
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	font-size:11pt;
	line-height:1.2em;
	color: #35363a;
}

.label-xxxsmall{
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	font-size:12pt;
	line-height:1.5em;
	color: #35363a;
}

.label-xxsmall.message{
	color: red;
	text-align:center; 
	margin: 0;
}

.label-xxsmall{
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	font-size:13.5pt;
	line-height:1.5em;
	color: #35363a;
}

.label-xsmall{
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	font-size:15pt;
	line-height:1.3em;
	color: #35363a;
}

.label-small{
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	font-size:16pt;
	line-height:1.3em;
	color: #35363a;
}

.label-medium{
	font-family: 'Catamaran', sans-serif;
	font-weight: 400;
	font-size:20pt;
	line-height:1.2em;
	color: #35363a;
	letter-spacing: 1.2px;
}

.label-large{
	font-family: 'Catamaran', sans-serif;
	font-weight:400;
	font-size:23pt;
	line-height:1.2em;
	color: #35363a;
}

.label-xlarge{
	font-family: 'Playfair Display', serif;
	font-weight:500;
	font-size:31pt;
	line-height:1.2em;
	color: #35363a;
	letter-spacing: 2px;
}

.label-xxlarge{
	font-family: 'Playfair Display', serif;
	font-weight:400;
	font-size:42pt;
	line-height:1.2em;
	color: #35363a;
	letter-spacing: 2px;
}

.label-xxxlarge{
	font-family: 'Playfair Display', serif;
	font-weight:400;
	font-size:48pt;
	line-height:1.2em;
	color: #35363a;
	letter-spacing: 2px;
}

.high-line { line-height: 1.5em; }
.with-space{ letter-spacing: 1px; }
.with-large-space{ letter-spacing: 2px; }

.bannerbox .label-xxsmall,
.bannerbox .label-small,
.bannerbox .label-medium,
.bannerbox .label-large,
.bannerbox .label-xlarge{
	margin-bottom: 0.4em
}

.bannerbox{
	width: 430px;
	padding: 0;
}

.vertical-middle{
	display: flex; 
	align-items: center; 
	height: 100%; 
	overflow: hidden; 
}

.vertical-base{
	display: flex; 
	align-items: flex-end; 
	height: 100%; 
	overflow: hidden; 
}

.flex-box{
	height:100%; 
	display:flex; 
	align-items:center;
	justify-content: center;
}

.banner{
	padding:0;
}

.banner img{
	margin-left: 80px;
} 

.background-div{
	padding: 0 0 3px 0; 
	background-repeat: no-repeat; 
	background-image: url('../../images/bg-header.webp'); 
	background-size: auto 100%; 
	background-position: center center; 
	width: 100%; 
	height: 100%; 
	opacity: 1; 
	visibility: inherit; 
	z-index: 20;
}

.background-div.alt-sayfa{
	background-size: 100% auto; 
}

/* ARAMA */
#searchDiv{
	height: 24px;
    padding: 0;
    background-color: #fff;
    border-radius: 6px;
    margin: 16px auto 0 auto;
    width: 168px;
    border: 1px solid var(--background-gray);
}
	
#searchDiv button{
	cursor: pointer;
    background-color: #fff;
    color: var(--text-gray-medium);
    border: none;
    width: 22px;
    height: 100%;
    font-size: 12pt;
    padding: 2px;
    border-radius: 6px;
}

#searchDiv input{
	height: 100%;
    font-size: 12pt;
    border: none;
    font-family: 'Catamaran', sans-serif;
    font-weight: 400;
    text-align: center;
    border-radius: 6px;
}

#searchDiv input:focus{
	border: none!important;
}

#searchDiv .col-2{
	padding: 0; 
}
/* END OF ARAMA */


/* SLIDER */
.slider-area{
	padding: 40px 0 40px 0;
}
.slide-item{
	display: none;
}

.slide-item.animate-appear
{
	position:relative; 
	animation:appear 2s!important;
}
@keyframes appear{from{opacity:0.1} to{left:0;opacity:1} }

/* END OF SLIDER */

.justify{
	text-align: justify!important; 
}

.center{
	text-align: center!important; 
}

.left{
	text-align: left!important; 
}

.right, .right-left{
	text-align: right!important;
}

/* ANA SAYFA*/
.flex-box.brands{
	margin-top: 0px;
	margin-bottom: 10px;
	justify-content: space-between; 
	padding: 0;
}

.flex-box.brands a{
	text-align: center;
	padding: 10px 5px;
}

.row.biz-kimiz{
	padding-top:20px;
	width: 1306px;
}

.innercontainer.biz-kimiz{
	padding-top:28px;
}

.biz-kimiz > *{
	padding: 0;
}

.biz-kimiz img{
	margin-bottom: 18px;
}

.biz-kimiz.box{
	height:290px; 
	width:310px;
	border-radius:8px;
	padding:0; 
	box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
	margin-right:16px;
	margin-bottom: 22px;
	overflow:hidden;
	background-repeat: no-repeat; 
	background-size: 100% 100%; 
	background-position: center center; 
	display: flex; 
	align-items: flex-end; 
}

.biz-kimiz.box.ilk{
	/*height:290px; 
	width:310px;*/
	height: auto; 
	width: 60%;
	padding: 0 16px; 
	align-items: baseline; 
	box-shadow: none;
	display: block;
	margin: 10px auto 30px auto;
}

.biz-kimiz.box.ilk h1,
.biz-kimiz.box.ilk .label-xxsmall  {
    text-align: center;
}

.biz-kimiz.box.hover{
	display: none; 
	position:absolute; 
	top:0; 
	left:0; 
	background-color: var(--yellow); 
	padding: 20px 20px 20px 26px;
}

.biz-kimiz.box.hover i{
	color:var(--yellow); 
	background-color:#fff; 
	padding: 2px 4px; 
	font-size: 13pt; 
	margin-right: 8px;
}

.biz-kimiz.box.hover .label-medium{
	color: #fff; 
	border-bottom: 1px solid #fff; 
	width: auto; 
	margin: 0 auto 18px auto;
}

.biz-kimiz .label-xxsmall{
	margin-bottom: 5px;
	text-align: justify;
}

.biz-kimiz .label-small{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 13.5pt;
	margin-bottom: 9px;
	width: 100%;
	text-align: center;
}

.biz-kimiz.box.son{
	background-color: #35363a;
	box-shadow: none;
	padding: 50px 46px 0px 50px;
	display: block; 
}

.biz-kimiz.box.son .label-small{
	font-family: 'Playfair Display', serif;
	font-size: 18.5pt;
	font-weight: 500;
	letter-spacing:2.5px;
	line-height:1.55em;
	color:white;
	margin-bottom: 24px;
}

.biz-kimiz.box.son .label-xxsmall{
	color:white;
	margin-bottom:24px;
}

.biz-kimiz.box.son button{
	border:1.5px solid white;
	background-color: transparent;
	border-radius:7px;
	font-family: 'Catamaran', sans-serif;
	font-weight:300;
	font-size: 13.5pt;
	padding: 5px 24px 1px 24px;
}

.biz-kimiz h1{
	margin: 0 0 6px 0;
}

.video-konferans{
	height:1000px;
}

.video-konferans section{
	width:42%;
}

.video-konferans h1{
	padding: 48px 0 60px 0;
}

.video-konferans img{
	padding-left: 75px;
}

.video-konferans button.medium{
	width: 260px;
	/*height:35px;
	padding: 10px 26px;*/
	margin-left: 30px;
	margin-top: 20px;
}

.video-konferans .row{
	padding-bottom: 42px;
}

.video-konferans .box{
	width: 243px;
	height: 270px;
	background-color: rgba(255,255,255,0.3);
	border: 10px solid #eeeadd;
	padding:0;
	margin-right:15px;
}

.video-konferans .box img{
	padding: 0;
}

.video-konferans .box .label-small{
	margin-bottom:2px;
	margin-top:34px;
	font-weight:600;
	color:white; 
	letter-spacing:2px;
}

.video-konferans .box a{
	color:white; 
	float:right; 
	padding-right: 8px; 
	margin-bottom: 0;
}

.video-konferans .label-xxlarge{
	letter-spacing: 1.1px;
	margin-bottom: 40px;
}

.video-konferans.alt{
	height:500px;
	padding: 14px 0 0 0; 
	background-repeat: no-repeat; 
	background-image: url('../../images/anasayfa-videokonferans-bg.webp'); 
	background-size: 100% 100%;
}

.bilgi-merkezi-hp{
	height:500px;
	padding: 40px 0 0 0; 
	background-repeat: no-repeat; 
	background-image: url('../../images/bg-bilgi-merkezi.webp'); 
	background-size: 100% 100%;
	position: relative;
}

.bilgi-merkezi-hp .baslik{
	position: absolute;
	top: 62%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	/*height: 200px;*/
}
	
.bilgi-merkezi-hp .icerik{
	width: 83%;	
}

.bilgi-merkezi-hp .row.sol{
	padding-right: 27%;
	width: 100%;
}	

.bilgi-merkezi-hp .row.sag{
	padding-left: 27%;
	width: 100%;
}	

.bilgi-merkezi-hp .row.sol > *{
	text-align: right!important;
}

.bilgi-merkezi-hp .row.sag > *{
	text-align: left!important;
}

.bilgi-merkezi-hp .baslik .label-xxlarge{
	text-align: center;
	margin-bottom: 10px;
	font-size: 43.5pt;
	line-height: 0.9em;
	letter-spacing: normal;
	padding: 12px 20px;
}

.bilgi-merkezi-hp .baslik .label-large{
	text-align: center;
	margin-bottom: 0;
	font-weight: 300;
    font-size: 21pt;
}

.bilgi-merkezi-hp .baslik .label-xxsmall{
	color: var(--yellow); 
	font-family: 'Playfair Display', serif; 
	font-weight:500;
	margin-top: 72px;
	text-align: center;
}

.bilgi-merkezi-hp .baslik hr{
	--outer-margin:0;
	--inner-margin: 20px;
	color: #fff;
	width: 40px;
}

.bilgi-merkezi-hp .label-xxlarge,
.bilgi-merkezi-hp .label-large,
.bilgi-merkezi-hp .label-medium,
.bilgi-merkezi-hp .label-xxxsmall{
	color: #fff;
}	

.bilgi-merkezi-hp .label-medium{
	font-size: 18pt;
	font-weight: 500;
	letter-spacing: 0.5px;
}	



.bilgi-merkezi-hp .label-medium.sag,
.bilgi-merkezi-hp .label-xxxsmall sag{
	text-align: left;
}

.bilgi-merkezi-hp img{
	margin-bottom: 114px;	
	width: 45px!important;
}

.bilgi-merkezi-hp .img-sag{
	margin-left: 18px;
}

.bilgi-merkezi-hp .img-sol{
	margin-right: 18px;
}

.bilgi-merkezi-hp .row.sol .img-sol{
	display: none;
	width: 0!important;
}

.kamera{
	padding: 0px 0 0 0;
}

.kamera h1,
.kamera h2{
	padding: 0;
	line-height:1.1em;
}

.kamera img {
    width: 100%;
}

.kamera .row{
	padding-top: 56px;
}

.kamera .tabcontent .row{
	padding-top: 40px;
}

.tablink{
	border-bottom: 2px solid rgb(175,186,181);
	padding: 0 6px 16px 6px;
} 

.tablink > *{
	text-decoration: none!important;
}

.kamera .tablink > *{
	color: rgb(175,186,181);
} 

.tablink.selected{
	border-bottom: 2px solid rgb(119,119,119);
} 

.kamera .tablink.selected > *{
	color: black;
} 

.kamera .tabcontent .col-6{
	padding-left: 42px;
}

.kamera .label-medium{
	padding-top: 10px;
} 

.kamera .tabcontent .label-xsmall,
.kamera .tabcontent a{
	padding-right: 100px;
}

.kamera .tabcontent a{
	display: block;
	width: 100%;
	text-align: right;
	padding-bottom: 26px;
	padding-top: 10px;
	color: var(--yellow);
	font-weight: 400;
}

.kamera .col-4.tablink a{
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.halfband{
	background:  linear-gradient(to bottom, rgb(245,244,240) 0%, rgb(245,244,240) 100%) no-repeat;
	background-size: 100% 76%;
	padding-top: 6px;
}


.akilli-tahta .halfband .innercontainer{
	padding-bottom: 0;	
}

.akilli-tahta .ana-resim{
	margin: 5px 0 0 0;
}

.akilli-tahta .box-header{
	width: 548px;
	height: 120px;
	padding: 6px 0 0 0; 
	background-repeat: no-repeat; 
	background-position: 12px 0;
	margin: 0 30px;
}

.akilli-tahta .box{
	width: 548px;
	height: 827px;
	border: 1px solid rgb(176,142,32);
	border-radius: 6px;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
	margin: 0 30.5px;
	padding: 16px 0px 16px 26px;
}

.akilli-tahta .box .ana-resim{
	padding-bottom:36px;
}

.akilli-tahta .box .ikon{
	padding-top:4px;
}

.akilli-tahta h1{
	padding-bottom:0px;
	margin-bottom: 0px;
}

.akilli-tahta h2{
	margin-top: 0;
	padding-top: 6px;
}

.akilli-tahta .label-small{
	letter-spacing: 0.6px;
	margin-bottom: 6.5px;
	font-size: 17pt;
}

.akilli-tahta button{
	padding: 2px 14px;
	margin-top: 56px;
	border-radius:4px;
}

.referanslar h1{
	color: white;
	padding: 12px 30px 44px 0;
	letter-spacing: 3.7px;
}

.referanslar h2{
	color: white;
	font-size:21pt;
	letter-spacing: 1px;
	padding:46px 90px 0 18px;;
}

.referanslar h3{
	color: white;
	padding: 0 0 0 8px;
	letter-spacing: 1px;
	margin-bottom:-2px;
	line-height: 1em;
}

.referanslar .col-4{
	padding: 0 21px;
}

.referanslar img{
	padding-bottom: 30px;
}

.referanslar .bottom-line{
	border-bottom: 2px solid white;
	width: 80px;
}

.referanslar .box{
	background-color: rgb(48,49,53);
	padding: 36px 24px 20px 24px;
}

.referanslar .box .row{
	padding: 0 0 26px 0;
}

.referanslar .box img{
	padding: 0 0 0 0;
}
.referanslar .label-small{
	font-size: 17pt;
	letter-spacing: 0.8px;
	padding: 13px 25px 0 2px;
}

.referanslar.halfband{
	background:  linear-gradient(to bottom, rgb(57,58,62) 0%, rgb(57,58,62) 100%) no-repeat;
	background-size: 100% 44.5%;
}
/* END OF ANA SAYFA*/

/* KATEGORİ SAYFALARI */
.kategori-banner img{
	padding: 0px 0;
}

.kategori-label{
	padding: 28px 0 16px 0;
}

.kategori-label a:hover{
	color: var(--yellow);
}

.kategori-label hr{
	margin-top: 0; 
	border-color:#af8e26; 
	border-width:0.5px;
}

.kategori{
	padding: 12px 0 0 0;
}

.kategori h2{
	text-align:center;
	letter-spacing: 1px;
	color: rgb(158,125,25);
	padding: 0 0 7px 0;
}

.kategori h4{
	font-size: 17pt;
	font-weight: 300;
	letter-spacing: 0.4px;
	text-align: center;
	margin-top: 11px;
	margin-bottom: 28px;
	padding-right: 140px;
	padding-left: 140px;
	line-height: 1.15em;
}

.products{
	width: 967px;
	padding: 20px 0 52px 0;
	display: flex;
	margin: 0 auto;
	/*justify-content: center;*/
}

.arama .products{
	width: 100%;
}

.product.no-filter{
	width: 100%;
}

.products .box{
	width: 273px;
	height: 380px;
	border: 1.5px solid rgb(140,140,148);
	border-radius: 0;
	margin: 0 19px 30px 19px;
	padding: 20px 28px 36px 28px;
}

.products .box.empty{
	border: none;
	display: none;
}

.product-image-grid{
	display: grid; 
	grid-template-columns: repeat(4, 1fr); 
	height: 100%; 
	width: 100%; 
	position: absolute; 
	top:0; 
	left:0;
}

.products .box img{
	width: 200px;
	height: 110px;
}

.products .box .product-features{
	margin-top: 32px;
}

.dot-container{
	position: absolute; 
	bottom: -5px; 
	height: 10px; 
	left: 50%; 
	transform: translate(-50%, 0);
	/*display: none;*/
}

.dot
{
  background-color: var(--text-gray-light);
  border-radius: 50%;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  height: 10px; 
  width: 10px;
}

.dot:hover
{
	cursor: pointer;
}

.dot.active
{
  background-color: var(--yellow);
}

.products .box .dot{
	background-color: var(--text-gray-light);
	width: 4px;
	height: 4px;
	margin-left: 2px;
    margin-right: 2px;
}

.products .box .dot.active{
	background-color: var(--text-gray);
	width: 5px;
	height: 5px;
}
	
.products .box .label-small{
	font-family: 'Frank Ruhl Libre', serif;
	font-size: 17pt;
	font-weight: 500;
	text-align: center;
	color: rgb(106,107,109);
}

.products .box .caret{
	width: 15px; 
	height: 15px; 
	margin: 0px 6px 0 0;
}

.products .box .label-xxsmall{
	margin-bottom: 0.15em;
	overflow: visible;
	white-space: nowrap;
	line-height: 1.2em;
}

.products .box .label-xxxsmall{
	font-size:8.5pt;
	font-weight: 900;
	color: #af8e26;
	padding-top: 26px;
	text-align: center;
}

.page-numbers{
	margin-top: 20px;	
}

.page-numbers .label-small {
    font-family: 'Roboto', sans-serif;
    padding: 0 5px;
    color: var(--text-gray);
    margin-bottom: 0;
    line-height: 1em;
}

.page-numbers .selected{
	text-decoration: underline;
}

.kategori-text{
	padding: 92px 0 64px 0;
}

.kategori-text h2{
	color: #af8e26;
	letter-spacing: 0.5px;
	padding-top: 14px;
}

.kategori-text h3{
	font-size: 20pt;
    font-family: 'Catamaran', serif;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0.3em;
}

.kategori-text hr{
	border-color: #343434;
	border-width: 1px;
	margin-bottom: 12px;;
}

.kategori-text .label-medium{
	font-weight: 300;
	line-height: 1.35em;
	margin-bottom: 0.4em;
	letter-spacing: 0.6px;
	text-align: justify;
}

.kategori-text .right-text,
.kategori-text .left-text{
	width: 670px;
}

.kategori-text .right-text{
	padding-left: 31px;
}

.kategori-text .full-text{
	/*padding-left: 16px;*/
	padding-top: 27px;
}

.filter-handle{
	display:none;
	position: absolute;
	top: 20px;
	background-color: var(--yellow);
	padding: 10px;
	border-radius: 0 6px 6px 0;
	
}

.filter-handle:hover{ cursor: pointer; }

.filter-handle p{ color: #fff; font-weight: 800; }
	
.filtre{
	width: 237px;
	height: 100%;
	padding-top:20px;
	padding-bottom: 30px;
	float: right;
	background-color: #fff;
	/*margin-right: 30px;*/
}

.filtre .label-xxsmall{
	font-size: 15pt;
	font-weight: 500;
	border-bottom: 1px solid var(--text-gray);
	margin-bottom: 0.4em;
}

.filtre .label-xxxsmall{
	font-size: 12pt;
	font-weight: 500;
	padding-left: 8px;
	color: var(--text-gray);
}

.filtre .check-item{
	margin-bottom: 8px;
}

.filtre .filter-options{
	padding-bottom: 30px;
}

.filtre button.medium{
	width: 100%;
	margin: 10px 10px 0 0;
	font-weight: 600;
}

#filter-close-button{
	cursor: pointer;
	display: none;
}

#filter-close-button i{
	background-color: var(--yellow); 
	color: #fff; 
	font-size: 13pt;
	line-height: 1em;
	width: auto; 
	padding: 0px 2px 2px 2px;
}
/* END OF KATEGORİ SAYFALARI */


.footer{
	background-color: rgb(245, 245 ,247);
	padding-top: 8px;
}

.footer .main-row{
	padding: 0 0 48px 0;
	margin-bottom: 2px;
}

.footer .logo{
	width: 20%;
	height:261px;
	border-right: 1px solid rgb(215,215,217);
	padding: 34px 30px 0 0px;
}

.footer .row.links{
	width: 80%;
	flex-wrap: nowrap;
}

.footer .logo img{
	margin-top: -30px;
}

.footer .col{
	padding: 28px 6px 0 60px;
}

.footer .col.hakkimizda { width: 22.75%; }
.footer .col.urunler { width: 29%; }
.footer .col.adres { width: 48.25%; }

.footer .label-small{
	font-weight: 500;
	font-size: 15pt;
	margin-bottom: 4px;
}
.footer .label-xxxsmall{
	font-size: 11pt;
	letter-spacing: 0.3px;
	padding: 5.5px 1.5px;
	color: black;
}

.footer .copyright{
	background-color: rgb(235,235,235);
	height: 60px;
	padding: 22px 36px;
}

.footer .copyright .label-xxxsmall{
	font-size: 10pt;
	letter-spacing: 0.3px;
	padding: 0 1.5px;
	color: black;
}

.footer .row.copyright .row{
	padding: 0 0px;
	float: right;
}

.footer .icon{
	width: 19px;
	height: 21px;
	margin-right: 6px;
}

.footer .row.telefon{
	margin-right: 18px;
}

.footer .mail-text{
	font-size: 12pt;
}

.footer .icon-social{
	width: 48px;
	/*height: 49px;*/
	margin-right: 15px;
	margin-top: 9px;
}

.hakkimizda .label-medium{
	padding: 74px 112.5px;
	font-size: 18pt;
	font-weight: 300;
	text-align: justify;
	line-height: 1.5em;
	letter-spacing: 0.1px;
}

.hakkimizda .label-xlarge{
	font-size: 28pt;
	font-weight: 900;
	letter-spacing: 0;
	color: var(--yellow);
	text-align:center;
}

.hakkimizda .biz-kimiz{
	padding: 16px 0 36px 0;
}

.hakkimizda .box{
	width: 308px;
	height: 506px;
	min-width: 135px;
	min-height: 190px;
	background-repeat: no-repeat; 
	background-size: 100% 100%;
	padding: 40px 40px 0 40px;
	background-color: var(--background-gray);
	margin: 24px 18px 56px 18px;
	background-image: url(../../images/adam-bilisim-hakkinda.webp);
}

.hakkimizda .box.orta {
	background-image: url(../../images/adam-bilisim-hakkinda-2.webp);
}

.hakkimizda .box .label-medium{
	padding:0;
	text-align: center;
	font-weight: 400;
	font-size:17pt;
	line-height: 1.6em;
}

.hakkimizda hr{
	--outer-margin: 120px; 
	--inner-margin: 20px;
	height: 4px;
	width: 360px;
	border-color: var(--yellow);
}

.distributor .box{
	width: 1104px;
	height: 322px;
	margin: 168px auto;
	border: 2px solid rgb(200,200,200); 
	border-radius: 15px; 
	padding: 14.5px;
}

.distributor .box.sol.ilk{
	margin-top: 102px;
}

.distributor .box.sag{
	width: 1120px;
}

.distributor .box .image{
	background-repeat: no-repeat; 
	background-size: 100% 100%;
	position: absolute; 
	top: -50px; 
	width: 314px; 
	height: 385px;
}

.distributor .box.sol .image{
	background-image: url(../../images/distributor/distributorluk-sol.webp); 
	left: -24px; 
	padding: 47px 36px 47px 26px;
}

.distributor .box.sag .image{
	background-image: url(../../images/distributor/distributorluk-sag.webp); 
	right: -14px; 
	padding: 47px 26px 47px 36px;
}

.distributor .box .image img{
	border-radius:6px;
}

.distributor hr{
	height: 1px;
	border-color: var(--gray);
	margin-top: 8px;
}

.distributor .box .row{
	border-radius: 8px; 
	background-color: var(--background-gray); 
	position:relative; 
	height: 100%;
}

.distributor .box.sol .content{
	float: right; 
	text-align: right;
}

.distributor .box .content section{
	width: 100%;
}

.distributor .box.sol .content section{
	text-align: right;
}

.distributor .box .content{
	display: flex; 
	padding: 60px 35px; 
	width: 640px;
}

.distributor .box .label-medium{
	font-size: 17pt;
	font-weight: 300;
	margin-top: 29px;
	line-height: 1.28em;
	letter-spacing: 0.8px;
}
	
.distributor .box button{
	font-weight: 300;
	font-size: 13pt;
	padding: 4px 21px;
	letter-spacing: 0.7px;
	margin-top: 13px;
}

.iletisim{
	padding: 22px 0 130px 0;	
}

.iletisim .innercontainer{
	padding: 40px 5px 16px 5px;	
}

.iletisim .row.background{
	background-repeat: no-repeat; 
	background-size: 750px auto;
	background-position: 50px 0;
	background-image: url(../../images/adam-bilisim-iletisim.webp); 
	padding: 16px 40px 20px 36px;
}


.iletisim-form{
	width: 60.5%;
	padding: 40px;
}

.iletisim-form .row{
	padding: 9px 0;
}

.iletisim-bilgi section {
    width: 16%;
}

.iletisim-bilgi section img{
	width: 100%;
}
	
.iletisim textarea {
	line-height: 1.35em;
	min-height: 5em;
	padding: 0 1em;
}
.iletisim button.medium{
	font-weight: 500;
	padding: 6.5px 26px;
	background-color: #353639;
	font-size: 13pt;
}

.iletisim-bilgi{
	width: 30.5%;
	padding: 60px 40px 40px 0px;
}

.iletisim-bilgi .row{
	padding: 0;
	height: 80px;
}

.iletisim-bilgi .label-small{
	color: #353639;
	padding-left: 30px;
	margin-bottom: 0;
	width: 84%;
}

.iletisim-bilgi section{
	margin-bottom: 0;
}

.iletisim-baslik{
	padding-top: 27px;	
}

.iletisim-baslik hr{
	border-top: 2px solid var(--yellow);
	margin-top: 12px;
	width: 75px;
	height: 4px;
	--outer-margin: 120px; 
	--inner-margin: 8px;
}
	
/* ORİJİNAL
.iletisim-baslik .label-xlarge{
	color: #353639;
	letter-spacing: 3px;
	padding-top: 14px;
	margin-bottom: 10px;
}
*/

/* DEĞİŞTİRİLMİŞ */
.iletisim-baslik .label-xlarge{
	color: #353639;
	letter-spacing: 3px;
	padding-top: 5px;
	margin-bottom: 16px;
}


.iletisim-baslik .label-medium{
	color: var(--yellow);
	letter-spacing: normal;
	font-size: 16pt;
	font-weight: 500;
	margin-bottom: 0;
	
}
	
.iletisim iframe{
	border:0; 
	margin: 16px 30px 6px 16px; 
	width: 98%; /*1258px;*/
	height: 485px;
}

.iletisim .g-recaptcha iframe{
	width: 304px;
	height: 78px;
}

.referans{
	padding: 40px 0;
}

.referans .box {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-shadow: 0px 0px 8px #dbdbdb;
    margin: 10px 8px;
    display: inline-block;
    width: 200px;
    height: 168px;
    text-align: center;
    padding: 10px 20px 4px 20px;
    position: relative;
}

.referans .box img{
	width: 100%;
}

.referans .box .label-xxxsmall{
	font-weight: 400;
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	letter-spacing: normal;
	padding: 0 10px;
}

.header .sayfa-basligi h1{
	color: var(--gray);
	text-align: center;
	margin-bottom: 0;
	padding: 10px 0 0 0;
	font-size: 38pt;
}

.header .sayfa-basligi {
	text-align: center;
	padding-bottom: 10px;
}

.bilgi-merkezi .left-side{
	width: 335px;
	background-color: var(--background-gray-light);
	padding: 30px 10px 30px 20px;
	/*max-height: 1100px;*/
}

.bilgi-merkezi section{
	margin-bottom: 0;
}

.bilgi-merkezi .left-side .category{
	padding: 19px 0 9px 12px;
	display: flex; 
	align-content: center;
}

.bilgi-merkezi .left-side .category.selected .label-xxsmall{
	text-decoration: underline;
}

.bilgi-merkezi .left-side .label-small{
	font-family: 'Roboto', sans-serif;
	font-size: 16.5pt;
	font-weight: 500;
	line-height: 1.4em;
	border-bottom: 1px solid var(--text-gray);
	padding-left: 6px;
	margin-right: 7px;
	margin-bottom: 6.5px;
	color: var(--text-gray);
}

.bilgi-merkezi .left-side .label-xxsmall{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 12pt;
	line-height: 1em;
	padding-left: 12px;
	padding-top: 2px;
	color: var(--text-gray);
	margin: 0;
	border: none;
}

.bilgi-merkezi .left-side .favorites .label-xxsmall{
	padding-left: 0;
}

.bilgi-merkezi .left-side .label-xxxsmall{
	font-family: 'Roboto', sans-serif;
	font-size: 10.5pt;
	color: var(--text-gray);
	margin-top: 10px;
}

.bilgi-merkezi .left-side .favorites{
	margin-top: 72px;
}

.bilgi-merkezi .left-side .article{
	margin: 36px 0 8px 12px;
	border-left: 5px solid var(--yellow);
	padding-left: 14px;
	padding-right: 40px;
}


.bilgi-merkezi .left-side .article .label-xxsmall{
	font-weight: 400;
	line-height: 1.2em;
}

.bilgi-merkezi .keywords{
	padding-top: 66px;	
}

.bilgi-merkezi .keywords .row{
	padding-top: 40px;
	padding-left: 12px;
	justify-content: space-between;
}

.bilgi-merkezi #keywords a{
	padding: 15px 6px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin: 4px 0;
	background-color: #fff;
}

.bilgi-merkezi #keywords .selected{
	border-color: var(--yellow);
	background-color: var(--yellow);
}

.bilgi-merkezi #keywords .selected .label-xxxsmall{
	color: #fff;
}

.bilgi-merkezi #keywords a .label-xxxsmall{
	font-weight: 500;
	line-height: 1em;
	margin: 0;
	padding-left: 0;
}
	
.bilgi-merkezi .temizle{
	float:right;
	margin-right: 10px;
	margin-top: 10px;
	text-decoration: underline;
}
	
.bilgi-merkezi #articles{
	width: 955px;
	padding-left: 17px;
	padding-top: 3px;
}

.bilgi-merkezi #articles .box{
	width: 445px;
	height: 195px;
	border-radius: 3px;
	box-shadow: 0px 0px 6px #dbdbdb;
	display: flex;
	padding: 0;
	margin: 0 12px 30px 12px;
}

.bilgi-merkezi #articles .box section{
	padding: 22px 5px 3px 16px;
}

.bilgi-merkezi #articles .box img{
	height: 100%;
	margin-right: 8px;
}

.bilgi-merkezi #articles .box .label-xxxsmall{
	font-family: 'Roboto', sans-serif;
	color: var(--yellow);
	font-size: 11pt;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1em;
}

.bilgi-merkezi #articles .box .label-xxsmall{
	font-size: 12pt;	
	line-height: 1.18em;
	text-align: justify;
	color: var(--text-gray-light);
	margin-top: 10px;
	height: 56px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/*-webkit-line-clamp: 3;*/
	white-space: pre-wrap;
}

.bilgi-merkezi #articles .box .label-small{
	font-size: 15pt;
	font-weight: 600;
	line-height: 1.1em;
	text-align: left;
	height: 80px;
}

.bilgi-merkezi #articles #page-numbers{
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.bilgi-merkezi #articles #page-numbers .label-medium{
	font-family: 'Roboto', sans-serif;
	padding: 0 5px;
	color: var(--text-gray);
	margin-bottom: 0;
	line-height: 1em;
}

.bilgi-merkezi #articles #page-numbers .selected .label-medium{
	color: var(--yellow);	
}

/* ÜRÜN SAYFASI */
.urun-detay .innercontainer{
	padding-right: 45px;
	padding-left: 45px;
}

.urun-detay h1{
	font-family: 'Roboto', sans-serif;
	font-size: 31pt;
	color: var(--yellow);
	font-weight: 300;
	margin-bottom: 4px;
	padding: 0;
}

.urun-detay h2{
	font-family: 'Roboto', sans-serif;
	font-size: 21pt;
	color: var(--gray);
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 40px;
}

.urun-detay a{
	color: var(--yellow);	
	text-decoration: underline;
}

.urun-detay .dokumanlar a{
	color: var(--text-gray);	
}

.urun-detay .baslik{
	margin-bottom: 20px;	
}

.urun-detay .baslik a{
	color: var(--text-gray)!important;	
	text-decoration: none!important;
}

.urun-detay .ilgili-urunler a{
	text-decoration: none!important;
}

#productCarousel{
	position: absolute;
	top: 0;
	left: 0;
}

.urun-detay .genel-bilgi{
	padding-left: 570px;
	margin-bottom: 35px; 
	position: relative;
}	

.urun-detay .genel-bilgi .label-small{
	font-family: 'Roboto', sans-serif;
	font-size: 16.5pt;
	color: var(--text-gray);
	font-weight: 300;
	line-height: 1.26em;
	margin: 24px 0;
}

.urun-detay .label-medium{
	font-size: 18pt;
	font-weight: 300;
	color: var(--text-gray);
	line-height: 1.5em;
	letter-spacing: normal;
	text-align: justify;
}

.urun-detay .label-xsmall{
	color: var(--text-gray);
	font-weight: 300;
}

.urun-detay .ozellik{
	display:flex;
	margin-bottom: 10px;
}

.urun-detay .caret{
	height: 22px;
	width: 22px;
	margin-right: 8px;

}

.urun-detay .urun-aciklamasi .bg-txt-right,
.urun-detay .urun-aciklamasi .bg-txt-left{
	background-position: 0 0; 
	background-size: 100% 100%;
}

.urun-detay .urun-aciklamasi .bg-txt-right >*,
.urun-detay .urun-aciklamasi .bg-txt-left >*{
	padding-left: 50%; 
	padding-right: 10%;
}

.urun-detay .urun-aciklamasi .text.right-side{
	padding: 0 20px 0 50px;
}

.urun-detay .urun-aciklamasi .text.left-side{
	padding: 0 50px 0 20px;
}

.urun-detay .urun-aciklamasi .text .label-medium{
	padding-top: 14px;
}


.urun-detay .urun-aciklamasi h2{
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: var(--gray);
	/*border-bottom: 1px solid var(--gray);*/
}

.urun-detay .urun-aciklamasi h1{
	padding-top: 20px;
	padding-bottom: 40px;
}

.urun-detay .urun-aciklamasi img{
	max-width: 100%;
}

.urun-detay .urun-aciklamasi underline{
	border-bottom: 1px solid var(--gray);
}

.urun-detay .label-xlarge{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: var(--yellow);
	border-bottom: 1px solid #9b9992;
	letter-spacing: 0.5px;
}

.urun-detay .urun-bolumu{
	padding: 0px 20px 60px 40px;
}

.urun-detay .ilgili-urunler .urun-bolumu{
	padding: 0 0 60px 0;
}

.urun-detay .products{
	padding-top: 0;
}

.urun-detay .feature-table{
	margin: 0 auto;
	table-layout: auto;
  	width: 80%;
}

.urun-detay .feature-table td{
	vertical-align: middle;
}

.urun-detay .feature-table .baslik{
	color: #fff; 
	background-color: var(--text-gray-light); 
	margin-top: 30px; 
	margin-bottom: 10px; 
	padding-left: 5px;
	padding-bottom: 2px!important;
	padding-top: 5px!important;
	font-weight: 600;
}

.urun-detay .feature-table .ozellik{
	width: 1%; 
	white-space: nowrap; 
	padding-right: 30px;
	padding-left: 5px;
	margin-bottom: 0!important;
}

.urun-detay .feature-table .ozellik > *{
	font-weight: 600;
}

.urun-detay .feature-table .label-xsmall{
	margin-bottom: 0;
	line-height: 1.5em;
}

.urun-detay .feature-table .deger .label-xxsmall{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 1.6em;
}

.urun-detay .dokumanlar .dokuman{
	display: flex;	
	margin-bottom: 0.5em;
}

.urun-detay .dokumanlar .urun-bolumu:first-child{
	text-align: right;
}

.urun-detay .dokumanlar .urun-bolumu p{
	margin-right: 40px;
	margin-bottom: 10px;
	font-weight: 500;
	color: var(--text-gray-light);
}

.urun-detay .products{
	width: 100%;
	padding-bottom: 0;	
}

.urun-detay .products .box{
	margin: 0 13px 20px 14px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); 
	border: none;
}

.urun-detay .aksesuarlar .box{
	width: 245px;
	margin: 0 13px 10px 14px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); 
}

.urun-detay .aksesuarlar .box img{
	/*width: 100%;*/
	height: 100px;
	margin: 0 auto;
}

.bookmark{
	position: fixed;
    bottom: calc(18vh);
    z-index: 500;
    display: block;
}

.bookmark.upper{
    top: calc(34vh);
    bottom: auto;
}

.bookmark.left{
    left: 0px;
}

.bookmark.right{
    right: -180px;
}

.bookmark .box{
	position: relative;
	width: 200px;
	height: 52px;
	background-color: var(--yellow);
	margin-bottom: 10px;
}

.bookmark.right .box{
	border-radius: 10px 0 0 10px;
	padding: 0 0 0 12px;
}

.bookmark.left .box{
	border-radius: 0 10px 10px 0;
	padding: 0 12px 0 0;
}

.bookmark.right .box:hover{
	transform: translateX(-180px);
    -webkit-transform: translateX(-180px);
    transition: 0.8s;
    cursor: pointer;
}

.bookmark.right .box:not(:hover) {
	transform: translateX(-28px);
    -webkit-transform: translateX(-28px);
    transition: 0.8s;
}

.bookmark.left .box:hover{
	transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: 0.8s;
    cursor: pointer;
}

.bookmark.left .box:not(:hover) {
	transform: translateX(-156px);
    -webkit-transform: translateX(-156px);
    transition: 0.8s;
}

.bookmark .box .row{
	height: 100%;
}

.bookmark .box i{
	font-size: 16pt; 
	color: #fff;
}

.bookmark .box p{
	font-family: 'Roboto', sans-serif;
	color: #fff;
}

.bookmark.right .box p{
	margin: 0 0 0 14px;
}

.bookmark.left .box p{
	margin: 0 14px 0 0;
}
/*END OF ÜRÜN SAYFASI */

/*BASINDA BİZ SAYFASI */
.basinda-biz{
	width: 775px;
	margin: 0 auto;
}

.basinda-biz .yayin{
	margin-top: 56px;
	padding-bottom: 44px;
}
	
.basinda-biz img{
	width: 100%;
	border-radius: 10px;
}

.basinda-biz .label-medium{
	font-family: 'Roboto', sans-serif;
	font-size: 18pt;
	font-weight: 500;
	color: var(--gray);
	letter-spacing: normal;
	text-align: center;
}

.basinda-biz .metin{
	padding: 30px 72px;
}

.basinda-biz .metin .label-small{
	font-size: 17pt;
	font-weight: 300;
	text-align: justify;
	line-height: 1.2em;
	color: var(--gray);
}

.basinda-biz .metin .label-xsmall{
	font-family: 'Roboto', sans-serif;
	margin-right: 22px;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1em;
	color: var(--gray);
}

.basinda-biz .metin .label-xxsmall{
	font-family: 'Roboto', sans-serif;
	font-size: 12pt;
	font-weight: 300;
	margin-bottom: 0;
	line-height: 1em;
	color: var(--gray);
}

.basinda-biz .metin img{
	width: 22px;
	height: 22px;
	margin-right: 13px;
}

.basinda-biz button{
	font-family: 'Roboto', sans-serif;
	font-size: 12pt;
	font-weight: 300;
	padding: 10px 20px;
	letter-spacing: 0.5px;
}

.basinda-biz iframe{
	width: 100%; 
	height: 410px; 
	border-radius: 10px;
}
/*END OF BASINDA BİZ SAYFASI */


/* MAKALE SAYFASI */
#bm-makale .innercontainer{
	padding: 0 50px;	
}

#bm-makale h2{
	font-size:20pt;
	font-weight: 500;
	margin-bottom: 30px;
    letter-spacing: 0.5px;
    color: var(--yellow);
}

#bm-makale .bolum{
	margin-bottom: 30px;
}

#bm-makale .alt-bolum-container{
	padding: 3% 0;
}

#bm-makale .label-medium{
	letter-spacing: normal;
	line-height: 1.5em;
	font-size: 17pt;
	text-align: justify;
	margin: 0 0 0 0;
}

#bm-makale img:not(#bm-makale img.icon){
	width:100%!important;
}

#bm-makale .metin-alti-gorsel{
	margin-bottom:50px!important;
	max-width: 900px!important;
}

#bm-makale .slogan{
	background-color: var(--yellow);
	margin: 15px 0 0 0;
}

#bm-makale .slogan p{
	font-size: 2.1em; 
	color: #ffffff; 
	text-align: center; 
	font-family: 'Courgette', cursive!important; 
	padding:10px; 
}

#bm-makale a{
	color: var(--yellow);
	text-decoration: underline;
}

#bm-makale h1{
	font-family: 'Roboto', sans-serif;
	color:var(--gray); 
	font-weight: 600;
	font-size: 31pt;
	letter-spacing: 0px; 
	margin-bottom: 15px;
	white-space:normal;
	padding-top:25px;
	text-align: center;
}

#bm-makale .label-medium.sol{
	padding-right: 4%;
}

#bm-makale .label-medium.sag{
	padding-left: 4%;
}

#bm-makale ul{
	padding-bottom: 30px;	
}

#bm-makale ul li {
	font-family: 'Catamaran', sans-serif;
	letter-spacing: normal;
	line-height: 1.6em;
	font-size: 17pt;
	text-align: justify;
	margin: 2% 0;
}

#bm-makale ul li::marker {
  color: var(--yellow);
}

#bm-makale iframe{
	height: 550px;
	margin-bottom: 30px!important;
}
	
#bm-makale .ilgili-urun-container{
	padding: 0 60px;
}

#bm-makale .ilgili-urun-container .box{
	width: 250px; 
	height: 245px; 
	float: left; 
	background-color: #fff; 
	margin: 0 auto 15px auto; 
	padding: 20px 0px 0px 50px; 
	text-align: center;
}

#bm-makale .ilgili-urun-container .box img{
	width: 60%!important;
	margin-bottom: 6px;
}

#bm-makale .ilgili-urun-container .box a{
	text-decoration: none;
}
/* END OF MAKALE SAYFASI */

.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.arama{
	text-align: center;
	padding-top: 40px;
}

.arama .label-xlarge{
	padding-top: 30px;
	margin-bottom: 40px;
	width: 100%;
    text-align: left;
    border-bottom: 1px solid var(--text-gray);
}

.arama .products{
	padding: 0 0 20px 0;
}

/* İKON VE ALTLARINDA YAZILARDAN OLUŞAN ROWLAR İÇİN */
	.icon-row-container{
		padding: 40px 0 30px 0;
	}
	
	.row.icon{
		justify-content: center;
		padding: 10px 0;
		width: 640px;
		max-width: 98%;
		margin: 0 auto;
	}

	.row.icon > *{
		width: 20%;
		/*margin: 14px 12px;*/
		text-align: center;
		margin-bottom: 16px;
	}
	
	.row.icon p{
		color: #fff;
		margin: 10px 3px;
  		width: 100%;
  		text-align: center;
	}
	
	.row.icon img{
  		padding: 8px;
	}
/* END OF: İKON VE ALTLARINDA YAZILARDAN OLUŞAN ROWLAR İÇİN */

.annotation-box{
	width: 480px;
}

.number-indicator{
    height: 140px;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    list-style-type: none;
    margin-top: 30px;
    flex-wrap: wrap;
}

.number-indicator li{
	display: inline-flex;
    margin-top: 10px;
    margin-right: 20px;
}

.number-indicator li i{
	font-style: normal;
    width: 23px;
    height: 23px;
    background-color: #1f39ff;
    line-height: 23px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    margin-right: 8px;
    padding: 0;
    display: block;
}


.number-indicator.pink li i{
    background-color: rgb(238,37,96)!important;
}

.youtube{
	width: 800px;
	height: 506px;
}

#teknikform{
	width: 800px;
}

#teknikform td{
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff!important;
	min-width: 100px;
}

.text-xs-center {
     text-align: center;
 }

 .g-recaptcha {
     display: inline-block;
 }
 
 .microphone-mist .label-xsmall{
	padding-left: 26px;
	padding-right: 26px;
}

.microphone-mist .icons img{
	margin-bottom: 10px;
}

.microphone-mist h2{
	padding: 1% 16% 3% 16%; 
	margin-top:0;
}

#accordion-containers>*{
	display: none;
}

#accordion-containers>*:first-child{
	display: block;
}


.col-accordion-header{
	display: none;
}

.accordion-video{
	display: block;
}

.col-accordion-link{
	display: none;
	margin-bottom: 20px;
	color: var(--text-gray);
	text-decoration: none!important;
	text-align: left;
	border-bottom: 1px solid var(--text-gray);
}

.col-accordion-link-left{
	display: block;
}

.plus::before{
	content: '\2b';
}

.minus::before{
	content: '\2212';
}

.accordion-video p{
	height: 60px;
	overflow: visible;
}

.bg-duplicate {
	/*width: 100%;*/
	display: none;
}

.urun-aciklamasi .fa-caret-right{
	margin-right: 8px; 
	color: var(--yellow);
}

.v-space-u750{
	padding-top: 0;
	padding-bottom: 0;
}

.invisible-850-plus{
	display: none!important;
}

.visible-850-plus{
	display: block!important;
}