@charset "utf-8";body{overflow-x:hidden;-webkit-text-size-adjust:100%;font-family:'Lora',serif;font-weight:400}
a{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-decoration:none}
a:hover{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
a:focus{outline:none}
::-moz-selection{background:#672C1E;color:#DB8D28}
::selection{background:#672C1E;color:#DB8D28}
.cursor{cursor:pointer}
.floatleft{float:left!important}
.floatright{float:right!important}
.text_yesil{color:#9dcb3b}
.text_koyuyesil{color:#187475}
.text_mavi{color:#0197d2}
.text_buz{color:#4bcacc}
.text_pembe{color:#dd547d}
.text_koyumavi{color:#187475}
.text_koyusari{color:#9a6709}
.text_cokkoyuyesil{color:#3d5b0e}
.font_light{font-weight:300}
.font_bold,strong{font-weight:700}
h1{font-size:38px}
h2{font-size:32px}
h3{font-size:25px}
h4{font-size:22px}
h5{font-size:18px}
h6{font-size:16px}
small{font-size:10px}
.font-25{font-size:25px}
.font-23{font-size:23px}
.font-20{font-size:20px}
.font-18{font-size:18px}
.font-16{font-size:16px}
.font-14{font-size:14px}
.font-12{font-size:12px}
.font-10{font-size:10px}
.text_beyaz{color:#fff}
.text_siyah{color:#000}
.text_gri{color:#999}
.text_acikgri{color:#aeaeae}
.text_center{text-align:center}
.text_left{text-align:left}
.text_right{text-align:right}
.top5{margin-top:5px}
.top10{margin-top:10px}
.top15{margin-top:15px}
.top20{margin-top:20px}
.top25{margin-top:25px}
.top30{margin-top:30px}
.left5{margin-left:5px}
.left10{margin-left:10px}
.left15{margin-left:15px}
.left20{margin-left:20px}
.left30{margin-left:30px}
.bottom_20{padding-bottom:20px}
.bg_beyaz{background-color:#fff}
.bg_acikgri{background-color:#f4f4f4}
.margin_auto{display:block;margin:0 auto}
.border_gri{border:1px solid #d4d4d4}
.padding_link_20{padding:0 20px;display:block}
.padding_yan_20{padding:0 20px}
.padding_dik_20{padding:20px 0}
.padding_20{padding:20px}
.padding_dik_10{padding:10px 0}
.padding_10{padding:10px}
.shadow{-webkit-box-shadow:#666 3px 3px 4px;-moz-box-shadow:#666 3px 3px 4px;box-shadow:#666 3px 3px 4px;behavior:url(css/PIE.htc)}
.shadowleft{-webkit-box-shadow:#666 -1px 3px 4px;-moz-box-shadow:#666 -1px 3px 4px;box-shadow:#666 -1px 3px 4px;behavior:url(css/PIE.htc)}
.radius_3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior:url(css/PIE.htc)}
.radius_5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(css/PIE.htc)}
.radius_8{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;behavior:url(css/PIE.htc)}
.linkblock{display:block}
.height1{height:1px}
#pageloader{width:100%;height:100%;position:fixed;background-color:#fff;z-index:999999}
.loader-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:1000}
@-webkit-keyframes enter{0%{opacity:0;top:-10px}
5%{opacity:1;top:0}
50.9%{opacity:1;top:0}
55.9%{opacity:0;top:10px}
}
@keyframes enter{0%{opacity:0;top:-10px}
5%{opacity:1;top:0}
50.9%{opacity:1;top:0}
55.9%{opacity:0;top:10px}
}
@-moz-keyframes enter{0%{opacity:0;top:-10px}
5%{opacity:1;top:0}
50.9%{opacity:1;top:0}
55.9%{opacity:0;top:10px}
}
.loader{height:87px;position:relative;width:71px}
.square{width:20px;height:46px;opacity:0;-webkit-animation:enter 3s infinite;animation:enter 3s infinite;-webkit-border-radius:63px 63px 63px 63px/108px 108px 72px 72px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%}
.enter{top:0;opacity:1}
.square:nth-child(1){-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;animation-delay:1.8s;-webkit-transform:rotate(-17deg);-moz-transform:rotate(-17deg);-ms-transform:rotate(-17deg);-o-transform:rotate(-17deg);background:#C56B24;margin-left:8px;margin-top:10px;position:absolute}
.square:nth-child(2){-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;animation-delay:2.1s;-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);background:#DA8C24;margin-left:39px}
.square:nth-child(3){-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;animation-delay:2.4s;background:#fdc96f;-webkit-transform:rotate(136deg);-moz-transform:rotate(136deg);-ms-transform:rotate(136deg);-o-transform:rotate(136deg);background:#6A3024;margin-left:43px;margin-top:-3px}
.clear{clear:both}
.last{margin-right:0}
#header *{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
#header{float:left;width:100%;position:fixed;z-index:99;background-color:rgba(255,255,255,0.98)}
.container{width:960px;margin-right:auto;margin-left:auto;position:relative}
.rows{float:left;width:100%}
.logo{float:left;margin-top:6px;width:30%}
.ustmenu{float:left;width:66%}
.ustmenu.nav.cl-effect-3 > ul{float:right}
.ustmenu li{float:left}
.ustmenu ul li a{color:#000;display:block;font-weight:300;padding:42px 15px;position:relative}
.shrink .logo{margin-top:6px;width:6%}
.shrink .ustmenu{width:85%}
.shrink .ustmenu a{padding:12px 14px}
.shrink .diller{margin-top:6px}
.top{bottom:4%;position:fixed;right:1%;opacity:0}
.top a{background-color:rgba(103,44,30,0.3);color:#672c1e;padding:16px 20px}
.top a:hover{background-color:#672c1e;color:#fff}
.shrink .top{opacity:1}
.cl-effect-3 a{padding:8px 0}
.cl-effect-3 a::after{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#DB8D28;content:'';opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform .3s;-moz-transition:opacity 0.3s,-moz-transform .3s;transition:opacity 0.3s,transform .3s;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px)}
.cl-effect-3 a:hover::after,.cl-effect-3 a:focus::after{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}
.diller_yer{background-color:#edf0ef;border-radius:10px;float:left;font-size:12px;margin-top:-26px;padding-bottom:40px;position:relative;width:136px}
.diller{background-color:#edf0ef;float:right;font-size:12px;margin-top:35px;padding:7px 0;position:relative;width:3%}
#lang-form #dropdown-wrapper{background-color:#edf0ef;float:left;left:0;position:absolute;top:28px;width:100%;z-index:1000}
.dropdownbox{margin:0 auto;cursor:pointer;float:left}
.dropdownbox:after{content:"";font-family:fontawesome;font-size:14px;right:12px;position:absolute;top:5px;color:#666}
.dropdownbox > p{display:block;user-select:none;-moz-user-select:none;-khtml-user-select:none}
ul.menu_dil{margin:0;padding:0;list-style:none;position:relative;margin:0 0;width:100px;overflow:hidden;height:0;margin-left:0;margin-top:2px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;color:#000;cursor:pointer;user-select:none;-moz-user-select:none;-khtml-user-select:none}
ul.menu_dil li{padding:4px 0;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;width:100%;float:left}
ul.menu_dil li:hover{color:#2E408A}
.menu_dil.showMenu{height:auto;padding-bottom:7px}
.diller a{color:#666;font-weight:900}
.diller img{display:block;float:left;margin-left:6px;/* margin-top:5px */}
.dilisim{display:block;float:left;margin-left:5px;color:#666}
#anasayfa{float:left;width:100%;position:relative;background-color:#672c1e;z-index:1}
#hakkimizda{float:left;margin-top:-42px;padding-top:43px;position:relative;width:100%;z-index:2}
.bg_sayfa{background-color:#fff;float:left;position:relative;width:100%}
.hakkimizda_baslik{background-color:#db8d28;float:left;font-size:23px;font-weight:900;padding:28px 2%;position:relative;width:16%}
.hakkimizda_baslik::after{background-color:#db8d28;content:"";height:100%;position:absolute;right:-30px;top:0;width:16%;-webkit-backface-visibility:hidden;transform:skew(34deg);-webkit-transform:skew(34deg);-moz-transform:skew(34deg);-o-transform:skew(34deg);-ms-transform:skew(34deg)}
.hakkimizda_baslik h4{font-size:23px;position:relative;z-index:999}
.hakkinda_baslik{font-size:30px;margin-bottom:20px;padding:10px 0;position:relative}
.hakkinda_baslik::after{background-color:#000;bottom:0;content:"";height:5px;left:0;position:absolute;width:126px}
.hakkinda_yer p{font-size:20px;line-height:35px;padding:10px 0;float:left}
.belgevesertifikalar_yer{float:left;width:100%;height:618px}
.belgevesertifikalar_yer li{float:left;margin-right:20px;margin-top:14px;width:30%}
.kataloglink{background-color:#eaeaea;color:#666;display:table;float:left;font-size:20px;height:90px;margin-right:15px}
.kataloglink:hover{background-color:#672C1E;color:#fff}
.kataloglink > span{display:table-cell;padding:0 30px;vertical-align:middle}
.kataloglink i{background-color:#bf0101;color:#fff;display:table-cell;font-size:30px;height:100%;padding:0 30px;vertical-align:middle}
.tanitim_videolink{background-color:#672c1e;float:left;text-align:center;width:11%;position:relative}
.tanitim_videolink a:hover{color:#f2bb13}
.tanitim_videolink a{color:#fff;display:block;font-size:20px;padding:31px 0}
.tanitim_videolink::after{color:#fff;content:"•";font-size:20px;left:0;position:absolute;top:31px}
.hakkinda_yer h1{color:#db8d28;font-size:40px;font-weight:300}
#makarna{float:left;width:100%;position:relative;background-color:#fff;z-index:2;padding-top:2%}
.sayfa_baslik > h1{color:#672c1e;font-size:30px;padding:20px 0;text-align:center;width:100%}
.sayfa_baslik::after{background-color:#672c1e;bottom:0;content:"";height:5px;left:0;margin:0 auto;position:absolute;right:0;width:6%}
.sayfa_baslik{float:left;position:relative;width:100%}
.slogan1{min-height:418px;background-position:center center;width:100%;float:left;position:relative;-moz-box-shadow:0 90px #000 inset;background-image:url(../images/slogan_2_bg.jpg);background-size:cover;background-repeat:no-repeat}
.slogan1_slogan{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);font-weight:300;color:#672c1e;font-size:50px;text-align:center}
.slogan1_slogan::after{background-color:#672c1e;bottom:-30px;content:"";height:5px;left:0;margin:0 auto;position:absolute;right:0;width:24%}
.urun_yer .mCSB_container{margin-right:0!important}
#un{float:left;width:100%;position:relative;background-color:#fff;z-index:2;margin-top:4%;padding-top:2%}
.slogan2{min-height:418px;background-image:url(../images/slogan_1_bg.jpg);background-size:cover;background-repeat:no-repeat;width:100%;float:left;position:relative}
.slogan2_slogan{width:76%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);font-weight:900;color:#672c1e;font-size:44px;text-align:center}
.slogan2_slogan span{color:#db8d28}
.slogan_ikon{font-size:61px}
#ticaret{float:left;width:100%;position:relative;z-index:2}
.ticaret{background-image:url(../images/ticaret_bg.jpg);background-size:cover;background-repeat:no-repeat;height:100%;width:100%;float:left;position:relative;box-shadow:0 0 90px #000 inset;-webkit-box-shadow:0 90px #000 inset;-moz-box-shadow:0 90px #000 inset;background-position:center top}
.ticaret_baslik{color:#fff;float:left;font-size:37px;font-weight:300;margin-top:2%;padding:30px 0;position:relative;width:100%}
.ticaret_solresim1{float:left;margin-top:11%;position:relative;width:100%;z-index:1}
.ticaret_baslik::after{background-color:#fff;bottom:0;content:"";height:5px;left:0;position:absolute;width:30%}
.ticaret_solresim2{float:left;margin-top:-50%;position:relative;text-align:right;width:100%;z-index:3}
.ticaret_aciklama{color:#fff;float:left;line-height:29px;margin-top:15%;width:100%}
.ticaret_aciklama > p{padding:10px 0}
.ticaret_aciklama > h2{font-size:30px;padding:20px 0}
#markalarimiz{float:left;width:100%;position:relative;background-color:#fff;z-index:2;margin-top:2%}
#iletisim{float:left;width:100%;position:relative;background-color:#fff;z-index:2;padding-top:3%}
.iletisim_yer{float:left;position:relative;width:100%;z-index:2;padding-bottom:2%}
.iletisim_bg{background-repeat:no-repeat;background-size:cover;height:600px;background-position:center center;width:100%;float:left;/* position:absolute; */top:0;left:0;right:0;z-index:1}
.iletisim_bg2{background-image:url(../images/iletisim_bg_2.jpg);background-repeat:no-repeat;background-size:cover;height:347px;background-position:center center;width:100%;float:left;position:absolute;top:0;left:0;right:0;z-index:1}
.iletisim_bg3{background-image:url(../images/iletisim_bg_3.jpg);background-repeat:no-repeat;background-size:cover;height:347px;background-position:center center;width:100%;float:left;position:absolute;top:0;left:0;right:0;z-index:1}
.iletisim_resim{bottom:0;left:0;position:absolute;z-index:3;display:none}
.iletisim_box{background-color:#fff;color:#672c1e;line-height:30px; margin:0 auto; padding:3%;text-align:center;width:30%;z-index:2;/* position:relative; */min-height:300px;border:1px solid #efefef}
.iletisim_box a{color:#672c1e}
#footer{background-color:#fff;color:#672c1e;float:left;font-size:14px;padding:20px 0;position:relative;width:100%;z-index:2}
.copyright{float:left}
.orbit{float:right}
.orbit > a{color:#672c1e}
.mobilgoster{display:none}
.mobilgizle{display:block}
.belgevesertifikalar_yer img{display:block}