/* ==============================================
RESET -->
=============================================== */
html, body{ width:100%; max-width: 100%; height:auto; padding:0; margin:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering:optimizeLegibility; text-rendering: geometricPrecision; }
body{ overflow-x: hidden !important; overflow-y: scroll; -webkit-tap-highlight-color:rgba(0,0,0,0.3); font-style: normal; font-weight: 400; font-size: 14px; font-family: 'Montserrat', sans-serif !important; -webkit-font-smoothing:antialiased; line-height: 30px; letter-spacing: 0px; color: #000;    background-color: #fff;}
section, .cover{ background-size:cover; background-position: center center; background-repeat: no-repeat; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{ -webkit-text-size-adjust:none; }
/* Undragable Images */
img{display: block; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-user-drag: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,p{ color: inherit; font-variant-ligatures: common-ligatures; padding:0; margin:0; }
ol, ul{ list-style: none; padding: 0; }
a, a:hover, a:focus, button, button:hover, button:focus{ text-decoration: none; color: inherit;}
*{ border:0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:hover, *:focus{ outline:none !important; }
.container{max-width: 1170px;}
h6{font-size: 14px;}
section{overflow: hidden; position: relative;}
#outerCircleText div div {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: #F22B3E;
}
/* End Required */
/* End Circle Text Styles */

/* NOTE: Site foont settings */
h1{font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: 0.86px; line-height: 73px; font-size: 60px; color: #4A4A4A;}
p{font-family: 'Montserrat', sans-serif; font-weight: 400; letter-spacing: 0.24px; line-height: 24px;}
.p2{font-weight: 500;font-size: 16px; color: #4A4A4A; letter-spacing: 0.22px; max-width: 460px; padding-top: 10px;}

/* Preloader */
.ctn-preloader { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: default; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; z-index: 9000;}
#preloader .animation-1{max-width: 100px;}




.ctn-preloader .animation-preloader {z-index: 1000;}
.ctn-preloader .loader { position: fixed; top: 0; width: 130%; height: 100%; font-size: 0; z-index: 1; pointer-events: none;}
.ctn-preloader .loader .row {height: 100%;}
.ctn-preloader .loader .loader-section .bg { background-color: #fff; height: 100%; left: 0; width: 100%; -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);}
.ctn-preloader .loader.dark_bg .loader-section .bg {background: #fff;}
.ctn-preloader.loaded .animation-preloader { opacity: 0; -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out;}
.ctn-preloader.loaded .loader-section .bg { width: 0; -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1); -o-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1); transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);}
/*====================================================*/

/* NOTE: INDEX PAGE */
.home-background-index img{position: absolute !important;}
.ext-p{font-family: 'Montserrat', sans-serif; font-weight: 500; letter-spacing: 0px; line-height: 18px;}
.index-page{position: relative; width: 100%; height: 100vh; overflow: hidden;}
#wrapper{z-index: -1;}
#myPlayer{opacity: 0.5;}
.home-page{background-color: #000; overflow-y: hidden;}
.home-background img{position: relative; top: 0; width: auto; height: 100vh;}
.mobile{display: none;}
.web-1440{display: none;}
.top-title-description p{position: fixed; top: 23px; left: 120px; font-weight: 600;}
.top-bottom-description p{position: fixed; bottom: 23px; left: 120px; font-weight: 600;}
.bottom-more-icon img{position: absolute; bottom: 25px; left: 47%; max-width: 20px;}
@media (max-width: 1440px){
.web{display: none;}
.web-1440{display: block;}
}
@media (max-width: 768px){
  .home-background img{width: 101vw;}
  .top-title-description p{color: #fff; right: 20px;left: auto; font-size: 12px; top: 20px; position: absolute;}
  .top-bottom-description p{left: 55px; bottom: 19px;}
  .bottom-more-icon img{bottom: 25px;max-width: 15px; left: 87%;}
  #outerCircleText div div{display: none;}
  .home-background img{left: 0;}
  .web{display: none;}
  .web-1440{display: none;}
  .mobile{display: block;}
  .top-bottom-description p{position: absolute;}
}

.top-title-description span{text-decoration: underline;}
/* NOTE: NELER YAPIYORUZ */
.neler-yapiyoruz{background-image: url(../images/neler-yapiyoruz.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.right-elements{position: absolute; right: 3%; width: 100%; height: 100%; top: 0;}
.right-elements-services{width: 30%;}
.right-elements-social{left: 60%;}
.right-elements-marka{height: 100vh; overflow: auto;}
.right-elements .elements{top: 50%; position: relative; will-change: transform; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.right-elements .elements .element{ display: flex;}
.right-elements .elements .element-left{margin:30px 0 30px -100px;}
.right-elements .elements .element .element-description{padding: 20px;}
.right-elements .elements .element .element-description a{font-weight: 900; font-size: 16px; color: #FFFFFF; letter-spacing: 0;}
.right-elements .elements .element .element-description p{ font-size: 14px; color: #FFFFFF; letter-spacing: 0; max-width: 225px; line-height: 18px; padding-top: 5px; font-weight: 600;}

@media (max-width: 768px){
  .right-elements{height: auto; top: 100%; left: 0; padding: 40px 0 40px 40px;background-color: #fafafa; width: 100%;}
  .right-elements .elements .element .element-description{padding: 15px 0 0 20px;max-width: 230px;line-height: 22px;}
  .right-elements .elements .element .element-img img{max-width: 90px;    margin-top: 15px;}
  .right-elements .elements .element .element-description p{max-width: 190px;}
  .right-elements .elements .element{margin: 0; margin-top: 20px;background-color: #fafafa;}
  .right-elements .elements .element-services{background-color: #fafafa !important;}
  .mobile-margin{margin-top: 0 !important;}
  .top-bottom-description-2 p{top: 94%; position: absolute;}
  .bottom-more-icon-2{display: none;}
  .right-elements .elements .element .element-description a, .right-elements .elements .element .element-description p{color: #404041;}
  .elements-transform-none{transform: none !important;}
  .right-elements-marka{overflow: initial;}
}

/* NOTE: WEB & MOBILE */
.web-mobile{background-image: url(../images/web-mobile-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100vh;}
.home-background-2{position: fixed; width: 60%; height: 100vh; background-color: #fff; left: 0; top: 0; overflow: hidden; transform: skewX(22deg) translateX(0);transform-origin: bottom left;    justify-content: center;}
.home-background-2 .home-background-description{transform: skewX(-22deg) translateX(0); position: absolute; top:39%; left: 20%;}
.home-background-2 .home-background-description-marka{left: 30%;}
.home-background-description-about{top: 30% !important; left: 30% !important;}
.home-background-description-social-media{top: 38% !important;}
.web-mobile-elements{display: block !important;}
.element-logos{display: flex; padding: 25px 0; max-width: 33%;}
.element-logos a{padding: 25px;max-width: 150px; min-width: 150px; margin: 0 auto;}
.element-logos .first-none-img{margin-left: 0;}
.home-background-description-web-mobile{left: 30% !important;}

@media (max-width: 768px){
  .element-logos{padding:0; max-width: 100%;}
  .element-logos a{min-width: 110px;}
  .web-mobile-elements .element-logos img{max-width: 70px !important; padding: 0; margin: 0 auto;}
  .home-background-2{width: 100%;}
  .web-mobile .home-background-2 .home-background-description h1{font-size: 40px; line-height: 40px;}
  .home-background-2 .home-background-description{left: 40%;}
  .web-mobile .right-elements{left: 3%;}
  .home-background-2 .home-background-description{top: 47%;}
  .home-background-description-web-mobile{left: 43% !important;}
  .element-logos a{padding-left: 15px;}
  .right-elements-web-mobile{background-color: #F22B3E;height: 100%;padding: 15px 0 15px 40px;}
  .home-background-description-sosyal-medya{top: 25% !important;}
  .home-background-description-about h1{font-size: 30px !important;}
  .home-background-description-about p{font-size: 14px !important;}
  .home-background-about{transform: skewX(0) translateX(0);}
  .home-background-description-about{transform: skewX(0) translateX(0) !important;top: 25% !important;left: 15% !important; padding: 0 10px 0 0;}

}

/* NOTE: WEB-SITE */
.web-site .home-background-2{transform: skewX(0deg) translateX(0); width: 50%;}
.home-background-elit{width: 40% !important;}
.web-site .home-background-2 .home-background-description{transform: skewX(0deg) translateX(0);}
.bottom-scroll-icon img{left: 97% !important;}
.right-elements-web-sites-iframe{left: 50%;}
.right-elements-elit{right: 0%; width: 100%; left: 37%;}
.web-sites-iframe{position: relative; right: 0; width: 50%; height: 100vh; z-index: 0;}
.web-sites-iframe-elit{width: 63%;}
.web-sites-iframe iframe{width: 100%; height: 100vh; overflow: scroll;}
@media (max-width: 768px){
  .web-site .web-sites-iframe{bottom: 0;}
  .web-site .web-sites-iframe {width: 100%;}
  .web-site .home-background-2{width: 100% !important;}
  .web-site .home-background-2 .home-background-description{left: 17%; top: 44%;}
  .web-site .home-background-2 .home-background-description p{max-width: 250px;}
  .right-elements-web-sites-iframe{left: 0;}
  .web-sites-iframe{width: 100%;}
}

/* NOTE: TEAM */
.ekip{background-image: url(../images/ekip-bg.jpg);}
.right-elements-team{top: 0; left: 50%; overflow: auto;}
.right-elements-team .elements .element .element-img img{max-width: 180px;}
.right-elements-team .elements .element .element-description h6{font-size: 11px;color: #4A4A4A;letter-spacing: 0; background-color: #fff; padding: 5px 10px;}
.right-elements-team .elements .element .element-description p{color: #4A4A4A; background-color: #fff; padding: 5px; position: absolute; left: -25px;}
.right-elements-team .elements .element .element-description{padding: 0; position: absolute; bottom: 40px;left: 10px; text-align: center;}
.right-elements-team .elements .element .element-description-2{left: 70px;}
.right-elements-team .elements .element .element-description-2 p{left: -20px;}
.right-elements-team .elements .element .element-description-3{left: -25px; top:50px;}
.right-elements-team .elements .element .element-description-3 p{left: -22px; width: 95px;}
.right-elements-team .elements .element .element-description-5{right: -100px; left: auto;}
.right-elements-team .elements .element .element-description-5 p{left: -50px;}
.right-elements-team .elements .element .element-description-6 p{left: 0;width: 110px}
.right-elements-team .elements .element .element-description-6 h6{margin-left: -15px;}
.right-elements-team .elements .element .element-description-7{right: 0; left: auto;}
.right-elements-team .elements .element .element-description-8{left: 65px; bottom: 15px;}
.right-elements-team .elements .element{position: relative;}
.right-elements-team .elements{display: flex; height: 100%;}
.right-elements-team .elements .element{position: absolute;background-color: transparent;}
.right-elements-team .elements .element:nth-child(1){top: 8%; left: 7%;}
.right-elements-team .elements .element:nth-child(2){top: 10%; left: 25%;}
.right-elements-team .elements .element:nth-child(3){top: 28%; left: 13%;}
.right-elements-team .elements .element:nth-child(4){top: 28%; left: 32%;}
.right-elements-team .elements .element:nth-child(5){top: 40%; left: 1%;}
.right-elements-team .elements .element:nth-child(6){top: 50%; left: 17%;}
.right-elements-team .elements .element:nth-child(7){top: 50%; left: 32%;}
.right-elements-team .elements .element:nth-child(8){top: 64%; left: 3%;}
.right-elements-team .elements .element:nth-child(9){top: 74%; left: 17%;}
.right-elements-team .elements .element:nth-child(10){top: 75%; left: 33%;}
.right-elements-team .elements .element:nth-child(11){top: 89%; left: 3%;}
.right-elements-team .elements .element:nth-child(12){top: 97%; left: 17%;}
.right-elements-team .elements .element:nth-child(13){top: 97%; left: 32%;}
@media (max-width: 768px){
  .right-elements-team{top: 100%; left: 0; overflow: initial;height: 100%;}
  .right-elements-team .elements .element .element-img img{max-width: 130px;}
  .ekip .right-elements-team{position: absolute; left: 0;}
  .right-elements-team .elements .element:nth-child(1){top: 5%; left: 53%;}
  .right-elements-team .elements .element:nth-child(2){top: 32%; left: 5%;}
  .right-elements-team .elements .element:nth-child(3){top: 52%; left: 53%;}
  .right-elements-team .elements .element:nth-child(4){top: 73%; left: 17%;}
  .right-elements-team .elements .element:nth-child(5){top: 100%; left: 26%;}
  .right-elements-team .elements .element:nth-child(6){top: 125%; left: 5%;}
  .right-elements-team .elements .element:nth-child(7){top: 147%; left: 53%;}
  .right-elements-team .elements .element:nth-child(8){top: 171%; left: 5%;}
  .right-elements-team .elements .element:nth-child(9){top: 190%; left: 50%;}
  .right-elements-team .elements .element:nth-child(10){top: 215%; left: 18%;}
  .right-elements-team .elements .element:nth-child(11){top: 240%; left: 51%;}
  .right-elements-team .elements .element:nth-child(12){top: 267%; left: 6%;}
  .right-elements-team .elements .element:nth-child(13){top: 293%; left: 50%;}
  .right-elements-team .elements .element .element-description{bottom: 10px; top: auto;}
  .right-elements-team .elements .element .element-description-3{left: 20px;}
  .right-elements .elements .element .element-description p{font-size: 12px;}
}






/* NOTE: SOCIAL MEDIA */
.social-media{background-image: url(../images/social-media-bg.jpg);}
.home-background-sosyal-medya{width: 50%;}
.home-background-sosyal-medya, .home-background-sosyal-medya .home-background-description{transform: none;}
.social-media .bottom-more-icon img{left: auto;right: 30px;}
.right-elements-social-media{left: 50%; background-color: #fafafa;}
.instagram-title .logo{display: flex;flex: 1.2 0 0;}
.company-name-button{flex: 2.3 0 0; display: flex;}
.company-name-button p{margin: 10px 20px 0 0; font-weight: 600;}
.company-name-button a{padding: 7px 40px;background-color: #3897f0; color: #fff; border-radius: 5px;}
.instagram-title .logo img{max-width: 100px;object-fit: contain; padding-top: 10px;}
.instagram-title .logo .instagram-icon{padding: 0 10px 8px 0; max-width: 36px; margin-right: 20px;}
.icon-after{padding-top: 10px;position: relative;}
.instagram-title .logo .icon-after:after{content: ''; position: absolute; width: 1px; height: 30px; background-color: #a0a0a0;left: 43px; top: 9px;}
.right-elements-social-media .instagram-title{display: flex;padding: 20px 0 20px 25px; border-bottom: 1px solid rgba(var(--b6a,219,219,219),1);}
#instafeed {display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;}
.instagram-post{position: relative; height: 100%; margin-top: 50px;}
#instafeed a { position: absolute;padding: 10px}
#instafeed a img{;max-width: 290px; max-height: 290px; min-height: 290px; min-width: 290px; object-fit: cover;}
#instafeed a:nth-child(1){top: 0; left: 1%; }
#instafeed a:nth-child(2){top: 0; left: 17%; }
#instafeed a:nth-child(3){top: 0; left: 33%; }
#instafeed a:nth-child(4){top: 31%; left: 1%; }
#instafeed a:nth-child(5){top: 31%; left: 17%; }
#instafeed a:nth-child(6){top: 31%; left: 33%; }
#instafeed a:nth-child(7){top: 62%; left: 1%; }
#instafeed a:nth-child(8){top: 62%; left: 17%; }
#instafeed a:nth-child(9){top: 62%; left: 33%; }
@media (max-width: 1680px){
  #instafeed a img{max-width: 256px; min-width: 256px;}
  .company-name-button{flex: 2.5 0 0;}
  .home-background-2 .home-background-description{top: 38%;}
}
@media (max-width: 1440px){
#instafeed a img{max-width: 220px; max-height: 220px; min-height: 220px; min-width: 220px;}
#instafeed a:nth-child(1){top: 0; left: 1%; }
#instafeed a:nth-child(2){top: 0; left: 17%; }
#instafeed a:nth-child(3){top: 0; left: 33%; }
#instafeed a:nth-child(4){top: 28%; left: 1%; }
#instafeed a:nth-child(5){top: 28%; left: 17%; }
#instafeed a:nth-child(6){top: 28%; left: 33%; }
#instafeed a:nth-child(7){top: 56%; left: 1%; }
#instafeed a:nth-child(8){top: 56%; left: 17%; }
#instafeed a:nth-child(9){top: 56%; left: 33%; }
.company-name-button{flex: 2.9 0 0;}
.home-background-2 .home-background-description{top: 46%}
}
@media (max-width: 768px){
  .home-background-2{position: absolute;}
  .right-elements-social-media{left: 0;overflow: hidden;padding: 0 10px 0;}
  .company-name-button a{padding: 7px 15px;}
  .right-elements-social-media .instagram-title{    padding: 20px 0 20px 15px;}
  .instagram-mobile{display: none;}
  .instagram-title .logo .icon-after:after{display: none;}
  #instafeed a{position: relative;left: auto !important;}
  #instafeed a img{max-width: 337px;}
}



/* ABOUT */
.hakkimizda{background-image: url(../images/about-bg.jpg);}






/* NOTE: CONTACT */
.transform-z{transform: rotateZ(180deg);}
.home-contact{background-image: url(../images/talya-map.svg);}
.home-contact .contact-bg{box-shadow: 20px 0 30px -10px rgba(0,0,0,0.2); width: 50%;}
.home-contact .contact-bg p{font-size: 20px;}
.home-contact .contact-bg .address{padding: 50px 0 0;}
.home-contact .contact-bg .address h6, .home-contact .contact-bg .address p, .home-contact .contact-bg .address a{ font-size: 12px; color: #F22B3E; letter-spacing: 0.18px;}
.home-contact .contact-bg .address p, .home-contact .contact-bg .address a{color: #404041; line-height: 15px; padding: 0}
.home-contact .contact-bg .address p{padding-top: 3px;}
.home-contact .contact-bg .phone{padding: 20px 0 0;}
.home-contact .contact-bg .address .address-phone{line-height: 15px;}
.home-contact .contact-bg .phone h6{padding-bottom: 3px;}
.contact-social{display: grid; padding-top: 50px;}
.contact-social a{padding: 0 0 15px 0 !important;}
.home-background-description-contact{top: 20% !important; left: 35% !important;}
.contact-icon{left: 45% !important;}
.map-button{font-size: 13px;color: #FFFFFF;letter-spacing: 0; background-color: #F22B3E; box-shadow: 0px 15px 10px -10px rgba(242,43,62,0.3); padding: 8px 50px;}
.map-button:hover{color: #fff;}
.contact-right-elements .contact-element{left: 3%; top: 55%;}
.right-elemenets-mobile-show{display: none;}
.contact-right-elements{width: 30%;}
@media (max-width: 768px){
  .home-contact{height: 200vh; max-height: 200vh;background-image: none;}
  .contact-right-elements{display: none;}
  .right-elemenets-mobile-show{display: block;}
  .home-contact .contact-bg{width: 100%;}
  .home-background-description-contact, .contact-bg{transform: none !important;}
  .home-background-description-contact{left: 20% !important; top: 10% !important;}
  .right-elemenets-mobile-show img{height: 100vh; top: 50%; object-fit: cover; position: absolute;}
  .map-button-mobile{ position: absolute; top: 77%; left: 28%;}
  .top-title-description-mobile p{color: #404041 !important;}

.home-background-description-marka {top: 63% !important; left: 32% !important;}
.home-background-description-marka h1{font-size: 26px !important; line-height: 26px !important;}
.home-background-description-social-media{top: 55% !important; left: 36% !important;}

}
.new-right-elements{width: 35%;height: 90vh; overflow-x: auto; padding-top: 50px;}

.new-right-elements .col-md-4{padding: 30px 0;}
.new-right-elements .row{padding: 15px 0; margin: 0;}
.new-right-elements .melas{max-width: 70px !important;}
.new-right-elements img{max-width: 120px; margin: 0 auto;}
.raga-width{max-width: 90px !important}
.master-width{max-width: 130px !important; margin-top: 20px !important;}
.yildiz-width{max-width: 150px !important; margin-top: 30px !important;}
.merve-width{max-width: 150px !important;}
.ayak-width{margin-top: 30px !important;}
.cross-width{margin-top: 10px !important;}
.elit-width{margin-top: 20px !important;}
.deniz-width{max-width: 150px !important; margin-top: 20px !important;}
.demagro-width{max-width: 150px !important;margin-top: 30px !important;}
@media (max-width: 768px){
  .new-right-elements{padding-top: 0;}
.new-right-elements .elements .element{margin: 0; margin-top: 20px;background-color: #F22B3E;}
.new-right-elements{width: 95%; height: 100%; overflow: initial; background-color: #F22B3E;}
.melas{max-width: 60px !important;}
.bg-color-red{ background-color: #F22B3E !important;}
.new-right-elements img{max-width: 100px;}
.right-elements-marka{top: 120%;}
}
.home-marka{background-image: url(../images/marka-bg.jpg);}




@media (max-width: 1440px){
h1{font-size: 48px; line-height: 50px;}
p{font-size: 16px;}
.home-background-2 .home-background-description{top: 48%;left: 20%;}
.right-elements-team .elements .element .element-img img{max-width: 130px;}
.right-elements-services{padding: 30px 45px;}

.nav-menu nav::before{width: 63em;}
[id="navcheck"]:checked ~ nav::before{transform: skewX(17.5deg) translateX(0);}
.right-elements-services{width: 33%;right: 1%;}
}
@media (max-width: 768px){
.right-elements {width: 100%;}
}
::-webkit-scrollbar {
    display: none !important;
}


@media (max-height: 812px){
	.home-background-2 .home-background-description{top: 58%;}
}


.home-background-new{transform:none; width: 100%;}
.new-works{background-image: none; height: auto;}




 #wrapper-2 {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
}
 .content {
   display: flex;
   width: 100%;
   transition: 0.3s ease;
}

/* Tabs menu */
 .tabs {
   position: fixed;
   margin: 0;
   display: flex;
   width: 50%;
   padding-left: 60px;
    background-color: #fff;
    z-index: 9;
    overflow: auto;
    height: 100vh;
}

/* Tab Links */
 .tablinks {
   background: #fff;
   border: none;
   outline: none;
   cursor: pointer;
   position: relative;
   display: flex;
   overflow: hidden;
   transition: 0.3s ease;
   max-height: 300px;
   margin: 15px 0;
}
.tablinks img{max-width: 120px;min-height: 120px; max-height: 120px; margin: 0 auto;}
 
 .tablinks:before {
  /* Gradient */
   content: "";
   width: 100%;
   height: 0px;
   position: absolute;
   top: 0;
   left: 0;
   transition: 0.3s ease-in-out;
   z-index: 2;
}
/*tab buttons hover*/
 .tablinks:hover::before {
   height: 100%;
   z-index: 2;
   bottom: 0;
}

/* Tab active */
 .tablinks.active {
   z-index: 0;
   border-right: 0px;
   border-left: 0px;
   bottom: 0px;
   overflow: hidden;
}

 .tablinks.active:before {
  /* Gradient */
   content: "";
   width: 100%;
   height: 5px;
   top: 0;
   left: 0;
}
/* Tabs text */
 .tablinks.active p, .tablinks.active:hover p {
   opacity: 1;
   background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.tablinks .works-img{margin: 0 auto; background-color: #fafafa; padding: 40px;width: 100%;}
 .tablinks p {
   opacity: 0.6;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 2;
   transition: 0.5s ease;
   padding: 0;
   margin: 0;
   color: #686868;
   backface-visibility: hidden;
   font-weight: 400;
}

 .tablinks:hover p {
   color: white;
   opacity: 1;
}

 .tablinks:hover p:before {
   opacity: 0.1;
   font-size: 40px;
   top: -80%;
}
/* tab content */
 .wrapper_tabcontent {
   background-color: white;
   margin-top: 0px;
   position: relative;
   opacity: 1;
   overflow: hidden;
   transition: all 1s ease;
   top: 0;
       width: 100%;
}
 .tabcontent {
   display: none;
   width: 50%;
   float: right;
}
 @keyframes tabEffect {
   from {
     top: -40px;
  }
   to {
     top: 0px;
  }
}
 .tabcontent.active {
   transition: all 1s ease;
   display: block;
}
/* Tab content line */
 .wrapper_tabcontent:after {
   content: "";
   height: 5px;
   width: 100%;
   position: absolute;
   background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   left: 0;
   bottom: 0;
   z-index: -2;
   transition: all 1s ease;
}
/* Title */
 .tabcontent img {
   animation: city 1s ease;
}

 @keyframes city {
   from {
     left: -150px;
  }
   to {
     left: -90px;
  }
}
/* Text*/
 .tabcontent img {
   transition: all 1s ease;
   animation: fadeEffect 0.6s ease;
   width: 100%;
}

 @keyframes fadeEffect {
   from {
     opacity: 0;
     margin-left: 30px;
  }
   to {
     opacity: 1;
     margin-left: 0;
  }
}
 

.new-works-mobile{display: none;}
@media (max-width: 768px){
  .new-works-mobile{display: block; padding: 25px 30px 25px 60px;}
  .new-works{display: none;}
  .new-works-mobile .works-img img{max-width: 100px; margin: 0 auto;}
  .new-works-mobile .btn{background-color: #fafafa; margin-bottom: 15px; border-radius: 0; width: 100%; height: 150px;}
  .new-works-mobile .col-6{padding: 0 10px;}
  .new-works-mobile .modal-dialog{margin: 0;}
  .new-works-mobile .modal-dialog .close{opacity: 1; padding: 10px; margin: 0;background-color: rgba(0,0,0,0.1);}
  .new-works-mobile .modal-dialog .close span{font-weight: 100; font-size: 60px; color: #fff; line-height: 45px;}
  .new-works-mobile .modal-dialog .modal-body{padding: 0;}
  .new-works-mobile .modal-content .modal-header{position: fixed;top: 0;right: 10px;z-index: 1; border: none;}
  .btn.focus, .btn:focus{box-shadow: none;}
}

.home-background-corona{width: 60%;    transform: none;}
.home-background-corona .home-background-description-about{top: 12% !important;left: 12% !important;    transform: none;}
.corona-text-1{font-size: 30px;line-height: 33px;    max-width: 700px;}
.corona-text-2{font-size: 14px; max-width: 700px;}
.corona-img{width: 40%;float: right;}
.corona-img img{max-height: 100vh;min-height: 100vh;object-fit: cover;}

@media (max-width: 768px){
	.corona-text-3{padding-bottom: 50px;}
	.home-background-corona{width: 100%; overflow: auto; height: 100%; padding: 10px;}
	.home-background-corona .home-background-description-about{ top: 0% !important;padding: 10px 10px 50px;}
	.top-bottom-description-corona, .top-title-description-corona{display: none;}
}







.corona .corona-left-texts{padding: 100px 100px 0 150px;}
.corona .right-img{padding: 0;}
.corona .right-img img{max-height: 100vh; object-fit: cover;}
@media (max-width: 1440px){
	.corona .corona-left-texts{padding: 50px 50px 0 100px;}
}


@media (max-width: 768px){
	.corona .corona-left-texts{padding: 50px 50px 0 100px;}
	.corona .corona-left-texts {padding: 50px 50px 0 80px;}
    .corona .right-img{padding-left: 40px;}
}


.contact-menu{display: none;}


.float {
            position: fixed;
            width: 60px;
            height: 50px;
            bottom: 0;
            left: 0;
            color: #404041;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            z-index: 100;
        }
        
       

        .float:hover{color: #c5c5c5;}



@media screen and (max-width: 768px){
  .float{width: 40px; height: 50px;}
}