@charset "utf-8";
/***********************************************************
************************************************************
Theme Name: CEVHERLER
Theme URI: http://cevherler.net
Description: Cevherler Enerji Danışmanlık Madencilik Sanayi İç ve Dış Ticaret LTD ŞTİ.
Version: 1.1
Author: Cevherler Web Tasarım
Author URI: http://cevherlerwebtasarim.com
Copyright: All Rights Reserved! 2017 © CEVHERLER.NET
************************************************************
***********************************************************/
/*******************************
0. Meyer CSS Reset
*******************************/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/*******************************
1. 150px
*******************************/

@media (min-width:149px){
body {
	width: 100%;
	margin: 0%;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	padding: 0%;
	line-height: 1.5em;
	font-weight: 400;
	font-variant: normal;
	font-style: normal;
	background-image: url(cevher.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	font-family: "Clarendon Wide Stencil";
}

body header {
	width: 100%;
	margin: 0px;
	z-index: 50;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	padding: 0px;
	opacity: 1;
	-webkit-transition: all 2s ease-in 1s;
	-o-transition: all 2s ease-in 1s;
	transition: all 2s ease-in 1s;
	background-color: hsla(223,10%,86%,0.25);
	
}
body header h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	text-align: center;
	width: 100%;
	padding: 6% 0%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	font-size: 0.9em;
	height: auto;
}
body h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	text-align: center;
	padding: 6% 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	font-size: 0.9em;
	height: auto;
}
body header p {
	font-size: 0.7em;
	background-color: hsla(194,69%,61%,0.10);
	text-align: center;
	width: 100%;
	margin: 0%;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 6%;
	height: auto;
}

header p a {
	text-decoration: none;
	color: rgba(255,255,255,1.00);
}

.clear {
	width: 100%;
	height: auto;
	margin: 0%;
	clear: both;
}
.paragraf {
	width: 100%;
	z-index: 50;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	padding: 0px;
	color: rgba(255,255,255,1.00);
	opacity: 1;
}
.paragraf h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	text-align: center;
	padding: 6% 0%;
	width: 100%;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 0.9em;
	height: auto;
}
.paragraf h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	padding: 6% 0%;
	text-align: center;
	width: 100%;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 0.9em;
	height: auto;
}
.paragraf p {
	font-size: 0.7em;
	background-color: hsla(245,18%,50%,0.20);
	text-align: center;
	margin: 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 10%;
}
.paragraf p strong {
	width: 100%;
	margin: 0%;
	padding: 0%;
}

body nav {
	background-image: none;
	background-color: hsla(216,73%,53%,0.53);
	width: 100%;
	margin: -3% 0% 0%;
	text-align: center;
}

nav div ul {
	width: 100%;
	margin: 0%;
	text-align: center;
	height: auto;
}
#cevherler {
	width: 94%;
	padding: 8% 3%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	margin: 0% 0% 0.5%;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	border-top: medium inset hsla(45,4%,21%,0.50);
	text-transform: uppercase;
	background-color: hsla(60,3%,12%,0.75);
}
:hover#cevherler {
	width: 94%;
	padding: 8% 3%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-top-style: outset;
	border-top-width: medium;
	text-align: center;
	margin: 0% 0% 0.5%;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	text-transform: uppercase;
	background-color: hsla(60,55%,28%,0.75);
}
#cevherler a {
	width: 90%;
	padding: 10% 1%;
	color: hsla(0,0%,100%,0.99);
	text-align: center;
	text-decoration: none;
	margin: 0%;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,0.52);
}
:hover#cevherler a{
	width: 90%;
	padding: 10% 1%;
	color: hsla(0,0%,56%,0.97);
	text-align: center;
	text-decoration: none;
	margin: 0%;
	text-shadow: 0em 0.1em 0.1em hsla(359,69%,28%,0.96);
}
#enerji {
	padding: 8% 3%;
	width: 94%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-left-style: inset;
	border-right-style: inset;
	margin: 0% 0% 0.5%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	text-transform: uppercase;
	border-top: medium inset hsla(45,4%,21%,0.50);
	background-color: hsla(60,3%,12%,0.75);
}
:hover#enerji {
	padding: 8% 3%;
	width: 94%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-left-style: inset;
	border-right-style: inset;
	margin: 0% 0% 0.5%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	text-transform: uppercase;
	border-top-style: outset;
	border-top-width: medium;
	background-color: hsla(60,55%,28%,0.75);
}
#enerji a {
	padding: 10% 1%;
	width: 90%;
	color: hsla(0,0%,100%,0.99);
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,0.52);
}
:hover#enerji a{
	padding: 10% 1%;
	width: 90%;
	color: hsla(0,0%,56%,0.97);
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(359,69%,28%,0.96);
}
#danismanlik {
	padding: 8% 3%;
	width: 94%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	margin: 0% 0% 0.5%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	text-transform: uppercase;
	border-top: medium inset hsla(45,4%,21%,0.50);
	background-color: hsla(60,3%,12%,0.75);
}
:hover#danismanlik {
	padding: 8% 3%;
	width: 94%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	margin: 0% 0% 0.5%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	text-transform: uppercase;
	border-top-style: outset;
	border-top-width: medium;
	background-color: hsla(60,55%,28%,0.75);
}
#danismanlik a {
	padding: 10% 1%;
	width: 90%;
	color: hsla(0,0%,100%,0.99);
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,0.52);
}
:hover#danismanlik a{
	padding: 10% 1%;
	width: 90%;
	color: hsla(0,0%,56%,0.97);
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(359,69%,28%,0.96);
}
#madencilik {
	padding: 8% 3%;
	width: 94%;
	border-left-style: inset;
	border-right-style: inset;
	margin: 0% 0% 0.5%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	text-transform: uppercase;
	border-top: medium inset hsla(45,4%,21%,0.50);
	background-color: hsla(60,3%,12%,0.75);
}
:hover#madencilik {
	padding: 8% 3%;
	width: 94%;
	border-left-style: inset;
	border-right-style: inset;
	margin: 0% 0% 0.5%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	text-transform: uppercase;
	border-top-style: outset;
	border-top-width: medium;
	background-color: hsla(60,55%,28%,0.75);
}
#madencilik a {
	padding: 10% 1%;
	width: 90%;
	color: hsla(0,0%,100%,0.99);
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,0.52);
}
:hover#madencilik a{
	padding: 10% 1%;
	width: 90%;
	color: hsla(0,0%,56%,0.97);
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(359,69%,28%,0.96);
}
#ilettisim {
	padding: 8% 3%;
	width: 94%;
	border-left-style: inset;
	margin: 0% 0% 0.5%;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	text-transform: uppercase;
	border-top: medium inset hsla(45,4%,21%,0.50);
	background-color: hsla(60,3%,12%,0.75);
}
:hover#ilettisim {
	padding: 8% 3%;
	width: 94%;
	border-left-style: inset;
	border-right-style: inset;
	margin: 0% 0% 0.5%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	text-transform: uppercase;
	border-top-style: outset;
	border-top-width: medium;
	background-color: hsla(60,55%,28%,0.75);
}
#ilettisim a {
	padding: 10% 1%;
	width: 90%;
	color: hsla(0,0%,100%,0.99);
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,0.52);
}
:hover#ilettisim a{
	padding: 10% 1%;
	width: 90%;
	color: hsla(0,0%,56%,0.97);
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(359,69%,28%,0.96);
}

#ithalat, #ihracat, #lojistik, #bilisim, #insaat, #hosting, #grafiktasarim, #webtasarim, #seo, #kargo, #nakliye {
	padding: 8% 3%;
	width: 94%;
	border-left-style: inset;
	margin: 0% 0% 0.5%;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	text-transform: uppercase;
	border-top: medium inset hsla(45,4%,21%,0.50);
	background-color: hsla(60,3%,12%,0.75);
}
:hover#ithalat, :hover#ihracat, :hover#lojistik, :hover#bilisim, :hover#insaat, :hover#hosting, :hover#webtasarim, :hover#grafiktasarim, :hover#seo, :hover#kargo, :hover#nakliye {
	padding: 8% 3%;
	width: 94%;
	border-left-style: inset;
	margin: 0% 0% 0.5%;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	text-transform: uppercase;
	border-top-style: outset;
	border-top-width: medium;
	background-color: hsla(60,55%,28%,0.75);
}
#ithalat a, #ihracat a, #lojistik a, #bilisim a, #insaat a, #hosting a, #webtasarim a, #grafiktasarim a, #seo a, #kargo a, #nakliye a {
	padding: 10% 1%;
	width: 90%;
	margin: 0%;
	color: hsla(0,0%,100%,0.99);
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,0.52);
}
:hover#ithalat a, :hover#ihracat a, :hover#lojistik a, :hover#bilisim a, :hover#insaat a, :hover#hosting a, :hover#webtasarim a, :hover#grafiktasarim a, :hover#seo a, :hover#kargo a, :hover#nakliye a {
	padding: 10% 1%;
	width: 90%;
	margin: 0%;
	color: hsla(0,0%,56%,0.97);
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(359,69%,28%,0.96);
	}

#iletisim {
	padding: 8% 3%;
	width: 94%;
	margin: 0% 0% 0.5%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.35);
	text-transform: uppercase;
	border-top: medium inset hsla(45,4%,21%,0.50);
	background-color: hsla(60,3%,12%,0.75);
}
:hover#iletisim {
	padding: 8% 3%;
	width: 94%;
	margin: 0% 0% 0.5%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,0.00);
	text-transform: uppercase;
	border-top-style: outset;
	border-top-width: medium;
	background-color: hsla(60,54%,28%,0.75);
}
#iletisim a {
	padding: 10% 1%;
	margin: 0%;
	width: 90%;
	color: hsla(0,0%,100%,0.99);
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,0.52);
}
:hover#iletisim a{
	padding: 10% 1%;
	margin: 0%;
	width: 90%;
	color: hsla(0,0%,56%,0.97);
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(359,69%,28%,0.96);
}
.info {
	width: 100%;
	text-align: center;
	height: 0%;
	opacity: 0;
	font-size: 1px;
	background-color: hsla(60,79%,44%,0.20);
	margin-top: 0px;
	float: left;
}
.info h2 {
	font-size: 0.3em;
	width: 100%;
	height: 0%;
	opacity: 0;
	float: left;
}
.info h2 a {
	width: 100%;
	height: 0%;
	opacity: 0;
	float: left;
}
.info p strong {
	font-size: 1em;
	width: 100%;
	color: hsla(0,0%,100%,0.00);
	margin: 0px;
	height: 0%;
	opacity: 0;
}

p strong a {
	width: 100%;
	height: 0%;
	margin: 0%;
	text-decoration: none;
}


body footer {
	width: 100%;
	height: auto;
	margin: -31% -0% -0%;
	padding: 20% 0% 0%;
}
.social {
	width: 100%;
	margin: 5% 0% 0%;
	font-family: FontAwesome;
}
.social .bottoms {
	width: 100%;
	text-align: center;
	font-size: 2em;
	color: hsla(0,0%,96%,0.80);
}
.social .bottoms li {
	width: 25%;
	float: left;
	font-size: 1em;
	height: auto;
	color: hsla(0,0%,96%,0.80);
	text-align: center;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}

.bottoms li a {
	color: hsla(0,0%,96%,0.80);
	text-align: center;
	font-size: 1em;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.bottoms li a:hover {
	color: hsla(221,38%,31%,1.00);
	text-align: center;
	font-size: 1em;
	text-shadow: 0em 0.05em 0em hsla(0,0%,0%,1.00);
}

.copyright {
	width: 98%;
	height: auto;
	margin: 10% 0% 0%;
	text-align: center;
	font-size: 0.6em;
	padding: 5% 1% 0%;
}
.webdesign {
	width: 100%;
	margin: 0px;
	font-size: 0.6em;
	background-color: hsla(255,77%,17%,0.00);
	float: left;
	opacity: 1;
	text-align: center;
	color: hsla(0,0%,100%,1.00);
}
.webdesign a {
	opacity: 1;
	width: 100%;
	height: auto;
	text-decoration: none;
	color: hsla(0,0%,100%,1.00);
}
.paragraff {
	width: 100%;
	height: auto;
	margin: 0%;
	padding: 0%;
}
.paragraff .paragraf-left {
	width: 100%;
	height: auto;
	margin: 0%;
	background-color: hsla(192,73%,53%,0.50);
}
.paragraff .paragraf-left h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 6% 5%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	font-size: 0.9em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraff .paragraf-left #form {
	margin: 0% 1% 1%;
	width: 96%;
	height: auto;
	padding: 1% 1% 4%;
	text-align: left;
}

.paragraf-left #form label {
	width: 96%;
	height: auto;
	margin: 5% 0% 1%;
	text-align: left;
	padding: 5% 0% 2%;
}
.paragraf-left #form #isim {
	width: 96%;
	margin: 3% 1%;
	padding: 3% 1% 4%;
	height: auto;
}
.paragraf-left #form #email {
	margin: 3% 1%;
	padding: 3% 1% 4%;
	width: 96%;
	height: auto;
}
.paragraf-left #form #phone {
	margin: 3% 1%;
	padding: 3% 1% 4%;
	width: 96%;
	height: auto;
}	
.paragraf-left #form #konu {
	padding: 3% 1% 4%;
	margin: 3% 1%;
	width: 96%;
	height: auto;
}
.paragraf-left #form #gonder {
	padding: 3% 1%;
	margin: 1%;
	width: 98%;
	color: hsla(190,70%,44%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.paragraf-left #form #gonder:hover  {
	padding: 3% 1%;
	margin: 1%;
	width: 98%;
	color: hsla(190,70%,44%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
}
.paragraff .iletisim {
	width: 100%;
	z-index: 50;
	text-align: center;
	padding: 0px;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	margin: -1% 0% 10%;
	background-color: hsla(36,73%,53%,0.53);
}
.paragraff .iletisim h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 6% 5%;
	text-align: center;
	width: 100%;
	font-size: 0.9em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraff .iletisim address {
	text-align: left;
	width: 96%;
	margin: 1% 1% 5%;
	padding: 1%;
	float: left;
	font-size: 0.7em;
}
.iletisim address a {
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
}
.paragraff .map {
	width: 100%;
	z-index: 50;
	padding: 0px;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	background-color: hsla(36,73%,53%,0.53);
	margin: -10% 0% 0%;
}
.paragraff .map h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 0% 5%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.9em;
	height: auto;
	margin: 0%;
}
.paragraff .map iframe {
	margin: 0%;
	width: 100%;
	float: left;
	height: 300px;
	background-color: hsla(36,73%,53%,0.53);
	clear: none;
	padding: 0%;
}
.paragraff .paragraf-left .uyar {
	width: 96%;
	height: auto;
	margin: 1%;
	padding: 1%;
	color: #0EE5DB;
}
.paragraf h1 a {
	color: hsla(0,0%,100%,1.00);
}
#cevherler-container .ws-title {
	position: absolute;
	background-image: none;
	font-size: 1.2em;
	font-family: "Clarendon Wide Stencil";
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	bottom: 0px;
	top: auto;
	opacity: 1;
	text-align: center;
	width: 100%;
	padding: 10% 5% 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 50;
	background-color: hsla(0,2%,89%,0.30);
	line-height: 1.1em;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}
#cevherler-container .ws-title div {
	margin-top: 10%;
	font-size: 1.2em;
	padding-bottom: 7%;
	padding-top: 10%;
	margin-bottom: 3%;
	line-height: 1.1em;
}
.paragraf .clear {
	width: 100%;
	height: auto;
	margin: 0%;
	float: left;
}
.paragraf h2 a {
	color: hsla(0,0%,100%,1.00);
}
.seofiyatlari {
	width: 100%;
	margin: 0%;
	padding: 0%;
	height: auto;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
.seofiyatlari a img {
	width: 100%;
	height: auto;
	margin: 0%;
	border-top: medium inset hsla(216,35%,45%,1.00);
	border-bottom: medium inset hsla(216,35%,45%,1.00);
}
li a img {
	width: 40%;
	height: auto;
}



















}
/*******************************
1. 240px
*******************************/
@media (min-width:239px){
body header {
	width: 100%;
	margin: 0px;
	z-index: 50;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	padding: 0px;
	opacity: 1;
}
body header h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	padding: 6% 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	font-size: 1.1em;
}
body h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 6% 5%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	font-size: 1.1em;
}

body header p {
	font-size: 0.9em;
	background-color: hsla(194,69%,61%,0.10);
	text-align: center;
	width: 100%;
	margin: 0%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 6%;
}
.paragraf {
	width: 100%;
	z-index: 50;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	padding: 0px;
	color: rgba(255,255,255,1.00);
	opacity: 1;
	background-color: hsla(245,18%,50%,0.20);
}
.paragraf h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 6% 5%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.1em;
}
.paragraf h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 6% 5%;
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.1em;
}

.paragraf p {
	font-size: 0.9em;
	background-color: hsla(36,96%,65%,0.10);
	text-align: center;
	margin: 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 10%;
}
.paragraff .paragraf-left h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 6% 5%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	font-size: 1.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraf-left #form #gonder {
	padding: 3% 1%;
	margin: 1%;
	width: 98%;
	color: hsla(190,69%,44%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.paragraf-left #form #gonder:hover {
	padding: 3% 1%;
	margin: 1%;
	width: 98%;
	color: hsla(190,70%,44%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
}
.paragraff .iletisim {
	width: 100%;
	z-index: 50;
	text-align: center;
	padding: 0px;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	margin: -1% 0% 10%;
	background-color: hsla(36,73%,53%,0.53);
}
.paragraff .iletisim h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 6% 5%;
	text-align: center;
	width: 100%;
	font-size: 1.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraff .iletisim address {
	text-align: left;
	width: 96%;
	margin: 1% 1% 5%;
	padding: 1%;
	float: left;
	font-size: 0.9em;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
}
.paragraff .map {
	width: 100%;
	z-index: 50;
	padding: 0%;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	background-color: hsla(36,73%,53%,0.53);
	margin: -10% 0% 0%;
}
.paragraff .map h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 3% 5% 4%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.1em;
	height: auto;
	margin: 0%;
}
.paragraff .map iframe {
	margin: 0%;
	width: 100%;
	float: left;
	height: 320px;
	background-color: hsla(36,73%,53%,0.53);
	clear: none;
	padding: 0%;
}



}
/*******************************
1. 320px
*******************************/
@media (min-width:319px){
body header h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	padding: 6% 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	font-size: 1.3em;
}
body h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 6% 5%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	font-size: 1.3em;
}

body header p {
	font-size: 1.1em;
	background-color: hsla(194,69%,61%,0.10);
	text-align: center;
	width: 100%;
	margin: 0%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 5%;
}
.paragraf {
	width: 100%;
	z-index: 50;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	padding: 0px;
	color: rgba(255,255,255,1.00);
	opacity: 1;
}
.paragraf h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 6% 5%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.3em;
}
.paragraf h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 6% 5%;
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.3em;
}

.paragraf p {
	font-size: 1.1em;
	background-color: hsla(245,18%,50%,0.20);
	text-align: center;
	margin: 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 10%;
}
.copyright {
	width: 98%;
	height: auto;
	margin: 10% 0% 0%;
	text-align: center;
	font-size: 0.7em;
	padding: 5% 1% 1%;
}
.paragraff .paragraf-left h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 6% 5%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	font-size: 1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraf-left #form #gonder {
	padding: 3% 1%;
	margin: 1%;
	width: 98%;
	color: hsla(190,69%,44%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.3em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.paragraf-left #form #gonder:hover {
	padding: 3% 1%;
	margin: 1%;
	width: 98%;
	color: hsla(190,70%,44%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.3em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
}
.paragraff .iletisim {
	width: 100%;
	z-index: 50;
	text-align: center;
	padding: 0px;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	margin: -1% 0% 10%;
	background-color: hsla(36,73%,53%,0.53);
}
.paragraff .iletisim h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 6% 5%;
	text-align: center;
	width: 100%;
	font-size: 1.3em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraff .iletisim address {
	text-align: left;
	width: 96%;
	margin: 1% 1% 5%;
	padding: 1%;
	float: left;
	font-size: 1.1em;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
}
.paragraff .map {
	width: 100%;
	z-index: 50;
	padding: 0%;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	margin: -10% 0% 0%;
	float: left;
	background-color: hsla(36,73%,53%,0.53);
}
.paragraf .map h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 3% 5% 4%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.3em;
	height: auto;
	margin: 0%;
}
.paragraff .map iframe {
	margin: 0%;
	width: 100%;
	float: left;
	height: 340px;
	background-color: hsla(36,73%,53%,0.53);
	clear: none;
	padding: 0%;
}




}
/*******************************
1. 480px
*******************************/
@media (min-width:479px){
body header h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	padding: 6% 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	font-size: 1.4em;
	line-height: 1.5em;
}
body h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 6% 5%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	font-size: 1.4em;
	line-height: 1.5em;
}

body header p {
	font-size: 1.1em;
	background-color: hsla(194,69%,61%,0.10);
	text-align: center;
	width: 100%;
	margin: 0%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 4%;
	font-weight: normal;
	line-height: 1.5em;
}
.paragraf h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 6% 5%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.4em;
	line-height: 1.5em;
}
.paragraf h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 6% 5%;
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.4em;
	line-height: 1.5em;
}

.paragraf p {
	font-size: 1.1em;
	background-color: hsla(245,18%,50%,0.20);
	text-align: center;
	margin: 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 10%;
	line-height: 1.5em;
	font-weight: normal;
}
body nav {
	background-image: none;
	background-color: hsla(216,73%,53%,0.53);
	width: 100%;
	margin: -1.8% 0% 0%;
	text-align: center;
	height: auto;
}
#cevherler {
	width: 44%;
	padding: 8% 3%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	margin: 0%;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
	text-transform: uppercase;
	background-image: none;
	float: left;
}
:hover#cevherler {
	width: 44%;
	padding: 8% 3%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-top-style: outset;
	border-top-width: medium;
	text-align: center;
	margin: 0%;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
}
#cevherler a {
	width: 100%;
	padding: 10% 1%;
	text-align: center;
	text-decoration: none;
	margin: 0%;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
	height: auto;
}
:hover#cevherler a {
	width: 100%;
	padding: 10% 5%;
	text-align: center;
	text-decoration: none;
	margin: 0%;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}

#enerji {
	padding: 8% 3%;
	width: 44%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#enerji {
	padding: 8% 3%;
	width: 44%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	border-top-style: outset;
	border-top-width: medium;
}
#enerji a {
	padding: 10% 1%;
	width: 100%;
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
	height: auto;
}
:hover#enerji a {
	padding: 10% 1%;
	width: 100%;
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
#danismanlik {
	padding: 8% 3%;
	width: 44%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#danismanlik {
	padding: 8% 3%;
	width: 44%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	border-top-width: medium;
	border-top-style: outset;
}
#danismanlik a {
	padding: 10% 1%;
	width: 100%;
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
	height: auto;
}
:hover#danismanlik a {
	padding: 10% 1%;
	width: 100%;
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
#madencilik {
	padding: 8% 3%;
	width: 44%;
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#madencilik {
	padding: 8% 3%;
	width: 44%;
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	border-top-width: medium;
	border-top-style: outset;
}
#madencilik a {
	padding: 10% 1%;
	width: 100%;
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
	height: auto;
}
:hover#madencilik a {
	padding: 10% 1%;
	width: 100%;
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
 }
#ilettisim {
	padding: 8% 3%;
	width: 94%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#ilettisim {
	padding: 8% 3%;
	width: 94%;
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	border-top-width: medium;
	border-top-style: outset;
}
#ilettisim a {
	padding: 10% 1%;
	width: 100%;
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
	height: auto;
}
:hover#ilettisim a {
	padding: 10% 1%;
	width: 100%;
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
 }
#ithalat, #ihracat, #lojistik, #bilisim, #insaat, #hosting, #webtasarim, #grafiktasarim, #seo, #kargo, #nakliye  {
	padding: 8% 3%;
	width: 44%;
	border-left-style: inset;
	margin: 0%;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#ithalat, :hover#ihracat, :hover#lojistik, :hover#bilisim, :hover#insaat, :hover#hosting, :hover#webtasarim, :hover#grafiktasarim, :hover#seo, :hover#kargo, :hover#nakliye {
	padding: 8% 3%;
	width: 44%;
	border-left-style: inset;
	margin: 0%;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	border-top-width: medium;
	border-top-style: outset;
}
#ithalat a, #ihracat a, #lojistik a, #bilisim a, #insaat a, #hosting a, #webtasarim a, #grafiktasarim a, #seo a, #kargo a, #nakliye a {
	padding: 10% 1%;
	width: 100%;
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
	height: auto;
}
:hover#ithalat a, :hover#ihracat a, :hover#lojistik a, :hover#bilisim a, :hover#insaat a, :hover#hosting a, :hover#webtasarim a, :hover#grafiktasarim a, :hover#seo a, :hover#kargo a, :hover#nakliye a {
	padding: 10% 1%;
	width: 100%;
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
#iletisim {
	padding: 8% 3%;
	width: 44%;
	margin: 0%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#iletisim {
	padding: 8% 3%;
	width: 44%;
	margin: 0%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	border-top-width: medium;
	border-top-style: outset;
}
#iletisim a {
	padding: 10% 1%;
	margin: 0%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
:hover#iletisim a {
	padding: 10% 1%;
	margin: 0%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.social {
	width: 80%;
	margin: 30% 10% 10%;
	font-family: FontAwesome;
}
.social .bottoms {
	width: 100%;
	text-align: center;
	font-size: 2em;
	color: hsla(0,0%,96%,0.80);
}
.social .bottoms li {
	width: 25%;
	float: left;
	font-size: 1.5em;
	height: auto;
	color: hsla(0,0%,96%,0.80);
	text-align: center;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.bottoms li a {
	color: hsla(0,0%,96%,0.80);
	text-align: center;
	font-size: 1em;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.bottoms li a:hover {
	color: hsla(220,70%,64%,0.80);
	text-align: center;
	font-size: 1em;
	text-shadow: 0em 0.05em 0em hsla(0,0%,0%,1.00);
}
body footer {
	width: 100%;
	height: auto;
	margin: -27% 0% 0%;
	padding: 10% 0% 0%;
}
.paragraff .paragraf-left h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 6% 5%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	font-size: 1.4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraf-left #form #gonder {
	padding: 3% 1%;
	margin: 1%;
	width: 98%;
	color: hsla(190,69%,44%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.paragraf-left #form #gonder:hover {
	padding: 3% 1%;
	margin: 1%;
	width: 98%;
	color: hsla(190,70%,44%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
}
.paragraff .iletisim {
	width: 100%;
	z-index: 50;
	text-align: center;
	padding: 0px;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	margin: -1% 0% 10%;
	background-color: hsla(36,73%,53%,0.53);
}
.paragraff .iletisim h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 6% 5%;
	text-align: center;
	width: 100%;
	font-size: 1.4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraff .iletisim address {
	text-align: left;
	width: 96%;
	margin: 1% 1% 5%;
	padding: 1%;
	float: left;
	font-size: 1.2em;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
}
.paragraff .map {
	width: 100%;
	z-index: 50;
	padding: 0%;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	background-color: hsla(36,73%,53%,0.53);
	margin: -10% 0% 0%;
	font-size: medium;
}
.paragraff .map h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 3% 5% 4%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.4em;
	height: auto;
	margin: 0%;
}
.paragraff .map iframe {
	margin: 0%;
	width: 100%;
	float: left;
	height: 360px;
	background-color: hsla(36,73%,53%,0.53);
	clear: none;
	padding: 0%;
}
#cevherler-container .ws-title div {
	margin-top: 10%;
	font-size: 1.3em;
	padding-bottom: 7%;
	padding-top: 10%;
	margin-bottom: 3%;
	line-height: 1.2em;
	font-weight: normal;
}
#cevherler-container .ws-title {
	position: absolute;
	background-image: none;
	font-size: 1.4em;
	font-family: "Clarendon Wide Stencil";
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	bottom: 0px;
	top: auto;
	opacity: 1;
	text-align: center;
	width: 100%;
	padding: 6% 5% 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 50;
	background-color: hsla(0,2%,89%,0.30);
	line-height: 1.3em;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}
li a img {
	width: 30%;
	height: auto;
}




	
}
/*******************************
1. 560px
*******************************/
@media (min-width:559px){
body header h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	padding: 6% 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	font-size: 1.38em;
	line-height: 1.5em;
	font-weight: normal;
}
body h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 6% 5%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	font-size: 1.38em;
	line-height: 1.5em;
	font-weight: normal;
}

body header p {
	font-size: 1.1em;
	background-color: hsla(194,69%,61%,0.10);
	text-align: justify;
	width: 100%;
	margin: 0%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 4%;
	line-height: 1.5em;
	font-weight: normal;
}
.paragraf h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 6% 5%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.38em;
	line-height: 1.5em;
}
.paragraf h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 6% 5%;
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.38em;
	line-height: 1.5em;
}

.paragraf p {
	font-size: 1.1em;
	background-color: hsla(245,18%,50%,0.20);
	text-align: justify;
	margin: 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 10%;
	line-height: 1.5em;
}
.copyright {
	width: 98%;
	height: auto;
	margin: 10% 0% 0%;
	text-align: center;
	font-size: 0.8em;
	padding: 5% 1% 0%;
}
.paragraff .paragraf-left h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 6% 5%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	font-size: 1.38em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraf-left #form #gonder {
	padding: 3% 1%;
	margin: 1%;
	width: 48%;
	color: hsla(190,69%,44%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.38em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.paragraf-left #form #gonder:hover {
	padding: 3% 1%;
	margin: 1%;
	width: 48%;
	color: hsla(190,70%,44%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.38em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
}
.paragraff .iletisim {
	width: 100%;
	z-index: 50;
	text-align: center;
	padding: 0px;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	margin: -1% 0% 10%;
	background-color: hsla(36,73%,53%,0.53);
}
.paragraff .iletisim h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 6% 5%;
	text-align: center;
	width: 100%;
	font-size: 1.38em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraff .iletisim address {
	text-align: left;
	width: 96%;
	margin: 1% 1% 5%;
	padding: 1%;
	float: left;
	font-size: 1.1em;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	line-height: 1.5em;
}
.paragraff .map {
	width: 100%;
	z-index: 50;
	padding: 0%;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	background-color: hsla(36,73%,53%,0.53);
	margin: -10% 0% 0%;
	font-size: medium;
}
.paragraff .map h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 3% 5% 4%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.38em;
	height: auto;
	margin: 0%;
}
.paragraff .map iframe {
	margin: 0%;
	width: 100%;
	float: left;
	height: 380px;
	background-color: hsla(36,73%,53%,0.53);
	clear: none;
	padding: 0%;
}
.webdesign {
	width: 100%;
	margin: 0px;
	font-size: 0.8em;
	background-color: hsla(255,77%,17%,0.00);
	float: left;
	opacity: 1;
	text-align: center;
	color: hsla(0,0%,100%,1.00);
}




}
/*******************************
1. 640px
*******************************/
@media (min-width:639px){
.social {
	width: 80%;
	margin: 20% 10% 10%;
	font-family: FontAwesome;
}
.social .bottoms {
	width: 100%;
	text-align: center;
	font-size: 1.7em;
	color: hsla(0,0%,96%,0.80);
}
.social .bottoms li {
	width: 25%;
	float: left;
	font-size: 1.5em;
	height: auto;
	color: hsla(0,0%,96%,0.80);
	text-align: center;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
	margin-top: 10%;
}
.bottoms li a {
	color: hsla(0,0%,96%,0.80);
	text-align: center;
	font-size: 1em;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.bottoms li a:hover {
	color: hsla(220,70%,64%,0.80);
	text-align: center;
	font-size: 1em;
	text-shadow: 0em 0.05em 0em hsla(0,0%,0%,1.00);
}
.paragraf {
	width: 100%;
	z-index: 50;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	padding: 0%;
	color: rgba(255,255,255,1.00);
	opacity: 1;
	background-color: hsla(245,18%,50%,0.20);
}
.paragraff {
	width: 100%;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	padding: 0px;
	color: rgba(255,255,255,1.00);
	opacity: 1;
	background-color: hsla(192,73%,53%,0.00);
	height: auto;
	margin: 0%;
}

.paragraff .paragraf-left {
	width: 50%;
	height: auto;
	margin: 0%;
	float: left;
	padding: 0%;
	background-color: hsla(192,73%,53%,0.00);
}
.paragraff .paragraf-left h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	padding: 6% 5%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	font-size: 1.38em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraff .paragraf-left #form {
	margin: 1%;
	width: 96%;
	height: auto;
	padding: 5% 1% 4%;
	text-align: left;
	float: left;
}
.paragraf-left #form label {
	width: 96%;
	height: auto;
	margin: 3% 0%;
	text-align: left;
	padding: 2% 0%;
	line-height: 1.5em;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
}

.paragraf-left #form #isim {
	width: 96%;
	margin: 1%;
	padding: 2% 1%;
	height: auto;
	line-height: 1.5em;
	display: block;
}
.paragraf-left #form #email {
	margin: 1%;
	padding: 2% 1%;
	width: 96%;
	height: auto;
	line-height: 1.5em;
	display: block;
}
.paragraf-left #form #phone {
	margin: 1%;
	padding: 2% 1%;
	width: 96%;
	height: auto;
	line-height: 1.5em;
	display: block;
}	
.paragraf-left #form #konu {
	padding: 2% 1%;
	margin: 1%;
	width: 96%;
	height: auto;
	line-height: 1.5em;
	display: block;
}
.paragraf-left #form #gonder {
	padding: 2% 1%;
	margin: 15% 1% 1%;
	width: 46%;
	color: hsla(0,0%,100%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.38em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0.1em 0.1em 0.1em hsla(0,0%,0%,1.00);
	line-height: 1.5em;
	background-color: hsla(192,73%,53%,0.52);
}
.paragraf-left #form #gonder:hover {
	padding: 2% 1%;
	margin: 15% 1% 1%;
	width: 46%;
	color: hsla(0,0%,100%,1.00);
	text-transform: uppercase;
	text-align: center;
	font-size: 1.38em;
	font-weight: normal;
	-webkit-box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
	box-shadow: 0em 0em 0em 0em hsla(0,0%,0%,1.00);
	line-height: 1.5em;
	background-color: hsla(192,73%,53%,0.52);
}
.paragraff .iletisim {
	width: 50%;
	z-index: 50;
	text-align: center;
	padding: 0%;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	margin: 0%;
	height: auto;
	background-color: hsla(0,0%,0%,0.00);
}
.paragraff .iletisim h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 6% 5%;
	text-align: center;
	width: 100%;
	font-size: 1.38em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraff .iletisim address {
	text-align: left;
	width: 96%;
	margin: 1%;
	padding: 1%;
	float: left;
	font-size: 1.1em;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	line-height: 1.5em;
	height: auto;
}
.paragraff .map {
	width: 100%;
	z-index: 50;
	padding: 0px;
	text-align: center;
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 1;
	float: left;
	background-color: hsla(192,73%,53%,0.00);
	margin: 0%;
	height: auto;
	clear: none;
}
.paragraff .map iframe {
	margin: 0%;
	width: 100%;
	float: left;
	height: 400px;
	background-color: hsla(192,73%,53%,0.53);
	clear: none;
	padding: 0%;
}
#cevherler-container .ws-title div {
	margin-top: 10%;
	font-size: 1em;
	padding-bottom: 7%;
	padding-top: 10%;
	margin-bottom: 3%;
	line-height: 1.5em;
	font-weight: normal;
}
#cevherler-container .ws-title {
	position: absolute;
	background-image: none;
	font-size: 1.2em;
	font-family: "Clarendon Wide Stencil";
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	bottom: 0px;
	top: auto;
	opacity: 1;
	text-align: center;
	width: 100%;
	padding: 6% 5% 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 50;
	background-color: hsla(0,2%,89%,0.30);
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}



}
/*******************************
1. 768px
*******************************/
@media (min-width:767px){
#cevherler {
	width: 29.33%;
	padding: 5% 2%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	margin: 0%;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
	text-transform: uppercase;
	background-image: none;
	float: left;
	font-size: 1.1em;
}
:hover#cevherler {
	width: 29.33%;
	padding: 5% 2%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-top-style: outset;
	border-top-width: medium;
	text-align: center;
	margin: 0%;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	font-size: 1.1em;
}
#cevherler a {
	width: 100%;
	padding: 10% 5%;
	text-align: center;
	text-decoration: none;
	margin: 0%;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
:hover#cevherler a {
	width: 100%;
	padding: 10% 5%;
	text-align: center;
	text-decoration: none;
	margin: 0%;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}

#enerji {
	padding: 5% 2%;
	width: 29.33%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	border-top: medium ridge hsla(216,35%,45%,1.00);
	font-size: 1.1em;
}
:hover#enerji {
	padding: 5% 2%;
	width: 29.33%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	border-top-style: outset;
	border-top-width: medium;
	font-size: 1.1em;
}
#enerji a {
	padding: 10% 5%;
	width: 100%;
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
:hover#enerji a {
	padding: 10% 5%;
	width: 100%;
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
#danismanlik {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	border-top: medium ridge hsla(216,35%,45%,1.00);
	clear: none;
	font-size: 1.1em;
}
:hover#danismanlik {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	clear: none;
	font-size: 1.1em;
	border-top-width: medium;
	border-top-style: outset;
}
#danismanlik a {
	padding: 10% 5%;
	width: 100%;
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
:hover#danismanlik a {
	padding: 10% 5%;
	width: 100%;
	text-align: center;
	margin: 0%;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
#madencilik {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	clear: none;
	font-size: 1.1em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#madencilik {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	font-size: 1.1em;
	border-top-width: medium;
	border-top-style: outset;
}
#madencilik a {
	padding: 10% 5%;
	width: 100%;
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
:hover#madencilik a {
	padding: 10% 5%;
	width: 100%;
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
#ilettisim {
	padding: 5% 2%;
	width: 96%;
	margin: 0%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	clear: none;
	font-size: 1.1em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#ilettisim {
	padding: 5% 2%;
	width: 96%;
	margin: 0%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	clear: none;
	font-size: 1.1em;
	border-top-width: medium;
	border-top-style: outset;
}
#ilettisim a {
	padding: 10% 5%;
	margin: 0%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
:hover#ilettisim a {
	padding: 10% 5%;
	margin: 0%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
#ithalat, #ihracat, #lojistik, #bilisim, #insaat, #hosting, #webtasarim, #grafiktasarim, #seo, #kargo, #nakliye {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	margin: 0%;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	clear: none;
	font-size: 1.1em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#ithalat, :hover#ihracat, :hover#lojistik, :hover#bilisim, :hover#insaat, :hover#hosting, :hover#webtasarim, :hover#grafiktasarim, :hover#seo, :hover#kargo, :hover#nakliye  {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	margin: 0%;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	clear: none;
	font-size: 1.1em;
	border-top-width: medium;
	border-top-style: outset;
}
#ithalat a, #ihracat a, #lojistik a, #bilisim a, #insaat a, #hosting a, #webtasarim a, #grafiktasarim a, #seo a, #kargo a, #nakliye a {
	padding: 10% 5%;
	width: 100%;
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
:hover#ithalat a, :hover#ihracat a, :hover#lojistik a, :hover#bilisim a, :hover#insaat a, :hover#hosting a, :hover#grafiktasarim a, :hover#webtasarim a, :hover#seo a, :hover#kargo a, :hover#nakliye a {
	padding: 10% 5%;
	width: 100%;
	margin: 0%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
#iletisim {
	padding: 5% 2%;
	width: 96%;
	margin: 0%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	clear: none;
	font-size: 1.1em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#iletisim {
	padding: 5% 2%;
	width: 96%;
	margin: 0%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	clear: none;
	font-size: 1.1em;
	border-top-width: medium;
	border-top-style: outset;
}
#iletisim a {
	padding: 10% 5%;
	margin: 0%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
:hover#iletisim a {
	padding: 10% 5%;
	margin: 0%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
}
.social {
	width: 70%;
	margin: 40% 15% 10%;
	font-family: FontAwesome;
}
body footer {
	width: 100%;
	height: auto;
	margin: -40% 0% 0%;
}
.social .bottoms {
	width: 100%;
	text-align: center;
	font-size: 1.7em;
	color: hsla(0,0%,96%,0.80);
}
.social .bottoms li {
	width: 25%;
	float: left;
	font-size: 1.7em;
	height: auto;
	color: hsla(0,0%,96%,0.80);
	text-align: center;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
	margin-top: 10%;
}
#cevherler-container .ws-title {
	position: absolute;
	background-image: none;
	font-size: 1.2em;
	font-family: "Clarendon Wide Stencil";
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	bottom: 0px;
	top: auto;
	opacity: 1;
	text-align: center;
	width: 100%;
	padding: 6% 5% 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 50;
	background-color: hsla(0,2%,89%,0.30);
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}
#cevherler-container .ws-title div {
	margin-top: 10%;
	font-size: 1em;
	padding-bottom: 7%;
	padding-top: 10%;
	margin-bottom: 3%;
	line-height: 1.5em;
	font-weight: normal;
}
.info {
	width: 100%;
	text-align: center;
	height: 0%;
	opacity: 0;
	font-size: 0.3em;
	background-color: hsla(60,79%,44%,0.20);
	margin-top: 0px;
	float: left;
}
.info h2 {
	font-size: 0.1em;
	width: 100%;
	height: 0%;
	opacity: 0;
	float: left;
}
.info h2 a {
	width: 100%;
	height: 0%;
	opacity: 0;
	float: left;
}
.info p strong {
	font-size: 1em;
	width: 100%;
	color: hsla(0,0%,100%,0.00);
	margin: 0px;
	height: 0%;
	opacity: 0;
}
li a img {
	width: 20%;
	height: auto;
}








}
/*******************************
1. 960px
*******************************/
@media (min-width:959px){
.social {
	width: 60%;
	margin: 50% 20% 5%;
	font-family: FontAwesome;
}
body footer {
	width: 100%;
	height: auto;
	margin: -50% 0% 0%;
}
.social .bottoms li {
	width: 25%;
	float: left;
	font-size: 2em;
	height: auto;
	color: hsla(0,0%,96%,0.80);
	text-align: center;
	text-shadow: 0em 0.1em 0.1em hsla(0,0%,0%,1.00);
	margin-top: 10%;
}
#cevherler-container .ws-title {
	position: absolute;
	background-image: none;
	font-size: 2.3em;
	font-family: "Clarendon Wide Stencil";
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	bottom: 0px;
	top: auto;
	opacity: 1;
	text-align: center;
	width: 100%;
	padding: 4% 10% 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 50;
	background-color: hsla(0,2%,89%,0.30);
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}
#cevherler-container .ws-title div {
	margin-top: 7%;
	font-size: 1.1em;
	padding: 7% 10%;
	margin-bottom: 3%;
	font-weight: normal;
	line-height: 1.5em;
}
body header p {
	font-size: 1.1em;
	background-color: hsla(194,69%,61%,0.10);
	text-align: justify;
	width: 100%;
	margin: 0%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3% 10%;
	line-height: 1.5em;
}
.paragraf p {
	font-size: 1.1em;
	background-color: hsla(245,18%,50%,0.20);
	text-align: justify;
	margin: 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3% 10%;
	line-height: 1.5em;
	font-weight: normal;
}
body header h1 {
	font-size: 1.38em;
	line-height: 1.5em;
	font-weight: normal;
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	padding: 3% 5% 0%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
	
}
body h2 {
	font-size: 1.38em;
	line-height: 1.5em;
	font-weight: normal;
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 3% 5% 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
}

.paragraf h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 3% 5% 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.38em;
	line-height: 1.5em;
	font-weight: normal;
}
.paragraf h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 3% 5% 0%;
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.38em;
	line-height: 1.5em;
	font-weight: normal;
}
.paragraf h2 a {
	color: hsla(0,0%,100%,1.00);
}




}
/*******************************
1. 1250px
*******************************/
@media (min-width:1249px){
#cevherler-container .ws-title {
	position: absolute;
	background-image: none;
	font-size: 1.9em;
	font-family: "Clarendon Wide Stencil";
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,1.00);
	bottom: 0px;
	top: auto;
	opacity: 1;
	width: 100%;
	padding: 4% 10% 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 50;
	background-color: hsla(0,2%,89%,0.30);
	line-height: 3em;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-align: center;
}
#cevherler-container .ws-title div {
	margin-top: 7%;
	font-size: 1.2em;
	padding: 7% 10% 3%;
	margin-bottom: 3%;
	line-height: 1.5em;
	font-weight: normal;
	text-align: center;
}
body header p {
	font-size: 1.2em;
	background-color: hsla(194,69%,61%,0.10);
	text-align: justify;
	width: 100%;
	margin: 0%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3% 10%;
	line-height: 1.5em;
}
.paragraf p {
	font-size: 1.2em;
	background-color: hsla(245,18%,50%,0.20);
	text-align: justify;
	margin: 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3% 10%;
	line-height: 1.5em;
}

body header h1 {
	font-size: 1.5em;
	line-height: 3em;
	font-weight: normal;
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	width: 100%;
	padding: 3% 5% 0%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);

}
body h2 {
	font-size: 1.5em;
	line-height: 3em;
	font-weight: normal;
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 3% 5% 0%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(194,69%,61%,0.10);
}

.paragraf h1 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	text-align: center;
	padding: 3% 5% 0%;
	width: 100%;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.5em;
	line-height: 3em;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paragraf h2 {
	background-image: none;
	color: rgba(255,255,255,1.00);
	text-shadow: 0em 0.05em 0.1em rgba(119,119,119,0.50);
	padding: 3% 5% 0%;
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: hsla(245,18%,50%,0.20);
	font-size: 1.5em;
	line-height: 3em;
	font-weight: normal;
}

#cevherler {
	width: 29.33%;
	padding: 5% 2%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	margin: 0%;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
	text-transform: uppercase;
	background-image: none;
	float: left;
	font-size: 1.25em;
}
:hover#cevherler {
	width: 29.33%;
	padding: 5% 2%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-top-style: outset;
	border-top-width: medium;
	text-align: center;
	margin: 0%;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	font-size: 1.25em;
}

#enerji {
	padding: 5% 2%;
	width: 29.33%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	border-top: medium ridge hsla(216,35%,45%,1.00);
	font-size: 1.25em;
}
:hover#enerji {
	padding: 5% 2%;
	width: 29.33%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	border-top-style: outset;
	border-top-width: medium;
	font-size: 1.25em;
}
#danismanlik {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	border-top: medium ridge hsla(216,35%,45%,1.00);
	clear: none;
	font-size: 1.25em;
}
:hover#danismanlik {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	margin: 0%;
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	clear: none;
	font-size: 1.25em;
}
#madencilik {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	clear: none;
	font-size: 1.25em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#madencilik {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	border-right-style: inset;
	margin: 0%;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	font-size: 1.25em;
	border-top-width: medium;
	border-top-style: outset;
}
#ilettisim {
	padding: 5% 2%;
	width: 96%;
	margin: 0%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	clear: none;
	font-size: 1.25em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#ilettisim {
	padding: 5% 2%;
	width: 96%;
	margin: 0%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	clear: none;
	font-size: 1.25em;
	border-top-width: medium;
	border-top-style: outset;
}
#ithalat, #ihracat, #lojistik, #bilisim, #insaat, #hosting, #webtasarim, #grafiktasarim, #seo, #kargo, #nakliye {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	margin: 0%;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	clear: none;
	font-size: 1.25em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}
:hover#ithalat, :hover#ihracat, :hover#lojistik, :hover#bilisim, :hover#insaat, :hover#hosting, :hover#webtasarim, :hover#grafiktasarim, :hover#seo, :hover#kargo, :hover#nakliye {
	padding: 5% 2%;
	width: 29.33%;
	border-left-style: inset;
	margin: 0%;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	clear: none;
	font-size: 1.25em;
	border-top-width: medium;
	border-top-style: outset;
}
:hover#iletisim {
	padding: 5% 2%;
	width: 96%;
	margin: 0%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	clear: none;
	font-size: 1.25em;
	border-top-width: medium;
	border-top-style: outset;
}
#iletisim {
	padding: 5% 2%;
	width: 96%;
	margin: 0%;
	border-left-style: inset;
	border-right-style: inset;
	border-bottom: medium outset hsla(216,35%,45%,1.00);
	text-align: center;
	-webkit-box-shadow: 0em 0.1em 0.1em 0.1em;
	box-shadow: 0em 0.1em 0.1em 0.1em;
	text-transform: uppercase;
	float: left;
	background-image: none;
	clear: none;
	font-size: 1.25em;
	border-top: medium ridge hsla(216,35%,45%,1.00);
}

	
}
/*******************************
1. 1920px
*******************************/
@media (min-width:1919px){


}
li a img:hover {
	-webkit-opacity: .5;
	opacity: .5;
}