@charset "utf-8";
/*******************************/
h1,h2,h3,h4,p,strong,b,ul,li { margin:0px; padding:0px;   }
body { margin:0px; padding:0px; font-family: 'Montserrat', sans-serif;   overflow-y:scroll;   font-size:15px; overflow-x:hidden;          }
#clear { clear:both; }
a { text-decoration:none }
p { font-weight:400; font-size:12px}
.trans4 { -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  }
.trans9 { -webkit-transition:All 0.9000s ease;-moz-transition:All 0.9000s ease; -o-transition:All 0.9000s ease;  }
.transslow { -webkit-transition:All 2s ease;-moz-transition:All 2s ease; -o-transition:All 2s ease;  } 
::-webkit-scrollbar { width:15px; }
::-webkit-scrollbar-track {  }
::-webkit-scrollbar-thumb { background: #000;  }
::-webkit-scrollbar-thumb:window-inactive { background: #000; }
/*******************************/
/********************************** MESAJ UYARISI *********************************/ 
.UYARIBOX { position:fixed; width:100%; height:100%; z-index:5000; background:rgba(0,0,0,0.8); left:0; top:0; display:none   }
.UYARIBOX .uyari-a { font-size:18px; color:#fff; text-align:center;  }
.UYARIBOX .uyari-a .uyari-kapat { padding:8px; background:#FFF; color:#000; font-size:30px; display:inline-block; position:absolute; top:50px; right:50px; }
.UYARIBOX .uyari-a .uyari-kapat:hover { background:#000; color:#fff; cursor:pointer; }
.UYARIBOX .uyari-a .mesaj { position:fixed; top:45%; text-align:center; padding:0px 10%; width:80%; }
/********************************** MESAJ UYARISI *********************************/
.instagram-aliaygir { padding:40px; margin:0px;  font-family: 'Montserrat', sans-serif;     font-size:15px; position:relative; z-index:1000; text-align:center;  }
.instagram-aliaygir .instagram-pic { width:calc(100% / 6 - 8px); float:left; padding:4px}
.instagram-aliaygir .instagram-pic:hover {  opacity: 0.8;  filter: alpha(opacity=80); /* For IE8 and earlier */  }
.instagram-aliaygir .ti { padding:15px; font-size:18px; display:inline-block; background:#f4f4f4; margin-bottom:15px; }
.instagram-aliaygir .ti a { color:#000 }



@-webkit-keyframes blur {
  0%   { background:#CC0 }
  100% { background:#FC3 }
}
@-moz-keyframes blur {
  0%   { background:#CC0 }
  100% { background:#FC3 }
}
@-o-keyframes blur {
  0%   { background:#CC0 }
  100% { background:#FC3 }
}
@keyframes blur {
  0%   { background:#CC0 }
  100% { background:#FC3 }
}
/**
 -webkit-animation: NAME-YOUR-ANIMATION 5s infinite;  
  -moz-animation:    NAME-YOUR-ANIMATION 5s infinite;  
  -o-animation:      NAME-YOUR-ANIMATION 5s infinite;  
  animation:         NAME-YOUR-ANIMATION 5s infinite;  

**/
 
blockquote {
    background-color: #f2f2f2;
    border-left: 1em solid #e67e22;
    margin: 1.5em 0 1.5em;
    padding: 1em 1.5em 1em 2.5em;
    position: relative;
}
blockquote:before {
  color: #e67e22;
  content: "\201C";
  font-size: 5em;
  position:absolute;
  left:5px;
  top: 0.6em;
  line-height: 0.1em;
}

blockquote:after {
   color: #e67e22;
  content: "\201D";
  font-size: 5em;
  position:absolute;
  right:3px;
  bottom: 0em;
  line-height: 0.1em;
}     
/************/
.WEBCONTENT            {  }




/****************************************************************/ 
.BLOG_108            {   position:relative; max-width:1200px; margin:0 auto;    }
.BLOG_108 .yorumlist { padding:0px 0px; text-align:center; }
.BLOG_108 .yorumlist .padding { padding:0px; position:relative;   }
.BLOG_108 .yorumlist img { width:100%;   }
.BLOG_108 .owl-carousel {  }
.BLOG_108 .owl-carousel .owl-nav { text-align:center;   width:100%;  }
.BLOG_108 .owl-carousel .owl-prev {   color:#000; background:#fff; display:inline-block; padding:5px 5px;   position:absolute; top:50%; left:0px; margin-top:-17px;  }
.BLOG_108 .owl-carousel .owl-next {   color:#000; background:#fff; display:inline-block; padding:5px 5px;   position:absolute; top:50%; right:0px; margin-top:-17px;  }
.BLOG_108 .owl-carousel .owl-next:hover {   }
.BLOG_108 .owl-carousel .owl-prev:hover {   }
.BLOG_108 .owl-item { margin:0px;  }
/*******************************/ 
 

.google-link { width:100%; height:0px; overflow:hidden }


.n-1 { }
.n-1 .dimg { width:100%; }

.n-2 { max-width:1200px; margin:0 auto; text-align:center; padding:50px 0px }
.n-2 h1 { font-size:36px; color:#e67e22; padding:15px 0px }
.n-2 p {   line-height:30px; font-size:14px; font-family: 'Merriweather', serif; letter-spacing:1px; color:#666  }




.UST-MENU 		    { text-align:center;   width:90%; position:relative; margin:0 auto; padding-bottom:40px}
.UST-MENU .M-PAD  { padding:20px 0px; position:absolute; left:0px; top:20px; }
.UST-MENU a.link 		{ display:inline-block; padding:8px 10px;    color:#000; font-size:15px; font-weight:400; letter-spacing:2px   }
.UST-MENU a.link:hover   { background:#e67e22; color:#fff }
.UST-MENU .logo { width:300px; padding:48px 0px  }



.SMENU { position:fixed; z-index:5000; left:0; width:100%; text-align:center; background:#000; display:none ; -webkit-box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.19);
box-shadow: 0px 0px 21px -2px rgba(0,0,0,0.19); }
.SMENU a.link 		{ display:inline-block; padding:8px 10px;    color:#fff; font-size:15px; font-weight:400; letter-spacing:2px   }
.SMENU a.link:hover   { background:#e67e22; color:#fff }



.UST-SM                  { position:absolute; top:50px; right:0px; }
.UST-SM .header_sosyal   { text-align:center; display:inline-block; padding:0px 20px 20px 20px; margin-bottom:20px;      }
.UST-SM .header_sosyal a {  text-decoration:none; letter-spacing:2px; padding:4px 0px; margin:8px 8px; font-size:15px;   color:#000; font-weight:400   }
.UST-SM .header_sosyal a:hover { color:#e67e22; cursor:pointer }

/*******************************/
.VIDEO              {   margin:0 auto; padding:8px; }
.VIDEO .li          { float:left;   padding:0%; width:33.33%; position:relative; overflow:hidden;   }
.VIDEO .li .padding { padding:8px; }
.VIDEO .li img      { width:100%; }
.VIDEO .li p        { font-weight:300; line-height:100%;   padding:10px;  font-size:18px; font-weight:300; position:absolute; bottom:8px; left:8px; text-align:center;  background:rgba(0,0,0,0.8);    color:#fff;  }
.VIDEO .li p:hover  { background:#e67e22; }
.VIDEO .li .playbu { position:absolute; top:20px; left:20px; background:#000; padding:8px;  }
.VIDEO .li .playbu .material-icons { font-size:30px; color:#fff;   }
.VIDEO .li .playbu:hover { background:#e67e22 }
 
/*******************************/

/*******************************/
.GALERI     { padding:10px}
.GALERI .type { text-align:center;   }
.GALERI .type a { display:inline-block;  }
.GALERI .type .material-icons { font-size:30px; color:#000 }
.GALERI .type .material-icons:hover { color:#e67e22; cursor:pointer }

.GALERI .gal_1 .li { width:20%;   float:left; margin:0; padding:0px; position:relative; z-index:1; overflow:hidden;    }
.GALERI .gal_1 .li .padding { padding:10px    }
.GALERI .gal_1 .li .padding img { width:100%;    }
.GALERI .gal_2  { max-width:1200px; margin:0 auto }
.GALERI .gal_2 .li { width:100%;  margin:0; padding:0px; }
.GALERI .gal_2 .li .padding { padding:5px 0px    }
.GALERI .gal_2 .li .padding img { width:100%;    }
.GALERI .gal_1 .ilk { width:40%; } 
/*******************************/

.DAHAFAZLA  { width:250px; height:250px; border:1px solid #ccc; line-height:250px; font-weight:600; margin:0 auto; text-align:center; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; letter-spacing:2px; }
.DAHAFAZLA:hover { background:#000; color:#fff; cursor:pointer }

.FOOTER { text-align:center; padding:20px 0px;   }
.FOOTER p { font-size:13px; letter-spacing:1px; display:inline-block; border-top:1px solid #dedede; padding:10px 20px; }
.FOOTER .top { display:inline-block; letter-spacing:2px; font-size:15px; font-weight:800; padding:5px 0px; cursor:pointer }




/************/
.ANACENTER {    }
.ANACENTER p { font-size:14px; line-height:30px; text-align:justify }
.ANACENTER h2 { font-size:28px; padding-bottom:20px; border-bottom:1px solid #000; width:300px; margin-bottom:20px; }
/************/
 
/************/
.BLOG     { max-width:1200px; margin:0 auto}
.BLOG .menu { float:right; width:260px; padding-top:80px;  }
.BLOG .menu .li { border-bottom:1px solid #f2f2f2; padding:10px 0px;   }
.BLOG .menu .li .b { font-size:15px; letter-spacing:1px; padding:6px 0px; font-weight:600; color:#000; }
.BLOG .menu .li .i { font-size:13px; letter-spacing:1px; padding:0px 0px; color:#555 ; font-weight:400; height:33px; overflow:hidden;   }




.BLOG .icerik { float:left; width:calc(100%); }
.BLOG .post { border-bottom:1px solid #ccc; padding:30px 0px 40px 0px; margin-bottom:25px; background:#fff; float:left;   }
.BLOG .post img { width:100%; padding-bottom:1px; }
.BLOG  h1 {  font-size:22px;   font-weight:600;    letter-spacing:2px ;margin-bottom:30px; color:#000; display:inline-block }
.BLOG .date { padding-bottom:15px; margin:10px 0px; border-bottom:1px solid #000; width:300px;   font-size:12px; color:#000; display:inline-block ; letter-spacing:2px }
.BLOG  h2 { margin-bottom:10px; color:#000;  font-weight:600; letter-spacing:3px; font-size:15px; padding:25px 0px 0px 0px; display:inline-block;  }
.BLOG  p  {  font-size:14px; line-height:30px;   }
.BLOG  .p { padding:20px 0px;  letter-spacing:1px; text-align:left }
 
.BLOG .devam { display:inline-block; background:#000; color:#fff; font-size:12px; padding:8px 15px; margin-top:15px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
.BLOG .devam:hover { background:#e67e22; color:#fff; }
/************/

.BLOGDETAY     { max-width:1200px; margin:0 auto}
.BLOGDETAY .post {   padding:30px 0px 40px 0px; margin-bottom:25px;   background:#fff;  }
.BLOGDETAY .post img { width:100%; padding-bottom:1px; }

.BLOGDETAY .date { padding-bottom:15px; margin:10px 0px; border-bottom:1px solid #000; width:300px;   font-size:12px; color:#000; display:inline-block ; letter-spacing:2px }
.BLOGDETAY  h1 { margin-bottom:10px;    font-weight:600;    padding:15px 0px; display:inline-block;  color:#e67e22; }
.BLOGDETAY  h2 {  font-size:26px; line-height:40px;   font-weight:400; padding:10px 0px  }
.BLOGDETAY  p  {  font-size:16px; line-height:30px; color:#7b7b7b  }
.BLOGDETAY  .p { padding:20px 0px;    text-align:left }
.BLOGDETAY  .p a { color:#e67e22 }
.BLOGDETAY  .p ul li { color:#7b7b7b }

.BLOGDETAY .devam { display:inline-block; background:#000; color:#fff; font-size:12px; padding:8px 15px; margin-top:15px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
.BLOGDETAY .devam:hover { background:#e67e22; color:#000; }
.BLOGDETAY ul { margin:0; padding:0 20px; }
.BLOGDETAY ul li { padding:5px 0px; }



.URUNDETAY { padding:50px 0px}
.URUNDETAY .urunimg { width:60%; float:left; }
.URUNDETAY .urunimg img { width:100%; }
.URUNDETAY .urunaciklamasi { width:calc(40% - 50px); float:left; padding:0px 25px }
.URUNDETAY .urunaciklamasi h1 { font-size:28px; padding:0px 0px }
.URUNDETAY .urunaciklamasi .pr { font-size:38px; }
.URUNDETAY .URUNTAG { }
.URUNDETAY .URUNTAG a { padding:4px 8px; display:inline-block; background:#000; color:#fff; margin:1px 0px; font-size:12px; }

.URUN-LIST { max-width:1200px; margin:30px auto; padding:40px 0px; text-align:center; border:1px solid #ccc;  }
.URUN-LIST .liste { width:calc(25% - 60px); padding:30px; float:left;   }
.URUN-LIST .liste img { width:100%; }
.URUN-LIST .liste h4  { color:#000; font-weight:400; padding:5px 0px; margin:0; text-align:left; }
.URUN-LIST .liste .pr { font-size:18px; text-align:left; }



.MINIDETAY     { max-width:1200px; margin:0 auto; text-align:center; }
 
.MINIDETAY  h1 { margin-bottom:10px;    font-weight:600;    padding:15px 0px; display:inline-block;  color:#e67e22; }
.MINIDETAY  h2 {  font-size:26px; line-height:40px;   font-weight:400; padding:10px 0px  }
.MINIDETAY  p  {  font-size:16px; line-height:30px; color:#7b7b7b  }
.MINIDETAY  .p { padding:20px 0px;    text-align:left }
.MINIDETAY  .p a { color:#e67e22 }
.MINIDETAY  .p ul li { color:#7b7b7b }

/************/
.BLOG2     {  }
.BLOG2 .post { border-bottom:1px solid #ccc; padding:30px 0px 40px 0px;  text-align:center; background:#fff; float:left; width:calc(50% - 20px); margin:10px; }
.BLOG2 .post img { width:100%; padding-bottom:1px; }
.BLOG2  h2 {  font-size:28px; width:300px; font-weight:800;   margin:0 auto; }
.BLOG2 .date { padding-bottom:15px; margin:10px 0px; border-bottom:1px solid #000; width:300px;   font-size:12px; color:#000; display:inline-block  }
.BLOG2  h1 {    margin-bottom:10px; color:#000;  font-weight:600; letter-spacing:3px; font-size:15px; padding:25px 0px 0px 0px }
.BLOG2  p  {  font-size:14px; line-height:30px;   }
.BLOG2  .p { padding:20px 50px; }
.BLOG2 .devam { display:inline-block; background:#37bf91; color:#fff; font-size:12px; padding:8px 15px; margin-top:15px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
.BLOG2 .devam:hover { background:#000; color:#fff; }
/************/
 
/************/
.HABER-LIST   {  }
.HABER-LIST .liste { border-bottom:1px solid #ccc; padding:30px 50px; margin-bottom:25px; text-align:center; background:#fff;   }
.HABER-LIST .liste img { width:100px;   padding:5px ; border:1px solid #ccc; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px;  }
.HABER-LIST .liste .liste-p { }
.HABER-LIST .liste .b-h2 { font-size:22px; font-weight:600; padding:15px 0px; color:#000 }
.HABER-LIST .liste .b-p  { font-size:14px; line-height:22px; height:60px; overflow:hidden; text-align:justify; color:#666   }
.HABER-LIST .liste .devam { display:inline-block; background:#37bf91; color:#fff; font-size:12px; padding:8px 15px; margin-top:15px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
.HABER-LIST .liste .devam:hover { background:#000; color:#fff; }
/************/


.nt { position:fixed; top:48%; z-index:800; padding:9px; background:#000; color:#fff; }
.sag-fx { right:50px; }
.sol-fx { left:50px; }
.nt:hover { background:#FC0; cursor:pointer; }

/************/
.ETIKETLER         { padding:25px 0px; text-align:center;  }
.ETIKETLER a       { display:inline-block; padding:4px 0px; font-size:12px;  margin:2px 10px; color:#666; font-weight:600; letter-spacing:1px; text-decoration:underline;    }
.ETIKETLER a:hover {  color:#000 }
/************/
/************/
.TAGS            { padding:25px 0px; text-align:center; display:none  }
.TAGS span       { display:inline-block; padding:4px 0px; font-size:10px;  margin:2px 5px; color:#999; font-weight:600; letter-spacing:1px;      }
.TAGS span:hover {  color:#000 }
/************/
/************/
.konugec   { max-width:1200px; margin:0 auto }
.konugec a { display:inline-block; padding:8px 30px; background:#e67e22; color:#fff; position:relative; letter-spacing:1px }
.konugec a .material-icons { font-size:25px; position:absolute; top:5px; }
.konugec a:hover { background:#575a5b; color:#fff }
.konugec .u-sol { float:left; }
.konugec .u-sag { float:right; }
.konugec .u-sol .material-icons { left:5px;   }
.konugec .u-sag .material-icons { right:5px;   }
/************/


/***********************************************************************/
.PAYLAS         { padding:30px 0px 0px 0px;   }
.PAYLAS .li { display:inline-block; font-size:12px; padding:10px 15px 10px 15px; background:#000; color:#fff; margin:0px; text-align:center }
.PAYLAS .li img { width:30px; height:30px; }
.PAYLAS .li:nth-child(1) { background:#3b5998; }
.PAYLAS .li:nth-child(2){ background:#2daae1; }
.PAYLAS .li:nth-child(3){ background:#db2828; }
.PAYLAS .li:hover { background:#000; cursor:pointer;  }
/***********************************************************************/

/*******************************/
 
.FORMSOL {  }
.FORMSOL .padding { padding:0px 0px 0px 0px; max-width:500px; margin:0 auto}
/***/
form.form_form            { text-align:left; }
form.form_form .form_tr   {   font-size:15px; padding-top:20px;      }
/***/
form.form_form .form_text { width: calc(100% - 32px);  height:30px; outline:none;   border:1px solid #ccc; position:relative; font-size:15px; font-weight:300; color:#333; margin:2px 0px; padding:6px 15px;   }
form.form_form .form_text:focus { background:#f4f4f4 }
/***/
form.form_form .form_textarea {  width: calc(100% - 32px);  height:90px;    outline:none; border:1px solid #ccc; position:relative;    font-size:15px; font-weight:300;  color:#333; margin:2px 0px; padding:6px 15px;    }
form.form_form .form_textarea:focus { background:#f4f4f4 }
/***/
form.form_form .form_select {   width:100%;  height:50px;   outline:none; border:1px solid #ccc; position:relative;    font-size:15px; font-weight:300; color:#333; margin:2px 0px; padding:6px 15px;   }
form.form_form .form_select:focus { background:#f4f4f4 }
/***/
form.form_form .form_button  { border:none; background:#000; font-size:15px; font-weight:300;    color: #fff; margin:2px 0% 0% 22%; padding:0px; width:120px; height:40px; float:right;  }
form.form_form .form_button:hover { background:#666; color:#fff; cursor:pointer; }
/***/
/*******************************/
 

.loading_wrapper {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.loading_wrapper .bubble {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: green;
  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%);
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background: #fff;
}

.loading_wrapper .bubble:first-child {
  opacity: 0.5;
  z-index: 10;
  -webkit-animation-name: bubble1;
          animation-name: bubble1;
}

.loading_wrapper .bubble:nth-child(2) {
  opacity: 0.6;
  z-index: 9;
  -webkit-animation-name: bubble2;
          animation-name: bubble2;
}

.loading_wrapper .bubble:nth-child(3) {
  opacity: 0.5;
  z-index: 8;
  -webkit-animation-name: bubble3;
          animation-name: bubble3;
}

.loading_wrapper .bubble:nth-child(4) {
  opacity: 0.6;
  z-index: 7;
  -webkit-animation-name: bubble4;
          animation-name: bubble4;
}

@-webkit-keyframes bubble1 {
  0% { top: 50%; }
  40% { top: calc(50% - 25px); }
  60% { top: calc(50% - 25px); }
  100% {  top: 50%; }
}

@keyframes bubble1 {
  0% { top: 50%; }
  40% { top: calc(50% - 25px); }
  60% { top: calc(50% - 25px); }
  100% { 
    top: 50%; 
  }
}

@-webkit-keyframes bubble2 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% + 25px); 
  }
  60% { 
    left: calc(50% + 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@keyframes bubble2 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% + 25px); 
  }
  60% { 
    left: calc(50% + 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@-webkit-keyframes bubble3 {
  0% { 
    top: 50%;
  }
  40% { 
    top: calc(50% + 25px); 
  }
  60% { 
    top: calc(50% + 25px); 
  }
  100% { 
    top: 50%; 
  }
}

@keyframes bubble3 {
  0% { 
    top: 50%;
  }
  40% { 
    top: calc(50% + 25px); 
  }
  60% { 
    top: calc(50% + 25px); 
  }
  100% { 
    top: 50%; 
  }
}

@-webkit-keyframes bubble4 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% - 25px); 
  }
  60% { 
    left: calc(50% - 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@keyframes bubble4 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% - 25px); 
  }
  60% { 
    left: calc(50% - 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@-webkit-keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg); 
            transform: rotate(0deg);
  }
  50% { 
    -webkit-transform: rotate(180deg); 
            transform: rotate(180deg);
  }
  100% { 
    -webkit-transform: rotate(360deg); 
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg); 
            transform: rotate(0deg);
  }
  50% { 
    -webkit-transform: rotate(180deg); 
            transform: rotate(180deg);
  }
  100% { 
    -webkit-transform: rotate(360deg); 
            transform: rotate(360deg);
  }
}





.spinner {
  width: 50px;
  height: 50px;
  background-color: #000;

  margin: 0px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
 

.iletisimb { }
.iletisimb a { display:inline-block; padding:10px 15px; background:#000; color:#fff !important; margin:8px 0px }
.iletisimb a:hover { background:#e67e22; color:#000 }


@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}




@-moz-keyframes spin    { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin         { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.spin { -webkit-animation:spin 8s linear infinite ; -moz-animation:spin 8s linear infinite ; animation:spin 8s linear infinite ; }
.load { -webkit-animation:dol 4s /*linear  infinite*/; -moz-animation:dol 4s /* linear infinite*/; animation:dol 4s /*linear infinite*/; }

@-moz-keyframes dol    
{    
	0% { width:0%; } 
	30% { width:50%; } 
	100% { width:100%;  }
}
@-webkit-keyframes dol 
{   
	0% { width:0%; } 
	30% { width:50%; } 
	100% { width:100%;  }
}
@keyframes dol
{   
	0% { width:0%; } 
	30% { width:50%; } 
	100% { width:100%;  }
}

 
.mblogo { width:80%; padding:15px 0px; display:none }

 


.MB-MENU { position:fixed; width:100%; height:100%; z-index:6000; background: rgba(0,0,0,0.8); left:0; top:0; -webkit-transition: all 0.5000s ease;
-moz-transition: all 0.5000s ease;
-o-transition: all 0.5000s ease;
transition: all 0.5000s ease;}

.scale0 { -webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.scale1 { -webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.MB-MENU .li { padding:10px 0px; text-align:center;; font-size:28px; color:#fff; }
.MB-MENU .M-PAD { padding:20% 0px; }



.mmenu { background:#000; width:20px; height:20px; position:fixed; top:20px; right:20px;   padding:10px;   z-index:6500;}
 




@media screen and (max-width: 800px) {
	


.mblogo { display:block }

.MB-MENU { display:block }	

	
.UST-MENU { display:none }	
	
	
.BLOG2 .post {  width:calc(100% - 0px); margin:0px; }
/************/
.konugec   {  margin-bottom:50px; text-align:center; }
.konugec a { display:inline-block; padding:8px 30px; background:#c5d1da; color:#666; position:relative; margin:5px 0px }
.konugec .u-sol { float:none; }
.konugec .u-sag { float:none; }

.ANASAYFA .bordertop    { display:none }
.ANASAYFA .borderbottom { display:none }
.ANASAYFA .borderleft   { display:none }
.ANASAYFA .borderright  { display:none }

.ANASAYFA .tag 			{ display:none }


 
 
.GALERI .type { text-align:center; display:none   }
.GALERI .gal_1 .li { width:100%;   float:left; margin:0; padding:0px; position:relative; z-index:1; overflow:hidden;    }
.GALERI .gal_1 .li .padding { padding:5px    }
 
 
.VIDEO .li          { float:left;   padding:0%; width:100%; position:relative; overflow:hidden;   }
.VIDEO .li .padding { padding:10px; }


/************/
.BLOG .post { padding:30px 20px 40px 20px; }
.BLOG  .p { text-align:justify }
/************/
 
.BLOGDETAY .post {   padding:30px 20px 40px 20px; margin-bottom:25px; text-align:center; background:#fff;  }
.BLOGDETAY .post img { width:100%; padding-bottom:1px; }
.BLOGDETAY  h2 {  font-size:22px;   font-weight:600;    letter-spacing:2px ;margin-bottom:30px; }
.BLOGDETAY .date { padding-bottom:15px; margin:10px 0px; border-bottom:1px solid #000; width:300px;   font-size:12px; color:#000; display:inline-block ; letter-spacing:2px }
.BLOGDETAY  h1 { margin-bottom:10px; color:#000;  font-weight:600; letter-spacing:3px; font-size:15px; padding:25px 0px 0px 0px; display:inline-block; }

 

.BLOG     { max-width:1200px; margin:0 auto}
.BLOG .menu { float:right; width:260px; padding-top:80px; display:none  }
 


.BLOG .icerik { float:left;   width:calc(100% - 0px); }



.URUN-LIST { max-width:1200px; margin:30px auto; padding:40px 0px; text-align:center; border:0px solid #ccc;  }
.URUN-LIST .liste { width:calc(100% - 60px); padding:30px; float:left;   }
.URUN-LIST .liste img { width:100%; }
.URUN-LIST .liste h4  { color:#000; font-weight:400; padding:5px 0px; margin:0; text-align:left; }
.URUN-LIST .liste .pr { font-size:18px; text-align:left; }



 
}