#temizle {clear:both; } 
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;} 
body{margin:0px;text-align: left;padding:0;overflow-x: hidden;font-family: 'Montserrat', sans-serif;font-weight:300; font-size:15px; color:#959595; line-height:25px;}
#wrapper{ position:relative; width: 1200px; margin: 0 auto; }
header{ position:relative; width: 100%; height: auto; height: 110px; padding: 10px 0px; box-sizing: border-box; background: url(/img/header-bg.jpg) center no-repeat; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.0); z-index: 9999999 !important;  transition:all 0.5s ease-in;}

header > #wrapper > .logo {position: relative;width:19%;float: left;display: block;top: 5px;}
header > #wrapper > .logo img{  width: 100%; }
header > #wrapper > .menu > .line{ position: absolute;  width: 100%; height: 1px; background:rgba(229,228,239,1.00); bottom: 50%; z-index: 1;  }
header > #wrapper > .menu{position: relative;width: 62%;border-bottom: 10px solid #ff9c04;height: 100px;line-height: 50px;float:right;display: block;text-align: center;/* top: -20px; */margin-top: -10px;}
header > #wrapper > .menu ul{ list-style: none; margin: 25px auto;}
header > #wrapper > .menu ul li{position: relative;display: inline-block;margin: 0 17px;z-index: 2;} 
header > #wrapper > .menu ul li a{ position: relative; width: 100%; height: 50px; line-height: 50px;font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; color: #231f20; text-decoration: none; padding: 0px 5px; background:rgba(255,255,255,1.00); display: block; } 
header > #wrapper > .menu ul li a:hover{ background:#ff9c04; color:aliceblue; border-radius: none; }
header > #wrapper > .menu ul li ul{ position: absolute; visibility: hidden; width: 350px; left: 0; top: 100px; background:#ff9c04; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); padding: 15px; box-sizing: border-box; border-radius: 5px; transition:all 0.2s ease-in; }
header > #wrapper > .menu ul li ul li{ position: relative; width: 100%; height: auto; display: block; margin: 0; text-align: left;}
header > #wrapper > .menu ul li ul li a{ width: 100%; height: auto; font-size: 14px; font-weight: 400; line-height:20px; padding: 5px; box-sizing: border-box; text-align: left;  background: none; display: block; color: aliceblue; border-radius: 5px; } 
header > #wrapper > .menu ul li ul li a:hover{ background: rgba(255,255,255,1.00); color: rgba(0,0,0,1.00); }
header > #wrapper > .menu li:hover > ul{ top: 27px; visibility: visible; transition:all 0.2s ease-in; }
header > #wrapper > .menu li:hover > a{ background:#ff9c04; color:aliceblue; border-radius: none; }

.ust #ust-sosyal{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; color: #FFFFFF; float: right;  margin: 15px auto; }
.ust #ust-sosyal a{width: auto; color: #FFFFFF; float: right; margin-left: 15px; font-size: 18px;  }


.ust{ position: relative; width: 100%; background: #262626; display: block; top: -12px; }

#ust-phone{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto;font-family: 'Montserrat', sans-serif; color: #FFFFFF; float: left; font-size: 15px; font-weight: 300; margin: 15px auto; margin-left: 50px;}
#ust-phone img{padding-right: 10px; max-width: 100%; margin-top: -5px;}

#ust-mail{position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; color: #FFFFFF;font-family: 'Montserrat', sans-serif; float: left; font-size: 15px; font-weight: 300; margin: 15px auto;  }
#ust-mail img{padding-right: 10px; max-width: 100%; margin-top: -5px;}

#ana-orta{position: relative; display: block; width: 100%;}
#hizmet{background: #ff9c04;text-align: center;float: left;width: 16%;margin: 0.3%;padding: 34px 10px 20px 10px;border-radius: 10px; transition:all 0.6s ease-in;}
#hizmet img{padding-bottom: 24px;}
#hizmet span{font-size: 16px; color: #000; font-weight: 500; margin-top: 10px;}

#hizmet:hover{background: #2e9088;  transform: rotate3d(0, 1, 0, 360deg) !important;}

#ana-hak{position: relative; display: block; width: 100%;}
.but{background:#ff9c04; padding: 15px 25px; color: #fff; font-size: 16px; font-weight: 600;}
#ana-hak #yarim2{text-align: center;}
#yarim2 h2{color: #fff;}
.but2{border:1px solid #fff; padding: 15px 25px; color: #fff; font-size: 16px; font-weight: 600; margin:0px auto; text-align: center;}

#ana-hak #yarim2{background: url(/img/hak.jpg) center no-repeat; height: 330px;}


#pdf{ position:relative; display:block;font-family: 'Montserrat', sans-serif; font-weight:600; font-size:14px;  width:100%; background:#004a91; color:#fff; padding:10px; transition:all 0.2s ease-in; margin-bottom:10px;}
#pdf i{ float:right; font-size:24px;}
#pdf:hover{background:#000; }

#buton{position:absolute; display:block; color:#FFF; background: #00a1e0; padding:20px; margin:-285px 150px; z-index:999;}



#banner{ position: relative; width: 100%;  display: block; }
#home-blog-content{ position: relative; display: block; text-align: left; box-sizing: border-box; top: 40px; font-size: 28px; font-weight: 700 !important; }
#home-blog-content img{ max-width: 100%;}

#sag-menu-1 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    min-height: 45px;
    line-height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    background: #000;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

    #sag-menu-1:hover {
        background: #fff;
        color: #000;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }

#sag-menu-1-aktif {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    min-height: 45px;
    line-height: 45px;
    padding-left: 15px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    background: #ff9c04;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#sag-menu-2 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #666;
    font-weight: 400;
    min-height: 30px;
    line-height: 30px;
    padding-left: 40px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    background: #f0f0f0;
    border-bottom: 1px solid #CCC;
}

    #sag-menu-2:hover {
        background: #ccc;
        color: #fff;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        -ms-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }

#sag-menu-2-aktif {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    min-height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    background: #ccc;
}

#sag-menu-3 {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #666;
    font-weight: 700;
    min-height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    box-shadow: 0px 1px 1px #666;
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
}

    #sag-menu-3:hover {
        background: #f7f7f7;
        color: #333;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        -ms-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }

#sag-menu-3-aktif {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #666;
    font-weight: 700;
    min-height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    display: block;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 100%;
    clear: both;
    border-left: 0px;
    box-shadow: 0px 1px 1px #666;
    background: #fff;
    margin-bottom: 0px;
    border-bottom: 1px solid #e4e4e4;
}



#yarim1{ position:relative; width:49%; float:left; margin-bottom:2%; box-sizing: border-box;}
#yarim2{ position:relative; width:49%; float:right; margin-bottom:2%; box-sizing: border-box;}


#footer-top-bar { display:block; position:relative; width:100%; padding:40px 0px; background-color:#000000;font-family: 'Montserrat', sans-serif; }
#footer-top-bar #footer-top-box {margin-right: 36px;float:left;position:relative;display:block;text-align:left;}
#footer-top-bar #footer-top-box h1 { margin:0; font-size:20px; font-weight:900; color:#fff; width:100%; padding:0px 0px 5px 0px;}
#footer-top-bar #footer-top-box a { margin:0; font-size:14px; font-weight:400; color:#fff !important; width:100%; }
#footer-top-bar #footer-top-box .footer-phone { transition:.3s ease all; display:block; position:relative; border:1px solid #fff; padding:15px 30px; border-radius:5px; color:#fff !important; font-size:16px; font-weight:700;}
#footer-top-bar #footer-top-box .footer-phone i{ padding-right:10px !important;}
#footer-top-bar #footer-top-box .footer-phone:hover { border:1px solid #7b0306;  color:#fff !important; background-color:#7b0306; font-weight:400;}
footer { position:relative; width:100%; display:block; padding:30px 0px; font-family: 'Montserrat', sans-serif;   }
#footer-left { width:80%; float:left; text-align:left;}
#footer-left-top { width:100%; float:left; text-align:left;}
#footer-left-top .footer-nav { color:#000000; margin-right:10px; font-size:12px; font-weight:500;} 
#footer-left-bottom { width:100%; float:left; text-align:left;}
#footer-left-bottom p { color:#aaa; font-size:12px; margin-top:10px;}
#footer-right { width:20%; float:right; text-align:right; margin-top:10px;}


#ebultentxt{width:75%; height:60px; background:#464646; line-height:60px; padding-left:10px; box-sizing:border-box; border:0px; border-top-left-radius:5px;border-bottom-left-radius:5px; }
#ebultengonder{border:0px; background:#464646; width:25%; float:right; box-sizing:border-box; text-align:center;  line-height:58px; font-family: 'Montserrat', sans-serif;  font-size:24px; color:#fff; font-weight:700; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}
#ebultengonder:hover{ background:#f66000; }

.vticker {font-family: 'Montserrat', sans-serif; width: 100%; margin: 0px auto;}
.vticker ul { padding: 0; }
.vticker li { list-style: none; width:80%; display:block; position:relative; border:none !important; min-height:60px !important; padding:20.5px 0px !important; border-bottom: 1px solid #fff !important;}
.vticker li .vticker-date { width:60px; height:60px; float:left; display:block; position:relative;  color:#fff; font-size:20px; font-weight:700; line-height:20px; text-align:center; padding-top:6px;  border-right: 1px solid #fff;}
.vticker li .vticker-date span {  font-size:24px; font-weight:500; }
.vticker li a {	text-decoration: none; color: #FFFFFF !important; float: right;text-align:left; font-size:14px; width:80%; padding-left:15px; line-height:22px; font-weight:300; }
.up, .down{ background:none; border:0px; height:30px; width:30px; line-height:30px; text-align:center; color: #fff; font-size: 28px; }
.up:hover, .down:hover{ color:#004a91 !important; cursor:pointer; }
#ana-orta .link {position: relative; text-align: right; width: 100%; padding: 10px 80px; font-family: 'Montserrat', sans-serif; }
#ana-orta  .link a{ font-size: 18px; color: #FFFFFF; font-weight: 500;font-family: 'Montserrat', sans-serif; }

.title{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:28px; color:#000; line-height:35px;   }
.white-title{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:30px; color:#fff; line-height:35px;  }
.white-title span{font-family: 'Montserrat', sans-serif;font-weight:300; font-size:26px; color:#fff; line-height:35px;  }
.white-title2{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:18px; color:#fff; line-height:35px;  }
.text{font-family: 'Montserrat', sans-serif;font-weight:500; font-size:16px; color:#000; line-height:28px; }
.white-text{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#fff; line-height:24px; }
.white-text2{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#fff; line-height:24px; text-align: left; }
.title2{font-family: 'Montserrat', sans-serif;font-weight:600; font-size:28px; color:#000; line-height:35px;   }
.title2 span{ font-weight: 900; }
.title3{font-family: 'Montserrat', sans-serif;font-weight:500; font-size:36px; line-height:35px;  text-align: center;  }
.title3 span{ font-weight: 900; }
.title4{font-family: 'Montserrat', sans-serif;font-weight:500; font-size:36px; color:#fff; line-height:52px;  text-align: center;  }
.title4 span{ font-weight: 900; }

.style1{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000; background:#fff; width:100%; height:70px; line-height:70px; padding-left:15px; margin-bottom:5px; border:0px; box-sizing:border-box; border:1px solid #f0f0f0; outline:none; }
.style2{font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000;background:#fff;width:100%;height:152px;line-height:25px;padding-left:15px;margin-bottom:1px;border:0px; box-sizing:border-box; border:1px solid #f0f0f0;outline:none; }
.buton-form{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:20px; color:#fff;background:#56aacf;width:auto;height:50px;line-height:50px;padding:0px 30px;border:0px;box-sizing:border-box;cursor:pointer; display:inline-block;}
.buton-form:hover{ background:#000; }


#gri{ position:relative; width: 100%; padding: 30px 0px; background: #f9f9f9; }

.kapa{ display:block; }
.acil{ display:none; }
@media only screen and (max-width: 1000px) { 
	#wrapper{ width: 100%; padding: 0 15px; box-sizing: border-box; }
	header{ position:relative; width: 100%; height: auto; height: 100px; padding: 10px 0px; background: none;}
	header > #wrapper > .logo { max-width:40%; margin: 0px auto; float: none; }
	header > #wrapper > .logo img{ width: auto; height: 50px; margin-top: 10px; }
	header > #wrapper > .menu{ display: none; }
	#contact{ position: relative; display: block; float: right; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; color:#000; margin-top: 20px; text-align: right;}
	#banner{ padding-top: 20px; }
	.header{margin-top:10px;}
	.ust{display: block;}
	#contact2{left: 15px; margin-top: 15px;}
	#ana-urun2 > #wrapper{ background:none; height:auto; background: #d2232a; padding: 20px;}
	#title2{font-family: 'Montserrat', sans-serif;font-weight:500; font-size:36px; color:#fff; padding:50px 30px; padding-bottom:0px; line-height: 50px;}
#title2 span{font-family: 'Montserrat', sans-serif;font-weight:300; font-size:18px; color:#fff;}
#cizgi{ position:relative; display:block; width:250px; height:12px; background:#fff; margin-left:60px; transition:all 0.4s ease-in;}
#ana-urun2 > #wrapper:hover #cizgi{width:20%; transition:all 0.4s ease-in; }

	.up, .down{ display: none;}
#ana-orta{ background: none; margin-top: 10px;}
#ana-orta #yarim1{ background: #981c25; padding: 10px;}
.vticker li a {	text-decoration: none; color: #FFFFFF !important; float: right;text-align:left; font-size:14px; width:70%; padding-left:15px; line-height:22px; font-weight:300; }
#ana-orta .link { padding: 10px 10px;}


	#hizmet{width: 48%;}


	#home-blog-content{ width: 100%; height:auto; transform: rotate(0deg); }
	#home-blog-content-wrapper{ height: auto; padding-bottom: 30px; transform: rotate(0deg); }

	#home-about-content{ width: 100%; height:auto;background:#4ea0c6; border: 1px solid rgba(255,255,255,1.00); transform: rotate(0deg); margin: 20px auto;  }
	#home-about-content-wrapper{  height:auto; padding:  20px; transform: rotate(0deg); }
	
	#home-contact-content{ width: 100%; height:auto;  transform: rotate(0deg); }
	#home-contact-content-wrapper{ height:auto; padding: 20px; transform: rotate(0deg); }
	
	#home-product-box{ margin-top: 20px; padding: 20px; }
	#lazer{position: relative; display: block; box-sizing: border-box; float: left; width:100%; margin: 0.5%; }
	#takip{ float:left; }
	#takip a:hover{ color:#333; }
	#page-title{ padding:30px 0; }
	#about-box-1{ width:100%; min-height: 200px;  }
	#about-box-2{ width:100%;  }
	#product-box{ width:99%; margin:0.5%; }
	#product-box-2{ width:100%; margin:0.5%; }
	#product-menu{ width:100%; float:left; border-radius:5px; padding:0; margin:0; background:#FFF; }
	#product-content{ width:100%; }
	
	#yarim1{ width:100%; float:left; margin-bottom:2%; box-sizing: border-box;}
	#yarim2{ width:100%; float:right; margin-bottom:2%; box-sizing: border-box;}
	#uclu{position: relative; display: block; box-sizing: border-box; float: left; width: 100%;  }
	


	
	
	#footer-top-bar { display:block; position:relative; width:100%; padding:30px 0px; background-color:#000000;  }
	#footer-top-bar #footer-top-box { margin-right:0px;float:left; position:relative; display:block; text-align:center; width:100%; margin-bottom:10px;}
	#footer-top-bar #footer-top-box h1 { margin:0; font-size:20px; font-weight:900; color:#fff; width:100%; padding:0px 0px 5px 0px;}
	#footer-top-bar #footer-top-box a { margin:0; font-size:14px; font-weight:400; color:#fff !important; width:100%; }
	#footer-top-bar #footer-top-box .footer-phone { transition:.3s ease all; display:block; position:relative; border:1px solid #7b0306; padding:15px 30px; border-radius:5px; color:#7b0306 !important; font-size:16px; font-weight:400;}
	#footer-top-bar #footer-top-box .footer-phone i{ padding-right:10px !important;}
	#footer-top-bar #footer-top-box .footer-phone:hover { border:1px solid #7b0306;  color:#fff !important; background-color:#7b0306; font-weight:400;}

	footer { position:relative; width:100%; display:block; padding:30px 0px;   }
	#footer-left { width:100%; float:left; text-align:left;}
	#footer-left-top { width:100%; float:left; text-align:left;}
	#footer-left-top .footer-nav { color:#67768a!important; margin-right:10px; font-size:12px; font-weight:500;} 
	#footer-left-bottom { width:100%; float:left; text-align:left;}
	#footer-left-bottom p { color:#aaa; font-size:12px; margin-top:10px;}
	#footer-right { width:20%; float:left; text-align:right; margin-top:10px;}
	.kapa{ display:none; }
	.acil{ display:block; }
}
@media only screen and (min-width: 0px) and (max-width: 759px) {

    #ust-phone{margin-left:10px;}
}