/* TASARLAYAN GÜNDOĞAR DESİGN */
@charset "utf-8";

/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/* FONTİCON */
@import url('../fontawesome/css/all.min.css');

/* RESET */
*{margin:0;padding:0;border:none;outline:0}
body{background: #fff;font-family: 'Work Sans', sans-serif;overflow-x: hidden;}

/* RESET */

/* SCROLL */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f100;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* SCROLL */


/* A */
a{text-decoration:none !important;cursor:pointer;color:#999;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
a:hover,a:focus,a:visited{text-decoration:none !important;outline:none;}
/* A */

/* H1,H2,H3,H4,H5,H6 */
h1,h2,h3,h4,h5,h6 {position:relative;margin:0px;background:none;}
/* H1,H2,H3,H4,H5,H6 */

/* TEXTAREA */
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;overflow:hidden;}
/* TEXTAREA */

/* P */
p{position: relative;color: #495057;margin: 0;padding: 0;}
/* P */

/* UL,Lİ */
ul,li{list-style:none;padding:0px;margin:0px;}
/* UL,Lİ */
	
/* SELECTİON */
::selection {background: #00aced; color:#fff;}
/* SELECTİON */

/* İNPUT */
::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}
/* İNPUT */

/* Menu Buton */
.mobile-menu {display:none;}
.mobile-menu {
    position: absolute;
    cursor: pointer;
    background: white;
	z-index:99999;
    -webkit-box-shadow: 0 0 10px -5px #343a40;
    -moz-box-shadow: 0 0 10px -5px #343a40;
    box-shadow: 0 0 10px -5px #343a40;
    border-radius: 50%;
    right: 15px;
    width: 45px;
    top: 75px;
    height: 45px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	}
.mobile-menu span {
	display: block;
    position: absolute;
    height: 3px;
    width: 25px;
    margin-top: 10px;
    margin-left: 10px;
    background: #404041;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.mobile-menu span:nth-child(1) {top: 0px;}
.mobile-menu span:nth-child(2),
.mobile-menu span:nth-child(3) {top: 9px;}
.mobile-menu span:nth-child(4) {top: 18px;}
.mobileactive.mobile-menu span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
.mobileactive.mobile-menu span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-ms-transform: rotate(45deg);}
.mobileactive.mobile-menu span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.mobileactive.mobile-menu span:nth-child(4) {top: 18px;width: 0%;left: 50%;}


@media screen and (max-width:992px){.mobile-menu{display:block}}
/* Menu Buton */

/* Swiper Panel */
#panel {
    position: fixed;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    top: 0px;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ffff;
    padding: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#panel.activemenu {
opacity: 1;
    visibility: visible;
	}

/* Panel Mobile Menu */
#panel ul.contetntmenu {
	
	overflow: scroll;
    width: 100%;
    overflow: scroll;
    position: relative;
    display: block;
    white-space: nowrap;
    top: 0;
}
#panel ul.contetntmenu li {}
#panel ul.contetntmenu li a {font-size: 16px;font-weight: 500;text-transform: uppercase;letter-spacing: 0px;color: #000000;float: left;padding: 5px 0;position: relative;width: 100%;transition: all 0.2s linear 0s;}
#panel ul.contetntmenu li ul {display: none;}
#panel ul.contetntmenu li ul.submenu {
	float: left;
    position: relative;
    width: 100%;
    display: none;
    padding-left: 20px;
    padding-top: 20px;
    background: #dee2e6;
}
#panel ul.contetntmenu li ul li a {
	font-size: 15px;
    font-weight: 500;
    color: #000;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    display: block;
    text-transform: unset;
    text-decoration: none;
}
/* Swiper Panel */

/* HEADER */
#header{width:100%;display:inline-block}.headerbordertop{background:#2a285f;position:relative;width:100%;display:block;clear:both;height:50px;line-height:45px}.headerbordertop .social ul{list-style:none;margin-bottom:0;margin-top:0}.headerbordertop .social ul li{display:inline-block;margin-right:10px}.headerbordertop .social ul li:last-child{margin-right:0}.headerbordertop .social ul li a{font-size:20px;color:#fff}.headerbordertop .social ul li span{font-size:12px;color:#fff;font-weight:600}@media screen and (max-width:550px){.headerbordertop .social{display:none}}#header .headerbody{width:100%;display:block;clear:both;height:100px}@media screen and (max-width:576px){#header .headerbody{padding:0 15px}}
#header .logo{position:relative;z-index:2;width:250px;height:100px;margin-right:auto}
#header .logo::before{    position: absolute;
    border-radius: 20px;
    right: 0;
    content: "";
    left: 0;
    top: -70px;
    background: #fff;
    bottom: -25px;
    -webkit-box-shadow: 0 0 10px -5px #343a40;
    -moz-box-shadow: 0 0 10px -5px #343a40;
    box-shadow: 0 0 10px -5px #343a40;}
#header .logo img{
	    width: 220px;
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    margin: 0 auto;
}@media screen and (max-width:335px){#header .logo{width:175px;height:55px}#header .logo img{width:150px}}@media screen and (max-width:992px){#header .logo{margin-left:0}}#header .hdrmenu{display:inline-block;position:relative;height:100px}@media screen and (max-width:993px){#header .hdrmenu{display:none}}

#header .hdrmenu ul li a{font-size:16px;text-transform:capitalize;font-weight:500;display:block;position:relative;padding:5px 10px;border-radius:5px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}
#header .hdrmenu ul li a:hover{color:#fff;background:#2a285f}
#header .hdrmenu ul li a::before{content:"";position:absolute;top:-3px;width:0;left:0;right:0;margin:0 auto;height:3px;background-color:#f39640;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
#header .hdrmenu ul li a::after{content:"";position:absolute;bottom:-3px;width:0;left:0;right:0;margin:0 auto;height:3px;background-color:#f39640;-webkit-transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;transition:all .9s}
#header .hdrmenu ul li a:hover::before,#header .hdrmenu ul li a:hover::after{width:90%}#header .hdrmenu ul>li{display:inline-block;margin:36px 0px;position:relative}
#header .hdrmenu ul>li:last-child{margin-right:0}#header .hdrmenu ul>li:first-child{margin-left:0}

/* HEADER */


/* Slider Section */
#slidersearch_section{width:100%;height:575px;overflow:hidden;position:relative}#slidersearch_section #slider_img{width:100%;position:relative;z-index:1}#slidersearch_section #slider_img .item{width:100%}
#slidersearch_section #slider_img .item img{width:100%;height:575px;object-fit:cover}#slidersearch_section #slider_img .item .text{top:0;left:0;right:0;margin:0 auto;z-index:2;width:100%;height:575px;position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}#slidersearch_section #slider_img .item .text .text_buyuk{font-size:25px;color:white;font-weight:600;width:auto;background:#49505782;display:inline-block;padding:10px}#slidersearch_section #slider_img .item .text .text_kucuk{font-size:20px;color:white;font-weight:300;width:auto;background:#49505782;padding:10px;clear:both;display:table-cell;top:10px;position:relative}
/* Slider Section */

/* İletişim Section */
.iletisimwidget {
    position: relative;
    margin-top: -100px;
    z-index: 1;
}
.iletisimwidget .itemcontent{
    position: relative;
    z-index: 9;
    height: 100px;
    margin-bottom: 30px;
    padding: 15px;
    text-align: center;
}
.iletisimwidget .itemcontent.renk1{
  background: #e83d58;
}
.iletisimwidget .itemcontent.renk2{
  background: #2a285f;
}
.iletisimwidget .itemcontent.renk3{
  background: #f39640;
}
.iletisimwidget .itemcontent i{
    font-size: 80px;
    left: 0;
    right: 0;
    color: #ffffff;
    position: absolute;
    z-index: -1;
    opacity: 0.2;

}
.iletisimwidget .itemcontent .textitem{

    width: 100%;
    display: block;

}
.iletisimwidget .itemcontent .textitem span{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}
.iletisimwidget .itemcontent .textitem a{
    display: block;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    position: relative;

}

@media screen and (max-width:992px){
.iletisimwidget {
    margin-top: 30px;
}
}
/* İletişim Section */

/* FİRMA PROFİLİ */
#servis_widget{
	    position: relative;
    z-index: 1;
    padding: 30px 0;
}
#servis_widget .contitem{
position: relative;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background: #f8f9fa;
    padding: 20px 10px;
    border-radius: 30px;
}
#servis_widget .contitem i{font-size: 40px;
    text-align: center;
    display: block;
    margin-bottom: 15px;
    color: #f39640;
	    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	}
#servis_widget .contitem:hover i{
	
	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
#servis_widget .contitem .title{margin-bottom:10px;font-size:19px;font-weight:600;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#servis_widget .contitem:hover .title{color:#e83d58;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#servis_widget .contitem .text{
text-align: center;
    font-size: 16px;
    height: 125px;
    font-weight: 400;
    color: #606060;
}

.hakkimizdasection{margin-bottom:30px;padding:100px 0;background-size:cover;background-position:center center;position:relative;background-attachment:fixed}
.hakkimizdasection:after{position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: .8;
    top: 0;
    left: 0;
    background: #000000;}.hakkimizdasection .aboutus-text{position:relative;z-index:1}.hakkimizdasection .aboutus-text h3{margin-top:15px;font-size:30px;font-weight:700;text-transform:uppercase;margin-bottom:20px;color:#fff}.hakkimizdasection .aboutus-text p{font-size:15px;color:#fff;line-height:30px;font-weight:500;margin-bottom:15px}
	.hakkimizdasection .aboutus-text a{cursor:pointer;transition:all .2s ease;color:#fff;letter-spacing:6px;font-size:16px;font-weight:300;text-transform:uppercase;float:right}
	.hakkimizdasection .about-img{position:relative;z-index:1}.hakkimizdasection .about-img img{width:100%;height:220px;object-fit:cover}
	
/* FİRMA PROFİLİ */

/* Section */
#body_section {
    position: relative;
    display: block;
}
#body_section h1.widgettitle{
    position: relative;
    display: block;
    font-size: 40px;
    text-align: center;
    color: black;
}
#body_section a.widgetbutton{
    transition: all .2s ease;
    color: black;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 40px;
    margin-top: 5px;
}
#body_section a.widgetbutton:hover{
    letter-spacing: 6px;
}




#body_section:hover .owl-nav .owl-next,
#body_section:hover .owl-nav .owl-prev {
    visibility: visible;
    opacity: 1;
}
#body_section .owl-nav .owl-next,
#body_section .owl-nav .owl-prev {
    position: absolute;
    z-index: 9;
    bottom: 50%;
    background: #fff;
    color: #f39640;
    font-size: 30px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
    padding: 10px;
    line-height: 30px;
    -webkit-box-shadow: 0 0 10px -5px #000;
    -moz-box-shadow: 0 0 10px -5px #000;
    box-shadow: 0 0 10px -5px #000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#body_section .owl-nav .owl-next {
    right: 15px;
}
#body_section .owl-nav .owl-prev {
    left: 15px;
}
#body_section:hover .owl-nav .owl-next {
    right: 0;
}
#body_section:hover .owl-nav .owl-prev {
    left: 0;
}
#body_section .owl-dots {
    position: relative;
    text-align: center;
    display: block;
}
#body_section .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background: #333;
    margin: 0 5px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#body_section .owl-dots .owl-dot.active {
    background: #9d0a0e;
    width: 15px;
    height: 8px;
    border-radius: 10px;
}
/* Section */


/* Hizmetler */
.hizmetlerbox{
	    position: relative;
    display: block;
}
.hizmetlerbox .himages {
	position: relative;
    width: 100%;
    height: 300px;
    display: block;
}
.hizmetlerbox .himages img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.hizmetlerbox .hcontetn{
position: relative;
    padding: 25px;
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
}

@media (min-width: 1200px) {
.hizmetlerbox .hcontetn{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -50px;
  }
}



.hizmetlerbox .hcontetn a {
    position: relative;
    display: block;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    color: black;
	
    background: -webkit-gradient(linear, left top, right top, from(currentcolor), to(currentcolor)) 0px 95%/0px 2px no-repeat;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.hizmetlerbox .hcontetn a:hover {
  background-size: 50% 2px;
}

.hizmetlerbox .hcontetn p{
  margin-top: 10px;
}
/* Hizmetler */

/* Çözüm Ortakları */

.cozumortakbox{
    position: relative;
    text-align: center;
}

.cozumortakbox .cimages{
    width: 100%;
    height: 100px;
    overflow: hidden;
    display: block;
    border: 1px solid #adb5bd;
    padding: 15px;
    border-radius: 50px;
}
.cozumortakbox .cimages img{-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;width: 100%;
    height: 100%;
    object-fit: contain;
	
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	}
.cozumortakbox .cimages:hover img{
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	-webkit-filter: none;
    filter: none;
	}
.cozumortakbox p.ctext{
    font-size: 15px;
    padding-top: 10px;
    font-weight: 500;
    color: black;
}
/* Çözüm Ortakları */




/* Sayfa */
#pagedetailbread{
    position: relative;
    height: 150px;
    margin-bottom: 75px;
    background: #dee2e6;
}
#pagedetailbread h1{
    font-size: 30px;
    font-weight: 400;
    color: #2a285f;
    font-style: italic;
}

#pagedetailbread .breadcrump {
    display: inline-block;
    width: 100%;
}
#pagedetailbread .breadcrump ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#pagedetailbread .breadcrump ul li {
    float: left;
    font-size: 15px;
    font-weight: 300;
    font-style: italic;
}
#pagedetailbread .breadcrump ul li a {
    display: block;
    color: #192436;
    position: relative;
    padding-right: 9px;
    margin-right: 3px;
}
#pagedetailbread .breadcrump ul li a:before {
    content: "/";
    color: #d42c22;
    position: absolute;
    right: 0;
}

#pagedetailbread .breadcrump ul li:last-child a:before {
    display: none;
}



#pagecontents{
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 100px;
}


#pagecontents .stkiyimage{
    position: sticky;
    top: 130px;
    margin-bottom: 50px;
}
#pagecontents .stkiyimage .pimages{
display: block;
    overflow: hidden;
    width: 100%;
    height: 400px;
    margin: 0 auto;
}
#pagecontents .stkiyimage .pimages img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}


#pagecontents .pimagesgaleri{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 250px;
}
#pagecontents .pimagesgaleri img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#pagecontents .galleryboxed{
display: block;
    overflow: hidden;
    width: 100%;
    height: 100px;
}
#pagecontents .galleryboxed img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Sayfa */
/* Sayfalama */
.sayfalamavesaydirma{padding:20px 0;border-top:1px solid #eee;margin-top:30px;text-align:center;width:100%;}
.sayfalamavesaydirma .pagination{margin-bottom:20px;}
.sayfalamavesaydirma a.allshow{margin-bottom:20px;text-align:right;float:right;font-size:14px;font-weight:600;border-radius:3px;padding:7px 13px;position:relative;display:block;color:#000}
.sayfalamavesaydirma a.allshow:hover{z-index:3;color:#fff;background:#f39640;text-decoration:none}
/* Sayfalama */


/* Etiketler */
.etiketler{margin: 0 auto;text-align: center;padding-bottom: 20px;}
.etiketler p{position:relative;display:inline-block;padding:4px 10px;border-radius:4px;color:#282828;font-size:14px;font-weight:500;margin-right:5px;margin-bottom:5px;background:white;
border:1px solid #eee}
/* Etiketler */	

/* Footer */
#footer-section{
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
    position: relative;
    width: 100%;
    border-top: 1px solid #dee2e6;
    margin-top: 30px;
    padding-top: 30px;
}
#footer-section .copyrights {
    font-size: 14px;
    padding: 15px;
}
#footer-section .design{letter-spacing:3px;font-size:10px;text-transform:uppercase;}
#footer-section .design i{font-size:11px;color:#e91e63}
#footer-section .design img{width:75px}
/* Footer */

/* İletişim Sayfası */

.adresbilgisi{width:100%;position:relative;background:#fff;}.adresbilgisi p{font-weight:300;font-size:33px;line-height:45px;text-align:left;color:#000}.adresbilgisi p span{display:block}.adresbilgisi ul{text-align:right}.adresbilgisi ul li a{font-weight:700;font-size:40px;color:#000}@media (max-width:768px){.adresbilgisi{padding:20px;margin-bottom:50px}.adresbilgisi p{font-size:1.5rem;line-height:2rem;margin-bottom:30px}.adresbilgisi ul{text-align:left}}
.iletisim-form{width:100%;display:block}.form-group{position:relative;width:100%}.form-group label{position:absolute;z-index:9;top:0;left:20px;margin:0}.form-group label i{color:#f39640;font-size:25px;line-height:75px}.form-group input,.form-group textarea{width:100%;transition:.4s;border:1px solid #e0e0e0;border-radius:0;height:75px;padding:0 70px;margin-bottom:25px}.form-group input:focus,.form-group textarea:focus{border-color:#f39640!important}
.form-group textarea{height:270px !important;resize:none;padding-top:27px;padding-bottom:27px}.form-control::placeholder{font-weight:500;font-size:18px;color:#797979}.form-group button{padding:20px 40px;border-radius:0;background:#fff;border:1px solid #f1f1f1!important;position:relative;float:right}.form-group button:hover{background:#f39640!important}.form-group button span{font-weight:500;font-size:19px;text-align:center;color:#f39640;display:flex;align-items:center;justify-content:center;transition:.4s}.form-group button span span{width:55px;height:1px;background:#f39640;display:block;margin-left:30px}.form-group button:hover span{color:#fff}.form-group button:hover span span{background:#fff}
/* İletişim Sayfası */
.yukaricik {
cursor: pointer;
    width: 60px;
    height: 60px;
    line-height: 65px;
    font-size: 30px;
    right: 0;
    margin: 0 auto;
    position: fixed;
    z-index: 9;
    border-radius: 25px 0 0;
    bottom: -80px;
    color: #495057;
    text-align: center;
    -webkit-box-shadow: 0 0 20px 0 rgb(62 62 101 / 13%);
    -moz-box-shadow: 0 0 20px 0 rgba(62, 62, 101, 0.13);
    box-shadow: 0 0 20px 0 rgb(62 62 101 / 13%);
    background: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.yukaricik.fixed {
    bottom: 0px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.iletisimfixed{
position: fixed;
    z-index: 9;
    bottom: 5px;
    left: 15px;
}
.iletisimfixed a{
    display: block;
    background: white;
    border-radius: 50%;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 54px;
    -webkit-box-shadow: 0 0 10px -5px #343a40;
    -moz-box-shadow: 0 0 10px -5px #343a40;
    box-shadow: 0 0 10px -5px #343a40;

}
.iletisimfixed a i{
    font-size: 25px;
    color: black;
	
	    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;

}
.iletisimfixed a:hover i{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}