@font-face {font-family: "SourceSansLight";	src: url(../fonts/SourceSansLight.ttf) format("truetype"),url('../fonts/SourceSansLight.ttf');}
@font-face {font-family: "OpenSansLight";	src: url(../fonts/OpenSans-Light.eot) format("truetype"),url('../fonts/OpenSans-Light.eot');}
@font-face {font-family: "OpenSansLight";	src: url(../fonts/OpenSans-Light.ttf) format("truetype"),url('../fonts/OpenSans-Light.ttf');}
@font-face {font-family: "OpenSansBold";	src: url(../fonts/OpenSans-Semibold.eot) format("truetype"),url('../fonts/OpenSans-Semibold.eot');}
@font-face {font-family: "OpenSansBold";	src: url(../fonts/OpenSans-Semibold.ttf) format("truetype"),url('../fonts/OpenSans-Semibold.ttf');}
@font-face {font-family: "OpenSansBold2";	src: url(../fonts/OpenSans-Bold.eot) format("truetype"),url('../fonts/OpenSans-Bold.eot');}
@font-face {font-family: "OpenSansBold2";	src: url(../fonts/OpenSans-Bold.ttf) format("truetype"),url('../fonts/OpenSans-Bold.ttf');}
@font-face {font-family: "OpenSansBold2";	src: url(../fonts/OpenSans-Bold.ttf) format("truetype"),url('../fonts/OpenSans-Bold.ttf');}
@font-face {font-family: "OpenSansRegular"; src: url(../fonts/OpenSans-Regular.eot) format("truetype"),url('../fonts/OpenSans-Regular.eot');}
@font-face {font-family: "OpenSansRegular"; src: url(../fonts/OpenSans-Regular.ttf) format("truetype"),url('../fonts/OpenSans-Regular.ttf');}
@font-face {font-family: "saturaregular";	src: url(../fonts/saturaregular.ttf) format("truetype"),url('../fonts/saturaregular.woff');}
@font-face {font-family: "saturabold";		src: url(../fonts/saturabold.ttf) format("truetype"),url('../fonts/saturabold.woff');}
@font-face {font-family: "antiquebookcover"; src: url(../fonts/antique_book_cover.otf) format("truetype"),url('../fonts/antique_book_cover.otf');}
@font-face {font-family: "antiquebookcover"; src: url(../fonts/antique_book_cover.eot) format("truetype"),url('../fonts/antique_book_cover.eot');}
@font-face {font-family: "antiquebookcover"; src: url(../fonts/antique_book_cover.ttf) format("truetype"),url('../fonts/antique_book_cover.ttf');}
@font-face {font-family: "antiquebookcover"; src: url(../fonts/antique_book_cover.woff) format("truetype"),url('../fonts/antique_book_cover.woff');}
@font-face {font-family: "CalendaryHands"; src: url(../fonts/CalendaryHands.ttf) format("truetype"),url('../fonts/CalendaryHands.ttf');}
@font-face {font-family: "CalendaryHands"; src: url(../fonts/CalendaryHands.eot) format("truetype"),url('../fonts/CalendaryHands.eot');}
@font-face {font-family: "CalendaryHands"; src: url(../fonts/CalendaryHands.otf) format("truetype"),url('../fonts/CalendaryHands.otf');}
@font-face {font-family: "CalendaryHands"; src: url(../fonts/CalendaryHands.woff) format("truetype"),url('../fonts/CalendaryHands.woff');}


html, body {margin:0; padding:0; }
#top {background-color:#f24d4d; width:100%; height:10px;}
#menubar {background-color:#fff; width:100%; height:200px;-webkit-box-shadow: inset 0px 41px 45px -18px rgba(0,0,0,0.11); 
box-shadow: inset 0px 41px 45px -18px rgba(0,0,0,0.11);}
#menubarbck1 { background-position:left bottom;max-width:1150px; border-bottom:solid thin; border-color:#ccc;  margin-left:auto; margin-right:auto; box-sizing:border-box; height:140px; padding-left:10px; padding-right:10px;}
#menubarbck2 {max-width:1150px;  margin-left:auto; margin-right:auto; box-sizing:border-box; height:60px;   }
#menubarbck2 ul { padding:0; margin:0;  list-style-type: none; float:left; cursor:pointer; }
#menubarbck2 li {float:left;  margin-right:20px;  color:#333; padding:21px;box-sizing:border-box; font-family:'saturaregular'; font-size:16px; }
#menubarbck2 li:hover { background-color:#f24d4d; color:#fff; }
#menubarbck2 a:link,a:active,a:visited {text-decoration:none;  color:#333;text-indent:22px; }

#socialmedia {float:left;padding-top:20px;  height:60; width:400px; font-family:'OpenSansLight'; font-size:15px; color:#fafafa;}
#search { padding-top:20px; float:right; width:262px; height:60px; margin:0;   text-align:right; box-sizing:border-box;}
#search input { background-color:#eee; float:left;margin:0; width:200px; margin:0; border:solid thin; border-color:#ccc; height:35px;}
#search button {float:left;font-family:'saturabold'; font-size:14px; background-color:#42a4ff; color:#fff; border:none;width:60px;  height:39px;  }
#topcontact { margin-top:25px;  width:200px; height:97px;  float:left;  background-image:url(../images/surya_textile_logo.png); background-repeat:no-repeat; }
#logo {padding-top:25px;  width:200px; height:100px;  float:left;}
#topcontact #adres{float:left; margin-left:155px; margin-top:50px;  width:130px;font-family:'saturaregular'; font-size:14px; color:#333; }
#topcontact #tel{float:left; margin-left:110px;   margin-top:42px; width:160px;font-family:'saturaregular'; font-size:14px; color:#333; }
#slider { width:100%; height:550px;background-color:#fafafa; background-image:url(../images/kroseta4.jpg); background-size:cover;-webkit-box-shadow: inset 0px -28px 105px -28px rgba(0,0,0,0.62);
-moz-box-shadow: inset 0px -28px 105px -28px rgba(0,0,0,0.62);
box-shadow: inset 0px -28px 105px -28px rgba(0,0,0,0.62);}


#bottom {width:100%; height:250px; background-color:#084884; padding-top:50px;}
#bottombck { max-width:1150px; margin-left:auto; margin-right:auto; box-sizing:border-box;}
#bottomlogo {float:left; width:200px; }
#bottomuyelik {margin-left:50px;float:left;width:350px;font-family:'saturaregular'; height:30px; font-size:22px; color:#fff;  }
#bottomiletisim {float:right;width:450px;font-family:'saturaregular'; font-size:22px;color:#fff;height:30px;  }

#bottomuyelik p, #bottomiletisim p{font-size:16px; color:#98cbfa;}
.dikislerkutu { width:100px; height:100px;  float:left;margin:15px;}
#dikislerbck { max-width:1150px; margin-left:auto; margin-right:auto;display:table;}
#katalog { width:105px; height:101px; position:relative; left:835px; top:-20px; background-image:url(../images/skatalogicon.png);}


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

	
}

.dropdown-content {
    display: none;
	float:left;
    position: absolute;
    background-color: #eee;
    min-width: 200px;
    -webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
    z-index: 1;top:59px;left:0px;
}
.dropdown-content1 {
    display: none;
	float:left;
    position: absolute;
    background-color: #eee;
    min-width: 200px;
    -webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
    z-index: 1;top:59px;left:200px;
}

.dropdown-content a {
    color: black;
    padding: 14px 14px 14px 20px;
	font-size:15px;
    text-decoration: none;
    display: block;
    text-align: left;
	
}
.dropdown-content1 a {
    color: black;
    padding: 14px 14px 14px 20px;
	font-size:15px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown-content a:hover {color:#fff; font-weight:bold; }
.dropdown-content1 a:hover {color:#fff; font-weight:bold; }
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropdown-content1 {
    display: block;
}
.linkicon {
    background-image:url(../images/linkicon.png);
    display:block;
	background-repeat:no-repeat;
    width:140px;background-position: 15% 50%; 
}

.pagediv1{width:100%; font-family:'saturaregular'; font-size:18px;  }
.contentpageback{width:100%;  }
#contentpagebackcontent {max-width:1160px; margin:auto;  text-align:center; font-family:'saturaregular'; font-size:18px;}
#pagediv1content{width:100%; font-family:'saturaregular';box-sizing:border-box; font-size:18px;background-image:url(../images/bck11.jpg); padding-left:10px;   }

#page1 {max-width:1160px; margin:auto;  text-align:center; }
#pagediv1txt {max-width:1160px; margin:auto;  text-align:center; }
#pagediv1content2 {max-width:1160px; margin:auto; box-sizing:border-box; text-align:center;background-color:transparent;text-align:left; height:200px; box-sizing:border-box; padding-top:40px; color:#fff; font-size2:28px; }

.page1textdiv { width:800px; font-size:21px;  display:inline-block;  vertical-align: middle; text-align:left;box-sizing:border-box; margin-left:20px;}
#page1textdivinside { width:800px; font-size:21px;  display:inline-block;  vertical-align: middle; text-align:left;box-sizing:border-box; }

#page1imgdiv {width:250px;  display:inline-block;  vertical-align: middle;}

.page2 {max-width:1160px; margin:auto;  text-align:center; }
.page2imgdiv {width:250px;  display:inline-block;  vertical-align: middle; }
.page2textdiv {  width:800px; font-size:21px;  display:inline-block;  vertical-align: middle; text-align:left;box-sizing:border-box; margin-left:20px;}


.pagediv2{width:100%; height:500px;font-family:'saturaregular'; text-align:center; font-size:36px;background-image:url(../images/recycle_textile3.jpg); background-size:cover; opacity:1; color:#fff; padding:20px; box-sizing:border-box; display: table-cell; vertical-align: middle;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); background-color:#f2f2f2;}
#kemer {background-image:url(../images/kemer.png); background-repeat:no-repeat; height:65px; }

#pagediv1content a:link {
  text-decoration: none;
  color:#fff;
}

#pagediv1content a:visited {
  text-decoration: none;
  color:#fff;
}

#pagediv1content a:hover {
  text-decoration: none;
  color:#fff;
}

#pagediv1content a:active {
  text-decoration: none;
  color:#fff;
}
#menumobile {display:none;}




.certificatesbox {
    height: 380px;
    width: 200px;
    margin: 10px;
    border: solid 10px #f2f2f2;
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 10%);
    cursor: pointer;
}

.certificatesbox-container a:link {
  text-decoration: none;

}

.certificatesbox-container a:visited {
  text-decoration: none;

}

.certificatesbox-container a:hover {
  text-decoration: none;
 
}

.certificatesbox-container a:active {
  text-decoration: none;
 
}


.certificatesbox:hover {
	opacity:0.5;
}
.certificatesbox-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

input {width:450px; height:35px; text-indent:10px; border:solid thin #ccc; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
textarea {width:450px; height:100px; text-indent:10px; border:solid thin #ccc; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; padding-top:10px;}
input[type=submit] {width:200px;}

@media screen and (max-width:1200px) {
	
	
	body{}
	#bottomlogo img {display:none;}
	.page2textdiv{ float:none; font-size:32px; text-align:center !important; width:100% !important; padding:40px !important; box-sizing:border-box !important; margin-left:0px !important;}
	.pagediv2{padding:40px !important;}
	.page1textdiv{ float:none; font-size:32px; text-align:center !important; width:100% !important; padding:40px !important; box-sizing:border-box !important; margin-left:0px !important;}

	#topcontact {margin:auto !important;float:none !important; vertical-align:middle;}
	#menubarbck1 {padding-top:60px !important; box-sizing:border-box; height:220px;}
	#menubarbck2 ul{display:none;}
	#page1imgdivmobile {display:block !important;}
	#catalog{display:none;}
	.slidetitle {font-size:80px !important;}
	.slidetext{font-size:40px !important;}
	#menumobile {color:#999;vertical-align:middle;height:70px;line-height:75px;background-color:#f2f2f2;font-family:'saturaregular'; width:100%; font-size:18px; display: block; text-align:center;}
	#pagediv1content div{width:100%; text-align:center !important; box-sizing:border-box;font-family:'saturaregular'; font-size:18px;background-image:url(../images/bck11.jpg); padding-left:10px;   }
	#pagediv1content2 {max-width:1160px; box-sizing:border-box; margin:auto;  text-align:center !important;background-color:transparent; height:200px; box-sizing:border-box; padding-top:40px; color:#fff; font-size:28px; }
	#menumobile a:link {
  text-decoration: none;
  color:#999;
	}

	#menumobile a:visited {
	  text-decoration: none;
	  color:#999;
	}

	#menumobile a:hover {
	  text-decoration: none;
	  color:#999;
	}

	#menumobile a:active {
	  text-decoration: none;
	  color:#999;
	}
	#contentpagebackcontent {max-width:1160px; padding:50px; margin:auto;  text-align:center !important;  font-size:18px;}
	#contentpagebackcontent p{ font-size:32px;text-align:center !important;}
	#contentpagebackcontent ul{ font-size:32px;text-align:center !important;}
}