@charset "utf-8";

/* CSS Document */

a { text-decoration:none; color:#FFFFFF; }





html,

html * {

	padding: 0;

	margin: 0;

	box-sizing: border-box;

	font-family: Verdana, "sans-serif";

}

body {

    margin-left: auto;

    margin-right: auto;

	



}

header {

	height: auto;

	margin-left: auto;

	margin-right: auto; 	

}

footer {

	background-color: #2d3e50;

  	height: auto;

	padding: 40px 40px 40px 40px;

	margin-left: auto;

	margin-right: auto; 

}

section {

	margin-bottom: 20px;

}

img {

	width: 100%;

	max-width: 100%;

}

h1 {

	font-size: 50px;

	font-weight: 100;

	line-height: 50px;

	font-family: 'EB Garamond', serif;

}

h2 {

	font-size: 30px;

	font-family: 'EB Garamond', serif;

	color: #54656a;	

	line-height: 30px;

	font-weight: 100;

}

h3 {

	font-size: 24px;

	font-weight: 100;

	line-height: 28px;

	font-family: 'EB Garamond', serif;

	color: #078074;

}

h3 span{

	background-color: #FF0004; 

}

h4 {

	font-size: 26px;

	font-weight: 200;

	font-family: 'EB Garamond', serif;

	color: #00FFE7;

}

h5 {

	font-size: 20px;

	font-weight: 300;	

	font-family: 'EB Garamond', serif;

}

h6 {

	font-size: 16px;

	font-weight: 600;

	font-family: 'EB Garamond', serif;

}

p {

	font-size: 20px;

	font-weight: 100;

	font-family: 'EB Garamond', serif;

}

.fit1280 {

	position: relative;

	margin-left: auto;

	margin-right: auto;

}

.fit1366 {

	position: relative;

	margin-left: auto;

	margin-right: auto;

}

.googleHarita {

	margin-left: auto;

	margin-right: auto;

	padding: 20px 0px 20px 0px;

}

.btn {

    -webkit-border-radius: 4px;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 4px;

    -moz-background-clip: padding;

    border-radius: 4px;

    background-clip: padding-box;

    cursor: pointer;

    text-transform: uppercase;

    text-decoration: none;

	text-align: center;

	justify-content: center;

	align-items: center;

	z-index: 1;

}

/* Global Button Styles */

.animated-button:link, .animated-button:visited {

	position: relative;

	display: inline-flex;

	overflow: hidden;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.animated-button:link:after, .animated-button:visited:after {

	content: "";

	position: absolute;

	height: 0%;

	left: 50%;

	top: 50%;

	width: 150%;

	z-index: -1;

	-webkit-transition: all 0.75s ease 0s;

	-moz-transition: all 0.75s ease 0s;

	-o-transition: all 0.75s ease 0s;

	transition: all 0.75s ease 0s;

}

.animated-button:link:hover, .animated-button:visited:hover {

	color: #543F87;

	text-shadow: none;

}

.animated-button:link:hover:after, .animated-button:visited:hover:after {

	height: 450%;

}

/* galacticOne Button */

.animated-button.galacticOne {

	background: #2d3e50;

	margin: 10px 0px 10px 0px;

	padding: 8px 30px;

	border-radius: 0px;

	color: #00ffe7;

	text-transform: uppercase;

	letter-spacing: 0.2em;

	font-size: 12px;

}

.animated-button.galacticOne:after {

	background: #00ffe7;

	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);

	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);

	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);

	transform: translateX(-50%) translateY(-50%) rotate(25deg);

}

/* galacticOne Oposite Button */

.animated-button.galacticOneOpposite {

	background: #00ffe7;

	margin: 10px 0px 10px 0px;

	padding: 8px 30px;

	border-radius: 0px;

	color: #2d3e50;

	text-transform: uppercase;

	letter-spacing: 0.2em;

	font-size: 12px;

}

.animated-button.galacticOneOpposite:after {

	background: #ff0048;

	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);

	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);

	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);

	transform: translateX(-50%) translateY(-50%) rotate(25deg);

}

/* ödeme Button */

.animated-button.odeme {

	background: #ff0048;

	margin: 10px 0px 10px 0px;

	padding: 8px 30px;

	border-radius: 0px;

	color: #ffffff;

	text-transform: uppercase;

	letter-spacing: 0.2em;

	font-size: 12px;

}

.animated-button.odeme:after {

	background: #00ffe7;

	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);

	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);

	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);

	transform: translateX(-50%) translateY(-50%) rotate(25deg);

}





/* Navigasyon -- Tüm sayfalarda navigasyon bölümünü tanımlar*/

.headerLogo {

	margin-left: auto;

	margin-right: auto;

	width: 350px;

	display: block;

	padding: 20px 0px 5px 0px;

}

.style-nav {

	text-align: center;

	font-size: 18px;

	font-weight: 100;

}

.style-nav ul {

	list-style-type: none;

	text-transform: uppercase;

}

.style-nav ul li a {

	text-decoration: none;

	color: #949494;

	padding: 10px 10px 10px 10px;

	display: block;

	font-family: 'EB Garamond', serif;

}

.style-nav ul li a:hover {

	color: #3E4E82;

}



/* Row Start */

.row:before, .row:after {

	content:"";

	display: table;

}

.row:after {

	clear: both;

}

/* Col Start */

.col {

	width: 100%;

}

.colFifty {

	width: 50%;	

	float: left;

}

.col-two {

	height: auto;

	text-align: center;

	}

.col-two2 {

	height: auto;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	padding: 10px;

	text-align: center;

	}

/* Signage -- Anasayfa ve altsayfalarda giriş resminin gösterildiği yerdir. */

.signageContainer {

  	position: relative;

	width: 100%;

	auto: 100%;

	z-index: 1;

	display: flex;

  	justify-content: center;

	text-align: center;

	margin-top: 5px;

	background-color: #27C1B2;

}
.signageContainer2 {

  	position: relative;

	width: 800px;

	z-index: 1;

	display: flex;

  	justify-content: center;

	text-align: center;

	margin-top: 5px;

}

.signageImg {

	position: relative;

	height: 100%;

	width: 100%;

	object-fit: contain;

	z-index: 2;

}

.signageHandDrawn {

    position: absolute;

    bottom: 0;

	max-width: 500px;

   	display: flex;

	align-items: center;

	justify-content: center;

	z-index: 5;

	padding: 10px;

}

.signageText {

    position: absolute;

    top: 20%;

    z-index: 4;

    color: #ffffff;

	display: flex;

	align-items: center;

	justify-content: center;

}

.pHeadingContainer {

  	position: relative;

	width: 100%;

	height: 80px;

	margin: 10px 0px 10px 0px;

	background-color: #27C1B2;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #ffffff;

	font-family: 'Baloo Bhai', cursive;

	font-size: 44px;

	text-align: center;

	line-height: 44px;

}



/* Welcome Start*/



.welcome {

	margin-left: auto;

	margin-right: auto;

	height: auto;

	color: #ffffff;

	background-color: #242f3a;

	display: block;

	align-items: center;

	justify-content: center;

  	padding: 25px 25px 25px 25px;

	text-align: center;

}

.welcome-1 {

	margin-left: auto;

	margin-right: auto;

	height: auto;

	color: #998675;

	display: block;

	align-items: center;

	justify-content: center;

  	padding: 25px 25px 25px 25px;

	text-align: center;

	border: solid 1px #998675;

}
.welcome-3 {

	margin-left: auto;

	margin-right: auto;

	height: 500px;

	color: #ffffff;

	display: block;

	align-items: center;

	justify-content: center;

  	padding: 25px 25px 25px 25px;

	text-align: center;

}


.button {

	border: 2px #000000 solid;

	padding: 6px 20px;

	border-radius: 50px;

	color: #FFFFFF;

	text-decoration: none;

	z-index: 1;

}



/* Comment -- Anasayafada yorumların gösterildiği alandır*/

.commentContainer {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    width: 300px;

    height: auto;

    background-color: #F1F1F1;

    border-radius: 0px 80px;

    border-bottom-style: inset;

    border-bottom-width: 2px;

    border-color: #B9B9B9;

    max-height: 500px;

	padding: 60px 20px 40px 20px;

	color: #706F6F;

	font-style: italic;

	text-align: center;

}

.commentQuote {

	position: absolute;

	width: 20px;

	height: 20px;

	color: #706F6F;

	top: 15px;

	left: 0px;

}

.productStripe {

	height: auto;

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 10px;

}

.productStripeImg {

	height: auto;

	width: 400px;

	object-fit: contain;

}

/* Our Services Start -- Hizmetlerimiz ve ürünlerimizin anasayfada slider mantığında gösterildiği alandır */



.servicesContainer {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    width: 380px;

    height: 300px;

    max-height: 500px;

    padding: 10px 20px 20px 20px;

    color: #737373;

    text-align: center;

	display: block;

    border: 1px solid #998675;

	background-color: #ffffff;

	margin-bottom: 20px;

}

.servicesIcon {

    position: relative;

    width: 70px;

    height: 70px;

    color: #706F6F;

    padding: 5px;

}

.pServicesContainer {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    width: 325px;

    height: auto;

    max-height: 500px;

    padding: 10px 20px 20px 20px;

    color: #737373;

    text-align: center;

    justify-content: flex-start;

    align-items: flex-end;

}

.pServicesIcon {

   	position: relative;

    width: 300px;

    height: auto;

    color: #706F6F;

    padding: 5px;

	object-fit: contain;

	

}

/* News Start -- Hizmetlerimiz ve ürünlerimizin anasayfada slider mantığında gösterildiği alandır */



.newsContainer {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    width: 380px;

    height: auto;

    max-height: 500px;

    padding: 10px 10px 20px 10px;

    color: #737373;

    text-align: center;

	display: block;

    border: 1px solid  #DBDBDB;

	background-color: #ffffff;

	margin-bottom: 20px;

}

.newsIcon {

    position: relative;

    width: 70px;

    height: 70px;

    color: #706F6F;

    padding: 5px;

}

/* Alt Sayfa ürünlerimiz */

.pProducts {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	padding: 25px;

}

.pProductsImg {

    position: relative;

    max-height: 200px;

	object-fit: contain;

	width: auto; 

	margin-bottom: 20px;

}

.pProductsText {

    color: #000000;

	font-family: 'Nunito', sans-serif;

	font-weight: 300;

	font-size: 14px;

	font-style: italic;

}

.pContent {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	color: #000000;	

	padding: 25px;

}

.stripeGrey {

	background-color: #DBDBDB;

	color:#727272;

}

.stripeWhite {

	background-color: #EBEBEB;

}

.pContentImgPosition {

	position: relative;

	margin-left: auto;

	margin-right: auto;

}

.pContentImgContainerL {

	position: relative;

	object-fit: contain;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 10px;

}

.pContentImgContainerR {

	position: relative;

	object-fit: contain;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 10px;

}

.pContentImg {

    position: relative;

    height: auto;

	width: 200px; 

}

/* Etiket Start*/

.etiketContainer {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	width: auto;

	height: 250px;

	background-color: #000000;

}

.etiketImgContainer {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	width: 150px;

	height: 150px;	

}

.etiketImg {

    position: absolute;

    background-color: #ffffff;

    top: 0px;

    left: 0px;

    height: 150px;

	max-width: 150px;

    object-fit: contain;

}

/* Working Times Start*/



.workingTimesContainer {

	background-color: #2d3e50;

	height: auto;

	color:#00FFE7;

}

/* Online Ödeme Start*/



.onlinePaymentContainer {

	background-color: #C3C3C3;

	height: auto;

	text-align: center;

	padding: 10px;

}

.yazilarEtiketContainer {

	background-color: #2d3e50;

	height: auto;

	color: #FFFFFF;

	object-fit: cover;

	text-align: center;

	padding: 10px;

}

/* Links Start*/



.linksImgContainer {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	z-index: 0;

	width: 150px;

	height: 150px;	

}

.linksImg {

    position: absolute;

    z-index: 1;

    background-color: #ffffff;

    top: 0px;

    left: 0px;

    height: 150px;

	max-width: 150px;

    object-fit: contain;

}

/* Heading Start*/



.heading {

	margin-left: auto;

	margin-right: auto;

	width: auto;

	height: 100px;

	text-align: center;

	padding: 20px 10px 40px 10px;

	margin-bottom: 40px;

}

.headingIcon {

	margin-left: auto;

	margin-right: auto;

	height: 40px;

	margin: 0px 0px 30px 0px;

}

/* Footer Start -- */

.footer-text {

	font-size: 24px;

	padding-top: 10px;

	display: block;	

	text-align: center;

	color: #ffffff;

	font-family: 'EB Garamond', serif;

}

.footerLogo {

	margin-left: auto;

	margin-right: auto;

	width: 250px;

	display: block;

	padding: 10px 10px 0px 20px;

}



/* footerStripe Start -- Sayfanın en altında bant bilgiler gösterilir*/

.footerStripeContainer {

	position: relative;

	width: 100%;

	background-color: #DDD7D0;

}

.footerStripe {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	height: auto;

	justify-content: center;

	align-items: center;

	display: table;

	padding: 5px;

}

.footerMaterialIcon {

	width: 50px;

	height: 50px;

	text-align: center;

	padding-right: 10px;

	padding-top: 10px;

	

}

.galacticThings {

	width: auto;

	height: 70px;

	padding-right: 10px;

	padding-top: 10px;

	margin-bottom: 20px;

	float: right;

	

}

/*Tablet View*/



@media (min-width: 768px){

	

	body {

		max-width: 100%;

	}

	header {

		max-width: 778px;

	}

	footer {

		max-width: 100%;

	}

	.footerC {

		max-width: 778px;

	}

	.signageContainer {

		max-width: 100%;

	}

	.fit1280 {

		max-width: 778px;

	}

	.fit1366 {

		max-width: 7786px;

	}

	.pContentImgContainer {

		display: flex;

		align-items: center;

		justify-content: flex-end;

	}

	.topStripe {

		max-width: 778px;

		text-align: left;

		justify-content: center;

		align-items: center;

		display: flex;

	}

	.materialIcon {

		float: right;

	}

	.welcome {

		max-width: 778px;

	}

	.style-nav ul li {

		display:inline-block;

	}

	.style-nav ul {

		text-align: center;

	}

	.products-nav ul li {

		display:inline-block;

	}

	.products-nav ul {

		text-align: center;

	}

	.col-two {

		width: 50%;

		text-align: center;

	}



	.col-three {

		width: 33%;

	}

	.col-four {

		width: 25%;

		padding: 0px 0px 0px 0px;

	}

	.colFifty {

		float: left;

	}

	.col {

		float: left;

	}



	.footer-text {

		text-align: left;

		font-size: 16px;

}

}



/*Desktop View*/



@media (min-width: 1024px){

	

	body {

		max-width: 100%;

	}

	header {

		max-width: 1280px;

	}

	footer {

		max-width: 100%;

	}

	.footerC {

		max-width: 1280px;

	}

	.signageContainer {

		max-width: 100%;

	}

	.fit1280 {

		max-width: 1280px;

	}

	.fit1366 {

		max-width: 1600px;

	}

	.pContentImgContainerR {

		display: flex;

		align-items: center;

		justify-content: flex-end;

	}

	.pContentImgContainerL {

		display: flex;

		align-items: center;

		justify-content: flex-start;

	}

	.topStripe {

		max-width: 1280px;

		text-align: left;

		display: flex;

	}

	.footerStripe {

		max-width: 1280px;

		text-align: left;

		display: flex;

	}

	.materialIcon {

		float: right;

	}

	.footerMaterialIcon {

		text-align: center;

	}

	.footerLogo {

		float: left;

	}

	.style-nav {

		padding-top: 10px;

	}

	.style-nav ul li a {

		display: block;

	}

	.products-nav {

		float: center;	

	}

	.products-nav ul li a {

		display: block;

	}

	.footer-text {

		text-align: left;

		font-size: 20px;

}

	.col-two {

		width: 50%;

	}

	.col-two2 {

		width: 50%;

		height: 400px;

	}

	.col-75 {

		width: 75%;

		height: auto;

		padding: 0px 30px 0px 30px; 

		text-align: left;

	}

	.col-25 {

		width: 25%;

		height: auto;

	}

	.col-three {

		width: 33%;

	}

	.col-four {

		width: 25%;

		padding: 0px 0px 0px 0px;

	}

	.colFifty {

		float: left;

	}

}