:root{--black:#000000;--white:#ffffff;--green:#12fe3f;--blue:#1faae2;--pink:#d4105b;--muted:#7a7a7a;--container:1200px;--img-size: 30vmin;--orbit-x: 500vmin;--orbit-y: 180vmin;}

@font-face {
    font-family: 'GothamBold';
    src: url("/fonts/gotham-bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Futura';
    src: url('/fonts/futura.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Futura', sans-serif;
   
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'GothamBold', sans-serif;
    font-weight: bold;
}
h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2rem}h4{font-size:1rem}
::-webkit-scrollbar{width: 10px;}
  ::-webkit-scrollbar-track {background: #242526;}
  ::-webkit-scrollbar-thumb {background: #3A3B3C;}
*{box-sizing:border-box}html,body{margin:0;color:var(--black);background:#bfccc0;-webkit-font-smoothing:antialiased}
.container{max-width:var(--container);margin:0 auto;padding:0 24px;}
.gallery {margin-left: 30rem;margin-top: 3rem;--s: 300px;display: grid;transform-style: preserve-3d;--_p: perspective(calc(50*var(--s)));animation: r 19s infinite cubic-bezier(.5,-0.5,.5,1.5);animation-play-state:paused;}
.gallery:hover{animation-play-state:running;}
.gallery img {grid-area: 1/2;width: var(--s);aspect-ratio: 1;object-fit: cover;transform: var(--_t,) translateZ(calc(var(--s)/2));}
.gallery img:nth-child(2) {--_t: rotateX(-90deg)}
.gallery img:nth-child(3) {--_t: rotateY( 90deg)}
.gallery img:nth-child(4) {--_t: rotateX(180deg) rotate( 90deg)}
.gallery img:nth-child(5) {--_t: rotateX( 90deg)}
.gallery img:nth-child(6) {--_t: rotateY(-90deg)}
@keyframes r {0%,3%   {transform: var(--_p) rotate3d(0, 0, 0, 0deg)}14%,19% {transform: var(--_p) rotate3d(-1, 1, 0, 180deg)}31%,36% {transform: var(--_p) rotate3d(0, -1, 0, 90deg)}47%,52% {transform: var(--_p) rotate3d(1, 0, 0, 90deg)}64%,69% {transform: var(--_p) rotate3d(1, 0, 0, -90deg)}81%,86% {transform: var(--_p) rotate3d(0, 1, 0, 90deg)}97%,100%{transform: var(--_p) rotate3d(0, 0, 0, 0deg)}}

body {place-content: center}
#loader {
    position: fixed;
    inset: 0;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    overflow: hidden;
    transition: opacity .7s ease, transform .7s ease;
}


.neon-haze {
    position: absolute;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, #00ff8850 0%, #000 70%);
    filter: blur(90px);
    transform: translate(-20%, -10%);
    animation: hazeMove 14s infinite ease-in-out;
}

@keyframes hazeMove {
    0% { transform: translate(-20%, -10%) scale(1.2); }
    50% { transform: translate(10%, 5%) scale(1.35); }
    100% { transform: translate(-20%, -10%) scale(1.2); }
}


.loader-center {
    text-align: center;
    width: 350px;
}


.loader-logo {
    width: 170px;
    opacity: 0;
    animation: logoSequence 4s ease forwards;
}

@keyframes logoSequence {
    0%   { opacity: 0; transform: scale(.9); filter: drop-shadow(0 0 0 #00ff88); }
    25%  { opacity: 1; transform: scale(1); }
    60%  { filter: drop-shadow(0 0 25px #00ff99); transform: scale(1.04); }
    90%  { filter: drop-shadow(0 0 10px #00ff99); }
    100% { opacity: 1; transform: scale(1); }
}


#loader-percent {
    color: #00ffbb;
    font-size: 34px;
    font-weight: 600;
    margin: 25px 0 15px 0;
    text-shadow: 0 0 18px #00ff8850;
}


.loader-bar {
    width: 100%;
    height: 8px;
    background: #1b1b1b;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 30px #00ff8850;
}


.loader-progress {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #00ff99, #00ffd0);
    border-radius: 30px;
    transition: width .15s ease-out;
    position: relative;
    z-index: 2;
}


.loader-glow {
    position: absolute;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;
    background: linear-gradient(to right, transparent, #ffffff70, transparent);
    animation: barGlow 1.8s infinite linear;
    z-index: 3;
}

@keyframes barGlow {
    0% { left: -40%; }
    100% { left: 100%; }
}
.loader-hide {
    opacity: 0;
    transform: scale(.93);
    pointer-events: none;
}


.slide {animation: b 19s infinite;padding: 8rem;background-image: url(../images/kutunun-arkasi.webp); background-size: auto;background-repeat:no-repeat ;}
.hero-inner{display:flex;align-items:center;gap:40px;}
.hero-text{max-width:480px;margin-top:-45rem;}
.hero-text h1{color: var(--white);margin-top: 120px;}
.tagline{color:var(--green);font-weight:700;font-size:20px;margin-bottom:12px}
.lead{color:rgba(255,255,255,0.9);line-height:1.6;margin-bottom:18px}
.btn{display:inline-block;background:var(--green);color:var(--black);padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:700}
.mega-box .row img {opacity: 0;transition: opacity 0.5s ease;}
  .mega-box .row img.show {opacity: 1;}
  .mega-box .row a:hover{box-shadow: 0 6px 10px #ffffff;color: #00ff2f;font-size: 15px;  }
nav{position: fixed;z-index:100;width: 100%;background: var(--black);}
nav .wrapper{position: relative;max-width: 1300px;padding: 0px 30px;height: 70px;line-height: 70px;margin: auto;display: flex;align-items: center;justify-content: space-between;}
.nav-anim-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; 
  pointer-events: none;
  z-index: -1; 
}

.nav-anim-container::before {
  content: '';
  position: absolute;
  top: -220%;
  left: -5%;
  width: 100%;
  height: 200%;
  background: linear-gradient(2deg, transparent, transparent 30%, var(--green));
  transform: rotate(-10deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.nav .wrapper:hover .nav-anim-container::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}
.wrapper .nav-links{display: inline-flex;z-index: 200;}
.nav-links li{list-style: none;}
.nav-links li a{color: var(--white);text-decoration: none;font-size: 18px;font-weight: 500;padding: 9px 15px;border-radius: 5px;transition: all 0.3s ease;}
.nav-links li a:hover{overflow: auto;background: #3A3B3C;color: var(--green);font-size: 20px;box-shadow: 0 6px 10px var(--green); }
.nav-links .mobile-item{display: none;}
.nav-links .mobile-item:hover{background: #3A3B3C;color: var(--green);font-size: 20px;box-shadow: 0 6px 10px var(--green);}
.nav-links .drop-menu{position: absolute;background: #242526;width: 480px;line-height: 45px;top: 85px;opacity: 0;visibility: hidden;box-shadow: 0 6px 10px rgba(0,0,0,0.15);}
.drop-menu li a:hover{box-shadow: 0 6px 10px #ffffff;color:var(--white);font-size: 17px;}
.nav-links li:hover .drop-menu,.nav-links li:hover .mega-box{transition: all 0.3s ease;top: 70px;opacity: 1;visibility: visible;}
.drop-menu li a{width: 450px;display: block;padding: 0 0 0 15px;font-weight: 400;border-radius: 0px;}
.mega-box{position: absolute;left: 0;width: 100%;padding: 0 1px;top: 85px;opacity: 0;visibility: hidden;}
.mega-box .content{background: #242526;padding: 5px 1px;display: flex;width: 100%;justify-content: space-between;box-shadow: 0 6px 10px rgba(0,0,0,0.15);}
.mega-box .content .row{width: calc(25% - 25px);line-height: 45px;}
.content .row img{width: 99%;height: 100%;object-fit: cover;}
.content .row header{color: var(--white);font-size: 15px;font-weight: 100;}
.content .row .mega-links{margin-left: -40px;border-left: 1px solid rgba(255,255,255,0.09);}
.row .mega-links li{padding: 0 10px;}
.row .mega-links li a{color: var(--white);font-size: 13px;display: block;}

.wrapper .btn{color: var(--white);font-size: 20px;cursor: pointer;display: none;}
.wrapper .btn.close-btn{position: absolute;right: 30px;top: 10px;}
.video{margin-left: 2.5%;margin-right: 2.5%; width: 95%;height:500px;}
.onecıkan .buton1 {display: none;position: fixed;z-index: 11;left: 0;top: 0;width: 100%;height: 100%;overflow: scroll;background-color: rgb(0, 0, 0, 0.9);transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s;   }
.onecıkan .modal-content {background-color: #fefefe;margin: 8% auto;width: 25%;box-shadow: 3px 3px 3px 3px rgb(42, 240, 2),  -1rem 0 0.4rem rgb(0, 0, 0);}
.onecıkan .modal-content img{width:100%;margin-left: 0;margin-top: -6%;z-index: 10000;}
.onecıkan .popup1{width: 80%;height: 200px;color: white;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;border-radius: 15px;transition: all 0.5s ease;margin: 1% 10%;  animation: image-appear ease-in both;animation-timeline: view(); animation-range: entry 50% 10rem;}
.onecıkan .popup1::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: linear-gradient(0deg,transparent,transparent 30%,var(--green));transform: rotate(-45deg);transition: all 0.5s ease;opacity: 0;}
.onecıkan .popup1:hover {transform: scale(1.05);box-shadow: 0 0 20px rgba(0, 0, 0,10);background-size: auto;}
.onecıkan .popup1:hover::before {opacity: 1;transform: rotate(-45deg) translateY(100%);}
.onecıkan .popup1 b{background-color: black;}
.about {margin-top: 12rem;background: url("images/background_line.jpg");}
.about p{margin-left: 2vh;margin-bottom: 2rem;font-size: 5vh;}
.about h2{margin-left:50vh;font-size: 9vh;}
.about img{animation: image-appear ease-in both;animation-timeline: view();animation-range: entry 50% 20rem;}@prefers-reduced-motion {p, h2, h3, blockquote, hr, img{animation: none;}}@keyframes image-appear {from {filter: saturate(0) contrast(4) brightness(.1) blur(3px);opacity: 0;scale: .95;translate: 0 4rem;}}
.about .vizyon .vizyon1{width: 75vh; margin-left: 37vh;margin-bottom: -9.5vh;}
.about .vizyon .vizyon2{float: right;width: 100vh;height: 125vh;margin-top: -28vh;}
.about .misyon .misyon1{width: 75vh;margin-left: 120vh;}
.about .misyon .misyon2{float: left;width: 120vh;height: 100vh;margin-top: -20vh;margin-left: -20vh;}
.about .misyon h2{float: right;margin-right: 7vh;margin-top: -4vh;}
.about .hak .hak1{width: 75vh;margin-left: 55vh;margin-bottom: -8vh;}
.about .hak2{float: right; width: 120vh;height: 150vh;margin-top: -10vh;}
.about .misyon p{margin-top: 6vh; margin-right: 4vh;text-align: right}
.cart-page {margin-top: 28px;width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;
padding:20px;box-sizing: border-box;position: relative;}
.cart-bas .cart-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.cart-bas h2 {position: relative;z-index: 2;}
.cart.active .cart-bas {height: 300px;}
.cart.active .cart-img {width: 100%;height: 200px;object-fit: cover;}
.cart-bas:hover{color: var(--green);font-size: 20px;transition: all 0.3s ease;opacity: 1;}
.cart:hover{transform:translateY(-10px);box-shadow: 0px 10px 10px var(--green);}
.cart {background: rgb(255, 255, 255);width: 100%;height: 200px;overflow: hidden;position: relative;border-radius: 10px;cursor: pointer;z-index: 2;transform-origin: top center;}

.cart.active {width: 1000px;height: 500px;overflow: auto;transform: scale(1.05);z-index: 20;text-align: center;justify-content: center;align-items: center;
  position: relative;}
.cart.blur {filter: blur(4px) brightness(0.8);}
.cart-bas {background-color: var(--white);width: 100%;height: 200px;
  background-size: cover;align-items: center;justify-content: center;display:flex;text-align: center;}
.cart-text p {margin-top: -100px;}

.overlay {position: fixed;
  top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.35);opacity: 0;pointer-events: none;  transition:opacity 0.3s ease;z-index: 5;}
.overlay.active {opacity: 1;pointer-events: auto;}
.nav input{display: none;}
.logo{width: 430px;height: 100px;margin-top: 70px;}
.cards-grid{margin-top: 28px;width: 100%;max-width: 1200px;margin-left: auto;margin-right: auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;
padding:20px;box-sizing: border-box;position: relative;}

.referans .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,0.5fr));gap:10px;margin-top:28px;}
.card{background:var(--white);border-radius:12px;padding:10px;box-shadow:0 8px 30px rgba(0,0,0,0.06);transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s}
.card h3{color:var(--black);margin-bottom:8px}
.card p{color:var(--black);line-height:1.5;font-size:15px}
.card:hover{transform:translateY(-10px);  box-shadow: 0px 10px 10px #d4105b;}
.cards-grid1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:28px}
.referans .cards-grid1{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,0.5fr));gap:10px;margin-top:28px;}
.card1{background:var(--white);border-radius:12px;padding:10px;box-shadow:0 8px 30px rgba(0,0,0,0.06);transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s}
.card1 h3{color:var(--black);margin-bottom:8px}
.card1 p{color:var(--black);line-height:1.5;font-size:15px}
.card1:hover{transform:translateY(-10px);  box-shadow: 0px 10px 10px #d4105b;}
.services-section .cards-grid{margin-top:18px}
.contact-page .container {max-width: 480px;}
.contact-page h1 {font-size: 34px;font-weight: 800;color: #000;margin-bottom: 20px;line-height: 1.3;position: relative;}
.contact-page h1::after {content: "";width: 140px;height: 6px;background: #12FE3F;position: absolute;left: 0;bottom: -6px;border-radius: 3px;}
.contact-form {display: flex;flex-direction: column;gap: 18px;}
.contact-form input,.contact-form textarea {padding: 15px;width: 100%;border-radius: 10px;border: none;outline: none;background: #f1f4f7;font-size: 15px;color: #333;transition: 0.2s ease;}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #a8a8a8;   /* soluk gri */
}
.contact-form input:focus,
.contact-form textarea:focus {
    background: #e7ecf0;
    box-shadow: 0 0 0 2px #12fe3f55;
}
.contact-form .btn {
    background: #12FE3F;
    padding: 15px;
    border-radius: 10px;
    border: none;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: 0.2s;
    margin-top: 10px;
}
.contact-form .btn:hover {
    filter: brightness(0.9);
}
.footer{background:var(--black);color:var(--white); text-align: center; padding:8px 0;align-items: center;}
.footer-logo{height:100px;}
.footer .container {display: inline;float: left;background-color: var(--black);width: 50%;margin-left: 0%;text-align: left;}
.footer .container h2{color: var(--green);}
.footer .container .harita{display:  inline;  width: 50%;}
.footer1{background:var(--black);color:var(--white);text-align: center; padding:8px 0;align-items: center;}
.footer1 img{align-items: center;width: 100px;height: 100px;margin-top:10px;}
.section{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity}
.section.visible{opacity:1;transform:none}
.more-link{margin-top:18px;text-align:right}
.link{color:var(--w);text-decoration:none;font-weight:700}
.media{position:relative ;padding: 5rem;background-color: var(--black);}
.media div {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;padding: 0;display: flex;}
.media div > li {list-style: none;margin: 0 40px;}
.media div > li .fa {font-size: 40px;color: #262626;line-height: 60px;transition: 0.5s;}
.media div > li a {position: relative;display: block;width: 60px;height: 60px;background-color: var(--white);text-align: center;transform: perspective(100px) rotate(-30deg) skew(20deg) translate(0, 0);transition: all 0.7s;box-shadow: -20px 20px 10px rgb(0, 0, 0, 0.5);}
.media div > li a::before {content: "";position: absolute;top: 10px;left: -20px;height: 60px;width: 20px;background: #b1b1b1;transition:0.5s;transform: rotate(0deg) skewY(-45deg);}
.media div > li a::after {content: "";position: absolute;top: 60px;left: -11px;height: 20px;width: 60px;background: #b1b1b1;transition: all 1s;transform: rotate(0deg) skewX(-45deg);}
.media div > li a:hover {
  transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);}
.media div > li:hover .fa {color: #fff;}
.media div > li a:hover {transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);}
.media div > li:hover:nth-child(4) a {background: #ff0000;}
.media div > li:hover:nth-child(4) a:before {background: #b10f0f;}
.media div > li:hover:nth-child(4) a:after {background: #a70606;}
.media div > li:hover:nth-child(3) a {background: linear-gradient(#400080, transparent),linear-gradient(200deg, #5ac1e1, #02589b, #0077ff);}
.media div > li:hover:nth-child(3) a:before {background: linear-gradient(#400080, transparent),linear-gradient(200deg, #5ac1e1, #02589b, #0077ff);}
.media div > li:hover:nth-child(3) a:after {background: linear-gradient(#400080, transparent),linear-gradient(200deg, #5ac1e1, #02589b, #0077ff);}
.media div > li:hover:nth-child(2) a {background: #0077b5;}
.media div > li:hover:nth-child(2) a:before {background: #036aa0;}
.media div > li:hover:nth-child(2) a:after {background: #0d82bf;}
.media div > li:hover:nth-child(1) a {background: linear-gradient(#400080, transparent),linear-gradient(200deg, #d047d1, #ff0000, #ffff00);}
.media div > li:hover:nth-child(1) a:before {background: linear-gradient(#400080, transparent),linear-gradient(200deg, #d047d1, #ff0000, #ffff00);}
.media div > li:hover:nth-child(1) a:after {background: linear-gradient(#400080, transparent),linear-gradient(200deg, #d047d1, #ff0000, #ffff00);}
@media screen and (max-width: 850px) {
  .onecıkan .modal-content {width: 100%;}
  h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1rem}h4{font-size:0.5rem}
  .onecıkan .popup1{width: 100%;height: 150px !important;background-repeat: no-repeat;background-size:230% !important;background-position: center !important;margin: 1% 1%;}
  .video{height:250px;}
  .cart.active {width: 100%;height: 500px;}
  .wrapper .btn{display: block;}
  .wrapper .nav-links{position: fixed;height: 100%;width: 100%;max-width: 800px;top: 0;left: -100%;background: #242526;display: block;padding: 50px 10px;line-height: 50px;overflow-y: auto;box-shadow: 0px 15px 15px rgba(0,0,0,0.18);transition: all 0.3s ease;}
  ::-webkit-scrollbar{width: 10px;}
  ::-webkit-scrollbar-track {background: #242526;}
  ::-webkit-scrollbar-thumb {background: #3A3B3C;}
  #menu-btn:checked ~ .nav-links{left: 0%;}
  #menu-btn:checked ~ .btn.menu-btn{display: none;}
  #close-btn:checked ~ .btn.menu-btn{display: block;}
  .nav-links li{margin: 15px 10px;}
  .nav-links li a{padding: 0 20px;display: block;
    font-size: 13px;text-align: center;}
  .nav-links .drop-menu{position: static;opacity: 1;top: 65px;visibility: visible;padding-left: 20px;width: 100%;max-height: 0px;overflow: hidden;box-shadow: none;transition: all 0.3s ease;}
  #showDrop:checked ~ .drop-menu,#showMega:checked ~ .mega-box{max-height: 100%;}
  .nav-links .desktop-item{display: none;}
  .nav-links .mobile-item{display: block;color: var(--white);font-size: 13px;font-weight: 500;cursor: pointer;border-radius: 5px;transition: all 0.3s ease;
  text-align: center;}
  .nav-links .mobile-item:hover{background: #3A3B3C;}
  .drop-menu li{margin: 0;}
  .drop-menu li a{border-radius: 5px;font-size: 9px;}
  .mega-box{position: static;top: 65px;opacity: 1;visibility: visible;padding: 0 20px;max-height: 0px;overflow: hidden;transition: all 0.3s ease;}
  .mega-box .content{box-shadow: none;flex-direction: column;padding: 20px 20px 0 20px;  }
  .mega-box .content .row{width: 100%;margin-bottom: 15px;border-top: 1px solid rgba(255,255,255,0.08);}
  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2){border-top: 0px;  }
  .content .row header{font-size: 13px;text-align: center;}
  .cart-page{grid-template-columns: repeat(1, 1fr);}
  .cards-grid{grid-template-columns: repeat(1, 1fr);}
.referans .cards-grid{grid-template-columns:repeat(auto-fit,minmax(80px,0.3fr));gap:8px;margin-top:28px;}
.harita{width: 100px;margin-left: 25px;}
.gallery {margin-left: 0rem;margin-top: 20rem;--s: 100px;}
.hero-text{max-width:360px;margin-top:-55rem}
.media{width: 100%; height: 0px;}
.media div > li .fa {font-size: 30px;line-height: 40px;}
.media div > li a {width: 40px;height: 40px;}
.media div > li a::before {top: 10px;left: -20px;height: 40px;width: 20px;}
.media div > li a::after {top: 40px;left: -11px;height: 20px;width: 40px;}
.media div > li {margin: 0 20px;}
.about {margin-top: 30%}
.about p{margin-left: 3%;margin-bottom: 2rem;font-size: 60%;}
.about h2{margin-left:3%;font-size: 100%;}
.about .vizyon .vizyon1{width: 15vh; margin-left: 3%;margin-bottom:-1rem;height:5%}
.about .vizyon .vizyon2{width: 46%;height: 50%;margin-top: -20%;}
.about .misyon .misyon1{width: 40%;margin-left: 45%;margin-bottom:1%;}
.about .misyon .misyon2{width: 55%;height: 25vh;margin-top: -1vh;margin-left: -8%;}
.about .misyon h2{margin-right: 10%;margin-top: -1%;}
.about .hak .hak1{width: 40%;margin-left: 3%;margin-bottom: -5%;}
.about .hak2{width: 40%;height: 10%;margin-top: -4%;}
.about .misyon p{margin-top: 0%; margin-right: 3%;}}
.footer1{padding:3px 0;}
.footer .container {width: 100%;}