.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//omegaotomotiv.com.tr/wp-content/themes/omega-otomotiv/images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//omegaotomotiv.com.tr/wp-content/themes/omega-otomotiv/images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//omegaotomotiv.com.tr/wp-content/themes/omega-otomotiv/images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//omegaotomotiv.com.tr/wp-content/themes/omega-otomotiv/images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.banner-engineer {
display: flex;
justify-content: flex-start;
align-items: center;
}
.pagination li a, .blog .content .d-flex ul li a i, footer .socialMeadia li a i, .foto-galeri .video-thumb .box, .global-banner, .slick-dots {
display: flex;
justify-content: center;
align-items: center;
}
.mt0 {
margin-top: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.pl0 {
padding-left: 0px !important;
}
.mr0 {
margin-right: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.mt5 {
margin-top: 5px !important;
}
.pt5 {
padding-top: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.pt15 {
padding-top: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.pt25 {
padding-top: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.pt35 {
padding-top: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.pl35 {
padding-left: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.pt45 {
padding-top: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.pl45 {
padding-left: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.pt55 {
padding-top: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.pl55 {
padding-left: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.pt60 {
padding-top: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.pt65 {
padding-top: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.ml65 {
margin-left: 65px !important;
}
.pl65 {
padding-left: 65px !important;
}
.mr65 {
margin-right: 65px !important;
}
.pr65 {
padding-right: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.pt70 {
padding-top: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.ml70 {
margin-left: 70px !important;
}
.pl70 {
padding-left: 70px !important;
}
.mr70 {
margin-right: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.pt75 {
padding-top: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.ml75 {
margin-left: 75px !important;
}
.pl75 {
padding-left: 75px !important;
}
.mr75 {
margin-right: 75px !important;
}
.pr75 {
padding-right: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.pt80 {
padding-top: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.ml80 {
margin-left: 80px !important;
}
.pl80 {
padding-left: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.pt85 {
padding-top: 85px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.pb85 {
padding-bottom: 85px !important;
}
.ml85 {
margin-left: 85px !important;
}
.pl85 {
padding-left: 85px !important;
}
.mr85 {
margin-right: 85px !important;
}
.pr85 {
padding-right: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.pt90 {
padding-top: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.ml90 {
margin-left: 90px !important;
}
.pl90 {
padding-left: 90px !important;
}
.mr90 {
margin-right: 90px !important;
}
.pr90 {
padding-right: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.pt95 {
padding-top: 95px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.pb95 {
padding-bottom: 95px !important;
}
.ml95 {
margin-left: 95px !important;
}
.pl95 {
padding-left: 95px !important;
}
.mr95 {
margin-right: 95px !important;
}
.pr95 {
padding-right: 95px !important;
}
.mt100 {
margin-top: 100px !important;
}
.pt100 {
padding-top: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.ml100 {
margin-left: 100px !important;
}
.pl100 {
padding-left: 100px !important;
}
.mr100 {
margin-right: 100px !important;
}
.pr100 {
padding-right: 100px !important;
}
.pg-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pg-4 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pg-5 {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
input:focus,
textarea:focus,
select:focus,
button:focus,
div:focus {
outline: none;
}
html,
body {
overflow-x: hidden;
width: 100%;
}
body {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-weight: 400;
}
.hidden {
overflow: hidden;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
@media (min-width: 1440px) {
.container {
max-width: 1380px;
}
}
#sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram, #sb_instagram #sbi_images {
padding: 0 !important;
}
.hover01 {
transition: all ease-in-out 300ms;
}
.hover01:hover {
box-shadow: 0px 37px 20px -20px rgba(0, 0, 0, 0.2);
transform: translate(0px, -4px) scale(1.01);
}
.hover02 {
transition: all ease-in-out 300ms;
}
.hover02:hover {
box-shadow: 0px 17px 30px -8px rgba(0, 0, 0, 0.2);
transform: translate(0px, -1px) scale(1.02);
}
.bFacebook {
background: #3b5998;
}
.bTwitter {
background: #00aced;
}
.bInstagram {
background: #bc2a8d;
}
.bGogglePlus {
background: #dd4b39;
}
.bGogglePlus {
background: #dd4b39;
}
.bYoutube {
background: #bb0000;
}
.bPinterest {
background: #cb2027;
}
.bLinkedin {
background: #007bb6;
}
.bVimeo {
background: #1ab7ea;
}
.btumblr {
background: #32506d;
}
.bflickr {
background: #ff0084;
}
.bDribble {
background: #ea4c89;
}
.bQuora {
background: #a82400;
}
.bFoursquare {
background: #0072b1;
}
.bForrst {
background: #5B9A68;
}
.bVk {
background: #45668e;
}
.bWordpress {
background: #21759b;
}
.bStumbleupon {
background: #EB4823;
}
.bYahoo {
background: #7B0099;
}
.bBlogger {
background: #fb8f3d;
}
.bSoundcloud {
background: #ff3a00;
}
.cFacebook {
color: #3b5998;
}
.cTwitter {
color: #00aced;
}
.cInstagram {
color: #bc2a8d;
}
.cGogglePlus {
color: #dd4b39;
}
.cGogglePlus {
color: #dd4b39;
}
.cYoutube {
color: #bb0000;
}
.cPinterest {
color: #cb2027;
}
.cLinkedin {
color: #007bb6;
}
.cVimeo {
color: #1ab7ea;
}
.ctumblr {
color: #32506d;
}
.cflickr {
color: #ff0084;
}
.cDribble {
color: #ea4c89;
}
.cQuora {
color: #a82400;
}
.cFoursquare {
color: #0072b1;
}
.cForrst {
color: #5B9A68;
}
.cVk {
color: #45668e;
}
.cWordpress {
color: #21759b;
}
.cStumbleupon {
color: #EB4823;
}
.cYahoo {
color: #7B0099;
}
.cBlogger {
color: #fb8f3d;
}
.cSoundcloud {
color: #ff3a00;
}
.hFacebook:hover {
color: #3b5998;
}
.hTwitter:hover {
color: #00aced;
}
.hInstagram:hover {
color: #bc2a8d;
}
.hGogglePlus:hover {
color: #dd4b39;
}
.hGogglePlus:hover {
color: #dd4b39;
}
.hYoutube:hover {
color: #bb0000;
}
.hPinterest:hover {
color: #cb2027;
}
.hLinkedin:hover {
color: #007bb6;
}
.hVimeo:hover {
color: #1ab7ea;
}
.htumblr:hover {
color: #32506d;
}
.hflickr:hover {
color: #ff0084;
}
.hDribble:hover {
color: #ea4c89;
}
.hQuora:hover {
color: #a82400;
}
.hFoursquare:hover {
color: #0072b1;
}
.hForrst:hover {
color: #5B9A68;
}
.hVk:hover {
color: #45668e;
}
.hWordpress:hover {
color: #21759b;
}
.hStumbleupon:hover {
color: #EB4823;
}
.hYahoo:hover {
color: #7B0099;
}
.hBlogger:hover {
color: #fb8f3d;
}
.hSoundcloud:hover {
color: #ff3a00;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track::before {
display: table;
content: "";
}
.slick-track::after {
display: table;
content: "";
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-dots {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
}
.slick-dots li div {
width: 12px;
height: 12px;
padding: 0;
border-radius: 50%;
background: #fff;
margin: 0 5px;
cursor: pointer;
}
.slick-dots .slick-active div {
border: none;
background: #007F9B;
}
.slick-arrow {
position: absolute;
z-index: 1;
bottom: 20px;
width: 35px;
height: 35px;
background-color: transparent;
border: 1px solid #fff;
color: #fff;
font-size: 20px;
border-radius: 50%;
cursor: pointer;
}
.slick-arrow.slick-prev {
left: calc(50% - 45px);
}
.slick-arrow.slick-next {
right: calc(50% - 45px);
}
header {
background: transparent; backdrop-filter: blur(30px);
--webkit-backdrop-filter: blur(30px);
background-color: rgba(255, 255, 255, 0.55); padding: 18px 0;
z-index: 11;
}
header.fixed {
position: fixed;
width: 100%;
left: 0;
top: 0;
}
@media (max-width: 992px) {
header.fixed {
position: relative;
}
}
header .container {
display: flex;
align-items: center;
}
header .container a.logo {
position: relative;
z-index: 2;
}
header .container a.logo img {
height: 40px;
}
@media (max-width: 1199px) {
header .container a.logo img {
height: 30px;
}
}
header .container nav {
margin-left: auto;
margin-right: 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
header .container nav {
margin-right: 30px;
}
}
@media (max-width: 992px) {
header .container nav {
order: 3;
margin-left: 15px;
margin-right: 0;
}
}
header .container nav .menu {
display: flex;
margin: 0 -10px;
}
@media (max-width: 992px) {
header .container nav .menu {
margin: 0;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #000;
position: absolute;
left: 0;
top: 0px;
width: 100%;
height: 100vh;
opacity: 0;
transition: all ease-in-out 300ms;
}
header .container nav .menu.active {
visibility: visible;
opacity: 1;
top: 0;
}
}
header .container nav .menu li {
padding: 0 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
header .container nav .menu li {
padding: 0 8px;
}
}
header .container nav .menu li.current-menu-item a {
color: #007F9B;
}
header .container nav .menu li.phone {
display: none;
}
@media (max-width: 992px) {
header .container nav .menu li.phone {
display: block;
position: absolute;
bottom: 50px;
}
}
header .container nav .menu li a {
color: #000;
font-weight: 600;
font-size: 13px;
}
@media (min-width: 992px) and (max-width: 1199px) {
header .container nav .menu li a {
font-size: 12px;
}
}
@media (max-width: 992px) {
header .container nav .menu li a {
color: #fff;
font-size: 18px;
margin: 7px 0;
display: block;
}
}
header .container .right {
display: flex;
align-items: center;
position: relative;
z-index: 2;
}
@media (max-width: 992px) {
header .container .right {
order: 2;
margin-left: auto;
}
}
header .container .right ul {
display: flex;
align-items: center;
}
header .container .right ul.head-call {
height: 28px;
border-right: 1px solid #EBEBF2;
margin-right: 22px;
}
@media (min-width: 992px) and (max-width: 1199px) {
header .container .right ul.head-call {
margin-right: 15px;
}
}
@media (max-width: 992px) {
header .container .right ul.head-call {
display: none;
}
}
header .container .right ul.head-call li {
margin-right: 22px;
}
header .container .right ul.language {
margin: 0 -2px;
}
header .container .right ul.language li {
padding: 0 2px;
}
header .container .right ul.language li.selected a {
border: 1px solid #fff;
}
header .container .right ul.language li a {
padding: 3px;
}
@media (min-width: 992px) and (max-width: 1199px) {
header .container .right ul li img {
height: 16px;
width: 16px;
}
}
.slider .item {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.slider .item img {
width: 100%;
min-height: 350px;
max-height: 680px;
object-position: top;
object-fit: cover;
}
.slider .item .container {
position: absolute;
width: 100%;
}
.slider .item .container .row {
justify-content: flex-end;
}
.slider .item .container .row h4 {
color: #000;
position: relative;
font-weight: 300;
}
@media (max-width: 992px) {
.slider .item .container .row h4 {
font-size: 18px;
}
}
.slider .item .container .row h4::after {
content: "";
width: 60%;
height: 1px;
background-color: #fff;
display: block;
margin-top: 15px;
}
.slider .item .container .row h4 strong {
font-weight: 700;
}
.slider .item .container .row h2 {
font-size: 60px;
line-height: 65px;
font-weight: 700;
color: #fff;
margin: 0;
}
@media (max-width: 992px) {
.slider .item .container .row h2 {
font-size: 35px;
line-height: 40px;
}
}
.global-banner img {
height: 175px;
object-fit: cover;
}
.global-banner .container {
position: absolute;
text-align: center;
}
.global-banner .container h2 {
margin: 0;
font-size: calc(20px + 4vw);
font-weight: 600;
color: #fff;
}
.global-title {
text-align: center;
padding: 40px 15px;
}
.global-title h4 {
color: #007F9B;
font-size: 30px;
font-weight: 300;
}
@media (max-width: 992px) {
.global-title h4 {
font-size: 20px;
}
}
.global-title h4 strong {
color: #000;
font-weight: 600;
}
.global-title p {
font-size: 14px;
color: #000;
margin: 0;
}
@media (max-width: 992px) {
.global-title p {
font-size: 12px;
}
}
.list-menu {
display: flex;
gap: 10px;
margin: 10px auto 30px;
}
@media (max-width: 992px) {
.list-menu {
flex-wrap: wrap;
}
}
.list-menu li {
flex: 1;
}
@media (max-width: 992px) {
.list-menu li {
flex: inherit;
width: calc(50% - 10px);
}
}
.list-menu li.current-menu-item a {
background-color: #007F9B;
color: #fff;
font-weight: 500;
}
.list-menu li a {
background-color: #F7F7F7;
border-radius: 10px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #000;
font-size: 14px;
font-weight: 700;
padding: 0px 5px;
height: 60px;
text-align: center;
}
.production-list .row {
flex-wrap: inherit;
overflow-y: scroll;
}
.production-list .item {
margin: 0 -7px 30px;
position: relative;
overflow: hidden;
}
@media (max-width: 992px) {
.production-list .item {
margin: 0 0 30px;
min-width: 300px;
}
}
.production-list .item:hover .pic {
transform: scale(1.04);
}
.production-list .item .pic {
display: block;
transition: all ease-in-out 300ms;
}
.production-list .item .pic img {
width: 100%;
height: 410px;
object-fit: cover;
}
.production-list .item .text {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
color: #fff;
background: rgba(0, 0, 0, 0.6);
}
.production-list .item .text h5 {
font-size: 18px;
font-weight: 700;
}
.production-list .item .text p {
font-size: 12px;
line-height: 14px;
font-weight: 200;
margin-bottom: 20px;
}
.production-list .item .text a {
border: 1px solid #fff;
color: #fff;
border-radius: 5px;
padding: 7px 15px;
font-size: 12px;
display: inline-block;
}
.production-list .item .text a:hover {
background-color: #fff;
color: #000;
}
.models-banner {
background-color: #000;
padding: 70px 0;
}
@media (max-width: 992px) {
.models-banner {
padding: 50px 15px;
}
}
.models-banner .container {
position: relative;
display: flex;
align-items: center;
}
.models-banner .container img {
height: 210px;
}
@media (max-width: 992px) {
.models-banner .container img {
display: none;
}
}
.models-banner .text {
text-align: right;
padding-right: 30px;
}
@media (max-width: 992px) {
.models-banner .text {
padding-right: 0;
text-align: center;
}
}
.models-banner .text::after {
content: "";
width: 40%;
height: 100%;
display: block;
position: absolute;
right: 0;
top: 0;
border: 1px solid #F8F8F8;
}
@media (max-width: 992px) {
.models-banner .text::after {
display: none;
}
}
.models-banner .text .inner {
background-color: #000;
position: relative;
z-index: 2;
}
.models-banner .text h4 {
color: #36DBFF;
}
.models-banner .text p {
color: #fff;
font-size: 20px;
font-weight: 400;
display: block;
}
@media (max-width: 992px) {
.models-banner .text p {
font-size: 16px;
}
}
.models-banner .text p strong {
color: #36DBFF;
font-weight: 600;
}
.models-banner .text a {
border: 1px solid #fff;
color: #fff;
display: inline-block;
padding: 8px 20px;
border-radius: 5px;
font-size: 12px;
transition: all ease-in-out 300ms;
}
.models-banner .text a:hover {
background-color: #fff;
color: #000;
}
.iatf {
background-color: #155CAA;
padding: 20px 0;
}
@media (max-width: 992px) {
.iatf {
text-align: center;
}
}
.iatf img {
height: 170px;
}
@media (max-width: 992px) {
.iatf img {
margin-bottom: 20px;
}
}
.iatf h2 {
margin: 0;
color: #fff;
font-size: 35px;
line-height: 48px;
font-weight: 300;
max-width: 700px;
}
.iatf h2 strong {
font-weight: 700;
}
.banner-engineer {
position: relative;
}
.banner-engineer img {
width: 100%;
height: 110px;
}
.banner-engineer img.icon {
width: 50px;
height: 50px;
object-fit: cover;
}
.banner-engineer::before {
content: "";
width: 100%;
height: 110px;
background-color: #000;
opacity: 0.6;
display: block;
position: absolute;
top: 0;
left: 0;
}
.banner-engineer .text {
position: absolute;
display: flex;
align-items: center;
margin-left: 30px;
}
.banner-engineer .text p {
color: #fff;
margin: 0;
font-size: 26px;
font-weight: 700;
margin-left: 20px;
}
.newsHone .row {
margin-left: -7px;
margin-right: -7px;
}
.newsHone .col-lg-6 {
padding: 0 7px;
}
.newsHone .box {
margin-bottom: 30px;
display: block;
text-decoration: none;
}
.newsHone .box:hover img {
transform: scale(1.03);
}
.newsHone .box picture {
display: block;
overflow: hidden;
}
.newsHone .box img {
width: 100%;
height: 210px;
object-fit: cover;
transition: all ease-in-out 300ms;
}
.newsHone .box span {
font-size: 12px;
line-height: 14px;
color: #000;
display: block;
margin: 20px 0 10px 0;
}
.newsHone .box h4 {
font-size: 15px;
line-height: 20px;
font-weight: 600;
color: #000;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.newsHone .bigBox {
position: relative;
text-decoration: none;
height: 100%;
max-height: calc(100% - 30px);
overflow: hidden;
display: block;
}
.newsHone .bigBox:hover img {
transform: scale(1.03);
}
.newsHone .bigBox img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all ease-in-out 300ms;
}
.newsHone .bigBox .text {
background: transparent;
backdrop-filter: blur(9.6274003983px);
--webkit-backdrop-filter: blur(9.627400398254395px);
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 0;
left: 0;
padding: 25px;
}
.newsHone .bigBox .text span {
font-size: 20px;
line-height: 30px;
color: #fff;
}
.newsHone .bigBox .text h3 {
font-size: 28px;
line-height: 32px;
font-weight: 600;
color: #fff;
}
.newsHone .bigBox .text p {
font-size: 15px;
line-height: 22px;
font-weight: 400;
color: #fff;
}
.whyGold .row {
margin-left: -7px;
margin-right: -7px;
}
.whyGold .col-lg-4 {
padding: 0 7px;
}
@media (max-width: 992px) {
.whyGold .col-lg-4 {
margin-bottom: 30px;
}
}
.whyGold .box {
margin-bottom: 30px;
text-decoration: none;
}
.whyGold .box:hover img {
transform: scale(1.03);
}
.whyGold .box picture {
display: block;
overflow: hidden;
}
.whyGold .box img {
width: 100%;
height: 210px;
object-fit: cover;
transition: all ease-in-out 300ms;
}
.whyGold .box p {
font-size: 12px;
line-height: 14px;
color: #000;
display: block;
margin: 15px 0 0px 0;
}
.whyGold .box h4 {
font-size: 20px;
line-height: 22px;
font-weight: 300;
margin-top: 25px;
color: #007F9B;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.whyGold .box h4 strong {
font-weight: 600;
color: #000;
}
.whyGold .box h5 {
font-size: 18px;
line-height: 22px;
font-weight: 300;
margin-top: 25px;
color: #007F9B;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.whyGold .box h5 strong {
font-weight: 600;
color: #000;
}
.column01 {
background-color: #F8F8F8;
padding-bottom: 50px;
}
@media (max-width: 992px) {
.column01 {
padding-bottom: 0px;
}
}
.tags {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-top: 30px;
}
.tags a {
font-size: 12px;
color: #000;
border: 1px solid #707070;
padding: 5px;
border-radius: 4px;
transition: all ease-in-out 300ms;
}
.tags a:hover {
background-color: #f1f1f1;
}
.administration .title {
font-size: 30px;
color: #000;
font-weight: 600;
text-align: center;
display: block;
margin: 40px 0;
}
.administration .item {
background-color: #F5F5F5;
margin: 7px -7px;
padding: 30px;
border-radius: 15px;
}
.administration .item img {
height: 140px;
width: 140px;
border-radius: 33px;
margin-bottom: 20px;
}
.administration .item .name {
font-weight: 700;
color: #000;
font-size: 20px;
}
.administration .item span {
display: block;
color: #007F9B;
font-size: 14px;
margin: 5px 0;
text-transform: uppercase;
}
.administration .item a {
display: block;
color: #000;
font-size: 14px;
}
.humanResources {
background-color: #36DBFF;
padding: 30px 0;
margin: 50px 0 0 0;
}
.humanResources.darkBlue {
background-color: #007F9B;
}
@media (max-width: 992px) {
.humanResources {
margin: 15px 0 0 0;
padding: 20px 0;
}
}
.humanResources .col-lg-8 {
margin: 0 -15px;
}
@media (max-width: 992px) {
.humanResources .col-lg-8 {
margin: 0;
}
}
.humanResources .col-lg-8 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.humanResources .text {
background-color: #fff;
padding: 40px;
}
@media (max-width: 992px) {
.humanResources .text {
padding: 15px;
}
}
.humanResources .text h2 {
color: #007F9B;
font-size: 45px;
font-weight: 300;
line-height: 45px;
margin-bottom: 25px;
}
.humanResources .text h2 strong {
display: block;
color: #000;
font-weight: 600;
font-size: 45px;
line-height: 45px;
}
.humanResources .text p {
font-size: 12px;
}
.humanResources .text ul {
display: grid;
width: 100%;
grid-template-columns: repeat(1fr, 2);
grid-gap: 12px;
}
.humanResources .text ul li:nth-child(3n) {
grid-column: 1/3;
}
.humanResources .text ul li a {
width: 100%;
display: block;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
text-align: center;
padding: 7px 10px;
border: 1px solid #000;
color: #000;
}
.foto-galeri .title {
font-size: 30px;
font-weight: 700;
text-align: center;
display: block;
margin: 30px 0;
}
.foto-galeri a {
margin: 7px -7px;
display: block;
}
.foto-galeri a img {
width: 100%;
height: 300px;
object-fit: cover;
}
.foto-galeri .video-thumb .box picture {
display: block;
width: 100%;
}
.foto-galeri .video-thumb .box picture img {
width: 100%;
height: 300px;
object-fit: cover;
}
.foto-galeri .video-thumb .box picture img.big-video {
height: 500px !important;
}
.foto-galeri .video-thumb .box picture img.page-inner-video {
height: 400px !important;
}
.foto-galeri .video-thumb .box .icon {
position: absolute;
height: 55px;
object-fit: contain !important;
}
.foto-galeri .video-thumb .box .text {
position: absolute;
bottom: 30px;
left: 30px;
color: #fff;
}
.foto-galeri .video-thumb .box .text.green-bg {
background-color: rgba(6, 31, 12, 0.7);
left: 7px;
bottom: 7px;
width: calc(100% - 14px);
padding: 10px 20px;
}
.foto-galeri .video-thumb .box .text.big-title {
width: calc(100% - 14px);
left: 7px;
bottom: 0;
}
.foto-galeri .video-thumb .box .text.big-title h2 {
font-size: calc(20px + 2vw);
text-align: center;
display: block;
width: 100%;
font-weight: 700;
padding-bottom: 40px;
}
@media (max-width: 992px) {
.foto-galeri .video-thumb .box .text.big-title h2 {
padding-bottom: 20px;
}
}
.foto-galeri .video-thumb .box .text .kk {
font-weight: 300;
margin-bottom: 5px;
}
.foto-galeri .video-thumb .box .text .name {
font-weight: 600;
}
.rows-items .row {
align-items: center;
margin-top: 15px;
margin-bottom: 15px;
}
.rows-items .row img {
width: 100%;
height: 100%;
object-fit: cover;
}
.rows-items .row .logo {
height: 38px;
object-fit: contain;
width: auto;
margin-bottom: 20px;
}
.rows-items .row .text {
max-width: 480px;
display: table;
margin: 0 auto;
padding: 15px;
}
.rows-items .row h2 {
color: #007F9B;
font-size: 24px;
font-weight: 300;
margin-bottom: 15px;
}
.rows-items .row h2 strong {
font-weight: 600;
color: #000;
}
.rows-items .row .d-flex {
align-items: center;
}
@media (max-width: 992px) {
.rows-items .row .d-flex {
flex-direction: column;
text-align: center;
}
}
.rows-items .row .d-flex img {
width: 80px;
height: 80px;
margin-right: 20px;
object-fit: contain;
}
@media (max-width: 992px) {
.rows-items .row .d-flex img {
margin-right: 0;
margin-bottom: 20px;
}
}
.rows-items .row .d-flex h3 {
margin: 0;
font-size: 20px;
color: #007F9B;
font-weight: 300;
}
.rows-items .row .d-flex h3 strong {
font-weight: 600;
color: #000;
}
.rows-items .row p, .rows-items .row ul li {
font-size: 15px;
line-height: 20px;
color: #000;
font-weight: 200;
}
.newsletter {
background-color: #F8F8F8;
padding: 50px 0;
margin-top: 70px;
}
@media (max-width: 992px) {
.newsletter {
margin-top: 30px;
padding: 30px 0;
}
}
.newsletter img {
height: 100px;
margin-right: 50px;
}
@media (max-width: 992px) {
.newsletter img {
height: 70px;
margin-right: 0;
margin-bottom: 15px;
}
}
.newsletter .d-flex {
align-items: center;
}
@media (max-width: 992px) {
.newsletter .d-flex {
flex-direction: column;
justify-content: center;
text-align: center;
margin-bottom: 15px;
}
}
.newsletter h4 {
color: #007F9B;
font-size: 24px;
font-weight: 400;
}
.newsletter h4 strong {
color: #000;
font-weight: 600;
}
@media (max-width: 992px) {
.newsletter h4 {
font-size: 18px;
}
}
.newsletter p {
font-size: 12px;
margin: 0;
}
.newsletter form {
display: flex;
align-items: center;
background-color: #fff;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
border-radius: 10px;
height: 70px;
width: 100%;
}
@media (max-width: 992px) {
.newsletter form {
margin: 0 !important;
}
}
.newsletter input {
border: none;
flex: 1;
padding: 0 20px;
font-size: 12px;
}
.newsletter [type=text] {
width: 100%;
}
.newsletter .ajax-loader {
display: none !important;
}
.newsletter [type=submit] {
border: 1px solid #000;
background-color: transparent;
border-radius: 5px;
display: table;
margin-right: 20px;
max-width: 100px;
padding: 8px 25px;
font-size: 12px;
color: #000;
font-weight: 500;
transition: all ease-in-out 300ms;
}
@media (max-width: 992px) {
.newsletter [type=submit] {
padding: 8px 22px;
font-size: 12px;
}
}
.newsletter [type=submit]:hover {
background-color: #000;
color: #fff;
}
.instagram .title {
margin: 40px auto;
}
.instagram .title h2 {
color: #007F9B;
text-align: center;
font-size: 30px;
font-weight: 400;
}
.instagram .title h2 strong {
color: #000;
font-weight: 600;
}
@media (max-width: 992px) {
.instagram .title h2 {
font-size: 18px;
}
}
@media (max-width: 992px) {
.instagram {
display: none;
}
}
.instagram ul {
display: flex;
flex-wrap: wrap;
background-color: #fff;
}
.instagram ul li {
width: 20%;
}
.instagram ul li h2 {
font-size: 28px;
color: #000;
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding: 15px;
font-weight: 600;
margin: 0;
}
.instagram ul li img {
width: 100%;
}
.referans {
padding: 10px;
background-color: #000;
}
.referans a {
display: flex;
align-items: center;
justify-content: center;
outline: none;
padding: 0 30px;
}
@media (max-width: 992px) {
.referans a {
padding: 0 3px;
}
}
.referans a img {
height: 53px;
width: 100%;
}
@media (max-width: 992px) {
.referans a img {
height: 35px;
}
}
footer {
background-color: #000;
padding: 60px 0;
}
@media (max-width: 992px) {
footer {
padding: 30px 0;
}
}
footer .logo img {
height: 50px;
object-fit: contain;
}
@media (max-width: 992px) {
footer .logo img {
display: table;
margin: 0 auto;
}
}
footer .menuList {
columns: 2;
padding-top: 15px;
}
@media (max-width: 992px) {
footer .menuList {
padding-top: 30px;
text-align: center;
margin-bottom: 30px;
}
}
footer .menuList li a {
color: #fff;
font-size: 15px;
line-height: 18px;
margin-bottom: 25px;
display: inline-block;
text-decoration: none;
transition: all ease-in-out 300ms;
padding-bottom: 4px;
}
footer .menuList li a::after {
content: "";
width: 0%;
height: 1px;
background-color: #fff;
display: block;
transition: all ease-in-out 300ms;
}
footer .menuList li a:hover {
color: #fff;
}
footer .menuList li a:hover::after {
width: 80%;
color: #fff;
}
footer .col-end {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
}
footer .col-end span {
margin: 30px 0 0px 0;
color: #36DBFF;
font-size: 14px;
line-height: 24px;
}
@media (max-width: 992px) {
footer .col-end {
justify-content: center;
align-items: center;
text-align: center;
}
}
footer .socialMeadia {
display: flex;
}
footer .socialMeadia li {
margin-left: 12px;
}
@media (max-width: 992px) {
footer .socialMeadia li {
margin: 0 6px;
}
}
footer .socialMeadia li a {
text-decoration: none;
}
footer .socialMeadia li a:hover i {
background-color: #fff;
}
footer .socialMeadia li a i {
width: 40px;
height: 40px;
color: #000;
background-color: #fff;
border-radius: 50%;
font-size: 20px;
transition: all ease-in-out 300ms;
}
footer address {
font-size: 14px;
line-height: 24px;
color: #fff;
margin: 0px 0 0px 0;
}
footer .link {
font-size: 15px;
line-height: 25px;
color: #fff;
}
footer .link:hover {
color: #fff;
}
footer .copy {
color: #fff;
font-size: 14px;
width: 85%;
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding-right: 40px;
padding-top: 30px;
margin-top: 30px;
}
@media (max-width: 992px) {
footer .copy {
text-align: center;
padding-right: 0;
margin: 30px auto 0;
}
}
footer .copy strong {
display: block;
}
.blog {
margin: 15px 0 100px;
}
@media (max-width: 992px) {
.blog {
margin: 30px 0 50px;
}
}
.blog .pt-70 {
padding-top: 72px !important;
}
@media (max-width: 992px) {
.blog .pt-70 {
padding-top: 0px !important;
}
}
.blog form {
position: relative;
z-index: 3;
margin-bottom: 15px;
}
.blog form .search {
display: flex;
align-items: center;
width: 100%;
height: 62px;
background-color: #F9F9F9;
border-radius: 16px;
padding: 0 17px;
}
.blog form .search img {
height: 18px;
object-fit: contain;
margin-right: 16px;
}
.blog form .search input {
flex: 1;
border: none;
background-color: transparent;
color: #000;
}
.blog form .search input::placeholder {
color: #000;
}
.blog .blogList {
margin-top: 40px;
}
.blog .blogList h3 {
font-size: 22px;
line-height: 23px;
margin-bottom: 40px;
font-weight: 700;
}
.blog .blogList .item {
display: flex;
align-items: flex-end;
border-bottom: 1px solid rgba(155, 153, 164, 0.4);
padding-bottom: 20px;
margin-bottom: 20px;
}
.blog .blogList .item img {
width: 150px;
height: 100px;
object-fit: cover;
margin-right: 15px;
}
.blog .blogList .item .text {
flex: 1;
}
.blog .blogList .item .text h4 {
font-size: 14px;
color: #000;
margin-bottom: 15px;
}
.blog .blogList .item .text span {
color: #000;
font-size: 12px;
line-height: 14px;
}
.blog .blogContent {
align-items: flex-start;
position: relative;
}
.blog .blogContent .row {
margin: 0 -8px;
}
@media (max-width: 992px) {
.blog .blogContent .row {
margin: 0 -15px;
}
}
.blog .blogContent .col-lg-4,
.blog .blogContent .col-lg-6,
.blog .blogContent .col-lg-8,
.blog .blogContent .col-lg-12 {
padding: 0 8px;
position: inherit;
}
@media (max-width: 992px) {
.blog .blogContent .col-lg-4,
.blog .blogContent .col-lg-6,
.blog .blogContent .col-lg-8,
.blog .blogContent .col-lg-12 {
padding: 0 15px;
}
}
.blog .blogContent .bigBox {
position: relative;
text-decoration: none;
overflow: hidden;
text-decoration: none;
display: block;
}
.blog .blogContent .bigBox:hover img {
transform: scale(1.03);
}
.blog .blogContent .bigBox img {
width: 100%;
height: 400px;
object-fit: cover;
transition: all ease-in-out 300ms;
}
.blog .blogContent .bigBox h2 {
position: absolute;
right: 100px;
bottom: 100px;
color: #fff;
margin-bottom: 0;
font-size: 100px;
}
.blog .blogContent .bigBox .text {
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 25px;
}
.blog .blogContent .bigBox .text span {
font-size: 20px;
line-height: 30px;
color: #fff;
}
.blog .blogContent .bigBox .text h3 {
font-size: 30px;
line-height: 34px;
font-weight: 600;
color: #fff;
}
.blog .blogContent .bigBox .text p {
font-size: 15px;
line-height: 22px;
font-weight: 400;
color: #fff;
}
.blog .blogContent .box {
margin-bottom: 30px;
text-decoration: none;
display: block;
margin-top: 16px;
}
.blog .blogContent .box:hover img {
transform: scale(1.03);
}
.blog .blogContent .box picture {
display: block;
overflow: hidden;
}
.blog .blogContent .box img {
width: 100%;
height: 210px;
object-fit: cover;
margin-bottom: 30px;
transition: all ease-in-out 300ms;
}
.blog .blogContent .box p {
font-size: 14px;
line-height: 22px;
color: #000;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.blog .blogContent .box span {
font-size: 12px;
line-height: 14px;
color: #007F9B;
font-weight: 600;
display: block;
margin: 15px 0;
}
.blog .blogContent .box h4 {
font-size: 16px;
line-height: 20px;
height: 40px;
font-weight: 600;
color: #000;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blog .content {
margin-top: -90px;
}
.blog .content img {
width: 100%;
margin-bottom: 25px;
margin-top: 15px;
}
.blog .content h2 {
font-size: 42px;
line-height: 53px;
font-weight: 700;
color: #000;
margin-bottom: 25px;
}
@media (max-width: 992px) {
.blog .content h2 {
font-size: 30px;
line-height: 35px;
}
}
.blog .content p a {
color: #000;
font-weight: 700;
}
.blog .content .d-flex {
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.blog .content .d-flex {
flex-direction: column;
}
}
.blog .content .d-flex span {
color: #000;
font-size: 15px;
font-weight: 700;
line-height: 18px;
}
.blog .content .d-flex ul {
display: flex;
align-items: center;
margin: 0 -5px;
}
@media (max-width: 768px) {
.blog .content .d-flex ul {
margin-top: 20px;
}
}
.blog .content .d-flex ul li {
color: #9B99A4;
font-size: 15px;
line-height: 18px;
margin: 0 5px;
}
.blog .content .d-flex ul li a i {
width: 30px;
height: 30px;
border-radius: 100px;
color: #fff;
}
.blog .content p {
color: #000;
font-size: 14px;
line-height: 20px;
}
.pagination {
display: flex;
justify-content: center;
margin-top: 50px;
width: 100%;
}
.pagination li {
margin: 0 2px;
}
.pagination li:first-child a {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.pagination li i {
font-size: 20px;
}
.pagination li a {
font-size: 14px;
color: #000;
font-weight: 700;
width: 40px;
outline: none;
box-shadow: none;
height: 40px;
border: 1px solid #dee2e6;
}
.pagination li a.current {
background: #000;
color: #fff !important;
border: none;
}
.pagination li a:hover {
opacity: 0.9;
background: #000;
color: #fff !important;
}
.maps {
position: relative;
}
.maps::after {
content: "";
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.2;
pointer-events: none;
top: 0;
left: 0;
position: absolute;
display: block;
}
.maps iframe {
height: 100%;
width: 100%;
position: absolute;
}
.maps .map-box {
padding: 50px;
width: 100%;
z-index: 1;
}
.maps .map-box .text {
background-color: #fff;
max-width: 450px;
padding: 50px 40px;
box-shadow: 0px 22px 33px rgba(0, 0, 0, 0.16);
position: relative;
z-index: 1;
}
.maps .map-box .text .title {
margin-bottom: 40px;
}
.maps .map-box .text .title h2 {
color: #000;
font-weight: 600;
font-size: 30px;
margin-bottom: 20px;
}
.maps .map-box .text .title p {
font-weight: 600;
font-size: 15px;
color: #000;
}
.maps .map-box .text h4 {
color: #007F9B;
margin-bottom: 18px;
font-weight: 600;
font-size: 18px;
}
.maps .map-box .text p, .maps .map-box .text a {
color: #000;
line-height: 22px;
display: block;
font-size: 15px;
font-weight: 300;
}
.form {
padding: 50px 0;
}
.form .row {
margin: 0 -35px;
}
.form .row .col-lg-6 {
padding: 0 35px;
}
.form img {
width: 100%;
height: 100%;
object-fit: cover;
}
.form form h2 {
color: #000;
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
}
.form form input {
width: 80%;
padding: 14px 22px;
border: none;
background-color: #F7F7F7;
border-radius: 10px;
margin-bottom: 10px;
transition: all ease-in-out 300ms;
}
.form form input::placeholder {
font-size: 14px;
color: #707070;
}
.form form input.subject {
width: 100%;
}
.form form textarea {
width: 100%;
border: none;
border-radius: 10px;
background-color: #F7F7F7;
resize: none;
padding: 14px 22px;
height: 100px;
}
.form form textarea::placeholder {
font-size: 14px;
color: #707070;
}
.form form [type=submit] {
border: none;
background-color: #007F9B;
color: #fff;
border-radius: 6px;
display: table;
padding: 10px 0px;
text-align: center;
width: 180px;
margin-top: 25px;
transition: all ease-in-out 300ms;
cursor: pointer;
}
.form form [type=submit]:hover {
background-color: #000;
}
.product {
padding-bottom: 50px;
}
.product .product-list {
background-color: #F7F7F7;
}
.product .product-list .accordion {
border-bottom: 1px solid rgba(112, 112, 112, 0.5);
}
.product .product-list .accordion.active .hh {
background-color: #000;
color: #fff;
}
.product .product-list .accordion.active ul {
display: block;
}
.product .product-list .accordion .hh {
padding: 20px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
color: #000;
}
.product .product-list .accordion ul {
display: none;
padding: 15px;
}
.product .product-list .accordion ul li {
margin-bottom: 5px;
}
.product .product-list .accordion ul li.current-menu-item a {
background: #007F9B;
color: #fff;
border-color: #007F9B;
}
.product .product-list .accordion ul li.current-menu-item a:hover {
background: #007F9B;
}
.product .product-list .accordion ul li a {
font-size: 12px;
line-height: 14px;
height: 35px;
border-radius: 4px;
border: 1px solid #A7A7A7;
display: flex;
align-items: center;
color: #000;
font-weight: 200;
padding-left: 15px;
transition: all ease-in-out 300ms;
}
.product .product-list .accordion ul li a:hover {
background-color: #eee;
}
.product .col-lg-9 .row {
margin-top: -7px;
}
.product .item {
display: block;
margin: 7px -7px;
}
.product .item:hover picture img {
transform: scale(1.03);
}
.product .item picture {
display: block;
width: 100%;
border: 1px solid rgba(112, 112, 112, 0.2);
border-bottom: 0;
overflow: hidden;
}
.product .item picture img {
transition: all ease-in-out 300ms;
width: 100%;
height: 180px;
object-fit: cover;
}
.product .item .head {
height: 80px;
background-color: #F7F7F7;
padding: 0 25px;
display: flex;
align-items: center;
}
.product .item .head h4 {
font-size: 15px;
color: #000;
}
.product-detail .main-slider {
position: relative;
border: 1px solid rgba(112, 112, 112, 0.3);
}
.product-detail .main-slider img {
height: 400px;
width: 100%;
object-fit: contain;
}
.product-detail .main-slider .arrow {
position: absolute;
top: calc(50% - 20px);
width: 40px;
height: 40px;
margin: 0 20px;
background-color: #707070;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 50%;
font-size: 25px;
font-weight: 700;
z-index: 2;
cursor: pointer;
}
.product-detail .main-slider .arrow.next {
right: 0;
}
.product-detail .pagination-slide {
margin-top: 10px;
margin-bottom: 30px;
}
.product-detail .pagination-slide a {
display: block;
padding: 0 2px;
outline: none;
width: 64px !important;
}
.product-detail .pagination-slide a.slick-current img {
border-color: #007F9B;
}
.product-detail .pagination-slide a img {
border: 1px solid rgba(112, 112, 112, 0.3);
background-color: #fff;
object-fit: contain;
width: 60px;
height: 60px;
}
.product-detail .pagination-slide .slick-track {
transform: translate3d(0px, 0px, 0px) !important;
}
.product-detail .pagination-slide .slick-list {
padding: 0 !important;
}
.product-detail .row.bgcolor {
background-color: #f7f7f7;
padding: 30px;
margin-bottom: 30px;
}
.product-detail .right-titles {
display: flex;
}
.product-detail .right-titles li {
margin-left: auto;
font-size: 14px;
font-weight: 700;
}
.product-detail .right-titles li:last-child {
color: #007F9B;
text-transform: uppercase;
}
.product-detail h2 {
font-size: 25px;
font-weight: 700;
margin: 0;
}
.product-detail .item {
border: 1px solid rgba(112, 112, 112, 0.3);
padding: 20px 30px;
margin: 0 -10px;
height: 100%;
}
.product-detail .item h4 {
font-size: 15px;
margin: 0;
font-weight: 700;
margin-bottom: 10px;
}
.product-detail .item p {
font-size: 13px;
font-weight: 200;
}
.product-detail .item .brands-ul {
flex-wrap: wrap;
gap: 5px;
display: flex;
justify-content: flex-start;
}
.product-detail .item .brands-ul li {
width: calc(20% - 5px);
border: 1px solid rgba(112, 112, 112, 0.3);
}
.product-detail .item .brands-ul li img {
width: 100%;
object-fit: contain;
padding: 4px;
}
.sector {
padding: 40px 0 50px 0;
}
.sector .item {
display: block;
margin: 7px -7px;
}
.sector .item img {
width: 100%;
height: 390px;
object-fit: cover;
}
.sector .item .hh {
position: absolute;
bottom: 7px;
left: 7px;
height: 100px;
width: calc(100% - 14px);
display: flex;
align-items: center;
padding: 0 25px 0 10px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
font-weight: 600;
}
.brands {
padding: 30px 0;
}
.brands .row {
margin-top: 30px;
}
.brands h2 {
font-size: 25px;
font-weight: 700;
margin-left: -7px;
margin-bottom: 30px;
}
.brands .item {
margin: 7px -7px;
display: block;
transition: all ease-in-out 300ms;
overflow: hidden;
border: 1px solid #707070;
}
.brands .item:hover img {
transform: scale(1.05);
}
.brands .item img {
width: 100%;
height: 130px;
object-fit: contain;
transition: all ease-in-out 300ms;
}
.forms {
padding: 75px 0;
}
.forms label {
display: block;
font-size: 12px;
line-height: 22px;
color: #989898;
}
.forms input {
width: 100%;
padding: 14px 22px;
border: none;
background-color: #F7F7F7;
border-radius: 10px;
margin-bottom: 10px;
transition: all ease-in-out 300ms;
}
.forms input::placeholder {
font-size: 14px;
color: #707070;
}
.forms input.subject {
width: 100%;
}
.forms textarea {
width: 100%;
border: none;
border-radius: 10px;
background-color: #F7F7F7;
resize: none;
padding: 14px 22px;
height: 100px;
}
.forms textarea::placeholder {
font-size: 14px;
color: #707070;
}
.forms [type=submit] {
border: none;
background-color: #007F9B;
color: #fff;
border-radius: 6px;
display: table;
padding: 10px 0px;
text-align: center;
width: 180px;
margin-top: 25px;
transition: all ease-in-out 300ms;
cursor: pointer;
}
.forms [type=submit]:hover {
background-color: #000;
}
.menu-trigger {
position: relative;
z-index: 12;
width: 30px;
height: 22px;
display: none;
transition: all 0.4s;
cursor: pointer;
box-sizing: border-box;
margin-left: 12px;
transform: translateY(4px);
}
@media (max-width: 992px) {
.menu-trigger {
display: inline-block;
}
}
.menu-trigger span {
display: inline-block;
transition: all 0.4s ease-in-out;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #000;
border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: 9px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.menu-trigger.active span {
background: #fff;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(12px) rotate(-315deg);
transform: translateY(12px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-7px) rotate(315deg);
transform: translateY(-7px) rotate(315deg);
} .video-modal,
.video-modal .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3000;
}
.video-modal {
overflow: hidden;
position: fixed;
opacity: 0;
-webkit-transform: translate(500%, 0%);
transform: translate(500%, 0%);
-webkit-transition: -webkit-transform 0s linear 0s;
transition: transform 0s linear 0s;  display: -webkit-box;
display: -webkit-flex;
display: flex; -webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.video-modal .overlay {
z-index: 0;
background: rgba(54, 219, 255, 0.7); opacity: 0;
-webkit-transition: opacity 0.2s ease-out 0.05s;
transition: opacity 0.2s ease-out 0.05s;
}
.video-modal-content {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;
margin: 0 auto;
overflow-y: visible;
background: #000;
width: calc(100% - 12em);
height: 0;
padding-top: calc((100% - 12em) * 0.5625); } @media (min-aspect-ratio: 16/9) {
.video-modal-content {
width: 0;
height: calc(100vh - 10em);
padding-top: 0;
padding-left: calc((100vh - 10em) * 1.7778); }
} @media (max-width: 640px) {
.video-modal-content {
width: calc(100% - 1em);
padding-top: calc((100% - 1em) * 0.5625); }
} .close-video-modal {
display: block;
position: absolute;
left: 0;
top: -40px;
text-decoration: none;
font-size: 20px;
font-weight: bold;
color: #fff;
} iframe#youtube {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #000;
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
} .show-video-modal .video-modal {
opacity: 1;
transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
}
.show-video-modal .video-modal .overlay {
opacity: 1;
}
.show-video-modal .video-modal-content {
transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
}