html {width:100%;}
body {width:100%;margin:0px;padding:0px;background-color:#fff;font-family:'KlavikaLight',Sans-Serif;font-size:18px;color:#544e4b;}
form {width:100%;margin:0px;padding:0px;}
section{width:100%;background-color:#fff;position:relative;}
img {vertical-align:text-bottom;}
div.container{width:1300px;max-width:80%;position:relative;margin:auto;}
div.clear-both{clear:both;}
/*header*/
header{font-family:'KlavikaBold',Sans-Serif;font-size:16px;}
header div.logo{width:100%;text-align:center;padding:5px 0;}
header div.logo img{height:110px;}
nav{width:100%;background-color:rgba(84,78,75,0.80);z-index:700;text-align:center;position:absolute;}
nav.s-nav{position:fixed;top:0;background-color:rgba(84,78,75,0.80);}
nav ul{display:inline-block;margin:0px;padding:0;list-style:none;}
nav ul li{display:inline-block;margin:0;padding:0;vertical-align:middle;}
nav ul li a{display:block;line-height:50px;padding:0 33px;text-decoration:none;color:#ffffff;text-decoration:none;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;}
nav ul li a:hover{color:#ffffff;text-decoration:none;filter:alpha(opacity=60);opacity:0.6;}
nav ul.languages{position:absolute;top:0;right:5%;}
nav ul.languages li a{display:block;width:34px;line-height:34px;margin-top:8px;margin-left:5px;padding:0;border:1px #fff solid;font-family:'KlavikaRegular',Sans-Serif;font-size:14px;color:#ffffff;text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
nav ul.languages li a:hover{text-decoration:none;color:#fff;}
nav ul.languages li a.active{opacity: 0.5;filter: alpha(opacity=50);}
nav ul.languages li a.normal{opacity:1;filter: alpha(opacity=100);}
nav a.kisisel-veri-korumasi{display:inline-block;padding:5px 5px;transition: .3s all linear;border:1px #fff solid;left:10px;top:11px;color:#fff;text-decoration:none;font-family:'KlavikaLight',Sans-Serif;font-size:13px;position:absolute;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;outline:none;}
nav a.kisisel-veri-korumasi:hover{background-color:#fff;color:#000;outline:none;}

div.nav-icon{display:none;}
div.mobilemenumask{display:none;width:100%;height:100%;position:fixed;top:0px;left:0px;background-color:transparent;z-index:500;}

div.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#eeeeee;background-image:url('/Content/Images/103.gif');background-position-x:50%;background-position-y:50%;background-repeat:no-repeat;z-index:9999999;}
/*masterslider*/
div.master-slider{}
div.master-slider h3{font-family:'KlavikaLight', Sans-Serif;font-size:25px;color:#fff;}
/*home*/
ul.social{right:5%;bottom:10px;display:block;margin:0px;padding:0;list-style:none;position:absolute;}
ul.social li{display:inline-block;padding:0;margin:0;vertical-align:middle;}
ul.social li a{width:34px;height:34px;margin-left:5px;display:inline-block;background-position-x:50%;background-position-y:50%;background-repeat:no-repeat;}
a.sonertm{display:inline-block;position:absolute;bottom:10px;left:65px;z-index:801;}
a.yapiyol{display:inline-block;position:absolute;bottom:10px;left:350px;z-index:801;}
a.down{display:inline-block;position:absolute;bottom:-1px;left:50%;margin-left:-89px;}
strong{font-family:'KlavikaBold', Sans-Serif;}
/*page*/
h1{font-family:'KlavikaBold', Sans-Serif;color:#103c58;font-size:36px;margin:0;margin-bottom:20px; padding:0;padding-bottom:20px;background-image:url('/Content/Images/aboutline.gif');background-position-x:50%;background-position-y:100%;background-repeat:no-repeat;}
h2{font-family:'KlavikaBold', Sans-Serif;color:#fff;font-size:36px;margin:0;margin-bottom:20px; padding:0;}
section.aboutus div.container{text-align:center;font-size:20px;padding-top:200px;}

section.metals{background-color:#544e4b;color:#fff;}
section.metals div.container{position:relative;}
section.metals div.container div.content{padding-left:10%;background-position-x:0;background-position-y:0;background-repeat:no-repeat;background-size:auto 100%;}
section.metals div.container div.content div.content-scroll{height:400px;overflow-y:scroll;}
section.metals div.container div.content div.content-scroll div.content-in{float:left;width:70%;}
section.metals div.container div.content div.content-scroll div.content-in img{max-width:100%;}
section.metals div.container div.content div.content-scroll div.content-images{float:left;width:27%;margin-left:2%;}

ul.content-images{width:100%;display:inline-block;padding:17px 0 5% 0;padding:0;list-style:none;}
ul.content-images li{width:33%;display:inline-block;position:relative;vertical-align:top;}
ul.content-images li a{width:100%;position:relative;display:inline-block;outline:none;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
ul.content-images li a img{width:100%;height:auto;}
ul.content-images li:nth-child(1) a{margin-top:75%;margin-left:25%;}
ul.content-images li:nth-child(2) a{margin-left:1px;}
ul.content-images li:nth-child(3) a{margin-top:75%;margin-left:-25%;}

section.photo-galleries h4{font-family:'KlavikaBold', Sans-Serif;color:#544e4b;font-size:36px;margin:0;margin-bottom:20px;padding:0;text-align:center;}
section.photo-galleries ul{width:570px;display:block;padding:0;margin:auto;margin-bottom:10px;list-style:none;}
section.photo-galleries ul li{width:180px;height:130px;padding:0 5px;display:inline-block;position:relative;vertical-align:top;}
section.photo-galleries ul li a{width:180px;height:130px;display:inline-block;background-position-x:50%;background-position-y:50%;background-repeat:no-repeat;background-size:cover;outline:none;}

section.sliders{background-position-x:50%;background-position-y:100%;background-repeat:no-repeat;background-size:cover;}
section.contact{background-position-x:50%;background-position-y:100%;background-repeat:no-repeat;background-size:cover;}

footer{width:100%;position:relative;border-top:5px #544e4b solid;}
footer div.contact-top{width:100%;height:33px;margin-top:-33px;position:absolute;z-index:900;background-image:url('/Content/Images/local-top.png');background-position-x:50%;background-position-y:50%;background-repeat:no-repeat;}
footer div.map{position:absolute;width:100%;height:100%;left:0;top:0;}
footer div.information{width:35%;max-width:550px;height:370px;padding:50px 0 20px 5%;font-family:'KlavikaLight',Sans-Serif;background-color:rgba(84,78,75,0.80);z-index:901;position:relative;}
footer div.information h3{font-family:'KlavikaBold', Sans-Serif;color:#fff;font-size:22px;margin:0;margin-bottom:20px;padding:0 0 20px 0;background-image:url('/Content/Images/contactline.gif');background-position-x:0;background-position-y:100%;background-repeat:no-repeat;}
footer div.information ul.social{position:relative;bottom:0;right:0;margin-top:40px;}
footer div.information ul.social li a{margin-right:5px;margin-left:0;padding-left:0;}
footer div.information a{display:block;padding-left:35px;font-size:18px;color:#fff;text-decoration:none;line-height:45px;background-position-x:0;background-position-y:50%;background-repeat:no-repeat;}
footer div.information a:hover{text-decoration:underline;}
footer div.information a.mail{background-image:url('/Content/Images/mail.png');}
footer div.information a.phone{background-image:url('/Content/Images/phone.png');}
footer div.information span{display:block;padding-left:35px;font-size:18px;color:#fff;text-decoration:none;background-position-x:0;background-position-y:50%;background-repeat:no-repeat;}
footer div.information span.address{padding:10px 0 10px 35px;background-image:url('/Content/Images/local.png');background-position-y:0;}
footer div.information span.fax{line-height:45px;background-image:url('/Content/Images/fax.png');}
@media screen and (max-width:999px) {
    body {font-size:14px;}
    div.container{width:96%;max-width:96%;padding:0 2%;}
    /*header*/
    header{font-size:15px;width:100%;}
    header div.logo{text-align:left;}
    header div.logo img{height:70px;margin-left:2%;}

    nav.s-nav{position:absolute;top:0;background-color:rgba(84,78,75,0.80);}
    nav{display:none;background-color:rgba(84,78,75,0.80);z-index:9999;}
    nav ul{display:block;border-top:1px rgba(255,255,255,0.60) solid;margin-top:20px;}
    nav ul li{display:block;border-bottom:1px rgba(255,255,255,0.60) solid;}
    nav ul li a{line-height:40px;padding:0 0;}
    nav ul.languages{position:relative;top:0;right:0;display:inline-block;}
    nav ul.languages li{display:inline-block;border-bottom:none;}
    nav ul.languages li a{margin:10px 0 10px 5px;}

    header div.nav-icon{display:block;}

	nav a.kisisel-veri-korumasi{position:relative;}
    /*masterslider*/
    div.master-slider h3{font-size:15px;margin-left:50px;}
    /*home*/
    ul.social li a{width:30px;height:30px;background-size:auto 100%;}
    a.down{margin-left:-54px;}
    a.down img{height:40px;width:auto;}
    a.sonertm{bottom:50px;left:5%;}
    a.sonertm img{height:27px;}
    a.yapiyol{bottom:10px;left:5%;}
    /*page*/
    h1{font-size:20px;margin-bottom:10px;padding-bottom:10px;}
    h2{font-size:20px;margin:0;margin-bottom:10px;padding:0;}
    section.aboutus div.container{font-size:15px;padding-top:100px;}
    
    section.metals div.container div.content{width:99%;padding-right:1%;padding-left:0;background-image:none !important;}
    section.metals div.container div.content div.content-scroll{height:400px;}
    section.metals div.container div.content div.content-scroll div.content-in{float:none;width:98%;position:relative}
    section.metals div.container div.content div.content-scroll div.content-images{float:none;width:98%;height:165px;margin-left:0;}

    section.photo-galleries h4{font-size:20px;}
    section.photo-galleries ul{width:95%;}
    section.photo-galleries ul li{width:31%;height:130px;padding:0 1%;}
    section.photo-galleries ul li a{width:100%;height:130px;}

    ul.content-images{width:40%;padding:30px 5% 0 5%;}
    /*footer*/
    footer div.map{position:relative;width:100%;height:350px;}
    footer div.information{width:95%;max-width:95%;height:auto;padding:20px 0 20px 5%;}
    footer div.information h3{font-size:18px;margin-bottom:10px;padding:0 0 10px 0;}
    footer div.information ul.social{position:relative;bottom:0;right:0;margin-top:10px;}
    footer div.information ul.social li a{margin-right:5px;margin-left:0;padding-left:0;}
    footer div.information a{padding-left:35px;font-size:15px;line-height:30px;}
    footer div.information span{padding-left:35px;font-size:15px;}
    footer div.information span.address{padding:10px 0 10px 35px;}
    footer div.information span.fax{line-height:30px;}

}
/*Menu icon*/
#nav-icon {
    width: 35px;
    height: 30px;
    position: absolute;
    right:2%;
    top:29px;
    margin: 0px auto;
    z-index:701;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background:#544e4b;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
}
#nav-icon span:nth-child(2) {
  top: 10px;
}
#nav-icon span:nth-child(3) {
  top: 20px;
}
#nav-icon.open span {
  background-color:#544e4b;
}
#nav-icon.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.scrollbar-primary::-webkit-scrollbar{width:10px;background-color:rgba(255,255,255,0.20);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.scrollbar-primary::-webkit-scrollbar-thumb{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);background-color:#fff;}
@font-face {
	font-family:'KlavikaBold';
	src: url('/Content/Fonts/KlavikaBold.eot');
	src: local('☺'), url('/Content/Fonts/KlavikaBold.woff') format('woff'), url('/Content/Fonts/KlavikaBold.ttf') format('truetype'), url('/Content/Fonts/KlavikaBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'KlavikaRegular';
	src: url('/Content/Fonts/KlavikaRegular.eot');
	src: local('☺'), url('/Content/Fonts/KlavikaRegular.woff') format('woff'), url('/Content/Fonts/KlavikaRegular.ttf') format('truetype'), url('/Content/Fonts/KlavikaRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'KlavikaLight';
	src: url('/Content/Fonts/KlavikaLight.eot');
	src: local('☺'), url('/Content/Fonts/KlavikaLight.woff') format('woff'), url('/Content/Fonts/KlavikaLight.ttf') format('truetype'), url('/Content/Fonts/KlavikaLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.fancybox-lock body {
    overflow: visible !important;
}