/* ****************Loading**********************/ .lds-facebook { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-facebook div { display: inline-block; position: absolute; left: 8px; width: 16px; background: #1A4990; animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; } .lds-facebook div:nth-child(1) { left: 8px; animation-delay: -0.24s; } .lds-facebook div:nth-child(2) { left: 32px; animation-delay: -0.12s; } .lds-facebook div:nth-child(3) { left: 56px; animation-delay: 0; } @keyframes lds-facebook { 0% { top: 8px; height: 64px; } 50%, 100% { top: 24px; height: 32px; } } /* ****************Loading**********************/ body{ border: 0; margin: 0; /* overflow-x: hidden; */ } a{text-decoration: none; color: inherit; } a:focus, a:hover { text-decoration: none; } body{margin: 0;} ul{list-style: none;} /* ****************header PC**********************/ .pc-header { height: 100px; width: 100%; background-color: white; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; } .page{ font-size: 0; width: 1px; height: 1px; display: inline-block; overflow: hidden; position: absolute!important; border: 0!important; padding: 0!important; margin: 0!important; clip: rect(1px,1px,1px,1px); } .icon-img-div a { display: flex; justify-content: flex-end; } .icon-img-div { height: 55%; width: 25%; display: flex; justify-content: flex-end; } .icon-img-div img { height: 100%; } .text-M-div { display: flex; width: 50%; justify-content: center; align-items: center; HEIGHT: 100%; } .text-s-div { margin-left: 2%; margin-right: 2%; display: flex; flex-direction: column; height: 100%; position: relative; justify-content: center; } .text-s-div p { margin: 0; font-size: 1.3vw; font-family: 'Bebas Neue', cursive; color: #4B4B4B; white-space: nowrap; cursor: pointer; } .lang-ling-div{ width: 25%; height: 100%; } .text-lang-phone-div{ height: 100%; display: flex; width: fit-content; position: relative; right: 15%; } .text-info-header-div{ display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #1A4990; } .text-phone-p{ margin: 0; font-size: 1.1vw; font-family: 'Bebas Neue', cursive; color: #ffffff; white-space: nowrap; margin-left: 3px; } .text-phone-p a:hover, .text-phone-p a:focus{ color: #ddd; } .text-email-p{ margin: 0; font-size: 0.8vw; font-family: 'Bebas Neue', cursive; color: #ffffff; white-space: nowrap; margin-left: 10px; margin-right: 10px; } .text-email-p a:hover, .text-email-p a:focus, .text-phone-p a:hover, .text-phone-p a:focus{ color: #ddd; } .text-lang-header-div{ display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: white; position: relative; } .text-lang-header-div p { margin: 0; font-size: 30px; font-family: 'Bebas Neue', cursive; color: #1A4990; white-space: nowrap; cursor: pointer; margin-right: 10px; margin-left: 10px; } .text-img-p-div { width: 30px; height: 30px; background-color: white; overflow: hidden; border-radius: 120px; display: flex; align-items: center; justify-content: center; } .text-img-p-div img { height: 35px; } .M-DIV-IMG-POHONE { margin-left: 10px; margin-right: 10px; display: flex; align-items: center; } .line-text-m { width: 100%; height: 0px; background-color: #1A4990; position: absolute; bottom: 0; transition: all 0.2s; } .text-id-M{ transition: all 0.2s; } .lang-H-M { width: 100%; background-color: #1a4990; position: absolute; z-index: -1; bottom: 0; visibility: hidden; transition: all 0.3s; } .lang-text-M{ width: 100%; background-color: #1a4990; border-style: solid; border-width: 1px; border-color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; transition: all 0.2s; cursor: pointer; } .lang-text-M p{ font-size: 20px; font-family: 'Bebas Neue', cursive; color: white; margin: 0; transition: all 0.2s; } .PRODUCTS-MI-DIV-BIG { width: 800px; background-color: rgb(255, 255, 255); position: absolute; display: flex; justify-content: center; right: -370px; height: 0px; top: 100px; overflow: hidden; transition: all 0.4s; } .PRODUCTS-S-DIV { width: 33%; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; } .PRODUCTS-S-DIV p{ font-size: 1.0vw; margin: 0; margin-bottom: 15px; } .big-text-div p{ font-size: 1.3vw; margin: 0; margin-bottom: 15px; margin-top: 15px; } .PRODUCTS-S-line{ border-style: solid; border-color: #696969; border-width: 1px; border-left: none; border-top: none; border-bottom: none; } .a-mune-text{ text-decoration: none; color: inherit; margin-left: 2%; margin-right: 2%; height: 100%;} /* **************** header PC hover **********************/ .text-s-div:hover .PRODUCTS-MI-DIV-BIG {height: 280px;} .PRODUCTS-S-TEXT:hover{ color: #111; transform: scale(1.2);} .PRODUCTS-BIG-TEXT:hover{ color: #111; transform: scale(1.2);} .text-lang-header-div:hover .lang-H-M{ visibility: visible; bottom: -92px; } .phone-header{display: none;} .text-s-div:hover .line-text-m{height: 8px;} .text-s-div:hover .text-id-M {color: #1A4990;} .lang-text-M:hover {background-color: #065ad8;} /* **************** header phone **********************/ @media only screen and (max-width: 1000px) { .pc-header{display: none;} .phone-header{ box-shadow: 0px 0px 20px #000000; width: 100%; height: 60px; position: fixed; z-index: 110; background-color: white; display: flex; } .W-LOG-X{ width: 50%; display: flex; justify-content: center; align-items: center; } .W-LOG-X a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .W-LOG-X img{ height: 65%; } .Close-line-div{ width: 45px; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; cursor: pointer; } .Close-line-div-B{ width: 100%; height: 6px; border-radius: 5px; background-color: #1A4990; } .W-LOG-l{ width: 20%; display: flex; align-items: center; justify-content: flex-start; } .Close-W{ height: 65%; position: relative; left: 20px; } .W-LOG-R{ width: 30%; display: flex; align-items: center; justify-content: flex-end; } .W-LOG-R a { display: inline-block; background-color: #1A4990; color: #fff; border-radius: 5px; margin-right: 5px; padding: 5px 10px; } .W-LOG-R span{ width: 100%; height: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', cursive; color: #ffffff; white-space: nowrap; } .W-LOG-R span.u { align-content: flex-end; } .W-LOG-R span.d { align-content: flex-start; } .W-LOG-R span img{ width: 20px; height: 20px; margin-right: 10px; background-color: #fff; border-radius: 15px; } .menu-phone{ display: flex; position: fixed; top: 60px; width: 50%; flex-direction: column; height: 0px; visibility: hidden; transition: all 0.5s; overflow: hidden; left: 0; } .text-mune-phone { display: flex; align-content: center; align-items: center; justify-content: flex-start; background-color: #1A4990; cursor: pointer; } .text-mune-phone p{ margin: 0; position: relative; right: -23px; margin-top: 5px; margin-bottom: 5px; font-size: 20px; font-family: 'Bebas Neue', cursive; color: white; } .lang-div-phone{ display: flex; justify-content: space-around; align-items: center; align-content: center; position: fixed; width: 50%; background-color: white; top: 330px; height: 0; overflow: hidden; transition: all 0.2s; } .lang-div-phone p{ display: flex; margin: 0; font-family: 'Bebas Neue', cursive; font-size: 20px; margin-top: 5px; margin-bottom: 5px; color: #333; right: 0; } .lang-text-phone{ width: 33.33333333333333%; height: 100%; background-color: white; cursor: pointer; display: flex; align-items: center; justify-content: center; } .lang-text-phone-M{ border-style: solid; border-color: #696969; border-bottom: none; border-width: 1px; border-top: none; } .Pro-div-M{ display: flex; flex-direction: column; align-items: flex-start;} .pro-mune-phone{ width: 100%; height: 100%; background-color: white; display: flex; justify-content: center; } .pro-mune-phone p{ color: #333; right: 0; } .pro-mune-phone-M{ display: flex; flex-direction: column; width: 100%; height: 0px; overflow: hidden; transition: all 0.3s; } /* **************** header phone hover **********************/ .Pro-div-M:hover .pro-mune-phone-M{height: 160px;} .pro-mune-phone:hover .text-mune-phone-text-s{transform: scale(1.2);} .lang-text-phone:hover {background-color: #1A4990;} .lang-text-phone:hover p {color: white;} .text-mune-phone:hover .lang-div-phone{height: 40px;} .text-mune-phone:hover .text-mune-phone-text {transform: scale(1.2);} .Close-W:hover .menu-phone{ height: 390px; visibility: visible;} } /* **************** header END **********************/ /* **************** notfound_section **********************/ .notfound_section{ width: 100%; text-align: center; margin-top: 100px; margin-bottom: 100px; } .notfound_section > p.head { color: #333; font-family: 'Bebas Neue', cursive; font-size: 40px; margin: 0px; } /* ****************footer**********************/ footer{ width: 100%; height: 420px; background-color: #4B4B4B; display: flex; flex-direction: row; } .footer-L{ width: 50%; height: 100%; display: flex; align-content: center; justify-content: center; align-items: center; } .footer-R{ height: 100%; width: 50%; display: flex; align-content: center; justify-content: center; align-items: center; } .footer-R-M { height: 70%; width: 80%; display: flex; justify-content: space-evenly; position: relative; right: -84px; } .footer-L-M{ height: 70%; width: 80%; position: relative; right: 50px; } .footer-R-L{ height: 100%; width: 33%; display: flex; flex-direction: column; justify-content: flex-start; } .footer-R-M-TEXT-DIV{ width: 100%; height: 20%; display: flex; flex-direction: column; justify-content: center; } .footer-R-S-TEXT-DIV{ width: 100%; height: 14%; display: flex; flex-direction: column; justify-content: center; } .footer-R-M-TEXT{ margin: 0; font-size: 25px; font-family: 'Bebas Neue', cursive; color: white; } .footer-R-S-TEXT{ margin: 0; font-size:0.8vw; color: white; } .footer-M-line{ height: 80%; width: 2px; background-color: white; align-self: center; } .footer-Conact-DIV { height: 80%; width: 100%; display: flex; } .footer-social-DIV{ height: 20%; width: 100%; display: flex; flex-direction: row; } .footer-social-TEXT-DIV { width: 20%; height: 100%; display: flex; justify-content: center; align-items: center; } .footer-social-IMG-DIV-M { width: 80%; display: flex; height: 100%; flex-direction: row; align-items: center; justify-content: center; align-content: center; } .footer-social-img-M{ height: 80%; } .footer-social-IMG { height: 40px; background-color: rgb(255, 255, 255); width: 40px; margin-right: 20px; display: flex; justify-content: center; border-radius: 150px; overflow: hidden; align-content: center; align-items: center; } .footer-social-IMG a { height: 40px; background-color: rgb(255, 255, 255); width: 40px; display: flex; justify-content: center; border-radius: 150px; overflow: hidden; align-content: center; align-items: center; } .footer-social-TEXT{ margin: 0; font-size: 25px; color: white; font-family: 'Bebas Neue', cursive; } .footer-Conact-TEXT-DIV { height: 100%; width: 20%; display: flex; justify-content: space-evenly; position: relative; top: 20px; } .footer-Conact-img-text-DIV { height: 100%; width: 80%; display: flex; flex-direction: column; justify-content: space-around; } .footer-Conact-M-TEXT{ margin: 0; font-size: 25px; color: white; font-family: 'Bebas Neue', cursive; } .footer-Conact-TEXT-DIV-S { width: 100%; height: 20%; display: flex; justify-content: space-between; } .footer-Conact-TEXT-DIV-S-S { height: 100%; width: 40%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-content: space-around; } .footer-Conact-img-S-DIV { height: 30px; width: 30px; border-radius: 150%; overflow: hidden; display: flex; justify-content: center; align-content: center; background-color: white; align-items: center; } .footer-Conact-img-SS{ height: 80%; } .footer-Conact-TEXT-SS { color: white; font-size: 0.91vw; margin: 0%; margin-left: 10px; margin-right: 10px; } .footer-Conact-TEXT-SS a:hover, .footer-Conact-TEXT-SS a:focus{ color: #ddd; } .footer-Conact-TEXT-DIV-S-E { height: 20%; width: 100%; display: flex; align-content: center; justify-content: flex-start; align-items: center; align-self: center; position: relative; } .footer-Conact-img-S-DIV-E{ height: 30px; width: 30px; border-radius: 150%; overflow: hidden; display: flex; justify-content: center; align-content: center; background-color: white; align-items: center; } .footer-Conact-img-SS-E{ height: 80%; } .footer-Conact-TEXT-SS-E{ color: white; font-size: 0.66vw; margin: 0%; margin-left: 10px; margin-right: 10px; } /* ****************footer hover**********************/ .footer-R-M-TEXT-DIV:hover .footer-R-M-TEXT {transform: scale(1.1);} .footer-R-S-TEXT-DIV:hover .footer-R-S-TEXT {transform: scale(1.1);} /* ****************footer phone**********************/ @media only screen and (max-width: 1000px) { footer{ height: 360px; } .footer-M-line{display: none;} .footer-R{display: none;} .footer-L{ width: 100%; padding-bottom: 60px; } .footer-Conact-TEXT-SS{ font-size: 2.5vw; } .footer-Conact-TEXT-SS-E{ font-size: 12px; margin-left: 40px; } .footer-L-M { height: 70%; width: 100%; position: relative; right: auto; } .footer-Conact-img-S-DIV{ height: 30px; width: 30px; } .footer-Conact-img-S-DIV-E{ width: 30px; height: 30px; position: absolute; } .footer-social-IMG{ width: 40px; height: 40px; } .footer-Conact-TEXT-DIV{ top: auto; } .footer-Conact-TEXT-DIV-S-S{ width: 49%; } .footer-Conact-M-TEXT { margin: 0; font-size: 25px; color: white; font-family: 'Bebas Neue', cursive; position: relative; top: 7%; } } /* ****************footer phone**********************/ @media only screen and (max-width: 1000px) { .WHATSAPP-img-div { height: 40px; width: auto; display: flex; justify-content: center; } .WHATSAPP-div-M { height: 100%; width: auto; background-color: #00A859; border-radius: 10px; display: flex; } .WHATSAPP-img-div-img { height: 40px; width: 40px; background-color: white; display: flex; align-content: center; justify-content: center; } .WHATSAPP-section { position: fixed; bottom: 50px; justify-content: center; width: 100%; height: 0; z-index: 15; } } /* ****************v**********************/ .backgrund { position: fixed; height: 100vh; width: 100%; top: 0px; right: 0px; place-content: center; align-items: center; transition: opacity .3s; opacity: 0%; z-index: -1; display: flex; } .backgrund-black{ background-color: black; opacity: 80%; position: absolute; width: 100%; height: 100%; } .backgrundIMG{ height: 90%; overflow: hidden; z-index: 9999; background-size: contain; background-repeat: no-repeat no-repeat; background-position: center center; position: relative; display: flex; justify-content: flex-end; } .imgXX{ width: auto; height: 100%; max-inline-size: 100%; } .closex{ height: 30px; width: 30px; background-color: rgb(214, 214, 214); display: flex; align-items: center; justify-content: center; position: absolute; } .closex p { font-size: 30px; margin: 0; color: rgb(0, 0, 0); } .closex:hover{ cursor: pointer; } /* ****************v phone**********************/ @media only screen and (max-width: 1000px) { .backgrundIMG { height: auto; } } /* ****************v**********************/ /* ****************WHATSAPP-section**********************/ .WHATSAPP-section { position: fixed; bottom: 90px; display: none; justify-content: flex-end; width: 100%; height: 0; } .WHATSAPP-img-div { height: 50px; width: 230px; } .WHATSAPP-div-M { height: 100%; width: 80%; background-color: #00A859; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; } .WHATSAPP-img-div-img{ height: 50px; width: 50px; background-color: white; display: flex; align-content: center; justify-content: center; border-radius: 0px 9px 9px 0px; } .WHATSAPP-text-div p { font-size: 25px; color: white; font-family: 'Bebas Neue', cursive; margin: 0; } .WHATSAPP-text-div { height: 100%; width: 180px; display: flex; justify-content: center; align-items: center; } .WHATSAPP-img-div:hover .WHATSAPP-div-M{background-color: #01ff88d5;} /*****************Special**********************/ .Special-section{ width: 100%; display: flex; align-content: center; justify-content: center; margin-bottom: 100px; } .Special-div{ width: 60%; box-shadow: 0px 0px 15px #0f0f0f; } .Special-div-text{ background-color: #1A4990; height: 40PX; width: 100%; display: flex; justify-content: center; align-content: center; } .Special-div-text P{ margin: 0; font-family: 'Bebas Neue', cursive; font-size: 30px; color: white; } .Special-div-CO{ width: 100%; display: flex; } .Special-div-EM { width: 50%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .Special-div-PH { width: 50%; display: flex; flex-direction: column; align-items: center; } .text-info-div { width: 90%; height: 37px; margin-top: 20px; } .text-info-Mesa{ height: 120px !important; resize: vertical; margin-bottom: 20px; } .div-B-Special { width: 90%; background-color: #1A4990; display: flex; justify-content: center; align-items: center; height: 40px; border: none; margin-bottom: 20px; } .div-B-Special P{ margin: 0; color: #ffffff; font-family: 'Bebas Neue', cursive; font-size: 1.3vw; } .send_ok { width: 90%; background-color: #1a9055; color: #ffffff; display: flex; justify-content: center; align-items: center; height: 40px; border: none; } .send_err { width: 90%; background-color: #90321a; color: #ffffff; display: flex; justify-content: center; align-items: center; height: 40px; border: none; } .div-B { display: flex; align-content: center; justify-content: center; width: 90%; height: 40px; background-color: #1A4990; align-items: center; } .div-B p{ margin: 0; font-family: 'Bebas Neue', cursive; font-size: 20px; color: white; } .Special-img-text { width: 90%; height: 35px; background-color: rgb(255, 255, 255); border-style: solid; border-width: 1px; border-color: #333; margin-top: 20px; display: flex; align-items: center; justify-content: space-around; } .Special-info-img { height: 30px; width: 30px; display: flex; justify-content: center; align-content: center; overflow: hidden; } .Special-text-info { height: 100%; display: flex; align-content: center; align-items: center; justify-content: flex-start; } .Special-text-info p{ margin: 0; margin-left: 20px; font-size: 18px; } .Special-info-img img{ width: inherit; } /*****************Special phone**********************/ @media only screen and (max-width: 1000px) { .Special-div { width: 90%; display: flex; flex-direction: column; box-shadow: 0px 0px 15px #0f0f0f; } .Special-div-CO { width: 100%; display: flex; flex-direction: column; align-items: center; } .Special-div-PH { width: 100%; display: flex; flex-direction: column; align-items: center; } .Special-div-EM { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } } /*****************Special phone END**********************/ /* **************** THE COMMON ELEMENT END **********************/ /* **************** background **********************/ .background-section{ width: 100%; } .background-container{ width: 100%; padding: 0; } .backgroundS-1{background-image: url(/assets/img/S2.jpg);} .backgroundS-2{background-image: url(/assets/img/S1.jpg);} .backgroundS-3{background-image: url(/assets/img/S3.jpg);} .background-IMG-DIV{ width: 100%; height: 93vh; background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; } .text-area-DIV{ width: auto; height: auto; position: relative; top: 75%; } .text-area-background { background-color: #1A4990; width: 100%; height: 100%; opacity: 60%; border-radius: 5px; position: absolute; z-index: -1; } .text-area-M { height: 20%; width: 100%; display: flex; justify-content: center; align-items: center; align-content: center; } .text-area-S{ height: 80%; width: 100%; } .text-area-T-M{ color: #ffffff; font-size: 35px; font-family: 'Bebas Neue', cursive; position: relative; margin: 0; padding: 5px 10px; text-shadow: 2px 2px #000; background-color: rgba(0, 0, 0, .5); border-radius: 10px; } .text-area-T-S{ color: #ffffff; font-size: 20px; font-family: 'Bebas Neue', cursive; margin: 0; position: relative; margin: 0; margin-left: 2%; margin-right: 2%; } .OL-background { margin: 0; position: absolute; width: 100%; right: auto; top: auto; left: auto; bottom: 7%; display: flex; justify-content: center; align-items: center; align-content: center; } .carousel-indicators .lixactiveX { height: 30px; width: 30px; border-radius: 50%; background: #ffffff; border-style: none; position: relative; margin: 0; margin-left: 5px; margin-right: 0px; } .carousel-indicators .active { background-color: #1A4990; } /* ***************** background phone***************** */ @media only screen and (max-width: 1000px) { .background-IMG-DIV{ width: 100%; height: 100vh; } .text-area-DIV { width: 100%; height: auto; position: relative; top: 75%; left: auto; display: flex; flex-direction: column; align-content: center; align-items: center; } .text-area-background{ opacity: 0%; } .text-area-M { height: 20%; width: auto; display: flex; justify-content: center; align-items: center; align-content: center; } .text-area-T-M { color: #ffffff; font-size: 32px; font-family: 'Bebas Neue', cursive; margin: 0; position: relative; margin: 0; margin-left: 10px; margin-right: 10px; text-align: center; } .text-area-S { height: auto; width: 70%; display: flex; flex-direction: row; overflow: hidden; text-align: justify; } .text-area-T-S { color: #ffffff; font-size: 20px; font-family: 'Bebas Neue', cursive; margin: 0; position: relative; margin: 0; margin-left: 2%; margin-right: 2%; margin-top: 2%; } } /* ****************PRODUCTS **********************/ .PRODUCTS-section { display: flex; align-items: stretch; justify-content: center; flex-direction: row; margin-bottom: 90px; margin-top: 50px; } .PRODUCTS-div { width: 180px; height: 180px; background-color: #ffffff; margin-left: 20px; margin-right: 20px; border-radius: 10px; box-shadow: 0px 0px 15px #898989; display: flex; flex-direction: column; align-content: center; align-items: center; } .PRODUCTS-img-div { height: 100%; overflow: hidden; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 10px; } .PRODUCTS-img-HOVER { position: relative; height: inherit; } .PRODUCTS-img { transition: all 0.3s; position: absolute; height: 65px; } .PRODUCTS-div-text{ position: absolute; } .PRODUCTS-text{ position: relative; top: 145px; font-family: 'Bebas Neue', cursive; font-size: 25px; margin: 0; color: #333; } .PRODUCTS-img-HOVER{ position: relative; opacity: 0%; transition: all 0.3s; } /* ****************PRODUCTS PHONE**********************/ @media only screen and (max-width: 1000px) { .PRODUCTS-text{ position: relative; top: 100px; font-family: 'Bebas Neue', cursive; font-size: 17px; } .PRODUCTS-div { margin: 10px; width: 130px; height: 130px; } .PRODUCTS-section{ margin-bottom: 50px; margin-top: 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .PRODUCTS-img { height: 45px; } } /* ****************hover PHONE**********************/ .PRODUCTS-div:hover .PRODUCTS-text{ color: #ffffff; text-shadow: 1px 1px 3px #000000; } .PRODUCTS-div:hover .PRODUCTS-img{ transform: scale(1.3);} .PRODUCTS-div:hover .PRODUCTS-img-HOVER{opacity: 100%;} /* ****************IN WORK **********************/ .IN-WORK-section { position: relative; display: flex; flex-direction: row; height: 40px; width: 100%; margin-bottom: 50px; } .IN-WORK-DIV-R { position: relative; width: 50%; height: 100%; background-color: #1A4990; } .IN-WORK-DIV-L { position: relative; display: flex; width: 50%; height: 100%; align-items: center; } .IN-WORK-text { position: relative; font-family: 'Bebas Neue', cursive; font-size: 35px; right: -13px; margin: 0; color: #1A4990; } /* ****************IN WORK PHONE**********************/ @media only screen and (max-width: 1000px) { .IN-WORK-section { position: relative; display: flex; flex-direction: row; height: 30px; width: 100%; margin-bottom: 50px; } .IN-WORK-text { position: relative; font-family: 'Bebas Neue', cursive; font-size: 20px; right: -13px; margin: 0; } } /* **************** story **********************/ .story-section{position: relative; width: 100%; margin-bottom: 50px; } .story_div_M{ width: 100%; display: flex; justify-content: center; overflow-x: scroll; } .story_div_S{ display: flex; justify-content: center; flex-direction: column; align-items: center; margin-left: 10px; margin-right: 10px; } .story_img_div{ height: 210px; width: 372px; border-style: solid; border-width: 1px; border-color: #333; overflow: hidden; display: flex; justify-content: center; } .story_img_circle{ height: 210px; width: 210px; border-radius: 120px; } .story_img_div img {transition: all 0.2s;} .story_text{ font-family: 'Bebas Neue', cursive; font-size: 25px; margin: 0; color: #1A4990; margin-top: 15px; white-space: nowrap; } .story_div_M::-webkit-scrollbar{ height: 20px; width: 4px; background: rgb(255, 255, 255); } /* .story_div_M::-webkit-scrollbar-thumb:horizontal{ background: #1A4990; border-radius: 10px; } */ @media only screen and (max-width: 1370px) { .story_img_div{ height: 150px; width: 265px; } .story_img_circle{ height: 150px; width: 150px; border-radius: 75px; } } @media only screen and (max-width: 1000px) { .story_img_div{ height: 100px; width: 176px; } .story_img_circle{ height: 100px; width: 100px; border-radius: 50px; } .story_text{ font-size: 15px; } } @media only screen and (max-width: 700px) { .story_img_div{ height: 85px; width: 150px; } .story_img_circle{ height: 80px; width: 80px; border-radius: 40px; } /* .story_div_M::-webkit-scrollbar{ height: 20px; width: 4px; background: #333; } */ } .story_img_div:hover img{transform: scale(1.1);} /* **************** story end **********************/ /* ****************IN WORK **********************/ .Lprojector-section { position: relative; display: flex; flex-direction: row; height: 40px; width: 100%; margin-bottom: 50px; margin-top: 40px; } .Lprojector-DIV-R { position: relative; width: 50%; height: 100%; background-color: #1A4990; } .Lprojector-DIV-L { position: relative; display: flex; width: 50%; height: 100%; align-items: center; } .Lprojector-text { position: relative; font-family: 'Bebas Neue', cursive; font-size: 35px; right: -13px; margin: 0; color: #1A4990; } /* ****************IN WORK PHONE**********************/ @media only screen and (max-width: 1000px) { .Lprojector-section { position: relative; display: flex; flex-direction: row; height: 30px; width: 100%; margin-bottom: 50px; } .Lprojector-text { position: relative; font-family: 'Bebas Neue', cursive; font-size: 20px; right: -13px; margin: 0; } } /* ****************last project**********************/ .projector-info-section { position: relative; width: 100%; height: 360px; display: flex; flex-flow: row nowrap; place-content: stretch center; align-items: center; margin-bottom: 90px; margin-top: 60px; } .projector-info-div { position: relative; height: 100%; width: 16%; margin-left: 35px; margin-right: 35px; } .projector-info-img-div{ position: relative; height: 90%; width: 100%; overflow: hidden; display: flex; align-content: center; justify-content: center; } .projector-info-text-div{ position: relative; height: 10%; width: 100%; } .projector-info-img{ height: -webkit-fill-available; transition: all 0.2s; } .projector-info-text-M{ color: #1A4990; font-family: 'Bebas Neue', cursive; font-size: 25px; text-align: center; position: relative; margin: 0; } .projector-info-text-line{ position: relative; width: 100%; height: 1px; background-color: #414141; } .projector-info-text-S{ position: relative; margin: 0; font-family: "Roboto Slab", serif; font-size: 16px; display: flex; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } .projector-info-text-T{ position: relative; margin: 0; display: flex; height: 100%; text-overflow: ellipsis; overflow: hidden; } .projector-info-text-MM{ margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } .projector-info-text-SS{ font-size: 15px; color:#333; white-space: nowrap; margin: 0; } .projector-info-text-TT{ font-family: "Roboto Slab", serif; font-size: 15px; color:#333; text-align: justify; margin: 0; height: 100%; text-overflow: ellipsis; overflow: hidden; } /* ****************last project hover**********************/ .projector-info-img-div:hover .projector-info-img{transform: scale(1.2);} /* ****************project phone**********************/ /****/.phone-section{display: none;} @media only screen and (max-width: 1000px) { .text-PROJECT-div-S{ display: flex; } .projector-info-section{ display: none; } .phone-section{ height: 540px; width: 100%; display: flex; align-content: center; justify-content: center; position: relative; margin-bottom: 30px; } .phone-container{ width: 90%; height: 100%; } .PROJECT-DIV{height: 100%; width: 100%;} .carousel { position: relative; height: 100%; width: 100%; } .PROJECT-phone { position: relative; width: 100%; height: 100%; overflow: hidden; } .PROJECT-phone{ height: 100%; width: 100%;} .img-div{ width: 100%; height: 90%; overflow: hidden; display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; border-style: solid; border-width: 1px; } .text-div { width: 100%; height: 10%; display: flex; flex-direction: column; } .img-project{ height: 100%; transition: all 0.3s; } .text-PROJECT-line { height: 1px; width: 100%; background-color: rgb(65, 65, 65); align-self: stretch; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } .text-PROJECT-M{ color: #1a4990; font-size: 20px; font-family: 'Bebas Neue', cursive; margin: 0; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } .text-PROJECT-s{ font-size: 15px; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } .PROJECT-phoneOL li { width: 30px; height: 30px; margin: 0; background-color: #fff; border-style: solid; border-color: black; border-radius: 50%; } .PROJECT-phoneOL .active { width: 30px; height: 30px; background-color: #1A4990; } .PROJECT-phoneOL { position: relative; position: relative; right: 0; margin: 0; left: 0; top: 0; } .phone-carousel{ z-index: auto; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;} .img-div:hover .img-project{transform: scale(1.2);} .li-PROJECT{position: relative;} } /* ****************by numbers**********************/ .by-numbers-section{ height: 500px; width: 100%; display: flex; align-content: center; justify-content: center; align-items: center; margin-bottom: 50px; } .by-numbers-text-M{ height: 100%; width: 50%; display: flex; justify-content: center; align-content: center; } .by-numbers-IMG-M{ height: 100%; width: 50%; overflow: hidden; } .by-numbers-IMG{ width: 100%; top: -100px; right: 0px; position: relative; } .by-numbers-text-s{ position: relative; height: 100%; width: 70%; } .by-numbers-text-BIG-M { height: 15%; width: 100%; background-color: #1a4990; display: flex; align-items: center; justify-content: center; } .by-numbers-text-BIG-S{ height: 85%; width: 100%; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .by-numbers-text-S-S { width: 100%; height: 15%; display: flex; justify-content: space-around; } .by-numbers-text-W-S-S { width: 30%; height: 100%; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #414141; display: flex; justify-content: center; align-items: center; } .by-numbers-text-T-M{ font-family: 'Bebas Neue', cursive; font-size: 35px; color: white; margin: 0; } .by-numbers-text-T-S{ margin: 0; font-size: 18px; font-family: 'Roboto Slab', serif; text-align: center; } /* ****************by numbers phone**********************/ @media only screen and (max-width: 1000px) { .by-numbers-section { height: 700px; width: 100%; display: flex; align-content: center; justify-content: center; align-items: center; margin-bottom: 50px; flex-direction: column-reverse; } .by-numbers-IMG-M { height: 60%; width: 100%; overflow: hidden; } .by-numbers-text-M { height: 40%; width: 100%; display: flex; justify-content: center; align-content: center; } .by-numbers-IMG { width: 100%; top: 0px; right: 0px; position: relative; } .by-numbers-text-s { position: relative; height: 100%; width: 100%; } .by-numbers-text-BIG-M { height: 15%; width: 100%; background-color: #1a4990; display: flex; align-items: center; justify-content: center; } .by-numbers-text-BIG-S { height: 90%; width: 100%; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } .by-numbers-text-T-M { font-family: 'Bebas Neue', cursive; font-size: 20px; color: white; margin: 0; } .by-numbers-text-S-S { width: 100%; height: 20%; margin: 0; display: flex; justify-content: space-around; } .by-numbers-text-W-S-S { width: 30%; height: 100%; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #414141; display: flex; justify-content: center; align-items: center; } .by-numbers-text-T-S { margin: 0px; font-size: 15px; font-family: "Roboto Slab", serif; } } /*****************B&A**********************/ .B-A-section { width: 100%; background-color: #1A4990; display: flex; margin-top: 280px; margin-bottom: 120px; } .B-A-big-div { width: 50%; position: relative; display: flex; height: 322px; justify-content: flex-end; align-items: center; } .div-img-m-a-b { height: 450px; top: -178px; position: absolute; transition: all 0.7s; overflow: hidden; display: flex; align-items: stretch; justify-content: flex-end; } .AB_IMG-M { width: 0; right: 0; display: flex; justify-content: flex-end; } .DIV-L-A-B { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .text-B-A-S { font-size: 50px; color: white; font-family: 'Bebas Neue', cursive; margin-top: 10px; margin-bottom: 15px; margin-left: 15px; } .text-B-A-M{ font-size: 20px; color: white; font-family: 'Bebas Neue', cursive; margin-left: 20px; margin-right: 20px; width: 60%; } .B-A-section:hover .B-A-big-div .AB_IMG-M {width: 705px;} /* **************** B-A- Phone **********************/ .B-A-section-phone { position: relative; width: 100%; display: none; flex-direction: column; align-items: center; margin-top: 100px; margin-bottom: 100px; } .B-A-phone-A { position: absolute; height: 60%; bottom: 0; width: 100%; background-color: #1A4990; z-index: -1; } .B-A-phone-B { width: 90%; display: flex; flex-direction: column; align-items: center; } .B-A-phone-T { height: 300px; position: relative; display: flex; justify-content: flex-start; width: 90%; overflow: hidden; } .B-A-div-img-1 { width: 100%; height: 100%; overflow: hidden; } .B-A-div-img-2 { width: 0%; height: 100%; overflow: hidden; position: absolute; top: 0; transition: all 3s; } .B-A-ph-img-1{ height: 100%; } .B-A-ph-img-2{ height: 100%; } .text-B-A-PHONE-M{ color: #ffffff; font-size: 25px; font-family: 'Bebas Neue', cursive; } .text-B-A-PHONE-S{ color: #ffffff; font-size: 17px; font-family: 'Bebas Neue', cursive; } @media only screen and (max-width: 1000px) { .B-A-section{display: none;} .B-A-section-phone{display: flex;} } /* **************** B-A- Phone **********************/ /* ****************news**********************/ .NEWS-section { width: 100%; height: 400px; display: flex; justify-content: center; margin-bottom: 60px; } .news-M-div { height: 100%; width: 15%; margin-left: 1%; margin-right: 1%; } .Catalog{background-color: #1A4990;} .Catalog-IMG-DIV{ width: 100%; height: 80%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .Catalog-IMG-DIV-a{ width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .Catalog-IMG{width: 100%;} .Catalog-TEXT-DIV{ width: 100%; height: 20%; display:flex; align-items: center; justify-content: center; } .Catalog-TEXT{ font-family: 'Bebas Neue', cursive; font-size: 35px; color: white; margin: 0; } .news-img-div{ width: 100%; height: 75%; overflow: hidden; display: flex; justify-content: center; align-content: center; } .news-img{ height: 100%; transition: all 0.3s; } .news-text-div { width: 100%; height: 25%; display: flex; flex-direction: column; } .news-text-line{ width: 50%; height: 1%; background-color: #414141; margin-top: 1px; margin-bottom: 1px; } .news-text-M{ font-family: 'Bebas Neue', cursive; font-size: 25px; color: #1A4990; margin: 0; } .news-text-S{ margin: 0; font-size: 15px; font-family: "Roboto Slab", serif;} .news-text-div-S{height: 69%;} .news-text-div-M{height: 30%;} /* ****************news hover**********************/ .news-img-div:hover .news-img{transform: scale(1.2);} /* ****************news phone**********************/ .NEWS-phone-section{display: none;} @media only screen and (max-width: 1000px) { .Catalog-IMG{ height: 100%; width: auto; } .NEWS-section{ margin: 0; } .news-M-div { height: 100%; width: 100%; margin-left: 0; margin-right: 0; display: none; } .Catalog { background-color: #1A4990; display: block; display: flex; flex-direction: column-reverse; } .NEWS-projector-info-section{ display: none; } .NEWS-phone-section{ height: 600px; width: 100%; display: flex; align-content: center; justify-content: center; position: relative; margin-bottom: 30px; } .NEWS-phone-container{ width: 90%; height: 100%; } .NEWS-PROJECT-DIV{height: 100%; width: 100%;} .carousel { position: relative; height: 100%; width: 100%; } .NEWS-PROJECT-phone { position: relative; width: 100%; height: 100%; overflow: hidden; } .NEWS-PROJECT-phone{ height: 100%; width: 100%;} .NEWS-img-div { width: 100%; height: 80%; overflow: hidden; display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; object-fit: cover; } .NEWS-text-div { width: 100%; height: 20%; display: flex; flex-direction: column; } .NEWS-img-project{ transition: all 0.3s; } .NEWS-text-PROJECT-line { height: 1px; width: 100%; background-color: rgb(65, 65, 65); align-self: stretch; } .NEWS-text-PROJECT-M{ color: #1a4990; font-size: 20px; font-family: 'Bebas Neue', cursive; margin: 0; } .NEWS-text-PROJECT-s{ font-size: 15px; margin: 0; } .NEWS-PROJECT-phoneOL li { width: 30px; height: 30px; margin: 0; background-color: #fff; border-style: solid; border-color: black; border-radius: 50%; } .NEWS-PROJECT-phoneOL .active { width: 30px; height: 30px; background-color: #1A4990; } .NEWS-PROJECT-phoneOL { position: relative; position: relative; right: 0; margin: 0; left: 0; top: 0; } .NEWS-phone-carousel{ z-index: auto; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;} } /* **************** AboutUS **********************/ /* **************** background **********************/ .background-sectionAU1{ width: 100%; height: 30vh;} .background-div-imgAU1 { background-image: url(/assets/img/99-kurumsal-88.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-RAU1 { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-LAU1 { position: relative; width: 50%; display: flex; justify-content: center; } .background-textAU1 { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 40px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-LAU1{ display: none; } .background-textAU1 { font-size: 40px; } } /* **************** AboutUs **********************/ .AboutUs-sectionAU1{ width: 100%; display: flex; flex-direction: row; } .AboutUs-textAU1 { width: 60%; display: flex; justify-content: center; } .AboutUs-IMGAU1{ width: 40%; background-image: url(/assets/img/BY\ THE\ NUMBERS.png); background-size: cover; } .AboutUs-section-p1AU1 { margin: 0; font-size: 40px; font-family: 'Bebas Neue', cursive; color: #1A4990; margin-bottom: 50px; } .AboutUs-section-p2AU1 { margin: 0; color: #333; font-size: 18px; text-align: justify; margin-bottom: 50px; margin-top: 50px; } .AboutUs-TEXT-LIENAU1{ height: 3px; width: 100%; background-color: #1A4990; } .AboutUs-text-MAU1{ width: inherit; } /* **************** GLOBAL-PHONE **********************/ @media only screen and (max-width: 1000px) { .background-sectionAU1{ display: none; } .AboutUs-sectionAU1 { width: 100%; display: flex; flex-direction: column-reverse; align-items: center; } .AboutUs-textAU1 { width: 100%; display: flex; justify-content: center; } .AboutUs-IMGAU1 { width: 100%; background-image: url(/assets/img/BY\ THE\ NUMBERS.png); background-size: cover; height: 300px; } .AboutUs-text-MAU1 { width: 90%; display: flex; flex-direction: column; align-items: center; } .AboutUs-section-p1AU1 { margin: 0px; font-size: 30px; font-family: 'Bebas Neue', cursive; color: #1A4990; margin-bottom: 5px; } .AboutUs-section-p2AU1 { margin: 0; color: #333; font-size: 15px; margin-bottom: 20px; } .AboutUs-TEXT-LIENAU1 { height: 3px; width: 90%; background-color: #1A4990; } } /* **************** VM **********************/ .VM-sectionAU1{ width: 100%; margin-top: 150px; margin-bottom: 100px; display: flex; justify-content: center; } .VM-divAU1{ box-shadow: 0px 0px 15px #0f0f0f; background-color: #ffffff; height: 450px; width: 330px; border-radius: 5px; overflow: hidden; margin-left: 5%; margin-right: 5%; } .VM-div-IMG-DIVAU1{ width: 100%; height: 40%; } .VM-div-IMGAU1{ overflow: hidden; height: 70%; width: 100%; display: flex; align-items: center; justify-content: center; } .VM-div-IMGAU1 img{ height: inherit; } .VM-div-textAU1{ height: 30%; width: 100%; display: flex; align-items: center; justify-content: center; } .VM-div-textAU1 p{ color: #1A4990; font-size: 40px; font-family: 'Bebas Neue', cursive; margin: 0; } .VM-div-TEXT-DIVAU1{ background-color: #1A4990; width: 100%; height: 60%; display: flex; text-align: center; } .VM-div-TEXT-DIVAU1 p{ margin: 15px; font-size: 18px; color: white; } /* **************** GLOBAL-PHONE **********************/ @media only screen and (max-width: 1000px) { .VM-sectionAU1 { margin-top: 70px; margin-bottom: 70px; display: flex; justify-content: space-around; } .VM-divAU1 { height: 320px; width: 45%; margin: 0; } .VM-div-textAU1 p{ font-size: 25px; } .VM-div-TEXT-DIVAU1 p { margin: 5px; font-size: 14px; color: white; } .VM-div-IMGAU1 { height: 60%; } } /* **************** GLOBAL-section **********************/ .GLOBAL-sectionAU1{ box-shadow: 0px 0px 15px #0f0f0f; background-color: rgb(255, 255, 255); width: 100%; height: 50vh; margin-bottom: 100px; } .GLOBAL-text-MAU1{ width: 100%; height: 15%; display: flex; justify-content: center; align-content: center; } .GLOBAL-text-MAU1 P{ color: #1A4990; font-size: 40px; font-family: 'Bebas Neue', cursive; margin: 0; } .GLOBAL-IMG-DIVAU1{ width: 100%; height: 85%; display: flex; } .GLOBAL-IMG-G-DIVAU1{ height: 100%; width: 60%; overflow: hidden; display: flex; justify-content: center; } .GLOBAL-IMG-G-DIVAU1 img{ position: relative; } .GLOBAL-TEXT-G-DIVAU1 { height: 100%; width: 70%; } .GLOBAL-TEXT-M-DIVAU1 { width: 100%; height: 12%; background-color: #1A4990; display: flex; align-items: center; justify-content: center; } .GLOBAL-TEXT-M-DIVAU1 p{ color: white; font-size: 30px; font-family: 'Bebas Neue', cursive; margin: 0; } .GLOBAL-TEXT-S-DIVAU1 { width: 100%; display: flex; HEIGHT: 85%; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-content: space-around; } .GLOBAL-TEXT-MM-DIVAU1 { width: 40%; height: 100%; } .GLOBAL-TEXT-COUNTRIES-DIVAU1{ width: 120px; height: 40px; border-style: solid; border-width: 1px; border-color: #333; display: flex; justify-content: center; align-items: center; margin-left: 10px; margin-right: 10px; } .GLOBAL-TEXT-COUNTRIES-DIVAU1 p{ font-family: 'Bebas Neue', cursive; font-size: 20px; color: #333; margin: 0; } /* **************** GLOBAL-PHONE **********************/ @media only screen and (max-width: 1000px) { .GLOBAL-sectionAU1 { width: 100%; height: 70vh; margin-bottom: 70px; } .GLOBAL-text-MAU1 { height: 5%; } .GLOBAL-text-MAU1 P { font-size: 30px; } .GLOBAL-IMG-DIVAU1 { width: 100%; height: 95%; display: flex; flex-direction: column; align-items: center; } .GLOBAL-IMG-G-DIVAU1 { height: auto; width: auto; overflow: hidden; display: flex; justify-content: center; } .GLOBAL-TEXT-MM-DIVAU1 { width: 100%; height: 50%; } .GLOBAL-TEXT-G-DIVAU1 { height: 100%; width: 100%; } .GLOBAL-TEXT-M-DIVAU1 { width: 100%; height: 10%; background-color: #1A4990; display: flex; align-items: center; justify-content: center; } .GLOBAL-TEXT-S-DIVAU1 { width: 100%; display: flex; height: 90%; flex-wrap: wrap; flex-direction: row; justify-content: center; align-content: space-around; } .GLOBAL-TEXT-COUNTRIES-DIVAU1 { width: 100px; height: 35px; } .GLOBAL-IMG-G-DIVAU1 img { width: 100%; } .GLOBAL-TEXT-M-DIVAU1 p{ font-size: 23px; } } /* ****************IN WORK **********************/ .IN-WORK-sectionAU1 { position: relative; display: flex; flex-direction: row; height: 40px; width: 100%; } .IN-WORK-DIV-RAU1 { position: relative; width: 50%; height: 100%; background-color: #1A4990; } .IN-WORK-DIV-LAU1 { position: relative; display: flex; width: 50%; height: 100%; align-items: center; } .IN-WORK-textAU1 { position: relative; font-family: 'Bebas Neue', cursive; font-size: 35px; right: -13px; margin: 0; color: #1A4990; } /* ****************IN WORK PHONE**********************/ @media only screen and (max-width: 1000px) { .IN-WORK-sectionAU1 { position: relative; display: flex; flex-direction: row; height: 30px; width: 100%; } .IN-WORK-textAU1 { position: relative; font-family: 'Bebas Neue', cursive; font-size: 20px; right: -13px; margin: 0; } } /* **************** VR360-section **********************/ .vr360-sectionAU1{ width: 100%; height: 45vh; margin-bottom: 100px; } .vr360-divAU1{ height: 100%; width: 100%; background-image: url(/assets/img/vr.png); background-size: cover; background-position-y: center; background-position-x: center; display: flex; align-items: center; justify-content: center; } .img-360-divAU1{ height: 70px; width: 70px; background-color: #ffffff; overflow: hidden; display: flex; justify-content: center; align-items: center; border-radius: 120%; outline: solid; outline-color: #1A4990; outline-width: 3px; transition: all 0.2s; } .img-360-divAU1 img{ height: 90%; } .img-360-divAU1 a{ height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .img-360-divLAU1{ position: relative; right: -10%; } .img-360-divMAU1{ position: relative; TOP: -18%; } .img-360-divRAU1{ position: relative; right: 10%; } /* **************** VR360-section Hover **********************/ .img-360-divAU1:hover{ transform: scale(1.2); } /* **************** HİSTORY-section**********************/ .history-sectionAU1 { width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 50px; margin-top: 60px; } .history-DIV-MAU1{ height: 65px; width: 700px; display: flex; } .history-DIV-textAU1 { height: 100%; width: 47%; display: flex; justify-content: center; align-content: center; align-items: center; flex-direction: column; border-style: solid; border-color: #333; border-width: 1px; position: relative; } .history-DIV-LINEAU1{ height: 100%; background-color: #1A4990; width: 6%; } .history-DIV-STORYAU1 { height: 100%; width: 47%; display: flex; justify-content: center; position: relative; align-items: center; } .history-NAU1{ color: #1A4990; font-family: 'Bebas Neue', cursive; font-size: 30px; margin: 0; } .history-TAU1{ font-family: 'Bebas Neue', cursive; font-size: 20px; margin: 0; } .history-DIV-STORYAU1 p { color: white; font-size: 13px; margin: 5px; z-index: 1; } .history-DIV-STORY-HAU1 { width: 0%; height: 105%; background-color: #1A4990; position: absolute; transition: all 0.2s; } .history-DIV-textAU1:hover .history-DIV-STORY-HAU1{ width: 113%; } .M-LLAU1{ flex-direction: row; } .M-RRAU1{ flex-direction: row-reverse; } .S-LLAU1{ right: 100%; } .S-RRAU1{ left: 100%; } .D-LLAU1{border-right-width: 0;} .D-RRAU1{border-left-width: 0;} /* **************** CAR **********************/ .CAR-SECTIONAU1 { width: 100%; height: 300px; display: flex; position: relative; margin-top: 120px; margin-bottom: 20px; } .CAR-A-DIVAU1 { width: 100%; height: 70%; position: absolute; bottom: -20px; background-color: #1A4990; } .CAR-R-DIVAU1 { width: 55%; height: 100%; z-index: 1; position: relative; } .CAR-L-DIVAU1 { width: 45%; height: 100%; z-index: 1; } .CAR-M-IMG-DIVAU1 { position: absolute; height: 100%; width: 100%; top: 0; display: flex; justify-content: flex-end; opacity: 0%; transition: all 0.5s; z-index: -1; } .CAR-M-IMG-DIVAU1-ACTIVE { opacity: 100%; z-index: 10; } .DIV-CAR-1AU1{ opacity: 100%; z-index: 10; } .car-text-img-divAU1 { height: 100%; display: flex; flex-direction: column; margin-left: 15px; margin-right: 15px; width: 200px; } .car-img-divAU1 { height: 85%; width: fit-content; } .car-text-divAU1 { height: 15%; } .car-img-div-imgAU1 { width: 100%; max-height: 100%; transition: all 0.2s; box-shadow: 0px 0px 10px #0f0f0f; } .car-text-div-pAU1{ font-family: 'Bebas Neue', cursive; font-size: 18px; margin: 0; color: white; margin-top: 10px; } .CAR-M-TEXT-PAU1{ font-family: 'Bebas Neue', cursive; font-size: 40px; margin-bottom: 20px; color: #1A4990; } .CAR-M-DIV-BUTTONAU1{ width: 30px; height: 30px; border-radius: 120px; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #444; margin-left: 0px; margin-right: 10px; cursor: pointer; } .CAR-big-BUTTON-divAU1{ display: flex; } .CAR-M-DIV-BUTTON-ACTIVE{ background-color: #1A4990; border-style: none; } .img-S-CARAU1{ height: auto; width: 100%; } .img-zoomeAU1:hover {transform: scale(1.05);} /* **************** CAR phone **********************/ @media only screen and (max-width: 1000px) { .CAR-SECTIONAU1 { width: 100%; height: 341px; display: flex; position: relative; margin-top: 50px; margin-bottom: 63px; flex-direction: column-reverse; } .CAR-A-DIVAU1 { width: 100%; height: 50%; position: absolute; bottom: 0; background-color: #1A4990; } .CAR-R-DIVAU1 { width: 100%; height: 100%; z-index: 1; position: relative; } .CAR-L-DIVAU1 { width: 100%; height: auto; z-index: 1; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; } .CAR-M-IMG-DIVAU1 { position: absolute; height: auto; width: 100%; top: 0; display: flex; justify-content: center; opacity: 0%; transition: all 0.5s; z-index: -1; } .car-text-img-divAU1 { height: fit-content; display: flex; flex-direction: column; margin-left: 10px; margin-right: 10px; width: 30%; align-items: center; } .car-img-divAU1 { width: fit-content; display: flex; justify-content: center; align-items: center; } .car-text-divAU1 { height: 15%; } .car-img-div-imgAU1 { width: 100%; height: 200px; transition: all 0.2s; box-shadow: 0px 0px 10px #0f0f0f; } .DIV-CAR-1AU1{ opacity: 100%; z-index: 10; } .car-text-div-pAU1 { font-family: 'Bebas Neue', cursive; font-size: 13px; margin: 0; color: white; margin-top: 15px; } .CAR-M-TEXT-PAU1 { font-family: 'Bebas Neue', cursive; font-size: 30px; margin: 0; color: #1A4990; } } @media only screen and (max-width: 450px){ .car-img-div-imgAU1 { width: 100%; height: auto; transition: all 0.2s; box-shadow: 0px 0px 10px #0f0f0f; } } /* **************** Gallery-phone**********************/ @media only screen and (max-width: 1000px) { .history-DIV-MAU1 { height: 80px; width: 100%; display: flex; } .history-NAU1 { font-size: 20px; } .history-TAU1 { font-size: 12px; } .history-DIV-STORYAU1 p { font-size: 10px; } .history-sectionAU1 { margin-bottom: 20px; margin-top: 30px; }} /* **************** Gallery-section**********************/ .Gallery-sectionAU1 { margin-top: 100px; margin-bottom: 100px; width: 100%; height: 55vh; display: flex; align-content: center; justify-content: center; } .Gallery-div-MAU1 { height: 100%; width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; overflow: hidden; } .Gallery-textAU1 { color: #1A4990; font-family: 'Bebas Neue', cursive; font-size: 40px; margin: 0; } .Gallery-divAU1 { overflow: hidden; WIDTH: 100%; display: flex; justify-content: center; } .Gallery-divAU1 img{ height: 100%; transition: all 0.2s; } .Gallery-divAU1 a { display: flex; justify-content: center; } .GIMGAU1:hover { transform: scale(1.1); filter: drop-shadow(0px 5px 5px #222); } /* **************** Gallery-phone**********************/ @media only screen and (max-width: 1000px) { .Gallery-textAU1 { font-size: 30px; } .Gallery-divAU1 img { transition: all 0.2s; width: 100%; } .Gallery-sectionAU1 { width: 100%; height: 30vh; margin: 0; } } /* **************** AboutUS END **********************/ /***************** Contact **********************/ /* **************** background **********************/ .background-section-ContactUs{ width: 100%; height: 35vh;} .background-div-img-ContactUs { background-image: url(/assets/img/P1.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-ContactUs { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-ContactUs { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-ContactUs { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 40px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-ContactUs{ display: none; } .background-text-ContactUs { font-size: 40px; text-align: center; } } /* ****************VRR**********************/ .gallery-image { cursor: pointer; } .open-gallery { cursor: pointer; } .backgrundRRM { position: fixed; height: 100vh; width: 100%; top: 0px; right: 0px; place-content: center; align-items: center; transition: opacity .3s; opacity: 0%; z-index: -1; display: flex; } .backgrund-blackRRM{ background-color: black; opacity: 80%; position: absolute; width: 100%; height: 100%; } .backgrundIMGRRM{ height: 90%; overflow: hidden; z-index: 9999; background-size: contain; background-repeat: no-repeat no-repeat; background-position: center center; position: relative; display: flex; justify-content: flex-end; } .imgXXRRM{ width: auto; height: 100%; max-inline-size: 100%; } .closexRRM{ height: 30px; width: 30px; background-color: rgb(214, 214, 214); display: flex; align-items: center; justify-content: center; position: absolute; } .closexRRM p { font-size: 30px; margin: 0; color: rgb(0, 0, 0); } .N_PRRM{ width: 100%; background-color: #000000b0; height: 40px; position: absolute; bottom: 0px; display: flex; justify-content: center; align-items: center; } .N_PRRM p { font-size: 40px; color: white; margin-left: 10px; margin-right: 10px; cursor: pointer; transition: all 0.2s; } .unselectable { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .closexRRM:hover{ cursor: pointer; } .N_PRRM p:hover{transform: scale(1.2);} /* ****************VRR phone**********************/ @media only screen and (max-width: 1000px) { .backgrundIMGRRM { height: auto; } } @media only screen and (max-height: 500px) { .backgrundIMGRRM { height: 70%; } } /* ****************vRR END**********************/ /* ****************REFERANSLAR END**********************/ /***************** Contact **********************/ .Contact-section-map-ContactUs{ width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 50px; } .Contact-text-ContactUs{ width: 70%; } .Contact-text-ContactUs p { font-size: 35px; color: #1A4990; font-family: 'Bebas Neue', cursive; margin: 0; } .Contact-MAP-IMG-a-ContactUs{ width: 70%; height: 400px; margin-bottom: 40px; overflow: hidden; } .Contact-MAP-IMG-ContactUs{ width: 70%; height: 500px; transition: all 0.2s; margin-bottom: 50px; } .CON-INF-ContactUs{ width: 70%; display: flex; height: fit-content; } .info-M-ContactUs{ width: 50%; display: flex; flex-direction: column; } .Contact-M-ContactUs { width: 50%; display: flex; justify-content: flex-end; } .info-S-ContactUs { width: 90%; height: 100%; display: flex; flex-direction: column; justify-content: space-around; } .Contact-S-ContactUs { width: 90%; background-color: #EEF0F2; display: flex; flex-direction: column; align-items: center; } .info-div-ContactUs{ height: 60px; width: 100%; background-color: #EEF0F2; margin-bottom: 25px; } .info-div-1-ContactUs{ margin-bottom: 0; } .info-div-TEXT-M-ContactUs{ font-size: 20px; color: #1A4990; font-family: 'Bebas Neue', cursive; margin: 0; margin-left: 10px; } .info-div-TEXT-S-ContactUs{ font-size: 0.8vw; color: #333; font-family: 'Bebas Neue', cursive; margin: 0; margin-left: 10px; } .Contact-text-M-ContactUs{ width: fit-content; margin-top: 10px; margin-bottom: 20px; } .Contact-text-M-ContactUs p{ margin: 0; color: #1A4990; font-family: 'Bebas Neue', cursive; font-size: 1.3vw; } .Contact-Form { display: flex; flex-direction: column; width: 100%; align-items: center; } .Contact-text-line-ContactUs{ height: 2px; width: 100%; background-color: #1A4990; } .text-info-div-ContactUs { width: 90%; padding: 0; margin: 0; margin-bottom: 30px; height: 35px; } .div-B-ContactUs { width: 90%; background-color: #1A4990; display: flex; justify-content: center; align-items: center; height: 40px; border: none; margin-bottom: 20px; } .text-info-Mesa-ContactUs{ height: 90px; resize: vertical; } .div-B-ContactUs P{ margin: 0; color: #ffffff; font-family: 'Bebas Neue', cursive; font-size: 1.3vw; } .TMS_DIV_BUTTON-ContactUs { width: 90%; display: flex; margin-bottom: 20px; flex-direction: column; align-content: center; align-items: center; justify-content: center; } .TMS_DIV_TEXT-ContactUs { background-color: #1A4990; cursor: pointer; height: 40px; display: flex; width: 100px; align-items: center; justify-content: center; margin-left: 10px; margin-right: 10px; border-style: solid; border-width: 0px; transition: all 0.5s; } .TMS_TEXT_P-ContactUs{ margin: 0; color: #ffffff; font-family: 'Bebas Neue', cursive; font-size: 20px; margin-left: 10px; margin-right: 10px; } .info-MTems-ContactUs{ width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .info-MTemstext-ContactUs{ background-color: #EEF0F2; display: flex; width: 100%; justify-content: center; margin: 0; color: #1A4990; font-family: 'Bebas Neue', cursive; font-size: 25px; align-items: center; margin-top: 10px; height: 60px; } .info-MTemstext-ContactUs p { margin: 0; } .NOT_QA-ContactUs{ margin-bottom: 10px } .info-MTemssetca-ContactUs{ background-color: #EEF0F2; width: 100%; display: flex; justify-content: center; } .NOT_QA-ContactUs{background-color: white;border-width: 1px;} .NOT_IC-ContactUs{background-color: white;border-width: 1px;} .NOT_AC_TEXT_QA-ContactUs{color: #333;} .NOT_AC_TEXT_IC-ContactUs{color: #333;} /* ****************Contact hovar**********************/ /* ****************Contact phone**********************/ @media only screen and (max-width: 1000px) { .Contact-section-map-ContactUs { width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 100px; } .Contact-text-ContactUs { width: 80%; } .Contact-MAP-IMG-a-ContactUs { width: 80%; height: 35vh; margin-bottom: 40px; } .Contact-MAP-IMG-ContactUs{ width: 90%; height: 300px; } .CON-INF-ContactUs { width: 90%; display: flex; height: fit-content; flex-direction: column; } .info-M-ContactUs { width: 100%; display: flex; } .Contact-M-ContactUs { width: 100%; display: flex; justify-content: flex-end; margin-top: 50px; } .info-S-ContactUs { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-around; } .Contact-S-ContactUs { width: 100%; background-color: #EEF0F2; display: flex; flex-direction: column; align-items: center; } .Contact-text-M-ContactUs p { margin: 0; color: #1A4990; font-family: 'Bebas Neue', cursive; font-size: 20px; } .text-info-div-ContactUs { width: 90%; padding: 0; margin: 0; margin-bottom: 30px; height: 35px; } .info-div-TEXT-S-ContactUs { font-size: 11px; color: #333; font-family: 'Bebas Neue', cursive; margin: 0; margin-left: 10px; } .info-div-TEXT-M-ContactUs { font-size: 20px; color: #1A4990; font-family: 'Bebas Neue', cursive; margin: 0; margin-left: 10px; } .div-B-ContactUs P { margin: 0; color: #ffffff; font-family: 'Bebas Neue', cursive; font-size: 20px; } .TMS_DIV_BUTTON-ContactUs{ width: 100%; } } /***************** Contact **********************/ /* ****************NEWS**********************/ /* **************** background **********************/ .background-section-NEWS-M{ width: 100%; height: 35vh;} .background-div-img-NEWS-M { background-image: url(/assets/img/P1.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-NEWS-M { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-NEWS-M { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-NEWS-M { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 40px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-NEWS-M{ display: none; } .background-text-NEWS-M { font-size: 40px; } } /***************** News **********************/ News-S-img-DIV-NEWS-M /* ****************NEWS**********************/ /* **************** background **********************/ .background-section-NEWS-M{ width: 100%; height: 35vh;} .background-div-img-NEWS-M { background-image: url(/assets/img/P1.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-NEWS-M { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-NEWS-M { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-NEWS-M { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 40px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-NEWS-M{ display: none; } .background-text-NEWS-M { font-size: 40px; } } /***************** News **********************/ .News-section-NEWS-M { width: 100%; display: flex; justify-content: center; } .News-M-div-NEWS-M { display: flex; justify-content: space-evenly; flex-wrap: wrap; margin-top: 30px; margin-bottom: 30px; width: 100%; } .News-S-NEWS-M { height: 400px; width: 35%; margin-top: 35px; margin-bottom: 35px; display: flex; border-style: solid; border-width: 1px; border-color: rgb(51, 51, 51); flex-direction: column; justify-content: flex-start; position: relative; } .News-S-img-DIV-NEWS-M { width: 100%; overflow: hidden; display: flex; height: 300px; } .News-text-DIV-NEWS-M { width: 100%; display: flex; flex-direction: column; align-items: flex-start; } .News-S-img-NEWS-M{ transition: all 0.3s; width: 100%; } .News-text-1-NEWS-M { width: initial; } .News-text-2-NEWS-M{ width: 100%; height: 60%; } .News-text-3-NEWS-M{ position: absolute; bottom: -10px; right: 0; } .News-text-info-NEWS-M{ margin: 0; font-size: 25px; font-family: 'Bebas Neue', cursive; color: #1A4990; } .News-text-line-info-NEWS-M{ width: 100%; height: 2px; background-color: #1A4990; } .News-text-info-div-NEWS-M{ position: relative; } .News-text-info-line-NEWS-M { position: absolute; height: 5px; background-color: #1A4990; width: 100%; display: none; bottom: 3px; } .News-text-info-text-big-NEWS-M{ margin: 0; margin-top: 5px; margin-left: 5px; font-size: 22px; font-family: 'Bebas Neue', cursive; } .News-text-info-div-H-NEWS-M { width: 100%; } .News-text-LINE-div-H-NEWS-M { position: relative; height: 4px; width: 150%; background-color: #1a4990; } .News-H-text-NEWS-M{ margin: 0; font-size: 30px; font-family: 'Bebas Neue', cursive; color: #1A4990; } .News-S-img-DIV-NEWS-M a { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; } /*****************hover**********************/ .News-text-3-NEWS-M:hover .News-text-info-line-NEWS-M{display: block;} .News-S-img-DIV-NEWS-M:hover .News-S-img-NEWS-M {transform: scale(1.05);} /*****************news phone**********************/ @media only screen and (max-width: 1000px) { .News-M-div-NEWS-M{ display: flex; justify-content: space-evenly; flex-wrap: wrap; margin-top: 30px; margin-bottom: 30px; width: 100%; flex-direction: column; align-content: center; } .News-S-NEWS-M{ width: 95%; height: 350px; } .News-S-img-DIV-NEWS-M a{ height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; } .News-H-text-NEWS-M{ font-size: 25px; } .News-H-text-NEWS-M{ font-size: 22px; } .News-text-info-NEWS-M{ font-size: 25px; } .News-S-img-DIV-NEWS-M{ height: 190px; } } /*****************News tap**********************/ .References-tap-section-NEWS-M{ width: 100%; height: 40px; display: flex; margin-bottom: 50px; } .References-tap-DIV-M-L-NEWS-M{ width: 50%; height: 100%; } .References-tap-DIV-M-R-NEWS-M { height: 100%; width: 50%; border-style: solid; border-width: 1px; border-color: #333; display: flex; justify-content: flex-end; align-items: center; align-content: center; } .References-tap-DIV-s-NEWS-M{ width: 40px; height: 25px; background-color: white; display: flex; align-items: center; justify-content: center; margin-left: 5px; margin-right: 5px; border-style: solid; border-width: 1px; border-color: #4B4B4B; transition: all 0.2s; } .active-References-div-NEWS-M{ background-color: #1A4990; border-style: solid; border-width: 2px; border-color: white; border-style: solid; border-width: 1px; border-color: #4B4B4B; } .References-tap-TEXT-NEWS-M{ margin: 0; font-size: 20px; font-family: 'Bebas Neue', cursive; color: #4B4B4B; } .active-References-text-NEWS-M{ color:white; } /* ****************References tap hover**********************/ .References-tap-DIV-s-NEWS-M:hover{ background-color: #1A4990;} .References-tap-DIV-s-NEWS-M:hover .References-tap-TEXT-NEWS-M { color: #ffffff;} /* ****************NEWS END**********************/ /* ****************NEWS page**********************/ /* **************** background **********************/ .background-section-NEWS-P{ width: 100%; height: 35vh;} .background-div-img-NEWS-P { background-image: url(/assets/img/P1.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-NEWS-P { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-NEWS-P { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-NEWS-P { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 40px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-NEWS-P{ display: none; } .background-text-NEWS-P { font-size: 40px; } } /* ****************References-Project**********************/ .Project-section-NEWS-P { width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; align-content: center; margin-top: 50px; } .Project-M-DIV-NEWS-P { height: 400px; width: 65%; display: flex; justify-content: center; } .Project-big-img-NEWS-P { height: 400px; width: 600px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .Project-img-NEWS-P { position: relative; transition: all 0.2s; width: 100%; height: 100%; object-fit: cover; } .Project-big-info-NEWS-P{ height: 100%; width: 700px; } .Project-text-2-NEWS-P-NEWS-P{ width: 100%; height: 14%; } .Project-Line-DIV{ width: 100%; height: 7%; display: flex; justify-content: center; align-content: center; } .Line-TEXT-NEWS-P{ width: 90%; height: 2px; background-color: #1A4990; } .Project-text-1-NEWS-P{ width: 100%; height: 79%; display: flex; justify-content: center; } .Project-text-M-NEWS-P{ font-size: 35px; font-family: "Bebas Neue", cursive; color: rgb(26, 73, 144); margin: 0px 0px 0px 5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Project-text-DIV-S-NEWS-P{ width: 100%; height: 100%; } .Project-text-s-NEWS-P{ font-size: 17px; margin: 0; font-weight: bolder; margin-left: 5%; } .lien-MM-DIV-NEWS-P { height: 100px; width: 65%; display: flex; align-items: center; } .lien-MM-NEWS-P{ height: 3px; width: 100%; background-color: #1A4990; } @media only screen and (max-width: 1000px) { .Project-section-NEWS-P { width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; align-content: center; margin-top: 50px; } .Project-M-DIV-NEWS-P { height: auto; width: 90%; display: flex; justify-content: center; flex-direction: column; align-items: center; } .lien-MM-DIV-NEWS-P { height: 100px; width: 90%; display: flex; align-items: center; } .Project-big-img-NEWS-P { height: 324px; width: 100%; overflow: hidden; display: flex; justify-content: center; align-content: center; } .Project-big-info-NEWS-P { height: auto; width: 100%; } .Project-text-s-NEWS-P { font-size: 14px; margin: 0; font-weight: bolder; } .Project-Line-DIV-NEWS-P{ width: 100%; height: 7%; display: flex; justify-content: center; align-content: center; margin-bottom: 30px; } .Project-text-M-NEWS-P { font-size: 18px; margin: 0; margin-top: 20px; } .Line-TEXT-NEWS-P { width: 100%; height: 2px; background-color: #1A4990; } } /* ****************hover**********************/ .Project-big-img-NEWS-P:hover .Project-img-NEWS-P{transform: scale(1.2);} /* ****************img-section**********************/ .img-section-NEWS-P { width: 100%; display: flex; justify-content: center; margin-bottom: 50px; } .M-img-div-NEWS-P { width: 65%; display: flex; justify-content: space-between; flex-wrap: wrap; } .S-img-div-NEWS-P { height: 200px; width: 350px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; } .M-img-R-NEWS-P{ transition: all 0.2s; width: inherit; } @media only screen and (max-width: 1000px) { .M-img-div-NEWS-P { width: 90%; display: flex; justify-content: center; flex-wrap: wrap; } .S-img-div-NEWS-P { height: 150px; width: 100%; overflow: hidden; margin: 0; margin-top: 20px; margin-bottom: 20px; } .M-img-R-NEWS-P { height: auto; transition: all 0.2s; width: inherit; } } /* ****************hover**********************/ .S-img-div-NEWS-P:hover .M-img-R-NEWS-P {transform: scale(1.2);} /* ****************NEWS page END**********************/ /* **************** References **********************/ /* **************** background **********************/ .background-section-RRM{ width: 100%; height: 35vh;} .background-div-img-RRM { background-image: url(/assets/img/P1.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-RRM { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-RRM { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-RRM { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 40px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-RRM{ display: none; } .background-text-RRM { font-size: 40px; } } /* **************** References **********************/ .RRsection-RRM { display: flex; justify-content: center; margin-top: 30px; margin-bottom: 30px; } .RRM-RRM { display: flex; flex-wrap: wrap; justify-content: center; width: 1500px; } .RRS-RRM { display: flex; height: 270px; width: 670px; border-style: solid; margin: 30px; border-width: 1px; } .RRIMG-DIV-RRM{ height: 100%; width: 40%; overflow: hidden; display: flex; align-content: center; justify-content: center; } .RRIMG-DIV-a-RRM{ height: 100%; width: 100%; overflow: hidden; display: flex; align-content: center; justify-content: center; } .RRimg-RRM{ height: inherit; transition: all 0.2s; } .RRtext-DIV-RRM { width: 60%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .RRtext-DIV-S-RRM{ width: 100%; height: 6.6%; display: flex; } .RRtext-DIV-S-2-RRM { width: 100%; height: 12%; display: flex; justify-content: flex-end; } .RRtext-DIV-S-3-RRM{ width: 100%; height: 16%; display: flex; } .RRtext-DIV-S-R-RRM { width: 50%; height: 100%; margin-left: 3%; display: flex; align-items: center; } .RRtext-DIV-S-L-RRM{ height: 100%; width: 47%; display: flex; align-items: center; } .RRTEXT-RRM{ margin: 0; font-family: 'Roboto Slab', serif; } .RRTEXT-SS-RRM{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .RRtext-DIV-M-LINE-RRM { width: 100%; height: 12%; display: flex; align-content: center; justify-content: center; align-items: center; } .RRtext-DIV-S-LINE-RRM{ width: 90%; height: 1px; background-color: #4b4b4b; } .RRTEXT-D-RRM { margin: 0; font-size: 20px; font-family: 'Bebas Neue', cursive; color: #1A4990; } .RRtext-DIV-S-D-RRM { width: fit-content; margin-right: 5px; } .RRTEXT-line-RRM { width: 100%; height: 10px; background-color: #1A4990; opacity: 0%; transition: all 0.2s; } .RRTEXT-Div-D-RRM{ width: 100%; height: 100%; display: flex; align-items: flex-end; } .RRtext-small-RRM{ font-size: small; } /* **************** References hover **********************/ .RRtext-DIV-S-D-RRM:hover .RRTEXT-line-RRM{opacity: 100%;} .RRIMG-DIV-RRM:hover .RRimg-RRM{transform: scale(1.3);} /* **************** References phone **********************/ @media only screen and (max-width: 1000px) { .RRsection-RRM { display: flex; justify-content: center; margin-top: 30px; margin-bottom: 30px; width: 100%; } .RRM-RRM { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .RRS-RRM { display: flex; height: 30vh; width: 90%; border-style: solid; margin: 30px; border-width: 1px; } .RRIMG-DIV-RRM { height: 100%; width: 40%; overflow: hidden; display: flex; align-content: center; justify-content: center; } .RRtext-DIV-RRM { width: 60%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .RRtext-DIV-S-3-RRM { width: 100%; height: 16%; display: flex; } .RRtext-DIV-S-RRM { width: 100%; height: 7.1%; display: flex; } .RRtext-DIV-M-LINE-RRM { width: 100%; height: 5%; display: flex; align-content: center; justify-content: center; align-items: center; } .RRtext-DIV-S-2-RRM { width: 100%; height: 12%; display: flex; justify-content: flex-end; } .RRtext-DIV-S-R-RRM { width: 50%; height: 100%; margin-left: 3%; display: flex; align-items: center; } .RRtext-DIV-S-L-RRM { height: 100%; width: 50%; display: flex; align-items: center; } .RRTEXT-RRM { margin: 0; font-family: 'Roboto Slab', serif; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; } } /* ****************References tap**********************/ .RRtap-section-RRM{ width: 100%; height: 40px; display: flex; margin-bottom: 50px; } .RRtap-DIV-M-L-RRM{ width: 50%; height: 100%; } .RRtap-DIV-M-R-RRM { height: 100%; width: 50%; border-style: solid; border-width: 1px; border-color: #333; display: flex; justify-content: flex-end; align-items: center; align-content: center; } .RRtap-DIV-s-RRM{ width: 40px; height: 25px; background-color: white; display: flex; align-items: center; justify-content: center; margin-left: 5px; margin-right: 5px; border-style: solid; border-width: 1px; border-color: #4B4B4B; transition: all 0.2s; } .active-RRdiv-RRM{ background-color: #1A4990; border-style: solid; border-width: 2px; border-color: white; border-style: solid; border-width: 1px; border-color: #4B4B4B; } .RRtap-TEXT-RRM{ margin: 0; font-size: 20px; font-family: 'Bebas Neue', cursive; color: #4B4B4B; } .active-RRtext{ color:white; } /* ****************References tap hover**********************/ .RRtap-DIV-s-RRM:hover{ background-color: #1A4990;} .RRtap-DIV-s-RRM:hover .RRtap-TEXT-RRM { color: #ffffff;} /* **************** References END **********************/ /* **************** References_P **********************/ /* **************** background **********************/ .background-section-RR-P{ width: 100%; height: 35vh;} .background-div-img-RR-P { background-image: url(/assets/img/P1.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-RR-P { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-RR-P { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-RR-P { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 40px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-RR-P{ display: none; } .background-text-RR-P { font-size: 30px; } } /* **************** PR img **********************/ .PR-section-img-RR-P{ width: 100%; display: flex; align-content: center; justify-content: center; margin-top: 30px; } .PR-div-img-RR-P { width: 60%; overflow: hidden; display: flex; justify-content: center; flex-direction: column; } .PR-div-text-RR-P{ width: 100%; display: flex; } .PR-div-text-RR-P p{ font-family: 'Bebas Neue', cursive; font-size: 60px; margin: 0; } .PR-div-img-div-RR-P{ width: 100%; } .PR-div-img-img-RR-P{ transition: all 0.2s; } .PR-div-img-img:hover {transform: scale(1.02);} /* **************** PR phone **********************/ @media only screen and (max-width: 1000px) { .PR-div-img-RR-P { width: 90%; } } /* **************** PR DESC **********************/ .PR-desc-section { width: 100%; display: flex; justify-content: center; margin-bottom: 30px; flex-direction: column; align-items: center; } .PR-des-div { width: 60%; display: flex; text-align: justify; color: #333; font-size: 18px; } /* **************** PR INFO **********************/ .PR-info-section-RR-P { width: 100%; display: flex; justify-content: center; margin-bottom: 50px; flex-direction: column; align-items: center; } .PR-info-div-M-RR-P { width: 60%; display: flex; justify-content: center; } .PR-info-div-L-RR-P { width: 50%; display: flex; flex-direction: column; align-items: flex-start; } .PR-info-div-R-RR-P { width: 50%; display: flex; flex-direction: column; align-content: stretch; justify-content: flex-start; align-items: flex-end; } .PR-info-div-S-RR-P{ width: 90%; height: 50px; background-color: #ccd0d3; margin-bottom: 10px; margin-top: 10px; display: flex; } .PR-text-div-L-RR-P{ width: 30%; height: 100%; } .PR-text-M-RR-P { display: flex; align-content: center; align-items: center; justify-content: space-between; } .PR-text-M-RR-P p{ font-size: 20px; margin: 0; font-family: 'Bebas Neue', cursive; margin-left: 20px; } .PR-text-div-R-RR-P{ width: 70%; height: 100%; justify-content: right; margin-right: 10px; } .PR-line-RR-P { width: 60%; background-color: #1A4990; height: 2px; margin-top: 30px; } /* **************** PR INFO phone **********************/ @media only screen and (max-width: 1000px) { .PR-div-text-RR-P p { font-size: 24px; } .PR-info-div-M-RR-P { width: 90%; display: flex; flex-direction: column; align-items: center; } .PR-info-div-L-RR-P{ width: 100%; } .PR-info-div-R-RR-P{ width: 100%; } .PR-line-RR-P { width: 90%; } .PR-text-M-RR-P p { font-size: 15px; margin: 0; margin-left: 10px; } .PR-text-div-L-RR-P { width: 100%; } .PR-text-div-R-RR-P { width: 100%; } .PR-info-div-S-RR-P { width: 100%; } .PR-des-div { width: 90%; } } /* ****************img-section**********************/ .img-section-RR-P { width: 100%; display: flex; justify-content: center; margin-bottom: 50px; } .M-img-div-RR-P { width: 60%; display: flex; justify-content: space-between; flex-wrap: wrap; } .S-img-div-RR-P { height: 200px; width: 320px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 50px; border-width: 1px; border-style: solid; } .M-img-R-RR-P{ width: 100%; transition: all 0.2s; } @media only screen and (max-width: 1000px) { .M-img-div-RR-P { width: 80%; display: flex; justify-content: center; flex-wrap: wrap; } .S-img-div-RR-P { height: 150px; width: 100%; overflow: hidden; margin: 0; margin-top: 20px; margin-bottom: 20px; } .M-img-R-RR-P { height: auto; transition: all 0.2s; width: inherit; } } /* ****************hover**********************/ .S-img-div-RR-P:hover .M-img-R-RR-P {transform: scale(1.2);} /*****************Special**********************/ .Special-section-RR-P{ width: 100%; display: flex; align-content: center; justify-content: center; margin-bottom: 100px; } .Special-div-RR-P{ width: 60%; box-shadow: 0px 0px 15px #0f0f0f; } .Special-div-text-RR-P{ background-color: #1A4990; height: 40PX; width: 100%; display: flex; justify-content: center; align-content: center; } .Special-div-text-RR-P P{ margin: 0; font-family: 'Bebas Neue', cursive; font-size: 30px; color: white; } .Special-div-CO-RR-P{ width: 100%; display: flex; } .Special-div-EM-RR-P { width: 50%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .Special-div-PH-RR-P { width: 50%; display: flex; flex-direction: column; align-items: center; } .text-info-div-RR-P { width: 90%; height: 37px; margin-top: 20px; } .text-info-Mesa-RR-P{ height: 120px; resize: vertical; margin-bottom: 20px; } .div-B-RR-P { display: flex; align-content: center; justify-content: center; width: 90%; height: 40px; background-color: #1A4990; align-items: center; } .div-B-RR-P p{ margin: 0; font-family: 'Bebas Neue', cursive; font-size: 20px; color: white; } .Special-img-text-RR-P { width: 90%; height: 35px; background-color: rgb(255, 255, 255); border-style: solid; border-width: 1px; border-color: #333; margin-top: 20px; display: flex; align-items: center; justify-content: space-around; } .Special-info-img-RR-P { height: 30px; width: 30px; display: flex; justify-content: center; align-content: center; overflow: hidden; } .Special-text-info-RR-P { height: 100%; display: flex; align-content: center; align-items: center; justify-content: flex-start; } .Special-text-info-RR-P p{ margin: 0; margin-left: 20px; font-size: 18px; } .Special-info-img-RR-P img{ width: inherit; } /*****************Special phone**********************/ @media only screen and (max-width: 1000px) { .Special-div-RR-P { width: 90%; display: flex; flex-direction: column; box-shadow: 0px 0px 15px #0f0f0f; } .Special-div-CO-RR-P { width: 100%; display: flex; flex-direction: column; align-items: center; } .Special-div-PH-RR-P { width: 100%; display: flex; flex-direction: column; align-items: center; } .Special-div-EM-RR-P { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } } /* ****************3D**********************/ .M-3D-div-RR-P { width: 100%; display: flex; flex-direction: column; justify-content: flex-end; } .M-3D-div-IMG-RR-P { height: 100%; width: 100%; background-color: white; display: flex; align-items: stretch; justify-content: center; position: relative; } .D3D-SCALL-RR-P{ opacity: 100%; } .M-3D-IMGX-RR-P { position: ABSOLUTE; width: 100%; HEIGHT: 100%; overflow:hidden ; transition: all 0.2s; border-style: solid; border-width: 1px; border-color: #444; } .M-3D-IMG-RR-P{ width: 100%; transition: all 0.1s;} .M-3D-IMG-SACEND-div-RR-P { position: absolute; overflow: hidden; height: 100%; display: flex; align-items: flex-end; left: 0; width: 0%; } .M-3D-IMG-SACEND-RR-P{ width: 1500px; height: 100%; } .D3D-SCALL-RR-P { -webkit-appearance: none; appearance: none; width: 100%; height: 20px; background: #5e7aa3; outline: none; z-index: 1; position: relative; transition: all 0.2s; } .D3D-SCALL-RR-P:hover { background: #1A4990; } .D3D-SCALL-RR-P::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 60px; height: 30px; background-image: url(/assets/img/left-right.png); background-size: contain; background-position: center; border-radius: 20px; background-color: #ffffff; background-repeat: no-repeat; box-shadow: 0px 0px 10px #000000; cursor: pointer; } /* ****************3D phone**********************/ @media only screen and (max-width: 1000px) { .M-3D-IMGX-RR-P{ position: absolute; width: 100%; height: 100%; } .M-3D-div-RR-P { height: auto; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; } } /* ****************3D**********************/ /* **************** References END **********************/ /*****************HOT R**********************/ /* **************** background **********************/ .background-section-HOT-R{ width: 100%; height: 35vh;} .background-div-img-HOT-R { background-image: url(/assets/img/S2.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-HOT-R { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-HOT-R { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-HOT-R { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 50px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-HOT-R{ display: none; } .background-text-HOT-R { font-size: 30px; } } /*****************info-section**********************/ .info-section-HOT-R{ width: 100%; display: flex; margin-top: 30px; justify-content: center; } .PRODUCTS-DIV-text-M-HOT-R{ width: 70%; } .PRODUCTS-DIV-text-M-HOT-R p{ font-family: "Bebas Neue", cursive; font-size: 20px; } .line-PRODUCTS-HOT-R{ width: 100%; height: 5px; background-color: #1A4990; } /*****************info-section phone*********************/ @media only screen and (max-width: 1000px) { .PRODUCTS-DIV-text-M-HOT-R{ width: 90%; } .PRODUCTS-DIV-text-M-HOT-R p{ font-size: 15px; } } /*****************REFERENCES-img**********************/ .REFERENCES-text-section-HOT-R{ width: 100%; margin-top: 50px; margin-bottom: 50px; } .REFERENCES-text-div-HOT-R{ display: flex; justify-content: space-between; margin-top: 50px; margin-bottom: 50px; } .text-img-REFERENCES-HOT-R{ width: 24%; border-style: none; } .text-img-REFERENCES-HOT-R img { width: 100%; } .text-img-REFERENCES_big_img-HOT-R{ width: 32%; position: relative; overflow: hidden; } .text-img-REFERENCES_big_img-HOT-R img{ width: 100%; } .black_REFERENCES-HOT-R{ position: absolute; width: 100%; height: 100%; background-color: #000000; opacity: 60%; top: 500px; display: flex; align-items: center; justify-content: center; transition: all 0.5s; cursor: pointer; } .black_REFERENCES-HOT-R P { color: white; font-family: "Bebas Neue", cursive; font-size: 30px; } .black_REFERENCES_link-HOT-R{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } .text-img-REFERENCES_big_img-HOT-R:hover .black_REFERENCES-HOT-R { top: 0px; } @media only screen and (max-width: 1000px) { .img_phone-HOT-R{ display: none; } .REFERENCES-text-section-HOT-R{ width: 100%; } .REFERENCES-text-div-HOT-R{ display: flex; flex-direction: column; align-items: center; margin-top: 0px; margin-bottom: 0px; } .text-img-REFERENCES_big_img-HOT-R { width: 100%; margin-bottom: 10px; } } /*****************REFERENCES-text**********************/ .REFERENCES-text-section-text-HOT-R{ width: 100%; margin-top: 50px; margin-bottom: 50px; } .img_text_bland-HOT-R { width: 100%; position: relative; margin-top: 100px; display: flex; margin-bottom: 100px; } .img_text_bland_img_div_2-HOT-R { width: 100%; display: flex; justify-content: center; align-items: center; } .icon_text_div-HOT-R { width: 22%; height: 100%; margin: 10px; display: flex; flex-direction: column; align-items: center; overflow: hidden; border-radius: 20px; border-style: solid; border-width: 1px; } .img_icon_s-HOT-R { width: 15%; margin-top: 10px; } .img_icon_s-HOT-R img{ width: 100%; } .icon_text_div-HOT-R p{ font-size: 1.1vw; font-family: "Bebas Neue", cursive; color: rgb(56 56 56); margin: 15px; } @media only screen and (max-width: 1000px) { .img_text_bland-HOT-R{ width: 100%; position: relative; margin-top: 0; display: flex; margin-bottom: 0; } .img_text_bland_img_div_2-HOT-R { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .icon_text_div-HOT-R{ width: 80%; height: auto; } .icon_text_div-HOT-R p { font-size: 17px; } } /*****************one_REFERENCES**********************/ .REFERENCES-text-section-one-HOT-R{ width: 100%; position: relative; margin-bottom: 100px; display: flex; flex-direction: row; } .one-REFERENCES-div_1-HOT-R{ width: 50%; display: flex; justify-content: center; border-style: solid; border-width: 1px; } .one-REFERENCES-div_1-HOT-R img{ width: 50%; } .one-REFERENCES-div_2-HOT-R{ width: 50%; background-color: rgb(26, 73, 144); display: flex; justify-content: flex-start; align-items: center; } .one-REFERENCES-div_2-HOT-R p{ width: 50%; font-size: 25px; font-family: "Bebas Neue", cursive; color: white; margin-right: 50px; margin-left: 50px; } @media only screen and (max-width: 1000px) { .REFERENCES-text-section-one-HOT-R{ width: 100%; position: relative; margin-bottom: 20px; display: flex; flex-direction: column; } .one-REFERENCES-div_1-HOT-R { width: 100%; display: flex; justify-content: center; border-style: solid; border-width: 1px; } .one-REFERENCES-div_2-HOT-R{ width: 100%; background-color: rgb(26, 73, 144); display: flex; justify-content: center; align-items: center; } .one-REFERENCES-div_2-HOT-R p { width: 90%; font-size: 15px; font-family: "Bebas Neue", cursive; color: white; margin: 10px; } } /*****************PRODUCTS**********************/ .PRODUCTS-section-HOT-R{ width: 100%; display: flex; justify-content: center; } .PRODUCTS-DIV-M-HOT-R{ width: 70%; } .PRODUCTS-DIV-M-info-HOT-R{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; } .line-PRODUCTS_2-HOT-R { width: 100%; height: 5px; background-color: #1A4990; margin-bottom: 20px; } .PRODUCTS-img-div-HOT-R{ height: 300px; width: 300px; overflow: hidden; display: flex; justify-content: center; align-content: center; } .PRODUCTS-div-HOT-R{ margin-bottom: 50px; } .PRODUCTS-text-div-HOT-R { height: 70px; width: 300px; display: flex; flex-direction: column; justify-content: space-between; border-style: solid; border-width: 1px; border-color: #333; } .PRODUCTS-text-info-M-HOT-R{ width: 100%; display: flex; justify-content: center; align-items: center; } .PRODUCTS-text-info-M-HOT-R p{ font-size: 24px; font-family: 'Bebas Neue', cursive; color: #333; margin: 0; } .PRODUCTS-text-info-S-HOT-R { width: fit-content; display: flex; justify-content: flex-end; flex-direction: column; align-self: flex-end; position: relative; top: 11px; } .PRODUCTS-text-info-S-HOT-R p{ font-size: 20px; font-family: 'Bebas Neue', cursive; color: #1A4990; margin: 0; } .text-line-s-HOT-R { width: 100%; height: 5px; background-color: #1A4990; position: relative; top: -5px; opacity: 0; transition: all 0.2s; } .A-PRODUCTS-text-HOT-R{ width: fit-content; align-self: flex-end; } .A-IMG-HOT-R{ width: 100%; height: 100%; } .A-IMG-HOT-R img { transition: all 0.2s; } /*****************PRODUCTS hover**********************/ .PRODUCTS-text-info-S-HOT-R:hover .text-line-s-HOT-R{ opacity: 100%; } .A-IMG-HOT-R:hover img { transform: scale(1.2); } /*****************PRODUCTS hover**********************/ @media only screen and (max-width: 1000px) { .PRODUCTS-DIV-text-HOT-R p { font-size: 15px; } } /*****************HOT R END**********************/ /* ****************Prefabrik+h**********************/ /* **************** background **********************/ .background-section-pre{ width: 100%; height: 35vh;} .background-div-img-pre { background-image: url(/assets/img/S1.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-pre { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-pre { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-pre { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 40px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-pre{ display: none; } .background-text-pre { font-size: 20px; } } /*****************PRODUCTS**********************/ .PRODUCTS-section-pre{ margin-top: 30px; width: 100%; display: flex; justify-content: center; } .PRODUCTS-DIV-M-pre{ width: 70%; } .PRODUCTS-DIV-text-M-pre{ width: 100%; margin-bottom: 30px; } .PRODUCTS-DIV-text-pre{ margin-bottom: 30px; } .PRODUCTS-DIV-text-pre p{ color: #333; font-size: 20px; } .line-PRODUCTS-pre{ width: 100%; background-color: #1A4990; height: 2px; } .PRODUCTS-DIV-M-info-pre{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .PRODUCTS-img-div-pre{ height: 300px; width: 300px; overflow: hidden; display: flex; justify-content: center; align-content: center; } .PRODUCTS-div-pre{ margin-bottom: 50px; } .PRODUCTS-text-div-pre { height: 70px; width: 300px; display: flex; flex-direction: column; justify-content: space-between; border-style: solid; border-width: 1px; border-color: #333; } .PRODUCTS-text-info-M-pre{ width: 100%; display: flex; justify-content: center; align-items: center; } .PRODUCTS-text-info-M-pre p{ font-size: 24px; font-family: 'Bebas Neue', cursive; color: #333; margin: 0; } .PRODUCTS-text-info-S-pre { width: fit-content; display: flex; justify-content: flex-end; flex-direction: column; align-self: flex-end; position: relative; top: 11px; } .PRODUCTS-text-info-S-pre p{ font-size: 20px; font-family: 'Bebas Neue', cursive; color: #1A4990; margin: 0; } .text-line-s-pre { width: 100%; height: 5px; background-color: #1A4990; position: relative; top: -5px; opacity: 0; transition: all 0.2s; } .A-PRODUCTS-text-pre{ width: fit-content; align-self: flex-end; } .A-IMG-pre{ width: 100%; height: 100%; } .A-IMG-pre img { width: 100%; height: 100%; object-fit: cover; transition: all 0.2s; } /*****************PRODUCTS hover**********************/ .PRODUCTS-text-info-S-pre:hover .text-line-s-pre{ opacity: 100%; } .A-IMG-pre:hover img { transform: scale(1.2); } /*****************PRODUCTS hover**********************/ @media only screen and (max-width: 1000px) { .PRODUCTS-DIV-text-pre p { font-size: 15px; } } /* ****************Prefabrik+h end**********************/ /* **************** Prefabrik Evler Page **********************/ /* **************** background **********************/ .background-section-pep{ width: 100%; height: 35vh;} .background-div-img-pep { background-image: url(/assets/img/P1.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-pep { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-pep { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-pep { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 40px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-pep{ display: none; } .background-text-pep { font-size: 30px; white-space: nowrap; } } /* **************** Producer img **********************/ .Producer-section-img-pep{ width: 100%; display: flex; align-content: center; justify-content: center; margin-top: 30px; } .Producer-div-img-pep { width: 60%; overflow: hidden; display: flex; justify-content: center; flex-direction: column; } .Producer-div-img-pep img{ /* width: -webkit-fill-available; */ width: 100%; height: auto; } .Producer-div-text-pep{ width: 60%; display: flex; } .Producer-div-text-pep p{ font-family: 'Bebas Neue', cursive; font-size: 60px; margin: 0; } .Producer-div-img-div-pep{ width: 100%; overflow:hidden; } .Producer-div-img-img-pep{ transition: all 0.2s; } .Producer-div-img-img-pep:hover {transform: scale(1.02);} /* **************** Producer phone **********************/ @media only screen and (max-width: 1000px) { .Producer-div-img-pep { width: 90%; } } /* **************** Producer INFO **********************/ .Producer-info-section-pep { width: 100%; display: flex; justify-content: center; margin-bottom: 50px; flex-direction: column; align-items: center; } .Producer-info-div-M-pep { width: 60%; display: flex; justify-content: center; } .Producer-info-div-L-pep { width: 50%; display: flex; flex-direction: column; align-items: flex-start; } .Producer-info-div-R-pep { width: 50%; display: flex; flex-direction: column; place-content: stretch flex-start; align-items: flex-end; } .Producer-info-div-S-pep{ width: 90%; height: 50px; background-color: #ccd0d3; margin-bottom: 10px; margin-top: 10px; display: flex; } .Producer-text-div-L-pep{ width: 70%; height: 100%; } .Producer-text-M-pep { display: flex; align-content: center; align-items: center; justify-content: space-between; } .Producer-text-M-pep p{ font-size: 20px; margin: 0; font-family: 'Bebas Neue', cursive; margin-left: 20px; } .Producer-text-div-R-pep{ width: 30%; height: 100%; justify-content: space-around; } .Producer-line-pep { width: 60%; background-color: #1A4990; height: 2px; margin-top: 30px; } /* **************** Producer INFO phone **********************/ @media only screen and (max-width: 1000px) { .Producer-div-text-pep p { font-size: 24px; } .Producer-info-div-M-pep { width: 90%; justify-content: center; flex-direction: column; align-items: center; } .Producer-info-div-L-pep { width: 100%; display: flex; flex-direction: column; align-items: center; } .Producer-info-div-R-pep { width: 100%; display: flex; flex-direction: column; align-content: stretch; justify-content: center; align-items: center; } .Producer-line-pep { width: 90%; } .Producer-text-M-pep p { font-size: 13px; margin-left: 10px; } .Producer-text-div-L-pep { width: 80%; } .Producer-text-div-R-pep { width: 20%; } .Producer-info-div-S-pep { width: 95%; } } /* ****************img-section**********************/ .img-section-pep { width: 100%; display: flex; justify-content: center; margin-bottom: 50px; } .M-img-div-pep { width: 60%; display: flex; justify-content: space-between; flex-wrap: wrap; } .S-img-div-pep { height: 200px; width: 320px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 50px; border-width: 1px; border-style: solid; } .M-img-R-pep{ height: inherit; transition: all 0.2s; } @media only screen and (max-width: 1000px) { .M-img-div-pep { width: 80%; display: flex; justify-content: center; flex-wrap: wrap; } .S-img-div-pep { height: 150px; width: 100%; overflow: hidden; margin: 0; margin-top: 20px; margin-bottom: 20px; } .M-img-R-pep { height: auto; transition: all 0.2s; width: inherit; } } /* ****************hover**********************/ .S-img-div-pep:hover .M-img-R-pep {transform: scale(1.2);} /* **************** Prefabrik Evler Page END**********************/ /* **************** PREFBRIK EVLER**********************/ /* **************** background **********************/ .background-section-PREP-1{ width: 100%; height: 35vh;} .background-div-img-PREP-1 { background-image: url(/assets/img/P1.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-PREP-1 { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-PREP-1 { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-PREP-1 { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 40px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-PREP-1{ display: none; } .background-text-PREP-1 { font-size: 20px; } } /*****************FILTAR**********************/ .FILTAR-section-PREP-1{ width: 100%; margin-top: 20px; display: flex; align-content: center; justify-content: center; } .FILTAR-div-M-PREP-1{ width: 60%; height: 50px; outline-style: solid; outline-width: 1px; outline-color: #333; display: flex; } .FILTAR-div-PREP-1-IMG { width: 50px; height: 50px; display: flex; justify-content: center; align-content: center; background-color: #1A4990; overflow: hidden; align-items: center; cursor: pointer; } .FILTAR-div-IMG-PREP-1 img {height: 90%;} .FILTAR-div-IMG-PREP-1{ background-color: #1A4990; } .FILTAR-div-F-PREP-1 { height: 100%; border-style: solid; border-width: 1px; border-color: #333; border-bottom-style: unset; border-top-style: unset; display: flex; justify-content: center; align-items: center; cursor: pointer; } .FILTAR-div-F-PREP-1 p { margin: 0; margin-left: 10px; margin-right: 10px; font-size: 20px; font-family: 'Bebas Neue', cursive; color: #1A4990; } .FILTAR-div-F-PREP-1:hover {background-color: #1A4990;} .FILTAR-div-F-PREP-1:hover p {color: #ffffff;} .FILTAR-div-IMG-PREP-1:hover {background-color: white;} .FILTAR-div-IMG-PREP-1:hover img {content: url(/assets/img/icons/filter-SE.png);} /*****************PRODUCTS**********************/ .PRODUCTS-section-PREP-1{ margin-top: 40px; margin-bottom: 40px; width: 100%; display: flex; justify-content: center; align-content: center; } .PRODUCTS-M-DIV-PREP-1{ width: 60%; display: flex; flex-wrap: wrap; justify-content: space-between; } .item-div-PREP-1 { width: 320px; height: 370px; display: flex; flex-direction: column; align-content: center; align-items: center; outline-style: solid; outline-width: 1px; outline-color: #333; margin-bottom: 50px; } .itam-img-PREP-1 { width: 320px; height: 320px; overflow: hidden; display: flex; align-items: stretch; justify-content: center; } .itam-text-div-PREP-1{ width: 320px; height: 70px; } .itam-text-div-M-PREP-1 { height: 40px; width: 320px; display: flex; justify-content: center; align-items: center; } .itam-text-div-S-PREP-1 { height: 30px; width: 320px; display: flex; justify-content: flex-end; align-items: flex-end; visibility: hidden; } .itam-text-div-M-PREP-1 p{ margin: 0; font-family: 'Bebas Neue', cursive; font-size: 28px; color: #333; } .itam-img-PREP-1 a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: stretch; } .itam-text-div-S-PREP-1 p{ margin: 0; font-family: 'Bebas Neue', cursive; font-size: 20px; color: #1A4990; } .itam-text-div-SS-PREP-1{ position: relative; cursor: pointer; } .line-text-PREP-1{ width: 100%; height: 7px; background-color: #1A4990; position: absolute; opacity: 0%; } /*****************PRODUCTS phone**********************/ @media only screen and (max-width: 1000px) { .PRODUCTS-section-PREP-1 { margin-top: 40px; margin-bottom: 40px; width: 100%; display: flex; justify-content: center; align-content: center; } .PRODUCTS-M-DIV-PREP-1 { width: 90%; display: flex; flex-wrap: nowrap; flex-direction: column; } .item-div-PREP-1 { width: 100%; height: auto; display: flex; flex-direction: column; align-content: center; align-items: center; outline-style: solid; outline-width: 1px; outline-color: #333; margin-bottom: 50px; } .itam-img-PREP-1 { width: 100%; height: auto; overflow: hidden; display: flex; align-items: stretch; justify-content: center; } .itam-text-div-PREP-1 { width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; } .itam-img-PREP-1 a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: stretch; } .itam-text-div-M-PREP-1 { height: 40px; width: 100%; display: flex; justify-content: center; align-items: center; } .itam-text-div-S-PREP-1 { height: 30px; width: 100%; display: flex; justify-content: flex-end; align-items: flex-end; } .itam-img-M-PREP-1{ width: 100%; } } /*****************PRODUCTS hover**********************/ .itam-img-M-PREP-1{transition: all 0.2s;} .itam-text-div-SS-PREP-1:hover .line-text-PREP-1{opacity: 100%;} .itam-img-M-PREP-1:hover {transform: scale(1.2);} /*****************PRODUCTS phone**********************/ @media only screen and (max-width: 1000px) { .FILTAR-div-M-PREP-1 { width: 90%; height: 40px; outline-style: solid; outline-width: 1px; outline-color: #333; display: flex; } .FILTAR-div-IMG-PREP-1 { width: 40px; height: 40px; display: flex; justify-content: center; align-content: center; background-color: #1A4990; overflow: hidden; align-items: center; cursor: pointer; } .FILTAR-div-F-PREP-1 { height: 100%; border-style: solid; border-width: 1px; border-color: #333; border-bottom-style: unset; border-top-style: unset; display: flex; justify-content: center; align-items: center; cursor: pointer; } } /* **************** PREFBRIK EVLER END**********************/ .X-text-div-HOT-R{ margin-top: 100px; margin-bottom: 100px; width: 100%; height: 100%; overflow: hidden; position: relative; box-shadow: 0px 0px 15px #000000; } .X2-text-div-HOT-R { display: flex; justify-content: flex-end; height: 480px; align-items: center; } .X4-text-div-HOT-R p { width: 80%; color: white; margin: 0px; font-size: 19px; font-family: 'Bebas Neue', cursive; } .X3-text-div-HOT-R { background-color: #1A4990; width: 620px; height: 450px; display: flex; flex-wrap: wrap; flex-direction: row; margin-right: 130px; border-radius: 30px; align-content: space-around; } .X3-text-div-HOT-R img{ height: 60px; width: 60px; margin-bottom: 20px; } .X4-text-div-HOT-R { display: flex; flex-direction: column; align-items: center; width: 50%; } .X-text-div-HOT-R-IMG{ position: absolute; z-index: -1; top: -315px; } @media only screen and (max-width: 1000px) { .X2-text-div-HOT-R{ display: flex; justify-content: center; } .X3-text-div-HOT-R{ margin: 0px; height: 100%; } .X3-text-div-HOT-R img{ height: 45px; width: 45px; margin-bottom: 15px; } .X4-text-div-HOT-R p{ font-size: 15px; } .X-text-div-HOT-R-IMG{ display: none; } .X-text-div-HOT-R{ box-shadow: 0px 0px 0px #000000; overflow: visible; } .X3-text-div-HOT-R{ box-shadow: 0px 0px 15px #000000; } .X4-text-div-HOT-R p{ width: 95%; } } /*****************HOT R**********************/ /* **************** background **********************/ .background-section-HOT-R{ width: 100%; height: 35vh;} .background-div-img-HOT-R { background-image: url(/assets/img/P1.jpg); background-position-y: center; height: 100%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; background-repeat: no-repeat; background-size: cover; } .background-div-text-R-HOT-R { position: relative; width: 50%; display: flex; justify-content: center; } .background-div-text-L-HOT-R { position: relative; width: 50%; display: flex; justify-content: center; } .background-text-HOT-R { margin: 0; color: white; font-family: 'Bebas Neue', cursive; font-size: 50px; } /* **************** background phone **********************/ @media only screen and (max-width: 1000px) { .background-div-text-L-HOT-R{ display: none; } .background-text-HOT-R { font-size: 30px; } } /* **************** background end phone **********************/ .Makinalar-section{ width: 100%; display: flex; height: auto; margin-top: 70px; flex-direction: column; align-items: center; } .Makinalar-div-b { width: 70%; display: flex; height: 420px; overflow: hidden; margin-bottom: 50px; position: relative; } .Makinalar-div-text-M{ margin: 0px; color: rgb(51, 51, 51); font-family: "Bebas Neue", cursive; font-size: 30px; display: flex; justify-content: center; border-style: solid; border-color: rgb(51, 51, 51) rgb(255, 255, 255) rgb(255, 255, 255); height: 20%; align-items: center; background: white; } .Makinalar-div-text-M p{ margin: 0; } .Makinalar-div-img{ width: 50%; display: flex; justify-content: flex-start; } .Makinalar-div-img img{ height: 100%; } .Makinalar-div-text-S{ color: #ffffff; font-family: 'Bebas Neue', cursive; background-color: #1A4990; display: flex; justify-content: space-between; height: 80%; align-items: center; flex-direction: column; } .Makinalar-div-text-S p{ width: 80%; margin: 0; font-size: 20px; margin-top: 20px; } .Makinalar-div-text-b{ height: 100%; } .Makinalar-L-R{ display: flex; flex-direction: row-reverse; margin-top: 100px; } .play-div-img img { height: 100%;; transition: all 0.3s; } .play-div-img { position: absolute; height: 25%; background-color: #b7b7b7; top: 0; left: 0; } .play-div-img-L-R{ position: absolute; height: 15%; background-color: #b7b7b7; left: 0; top: 0; } .play-div-img-L-R img { height: 100%;; transition: all 0.3s; } .play-div-img:hover img{ transform: scale(0.90); } .play-div-img-L-R:hover img{ transform: scale(0.90); } .Makinalar-ss-div2{ background: #b7b7b7; } .Makinalar-ss-big-div{ position: relative; width: 90%; display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; } .Makinalar-ss-div{ position: relative; width: 22%; margin-left: 3%; margin-right: 3%; margin-bottom: 50px; border-style: solid; border-width: 1px; } .Makinalar-ss-div img{ width: 100%; } .Makinalar-big-text-div{ width: 100%; } .Makinalar-m-text-div { background-color: #1a4990; width: 100%; display: flex; justify-content: flex-start; } .Makinalar-m-text-div p{ color: rgb(255 255 255); font-family: "Bebas Neue", cursive; font-size: 25px; padding: 0; margin: 0; margin-left: 10px; } .Makinalar-s-text-div{ width: 100%; } .Makinalar-s-text-div p{ color: #333; font-size: 19px; margin-left: 5px; } .line-makin{ width: 100%; height: 4px; background-color: #1a4990; position: absolute; bottom: 0px; display: none; } .link-makin{ height: 100%; width: 100%; display: block; position: absolute; top: 0; } @media only screen and (max-width: 1000px) { .Makinalar-div-text-M { margin: 0px; color: rgb(255 255 255); font-family: "Bebas Neue", cursive; font-size: 22px; display: flex; justify-content: center; border-style: none; height: 20%; background: #1a4990; } .Makinalar-div-text-S { color: rgb(3 3 3); font-family: "Bebas Neue", cursive; background-color: white; display: flex; justify-content: center; height: 80%; align-items: center; } .Makinalar-div-text-S p { width: 100%; margin: 0px; font-size: 19px; border-style: solid; border-width: 0; border-bottom-width: 4px; border-color: #1a4990; margin-top: 20px; } .Makinalar-div-b { width: 90%; display: flex; height: auto; overflow: hidden; margin-bottom: 0px; flex-direction: column; position: relative; } .Makinalar-div-img { width: 100%; } .Makinalar-ss-big-div { position: relative; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px; flex-direction: column; align-items: center; justify-content: center; } .Makinalar-ss-div { width: 90%; } .Makinalar-m-text-div p{ font-size: 22px; } .Makinalar-s-text-div p{ font-size: 20px; } } .Makinala_section_ho { height: 400px; background-color: #1A4990; width: 100%; display: flex; flex-direction: row-reverse; position: relative; margin-top: 70px; margin-bottom: 70px; } .Makinala_section_ho img{ height: 100%; } .Makinala_div_text_ho { display: block; position: absolute; left: 0; top: 0; width: 40%; margin-left: 15%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .Makinala_m_text_ho { font-size: 30px; color: white; font-family: 'Bebas Neue', cursive; } .Makinala_s_text_ho{ font-size: 25px; color: white; font-family: 'Bebas Neue', cursive; } .Makinala_de_text_ho { font-size: 30px; color: white; font-family: 'Bebas Neue', cursive; display: flex; justify-content: flex-end; } .Makinala_de_text_ho:hover p{ transition: all 0.2s; } .Makinala_de_text_ho:hover p{ transform: scale(1.1); } @media only screen and (max-width: 1000px) { .play-div-img{ height: 15%; } .Makinala_m_text_ho { font-size: 25px; } .Makinala_s_text_ho{ font-size: 20px; } .Makinala_div_text_ho { font-size: 30px; width: 90%; display: flex; justify-content: space-around; margin: 0; margin-left: 20px; } }