Page CSS
.section-3 .right-box-blue ul.yemek-list a { color: #fff; } .section-3 .right-box-blue ul.yemek-list li:hover a { color: #31426a; } .section-3 .green-box ul.yemek-list li:hover a { color: #00b988; } .section-3 .green-box ul.yemek-list li a { color: #fff; } .section-1 h1 { margin: 50px 0; } .section-1 .owl-carousel { margin: 55px 0; } .section-1 .owl-wrapper { display: flex !important; align-items: center; } .section-1 .owl-carousel a.az-button-content.btn { padding: 15px 10px !important; height: auto !important; background: #FDFDFD; border: 1px solid #C1C1C1 !important; border-radius: 5px !important; display: block !important; white-space: break-spaces; line-height: 2 !important; } .section-1 .owl-carousel a.az-button-content.btn:hover { background: #1B1D40; } .section-1 .st-owl-theme.st-owl-navigation-inside .owl-controls .owl-buttons .owl-prev, .section-1 .st-owl-theme.st-owl-navigation-inside .owl-controls .owl-buttons .owl-next { top: 40%; } .section-1 .st-owl-theme .owl-buttons .owl-prev, .section-1 .st-owl-theme .owl-buttons .owl-next { width: 15px; height: 15px; } .section-1 .st-owl-theme .owl-buttons .owl-prev { left: -25px !important; } .section-1 .st-owl-theme .owl-buttons .owl-next { right: -25px !important; } .section-1 .st-owl-theme .owl-buttons .owl-prev:hover::before, .section-1 .st-owl-theme .owl-buttons .owl-next:hover::before { transform: translateX(-50%) rotate( 45deg); } .section-1 .st-owl-theme .owl-buttons .owl-prev::after, .section-1 .st-owl-theme .owl-buttons .owl-next::after { transform: translateX(-50%) rotate(-45deg); } @media (max-width: 991px) { .section-1 .st-owl-theme .owl-buttons .owl-prev { left: -15px !important; } .section-1 .st-owl-theme .owl-buttons .owl-next { right: -15px !important; } .section-7 .az-column { width: 100%; } } h2 { font-style: normal; font-weight: 800; font-size: 30px; line-height: 37px; text-align: center; color: #53B68C; } .section-2 .az-carousel { margin-bottom: 20px; } .section-2 .nav-tabs { border: none; margin: 30px 0; display: flex; align-items: center; flex-direction: row; } .section-2 .nav-tabs li { width: 100%; height: auto; } .section-2 .nav-tabs li a { background: #FDFDFD; border: 1px solid #C1C1C1; box-sizing: border-box; border-radius: 5px; font-weight: 600; font-size: 12px; line-height: 20px; text-align: center; color: #1B1D40; padding: 15px; margin: 0 5px; min-height: 65px; display: flex; align-items: center; justify-content: center; align-content: center; } .section-2 .nav-tabs li a:hover { background: #1B1D40; color: #FDFDFD; } .section-2 .az-slide { background: #F7F7F9; border: 0.45px solid #8B8B8B; border-radius: 5px; height: auto; } .section-2 .az-image img { width: 80px !important; height: auto; display: block; margin: 40px auto; } .section-2 .img-card .az-text p { padding: 20px 40px; } .section-2 div#gbso50qsyb { margin: 35px 0; } .section-2 ul.yemek-list li { list-style-type: none; display: flex; align-items: center; flex-direction: row; padding: 10px 30px; font-weight: 800; font-size: 14px; line-height: 25px; color: #000000; width: 230vh; } .section-2 ul.yemek-list li:hover { background-color: #F7F7F9; position: relative; } .section-2 ul.yemek-list { left: -30px; position: relative; } .section-3 { background: #F7F7F9; padding: 70px 0; } .section-3 div#gbd6a4de8z { position: absolute; top: 15%; z-index: 1; background: rgba(49, 66, 106, 0.7); border-radius: 5px; min-height: 320px; display: flex; align-content: center; justify-content: center; align-items: center; margin: 0 15px 0 0; } .section-3 div#gbd6a4de8z p { color: #fff; font-weight: 600; font-size: 18px; line-height: 34px; text-align: center; padding: 0 5vw; } .section-3 div#gbd6a4de8z span { font-weight: bold; font-size: 29px; line-height: 34px; } .section-3 .right-box-blue ul { list-style-type: none; } .section-3 .right-box-blue { background: #31426A; border-radius: 5px; color: #fff; position: relative; right: 5vw; z-index: 1; padding: 40px 0; margin: 27px 0; width: 115%; } .section-3 .right-box-blue h3 { font-weight: 800; font-size: 24px; line-height: 29px; text-align: center; color: #FFFFFF; } .section-3 .green-box ul.yemek-list { left: 30px; position: relative; } .section-3 .right-box-blue ul.yemek-list { left: 60px; position: relative; } .section-3 ul.yemek-list li { list-style-type: none; display: flex; align-items: center; flex-direction: row; padding: 5px 30px; font-weight: 600; font-size: 14px; line-height: 32px; color: #FFFFFF; position: relative; left: -60px; } .section-3 .right-box-blue ul.yemek-list li { width: 100%; } .section-3 .green-box ul.yemek-list li { width: 112%; } .section-3 ul.yemek-list li:hover { background-color: #FFF; color: #31426A; } div#gbuadducub p { font-weight: 400; text-align: center; font-size: 16px; line-height: 28px; color: #FFFFFF; } div#gbuadducub p span { font-weight: bolder; display: block; font-size: 18px; } .section-3 div#gbuadducub { position: absolute; top: 20%; z-index: 1; background: rgba(83, 182, 140, 0.85); border-radius: 5px; display: flex; align-content: center; justify-content: center; align-items: center; margin: 0 15px 0 0; flex-direction: column; padding: 50px 90px; } .section-3 .green-box { background: #53B68C; border-radius: 5px; color: #fff; position: relative; z-index: 2; padding: 40px 30px; width: 117%; top: 35px; } div#gbor231g74 { top: 70px; } .green-box h3 { font-weight: 800; font-size: 24px; line-height: 29px; text-align: center; color: #FFFFFF; margin: 23px auto; } .green-box p { font-weight: 500; font-size: 16px; line-height: 32px; color: #FFFFFF; } button.btn-success { background-color: #EC5D2A !important; border-radius: 100px !important; margin: 27px 40px !important; } .section-5 { background: #F2FCFF; border-radius: 50px 5px; padding: 30px 0; } .section-5 h3 { padding: 30px 0; } .section-5 img { width: 435px !important; height: auto; } .section-5 div#gb8w7wsghf { background: #1B1D40; border: 1px solid #C1C1C1; box-sizing: border-box; border-radius: 50px 5px; width: 50vw; margin-left: 10vw; height: 22vw; position: relative; } .section-5 img { width: 62% !important; height: auto; margin: 0 30px; top: 20px; position: absolute; left: -10vw; } .section-5 p { font-weight: 500; font-size: 16px; line-height: 37px; color: #000000; } .section-5 button { background: #1B1D40; border-radius: 100px; } .section-4 { margin: 30px 0; } .section-6 { margin: 60px 0; background: none; float: none; width: unset; padding: unset; } .section-6 p { font-size: 16px; line-height: 37px; text-align: center; color: #1B1D40; } .section-6 h3 { margin: 30px 0; } .section-6 .imagebox-item { display: flex; align-items: center; justify-content: center; } .section-6 .gradient { background-repeat: no-repeat; display: inline-block; justify-content: flex-end; align-items: center; color: #fff; position: relative; background: linear-gradient( 180deg, rgba(0, 0, 0, 0.185) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient( 180deg, rgba(0, 0, 0, 0.074) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient( 180deg, rgba(0, 0, 0, 0.074) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient( 180deg, rgba(0, 0, 0, 0.074) 0%, rgba(0, 0, 0, 0.2) 100%); border: 1px solid #C1C1C1; box-sizing: border-box; border-radius: 5px; } .section-6 .gradient a { width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; } .section-6 .gradient img.big-img { width: 100%; position: relative; display: block; z-index: -1; border-radius: 5px; } .gradient div { position: absolute; top: 20%; font-size: 18px; width: 100%; margin: auto; } .section-6 .gradient div img { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; margin: auto; } .section-6 .gradient span { position: absolute; display: flex; color: #fff; text-align: center; font-size: 16px; margin: auto; width: 100%; flex-direction: row; align-content: center; justify-content: center; align-items: center; padding: 6px 25px; } .section-7 { background: url(/sites/default/files/2021-09/group-42.jpg) no-repeat; padding: 40px 0; width: 100%; height: 328px; background-position: center; float: none; margin-bottom: 17vw; background-size: cover; } div#gbuvj51xis { padding: 20px 0; margin: 20px 0; } .section-7 h3 { font-weight: 800; font-size: 26px; line-height: 32px; color: #FFFFFF; margin-bottom: 40px; } .section-7 .az-row .az-text p:nth-child(1) { font-weight: 600; font-size: 20px; line-height: 35px; color: #FFFFFF; } .section-7 .az-row .az-text p:nth-child(1) span { font-size: 28px; } .section-7 .az-row .az-text p { font-size: 16px; line-height: 35px; text-align: center; color: #000000; } .section-7 .avantaj-card { float: none; background: #FFFFFF; border: 1px solid #C1C1C1; border-radius: 5px; width: 31%; margin: 0 10px; height: auto; padding: 20px 13px; } .section-8 { float: none; margin: 30px 0; padding: 30px 0; } .section-9 { background: #F7F7F9; border-radius: 5px; padding: 20px 0; } .section-9 h3 { padding: 20px 0; margin: 10px 0; } .section-9 .az-row .blue-box .az-element { background: #31426A; border-radius: 5px; padding: 40px 97px 40px 30px; top: 50px; color: #FFF; width: 125%; position: relative; z-index: 2; } .section-10 .az-row .blue-box-right .az-element { background: #31426A; border-radius: 5px; padding: 40px 97px 10px 30px; top: 50px; color: #FFF; width: 125%; position: relative; z-index: 2; } .section-10 .az-row .blue-box-right .az-element { background: #31426A; border-radius: 5px; padding: 50px 40px 30px 120px; top: 40px; color: #FFF; width: 125%; position: relative; z-index: 2; right: 115px; } .section-10 { background: rgba(212, 225, 244, 0.3); border-radius: 5px; padding: 40px 0; } .section-10 h3 { padding: 20px 0; } .section-11 .az-element.az-row { border: 1px solid #1B1D40; box-sizing: border-box; border-radius: 5px; padding: 20px 20px; margin: 50px 0; } .section-11 h3 { font-weight: bold; font-size: 22px; line-height: 35px; text-align: center; color: #000000; padding: 13px 0; } .section-11 img { right: 0; bottom: 0px; position: absolute; } .section-12 { background-image: linear-gradient(rgb(255 255 255 / 85%),rgb(255 255 255 / 87%)),url(/sites/default/files/static/gorsel1.png); width: 100%; height: auto; background-position: center; padding: 40px 0 10px 0; background-size: cover; } .section-12 h3 { margin: 0 0 30px 0; } @media (max-width: 991px) { .section-7 { padding: 40px 0; width: 100%; height: auto; background-position: center; background-size: cover; margin-bottom: 6vw; } .section-7 .row { display: flex; } .section-7 .avantaj-card { float: left; width: 100%; margin: 6px 5px; height: auto; padding: 10px 13px; } .gradient div { position: absolute; } .section-5 div#gb8w7wsghf { height: 50vw; } .section-5 img { width: 100% !important; height: auto; margin: 0 30px; top: 80px; position: absolute; left: -15vw; } .section-2 ul.yemek-list li { width: 100%; font-size: 15px; } .section-2 ul.yemek-list li:before { margin-right: 20px; } .section-3 ul.yemek-list li:before { margin-right: 10px; margin-left: 0px; } .section-12 { background-position: center; background-size: auto; } .section-3 .green-box ul.yemek-list li { width: 117%; font-size: 15px; } .st-owl-theme .owl-buttons .owl-prev, .st-owl-theme .owl-buttons .owl-next { width: 15px; height: 15px; } } @media (max-width: 768px) { .section-7{ background: unset; padding: 0; } .section-9 div#gb6mmupofp { display: flex; flex-direction: column-reverse; } .section-9 img { width: 100% !important; height: 400px; object-fit: cover; object-position: center 53%; } .section-7 h3, .section-7 .az-row .az-text p:nth-child(1) { color: #000000; } .section-2 .az-slide { display: block; } .section-9 .az-row .blue-box .az-element { width: 100% !important; } .section-10 .az-row .blue-box-right .az-element { width: 100% !important; right: 0 !important; top: 20px; } .green-box { width: 100%; } .section-5 { background-color: #FFF; padding: 0; border-radius: unset; } .section-5 div#gb8w7wsghf { width: 70vw; display: block; margin: auto; position: relative; height: auto; } .section-5 div#gb7et7m9g6 { display: flex; flex-direction: column-reverse; text-align: center; } .section-5 div#gb7et7m9g6 .az-column { width: 100%; } .section-7 .avantaj-card { float: unset !important; width: 95%; height: auto; padding: 20px 13px; margin: 10px auto; display: block; } .section-6 .imagebox-item { margin: 10px 0; } .section-2 .nav-tabs { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: scroll; width: auto; } .section-11 img { display: none; } .section-2 .nav-tabs li { margin: 10px 0; width: 70%; flex: 0 0 70%; } .section-3 .right-box-blue ul.yemek-list li { width: 100% !important; } .section-3 { margin-bottom: 100px; } .section-5 img { width: 100% !important; height: auto !important; margin: 0 auto !important; top: 0 !important; position: relative !important; left: unset !important; } .section-6 .gradient span { font-size: 11px !important; } } @media (max-width: 767px) { .section-3 .green-box ul.yemek-list li { width: 109%; font-size: 15px; } .section-3 div#gb570a28l9, .section-3 div#gbzsphi4y3 { width: 100%; height: 400px; object-fit: cover; object-position: 100% 0; } .section-3 div#gbzsphi4y3 { top: 35px; } .section-3 .green-box { width: 100% !important; top: 50px; } .section-3 .az-image img { width: 100% !important; margin: 20px 0 !important; } .section-5 div#gb8w7wsghf { width: 100% !important; display: block; margin: auto; position: relative; } } @media (max-width: 992px) { .section-2 .nav-tabs li a { min-height: 70px; } .section-3 div#gbuadducub { top: 0 } .section-3 div#gbuadducub { padding: 35px !important; } div#gb3d2733ss { top: 15px; } .section-6 .gradient span { font-size: 12px; } .section-7 .az-row .az-text p:nth-child(1) { font-size: 18px; } .section-7 h3 { text-align: center; } .section-9 .az-row .blue-box .az-element { padding: 40px 30px; top: 20px; width: 120%; } .section-10 .az-row .blue-box-right .az-element { padding: 50px 40px 30px 50px; width: 125%; right: 75px; } } @media (max-width: 767px) { .section-3 .right-box-blue { right: 0 !important; margin: 0 !important; width: 100% !important; top: 35px; } .section-3 div#gbuadducub { top: 20%; } }