/var/www/vhosts/bsbdokum.com.tr/httpdocs/app/Themes/default/assets/css
Edit: /var/www/vhosts/bsbdokum.com.tr/httpdocs/app/Themes/default/assets/css/style.css (23639B)
@import url('../textfont/stylesheet.css');
@import url('line-awesome.css');
@import url('swiper-bundle.min.css');
@import url('animate.css');
@import url('bootstrap.min.css');
@import url('fancybox.css');
@import url('lity.min.css');
@import url('aos.css');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.btn
{
border-color: rgba(126, 239, 104, 0);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(126, 239, 104, 0);
outline: 0 none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration:none;
transition:all 0.3s ease;
}
a:hover {
text-decoration:none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
:root {
--anarenk: #C3C4C6;
--kirmizi: #B43A3A;
--yesil: #79a602;
--siyah: #111010;
}
body {
font-family: Atlas Grotesk;
background:#000;
}
/* width */
.scrollbar::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track */
.scrollbar::-webkit-scrollbar-track {
background: #000;
}
/* Handle */
.scrollbar::-webkit-scrollbar-thumb {
background: var(--anarenk);
}
/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover {
background: #F3F3F4;
}
.container-fluid {
max-width:calc(100vw - 120px);
}
.dropdown-toggle::after {
display: none;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
background-position: right calc(.375em + 3.1875rem) center;
}
.form-control.is-valid,
.was-validated .form-control:valid {
background-position: right calc(.375em + 3.1875rem) center;
}
.delay-1 {
animation-delay: .25s;
}
.delay-2 {
animation-delay: .5s;
}
.delay-3 {
animation-delay: .75s;
}
.delay-4 {
animation-delay: 1s;
}
.btn {
display:inline-flex;
align-items:center;
justify-content:center;
height: 68px;
border-radius: 3px;
padding:0px 46px;
font-weight: 500;
font-size: 13px;
line-height: 25px;
border:0px;
}
.btn i {
font-size: 24px;
}
.btn-light {
background:#fff;
color:#000;
}
.btn-light:hover {
letter-spacing:2px;
}
.btn-light i {
color:var(--kirmizi);
}
.btn-dark {
background:#000;
color:#fff;
}
.btn-dark:hover {
letter-spacing:2px;
}
.btn-dark i {
color:#FEDD06;
}
.swiper {
position:relative;
overflow:hidden;
}
.marquee {
width: 100%;
overflow: hidden;
height: 58px;
background: #d9d7d4;
line-height: 58px;
}
.marquee span {
padding:0px 100px;
color: #6a6a6a;
font-size: 16px;
font-weight: 500;
line-height: 12px;
letter-spacing: 1.3333334px;
}
.form-label {
font-weight: 500;
font-size: 12px;
line-height: 24px;
color:rgba(0,0,0,0.6);
}
.form-control {
position: relative;
height: 50px;
border-radius:0px;
line-height: 40px;
padding: 0px 17px;
font-size: 16px;
background: #fff;
border: 0px;
border: 2px solid #F6F5F0;
color: var(--anarenk);
}
.form-control:focus {
background: #fff !important;
border: 1px solid #c9c9c9 !important;
color: var(--anarenk) !important;
}
.form-group label {
line-height:30px;
}
.select {
position:relative;
display:inline-block;
height:50px;
border-radius:25px;
font-size: 14px;
font-weight: 500;
border:0px;
background:#000;
border: 1px solid #3f3f3f;
}
.select .form-control {
position:relative;
display:inline-block;
height:50px;
border-radius:25px;
padding:0px 50px 0px 10px;
font-size: 14px;
font-weight: 500;
border:0px;
background:transparent;
z-index:3;
color: var(--anarenk);
}
.select:before {
position: absolute;
content: "\f063";
top: 0px;
right: 10px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: flex-end;
font-family: 'Line Awesome Free';
font-weight: 900;
font-size:20px;
color: #fff;
z-index: 2;
}
/*------------------header----------------------*/
#header {
position:absolute;
top:0px;
left:0px;
width:100%;
z-index:10000;
}
#header .alan {
display:flex;
align-items:center;
}
#header .alan .logo {
padding:20px 0px;
margin-right:60px;
}
#header .alan .logo img {
height: 100px;
}
#header .menu {
margin-left:auto;
margin-right:20px;
}
#header .menu ul {
list-style:none;
}
#header .menu .link-li {
position:relative;
float:left;
}
#header .menu .link-item {
position:relative;
display:inline-block;
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 29px;
margin:0px 10px;
padding:0px 10px;
}
#header .menu .link-item:before {
position:absolute;
content:"";
top:0px;
left:0px;
width:0px;
height:1px;
background:#fff;
transition:all 0.3s ease;
}
#header .menu .link-item:hover:before {
width:100%;
}
#header .menu .acilan {
position:absolute;
display:none;
top:calc(100% - 5px);
left:0px;
width:250px;
padding:5px 10px;
border-radius: 0px;
background: #ffffff;
box-shadow: 0px 2px 30px rgba(0,0,0,0.26);
border-top:5px solid var(--anarenk);
}
#header .menu .link-li:hover .acilan {
display:block;
}
#header .menu .acilan .link-li {
width:100%;
}
#header .menu .acilan .link-li .link-item {
display:block;
color: #000000;
font-size: 15px;
font-weight: 600;
line-height: 47px;
border-bottom:1px solid #ececec;
margin:0px 0px;
padding:0px 5px;
}
#header .menu .acilan .link-li .link-item:hover:before {
display:none;
}
#header .menu .acilan .link-li .link-item img {
width:70%;
margin:10px 15%;
}
#header .menu .acilan .link-li:last-child .link-item {
border-bottom:0px solid #ececec;
}
#header .menu .acilan .link-li .link-item:hover {
color: var(--anarenk);
}
#header .dil {
position:relative;
z-index:101;
margin-right:20px;
}
#header .dil .default {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width: 62px;
height: 62px;
border-radius: 18px;
border: 1px solid rgba(255,255,255,0.2);
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 18px;
}
#header .dil .default i {
color:#26146b;
font-size:20px;
}
#header .dil .acilan {
position:absolute;
top:100%;
padding-top:10px;
z-index:100;
display:none;
}
#header .dil .acilan .default {
margin-bottom:10px;
background: #fff;
color:#000;
}
#header .dil:hover .acilan {
display:block;
}
#header .btn {
height: 62px;
border-radius: 18px;
background: #ffffff;
margin-right:20px;
}
/*------------------slider----------------------*/
#slider {
position:relative;
padding:0px 0px;
z-index:10;
}
#slider .slider {
position:relative;
}
#slider .item {
position:relative;
}
#slider .item img ,
#slider .item video
{
width:100%;
max-height:100vh;
object-fit:cover;
}
#slider .slider-button-next,
#slider .slider-button-prev {
position:absolute;
bottom: 33px;
left:320px;
width: 62px;
height: 62px;
border-radius:25px;
border-radius: 18px;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#b8b8b8;
z-index:101;
border: 1px solid #f3f3f3;
}
#slider .slider-button-next:hover,
#slider .slider-button-prev:hover {
background:#fff;
color:#000;
}
#slider .slider-button-prev {
left:115px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 33px;
left: 208px;
width: 90px;
height: 61px;
display: flex;
align-items: center;
justify-content: center;
padding: 0px;
position: absolute;
z-index: 2;
color: #fff;
}
.swiper-pagination-bullet {
width: 15px;
height: 15px;
display: inline-block;
border-radius: 50%;
opacity: 1;
border-radius: 7.5px;
background: transparent;
border:1px solid #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #fff;
}
#slider .kaydir {
position:absolute;
bottom:0px;
left:calc(50% - 35px);
width:70px;
height:94px;
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 33px;
z-index: 10;
}
#slider .kaydir:before {
position:absolute;
content:"";
bottom:0px;
left:calc(50% - 6px);
width:12px;
height:50px;
background:#fff;
transition:all 0.3s ease;
}
#slider .kaydir:hover:before {
left:0px;
width:100%;
}
#slider .sosyal {
position:absolute;
bottom:33px;
right:115px;
z-index: 10;
}
#slider .sosyal a {
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:60px;
height:60px;
font-size:20px;
color:#fff;
overflow:hidden;
transition:all 0.3s ease;
}
#slider .sosyal a i {
position:relative;
z-index:2;
}
#slider .sosyal a:before {
position:absolute;
content:"";
top:0px;
left:0px;
width:0px;
height:100%;
background:#fff;
transition:all 0.3s ease;
z-index:1;
}
#slider .sosyal a:hover:before {
width:100%;
}
#slider .sosyal a:hover {
color:#000;
}
/*------------------degerler----------------------*/
#degerler {
position:relative;
padding:30px 0px;
background:#000;
}
#degerler .baslik {
color: #ffffff;
font-size: 40px;
font-weight: 400;
line-height: 68px;
margin-bottom:20px;
text-align:center;
}
#degerler .item {
width:100%;
text-align:center;
padding:20px;
border:2px solid rgba(255,255,255,0.4);
font-size:16px;
font-weight:600;
color:#fff;
margin-bottom:20px;
border-radius:10px;
}
/*------------------hakkimizda----------------------*/
#hakkimizda {
position:relative;
background-size:cover !important;
background-repeat:no-repeat;
padding:123px 0px 660px 0px;
}
#hakkimizda .yazi1 {
color: #ffffff;
font-size: 40px;
font-weight: 400;
line-height: 68px;
margin-bottom:50px;
}
#hakkimizda .yazi2 {
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 18px;
margin-bottom:90px;
}
.butoncizgi {
position:relative;
display:inline-flex;
align-items:center;
height:55px;
border:1px solid #fff;
padding:0px 60px 0px 34px;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 17px;
}
.butoncizgi:hover {
color: #ffffff;
background:#000;
}
.butoncizgi:before {
position:absolute;
content:"";
top:27px;
right:-25px;
width:50px;
height:1px;
background:#fff;
transition:all 0.3s ease;
}
.butoncizgi:hover:before {
right:0px;
width:25px;
height:1px;
background:#fff;
}
/*------------------urunler----------------------*/
#urunler {
position:relative;
margin-top:-600px;
z-index:20;
}
#urunler:before {
position:absolute;
content:"";
top:0px;
right:0px;
width:calc(100% - 50px);
height:100%;
background: #f4f4f4;
z-index:1;
}
#urunler .container-fluid {
position:relative;
z-index:2;
}
#urunler .alan {
position:relative;
padding:70px 30px;
z-index:20;
}
#urunler .ust {
display:flex;
flex-wrap:wrap;
align-items:center;
margin-bottom:56px;
}
#urunler .ust .sol {
width:75%;
}
#urunler .ust .sol .baslik {
font-size: 35px;
font-weight: 400;
line-height: 42px;
color:#000;
}
#urunler .ust .sol .aciklama {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color:#000;
}
#urunler .ust .butonlar {
display:flex;
align-items:center;
justify-content:flex-end;
width:25%;
}
#urunler .ust .butonlar div {
display:flex;
align-items:center;
justify-content:center;
width: 46px;
height: 46px;
border-radius: 18px;
background: #ffffff;
font-size:18px;
color:#000;
margin-left:10px;
}
#urunler .item {
display:block;
position:relative;
background:#fff;
}
#urunler .item .resim {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:320px;
border-bottom:1px solid #f4f4f4;
}
#urunler .item .resim img {
max-width:98%;
max-height:98%;
}
#urunler .item .alt {
display:flex;
align-items:center;
padding:24px 35px;
}
#urunler .item .alt .adi {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color:#000;
margin-right:auto;
}
#urunler .item .alt .ok {
font-size: 28px;
color:#000;
margin-left:30px;
transition:all 0.3s ease;
margin-right:10px;
}
#urunler .item:hover .alt .ok {
margin-right:0px;
}
/*------------------footer----------------------*/
#footer {
position:relative;
background:#000;
}
#footer .logolar {
display:flex;
align-items:center;
padding-top:25px;
}
#footer .logolar .logo {
display:inline-block;
margin-right:25px;
}
#footer .logolar .logo img {
height: 121px;
}
#footer .orta {
padding:50px 0px;
border-bottom:1px solid rgba(255,255,255,0.1);
}
#footer .menubas {
display:block;
color: #ffffff;
font-size: 20px;
font-weight: 400;
line-height: 24px;
margin-bottom:15px;
}
#footer .menulink {
display:block;
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 26px;
margin-bottom:10px;
}
#footer .sosyal a {
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:60px;
height:60px;
font-size:20px;
color:#fff;
overflow:hidden;
transition:all 0.3s ease;
}
#footer .sosyal a i {
position:relative;
z-index:2;
}
#footer .sosyal a:before {
position:absolute;
content:"";
top:0px;
left:0px;
width:0px;
height:100%;
background:#fff;
transition:all 0.3s ease;
z-index:1;
}
#footer .sosyal a:hover:before {
width:100%;
}
#footer .sosyal a:hover {
color:#000;
}
#footer .alt {
padding:50px 0px;
border-bottom:1px solid rgba(255,255,255,0.1);
}
#footer .bilgi {
display:flex;
align-items:center;
flex-wrap:wrap;
}
#footer .bilgi .yazi {
width: calc(100% - 72px);
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 24px;
}
#footer .bilgi .icon {
display:inline-flex;
align-items:center;
justify-content:center;
width: 60px;
height: 60px;
border-radius:30px;
border:1px solid rgba(255,255,255,0.2);
font-size:20px;
color:#fff;
margin-right:10px;
}
#footer .bilgi:hover .icon {
border:1px solid rgba(255,255,255,1);
color:#000;
background:#fff;
}
#footer .sonalt .ic {
display:flex;
align-items:center;
padding:19px 0px;
}
#footer .sonalt .sol {
margin-right:auto;
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 18px;
}
#footer .sonalt .sag {
text-align:right;
}
#footer #ebulten {
position: relative;
margin-bottom:30px;
display:block;
}
#footer #ebulten .form-control {
border-radius:30px;
border:1px solid rgba(255,255,255,0.2);
background:#000;
color:#fff;
}
#footer #ebulten .form-control:focus {
border-radius:30px;
border:1px solid rgba(255,255,255,0.8) !important;
background:#000 !important;
color:#fff !important;
}
#footer #ebulten .btn {
position:absolute;
top:0px;
right:0px;
width:50px;
height:50px;
border-radius:25px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,0.2);
font-size:30px;
color:#fff;
padding:0px;
}
#footer #ebulten .btn i {
font-size:24px;
}
/*------------------linkler----------------------*/
.linkler {
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 19px;
text-align:center;
margin-bottom:30px;
}
.linkler a {
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 19px;
padding:0px 5px;
}
/*------------------hakkimizdapage----------------------*/
#hakkimizdapage {
position:relative;
background-size:cover !important;
background-repeat:no-repeat;
padding:123px 0px 45px 0px;
}
#hakkimizdapage .yazi1 {
color: #ffffff;
font-size: 40px;
font-weight: 400;
line-height: 68px;
text-align:center;
margin-bottom:50px;
}
#hakkimizdapage .yazi2 {
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 18px;
text-align:center;
}
/*------------------urunlerpage----------------------*/
#urunlerpage {
padding:123px 0px 45px 0px;
}
#urunlerpage .alan {
background: #f4f4f4;
}
#urunlerpage .solmenu {
height:100%;
background: #ffffff;
padding:80px;
}
#urunlerpage .solmenu .menu .adi {
position:relative;
display:block;
color:#000;
font-size: 16px;
font-weight: 400;
line-height: 19px;
padding:15px 0px;
}
/*#urunlerpage .solmenu .menu .adi:before {
position:absolute;
content:"\f063";
top:0px;
right:0px;
height:100%;
width:30px;
font-size:20px;
color:#000;
font-family: 'Line Awesome Free';
font-weight: 900;
display:flex;
align-items:Center;
}*/
#urunlerpage .solmenu .menu .acilan {
display:none;
}
#urunlerpage .solmenu .menu .acilan a {
position:relative;
display:block;
font-size: 14px;
font-weight: 400;
line-height: 35px;
color:#000;
padding-left:20px;
}
#urunlerpage .solmenu .menu .acilan a:before {
position:absolute;
content:"\f0da";
top:0px;
left:0px;
height:100%;
width:20px;
font-size:16px;
color:#000;
font-family: 'Line Awesome Free';
font-weight: 900;
display:flex;
align-items:Center;
}
#urunlerpage .linkler {
text-align:left;
color:#000;
}
#urunlerpage .linkler a {
color:#000;
}
#urunlerpage .baslik {
font-size: 30px;
font-weight: 400;
line-height: 36px;
color:#000;
margin-bottom:30px;
}
#urunlerpage .sagalan {
padding:30px 68px;
}
#urunlerpage .sagalan table {
width: 100%;
border: 1px solid #2a2f31;
border-radius:10px;
border-collapse: collapse;
}
#urunlerpage .sagalan table td {
padding:8px 10px;
border: 1px solid #2a2f31;
}
#urunlerpage .sagalan table tr:nth-child(odd) {
background:#fff;
}
#urunlerpage .sagalan table tr:first-child {
background:#2a2f31;
color:#fff;
}
#urunlerpage .sagalan table tr:first-child td {
color:#fff;
}
#urunlerpage .item {
display:block;
position:relative;
background:#fff;
margin-bottom:30px;
}
#urunlerpage .item .resim {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:320px;
border-bottom:1px solid #f4f4f4;
}
#urunlerpage .item .resim img {
max-width:98%;
max-height:98%;
}
#urunlerpage .item .alt {
display:flex;
align-items:center;
padding:24px 35px;
}
#urunlerpage .item .alt .adi {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color:#000;
margin-right:auto;
}
#urunlerpage .item .alt .ok {
font-size: 28px;
color:#000;
margin-left:30px;
transition:all 0.3s ease;
margin-right:10px;
}
#urunlerpage .item:hover .alt .ok {
margin-right:0px;
}
#urunlerpage .urundetay {
background:#fff;
padding:20px;
}
#urunlerpage .urundetay .yazilar {
display:flex;
height:100%;
flex-direction:column;
}
#urunlerpage .urundetay .yazilar .yazi1 {
font-size: 40px;
font-weight: 400;
line-height: 40px;
color:#000;
}
#urunlerpage .urundetay .resim {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:320px;
}
#urunlerpage .urundetay .resim img {
max-width:98%;
max-height:98%;
}
#urunlerpage .urundetay .resim2 {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:200px;
background: #f4f4f4;
margin-top:30px;
}
#urunlerpage .urundetay .resim2 img {
max-width:90%;
max-height:90%;
}
/*------------------katalog----------------------*/
#katalog {
padding:123px 0px 45px 0px;
}
#katalog .linkler {
text-align:left;
color:#fff;
}
#katalog .linkler a {
color:#fff;
}
#katalog .baslik {
font-size: 30px;
font-weight: 400;
line-height: 36px;
color:#fff;
margin-bottom:30px;
}
#katalog .item {
display: block;
position: relative;
background: #fff;
margin-bottom: 30px;
}
#katalog .item .sol {
width:50%;
display:flex;
flex-direction:column;
padding:20px 0px;
}
#katalog .item .sol .adi {
color: #ffffff;
font-size: 22px;
font-weight: 400;
line-height: 27px;
margin-bottom:auto;
}
#katalog .item .sol .buton {
display:flex;
align-items:center;
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 19px;
}
#katalog .item .sol .buton span {
display:flex;
align-items:center;
justify-content:center;
margin-right:10px;
width: 52px;
height: 52px;
border-radius:27px;
background: #f4f4f4;
font-size:20px;
color:#000;
}
#katalog .item .resim {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-bottom: 1px solid #f4f4f4;
}
#katalog .item .resim img {
width:100%;
padding: 3px;
}
#katalog .item .alt {
display: flex;
align-items: center;
padding: 24px;
height: 65px;
}
#katalog .item .alt .adi {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #000;
margin-right: auto;
}
/*------------------galeri----------------------*/
#galeri {
padding:123px 0px 45px 0px;
}
#galeri .linkler {
text-align:left;
color:#fff;
}
#galeri .linkler a {
color:#fff;
}
#galeri .baslik {
font-size: 30px;
font-weight: 400;
line-height: 36px;
color:#fff;
margin-bottom:30px;
}
#galeri .galericont {
column-count: 3;
column-gap: 10px;
}
#galeri .galericont .resim {
position:relative;
margin: 0;
display: grid;
grid-template-rows: 1fr auto;
margin-bottom: 10px;
break-inside: avoid;
}
#galeri .galericont .resim > img {
grid-row: 1 / -1;
grid-column: 1;
}
#galeri .galericont .resim img {
width:100%;
cursor:pointer;
}
#galeri .galericont .resim a {
position:absolute;
top:calc(50% - 32px);
left:calc(50% - 32px);
width: 64px;
height: 64px;
border-radius:32px;
background: #ffffff;
display:none;
align-items:center;
justify-content:center;
font-size:16px;
color:#000;
}
#galeri .galericont .resim:hover a {
display:flex;
}
/*------------------iletisimpage----------------------*/
#iletisimpage {
padding:123px 0px 45px 0px;
}
#iletisimpage .linkler {
text-align:left;
color:#fff;
}
#iletisimpage .linkler a {
color:#fff;
}
#iletisimpage .baslik {
font-size: 30px;
font-weight: 400;
line-height: 36px;
color:#fff;
margin-bottom:30px;
}
#iletisimpage .bilgi {
display:flex;
align-items:center;
flex-wrap:wrap;
margin-bottom:30px;
}
#iletisimpage .bilgi .yazi {
width: calc(100% - 72px);
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 24px;
}
#iletisimpage .bilgi .icon {
display:inline-flex;
align-items:center;
justify-content:center;
width: 60px;
height: 60px;
border-radius:30px;
border:1px solid rgba(255,255,255,0.2);
font-size:20px;
color:#fff;
margin-right:10px;
}
#iletisimpage .bilgi:hover .icon {
border:1px solid rgba(255,255,255,1);
color:#000;
background:#fff;
}
#iletisimpage .form {
position:relative;
z-index:10;
padding:30px;
background:#fff;
margin-bottom:-100px;
}
#iletisimpage .formbas {
font-size: 30px;
font-weight: 400;
line-height: 36px;
color:#000;
margin-bottom:30px;
}
#iletisimpage .buton {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height: 86px;
background:#000;
color: #ffffff;
font-size: 25px;
font-weight: 400;
line-height: 24px;
border:0px;
}
#iletisimpage iframe {
width:100%;
height:400px;
}