@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext,latin'); @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&subset=latin-ext,latin');
/*Reset Css*/
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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size:inherit;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*Reset Css*/

*{ box-sizing:border-box;}

body { font-family: 'Raleway', sans-serif; color: #4b4b4b; font-size: 14px;}
a { text-decoration: none; color:inherit;}
img { max-width:100%}

/* Preload */
.preloader_hide {opacity:1;}
#preloader {background-color:#fff; position:fixed; left:0; top:0; width:100%; height:100%; opacity:.95; z-index:50}
#preloader img {position:fixed; left:50%; top:50%; width:32px; height:32px; margin:-16px 0 0 -16px; display:block; z-index:40}
/* Preload End */

/*Framework*/
.easing ,::before,::after,.easing a{ transition: .3s ease;-webkit-transition: .3s ease;-moz-transition: .3s ease;}

h1,h2,h3,h4,h5,h6 { font-weight:bold}
h1,h2,h3,h4,h5,h6,p{ font-family: 'Raleway'; }
h1 { font-size:36px;}
h2 { font-size:30px;}
h3 { font-size:24px;}
h4 { font-size:20px;}
h5 { font-size:18px;}
h6 { font-size:16px;}
p { line-height:18px; font-size:14px}

.center {display: block;width: 1200px;margin-right: auto;margin-left: auto;}
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12 { float: left; padding-left: 15px; padding-right: 15px; min-height:1px}
.w1 {width: 8.3334%;}
.w2 {width: 16.6667%;}
.w3 {width: 25%;}
.w4 {width: 33.3334%;}
.sagmenu {width: 33.3334%;}
.w5 {width: 41.6667%;}
.w6 {width: 50%;}
.w7 {width: 58.3334%;}
.w8 {width: 66.6667%;}
.w9 {width: 75%;}
.w10 {width: 83.3334%;}
.w11 {width: 91.6667%;}
.w12 {width: 100%;}

.list7 { width:14.2857%; float:left; padding-left:15px; padding-right:15px}

.wfull {width: 100%;float: left;}
.hfull {height: 100%;}

.fr {float: right;}
.fl {float: left;}
.fn { float:none;}
.clear { clear:both}


.socialmedia i{
  margin-left: 15px;
  float: left;
}


.textcenter {text-align: center;}
.colorwhite {color: #fff;}
.justify {text-align:justify}

.bggrey {background-color: #f2f2f2;}
.bggrey2 {background-color: #f9f9f9;}

/****** Margins ********/
.mt0 { margin-top: 0;}
.mb0 { margin-bottom: 0;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt50 { margin-top:50px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px;}
.mb100 { margin-bottom:100px;}
.mr0 { margin-right:0;}
.mr30 { margin-right:30px;}

/****** Padding ********/
.nopad {padding-right: 0; padding-left: 0;}
.pb100 {padding-bottom: 100px;}
.pt30 {padding-top: 30px;}
.pt100 {padding-top: 100px;}
.ptb100 {padding-top: 72px;padding-bottom: 0px;}
.ptb80 {padding-top: 80px;padding-bottom: 80px;}
.pt60 {padding-top: 60px;}
.ptb60 {padding-top: 60px;padding-bottom: 60px;}
.ptb15 {padding-top: 15px;padding-bottom: 15px;}
.ptb30{padding-top:30px;padding-bottom: 30px;}
.ptb50{padding-top:50px;padding-bottom: 50px;}
.p15 {padding:15px}
.p30 { padding:30px;}

.pl30 { padding-left: 30px;}
.pl0 { padding-left: 0;}
.pr0 { padding-right: 0;}

/****** Padding ********/
.relative {position: relative;}
.absolute { position: absolute;}
.fixed { position: fixed;}

.vcenter {height: 100%;display: table;}
.centered {height: 100%;display: table-cell;vertical-align: middle;}

.roboto ,.roboto p,.roboto h1,.roboto h2,.roboto h3,.roboto h4,.roboto h5,.roboto h6,.roboto a{ font-family:'Roboto',sans-serif;}
.raleway,.raleway p,.raleway h1,.raleway h2,.raleway h3,.raleway h4,.raleway h5,.raleway h6 ,.raleway a{ font-family:'Raleway',sans-serif;}
/*Framework End*/


.header { height:200px;border-bottom:5px solid #be9e42; padding-top:30px; background:#fff;}
.header .center {position:relative;}
.header .logo{ margin-top:12px; text-align:center;}
.header .topbar { color:#7c746b; font-weight:100;}
.header .topbar a{ margin-right:20px;}
.header .topbar .langframe {padding-left:20px; border-left:1px solid #b9b9b9;}
.header .topbar .langframe a{ margin-right:5px; }
.header .topbar .langframe a:last-child{ margin-right:0; }
.header .topbar a:hover{color:#635c55;}
.header .mainnav .menu { padding-top:115px; width:100%; font-weight: 600; color: #5f5f5f; }
.header .menuicon { background:url(../images/icon_menu.png) no-repeat; width:30px; height:25px; display:none; cursor:pointer;}
.header .mainnav .searchframe{ padding-top:40px;}
.header .mainnav .searchframe .menu{ padding-top:40px;}
.header .mainnav ul li a{ float:left; font-size:15px; margin-right:30px; cursor:pointer; position:relative}
.header .mainnav ul li a::before { position:absolute; content:''; top:-10px; left:0; width:0; height:3px; border-radius:3px; background:#be9e42;}
.header .mainnav ul li a:hover::before,.header .mainnav ul li a.active::before { width:20px;}
.header .mainnav ul li:last-child a{margin-right:0;}
.header .sticky{ display:none}

.mainslider .swiper-slide{ background-size:cover !important; background-repeat:no-repeat !important;}

.mainnav .megamenu {display:none; position:absolute; width:100%; background:#f9f9f9;z-index:99}
.header .mainnav .megamenu a::before { display:none}
.megamenu .menumodule{position:relative; margin:0 !important;}
.menumodule .imgframe { height:160px; position:relative;}
.megamenu .menucontent { padding:20px; font-weight:normal}
.megamenu .urunmodule .imgframe{ height:220px;}
.megamenu .urunmodule .menucontent{ position:relative; z-index:8; padding:0;}
.megamenu .urunmodule .menucontent h3{ font-size:16px; padding:15px 0; background:#fff; position:relative; margin:0;}
.megamenu .urunmodule .menucontent h3::before{ float:left; content:''; background:#be9e42; width:16px; height:16px; margin-right:10px;}

#kurumsal { background:url(../images/menubg.jpg) no-repeat center; background-size:cover;}
#kurumsal.megamenu { padding:15px;}
#kurumsal.megamenu .menumodule { padding:0 15px 0 0;}
#kurumsal.megamenu .menumodule .menucontent{ position:absolute; bottom:0;}
#kurumsal.megamenu .menumodule .menucontent h3{ font-size:18px; color:#3d2f1e;}

.mobilemenu { position:fixed; width:100%; height:100%; display:none; background:rgba(45, 45, 45, 0.8); color:#fff; z-index:999; top:0; left:0; font-weight:bold;}
.mobilemenu a{ display:block; text-align:center; width:100%; font-size:24px; padding:10px; font-weight:300;}
.mobilemenu .closeicon { width:48px; height:48px; position:absolute; top:30px; right:30px; background:url(../images/icon_close.png) no-repeat; cursor:pointer;}

.header.sticky { position:fixed; top:0; z-index:400; height:120px;}
.header.sticky .mainnav .menu{  padding-top:0;}
.header.sticky .mainnav .menuframe { padding-top:50px;}
.header.sticky .search,.header.sticky .topbar,.header.sticky .normal{ display:none;}
.header.sticky .topbar{ position:fixed; top:0; z-index:80;}
.header.sticky .sticky{ display:block; margin:50px auto 0;}

.search { height:30px; margin-bottom:44px;position:relative;}
.search input{ float:right;border:0; height:30px; border-bottom:2px solid #c6c6c6; background:url(../images/icon_search.png) no-repeat right center; padding-right:30px; font-size:14px; width:170px;}
.search input:focus{ outline:none; border-color:#3c3c3c}

.slider {}
.slider::after { width:100%; height:20px; background:url(../images/topimage-shadow.png) no-repeat top center; position:absolute; content:''; left:0;}
.slidecontent h5{ color:#dedede; font-size:16px; margin-bottom:20px;}
.slidecontent h2{ font-size:38px; position:relative; padding-bottom:35px; margin-bottom:30px;}
.slidecontent h2::after{content:''; background:#be9e42; width:150px; height:3px; border-radius:3px; position:absolute; bottom:0; left:0; right:0; margin:auto;}
.slidecontent p{ width:50%; color:#dedede; display:inline-block}
.slidecontent .playvideo { margin-top:25px;}
.slidecontent .playvideo img{ margin-bottom:10px;}
.slidecontent .playvideo p{ display:block; width:100%; font-size:18px;}


.bordertitle h2{ padding-bottom:15px; text-align:center; position:relative; font-size:30px;margin-bottom:15px;}
.bordertitle h2::after{ content:''; background:#be9e42; width:100px; height:3px; border-radius:3px; position:absolute; bottom:-1px; left:0; right:0; margin:auto;}
.bordertitle p { text-align:center; font:300 18px 'Raleway'; color:#b1b1b1;}

.otherproducts { overflow:hidden; background:#f9f9f9;}
.productslider{ overflow:hidden; position:relative; z-index:10}

.products .bigmoduleframe .imgframe { height:360px;}
.products .bigmoduleframe .modulecontent { margin-left:-80px; padding:30px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); height:300px; margin-top:30px; position:relative; z-index:9; border-bottom:5px solid #312417}
.products .bigmoduleframe .module:nth-child(2n) .modulecontent { margin-left:0; margin-right:-80px;float: right;}
.products .bigmoduleframe .module:nth-child(2n) .imgframe { float: right;}
.products .bigmoduleframe .modulecontent h3{ font-size:22px; color:#979797; margin-bottom:20px}
.products .bigmoduleframe .modulecontent p{ font-size:14px; color:#979797; line-height:18px; padding-left:26px}
.products .bigmoduleframe .modulecontent .borderlink{ float:right}
.products.categories .imgframe{ height:400px;}

.arrowframe { height: 0; position: absolute; top:0; bottom:0; margin:auto; width:100%;}
.arrowframe .arrow{ width:31px; height:48px; background:url(../images/arrow_left.png) no-repeat; position:absolute; margin-top:-24px; opacity:.7; transition:.3s ease; }
.arrowframe .arrow:hover{opacity:1;cursor:pointer}
.arrowframe .arrow.left{ left:-58px;}
.arrowframe .arrow.right{ right:-58px; background:url(../images/arrow_right.png) no-repeat}


.productslideframe { position: relative; }
.productslider .module { border-bottom:3px solid #7a7169; color:#979797; float:left;}
.productslider .module .imgframe { height:220px;}
.productslider .module:hover {color:#525252; border-color:#be9e42}
.productslider .modulecontent{ background:#fff; padding:30px; font-size:14px}
.dottitle{ position:relative; font-size:22px; margin-bottom:20px;line-height:20px}
.dottitle::before{ content:''; position:absolute;width:18px; height:18px; background:#be9e42; left:-30px;}


.aboutus { background:url(../images/aboutus.jpg) no-repeat center; background-size:cover}
.aboutuscontent { width:70%; text-align:center; margin:0 auto; color:#606060; font-size:14px}
.aboutmodules { padding:0 15%; width:100% }
.aboutmodules .module{ padding:10px; background:#fff; margin-top:50px;}
.aboutmodules .module .imgframe{ height:170px;}
.aboutmodules .module h3{ font-size:18px; color:#606060;padding:20px 0 10px 0;}

.dotlink { position:relative; padding-left:24px; font-size:18px; font-weight:bold; color:#595959; line-height:14px}
.dotlink::after {content:''; position:absolute;width:14px; height:14px; background:#be9e42; left:0;}

.newsmodule .module{ }
.newsmodule .module .imgframe{  height:200px; float:left}
.newsmodule .module .newscontent{ height:200px; padding:30px; float:left; background:#f9f9f9;}
.newsmodule .module .newscontent h4{ font-size:22px; color:#3c3c3c; margin-bottom:20px;}
.newsmodule .module .newscontent p{ font-size:14px; color:#868686; margin-bottom:20px;}

.othernews .newsmodule .module .newscontent { background:#fff;}

.borderlink { position:relative; padding-bottom:5px; float:left; font-weight:bold; font-size:16px; width: 100%; margin-bottom: 15px;}
.borderlink::after { position:absolute; content:''; width:20px; height:3px; border-radius:3px; background:#be9e42; left:0; bottom:0;}
a.borderlink:hover::after { width:40px;}

.h3.bordertitle {font-size:30px; }
.h5.bordertitle {font-size:16px; }
.bordertitle { position:relative; padding-bottom:15px; float:left; font-weight:bold; width:100%; margin-bottom:30px;}
.bordertitle::after { position:absolute; content:''; width:40px; height:3px; border-radius:3px; background:#be9e42; left:0; bottom:0;}
div.bordertitle::after { display:none}

.bigdotlink { padding-top:80px; position:relative;}
.bigdotlink a{ float:right; position:relative; z-index:3; font-size:24px; font-weight:bold; padding-left:34px;}
.bigdotlink a::before{ content:''; position:absolute; width:24px; height:24px; left:0; top:0; background:url(../images/arrowbtn.png) no-repeat top center; background:#be9e42; color:#595959}
.bigdotlink p{ position:absolute; z-index:1; font-size:120px; color:#e8e8e8; filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px); right:0; bottom:0; line-height:90px; font-weight:bold;}


.gallery { background:#f5f5f5;}
.gallery .module{height:220px; margin-bottom:30px; width:100%; float:left}

.footer { background:url(../images/footer.jpg) no-repeat center; background-size:cover;}
.footer .linkframe a { width:100%; float:left; padding:5px 0 0; color:#808080;}
.footer .borderlink { padding-bottom:10px;}
.footer .contactframe li{ display:table; margin-bottom:10px;}
.footer .icon { display:table-cell; width:24px; position:relative;vertical-align:top;}
.footer .icon::after { width:1px; height:16px; background:#dacdaa; content:''; right:0; top:0; position:absolute;}
.footer .fcontact { display:table-cell; vertical-align:top; padding-left:10px; color:#909090; line-height:18px}
.copyright,.seonet{ font-size:12px; color:#bbbbbb;}




.topimage { height:250px; padding-top:130px; position:relative;}
.topimage::after { width:100%; height:20px; background:url(../images/topimage-shadow.png) no-repeat top center; position:absolute; content:''; bottom:-20px; left:0;}
.topimage.big { min-height:250px; padding:70px 0; height:auto}
.topbordertitle { position:relative; padding-bottom:20px; font-size:30px; font-weight:bold; margin-bottom:20px;}
.topbordertitle::after { content:''; position:absolute; left:0; bottom:0; width:70px; height:3px; border-radius:3px; background:#be9e42}
.topimage .breadcrumb a{ margin-right:10px; padding-right:20px; position:relative; color:#505050}
.topimage .colorwhite .breadcrumb a{ color:#fff}
.topimage .colorwhite .breadcrumb a:last-child{ color:#d5d5d5}
.topimage .breadcrumb a::after{ content:'/'; position:absolute; right:0; top:0;}
.topimage .breadcrumb a:last-child{ padding-right:0; margin-right:0; color:#a2a2a2;}
.topimage .breadcrumb a:last-child::after{content:''; }


.contentstyle p { margin-bottom:20px;color:#606060;}

.video { height:300px; width:100%; background:url(../images/videocover.jpg) no-repeat center; background-size:cover; border:5px solid #f0f0f0; color:#fff}
.video p{ font-size:22px; margin-top:10px;}
.kurumsallink .imgframe{ width:100%; height:170px;}
.kurumsallink .modulecontent{ padding:15px 15px 15px 30px; border-bottom:3px solid #312417;}
.kurumsallink .dottitle { margin-bottom:0;}

.vizyon { position:relative; background:#f9f9f9;}
.vizyon::before { position:absolute; width:50%; height:100%; background:#f5f5f5; content:''; left:0; top:0; z-index:1;}
.vizyon .w6 { position:relative; z-index:99; padding:0 30px;}
.vizyon .vizyonmodule { height:300px;}
.vizyon .module h3 { margin-bottom:20px; color:#606060; font-size:22px;}
.vizyon .module p { font-style:italic;}
.degerlerimiz { line-height:20px;}



.products .modulecontent { border-bottom:3px solid #7c746b; padding:20px 0; background:#fff; margin-bottom:30px; transition:.3s ease;}
.products .module:hover .modulecontent { border-color:#be9e42;}
.products .imgframe { height:210px;}
.products .dottitle{ font:18px 'Roboto'; color:#5f5f5f; line-height:18px; padding-left:26px; margin-bottom:0;}
.products .dottitle::before{width:18px; height:18px; left:0;}

.bloglist .module { margin-bottom:30px; width:100%;float:left}
.bloglist .module:nth-child(2n) .imgframe,.bloglist .module:nth-child(2n) .modulecontent{ float:right}
.bloglist .imgframe{ height:350px;}
.bloglist .modulecontent{ background:#fff; height:350px;}
.bloglist .modulecontent h3{ font-size:22px; margin-bottom:30px;}
.bloglist .modulecontent p{color:#868686}
.bloglist .modulecontent p:last-child{margin-bottom:0;}
.bloglist .modulecontent .borderlink{ margin-top:30px;}

.productimage .imgframe{ height:450px; width:100%; float:left}

.otherpictures { position:relative;}
.otherpictures .imgframe { height:210px;}
.otherpicturesslider { position:relative; overflow:hidden}

.file { padding-left:21px; background:url(../images/icon_pdf.png) no-repeat left top; width:100%; float:left; min-height:16px; margin-bottom:10px; line-height:18px; font-size:12px; color:#505050; font-weight:bold}

.contactline { display:table; width:100%; margin-bottom:20px;}
.contactline .icon { display:table-cell; width:24px; position:relative;vertical-align:top; }
.contactline .icon::after { width:1px; height:16px; background:#dacdaa; content:''; right:0; top:0; position:absolute;}
.contactline .contactcontent { display:table-cell; vertical-align:top; padding-left:10px; color:#909090; line-height:18px}
.callus{ height:75px;}
.callus .callicon { float:left;}
.callus .callcontent { float:left; padding-left:20px;}
.callus .callcontent h4{ font-size:28px;}

.contactform input,.contactform  textarea{ width:100%; height:40px; border:0; border-bottom:3px solid #312417;font:inherit; padding:10px 0; margin-bottom:10px; outline:none; transition:.3s ease;}
.contactform input:focus,.contactform textarea:focus { border-color:#be9e42}
.contactform textarea{ resize:vertical; height:auto; min-height:80px;}
.contactform input.button { width:auto; padding:10px 20px; background:#312417; border:0; color:#fff;}
.contactform input.button:focus,.contactform input.button:hover {background:#be9e42; cursor:pointer; }


.call .module { padding:20px; background:#fff; border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5; height:350px;}
.call .contactline { margin-bottom:0}
.call .line.name {font-size:20px; margin-bottom:20px; text-align:center}
.call .line { margin-bottom:10px; width:100%; float:left;}
.call .usericon { width:120px; height:120px; background:url(../images/icon_userbig.png) no-repeat center #f0f0f0; margin:0 auto; border-radius:50%; margin-bottom:20px;}

.maps  { height:400px;}



.formline { font-family:'Roboto',sans-serif;}
.formline .bordertitle { margin-bottom:0;}
.formline input,.formline select{width:100%; height:40px; border:1px solid #f0f0f0;font:inherit; padding:10px; margin-bottom:10px; outline:none; transition:.3s ease; color:#545454}
.formline input:focus,.formline select:focus { border-color:#be9e42}
.formline input.button { width:auto; padding:10px 20px; background:#312417; border:0; color:#fff;}
.formline input.button:focus,.formline input.button:hover {background:#be9e42; cursor:pointer; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #545454;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #545454;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #545454;
}
:-moz-placeholder { /* Firefox 18- */
    color: #545454;
}


.tabcontent { min-height:200px; width:100%; float:left; display:none; opacity:1; margin:20px 0;}
.tabcontent.active { display:block; }

.undermenu{background:#be9e42; height:70px; color:#fff;}
.undermenu .underlink { height:70px; padding:25px 20px; float:left; cursor:pointer; font-size:18px; line-height:18px; font-weight: 700;}
.undermenu .underlink.active { background:#fff; color:#000000}


.galleryframe .imgframe { height:250px; width:100%; float:left;position: relative;}
.galleryframe .imgframe .imgbigger {position: absolute;background:url(../images/icon_big.png) no-repeat center rgba(75,75,75,0.7);width: 100%;height: 100%; display:none}

.katalog .module .imgframe { border:1px solid #f0f0f0; padding:15px; text-align:center}
.katalog .module .modulecontent ,.videoframe .modulecontent{ padding:15px 30px; border-bottom:3px solid #312417}
.katalog .module:hover .modulecontent ,.videoframe .module:hover .modulecontent{ border-color:#be9e42}
.katalog .module .modulecontent .dottitle,.videoframe .modulecontent .dottitle{ margin-bottom:0}


.certificate .module { padding:15px; background:#f9f9f9;}
.certificate .module .imgframe{ width:100%; float:left; height:350px;}
.certificate .module .modulecontent { width:100%; float:left}
.certificate .module .modulecontent .bordertitle{ margin-bottom:0; margin-top:20px; font-size:16px; min-height:50px;}


.nostalji { position:relative;}
.nostalji::before { content:''; width:10px; height:100%; position:absolute; background:#be9e42; left:0; right:0; margin:0 auto;}
.nostalji .module .imgframe{ position:relative}
.nostalji .module .imgframe::after{content:''; width:30px; height:100%; background:url(../images/nostaljimask.png) no-repeat top;position:absolute; right:0;}
.nostalji .module:nth-child(2n) .imgframe::after{background:url(../images/nostaljimask2.png) no-repeat bottom; left:0;}
.nostalji .imgframe { height:390px; width:100%; float:left;}

.haberimage { width: 100%; height: 220px; -webkit-box-shadow: -2px 10px 33px -14px rgba(0,0,0,0.74);    -moz-box-shadow: -2px 10px 33px -14px rgba(0,0,0,0.74);    box-shadow: -2px 10px 33px -14px rgba(0,0,0,0.74); }
.haberdetayimage { width: 100%; height: 250px; -webkit-box-shadow: -2px 10px 33px -14px rgba(0,0,0,0.74);    -moz-box-shadow: -2px 10px 33px -14px rgba(0,0,0,0.74);    box-shadow: -2px 10px 33px -14px rgba(0,0,0,0.74); }
.blogimage { max-width:50%; float:left; margin:0 30px 30px 0;}

.sliderhaberbtn {
    background-color:#d1a836;
    -moz-border-radius:13px;
    -webkit-border-radius:13px;
    border-radius:13px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:17px;
    padding:13px 28px;
    text-decoration:none;
    text-shadow:0px 0px 0px #2f6627;
    transition:.3s ease;
}
.sliderhaberbtn:hover {
    background-color:#b88a16;

}

.myButton:active {
    position:relative;
    top:1px;
}





@media (max-width:1279px) {
    .center { width: 960px;}
    .mw1 { width:8.3334%;}
    .mw2 { width:16.6667%;}
    .mw3 { width:25%;}
    .mw4 { width:33.3334%;}
    .mw5 { width:41.6667%;}
    .mw6 { width:50%;}
    .mw7 { width:58.3334%;}
    .mw8 { width:66.6667%;}
    .mw9 { width:75%;}
    .mw10 { width:83.3334%;}
    .mw11 { width:91.6667%;}
    .mw12 { width:100%;}
    .mwfull { width:100%;}

    .products .bigmoduleframe .modulecontent p {max-height:200px; overflow:hidden}
    .products.productlist .imgframe { height:165px;}
    .header .mainnav ul li a { margin-right:20px;}
    .header .menuframe { width:30%;}
    .header .logo { width:40%; margin-top:5px}
    .newsmodule .module .newscontent p { max-height:125px; overflow:hidden}
    .list7 { width:25%;}
    .header.sticky .sticky { margin-top:20px;}
    .nostalji .imgframe { height:300px;}

}
@media (max-width: 991px) {
    .products .bigmoduleframe .modulecontent,.products .bigmoduleframe .module:nth-child(2n) .modulecontent { margin:0;}
    .header { height:auto; padding-bottom:30px;}
    .header .logo{width:50%; margin:0}

    .header .menuframe {width:50%;}
    .header .menu {display:none}
    .header .menuicon {display:block;float: right;margin-bottom: 20px; margin-left:15px}
    .header .mainnav .searchframe {float:right; padding-top:60px;}
    .header .search { margin-bottom:20px;}
    .arrowframe { position:relative; float:left; z-index:9; padding-top:20px; top:0;}
    .arrowframe .arrow{ position:relative; float:left; margin-right:20px; left:0 !important; right:0 !important; margin-top:0;}

    .products.productlist .imgframe { height:200px;}
    .nostalji .imgframe { height:245px;}


    .center {width: 768px;}
    .home { height:600px;}
    .sw1 { width:8.3334%;}
    .sw2 { width:16.6667%;}
    .sw3 { width:25%;}
    .sw4 { width:33.3334%;}
    .sw5 { width:41.6667%;}
    .sw6 { width:50%;}
    .sw7 { width:58.3334%;}
    .sw8 { width:66.6667%;}
    .sw9 { width:75%;}
    .sw10 { width:83.3334%;}
    .sw11 { width:91.6667%;}
    .sw12 { width:100%;}
    .swfull { width:100%;}

}

@media (max-width: 768px) {

    .w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12 { width: 100%;}
    .center {width: 100%; padding-left:15px;padding-right:15px;}
    .xsw1 { width:8.3334%;}
    .xsw2 { width:16.6667%;}
    .xsw3 { width:25%;}
    .xsw4 { width:33.3334%;}
    .xsw5 { width:41.6667%;}
    .xsw6 { width:50%;}
    .xsw7 { width:58.3334%;}
    .xsw8 { width:66.6667%;}
    .xsw9 { width:75%;}
    .xsw10 { width:83.3334%;}
    .xsw11 { width:91.6667%;}
    .xsw12 { width:100%;}
    .xswfull { width:100%;}
    .smb30{ margin-bottom: 30px;}

    .header .topbar a {margin-right:10px;}
    .header .logo { width:100%; margin-top:30px;}
    .header .menuframe{ width:100%;}
    .header .mainnav .searchframe { padding-top:20px;}
    .header .menuicon { margin-left:30px;}
    .mainslider .swiper-slide { padding:30px 0;}
    .mainslider .swiper-slide p{ display:none}
    .mainslider .swiper-slide .playvideo p{ display:block}
    .footer .center { background-size:contain; padding-bottom:70px;}
    .newsmodule .module .newscontent p { max-height:none;}
    .productslideframe .modulecontent p { max-height:110px; overflow:hidden}

    .products.categories .imgframe{ height:300px;}
    .bloglist .modulecontent { height:auto;}
    .products.productlist .imgframe { height:300px;}

    .nostalji .imgframe { height:300px;}
    .nostalji::before,.nostalji .module .imgframe::after { display:none}

}

@media (max-width:540px){
    .products.productlist .imgframe { height:250px;}
    .productslideframe .modulecontent p { max-height:none;}
    .bordertitle { font-size:18px;}
    .bigdotlink a{ font-size:18px;}
    .bigdotlink a::before {width:18px; height:18px;}
    .bordertitle h2 {font-size:24px;}
    .products.categories .imgframe{ height:200px;}
    .footer { background:url(../images/footer_m.jpg) no-repeat center; background-size:cover;}
    .aboutus { background:url(../images/aboutus_m.jpg) no-repeat center; background-size:cover}
    .slidecontent h2 {font-size: 28px;padding-bottom: 20px;margin-bottom: 20px;}
    .slidecontent .playvideo {margin-top:20px;}
}