﻿x/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin-ext,latin);*/

@font-face {
  font-family: 'Montserrat';
  src: url('../font/Montserrat-Regular.eot'); /* IE9 Compat Modes */
  src: url('../font/Montserrat-Regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */
       url('../font/Montserrat-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Montserrat-Regular.svg#95d90f2cd2aa64bdfee0e9f34c516e71') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../font/Montserrat-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('../font/Montserrat-SemiBoldd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Montserrat-SemiBold.woff') format('woff'), /* Modern Browsers */
       url('../font/Montserrat-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Montserrat-SemiBold.svg#1ff0c6908268c6b66905273d3627c4c9') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../font/Montserrat-Light.eot'); /* IE9 Compat Modes */
  src: url('../font/Montserrat-Lightd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Montserrat-Light.woff') format('woff'), /* Modern Browsers */
       url('../font/Montserrat-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Montserrat-Light.svg#c152625b71562a7bb7b752375273b2d5') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}


body{font-family:'Montserrat', Arial;margin:0;padding:0;background:#fff;font-weight:400;font-size: 16px;color: #4A4A4A;letter-spacing: 0.5px;line-height: 28px;font-weight: 200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;

}
a{color:#2e8dc2;text-decoration:none;transition: all 0.3s ease;}
a:hover{color:#727c88;text-decoration:none}
a:focus{text-decoration:none}
strong,b{font-family:'Montserrat',Arial;font-weight:700}
p.lead {font-size: 24px;line-height: 36px;margin-bottom: 60px;}
p.notice {font-size: 16px;line-height: 24px;margin:0 auto;font-style: italic;width: 80%;text-align: center;}
img {max-width: 100%;}

.mt-0{margin-top: 0 !important;}
.makale-container {
	position: relative;
	width: 100%;
	margin: 60px auto 60px auto;
	overflow: hidden;
}

.makale-container img {
	margin-bottom: 0px;

}

.makale-half {
	position: relative;
	width: 70%;
	margin: 60px auto 60px auto;
	overflow: hidden;
}

.makale-side {
	position: relative;
	float: left;
	width: 20%;
	margin-top: 25px;
}

.makale-main {
	position: relative;
	float: left;
	width: 70%;
	margin-left:10%;
}

.urundetay h1,
.makale-half h2,
.makale-container h2 {
	text-align: center;
	margin:0px 0 60px;
	font-weight: 200;
	font-size: 36px;
	line-height: 48px
}

.urundetay h1 {margin-top: 60px;}

.makale-half h3,
.makale-container h3 {
	margin-bottom: 20px;
}

.makale-half h4,
.makale-container h4 {
	color:#2e8dc2;
	text-transform: uppercase;
	font-size: 16px;
}

.makale-half h5,
.makale-container h5 {
	color:#2e8dc2;
	font-size: 21px;
	line-height: 28px;
	letter-spacing: 2px;
}

.makale-half ul,
.makale-container ul,
.makale-half ol,
.makale-container ol {
	margin-bottom: 60px;
}

.makale-half li,
.makale-container li {
	margin-bottom: 20px;
}

.makale-half p,
.makale-container p {
	margin-bottom: 10px;
}

.big-img {
	margin: 120px auto;
	text-align: center;
} 

.container-fluid{padding:0;margin:0}

.no-padding{padding:0}

@media (max-width: 767px) {
	
	p.lead {font-size: 16px;line-height: 24px;margin-bottom: 20px;}

	.big-img { margin: 20px auto; }

	.makale-container {
		margin: 0;
	}

	.makale-container img {
		margin-bottom: 20px;

	}

	.makale-half {
		width: 100%;
		margin: 5px auto 5px auto;
	}

	.makale-side {
		
		overflow: hidden;
	}

	.makale-main {
		width: 100%;
		margin-left:0;
	}

	.urundetay h1,
	.makale-half h2,
	.makale-container h2 {
		margin:20px 0 20px;
		font-size: 24px;
		line-height: 28px;
		font-weight: 700;
	}

	.urundetay h1 {margin-top: 20px;}

	.makale-half h3,
	.makale-container h3 {
		margin-bottom: 10px;
	}

	.makale-half h4,
	.makale-container h4 {
		font-size: 14px;
	}

	.makale-half h5,
	.makale-container h5 {
		font-size: 18px;
		line-height: 24px;
	}

	.makale-half ul,
	.makale-container ul,
	.makale-half ol,
	.makale-container ol {
		margin-bottom: 20px;
	}

	.makale-half li,
	.makale-container li {
		margin-bottom: 10px;
	}

	.makale-half p,
	.makale-container p {
		margin-bottom: 20px;
	}



}

input:focus,a:focus,textarea:focus{outline:none;}

#katacilir { width: 250px; height: auto; padding: 5px 0 20px; background: #131313; color: #fff; top: 0; bottom: 0; overflow: hidden; position: fixed;z-index: 999999; margin-left: -250px; display: none; }  
#katacilir .closemobilmenu { float: right; width: auto; color: #fff; text-align: center; font-size: 15px; line-height: 20px; margin: 3px 10px 5px 0; }  
#katacilir ul{ width: 100%; height: 95%;margin:0 auto; padding: 10px 0 0; overflow: auto;font-weight:300;font-size: 15px;}                                                         
#katacilir ul li { padding: 10px 5px 10px 20px;list-style:none;border-bottom:solid 1px #1e1e1e;font-weight:700; }  
#katacilir ul li a { color: #fff; display: list-item; font-size: 15px; }  
#katacilir ul .icerde {padding: 15px 0 15px 40px; }  
#katacilir ul .icerde  a { font-size: 14px;font-weight:300;  }

.header{width:100%;margin-top:20px;}
.header .logo{width:200px;float:left;}

.menu{width:auto;margin:50px 0 0 50px;background:none;font-weight:700;}
.menu .navbar{background:none;border:none;margin:0}
.menu .navbar-nav>li>a{font-size:14px;padding:20px 15px 20px 15px;color:#515356;letter-spacing: 1.75px;}
.menu .navbar-nav>li>a.active{color: #2E8DC2;}
.menu .navbar-nav>li>a:hover{color:#2E8DC2;background:none!important}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background:none!important}
.menu .dropdown-menu{border:0;margin-top:0;border-radius:0;background:#fff;min-width:180px;box-shadow: 0 4px 5px #6c6c6c;padding:10px 5px;border-bottom:solid 8px #4a4a4a}
.menu .dropdown-menu>li>a{padding:10px 15px;font-size:12px;font-weight:700;color:#515356;text-transform: uppercase;}
.menu .dropdown-menu>li>a:hover{color:#2e8dc2}

.menu .open{background:url(../img/ok.png) no-repeat bottom;}

.mobilmenu{float:right;margin-right:10px;margin-top: 17px;cursor:pointer;}
.mobilmenu .bar{padding:5px;border:none;border-radius:0;display:block;}
.mobilmenu .icon-bar{width: 22px; height: 2px; border-radius: 1px;background:#515356;margin: 4px 0 4px 0;display:block}

.mobilmenu.fixedmenu{position:fixed;background:#fff;border-radius:100%;padding:10px;top:30px;right:20px;z-index:99999999;box-shadow:0 3px 3px #ccc}

.dokuman{width:auto;float:right;padding:10px 10px 10px 25px;margin-left:75px;font-weight:600;}
.dokuman a{color:#333}
.dokuman a:hover{color:#2e8dc2}

.arama{width:25px;height:25px;float:right;color:#333;padding:10px 15px;font-weight:600;cursor:pointer;}
.arama:hover {color: #2E8DC2}

.search{position:fixed;width:100%;height:100%;background:#fff;opacity:0.9;display:none;z-index:999999;top:0;left:0;}
.search.searchactive{display:block;}
.search .search-content{width:50%;height:auto;margin:0 auto;padding-top:20%;text-align:center;}
.search .search-content input{width:90%;height:60px;background:none;border:none; border-bottom:solid 1px #ccc;font-size:40px;font-weight:300;text-align:center;padding:20px 0;margin-bottom:20px;}
.search .search-content span{font-size:16px;font-weight:300;}

.search-list{margin:40px 0 30px 0;}
.search-list{padding:0;margin:0;margin-top:30px}
.search-list li{list-style:none;}
.search-list li a{padding:15px 20px;font-size:16px;background:#f8f8f8;display:list-item;list-style:none;color:#333;font-weight:600}
.search-list li a:hover{background:#eee;}

#banner{width:100%;height:auto;position:relative}
#banner .carousel-indicators li{border:none;width: 20px;height: 20px;background-color: #2E8DC2;background-color: #CBCBCB}
#banner .carousel-inner>.item>img, .carousel-inner>.item>a>img{margin:0 auto;}
#banner .carousel-indicators li.active {background-color: #2E8DC2;}
#banner .banner-mask{width:100%;height:40px;background:url(../img/banner-mask.png) repeat-x center;position:absolute;top:0;z-index:999}

@media (max-width: 767px) {
  #banner {margin-top: 60px}
  #banner .carousel-indicators {display: none;overflow: hidden;}
  #banner .banner-mask {display: none;overflow: hidden;}

}

.section{margin: 60px auto}

.solution a{color:#333;}
.solution .solution-title{font-size:36px;line-height: 42px;margin-top:180px;color: #515356;font-weight: 200;}
.solution .solution-title .dalga{background:url(../img/dalga.png) no-repeat;padding:20px;margin-top:10px}

.solution .solution-box {box-shadow: 0px 0px 15px 6px rgba(0,0,0,0.07);font-size:24px;font-weight:210;letter-spacing: 1px;padding: 40px;text-align:center;min-height:210px;transition: all 0.4s ease;background-color:#f3f3f3;border: 6px solid #EBEBEB;margin-bottom:30px;}
.solution .solution-box span{display: block;margin-bottom: 20px;font-size: 40px;}
.solution .solution-box:hover{background:#2E8DC2;color:#fff;border: 6px solid #fff;box-shadow: 0px 0px 15px 6px rgba(0,0,0,0.0.8);}


.video{height:600px;background:url(../img/video.jpg) no-repeat center;
	width: 100%;
position: relative;
background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../img/video.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../img/video.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}
.video .video-button{
	width:121px;
	height:122px;
	background:url(../img/video-play.png) no-repeat center;
	position: absolute;left:50%;top:50%;
	margin-left: -60px;
	margin-top: -60px;
}

.title{width:100%;text-align:center;margin-bottom:120px;font-size:36px;font-weight:200;}

.why-box{margin:20px 10px 30px 10px;min-height:125px}
.why-box .why-box-left{float:left;width:10%;font-weight:200;color:#CBCBCB;font-size: 14px;}
.why-box .why-box-right{float:right;width:90%;font-size: 16px;color:#4A4A4A;letter-spacing: 0.5px;line-height: 28px;font-weight: 200}

/*.main-bottom{height:600px;background:url(/Upload/content/dokme-demir.jpg) no-repeat center;}*/
.main-bottom .main-bottom-text{width:100%;height:auto;text-align:center;padding-top:200px;font-size:48px;color:#fff;font-weight:600;line-height: 64px;}

.footer{margin-top:30px;}
.footer .social{width:100%;height:auto;text-align:center;padding-top:30px;border-top:solid 2px #eee;}
.footer .social a{padding:10px;font-size:25px;color:#b2b2b2;margin:10px}
.footer .social a:hover{color:#2e8dc2}

.footer .copy{width:100%;height:auto;text-align:center;margin-top:30px;}
.footer .egrafi{width:auto;display:table;margin:0 auto;margin-top:30px;margin-bottom:20px;}


.icerik-title{width:100%;height:260px;position:relative;}
.icerik-title .icerik-mask{width:100%;height:40px;background:url(../img/banner-mask.png) repeat-x center;position:absolute;top:0;z-index:999}
.icerik-title .mavi-ekran{background:#2e8dc2;width:100%;height:260px}
.icerik-title .mavi-ekran h1{width:100%;text-align:center;padding-top:120px;font-size:48px;font-weight:700;color:#fff;}

.detay{padding:0;}
.solmenu{background:#eee;margin:30px 15px 0 0;padding:10px 0}
.solmenu ul{padding:0;}
.solmenu ul li{list-style:none;}
.solmenu ul li a{padding:15px 10px 15px 20px;color:#333;display:list-item;list-style:none}
.solmenu ul li a:hover{background:#ddd}
.solmenu ul li .active{font-weight:700;background:#ddd}

.urun{width:100%;height:350px;position:relative;background-size:100% 100%;background-size: 100% auto!important;}
.urun:hover .urun-baslik{color:#333;transition: all 0.5s ease;background:#f4f4f4}
.urun:hover .urun-baslik h3{color:#333}
.urun .urun-baslik{width:90%;position:absolute;width:100%;height:100%;background:url(../img/mask.png)}
.urun .urun-baslik h3{margin-top:150px;font-weight:700;text-transform:uppercase;font-size:24px;width:100%;text-align:center;color:#fff;}

.products{width:100%;height:auto;padding:50px 0 50px 0;background:#96c6e0;position:relative}
.products .dropdown{position:relative;width:auto;display:table;margin:0 auto;}
.products .dropdown-toggle{width:480px;min-height:75px;margin:0 auto;border:solid 5px #fff;background:none;-webkit-appearance: none;-moz-appearance: none;appearance: none; background: url(../img/select-arrow.png) no-repeat right 20px top 20px;margin:0 auto;padding:10px;display: table;color:#fff;font-size:20px;font-weight:400;position:relative;text-align: left;text-transform: uppercase;}
.products .dropdown-menu{width:480px;margin:0 auto;border:solid 5px #fff;background:#fff;border-radius:0;top: 75px;max-height:300px;overflow:auto;}
.products .dropdown-toggle:focus{outline:none;}

.dropdown-menu li a{color:#2e8dc2;padding:12px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:16px;font-weight:200}

.urundetay{height:auto;}
.urundetay h1{font-size:36px;font-weight:400;text-align:center}

.katalog{min-height:300px;margin:50px 20px 0 20px;border:solid 2px #999999;border-radius:5px;padding:35px}
.katalog .pdf-icon{width:20px;height:20px;background:url(../img/icon-pdf.png) no-repeat;margin:0 auto;}
.katalog .katalog-title{font-size:24px;text-align:center;margin:30px 0 20px 0;color:#333;height:100px;}
.katalog .katalog-indir{width:auto;display:table;margin:0 auto;margin-top:40px;}
.katalog .katalog-indir a{padding:10px 50px;border:solid 1px #999999;border-radius:40px;font-weight:700;color:#333;}
.katalog .katalog-indir a:hover{background:#2e8dc2;border:solid 1px #2e8dc2;color:#fff;}

.haber{min-height:450px;margin:50px 10px 0 10px;border:solid 2px #999999;border-radius:5px;padding:35px;position:relative}
.haber .haber-tarih{width:90%;height:20px;margin:0 auto;color:#a2a2a2;font-size:15px;text-align:center;}
.haber .haber-title{font-size:24px;text-align:center;margin:30px 0 20px 0;color:#333;min-height:250px;}
.haber .haber-title span{font-size:16px;color:#a2a2a2;line-height:normal;}
.haber .haber-indir{width:auto;display:table;margin:0 auto;margin-top:40px;}
.haber .haber-indir a{padding:10px 50px;border:solid 1px #9B9B9B;border-radius:40px;font-weight:700;color:#4A4A4A;font-size: 12px;letter-spacing: 2px;}
.haber .haber-indir a:hover{background:#2e8dc2;border:solid 1px #2e8dc2;color:#fff;}

.montaj{min-height:300px;margin:50px 10px 0 10px;border:solid 2px #999999;border-radius:5px;padding:35px;position:relative}
.montaj .montaj-title{font-size:24px;text-align:center;margin:30px 0 20px 0;color:#333;min-height:100px;}
.montaj .montaj-title span{font-size:16px;color:#a2a2a2;line-height:normal;}
.montaj .montaj-indir{width:auto;display:table;margin:0 auto;margin-top:40px;}
.montaj .montaj-indir a{padding:10px 50px;border:solid 1px #2e8dc2;border-radius:40px;font-weight:700;color:#fff;font-size: 12px;letter-spacing: 2px;background:#2e8dc2}
.montaj .montaj-indir a:hover{border:solid 1px #9B9B9B;color:#333;background:#fff}


.uyelik{width:80%;height:auto;margin:0 auto;margin-top:30px;padding:20px;background:#f8f8f8}
.uyelik .cc{margin-bottom:20px;line-height:50px;}
.uyelik .input{height:50px;width:90%;border:solid 2px #999;border-radius:3px;text-indent:20px;margin-bottom:20px;border-radius:40px;font-weight:600}
.uyelik .btnGonder{padding:14px 40px;background:#2e8dc2;color:#fff;border:0;font-weight:600;font-size:16px;border-radius:40px;}
.uyelik .btnGonder:hover{background:#333}

.form-contact{width:100%;padding:30px 40px;background:#fdfdfd;margin-top:30px;}
.form-contact .dd{font-size:14px;color:#4d4d4d;font-weight:700;margin-bottom:10px;}
.form-contact .bb{margin-bottom:20px;}
.form-contact .bb .input{width:100%;height:45px;background:#fefefe;border-radius:4px;border:none;border:solid 1px #ccc;padding:5px 10px;}
.form-contact .bb .cresim{background:#fff;border-radius:4px;border:none;border-top:solid 1px #ccc!important;padding:5px 10px;height:45px;float:right;}
.form-contact .input:focus{outline:none}
.form-contact .textarea{max-width:100%;height:100px!important;}
.form-contact .btnGonder{width:auto;float:right;background:none;color:#2e8dc2;padding:6px 50px 6px 50px;margin-top:20px;border:solid 2px #2e8dc2;font-size:15px;font-weight: 700;border-radius:30px;}
.form-contact .btnGonder:hover{background:#2e8dc2;color:#fff;}

.referans{margin:20px 0 10px 0;}
.referans .ref-resim{width:120px;height:120px;background:#eee;border-radius:100%;position:relative;}
.referans .ref-resim span{position:absolute;top:40%;left:42%;color:#ccc;font-size:20px;}
.referans .ref-detail{padding:10px;font-size:17px;}
.referans .ref-detail span{font-size:13px;}

.acordion{padding:40px 0 40px 0}
.panel-title {padding: 30px 10px;}
.panel-title a {font-size:16px;color:#4A4A4A;font-weight:400;letter-spacing: 0.5px;}
.panel-title span {float: right;}

.panel-default>.panel-heading{border:0;background:none;}
.panel{background:#fff;box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.10);}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border:0}
.panel-heading{padding:5px 15px;}
.panel-body{padding:10px 35px 30px 35px;}
.panel-group .panel{margin-bottom:20px;}



.icerik table{background:#fff;color:#4A4A4A;font-size:14px;margin:40px 0 40px 0;}
.icerik table td{padding:15px;font-weight:200;border:solid 1px #979797;vertical-align:middle!important}
.icerik table b{font-weight:700}
.icerik table p{margin:0;}

.minTable table{background:#fff;color:#4A4A4A;font-size:11px;margin:20px 0 20px 0;}
.minTable table td{padding:2px;font-weight:50;border:solid 1px #979797;vertical-align:middle!important}
.minTable table b{font-weight:600}
.minTable table p{margin:0;}
.minTable h3{font-size:14px;margin: 2px 2px 2px 2px;}


.haberdetay h2{font-size:36px;margin:60px auto 0 auto; width: 70%;}


.features h3 {
	font-size: 14px;
	text-transform: uppercase;
	color: #4A4A4A;
	letter-spacing: 1px;
	line-height: 28px;
	font-weight: 700;
	margin-top: 0;
}

.slogan-1{
	height: 600px;
	position: relative;
	background-image: url('../../../Upload/content/dokme-demir.jpg');

  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: no-repeat;
} 

 
.bg-shadow {
    display: block;
    width: 95%;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    border: 13px solid #fff;
    box-shadow: 6px 6px 30px 0 rgba(0,0,0,.15);
}

.basin{border:solid 2px #989898;padding:30px;min-height:300px;margin-top:50px}
.basin .basin-tarih{color:#9b9b9b;font-size:14px;}
.basin .basin-baslik{font-size:24px;margin:10px 0 10px 0;}
.basin .basin-dokuman{font-style:italic;}
.basin .basin-dokuman a{color:#2e8dc2;font-weight:600}
.basin .basin-content{margin-top:20px;font-size:13px;}

.backtotheproducts{border:solid 1px #f0f0f0;display:table;width:100%;padding:15px 0;text-align:center;color:#4a4a4a;font-size:10px;margin:20px 0 20px 0;font-weight:600}
.backtotheproducts:hover{background:#2e8dc2;color:#fff;}

.tableClasshere
{
		padding: 50px 0px 0px 0px;
		margin: 50px 0px 0px 0px;
}




.article_tinymce p {width:100%;margin:0;padding:0 15% 30px;}
.article_tinymce ul,
.article_tinymce ol
{width:100%;margin:0;padding:0 15% 30px 18%;}
.article_tinymce h1,
.article_tinymce h2,
.article_tinymce h3,
.article_tinymce h4,
.article_tinymce h5,
.article_tinymce h6
{width:100%;margin:0;padding:20px 15%;}
.article_tinymce p img {margin-right:-20%;margin-left:-20%;width:calc(100% + 40%);max-width:none;}
.article_tinymce p iframe {margin-right:-20%;margin-left:-20%;width:calc(100% + 40%);max-width:none;}

.article_tinymce_2 h1,
.article_tinymce_2 h2,
.article_tinymce_2 h3,
.article_tinymce_2 h4,
.article_tinymce_2 h5,
.article_tinymce_2 h6,
.article_tinymce_2 p {display: inline-block;margin:0;float:right;width:80%;padding:0 0 30px 30px;}
.article_tinymce_2 div {display: inline-block;float:left;width:20%;}
.article_tinymce_2 div img {width:100%;}

.h2 {
	    line-height: 36px;
}

.languageholder{
display:inline;
}

.language{
display:inline;
}








