*{margin:0; padding:0;}
body{text-align:justify;}
/*font bilgileri*/
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@600&family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Oswald:wght@300;400;500;600&family=Roboto+Condensed&family=Sofia+Sans+Condensed:wght@400;600&display=swap');
/*BURADA İSE bosluklar İÇİN yukseklik KODLARINI GİRİYORUZ*/
.yukseklik{height:100px;}
.yukseklik1{height:200px;}
.yukseklik2{height:300px;}
.yukseklik3{height:400px;}
/*BURADA İSE GENISLIK KODLARINI GİRİYORUZ*/
.tamgenislik{width:100%;}
/*BURADA İSE ALERT KODLARINI GİRİYORUZ*/
/*BURADA İSE IMG FILTER KODLARINI GİRİYORUZ*/
/*Filter styles*/
.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }
/*BURADA İSE hizalama KODLARINI GİRİYORUZ*/
.bottomhizala{
	position:relative;
	margin:0 auto;
	bottom:40px;
}
/*BURADA İSE text İÇİN hizalama KODLARINI GİRİYORUZ*/
.textleft{text-align:left; padding:0.3em 1.5em 0.5em 0.5em;}
.textright{text-align:right;padding:0.3em 1.5em 0.5em 0.5em;}
.textcenter{text-align:center;padding:0.3em 1.5em 0.5em 0.5em;}
.textjust{text-align:justify;padding:0.3em 1.5em 0.5em 0.5em;}
.textsize{font-size:14px;}
.resfont {
    font-size: 32px;
  }
/*BURADA İSE İMG İÇİN RESPONSİVE KODLARINI GİRİYORUZ*/
.responsive_img > img{
width: 100%;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    top: -5px;
    z-index: -1;
}
.logo_img {
width: auto;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
   
    z-index: -1;
}
.logo_img_res {
width: auto;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
   top:-5px;
    z-index: -1;
	float:left;
}
/*BURADA İSE İMG YADA SHAPE YANINA GELEN YAZILARIN İMGNİN YADA SHAPE İN SEKLİNE GORE HAREKET ETMESİNİ SAĞLAYAN KODLARINI GİRİYORUZ*/
.shapesekilal {
  float: left;
  
  width:25%;
  height: auto;
  transform: translateX(-16px);
}
/*BURADA İSE WHATSAP VE MESSENGER İÇİN buton EFEKT KODLARINI GİRİYORUZ*/

.btn-floating {
    position: fixed;
    right: 25px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 0;
    z-index: 9999;
    color: white;
    transition: .2s;
}

.btn-floating:hover {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
}

.btn-floating span {
    font-size: 16px;
    margin-left: 5px;
    transition: .2s;
    line-height: 0px;
    display: none;
}

.btn-floating:hover span {
    display: inline-block;
}

.btn-floating:hover img {
    margin-bottom: -3px;
}

.btn-floating.whatsapp {
    bottom: 25px;
    background-color: #34af23;
    border: 2px solid #fff;
}

.btn-floating.whatsapp:hover {
    background-color: #1f7a12;
}

.btn-floating.facebook {
    bottom: 85px;
    background-color: #1876f3;
    border: 2px solid #fff;
}

.btn-floating.facebook:hover {
    background-color: #1876f3;
}
/*BURADA İSE a href ler için buton EFEKT KODLARINI GİRİYORUZ*/
/**
 * Chunky 3D Web Buttons
 *
 * Inspiration was taken from:
 * - http://www.premiumpixels.com/freebies/chunky-3d-webbuttons-psd/
 */
 
/**
 * Shadow
 */
a.dugme::before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: #959595 0 2px 5px;
    -moz-box-shadow: #959595 0 2px 5px;
    border-radius: 3px;
    box-shadow: #959595 0 2px 5px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding: 2px 0 0;
    position: absolute;
    top: 0;
    width: 100%; }
    
a.dugme:active::before { padding: 1px 0 0; }

/**
 * Grey
 */
a.dugme {
    -moz-box-shadow: inset 0 0 0 1px #63ad0d;
    -webkit-box-shadow: inset 0 0 0 1px #63ad0d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e2e2e2));
    background: -moz-linear-gradient(#eee, #e2e2e2);
    background: linear-gradient(#eee, #e2e2e2);
    border: solid 1px #d0d0d0;
    border-bottom: solid 3px #b2b1b1;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #f5f5f5;
    color: #555;
    display: inline-block;
    font: bold 12px Arial, Helvetica, Clean, sans-serif;
    margin: 0 25px 25px 0;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fafafa; }
    
a.dugme:hover {
    background: #e4e4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#ededed));
    background: -moz-linear-gradient(#e4e4e4, #ededed);
    background: linear-gradient(#e4e4e4, #ededed);
    border: solid 1px #c2c2c2;
    border-bottom: solid 3px #b2b1b1;
    box-shadow: inset 0 0 0 1px #efefef; }
    
a.dugme:active {
    background: #dfdfdf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#e3e3e3));
    background: -moz-linear-gradient(#dfdfdf, #e3e3e3);
    background: linear-gradient(#dfdfdf, #e3e3e3);
    border: solid 1px #959595;
    box-shadow: inset 0 10px 15px 0 #c4c4c4;
    top:2px;}

/**
 * Pink
 */
a.dugme.pink {
    background: #f997b0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f997b0), to(#f56778));
    background: -moz-linear-gradient(#f997b0, #f56778);
    background: linear-gradient(#f997b0, #f56778);
    border: solid 1px #ee8090;
    border-bottom: solid 3px #cb5462;
    box-shadow: inset 0 0 0 1px #fbc1d0;
    color: #913944;
    text-shadow: 0 1px 0 #f9a0ad; }
    
a.dugme.pink:hover {
    background: #f57184;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f57184), to(#f78297));
    background: -moz-linear-gradient(#f57184, #f78297);
    background: linear-gradient(#f57184, #f78297);
    border: solid 1px #e26272;
    border-bottom: solid 3px #cb5462;
    box-shadow: inset 0 0 0 1px #f9aab5; }
    
a.dugme.pink:active {
    background: #f06a7c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f06a7c), to(#f56c7e));
    background: -moz-linear-gradient(#f06a7c, #f56c7e);
    background: linear-gradient(#f06a7c, #f56c7e);
    border: solid 1px #a14753;
    box-shadow: inset 0 10px 15px 0 #d45d6d; }
    
/**
 * Blue
 */
a.dugme.blue {
    background: #abe4f8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abe4f8), to(#74d0f4));
    background: -moz-linear-gradient(#abe4f8, #74d0f4);
    background: linear-gradient(#abe4f8, #74d0f4);
    border: solid 1px #8cc5d9;
    border-bottom: solid 3px #589cb6;
    box-shadow: inset 0 0 0 1px #cdeffb;
    color: #42788e;
    text-shadow: 0 1px 0 #b6e6f9; }
    
a.dugme.blue:hover {
    background: #80d4f5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80d4f5), to(#92dbf6));
    background: -moz-linear-gradient(#80d4f5, #92dbf6);
    background: linear-gradient(#80d4f5, #92dbf6);
    border: solid 1px #79acbe;
    border-bottom: solid 3px #589cb6;
    box-shadow: inset 0 0 0 1px #b2e6f8; }
    
a.dugme.blue:active {
    background: #89d2ee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#89d2ee), to(#84cae6));
    background: -moz-linear-gradient(#89d2ee, #84cae6);
    background: linear-gradient(#89d2ee, #84cae6);
    border: solid 1px #5c8d9f;
    box-shadow: inset 0 10px 15px 0 #79b9d2; }
    
/**
 * Green
 */
a.dugme.green {
    background: #cae285;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cae285), to(#a3cd5a));
    background: -moz-linear-gradient(#cae285, #a3cd5a);
    background: linear-gradient(#cae285, #a3cd5a);
    border: solid 1px #aad063;
    border-bottom: solid 3px #799545;
    box-shadow: inset 0 0 0 1px #e0eeb6;
    color: #5d7731;
    text-shadow: 0 1px 0 #d0e5a4; }
    
a.dugme.green:hover {
    background: #abd164;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abd164), to(#b9d972));
    background: -moz-linear-gradient(#abd164, #b9d972);
    background: linear-gradient(#abd164, #b9d972);
    border: solid 1px #98b85b;
    border-bottom: solid 3px #799545;
    box-shadow: inset 0 0 0 1px #cce3a1; }
    
a.dugme.green:active {
    background: #a4cb5d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a4cb5d), to(#9ec45a));
    background: -moz-linear-gradient(#a4cb5d, #9ec45a);
    background: linear-gradient(#a4cb5d, #9ec45a);
    border: solid 1px #6e883f;
    box-shadow: inset 0 10px 15px 0 #90b352; }
    
/**
 * Teal
 */
a.dugme.teal {
    background: #b7f2f4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7f2f4), to(#81e8eb));
    background: -moz-linear-gradient(#b7f2f4, #81e8eb);
    background: linear-gradient(#b7f2f4, #81e8eb);
    border: solid 1px #87d3d5;
    border-bottom: solid 3px #4fa7aa;
    box-shadow: inset 0 0 0 1px #d4f8f8;
    color: #437b7d;
    text-shadow: 0 1px 0 #bef3f5; }
    
a.dugme.teal:hover {
    background: #8deaed;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8deaed), to(#9fedf0));
    background: -moz-linear-gradient(#8deaed, #9fedf0);
    background: linear-gradient(#8deaed, #9fedf0);
    border: solid 1px #79c5c7;
    border-bottom: solid 3px #4fa7aa;
    box-shadow: inset 0 0 0 1px #b9f2f5; }
    
a.dugme.teal:active {
    background: #84e4e7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#84e4e7), to(#80dcdf));
    background: -moz-linear-gradient(#84e4e7, #80dcdf);
    background: linear-gradient(#84e4e7, #80dcdf);
    border: solid 1px #58999b;
    box-shadow: inset 0 10px 15px 0 #75c9cc; }
    
/**
 * Black
 */
a.dugme.black {
    background: #656565;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#656565), to(#444));
    background: -moz-linear-gradient(#656565, #444);
    background: linear-gradient(#656565, #444);
    border: solid 1px #535353;
    border-bottom: solid 3px #414141;
    box-shadow: inset 0 0 0 1px #939393;
    color: #fff;
    text-shadow: 0 1px 0 #2f2f2f; }
    
a.dugme.black:hover {
    background: #4c4c4c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4c4c4c), to(#565656));
    background: -moz-linear-gradient(#4c4c4c, #565656);
    background: linear-gradient(#4c4c4c, #565656);
    border: solid 1px #464646;
    border-bottom: solid 3px #414141;
    box-shadow: inset 0 0 0 1px #818181; }
    
a.dugme.black:active {
    background: #474747;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#474747), to(#444));
    background: -moz-linear-gradient(#474747, #444);
    background: linear-gradient(#474747, #444);
    border: solid 1px #2f2f2f;
    box-shadow: inset 0 10px 15px 0 #3e3e3e; }
    
/**
 * Dark Grey
 */
a.dugme.dark_grey {
    background: #d1d1d1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d1d1d1), to(#afafaf));
    background: -moz-linear-gradient(#d1d1d1, #afafaf);
    background: linear-gradient(#d1d1d1, #afafaf);
    border: solid 1px #b4b4b4;
    border-bottom: solid 3px #878787;
    box-shadow: inset 0 0 0 1px #e3e3e3;
    color: #555;
    text-shadow: 0 1px 0 #d6d6d6; }
    
a.dugme.dark_grey:hover {
    background: #b7b7b7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7b7b7), to(#c2c2c2));
    background: -moz-linear-gradient(#b7b7b7, #c2c2c2);
    background: linear-gradient(#b7b7b7, #c2c2c2);
    border: solid 1px #a2a2a2;
    border-bottom: solid 3px #878787;
    box-shadow: inset 0 0 0 1px #d4d4d4; }
    
a.dugme.dark_grey:active {
    background: #afafaf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afafaf), to(#a9a9a9));
    background: -moz-linear-gradient(#afafaf, #a9a9a9);
    background: linear-gradient(#afafaf, #a9a9a9);
    border: solid 1px #757575;
    box-shadow: inset 0 10px 15px 0 #9a9a9a; }
    
/**
 * Orange
 */
a.dugme.orange {
    background: #feda71;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feda71), to(#febe4d));
    background: -moz-linear-gradient(#feda71, #febe4d);
    background: linear-gradient(#feda71, #febe4d);
    border: solid 1px #eab551;
    border-bottom: solid 3px #b98a37;
    box-shadow: inset 0 0 0 1px #fee9aa;
    color: #996633;
    text-shadow: 0 1px 0 #fedd9b; }
    
a.dugme.orange:hover {
    background: #fec455;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fec455), to(#fecd61));
    background: -moz-linear-gradient(#fec455, #fecd61);
    background: linear-gradient(#fec455, #fecd61);
    border: solid 1px #e6a93d;
    border-bottom: solid 3px #b98a37;
    box-shadow: inset 0 0 0 1px #fedb98; }
    
a.dugme.orange:active {
    background: #f9bd4f;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9bd4f), to(#f0b64d));
    background: -moz-linear-gradient(#f9bd4f, #f0b64d);
    background: linear-gradient(#f9bd4f, #f0b64d);
    border: solid 1px #a77f35;
    box-shadow: inset 0 10px 15px 0 #dba646; }
    
/**
 * Purple
 */
a.dugme.purple {
    background: #e8c4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8c4e4), to(#d698d0));
    background: -moz-linear-gradient(#e8c4e4, #d698d0);
    background: linear-gradient(#e8c4e4, #d698d0);
    border: solid 1px #da9fd4;
    border-bottom: solid 3px #946890;
    box-shadow: inset 0 0 0 1px #f2dcef;
    color: #7b5777;
    text-shadow: 0 1px 0 #eacae6; }
    
a.dugme.purple:hover {
    background: #daa2d4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#daa2d4), to(#e0b1db));
    background: -moz-linear-gradient(#daa2d4, #e0b1db);
    background: linear-gradient(#daa2d4, #e0b1db);
    border: solid 1px #ca91c4;
    border-bottom: solid 3px #946890;
    box-shadow: inset 0 0 0 1px #e9c7e6; }
    
a.dugme.purple:active {
    background: #d49ace;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d49ace), to(#cc94c6));
    background: -moz-linear-gradient(#d49ace, #cc94c6);
    background: linear-gradient(#d49ace, #cc94c6);
    border: solid 1px #8e678a;
    box-shadow: inset 0 10px 15px 0 #ba87b5; }
    
/**
 * Blue Alt
 */
a.dugme.blue_alt {
    background: #becbd6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#becbd6), to(#8da5b7));
    background: -moz-linear-gradient(#becbd6, #8da5b7);
    background: linear-gradient(#becbd6, #8da5b7);
    border: solid 1px #a1aeb7;
    border-bottom: solid 3px #62727e;
    box-shadow: inset 0 0 0 1px #d8e0e6;
    color: #515f6a;
    text-shadow: 0 1px 0 #c4d0da; }
    
a.dugme.blue_alt:hover {
    background: #97adbd;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#97adbd), to(#a8bac8));
    background: -moz-linear-gradient(#97adbd, #a8bac8);
    background: linear-gradient(#97adbd, #a8bac8);
    border: solid 1px #96a2ab;
    border-bottom: solid 3px #62727e;
    box-shadow: inset 0 0 0 1px #c0ced7; }
    
a.dugme.blue_alt:active {
    background: #8fa6b6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8fa6b6), to(#8aa0b0));
    background: -moz-linear-gradient(#8fa6b6, #8aa0b0);
    background: linear-gradient(#8fa6b6, #8aa0b0);
    border: solid 1px #606f7a;
    box-shadow: inset 0 10px 15px 0 #7e92a1; }
    
/**
 * Crisp
 */
a.dugme.crisp {
    background: #c38b66;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c38b66), to(#9d6741));
    background: -moz-linear-gradient(#c38b66, #9d6741);
    background: linear-gradient(#c38b66, #9d6741);
    border: solid 1px #422213;
    border-bottom: solid 3px #33180d;
    box-shadow: inset 0 0 0 1px #b98c62;
    color: #fff;
    text-shadow: 0 1px 0 #7b502e; }
    
a.dugme.crisp:hover {
    background: #9d6741;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d6741), to(#c38b66));
    background: -moz-linear-gradient(#9d6741, #c38b66);
    background: linear-gradient(#9d6741, #c38b66);
    border: solid 1px #422213;
    border-bottom: solid 3px #33180d;
    box-shadow: inset 0 0 0 1px #b98c62; }
    
a.dugme.crisp:active {
    background: #9d6741;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d6741), to(#c38b66));
    background: -moz-linear-gradient(#9d6741, #c38b66);
    background: linear-gradient(#9d6741, #c38b66);
    border: solid 1px #422213;
    box-shadow: inset 0 10px 15px 0 #7b502e; }
    
/**
 * Forrst - Special Edition
 */
a.dugme.forrst {
    background: #4a7746;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4a7746), to(#335d30));
    background: -moz-linear-gradient(#4a7746, #335d30);
    background: linear-gradient(#4a7746, #335d30);
    border: solid 1px #1b3013;
    border-bottom: solid 3px #0a1608;
    box-shadow: inset 0 0 0 1px #53864f;
    color: #142413;
    text-shadow: 0 1px 0 #4b7b47; }
    
a.dugme.forrst:hover {
    background: #335d30;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#335d30), to(#4a7746));
    background: -moz-linear-gradient(#335d30, #4a7746);
    background: linear-gradient(#335d30, #4a7746);
    border: solid 1px #1b3013;
    border-bottom: solid 3px #0a1608;
    box-shadow: inset 0 0 0 1px #53864f; }
    
a.dugme.forrst:active {
    background: #335d30;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#335d30), to(#4a7746));
    background: -moz-linear-gradient(#335d30, #4a7746);
    background: linear-gradient(#335d30, #4a7746);
    border: solid 1px #1b3013;
    box-shadow: inset 0 10px 15px 0 #294a16; }
    
/**
 * Dribbble - Special Edition
 */
a.dugme.dribbble {
    background: #f1a4c1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1a4c1), to(#e675a0));
    background: -moz-linear-gradient(#f1a4c1, #e675a0);
    background: linear-gradient(#f1a4c1, #e675a0);
    border: solid 1px #e98eb0;
    border-bottom: solid 3px #cc4a79;
    box-shadow: inset 0 0 0 1px #f6c2d7;
    color: #fff;
    text-shadow: 0 1px 0 #d64570; }
    
a.dugme.dribbble:hover {
    background: #e675a0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e675a0), to(#f1a4c1));
    background: -moz-linear-gradient(#e675a0, #f1a4c1);
    background: linear-gradient(#e675a0, #f1a4c1);
    border: solid 1px #e98eb0;
    border-bottom: solid 3px #cc4a79;
    box-shadow: inset 0 0 0 1px #f6c2d7; }
    
a.dugme.dribbble:active {
    background: #e675a0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e675a0), to(#f1a4c1));
    background: -moz-linear-gradient(#e675a0, #f1a4c1);
    background: linear-gradient(#e675a0, #f1a4c1);
    border: solid 1px #e98eb0;
    box-shadow: inset 0 10px 15px 0 #e05285; }
    
/**
 * Twitter - Special Edition
 */
a.dugme.twitter {
    background: #9fd6fa;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9fd6fa), to(#6bb9f7));
    background: -moz-linear-gradient(#9fd6fa, #6bb9f7);
    background: linear-gradient(#9fd6fa, #6bb9f7);
    border: solid 1px #72bdf4;
    border-bottom: solid 3px #4a9de1;
    box-shadow: inset 0 0 0 1px #bfe4fc;
    color: #fff;
    text-shadow: 0 1px 0 #4598f3; }
    
a.dugme.twitter:hover {
    background: #6bb9f7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6bb9f7), to(#9fd6fa));
    background: -moz-linear-gradient(#6bb9f7, #9fd6fa);
    background: linear-gradient(#6bb9f7, #9fd6fa);
    border: solid 1px #72bdf4;
    border-bottom: solid 3px #4a9de1;
    box-shadow: inset 0 0 0 1px #bfe4fc; }
    
a.dugme.twitter:active {
    background: #6bb9f7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6bb9f7), to(#9fd6fa));
    background: -moz-linear-gradient(#6bb9f7, #9fd6fa);
    background: linear-gradient(#6bb9f7, #9fd6fa);
    border: solid 1px #72bdf4;
    box-shadow: inset 0 10px 15px 0 #50aaf3; }
    
/**
 * Facebook - Special Edition
 */
a.dugme.facebook {
    background: #99b6df;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99b6df), to(#638ec8));
    background: -moz-linear-gradient(#99b6df, #638ec8);
    background: linear-gradient(#99b6df, #638ec8);
    border: solid 1px #6d94ce;
    border-bottom: solid 3px #3867ac;
    box-shadow: inset 0 0 0 1px #bbcfeb;
    color: #fff;
    text-shadow: 0 1px 0 #3c61ab; }
    
a.dugme.facebook:hover {
    background: #638ec8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#638ec8), to(#99b6df));
    background: -moz-linear-gradient(#638ec8, #99b6df);
    background: linear-gradient(#638ec8, #99b6df);
    border: solid 1px #6d94ce;
    border-bottom: solid 3px #3867ac;
    box-shadow: inset 0 0 0 1px #bbcfeb; }
    
a.dugme.facebook:active {
    background: #638ec8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#638ec8), to(#99b6df));
    background: -moz-linear-gradient(#638ec8, #99b6df);
    background: linear-gradient(#638ec8, #99b6df);
    border: solid 1px #6d94ce;
    box-shadow: inset 0 10px 15px 0 #4176c4; }
    
/**
 * LoveDSGN - Special Edition
 */
a.dugme.lovedsgn {
    background: #f3c1e6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3c1e6), to(#de66c0));
    background: -moz-linear-gradient(#f3c1e6, #de66c0);
    background: linear-gradient(#f3c1e6, #de66c0);
    border: solid 1px #cd5daf;
    border-bottom: solid 3px #ce5eb0;
    box-shadow: inset 0 0 0 1px #e998d3;
    color: #fff;
    text-shadow: 0 1px 0 #ce5eb0; }
    
a.dugme.lovedsgn:hover {
    background: #de66c0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#de66c0), to(#f3c1e6));
    background: -moz-linear-gradient(#de66c0, #f3c1e6);
    background: linear-gradient(#de66c0, #f3c1e6);
    border: solid 1px #cd5daf;
    border-bottom: solid 3px #ce5eb0;
    box-shadow: inset 0 0 0 1px #e998d3; }
    
a.dugme.lovedsgn:active {
    background: #de66c0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#de66c0), to(#f3c1e6));
    background: -moz-linear-gradient(#de66c0, #f3c1e6);
    background: linear-gradient(#de66c0, #f3c1e6);
    border: solid 1px #cd5daf;
    box-shadow: inset 0 10px 15px 0 #ce5eb0; }
    
/**
 * XBOX - Special Edition
 */
a.dugme.xbox {
    background: #c4e125;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c4e125), to(#88a819));
    background: -moz-linear-gradient(#c4e125, #88a819);
    background: linear-gradient(#c4e125, #88a819);
    border: solid 1px #829c15;
    border-bottom: solid 3px #819d15;
    box-shadow: inset 0 0 0 1px #c6da7b;
    color: #fff;
    text-shadow: 0 1px 0 #819d15; }
    
a.dugme.xbox:hover {
    background: #88a819;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#88a819), to(#c4e125));
    background: -moz-linear-gradient(#88a819, #c4e125);
    background: linear-gradient(#88a819, #c4e125);
    border: solid 1px #829c15;
    border-bottom: solid 3px #819d15;
    box-shadow: inset 0 0 0 1px #c6da7b; }
    
a.dugme.xbox:active {
    background: #88a819;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#88a819), to(#c4e125));
    background: -moz-linear-gradient(#88a819, #c4e125);
    background: linear-gradient(#88a819, #c4e125);
    border: solid 1px #829c15;
    box-shadow: inset 0 10px 15px 0 #819d15; }
    
/**
 * devART - Special Edition
 */
a.dugme.devart {
    background: #729e85;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#729e85), to(#486d5c));
    background: -moz-linear-gradient(#729e85, #486d5c);
    background: linear-gradient(#729e85, #486d5c);
    border: solid 1px #236036;
    border-bottom: solid 3px #225f33;
    box-shadow: inset 0 0 0 1px #90a59c;
    color: #fff;
    text-shadow: 0 1px 0 #225f33; }
    
a.dugme.devart:hover {
    background: #486d5c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#486d5c), to(#729e85));
    background: -moz-linear-gradient(#486d5c, #729e85);
    background: linear-gradient(#486d5c, #729e85);
    border: solid 1px #236036;
    border-bottom: solid 3px #225f33;
    box-shadow: inset 0 0 0 1px #90a59c; }
    
a.dugme.devart:active {
    background: #486d5c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#486d5c), to(#729e85));
    background: -moz-linear-gradient(#486d5c, #729e85);
    background: linear-gradient(#486d5c, #729e85);
    border: solid 1px #236036;
    box-shadow: inset 0 10px 15px 0 #225f33; }
    
/**
 * Designmoo - Special Edition
 */
a.dugme.dsgnmoo {
    background: #f97779;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f97779), to(#ce2424));
    background: -moz-linear-gradient(#f97779, #ce2424);
    background: linear-gradient(#f97779, #ce2424);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b;
    color: #fff;
    text-shadow: 0 1px 0 #bd2524; }
    
a.dugme.dsgnmoo:hover {
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b; }
    
a.dugme.dsgnmoo:active {
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    box-shadow: inset 0 10px 15px 0 #bd2524; }
    
/**
 * RSS Feed - Special Edition
 */
a.dugme.rss {
    background: #f6c696;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6c696), to(#e9893d));
    background: -moz-linear-gradient(#f6c696, #e9893d);
    background: linear-gradient(#f6c696, #e9893d);
    border: solid 1px #a1681b;
    border-bottom: solid 3px #a1671d;
    box-shadow: inset 0 0 0 1px #f1bb8f;
    color: #fff;
    text-shadow: 0 1px 0 #a1671d; }
    
a.dugme.rss:hover {
    background: #e9893d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9893d), to(#f6c696));
    background: -moz-linear-gradient(#e9893d, #f6c696);
    background: linear-gradient(#e9893d, #f6c696);
    border: solid 1px #a1681b;
    border-bottom: solid 3px #a1671d;
    box-shadow: inset 0 0 0 1px #f1bb8f; }
    
a.dugme.rss:active {
    background: #e9893d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9893d), to(#f6c696));
    background: -moz-linear-gradient(#e9893d, #f6c696);
    background: linear-gradient(#e9893d, #f6c696);
    border: solid 1px #a1681b;
    box-shadow: inset 0 10px 15px 0 #a1671d; }
    
/**
 * Yahoo - Special Edition
 */
a.dugme.yahoo {
    background: #be95b7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#be95b7), to(#5f396a));
    background: -moz-linear-gradient(#be95b7, #5f396a);
    background: linear-gradient(#be95b7, #5f396a);
    border: solid 1px #4b2a55;
    border-bottom: solid 3px #4d2955;
    box-shadow: inset 0 0 0 1px #9c83a1;
    color: #fff;
    text-shadow: 0 1px 0 #4d2955; }
    
a.dugme.yahoo:hover {
    background: #5f396a;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5f396a), to(#be95b7));
    background: -moz-linear-gradient(#5f396a, #be95b7);
    background: linear-gradient(#5f396a, #be95b7);
    border: solid 1px #4b2a55;
    border-bottom: solid 3px #4d2955;
    box-shadow: inset 0 0 0 1px #9c83a1; }
    
a.dugme.yahoo:active {
    background: #5f396a;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5f396a), to(#be95b7));
    background: -moz-linear-gradient(#5f396a, #be95b7);
    background: linear-gradient(#5f396a, #be95b7);
    border: solid 1px #4b2a55;
    box-shadow: inset 0 10px 15px 0 #4d2955; }
	
	
/* BUTTON
-------------------------------------------------------------- */
.uk-button-left{position:relative; float: left; left:1.5em;}
.uk-button-right{position:relative; float: right; right:1.5em;}
.uk-button{
	position:relative;
	padding:0.3em 0.5em 0.3em 0.5em ;
	width:auto;
	text-align:center;
	margin-bottom:1em;
}
.uk-button-default {
  color: #ffffff;
  background-color: #9e9e9e;
  border: 1px solid transparent;
}
.uk-button-default:hover,
.uk-button-default:focus {
  color: #ffffff;
  background-color: #757575;
  border: 1px solid transparent;
}
.uk-button-default:active,
.uk-button-default.uk-active {
  color: #ffffff;
  background-color: #616161;
  border: 1px solid transparent;
}

.uk-button-primary {
  color: #ffffff;
  background-color: #2196f3;
  border: 1px solid transparent;
}
.uk-button-primary:hover,
.uk-button-primary:focus {
  color: #ffffff;
  background-color: #1976d2;
  border: 1px solid transparent;
}
.uk-button-primary:active,
.uk-button-primary.uk-active {
  color: #ffffff;
  background-color: #0d47a1;
  border: 1px solid transparent;
}

.uk-button-secondary {
  color: #ffffff;
  background-color: #673ab7;
  border: 1px solid transparent;
}
.uk-button-secondary:hover,
.uk-button-secondary:focus {
  color: #ffffff;
  background-color: #512da8;
  border: 1px solid transparent;
}
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  color: #ffffff;
  background-color: #311b92;
  border: 1px solid transparent;
}

.uk-button-danger {
  color: #ffffff;
  background-color: #f44336;
  border: 1px solid transparent;
}
.uk-button-danger:hover,
.uk-button-danger:focus {
  color: #ffffff;
  background-color: #d32f2f;
  border: 1px solid transparent;
}
.uk-button-danger:active,
.uk-button-danger.uk-active {
  color: #ffffff;
  background-color: #b71c1c;
  border: 1px solid transparent;
}

.uk-button-success {
  color: #ffffff;
  background-color: #4caf50;
  border: 1px solid transparent;
}
.uk-button-success:hover,
.uk-button-success:focus {
  color: #ffffff;
  background-color: #388e3c;
  border: 1px solid transparent;
}
.uk-button-success:active,
.uk-button-success.uk-active {
  color: #ffffff;
  background-color: #1b5e20;
  border: 1px solid transparent;
}

.uk-button-warning {
  color: #ffffff;
  background-color: #ff9800;
  border: 1px solid transparent;
}
.uk-button-warning:hover,
.uk-button-warning:focus {
  color: #ffffff;
  background-color: #f57c00;
  border: 1px solid transparent;
}
.uk-button-warning:active,
.uk-button-warning.uk-active {
  color: #ffffff;
  background-color: #e65100;
  border: 1px solid transparent;
}

.uk-button-default-outline {
  background-color: transparent !important;
  color: #9e9e9e;
  border: 1px solid #9e9e9e;
}
.uk-button-default-outline:hover,
.uk-button-default-outline:focus {
  color: #757575;
  border: 1px solid #757575;
}
.uk-button-default-outline:active,
.uk-button-default-outline.uk-active {
  color: #616161;
  border: 1px solid #616161;
}

.uk-button-primary-outline {
  background-color: transparent !important;
  color: #2196f3;
  border: 1px solid #2196f3;
}
.uk-button-primary-outline:hover,
.uk-button-primary-outline:focus {
  color: #1976d2;
  border: 1px solid #1976d2;
}
.uk-button-primary-outline:active,
.uk-button-primary-outline.uk-active {
  color: #0d47a1;
  border: 1px solid #0d47a1;
}

.uk-button-secondary-outline {
  background-color: transparent !important;
  color: #673ab7;
  border: 1px solid #673ab7;
}
.uk-button-secondary-outline:hover,
.uk-button-secondary-outline:focus {
  color: #512da8;
  border: 1px solid #512da8;
}
.uk-button-secondary-outline:active,
.uk-button-secondary-outline.uk-active {
  color: #311b92;
  border: 1px solid #311b92;
}

.uk-button-danger-outline {
  background-color: transparent !important;
  color: #f44336;
  border: 1px solid #f44336;
}
.uk-button-danger-outline:hover,
.uk-button-danger-outline:focus {
  color: #d32f2f;
  border: 1px solid #d32f2f;
}
.uk-button-danger-outline:active,
.uk-button-danger-outline.uk-active {
  color: #b71c1c;
  border: 1px solid #b71c1c;
}

.uk-button-success-outline {
  background-color: transparent !important;
  color: #4caf50;
  border: 1px solid #4caf50;
}
.uk-button-success-outline:hover,
.uk-button-success-outline:focus {
  color: #388e3c;
  border: 1px solid #388e3c;
}
.uk-button-success-outline:active,
.uk-button-success-outline.uk-active {
  color: #1b5e20;
  border: 1px solid #1b5e20;
}

.uk-button-warning-outline {
  background-color: transparent !important;
  color: #ff9800;
  border: 1px solid #ff9800;
}
.uk-button-warning-outline:hover,
.uk-button-warning-outline:focus {
  color: #f57c00;
  border: 1px solid #f57c00;
}
.uk-button-warning-outline:active,
.uk-button-warning-outline.uk-active {
  color: #e65100;
  border: 1px solid #e65100;
}
/*BURADA İSE SHADOW OLUŞTURMAK İÇİN AŞAGIDAKİ EFEKT KODLARINI GİRİYORUZ*/
/*==================================================
* Effect 1
* ===============================================*/
.boxeffect1 {
position: relative;
}.boxeffect1:before, .boxeffect1:after {
z-index: -1;
position: absolute;
content: “”;
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}

.boxeffect1:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
/*==================================================
* Effect 2
* ===============================================*/
.boxeffect2 {
position: relative;
}.boxeffect2:before {
z-index: -1;
position: absolute;
content: “”;
bottom: 0px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}

/*==================================================
* Effect 3
* ===============================================*/
.boxeffect3 {
position: relative;
}.boxeffect3:after {
z-index: -1;
position: absolute;
content: “”;
bottom: 15px;
right: 10px;
left: auto;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}
/*==================================================
* Effect 5
* ===============================================*/
.boxeffect5 {
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.boxeffect5:before, .boxeffect5:after {
content:””;
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}.boxeffect5:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
/*==================================================
* Effect 6
* ===============================================*/
.boxeffect6 {
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}.boxeffect6:before, .boxeffect6:after {
content:””;
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:0;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}

.boxeffect6:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
/*==================================================
* Effect 7
* ===============================================*/
.boxeffect7 {
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.boxeffect7:before, .boxeffect7:after {
content:””;
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:10px;
bottom:10px;
left:0;
right:0;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}

.boxeffect7:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
/*************************************************************************/
/*************************************************************************/
.style-01 {
  position: relative;
}
.style-01::before, .style-01::after {
  content: '';
  position: absolute;
  top: 80%;
  bottom: 13px;
  display: block;
  width: 50%;
  -webkit-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  z-index: -1;
  left: 10px;
}
.style-01::before {
  background: transparent;
  right: 10px;
  left: auto;
  -webkit-transform: rotate(1.5deg);
  transform: rotate(1.5deg);
}
.style-01::after {
  background: transparent;
  -webkit-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}

.style-02 {
  position: relative;
}
.style-02::before {
  content: '';
  position: absolute;
  top: 80%;
  bottom: 13px;
  display: block;
  width: 50%;
  -webkit-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  z-index: -1;
  right: 10px;
  -webkit-transform: rotate(1.5deg);
  transform: rotate(1.5deg);
}

.style-03 {
  position: relative;
}
.style-03::after {
  content: '';
  position: absolute;
  top: 80%;
  bottom: 13px;
  display: block;
  width: 50%;
  -webkit-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  z-index: -1;
  left: 10px;
  -webkit-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}

.style-04 {
  position: relative;
  -webkit-box-shadow: 0 24px 10px -20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 24px 10px -20px rgba(0, 0, 0, 0.5);
}

.style-05 {
  position: relative;
}
.style-05::before {
  content: '';
  position: absolute;
  bottom: 3px;
  display: block;
  width: 80%;
  height: 10px;
  border-radius: 100px / 10px;
  -webkit-box-shadow: 0 7px 13px rgba(0, 0, 0, 0.5);
  box-shadow: 0 7px 13px rgba(0, 0, 0, 0.5);
  z-index: -1;
  background: transparent;
}

.style-06 {
  position: relative;
}
.style-06::before, .style-06::after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}
.style-06::after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

.style-07 {
  position: relative;
}
.style-07::before, .style-07::after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 0;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}
.style-07::after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}
/*************************************************************************/
/*************************************************************************/
/*BURADA İSE css ARKAPLAN PATTERN OLUŞTURMAK İÇİN AŞAGIDAKİ EFEKT KODLARIONI GİRİYORUZ*/
.effect_wavy{
background-color: #f9f9f9;
opacity: 0.4;
background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #f9f9f9 8px ), repeating-linear-gradient( #dedede55, #dedede );
}
.effect_Rhombus{
background-color: #f9f9f9;
opacity: 0.4;
background-image:  linear-gradient(135deg, #dedede 25%, transparent 25%), linear-gradient(225deg, #dedede 25%, transparent 25%), linear-gradient(45deg, #dedede 25%, transparent 25%), linear-gradient(315deg, #dedede 25%, #f9f9f9 25%);
background-position:  8px 0, 8px 0, 0 0, 0 0;
background-size: 8px 8px;
background-repeat: repeat;}
.effect_ZigZag{
background-color: #f9f9f9;
opacity: 0.4;
background-image:  linear-gradient(135deg, #dedede 25%, transparent 25%), linear-gradient(225deg, #dedede 25%, transparent 25%), linear-gradient(45deg, #dedede 25%, transparent 25%), linear-gradient(315deg, #dedede 25%, #f9f9f9 25%);
background-position:  8px 0, 8px 0, 0 0, 0 0;
background-size: 16px 16px;
background-repeat: repeat;
}
.effect_Moon{
background-color: #f9f9f9;
opacity: 0.4;
background-image: radial-gradient( ellipse farthest-corner at 8px 8px , #dedede, #dedede 50%, #f9f9f9 50%);
background-size: 8px 8px;
}
.effect_Circles{
background-color: #f9f9f9;
opacity: 0.4;
background-image: radial-gradient(circle at center center, #dedede, #f9f9f9), repeating-radial-gradient(circle at center center, #dedede, #dedede, 8px, transparent 16px, transparent 8px);
background-blend-mode: multiply;
}
.effect_Diagonal{
background-color: #f9f9f9;
opacity: 0.4;
background: repeating-linear-gradient( 45deg, #dedede, #dedede 4px, #f9f9f9 4px, #f9f9f9 20px );
}
.effect_Diagonal2{
background-color: #f9f9f9;
opacity: 0.4;
background: repeating-linear-gradient( -45deg, #dedede, #dedede 4px, #f9f9f9 4px, #f9f9f9 20px );
}
.effect_Paper{
background-color: #f9f9f9;
opacity: 0.4;
background-image:  linear-gradient(#dedede 1.6px, transparent 1.6px), linear-gradient(90deg, #dedede 1.6px, transparent 1.6px), linear-gradient(#dedede 0.8px, transparent 0.8px), linear-gradient(90deg, #dedede 0.8px, #f9f9f9 0.8px);
background-size: 40px 40px, 40px 40px, 8px 8px, 8px 8px;
background-position: -1.6px -1.6px, -1.6px -1.6px, -0.8px -0.8px, -0.8px -0.8px;
}
.effect_Isometric{
background-color: #f9f9f9;
opacity: 0.4;
background-image:  linear-gradient(30deg, #dedede 12%, transparent 12.5%, transparent 87%, #dedede 87.5%, #dedede), linear-gradient(150deg, #dedede 12%, transparent 12.5%, transparent 87%, #dedede 87.5%, #dedede), linear-gradient(30deg, #dedede 12%, transparent 12.5%, transparent 87%, #dedede 87.5%, #dedede), linear-gradient(150deg, #dedede 12%, transparent 12.5%, transparent 87%, #dedede 87.5%, #dedede), linear-gradient(60deg, #dedede77 25%, transparent 25.5%, transparent 75%, #dedede77 75%, #dedede77), linear-gradient(60deg, #dedede77 25%, transparent 25.5%, transparent 75%, #dedede77 75%, #dedede77);
background-size: 16px 28px;
background-position: 0 0, 0 0, 8px 14px, 8px 14px, 0 0, 8px 14px;
}
.effect_Lines{
background-color: #f9f9f9;
opacity: 0.4;
background-image: linear-gradient(0deg, #f9f9f9 50%, #dedede 50%);
background-size: 8px 8px;
}
.effect_Diagonal3{
background-color: #f9f9f9;
opacity: 0.4;
background-size: 8px 8px;
background-image: repeating-linear-gradient(45deg, #dedede 0, #dedede 0.8px, #f9f9f9 0, #f9f9f9 50%);
}
.effect_Boxes{
background-color: #f9f9f9;
opacity: 0.4;
background-image:  linear-gradient(#dedede 0.8px, transparent 0.8px), linear-gradient(to right, #dedede 0.8px, #f9f9f9 0.8px);
background-size: 16px 16px;
}
.effect_Lines{
background-color: #f9f9f9;
opacity: 0.4;
background-size: 16px 16px;
background-image:  repeating-linear-gradient(0deg, #dedede, #dedede 0.8px, #f9f9f9 0.8px, #f9f9f9);
}
.effect_Triangle{
background-color: #f9f9f9;
opacity: 0.4;
background-image: linear-gradient(45deg, #dedede 50%, #f9f9f9 50%);
background-size: 8px 8px;
}
.effect_Triangle2{
background-color: #f9f9f9;
opacity: 0.4;
background-image: linear-gradient(-45deg, #f9f9f9, #f9f9f9 50%, #dedede 50%, #dedede);
background-size: 8px 8px;
}
.effect_Rectangles{
background-color: #f9f9f9;
opacity: 0.4;
background-image:  repeating-linear-gradient(45deg, #dedede 25%, transparent 25%, transparent 75%, #dedede 75%, #dedede), repeating-linear-gradient(45deg, #dedede 25%, #f9f9f9 25%, #f9f9f9 75%, #dedede 75%, #dedede);
background-position: 0 0, 8px 8px;
background-size: 16px 16px;
}
.effect_Cross{
background-color: #f9f9f9;
opacity: 0.4;
background: radial-gradient(circle, transparent 20%, #f9f9f9 20%, #f9f9f9 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #f9f9f9 20%, #f9f9f9 80%, transparent 80%, transparent) 20px 20px, linear-gradient(#dedede 1.6px, transparent 1.6px) 0 -0.8px, linear-gradient(90deg, #dedede 1.6px, #f9f9f9 1.6px) -0.8px 0;
background-size: 40px 40px, 40px 40px, 20px 20px, 20px 20px;}
.effect_Point{
background: radial-gradient(circle, var(--rnk) 10%, transparent 65%);
        background-size: 1em 1em;
		background-color:var(--rnkb-24);
        opacity: 1}


/*BURADA İSE RESİM ÇERCEVELİ KUTUCUK OLUŞTURMAK İÇİN AŞAGIDAKİ KODU GİRİYORUZ*/
#kcerceve {
  width: 200px;
  height: 200px;
  padding: 10px;
  border: 1px solid #ddd;
  background-size: cover;
	background-clip: content-box;
  background-color: #f66f6f;
  box-sizing: border-box;
  position: relative;
  margin: auto;
  top: 30px; 
  
  font: 400 2em/180px 'Oswald', sans-serif;
  color: #fbfbfb;
  text-indent: 20px;
}

#kcerceve:after {
  content: "";
  display: block;
  position: absolute;
  border: 50px solid transparent;
  border-bottom: 50px solid #fefefe;
  bottom: -60px;
  right: -65px;
  box-shadow: 0px 7px 6px -9px black;
  transform: rotate(135deg);
}

#kcerceve:before {
  content: "";
  display: block;
  position: absolute;
  border: 50px solid transparent;
  border-top: 50px solid #fefefe;
  top: -60px;
  left: -65px;
  box-shadow: 0px -7px 6px -9px black;
  transform: rotate(135deg);
}
/*BURADA İSE FORM ELEMANLARINA TIKLANDIĞI ZAMAN SİYAH Bİ BORDER OLMAMASI İÇİN AŞAGIDAKİ KODU GİRİYORUZ*/
*,*:focus,*:hover{
    outline:none;
}
/*z-index degerleri*/
.z-1{z-index:-9;}
.z-2{z-index:-8;}
.z-3{z-index:-7;}
.z-4{z-index:-6;}
.z-5{z-index:-1;}
.z0{z-index:0;}
.z1{z-index:1;}
.z2{z-index:2;}
.z3{z-index:3;}
.z4{z-index:6;}
.z5{z-index:8;}
.z6{z-index:9;}

/*font-renkleri*/
.gri1{color:#B2B2B2;}
.gri2{color:#d1d1d1;}
.gri3{color:#;}
.gri4{color:#;}
.gri5{color:#;}
.gri6{color:#;}
.gri7{color:#;}
.gri8{color:#;}
.gri9{color:#;}
.gri0{color:#;}

.enustnav{position:relative; top:0px;}
.enustfont{
	/*font-family: 'Poiret One', cursive;
	font-family: 'Oxanium', cursive;
	font-family: 'Montserrat', sans-serif;
	font-family: 'Oswald', sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	/*font-family: 'Sofia Sans Condensed', sans-serif;*/
}
.aramafont{
	/*font-family: 'Poiret One', cursive;
	font-family: 'Oxanium', cursive;
	font-family: 'Montserrat', sans-serif;
	font-family: 'Oswald', sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	/*font-family: 'Sofia Sans Condensed', sans-serif;*/
}

/*menu arkaplan ve menu kodları*/

.menugenel{
	margin:0 auto;
	padding:0px;
	height:auto;
	position:relative;
	top:40px;
width:100%;
z-index:999999;
}
.menugenelgolge{
	
		-webkit-box-shadow: 0px 12px 13px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 12px 13px -8px rgba(0,0,0,0.75);
box-shadow: 0px 12px 13px -8px rgba(0,0,0,0.75);
	
}
.menupart{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cf1619+0,e30613+50,cb181a+100 */
position:relative;
top:0px;
left:0px;
margin:0 auto;	
padding:0px;
height:58px;
width:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cb181a+0,e30613+50,cf1619+100 */
background: #cf1619; /* Old browsers */
border-bottom:1px solid #ad1512;
z-index:3;
}

.menufixed {
    position: fixed;
    top: 0px;
    z-index: 100;
}

/* MENU İÇİNDEKİ ARAMA INPUT KODLARI*/
.menuarama{
	position:relative;
	left:0px;
	width:80%;
}
.css-input {
	position:relative;
	top:0;
	margin:8px;
     padding: 8px;
	 width:85%;
     font-size: 12px;
     border-width: 1px;
     border-color: #CCCCCC;
     background-color: #ffffff;
     color: #000000;
     border-style: solid;
     border-radius: 4px;
	 text-indent:10%;
	 font-weight:bold;
  
  
}
 .css-input:focus {
     outline:none;
	 
}

 .menuarama i {
            position: absolute;
        }
          
        .menuarama {
            width: 100%;
            margin-bottom: 10px;
        }
          
        .icon {
                padding: 16px;
    min-width: 40px;
    
    z-index: 1;
    font-size: 20px;
        }
/*carousel slider kısmının kodları*/
.wrapper{
width: 100%;
}
.carousel{
max-width: 1200px;
margin: auto;
padding: 0 30px;
}
.carousel .card{
color: #fff;
text-align: center;
margin: 20px 0;
line-height: 250px;
font-size: 90px;
font-weight: 600;
border-radius: 10px;

}

.owl-dots{
text-align: center;
margin-top: 10px;
}
.owl-dot{
height: 15px;
width: 45px;
margin: 0 5px;
outline: none;
border-radius: 14px;
border: 2px solid #0072bc!important;

transition: all 0.3s ease;
}
.owl-dot.active,
.owl-dot:hover{
background: #0072bc!important;
}


  .testimonial_section {
  display: block;
  overflow: hidden;
}
.testimonial_section:after {
  display: block;
  clear: both;
  content: "";
}
.testimonial_section .about_content {
  background-color: #020d26;
  padding-top: 77px;
  padding-right: 210px;
  padding-bottom: 62px;
  position: relative;
}
.testimonial_section .about_content .background_layer {
  background-color: #020d26;
  width: auto;
  margin-left: -200px;
  right: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.testimonial_section .about_content .layer_content {
  position: relative;
  z-index: 9;
  height: 100%;
  width:90%;
  margin:0 auto;
}
.testimonial_section .about_content .layer_content .section_title {
  margin-bottom: 24px;
  position: relative;
}
.testimonial_section .about_content .layer_content .section_title:after {
  display: block;
  clear: both;
  content: "";
}
.testimonial_section .about_content .layer_content .section_title h5 {
  color: #fff;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: #818a8f;
  margin-top: -5px;
  margin-bottom: 6px;
}
.testimonial_section .about_content .layer_content .section_title h2 {
  font-family: "Titillium Web";
  font-weight: 300;
  font-size: 45px;
  line-height: 50px;
  padding-bottom: 51px;
  margin-bottom: 0px;
  color: #fff;
}
.testimonial_section .about_content .layer_content .section_title h2 strong {
  font-weight: 600 !important;
  width: 100%;
  display: block;
}
.testimonial_section .about_content .layer_content .section_title .heading_line {
  position: relative;
}
.testimonial_section .about_content .layer_content .section_title .heading_line span {
  transition: all 0.5s ease-in-out 0s;
  position: relative;
}
.testimonial_section .about_content .layer_content .section_title .heading_line span:after {
  content: "";
  right: auto;
  left: 69px;
  position: absolute;
  bottom: 28px;
  width: 17px;
  margin-left: 0;
  border-bottom-width: 3px;
  border-bottom-color: #cacaca;
  border-bottom-style: solid;
}
.testimonial_section .about_content .layer_content .section_title .heading_line:after {
  content: "";
  left: 1%;
  margin-left: 0;
  position: absolute;
  bottom: 28px;
  width: 59px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #ff5e14;
}
.testimonial_section .about_content .layer_content .section_title p {
  color: #fff;
  margin: 0 0 15px;
}
.testimonial_section .about_content .layer_content a {
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
}
.testimonial_section .about_content .layer_content a i {
  font-size: 18px;
  vertical-align: middle;
}
.testimonial_section .about_content .layer_content a:hover {
  color: #ff5e14;
}
.testimonial_section .testimonial_box {
  margin-top: 60px !important;
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container {
  background-color: #ff5e14;
  margin-left: -170px !important;
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container .background_layer {
  background-color: #ff5e14;
  width: auto;
  margin-right: -200px;
  right: 0;
  background-image: url(../images/map.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content {
  position: relative;
  z-index: 9;
  height: 100%;
  width:90%;
  margin:0 auto;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel {
  display: block;
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials {
  margin: 10px 0 10px 0;
  padding: 62px 0px 72px 50px;
  position: relative;
  text-align: center;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13);
  margin-left: 150px;
  margin-top: 69px;
  padding: 45px 40px 45px 40px;
  z-index: 1;
  position: relative;
  background-color: #fff;
  transition: all 0.5s ease-in-out 0s;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption {
  margin-bottom: 15px;
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption:after {
  content: "";
  width: 30px;
  display: block;
  height: 2px;
  text-align: center;
  left: 46%;
  margin-top: 6px;
  background-color: #ff5e14;
  position: absolute;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption h6 {
  padding-top: 0;
  margin-bottom: -5px;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  color: #020d26;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption span {
  font-size: 12px;
  color: #9f9f9f;
  margin: 0;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content p {
  padding: 0;
  margin: 0;
  padding-top: 10px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #5d6576;
  font-style: italic;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img {
  border: none;
  position: absolute;
  top: 0;
  left: 55px;
  top: 80px;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img img {
	position:relative;
	left:-7%;
  border: 5px solid #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  width: 35%;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev {
  position: absolute;
  top: 165px;
  right: 42px;
  border-radius: 0;
  background: #ff5e14;
  display: block;
  outline: 0;
  width: 34px;
  line-height: 34px;
  height: 34px;
  color: #fff;
  font-size: 23px;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev:hover {
  background: #020d26;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next {
  position: absolute;
  top: 165px;
  right: 5px;
  border-radius: 0;
  display: block;
  background: #ff5e14;
  outline: 0;
  width: 34px;
  text-align: center;
  line-height: 34px;
  height: 34px;
  color: #fff;
  font-size: 23px;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next:hover {
  background: #020d26;
}

@media all and (max-width: 991px) {
  .testimonial_section .about_content {
    padding-right: 15px !important;
  }
  .testimonial_section .about_content .background_layer {
    width: 200% !important;
  }
  .testimonial_section .testimonial_box {
    margin-top: 0 !important;
  }
  .testimonial_section .testimonial_box .background_layer {
    width: 200% !important;
    margin-left: -200px;
  }
  .testimonial_section .testimonial_box .about_content {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 28% !important;
  }
  .testimonial_section .testimonial_box .testimonial_container {
    margin-left: -15px !important;
  }
  .testimonial_section .testimonial_box .testimonial_container .testimonials {
    margin: 0px 0 20px 0;
  }
  .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
    margin-left: -36px !important;
  }
  .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
    display: none;
  }
}


/*slider kısmının kodları*/
#slide{
	position:relative;
	top:39px;
	margin:0 auto;
	left:0px;
	z-index:1;
	/*border-bottom:1px solid #ad1512;*/
	width:100%;
}
#slideustgolge{
position: absolute;
    top: 0px;
    left: 0px;
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    height: 104px;
    background-image: url(../cssimg/slideustgolge.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 8;
   
}
#slidealtgolge{
position: absolute;
    bottom: 0px;
    left: 0%;
	right:0%;
	display: block;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px;
    width: 100%;
	height:140px;
    background-image: url(../cssimg/slidealtgolge.png);
    background-repeat: no-repeat;
    background-size: contain;
	align-self: flex-end;
    z-index: 8;
 
}

#slidealti{
    position: relative;
    top: 44px;
	float:right;
    left: 0%;
	right:0%;
	display: block;
    max-width: 100%;
    margin: 0 auto;
    /*padding: 15px;*/
    width: 100%;
	height:auto;
	/*background: #cf1619;  Old browsers */
	
z-index:-10;


}

#wavedesign{
	position:relative; top:-6em; left:0px; padding:0px;
}
/*slide kontrol buton kodu*/
.theme-default .nivo-controlNav a {

	background:url(nivoslider/default/bullets.png) no-repeat;

}

@media screen and (max-width: 320px) {
	.logo_img {
display:none;
}
	  .menu-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
	  .dil-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
  .arama-hasdropdown:hover > ul {
	 
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
#referanslogo {
    position: relative;
    left: 0;
    width: 100%;
    padding: 15px;
    top: 2.7em;
    z-index: 999;
}
.headerpost .seven h1 {

    font-size:1.5vh; 
 
}	
.takimbaslik {
   
    top: -1.2em;
 
}
.owl-carousel button.owl-dot{width:15px; height:15px; margin:1.5px;}
	
}
@media screen and (max-width: 425px) {
		.logo_img {
display:none;
}
	.owl-carousel button.owl-dot{width:15px; height:15px; margin:1.5px;}
#referanslogo {
    position: relative;
    left: 0;
    width: 100%;
    padding: 15px;
    
    top: 2.7em;
    z-index: 999;
}	
	#slideustgolge{
    height: 15%;
	top:0px;

}
	
#slidealti {
    position: relative;
    top: 35px;
    float: right;
    left: 0%;
    right: 0%;
    display: block;
    max-width: 100%;
    margin: 0 auto;
    /* padding: 15px; */
    width: 100%;
    height: auto;
    z-index: -10;
}	
#wavedesign{
	position:relative; top:-2em; left:0px; padding:0px;
}
	
#slidealtgolge {
height:40%;
bottom:15px;
  }
  
  .theme-default .nivo-controlNav {
	  bottom:-5%;
  }
  
  .headerpost .seven h1 {

    font-size:1.5vh; 
 
}
}

@media screen and (max-width: 768px) {
		.logo_img {
display:none;
}

input[type="text"], input[type="email"], input[type="search"], input[type="password"]:focus {
   border-radius:0px;
}	
	
.arama-hasdropdown > ul {
        position: absolute;
        /* top: 70%; */
        right: 0;
        background: #c21616;
        z-index: 1;
        width: auto;
		-webkit-box-shadow: 0px 3px 5px -4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 3px 5px -4px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 3px 5px -4px rgba(0, 0, 0, 0.6);
    }
	
	.headerpost .twelve h1 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
 
    text-align: center;
    margin: 0 auto;

    padding-bottom: 13px;
}

#wavedesign{
	position:relative; top:-3em; left:0px; padding:0px;
}
    #slogan {
        position: relative;
        text-align: center;
        top: 45px;
        width: 100%;
        /* padding: 13px; */
        /* border-top: 1px solid #ad1512; */
        /* border-bottom: 1px solid #ad1512; */
        /* font-family: 'Comfortaa', cursive; */
        font-family: 'Dancing Script', cursive;
        font-weight: 400;
        font-size: 150%;
        line-height: 2;
    }
	.theme-default .nivo-controlNav {
		    text-align: center;
    padding: 0px 0;
    position: absolute;
    width: 100%;
    bottom: -5%;
    z-index: 9;
}
	
#slidealti {
    position: relative;
    top: 15px;
    float: right;
    left: 0%;
    right: 0%;
    display: block;
    max-width: 100%;
    margin: 0 auto;
    /* padding: 15px; */
    width: 100%;
    height: auto;
    z-index: -10;
}

    #referanslogo {
        top: 33px;
        z-index: 110;
    }
	
	.owl-carousel {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    #svgalti {
        position: relative;
        left: 0;
        top: 0em;
        min-height: 100px;
        height: auto;
        width: 100%;
        padding: 1em;
        margin: 0;
        border-bottom: 1px solid var(--rnk-36);
        z-index: 100;
    }
	
	#containeranim {
    color: var(--rnk-8);
    text-transform: uppercase;
    font-size: 38px;
    font-weight: bold;
    padding-top: 0px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    bottom: -4em;
    display: block;
    text-align: center;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
}

.fs28 {
    font-size: 2em;
}
	
#slideustgolge{
    height: 15%;
	top:0px;

}
	
#slidealtgolge {
width: 100%;
    bottom: -24%;
  }
  
  .headerpost .seven h1 {

    font-size:2vh; 
 
}
}

@media screen and (max-width: 2560px) {
	
	#slideustgolge{
    height: 15%;
	top:0px;

}
	
#slidealtgolge {
height:40%;
bottom:-29%;
  }
  

}
/**********************************************************
**********************************************************/

/* vars */
/* hide show mixin */
/* global  styles */
input[type=text] {
    writing-mode: horizontal-tb !important;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;
    font-size: ;
    font-family: ;
    text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 15%;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: field;
    margin: 0em;
    /*padding: 1px 2px;*/
    border-width: 1px;
    border-style: none;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
.menuarama{
	border:1px solid rgba(114,25,26,0.7);
	padding:6px;
	margin:0px;
	text-align:left;
	text-indent:15%;
	border-radius:6px;
	
	box-sizing: border-box;

}

.faw-font > i{
	position:relative;
	top:-2.4em;
	float:left;
	padding:10px;
	color:var(--rnk-8);
}
.menuarama:focus {
	border:1px solid rgba(114,25,26,0.7);
	padding:6px;
	margin:0px;
	text-align:left;
	text-indent:15%;
	border-radius:6px;
 
}
.menu {
 
  font-family: 'Quicksand', sans-serif;
}

.menu ul li.right {float: right;}
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index:9;
}

.menu,
.menu a {
  color: #fff;
  text-decoration: none;
  
}

.menu a {
  display: block;
  white-space: nowrap;
}

.menu-dropdown,
.dil-dropdown,
.menu input[type=checkbox] {
  display: none;
}

.menu label:hover {
  cursor: pointer;
}

/* narrow styles */
@media screen and (max-width: 768px) {

.menu a {
  color: #fff;
  text-decoration: none;
  background: #c21616;
}
  .menu > ul,
.menu-righticon {
    display: none;
	 background: #c21616; /* Old browsers */
  }

  input[type=checkbox]:checked + ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
  input[type=checkbox]:checked + ul > li{
   border-bottom:1px solid #72191a;
   width:100%;
  }

  input[type=checkbox]:checked + ul > li:first-child {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#971a18+1,c21616+65 */
background: #971a18; /* Old browsers */
background: -moz-linear-gradient(top,  #971a18 1%, #c21616 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #971a18 1%,#c21616 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #971a18 1%,#c21616 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#971a18', endColorstr='#c21616',GradientType=0 ); /* IE6-9 */

}

.menuarama {
    border: 1px solid rgba(114, 25, 26, 0.7);
    padding: 6px;
    margin: 0px;
    text-align: left;
    text-indent: 15%;
    border-radius: 0px;
    box-sizing: border-box;
}
}
/* large styles */
@media screen and (min-width: 769px) {
  .menu > label,
input[type=checkbox] {
    display: none;
  }

  .menu a {
    padding: 15px 20px;
  }

  .menu > ul > li {
    display: inline-block;
	
  }

  .menu-hasdropdown {
    position: relative;
	z-index:1;
  }
  .dil-hasdropdown {
    position: relative;
	z-index:1;
  }
.arama-hasdropdown {
    position: relative;
	z-index:1;
  }
  .menu-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
  .dil-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
  .arama-hasdropdown:hover > ul {
	 
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }

  .menu-hasdropdown > ul {
    position: absolute;
    top: 105%;
    left: 0;
    background: #c21616;
	z-index:1;
	min-width:100%;
	width:auto;
  }
  .dil-hasdropdown > ul {
    position: absolute;
    top: 105%;
    left: 0;
    background: #c21616;
	z-index:1;
	min-width:100%;
	width:auto;
  }
  .arama-hasdropdown > ul {
    position: absolute;
    top: 63%;
    left: 0;
    background: #c21616;
	z-index:-1;
	min-width:100%;
	width:auto;
  }
  .menu-hasdropdown > ul > li:first-child {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#971a18+1,c21616+65 */
background: #971a18; /* Old browsers */
background: -moz-linear-gradient(top,  #971a18 1%, #c21616 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #971a18 1%,#c21616 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #971a18 1%,#c21616 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#971a18', endColorstr='#c21616',GradientType=0 ); /* IE6-9 */

}
  .dil-hasdropdown > ul > li:first-child {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#971a18+1,c21616+65 */
background: #971a18; /* Old browsers */
background: -moz-linear-gradient(top,  #971a18 1%, #c21616 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #971a18 1%,#c21616 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #971a18 1%,#c21616 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#971a18', endColorstr='#c21616',GradientType=0 ); /* IE6-9 */

}
 .arama-hasdropdown > ul > li:first-child {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#971a18+1,c21616+65 */
background: #971a18; /* Old browsers */
background: -moz-linear-gradient(top,  #971a18 1%, #c21616 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #971a18 1%,#c21616 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #971a18 1%,#c21616 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#971a18', endColorstr='#c21616',GradientType=0 ); /* IE6-9 */

}
  .menu-hasdropdown > ul > li {
  border-bottom:1px solid #ad1512;
  }
  .dil-hasdropdown > ul > li {
  border-bottom:1px solid #ad1512;
  }
  .arama-hasdropdown > ul > li {
  border-bottom:1px solid #ad1512;
  width:100%;
  
  }
  .arama-hasdropdown > ul > li > a{
word-wrap:break-word;
  
  }

  .menu-hasflyout > ul > li{
border-bottom:1px solid #ad1512;
	
  }
  .menu-hasflyout > ul {
    left: 100%;
    top: 0;
	
  }

  .menu-hasflyout .menu-downicon {
    display: none;
	
  }
}
/* look and feel only, not needed for core menu*/
@-webkit-keyframes grow {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    display: block;
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes grow {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    display: block;
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}


.menu-dropdown a {
  padding: 7px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color:#ededed;
  /*text-indent: -10px;*/
}
.dil-dropdown a {
  padding: 7px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color:#ededed;
  /*text-indent: -10px;*/
}
.dil-dropdown .diller a {
  padding: 7px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color:#ededed;
  text-indent: -10px;
}
.menu-dropdown a:hover {

  color:#fff;
}
.dil-dropdown a:hover {

  color:#fff;
}

/* narrow  */
@media screen and (max-width: 768px) {
  .menu > label {
    background: ;
    display: block;
    padding: 15px 20px;
    text-align: right;
	
  }
  .menu > label  i{
font-size:1.5em;
  }

  .menu a {
    padding: 15px 20px;
  }

  .menu > ul i {
    float: left;
    padding: 7px 10px;
   
  }
  
  

  .menu-dropdown a:hover {
    background: #C40C16;
  }
  .dil-dropdown a:hover {
    background: #C40C16;
  }

  .menu-hasflyout > ul a {
    background: #4e111c;
  }

}
@media screen and (min-width: 769px) {
  .menu {
    max-width: 85%;
    margin: 0 auto;
	z-index:9;
  }
  
    .menu-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
    .dil-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
  .arama-hasdropdown:hover > ul {
	 
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
}

/**********************************************************
**********************************************************/

/*pozisyon atama*/
.pzs1{
	position:absolute;
	top:0px;
	width:100%;
}

/*ul li list element kodları*/
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
width:100%;
}

ul.topnav li {float: left;
}
ul.topnav li:hover{float: left;}
ul.topnav li i.fa-facebook-square:hover{color: #3b5998;}
ul.topnav li i.fa-instagram:hover{color: #C13584;}
ul.topnav li i.fa-twitter:hover{color: #1DA1F2;}

ul.topnav li a {
  display: block;
  text-align: center;
  padding: 5px 10px;
  text-decoration: none;
  color:#7b7579;
}


ul.topnav li a:hover:not(.active) {background-color:;}

ul.topnav li a.active {background-color:;}

ul.topnav li.right {float: right;}
ul.topnav li.left {float: left;}

@media screen and (max-width: 600px) {
  ul.topnav li.right, 
  ul.topnav li {float: none;}
  
  ul.topnav li.tw,
  ul.topnav li.ins,
  ul.topnav li.fb{display:none;}
}

/*menun içine girecegi ul li kodlarını giriyoruz*/

/*yükseklik degerlerini giriyoruz*/
.ty1{min-height:10px;}
.ty2{min-height:20px;}
.ty3{min-height:30px;}
.ty4{min-height:40px;}
.ty5{min-height:50px;}
.ty6{min-height:60px;}
.ty7{min-height:70px;}
.ty8{min-height:80px;}
.ty9{min-height:90px;}
.ty0{min-height:100px;}
#govde,
#govdeust,
#svgalti{width:100%;}
#govde{
	position:relative;
	top:-2em;
	left:0px;
	padding:0px;
	z-index:-10;
}
#referanslogo{
	position:relative;
	left:0;
	width:100%;
	padding:15px;

}
#svgalti{
	position:relative;
	left:0;
	top:0em;
	min-height:100px;
	height:auto;
	width:100%;
	padding:1em;
	margin:0;
	border-bottom:1px solid var(--rnk-36);
	z-index:100;
}

/*BURADA İSE TAB MENU KODLARINI GİRİYORUZ*/

/*Fun begins*/
.tab_container {
	width: 90%;
	margin: 0 auto;
	padding-top:1em;
	position: relative;
}

input, section {
  clear: both;
  padding-top: 10px;
  display: none;
}

.tab_container > label {
  font-weight: 700;
  font-size: 100%;
  display: block;
  float: left;
  width: 20%;
  padding: 1.5em;
  color: #757575;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: #f0f0f0;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
  padding: 20px;
  
      height: auto;
    min-height: 13vw;
}

.tab_container .tab-content p,
.tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h3  {
  text-align: center;
}

.tab_container [id^="tab"]:checked + label {
  background: #fff;
  box-shadow: inset 0 3px var(--rnk-148);
}

.tab_container [id^="tab"]:checked + label .fa {
  color: var(--rnk-148);
}

.tab_container > label .fa {
  font-size: 1.3em;
  margin: 0 0.4em 0 0;
}

/*Media query*/
@media only screen and (max-width: 900px) {
  .tab_container > label span {
    display: none;
  }
  
  .tab_container {
    width: 98%;
  }
}

/*Content Animation*/
@keyframes fadeInScale {
  0% {
  	transform: scale(0.9);
  	opacity: 0;
  }
  
  100% {
  	transform: scale(1);
  	opacity: 1;
  }
}

.no_wrap {
  text-align:center;
  color: #0ce;
}
.link {
  text-align:center;
}

/*BURADA İSE MENU ÜZERİNDE YER ALAN ARAMA KISMININ KODLARINI GİRİYORUZ*/
/*BURADA İSE TABMENU ÜZERİNDE YER ALAN ARAMA KISMININ KODLARINI GİRİYORUZ*/
#tabmenubaslik{
	width:100%;
	position:relative;
	padding:20px;
	text-indent:5%;
	left:0px;
	margin:1em 0em 1em 0em;
}

#background_reklam{
	position:relative;
	left:0;
	width:100%;
	height:400px;

	background-repeat: no-repeat;
	    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
	border-top:5px solid var(--rnk-24);
	border-bottom:5px solid var(--rnk-148);
}
#background_reklam2{
	position:relative;
	left:0;
	width:100%;
	height:400px;

	background-repeat: no-repeat;
	    background-size: cover;
    background-position: center center;
    background-attachment: fixed;

	clip-path: polygon(0 0,100% 0,100% calc(100% - 50px),50% 100%,0 calc(100% - 50px));
}
#background_reklam3{
	position:relative;
	left:0;
	width:100%;
	height:400px;

	background-repeat: no-repeat;
	    background-size: cover;
    background-position: center center;
    background-attachment: fixed;


}

/* burada ise bilmeniz gerekenler kısmındaki carousel kodlarını giriyoruz*/
/*Profile Card 1*/
.profile-card-1 {
  font-family: 'Open Sans', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  color: #ffffff;
  text-align: center;
  height:368px;
  border:none;
}
.profile-card-1 .background {
  width:100%;
  vertical-align: top;
  opacity: 0.9;
  -webkit-filter: blur(5px);
  filter: blur(5px);
   -webkit-transform: scale(1.8);
  transform: scale(2.8);
}
.profile-card-1 .card-content {
  width: 100%;
  padding: 15px 25px;
  position: absolute;
  left: 0;
  top: 50%;
}
.profile-card-1 .profile {
  border-radius: 50%;
  position: absolute;
  bottom: 50%;
  left: 50%;
  max-width: 100px;
  opacity: 1;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(255, 255, 255, 1);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.profile-card-1 h2 {
  margin: 0 0 5px;
  font-weight: 600;
  font-size:25px;
}
.profile-card-1 h2 small {
  display: block;
  font-size: 15px;
  margin-top:10px;
}
.profile-card-1 i {
  display: inline-block;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin:0 5px;
}
.profile-card-1 .icon-block{
    float:left;
    width:100%;
    margin-top:15px;
}
.profile-card-1 .icon-block a{
    text-decoration:none;
}
.profile-card-1 i:hover {
  background-color:#fff;
  color:#2E3434;
  text-decoration:none;
}

/*Profile card 2*/
.profile-card-2 .card-img-block{
    float:left;
    width:100%;
    height:150px;
    overflow:hidden;
}
.profile-card-2 .card-body{
    position:relative;
}
.profile-card-2 .profile {
  border-radius: 50%;
  position: absolute;
  top: -42px;
  left: 15%;
  max-width: 75px;
  border: 3px solid rgba(255, 255, 255, 1);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.profile-card-2 h5{
    font-weight:600;
    color:#6ab04c;
}
.profile-card-2 .card-text{
    font-weight:300;
    font-size:15px;
}
.profile-card-2 .icon-block{
    float:left;
    width:100%;
}
.profile-card-2 .icon-block a{
    text-decoration:none;
}
.profile-card-2 i {
  display: inline-block;
    font-size: 16px;
    color: #6ab04c;
    text-align: center;
    border: 1px solid #6ab04c;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin:0 5px;
}
.profile-card-2 i:hover {
  background-color:#6ab04c;
  color:#fff;
}

/*Profile Card 3*/
.profile-card-3 {
  font-family: 'Open Sans', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  text-align: center;
  height:368px;
  border:none;
}
.profile-card-3 .background-block {
    float: left;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.profile-card-3 .background-block .background {
  width:100%;
  vertical-align: top;
  opacity: 0.9;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
   -webkit-transform: scale(1.8);
  transform: scale(2.8);
}
.profile-card-3 .card-content {
  width: 100%;
  padding: 15px 25px;
  color:#232323;
  float:left;
  background:#efefef;
  height:50%;
  border-radius:0 0 5px 5px;
  position: relative;
  z-index: 9999;
}
.profile-card-3 .card-content::before {
    content: '';
    background: #efefef;
    width: 120%;
    height: 100%;
    left: 11px;
    bottom: 51px;
    position: absolute;
    z-index: -1;
    transform: rotate(-13deg);
}
.profile-card-3 .profile {
  border-radius: 50%;
  position: absolute;
  bottom: 50%;
  left: 50%;
  max-width: 100px;
  opacity: 1;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(255, 255, 255, 1);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index:99999;
}
.profile-card-3 h2 {
  margin: 0 0 5px;
  font-weight: 600;
  font-size:25px;
}
.profile-card-3 h2 small {
  display: block;
  font-size: 15px;
  margin-top:10px;
}
.profile-card-3 i {
  display: inline-block;
    font-size: 16px;
    color: #232323;
    text-align: center;
    border: 1px solid #232323;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin:0 5px;
}
.profile-card-3 .icon-block{
    float:left;
    width:100%;
    margin-top:15px;
}
.profile-card-3 .icon-block a{
    text-decoration:none;
}
.profile-card-3 i:hover {
  background-color:#232323;
  color:#fff;
  text-decoration:none;
}


/*Profile card 4*/
.profile-card-4 .card-img-block{
    float:left;
    width:100%;
    height:150px;
    overflow:hidden;
}
.profile-card-4 .card-body{
    position:relative;
}
.profile-card-4 .profile {
    border-radius: 50%;
    position: absolute;
    top: -62px;
    left: 50%;
    width:100px;
    border: 3px solid rgba(255, 255, 255, 1);
    margin-left: -50px;
}
.profile-card-4 .card-img-block{
    position:relative;
}
.profile-card-4 .card-img-block > .info-box{
    position:absolute;
    background:rgba(217,11,225,0.6);
    width:100%;
    height:100%;
    color:#fff;
    padding:20px;
    text-align:center;
    font-size:14px;
   -webkit-transition: 1s ease;
    transition: 1s ease;
    opacity:0;
}
.profile-card-4 .card-img-block:hover > .info-box{
    opacity:1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.profile-card-4 h5{
    font-weight:600;
    color:#d90be1;
}
.profile-card-4 .card-text{
    font-weight:300;
    font-size:15px;
}
.profile-card-4 .icon-block{
    float:left;
    width:100%;
}
.profile-card-4 .icon-block a{
    text-decoration:none;
}
.profile-card-4 i {
  display: inline-block;
    font-size: 16px;
    color: #d90be1;
    text-align: center;
    border: 1px solid #d90be1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin:0 5px;
}
.profile-card-4 i:hover {
  background-color:#d90be1;
  color:#fff;
}

/*Profile Card 5*/
.profile-card-5{
    margin-top:20px;
}
.profile-card-5 .btn{
    border-radius:2px;
    text-transform:uppercase;
    font-size:12px;
    padding:7px 20px;
}
.profile-card-5 .card-img-block {
    width: 91%;
    margin: 0 auto;
    position: relative;
    top: -20px;
    
}
.profile-card-5 .card-img-block img{
    border-radius:5px;
    box-shadow:0 0 10px rgba(0,0,0,0.63);
}
.profile-card-5 h5{
    color:#4E5E30;
    font-weight:600;
}
.profile-card-5 p{
    font-size:14px;
    font-weight:300;
}
.profile-card-5 .btn-primary{
    background-color:#4E5E30;
    border-color:#4E5E30;
}
#yesilkisim{
	position:relative;
	float:left;
	left:0px;
	background-image: url(../cssimg/colorback.png);
    /* Background image is centered vertically and horizontally at all times */
background-position: center center;

/* Background image doesn't tile */
background-repeat: no-repeat;

/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
background-attachment: fixed;

/* This is what makes the background image rescale based
on the container's size */
background-size: cover;

height:40em;
}

#takimsag{
	position:absolute;
	float:left;
	left:2em;
	top:4em;
	margin:0;
	width:33%;
	
}
#takimsol{
    position: relative;
    float: right;
    right: -16em;
    top: 0em;
    margin: 0;
    width: 47.5%;
    height: auto;

	
}
#takimbolum{
position: relative;
    float: left;
    left: 0em;
    top: 0em;
    margin: 0 auto;
  

	
}

#takimbolum ul{
position: relative;
    left: 0;
    list-style: none;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    top: 0em;
	
}
#takimbolum ul li{
position: relative;
    left: 0;
    list-style: none;
    display: table-cell;
    float: left;
    width: 50%;
    height: 100%;
    padding: 0;
	top:3em;
}
#takimbolum ul li:first-child{
width: 33%;
    padding-top: 3em;
}

/*Media query*/
@media only screen and (max-width: 768px) {
	#takimbolum ul li:first-child{

    padding-top: 0em;
}
#takimbolum ul li{	width:100%;}
#yesilkisim{height:100vh;}
#takimsol{
position: relative;
    float: left;
    left: 3em;
    top: 0;
    margin: 0 auto;
    width: 55%;
    height: auto;

	
}
}

@media only screen and (max-width: 1440px) {
	#takimbolum ul li:first-child{

    padding-top: 0em;
}
#takimbolum ul li{	
	position: relative;
    float: left;
    left: 0em;
    top: 0em;
    margin: 0 auto;
    width: 100%;
    height: 500px;}
#yesilkisim{height:100vh;}
#takimsol{
position: relative;
    float: right;
    right: 9em;
    top: 0em;
    margin: 0;
    width: 47.5%;
    height: auto;

	
}
}
@media screen and (max-width: 320px) {
.menupart {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0 auto;
    padding: 0px;
    height: 58px;
    width: 100%;
    background: #cf1619;
    /* border-bottom: 1px solid #ad1512; */
    z-index: 3;
}
#slide {
    position: relative;
    top: 39px;
    margin: 0 auto;
    left: 0px;
    z-index: 1;
    /* border-bottom: 1px solid #ad1512; */
    width: 100%;
}
	
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:23%;
	background: rgb(1,131,203);
	background: linear-gradient(90deg, rgba(1,131,203,1) 0%, rgba(1,189,248,1) 100%);
	color:#fff;
	width:0 auto;
	z-index:8;
	padding: 5px 10px;
	padding-right:5em;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	clip-path: polygon(0 0, 92% 0, 97% 100%, 0% 100%);
}

    .theme-default .nivo-controlNav {
        display: none;
   
    }
	#slogan {
        position: relative;
        text-align: center;
        width: 100%;
		top:-6px;
        height: 36px;
        padding: 6px;
        /* border-top: 1px solid rgb(173, 21, 18); */
        /* border-bottom: 1px solid rgb(173, 21, 18); */
        font-family: "Dancing Script", cursive;
        font-weight: 400;
        font-size: 100%;
}

#slidealti {
    position: relative;
    top: 35px;
    float: right;
    left: 0%;
    right: 0%;
    display: block;
    max-width: 100%;
    margin: 0 auto;
    /* padding: 15px; */
    width: 100%;
    height: auto;
    z-index: -10;
}

#slidealtgolge {
        height: 40%;
        bottom: -24%;
    }
	.headerpost .twelve h1 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    /* width: 160px; */
    /* text-align: center; */
    margin: 0 auto;
    /* white-space: nowrap; */
    padding-bottom: 13px;
}
	.gal-item {
    color: transparent;
    /* margin: 0em 0em 0em 3em; */
}

  .resfont {
    font-size: 80px;
  }
    .menu-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
    .dil-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
  .arama-hasdropdown:hover > ul {
	 
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
}

@media screen and (max-width: 600px) {
	  .theme-default .nivo-controlNav {
        display: none;
        text-align: center;
        padding: 0px 0;
        position: absolute;
        width: 0%;
        float: right;
        right: 35px;
        bottom: %;
        z-index: 9;
    }
	  .menu-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
	  .dil-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
  .arama-hasdropdown:hover > ul {
	 
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
  .resfont {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1024px) {
#slogan{
	position:relative;

	text-align:center;
	width:100%;
	padding:13px;
	border-top:1px solid #ad1512;
	border-bottom:1px solid #ad1512;
/*font-family: 'Comfortaa', cursive;*/
font-family: 'Dancing Script', cursive;
/*font-family: 'Lobster', cursive;
font-family: 'Pacifico', cursive;*/
font-weight:400;
font-size:2em;
}	
	  .menu {
    max-width: 85%;
    margin: 0 auto;
	z-index:9999999;
  }
  
  #dil_part{float:right;}
}
@media only screen and (max-width: 1024px) {
	    .menu-hasdropdown:hover > ul {
        display: block;
        -webkit-animation: grow 0.5s ease-in-out;
        animation: grow 0.5s ease-in-out;
    }
	    .dil-hasdropdown:hover > ul {
        display: block;
        -webkit-animation: grow 0.5s ease-in-out;
        animation: grow 0.5s ease-in-out;
    }
	.menu > .arama-hasdropdown a {
    padding: 15px 20px;
	word-wrap:break-word;
  }
  
  	  .menu {
    max-width: 100%;
    margin: 0 auto;
	z-index:9;
  }
	
	.arama-hasdropdown {
    position: relative;
    z-index: 1;
    width: 150px;
}


.arama-hasdropdown > ul > li {
    border-bottom: 1px solid #ad1512;
    width: 250px;
    word-wrap: break-word;
}


	#takimbolum ul li:first-child{

    padding-top: 0em;
}
#takimbolum ul li{	
	position: relative;
    float: left;
    left: 0em;
    top: 0em;
    margin: 0 auto;
    width: 100%;
    height: 500px;}
#yesilkisim, #takimbolum, .cv-carousel .cv-stage{height:55vh;}
#takimsol{
position: relative;
    float: right;
    right: 3em;
    top: 3em;
    margin: 0;
    width: 100%;
    height: auto;

	
}
.arama-hasdropdown > ul {
        position: absolute;
        /* top: 70%; */
        right: 0;
        background: #c21616;
        z-index: 1;
        width: auto;
		-webkit-box-shadow: 0px 3px 5px -4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 3px 5px -4px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 3px 5px -4px rgba(0, 0, 0, 0.6);
    }
}

#takimsol img{
position: relative;
    float: right;
    right: 14.7em;
    top: 11.3em;
    margin: 0 auto;
    width: 15.8em;
    height: 15.8em;
    border-radius: 100%;
    box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
	
	-webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.75);
	
}

.svggolge {
  filter: drop-shadow(2px 5px 3px rgb(0 0 0 / 0.4));
}

.slide-toggle-container-v ul{
position: relative;
    left: 0;
    list-style: none;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    top: 1em;
	
}
.slide-toggle-container-v ul li{
position: relative;
    left: 0;
    list-style: none;
    display: table-cell;
    float: left;
    width: 50%;
    height: 100%;
    padding: 0;
}
/*carousel slider */
.custom-shape-divider-bottom {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
 
}
.custom-shape-divider-top {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
 
}

/*FOOTER KISMINA AİT OLAN CSS KODLARINI YAZIYORUZ*/
/*FOOTER KISMINA AİT OLAN CSS KODLARINI YAZIYORUZ*/

#btns {
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  flex-flow: row wrap;
  @include boxshadow;
}

.btnftr {
  position: relative;
  padding: 10px 20px 25px;
  float:left;
  left:0;
  width: 25%;
  min-height:150px;
  height:auto;
  
  cursor: pointer;
  transition: box-shadow 300ms ease-out;
}


/* Arrows */



/* Icon */

.btnftr .icon {
  display: block;
  margin: 10px auto;
  width: 80px;
  height: 80px;
  transform-origin: center;
  transform: scale(0.9);
 
}
.btnftr i {


  transform-origin: center;
font-size:4.5em;
 
}

.btnftr .icon svg {
  fill: currentColor;
}

.btnftr .icon path {
  fill: currentColor;
}

.btnftr .icon {
  fill: currentColor;
}

/* Text Styles */

.btnftr h2 {
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: 400;
}

.btnftr p {
  
  text-align: center;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 300;
}

/* Hover Effects */

.btnftr:hover {

border-width: 1px;
  border-style: solid;
  border-bottom:1px solid #181818;
  border-image: 
    linear-gradient(
       to top,
      rgba(24, 24, 24, 1), 
      rgba(47, 47, 47, 0.2)
    ) 1 100%;
  -webkit-box-shadow: 0px 27px 21px -19px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 27px 21px -19px rgba(0,0,0,0.75);
box-shadow: 0px 27px 21px -19px rgba(0,0,0,0.75);
}



.btnftr:hover .icon {
  transform-origin: center;
  transform: scale(1);
  
}



/* Media Queries */

@media all and (max-width: 1024px) and (min-width: 769px) {
	 .resfont {
    font-size: 36px;
  }
  .btnftr {
    width: 50%;
  }
  
  .btnftr:nth-child(2):after {
    border-left: 0px;
  }
  #svgalti {
    position: relative;
    left: 0;
    top: 0em;
    min-height: 100px;
    height: 35%;
    width: 100%;
    padding: 1em;
    margin: 0;
    border-bottom: 1px solid var(--rnk-36);
    z-index: 100;
}
}

@media all and (max-width: 768px) and (min-width: 426px) {
	#referanslogo {
    top: 33px;
    z-index: 110;
}
	 .resfont {
    font-size: 25px;
  }
  .btnftr {
    display: block;
    width: 100%;
  }
  #svgalti {
    position: relative;
    left: 0;
    top: 0em;
    min-height: 100px;
    height: 65%;
    width: 100%;
    padding: 1em;
    margin: 0;
    border-bottom: 1px solid var(--rnk-36);
    z-index: 100;
}
  .btnftr:nth-child(1):after,
  .btnftr:nth-child(2):after,
  .btnftr:nth-child(3):after {
    border-left: 0px;
  }
}
@media all and (max-width: 425px) and (min-width: 321px) {
	.headerpost .twelve h1 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    /* width: 160px; */
    /* text-align: center; */
    margin: 0 auto;
    /* white-space: nowrap; */
    padding-bottom: 13px;
}
	 .resfont {
    font-size: 18px;
  }
  .btnftr {
    display: block;
    width: 100%;
  }
  #svgalti {
    position: relative;
    left: 0;
    top: 0em;
    min-height: 100px;
    height: 37%;
    width: 100%;
    padding: 1em;
    margin: 0;
    border-bottom: 1px solid var(--rnk-36);
    z-index: 100;
}
  .btnftr:nth-child(1):after,
  .btnftr:nth-child(2):after,
  .btnftr:nth-child(3):after {
    border-left: 0px;
  }
}
@media all and (max-width: 320px) and (min-width: 0px) {
	.fs28 {
    font-size: 1em;
}
	 .resfont {
    font-size: 18px;
  }
  .btnftr {
    display: block;
    width: 100%;
  }
  #slide {
    position: relative;
    top: 39px;
    margin: 0 auto;
    left: 0px;
    z-index: 1;
    /* border-bottom: 1px solid #ad1512; */
    width: 100%;
}
  #svgalti {
    position: relative;
    left: 0;
    top: 0em;
    min-height: 100px;
    height: 30%;
    width: 100%;
    padding: 1em;
    margin: 0;
    border-bottom: 1px solid var(--rnk-36);
    z-index: 100;
}
  .btnftr:nth-child(1):after,
  .btnftr:nth-child(2):after,
  .btnftr:nth-child(3):after {
    border-left: 0px;
  }
    .menu-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
    .dil-hasdropdown:hover > ul {
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
  .arama-hasdropdown:hover > ul {
	 
    display: block;
    -webkit-animation: grow 0.5s ease-in-out;
            animation: grow 0.5s ease-in-out;
  }
}
/*FOOTER UST KISMINA AİT OLAN TEAM RESIM CSS KODLARINI YAZIYORUZ*/
.ourteam{
position:relative;
	left:0;
	width:100%;
	height:800px;

	background-repeat: no-repeat;
	    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.takimbaslik{
	position:absolute;
	float:left;
	left:0px;
	width:100%;
	height:100px;
	top:0em;
	margin:0 auto;
	padding:0em;
	text-align:center;
}
/*FOOTER KISMINA AİT OLAN CSS DIVIDER KODLARINI YAZIYORUZ*/
.brdr_top {
    border-top: 1px solid rgba(0,0,0,0.8);
}
.brdr_bot {
    border-bottom: 1px solid rgba(0,0,0,0.8);
}
/*FOOTER KISMINA AİT OLAN CSS KODLARINI YAZIYORUZ*/

.footer-section {
  
  position: relative;
}
.footer-cta {
  border-bottom: 1px solid #373636;
}
.single-cta i {
  color: var(--rnk-24);
  font-size: 30px;
  float: left;
  margin-top: 8px;
}
.cta-text {
  padding-left: 15px;
  display: inline-block;
}
.cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}
.cta-text span {
  color: #757575;
  font-size: 15px;
}
.footer-content {
  position: relative;
  z-index: 2;
}
.footer-pattern img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
}
.footer-logo {
  margin-bottom: 30px;
}
.footer-logo img {
    max-width: 200px;
}
.footer-text p {
  margin-bottom: 14px;
  font-size: 14px;
      color: #7e7e7e;
  line-height: 28px;
}
.footer-social-icon span {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
 
  margin-bottom: 20px;
}
.footer-social-icon a {
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
}
.footer-social-icon i {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
}
.facebook-bg{
  background: #3B5998;
}
.twitter-bg{
  background: #55ACEE;
}
.google-bg{
  background: #DD4B39;
}
.footer-widget-heading h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}
.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #ff5e14;
}
.footer-widget ul li {
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 12px;
}
.footer-widget ul li a:hover{
  color: #ff5e14;
}
.footer-widget ul li a {
  color: #878787;
  text-transform: capitalize;
}
.subscribe-form {
  position: relative;
  overflow: hidden;
}
.subscribe-form input {
  width: 100%;
  padding: 14px 28px;
  background: #2E2E2E;
  border: 1px solid #2E2E2E;
  color: #fff;
}
.subscribe-form button {
    position: absolute;
    right: 0;
    background:  #ff5e14;
    padding: 13px 20px;
    border: 1px solid  #ff5e14;
    top: 0;
}
.subscribe-form button i {
  color: #fff;
  font-size: 22px;
  transform: rotate(-6deg);
}
.copyright-area{
  background: #202020;
  padding: 25px 0;
}
.copyright-text p {
  margin: 0;
  font-size: 14px;
  color: #878787;
}
.copyright-text p a{
  color: #ff5e14;
}
.footer-menu li {
  display: inline-block;
  margin-left: 20px;
}
.footer-menu li:hover a{
  color: #ff5e14;
}
.footer-menu li a {
  font-size: 14px;
  color: #878787;
}


/*BURADA İSE TOP UP BUTON CSS KODLARINI GİRİYORUZ*/
.back-to-top {
   border-radius: 1em 1em 0 0;
    bottom: -12px;
    display: block;
    font-size: 40px;
    height: 50px;
    line-height: 1.3;
    position: fixed;
    right: 50%;
	left:50%;
    text-align: center;
    width: 50px;
    z-index: 50;
	margin:0 auto;
    display: none;
	opacity:0.6;

	transition: all 0.3s ease;
}
/*BURADA İSE TOP UP BUTON CSS KODLARINI GİRİYORUZ*/
.back-to-top:hover {
	
    border-radius: 1em 1em 0 0;
    bottom: 0px;
    display: block;
    font-size: 40px;
    height: 50px;
    line-height: 1.3;
    position: fixed;
    right: 50%;
	left:50%;
    text-align: center;
    width: 50px;
    z-index: 50;
	margin:0 auto;
	opacity:1;
	color:#fff;
   
}

/*FOOTER KISMINDA YER ALAN RESMİN ÜZERİNE YAZACAĞIMIZ YAZININ KODLARINI GİRİYORUZ*/

#containeranim {
color: var(--rnk-8);
    text-transform: uppercase;
    font-size: 38px;
    font-weight: bold;
    padding-top: 0px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    bottom: -1em;
    display: block;
    text-align: center;
	-webkit-text-stroke: 1px white;
	text-stroke: 1px white;
}

#flip {
  height:50px;
  overflow:hidden;
  margin:0 auto;
  left:50%;
  right:50%;
 -webkit-text-stroke: 0px transparent;
 text-stroke:0px transparent;
}

#flip > div > div {
color: #fff;
    padding: 5px 12px;
    line-height: 1;
    height: 50px;
    margin-bottom: 35px;
    display: inline-block;
}

#flip div:first-child {
  animation: show 5s linear infinite;
}

#flip div div {
  background:#42c58a;
}
#flip div:first-child div {
  background:#4ec7f3;
}
#flip div:last-child div {
  background:#DC143C;
}

@keyframes show {
  0% {margin-top:-270px;}
  5% {margin-top:-180px;}
  33% {margin-top:-180px;}
  38% {margin-top:-90px;}
  66% {margin-top:-90px;}
  71% {margin-top:0px;}
  99.99% {margin-top:0px;}
  100% {margin-top:-270px;}
}

/*BURADA GALERİ BÖLÜMÜNDE YER ALAN FİLTRELEME MENUMÜZÜN KODLARINI GİRİYORUZ*/
/*BURADA DROPLIST MENUMUZUN KODLARINI GİRİYORUZ*/

.filtermenu2 {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #ccc;
  
  
}

.filtermenu2 ul {
  overflow: hidden;
  margin: 0;
  padding: 0;

}

.filtermenu2 ul li {
    list-style: none;
    float: none;
  
    width: 100%;
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    padding: .35em;


}


.filtermenu2 ul li ul{
    position: absolute;
    top: 2.6em;
    right: -1em;
    min-width:150px;
    width:auto;
    text-align: left;
    display: none;
  


}
.filtermenu2 ul li:hover ul{
  display: block;
z-index:999999;
 -webkit-animation: fadein 2s; 
       -moz-animation: fadein 2s; 
        -ms-animation: fadein 2s; 
         -o-animation: fadein 2s;
            animation: fadein 2s;

-webkit-box-shadow: 0px 11px 9px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 9px -8px rgba(0,0,0,0.75);
box-shadow: 0px 11px 9px -8px rgba(0,0,0,0.75);		
}






.filtermenu2 ul li ul li{
display: block;
border:0.5px solid rgba(236,236,236,0.5);
background-color:#f9f9f9;
padding:.5em;
min-width:150px;
    width:auto;

}
.filtermenu2 ul li ul li:hover{

background-color:var(--rnkb-24);
color:var(--rnk-1);
border-bottom:1px solid #a01721;
border-top:1px solid #a01721;
font-weight:bold;

	-webkit-animation: fadein .4s; 
       -moz-animation: fadein .4s; 
        -ms-animation: fadein .4s; 
         -o-animation: fadein .4s;
            animation: fadein .4s;
		
}
.filtermenu2 ul li ul li:last-child{
  display: block;
border-radius:0px 0px 6px 6px;

}
.filtermenu2 ul li:hover {
cursor:pointer;
color:var(--rnk-7);
-o-transition: opacity 0.8s, -o-transform 0.8s;	
	-ms-transition: opacity 0.8s, -ms-transform 0.8s;	
	-moz-transition: opacity 0.8s, -moz-transform 0.8s;	
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}



@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera  12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



/*BURADA DROPLIST MENUMUZUN KODLARINI BİTİRİYORUZ*/
/*BURADA GALERİ İÇİN SAYFALAMA KODLARINI GİRİYORUZ*/
#baslik3 {
    position: relative;
    margin: 0px 0px 2px 0px;
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    padding: 0.5em;
    font-weight: 600;
    /* background: #ffffff; */
    /* background: -webkit-linear-gradient(left, #ffffff 0%,#f7f7f7 25%,#efefef 50%,#f7f7f7 75%,#ffffff 100%); */
    /* background: linear-gradient(to right, #ffffff 0%,#f7f7f7 25%,#efefef 50%,#f7f7f7 75%,#ffffff 100%); */
}

.simple-pagination ul {
	margin:  0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.simple-pagination li {
	display: inline-block;
	margin: 5px;
}

.simple-pagination li a,
.simple-pagination li span {
	color: #666;
	padding:10px 15px 10px 15px;
	text-decoration: none;
	border: 1px solid #EEE;
	background-color: #FFF;
	
}

.simple-pagination .current {
	padding:11px 15px 14px 15px;
	color: #FFF;
	background-color: var(--rnkb-24);
	margin: 5px;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
	background: var(--rnkb-24);
	padding:11px 15px 14px 15px;
	margin: 5px;
}
#galeriimg {
  width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: relative;
    float: left;
    left: 5%;
    right: 5%;
    list-style: none;
}

#galeriimg li{

    list-style: none;
}
.galerilink a:hover{color:var(--rnk-8);}
/*BURADA GALERİ İÇİN LIGHTBOX KODLARINI GİRİYORUZ*/
.show-reel {
  text-align: center;
  margin-bottom: 2px;
  word-spacing: -1px;
}

.show-reel .lsb-preview {
  display: inline-block;
  float: none;
  width: 150px;
}

.single-image .lsb-preview.single {
  display: block;
  width: 240px;
  margin: 0 auto;
}

.gallery .lsb-preview {
  float: left;
  width: 25%;
  padding: 2px;
}

@media screen and (max-width: 425px) {
  .gallery .lsb-preview {
    width: 50%;
  }
}
.lsb-preview {
  display: block;
  overflow: hidden;
}

.lsb-preview img {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}



.lsb-preview:active img {
  opacity: 0.7;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.lsb-preview img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.settings {
  display: table;
  border-collapse: collapse;
  font-size: 12px;
  margin-bottom: 2em;
}

.settings .row {
  display: table-row;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.settings .row:first-child {
  font-weight: bold;
}

.settings .cell {
  display: table-cell;
  padding-top: 3px;
  padding-bottom: 10px;
  vertical-align: top;
}

.settings .name {
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 1px;
}

.settings .default {
  padding-right: 3px;
}
/*BURADA GALERİ İÇİN ÇERCEVE KODLARINI GİRİYORUZ*/
.crcv1{border:1px solid var(--rnkbr-1);}
.crcv2{border:2px solid var(--rnkbr-1);}
.crcv3{border:3px solid var(--rnkbr-1);}
.crcv4{border:4px solid var(--rnkbr-1);}
.crcv5{border:5px solid var(--rnkbr-1);}
.crcv6{border:6px solid var(--rnkbr-1);}
.crcv7{border:7px solid var(--rnkbr-1);}
.crcv8{border:8px solid var(--rnkbr-1);}
.crcv9{border:9px solid var(--rnkbr-1);}
.crcv0{border:10px solid var(--rnkbr-1);}

/*BURADA İS RESPONSIVE UL LI TABLE OLUSTURUYORUZ*/

.responlist_contact li {
    border-bottom:0.5px solid rgba(0,0,0,0.1);
    list-style:none;
    padding:5px;
    margin-right:-5px;
    width:79%;
    display:inline-block;
    text-align: left;
}

.responlist_contact ul {
    margin-top: 10px;
}

.responlist_contact li:nth-child(3n+2) {
     
  width:1%;
  padding:10px;
    }

.responlist_contact li:nth-child(3n+1) {
      
  width:10%;
   padding:10px;
    }
.responlist_contact li:nth-child(3n+3) {
  
		text-indent:10px;
  width:83%;
   padding:10px;
    }
@media only screen and (max-width: 767px) {
    
    .responlist_contact li {
        border-bottom:0.5px solid rgba(0,0,0,0.05);
        list-style:disc;
        padding:8px;
        margin-right:0;
        width:100%;
        text-align: left;
    }
    
    .responlist_contact li:nth-child(3n) {
        border-bottom:0.5px solid rgba(0,0,0,0.5);
    }
    
}

/*BURADA STANDART MODAL BASLIK KODLARINI GİRİYORUZ*/
.card[class*=bg-] .card-headert {
    --mdb-card-header-border-bottom-color: var(--mdb-border-color-translucent);
    border-bottom-color: var(--mdb-card-header-border-bottom-color);
	padding:1em;
}
.card-bodyt {
    flex: 1 1 auto;
    padding: var(--mdb-card-spacer-y) var(--mdb-card-spacer-x);
    color: var(--mdb-card-color);
}
.card-titlet {
    margin-bottom: var(--mdb-card-title-spacer-y);
}
.card-subtitle, .card-textt:last-child {
    margin-bottom: 0;
}


/*RAINBOW KODU GIRIYORUZ*/
.rainbow {
    background-image: linear-gradient(90deg, hsl(284,91%,69%) 0%, hsl(284,91%,69%) 12.5%,hsl(329,91%,69%) 12.5%, hsl(329,91%,69%) 25%,hsl(14,91%,69%) 25%, hsl(14,91%,69%) 37.5%,hsl(59,91%,69%) 37.5%, hsl(59,91%,69%) 50%,hsl(104,91%,69%) 50%, hsl(104,91%,69%) 62.5%,hsl(149,91%,69%) 62.5%, hsl(149,91%,69%) 75%,hsl(194,91%,69%) 75%, hsl(194,91%,69%) 87.5%,hsl(239,91%,69%) 87.5%, hsl(239,91%,69%) 100%);
}

/*BURADA ISE POST HEADER MODELI ICIN CSS KODUNU GIRIYORUZ*/


/* === HEADING STYLE #1 === */
.headerpost .one h1 {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.headerpost .one h1:before {
  width: 28px;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -14px;
  background-color: #b80000;
}
.headerpost .one h1:after {
  width: 100px;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 25px;
  left: 50%;
  margin-left: -50px;
  background-color: #b80000;
}

/* === HEADING STYLE #2 === */
.headerpost .two h1 {
  text-transform: capitalize;
}
.headerpost .two h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  content: "";
  background-color: #c50000;
}

.headerpost .two h1 span {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 3em;
  padding-left: 0.25em;
  color: rgba(0, 0, 0, 0.4);
  padding-bottom: 10px;
}
.headerpost .alt-two h1 {
  text-align:center;
}
.headerpost .alt-two h1:before {
  left:50%; margin-left:-30px;
}

/* === HEADING STYLE #3 === */
.headerpost .three h1 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
.headerpost .three h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #111;
}
.headerpost .three h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #333;
}

/* === HEADING STYLE #4 === */
.headerpost .four h1 {
  text-align: center;
  padding-bottom: 0.7em;
}
.headerpost .four h1 span {
  font-weight: 300;
  word-spacing: 3px;
  line-height: 2em;
  padding-bottom: 0.35em;
  color: rgba(0, 0, 0, 0.5);
}
.headerpost .four h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 1px;
  content: "";
  left: 50%;
  margin-left: -30px;
  background-color: #777;
}

/* === HEADING STYLE #5 === */
.headerpost .five h1 {
  text-align: center;
  font-size: 22px;
  font-weight: 700; color:#202020;
  text-transform: uppercase;
  word-spacing: 1px; letter-spacing:2px;
}
.headerpost .five h1 span {
  margin-top: 40px;
  text-transform: none;
  font-size:.75em;
  font-weight: normal;
  font-style: italic; 
  color:#999; letter-spacing:-0.005em; word-spacing:1px;
  letter-spacing:none;
}
.headerpost .five h1:before {
  position: absolute;
  left: 0;
  bottom: 38px;
  width: 60px;
  height: 4px;
  content: "";
  left: 50%;
  margin-left: -30px;
  background-color: #dfdfdf;
}

/* STYLE 6
   ----------------------------- */
.headerpost .six h1 {
  text-align: center;
  color:#222; font-size:30px; font-weight:400;
  text-transform: uppercase;
  word-spacing: 1px; letter-spacing:2px; color:#c50000;
}
.headerpost .six h1 span {
  line-height:2em; padding-bottom:15px;
  text-transform: none;
  font-size:.7em;
  font-weight: normal;
  font-style: italic; 
  color:#999; letter-spacing:-0.005em; word-spacing:1px;
  letter-spacing:none;
}
.headerpost .six h1:after, .headerpost .six h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45px;
  height: 4px;
  content: "";
  right: 45px; 
  margin:auto;
  background-color: #ccc;
}
.headerpost .six h1:before { 
background-color:#d78b8b;
  left:45px; width:90px;
}

/* Style 7
   ----------------------------- */
.headerpost .seven h1 {
text-align: center;
    font-weight:300; color:#222; letter-spacing:1px;
    text-transform: uppercase;

    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
}

.headerpost .seven h1:after,.headerpost .seven h1:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #c50000;
    border-top: 1px solid #c50000;
    height: 5px;
  background-color:#f8f8f8;
}

/* Style 8
   ----------------------------- */
.headerpost .eight h1 {
  text-align:center;
 
  text-transform:uppercase;
  font-size:26px; letter-spacing:1px;
  
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 22px;
}

.headerpost .eight h1:after,.headerpost .eight h1:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #ccc;
  background-color:#f8f8f8;
}


/* Style 9
   ----------------------------- */
.headerpost .nine h1 {
  text-align:center;  color:#222; letter-spacing:1px;
  font-weight:400;
}
.headerpost .nine h1 span {
  margin-top: 5px;
     color:#444; word-spacing:1px; font-weight:normal; letter-spacing:2px;
     font-weight:500;

    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
}

.headerpost .nine h1 span:after,.headerpost .nine h1 span:before {
    content: " ";
    display: block;
       border-bottom: 1px solid #D10000;
    border-top: 1px solid #0078D7;
    height: 5px;
  background-color:#f8f8f8;
}


.headerpost .ten h1 {
  font-size:34px; font-weight:500; text-transform:uppercase;
}
.headerpost .ten h1:before {
    background-color: #c50000;
    border-radius: 0.25rem;
    content: '';
    display: block;
    height: 0.25rem;
    width: 42px;
    margin-bottom: 1.25rem;
}


.headerpost .eleven h1 {
  font-size:30px;text-align:center; line-height:1.5em; padding-bottom:45px; text-transform:uppercase;letter-spacing: 2px; color:#111;
}


.headerpost .eleven h1:before {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 60%;
  left:50%; margin-left:-30%;
  height: 1px;
  content: "";
  background-color: #777; z-index: 4;
}
.headerpost .eleven h1:after {
  position:absolute;
  width:40px; height:40px; left:50%; margin-left:-20px; bottom:0px;
  content: '\00a7'; font-size:30px; line-height:40px; color:#c50000;
  font-weight:400; z-index: 5;
  display:block;
  background-color:#f8f8f8;
}


.headerpost .twelve h1 {
  font-size:26px; font-weight:700;  letter-spacing:1px; text-transform:uppercase; width:100%; text-align:center; margin:auto;  padding-bottom:13px;
}
.headerpost .twelve h1:before {
    background-color: #c50000;
    content: '';
    display: block;
    height: 3px;
    width: 75px;
    margin-bottom: 5px;
}
.headerpost .twelve h1:after {
    background-color: #c50000;
    content: '';
    display: block;
  position:absolute; right:0; bottom:0;
    height: 3px;
    width: 75px;
    margin-bottom: 0.25em;
}



.headerpost .thirteen h1 {
  position:relative; font-size:20px; font-weight:700;  letter-spacing:0px; text-transform:uppercase; width:150px; text-align:center; margin:auto;  border:2px solid #222;padding:5px 11px 3px 11px;
}
.headerpost .thirteen h1:before, .headerpost .thirteen h1:after {
    background-color: #c50000;
    position:absolute; 
    content: '';
    height: 7px;

    width: 7px; border-radius:50%;
    bottom: 12px;
}
.headerpost .thirteen h1:before {
   left:-20px;
}
.headerpost .thirteen h1:after {
   right:-20px;
}
/* ------- Helper Styles -------------*/
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*hata modal kodları*/
.modal-confirm {		
	color: #434e65;
	width: 525px;
}
.modal-confirm .modal-content {
	padding: 20px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
}
.modal-confirm .modal-header {
	background: #e85e6c;
	border-bottom: none;   
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 5px 5px 0 0;
	padding: 35px;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 36px;
	margin: 10px 0;
}
.modal-confirm .form-control, .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px; 
}
.modal-confirm .close {
	    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    text-shadow: none;
    width: 30px;
    height: 30px;
    opacity: 0.7;
    border: transparent;
    background: transparent;
}
.modal-confirm .close:hover {
	opacity: 0.9;
}
.modal-confirm .close i{
	width:25px;
	height:25px;
}
.modal-confirm .icon-box {
	color: #fff;		
	width: 95px;
	height: 95px;
	display: inline-block;
	border-radius: 50%;
	z-index: 9;
	border: 5px solid #fff;
	padding: 15px;
	text-align: center;
}
.modal-confirm .icon-box i {
	font-size: 58px;
	margin: -2px 0 0 -2px;
}
.modal-confirm.modal-dialog {
	margin-top: 80px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
	color: #fff;
	border-radius: 4px;
	background: #eeb711 !important;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border-radius: 30px;
	margin-top: 10px;
	padding: 6px 20px;
	min-width: 150px;
	border: none;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
	background: #eda645 !important;
	outline: none;
}

/*BURADA İSE MAİL GÖNDEİLDİĞİ ZAMAN OLUMLU İSE ÇIKACAK OLAN BAŞARILI UYARI MESAJININ KODLARINI GİRİYORUZ*/
#myModalyes .modal-confirm {		
	color: #434e65;
	width: 525px;
}
#myModalyes .modal-confirm .modal-content {
	padding: 20px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
}
#myModalyes .modal-confirm .modal-header {
	background: #47c9a2;
	border-bottom: none;   
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 5px 5px 0 0;
	padding: 35px;
}
#myModalyes .modal-confirm h4 {
	text-align: center;
	font-size: 36px;
	margin: 10px 0;
}
#myModalyes .modal-confirm .form-control, #myModalyes .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px; 
}
#myModalyes .modal-confirm .close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	text-shadow: none;
	opacity: 0.5;
}
#myModalyes .modal-confirm .close:hover {
	opacity: 0.8;
}
#myModalyes .modal-confirm .icon-box {
	color: #fff;		
	width: 95px;
	height: 95px;
	display: inline-block;
	border-radius: 50%;
	z-index: 9;
	border: 5px solid #fff;
	padding: 15px;
	text-align: center;
}
#myModalyes .modal-confirm .icon-box i {
	font-size: 64px;
	margin: -4px 0 0 -4px;
}
#myModalyes .modal-confirm .modal-dialog {
	margin-top: 80px;
}
#myModalyes .modal-confirm .btn, #myModalyes .modal-confirm .btn:active {
	color: #fff;
	border-radius: 4px;
	background: #eeb711 !important;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border-radius: 30px;
	margin-top: 10px;
	padding: 6px 20px;
	border: none;
}
#myModalyes .modal-confirm .btn:hover,#myModalyes .modal-confirm .btn:focus {
	background: #eda645 !important;
	outline: none;
}
#myModalyes .modal-confirm .btn span {
	margin: 1px 3px 0;
	float: left;
}
#myModalyes .modal-confirm .btn i {
	margin-left: 1px;
	font-size: 20px;
	float: right;
}
#myModalyes .trigger-btn {
	display: inline-block;
	margin: 100px auto;
}
/*burada ise css RIBBON EFEKT KODLARINI GİRİYORUZ*/