:root { --minHeight: calc(var(--vh, 1vh) * 100); --font-craw: 'Craw Modern URW', 'craw-modern-urw', serif; --font-poppins: 'Poppins', sans-serif; --gold: #FED605; --gold2: #EBC706; --apple: #54A931; --ice-grey: #EFF1F4; --ice-grey2: #DADDE2; --green-vogue: #022651; --venice-blue: #0B5997; --venice-blue2: #4480af; --color-a9d3fd: #A9D3FD; --color-d8ebff: #D8EBFF; --color-909090: #909090; --color-888888: #888888; --color-707070: #707070; --color-070707: #070707; --color-022651: #022651B1; --color-0d0d0d: #0D0D0D; --color-4a4a4a: #4A4A4A; --color-454545: #454545; --btnGradient: linear-gradient( to right, rgba(11, 89, 151, 1) 0%, rgba(84, 169, 49, 1) 50%, rgba(254, 214, 5, 1) 100% ); --btnGradient2: linear-gradient( 90deg, rgba(254, 214, 5, 1) 0%, rgba(11, 89, 151, 1) 50%, rgba(84, 169, 49, 1) 100% ); --btnGradient3: linear-gradient( 90deg, rgba(11, 89, 151, 1) 0%, rgba(84, 169, 49, 1) 100% ); --btnGradient4: linear-gradient( to top, rgba(11, 89, 151, 1) 0%, rgba(84, 169, 49, 1) 50%, rgba(254, 214, 5, 1) 100% ); } html { font-size: 14px; -ms-touch-action: manipulation; touch-action: manipulation; text-rendering: optimizeLegibility; -ms-overflow-style: scrollbar; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body { max-width: 100vw; min-height: 100vh; } .htmlHidden, .htmlHidden body, .fancybox-active, .compensate-for-scrollbar { overflow: hidden !important; } nav * { margin: 0; padding: 0; line-height: inherit; } nav ul, nav ol { list-style: none; } p:last-of-type { margin-bottom: 0; } p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 1.5rem; } template, [hidden], .hide, .hidden { display: none !important; } img, svg { max-width: 100%; } button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } input:-webkit-autofill { color: #2a2a2a !important; background: none; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::-ms-clear { display: none; } #navigation { display: none; } .wow { visibility: hidden; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } 100% { -webkit-transform: none; transform: none; } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-animation-name: swing; animation-name: swing; -webkit-transform-origin: top center; transform-origin: top center; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .flip { -webkit-animation-name: flip; animation-name: flip; -webkit-backface-visibility: visible; backface-visibility: visible; } @-webkit-keyframes rotateIn { 0% { opacity: 0; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: center center; transform-origin: center center; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes rotateIn { 0% { opacity: 0; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: center center; transform-origin: center center; } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateOut { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } 100% { opacity: 0; -webkit-transform: rotate(200deg); transform: rotate(200deg); -webkit-transform-origin: center center; transform-origin: center center; } } @keyframes rotateOut { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center; } 100% { opacity: 0; -webkit-transform: rotate(200deg); transform: rotate(200deg); -webkit-transform-origin: center center; transform-origin: center center; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } 100% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes lightEffect { 100% { left: calc(100% + 80px); } } @keyframes lightEffect { 100% { left: calc(100% + 80px); } } @-webkit-keyframes blink { 0%, 100% { } 50% { opacity: 0; } } @keyframes blink { 0%, 100% { } 50% { opacity: 0; } } @-webkit-keyframes bgRepeat { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } } @keyframes bgRepeat { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } } /*@-webkit-keyframes cloudEffect { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes cloudEffect { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }*/ /*.cloud-effect, .cloud-effect-absolute { -webkit-animation: cloudEffect 10.5s linear infinite alternate; animation: cloudEffect 10.5s linear infinite alternate; }*/ @-webkit-keyframes cloudEffectRight { from { left: 80vw; opacity: 1; } to { left: -40vw; opacity: 1; } } @keyframes cloudEffectRight { from { left: 80vw; opacity: 1; } to { left: -40vw; opacity: 1; } } @-webkit-keyframes cloudEffectLeft { from { left: -40vw; opacity: 1; } to { left: 80vw; opacity: 1; } } @keyframes cloudEffectLeft { from { left: -40vw; opacity: 1; } to { left: 80vw; opacity: 1; } } .cloud-effect, .cloud-effect rect, .cloud-effect-absolute, .cloud-effect-absolute.right, .cloud-effect.right { -webkit-animation: cloudEffectRight 50s linear infinite; animation: cloudEffectRight 50s linear infinite; } .cloud-effect-absolute.left, .cloud-effect.left { -webkit-animation: cloudEffectLeft 50s linear infinite; animation: cloudEffectLeft 50s linear infinite; } .cloud-effect-absolute { position: absolute; opacity: 0; } .position-relative .cloud-effect-absolute:nth-child(1), .position-relative .cloud-effect:nth-child(1) { animation-delay: 0 } .position-relative .cloud-effect-absolute:nth-child(2), .position-relative .cloud-effect:nth-child(2) { animation-delay: 5s } .position-relative .cloud-effect-absolute:nth-child(3), .position-relative .cloud-effect:nth-child(3) { animation-delay: 10s } .position-relative .cloud-effect-absolute:nth-child(4), .position-relative .cloud-effect:nth-child(4) { animation-delay: 15s } .position-relative .cloud-effect-absolute:nth-child(5), .position-relative .cloud-effect:nth-child(5) { animation-delay: 20s } @-webkit-keyframes planeEffect { from { -webkit-transform: translate3d(-3px, -7px, 0); transform: translate3d(-3px, -7px, 0); } to { -webkit-transform: translate3d(3px, 7px, 0); transform: translate3d(3px, 7px, 0); } } @keyframes planeEffect { from { -webkit-transform: translate3d(-3px, -7px, 0); transform: translate3d(-3px, -7px, 0); } to { -webkit-transform: translate3d(3px, 7px, 0); transform: translate3d(3px, 7px, 0); } } .plane-effect, .plane-effect-absolute { -webkit-animation: planeEffect 2s linear infinite alternate; animation: planeEffect 2s linear infinite alternate; } .plane-effect-absolute { position: absolute; } html { font-size: 13px; } body { color: var(--green-vogue); } body, input, select, textarea, button, h1, h2, h3, h4, h5, h6, .poppins, .poppins text, .poppins tspan { font-family: var(--font-poppins); } h1, h2, h3, h4, h5, h6 { line-height: 1.25; font-weight: 700; letter-spacing: -0.025em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit !important; text-decoration: none !important; } a { color: inherit; } a:hover { color: inherit; text-decoration: none; } .container { padding-right: .75rem; padding-left: .75rem; } .row:not(.no-gutters) { margin-right: -.75rem; margin-left: -.75rem; } .row:not(.no-gutters) [class^="col-"] { padding-right: .75rem; padding-left: .75rem; } @media (max-width: 1340px) { .container { min-width: 320px; max-width: 100% !important; } .container-small { max-width: 100%; padding-right: 2.77rem; padding-left: 2.77rem; } } @media (min-width: 1341px) { .container { max-width: 1340px; } } @media (min-width: 1141px) { .container-small { max-width: 1090px !important; } } .site-wrapper { max-width: 100vw; overflow: hidden; } .top-solid-bottom-dashed { background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--green-vogue)), color-stop(50%, transparent)) repeat-x 0 100%; background: linear-gradient(90deg, var(--green-vogue) 50%, transparent 50%) repeat-x 0 100%; background-size: 10px 1px; } .top-solid-bottom-dashed.mt { margin-top: 5.77rem; } .top-solid-bottom-dashed.mb { margin-bottom: 5.77rem; } .top-solid-bottom-dashed .title { overflow: hidden; margin: 0; padding: 1.5rem 0; font-family: var(--font-craw); font-size: 2.77rem; font-weight: 400; text-align: center; min-height: 126px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-solid-bottom-dashed .title.bt { border-top: 1px solid var(--green-vogue); } .small-title { line-height: 1.4; font-size: 1.1538rem; } .section-title { margin: 0; font-family: var(--font-craw); font-size: 4.77rem; font-weight: 400; color: var(--green-vogue); text-align: center; letter-spacing: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-title em { font-size: .73em; color: inherit; letter-spacing: normal; } .section-title a { color: inherit; } .section-title > span { display: block; } .section-title > span:nth-child(1) { line-height: 1.005; -webkit-transform: translateX(var(--x, -8%)); transform: translateX(var(--x, -8%)); } .section-title > span:nth-child(2) { -webkit-transform: translateX(var(--x, 8%)); transform: translateX(var(--x, 8%)); } .svg-wrapper { width: 1366px; max-width: 100%; margin: 0 auto; padding-right: .75rem; padding-left: .75rem; } .svg-wrapper img, .svg-wrapper svg { height: auto; } .image { overflow: hidden; position: relative; width: 100%; margin: 0; } .btn-gradient { position: relative; z-index: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 32px; padding: .48rem 2rem; font-size: 1rem; font-weight: 700; color: var(--green-vogue); text-decoration: none; letter-spacing: 0; border: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all .2s linear; transition: all .2s linear; } .btn-gradient::before, .btn-gradient::after { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; padding: 2px; content: ""; border-radius: 100px; background: var(--btnGradient); -webkit-transition: all .2s linear; transition: all .2s linear; } .btn-gradient::before { -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .btn-gradient::after { opacity: 0; } .btn-gradient:not(.not-hover):hover { color: white; } .btn-gradient:not(.not-hover):hover::after { opacity: 1; } .btn-gradient > span { position: relative; z-index: 1; display: block; white-space: nowrap; } .btn-search { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 26px; height: 26px; border: 0; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn-search::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: url(../images/icerik/search.svg) no-repeat 50%; background-size: contain; -webkit-transition: all .2s linear .2s; transition: all .2s linear .2s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn-hover-dot { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 32px; padding: .48rem 0; line-height: 1.3; font-size: 1rem; font-weight: 700; color: var(--green-vogue); text-transform: uppercase; } .btn-hover-dot > span { position: relative; z-index: 1; display: block; } .btn-hover-dot > span::before { position: absolute; top: calc(100% + 2px); left: 0; width: 7px; height: 7px; content: ""; opacity: 0; border-radius: 50%; background-color: currentColor; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .btn-hover-dot:hover > span::before, .btn-hover-dot.active > span::before, .active .btn-hover-dot > span::before { left: 50%; opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-transition: all 0.6s cubic-bezier(0.08, 0.35, 0.4, 1.02); transition: all 0.6s cubic-bezier(0.08, 0.35, 0.4, 1.02); } .chatbox-btn { position: fixed; top: calc(calc(var(--vh, 1vh) * 100) - 62px - 30px); left: calc(100vw - 62px - 30px); z-index: 1; } .chatbox-btn .btn { display: block; width: 62px; height: 62px; background: url(../images/icerik/chatbox_ikon.svg) no-repeat; background-size: contain; } .chatbox-btn .btn:focus, .chatbox-btn .btn:focus-visible { outline: none; -webkit-box-shadow: none; box-shadow: none; } .chatbox-btn .box { display: none; position: absolute; right: 1rem; bottom: calc(100% + 1rem); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: .5rem; line-height: 1.25; font-size: .85rem; font-weight: 500; color: var(--color-4a4a4a); white-space: nowrap; background-color: white; } .chatbox-btn .box::after { position: absolute; right: 3rem; top: 100%; content: ""; border: 10px solid transparent; border-right-width: 0; border-left-width: 14px; border-top-width: 12px; border-top-color: white; } .chatbox-btn .box h6 { margin-bottom: .3rem; font-size: .92rem; font-weight: 500; color: var(--venice-blue); } .chatbox-btn:focus-within .box { display: block; } .craw, .craw text, .craw tspan { font-family: var(--font-craw); } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .white { color: white !important; } .black { color: var(--color-4a4a4a) !important; } .form-label { position: relative; margin-bottom: 0.5rem; } .bootstrap-select .btn, .form-control { display: block; width: 100%; height: 42px; padding: .75rem 1.5rem; font-size: 1.05rem; font-weight: 600; color: var(--green-vogue); border: 1px solid white; background: white; border-radius: 32px; } .bootstrap-select .btn:focus, .bootstrap-select .btn:focus-visible, .form-control:focus, .form-control:focus-visible { border-color: white !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .bootstrap-select .btn::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: var(--color-4a4a4a); } .bootstrap-select .btn:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: var(--color-4a4a4a); } .bootstrap-select .btn::-ms-input-placeholder, .form-control::-ms-input-placeholder { color: var(--color-4a4a4a); } .bootstrap-select .btn::placeholder, .form-control::placeholder { color: var(--color-4a4a4a); } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { display: block; width: 100%; } .bootstrap-select .btn { color: var(--green-vogue) !important; } .bootstrap-select .btn::after { position: absolute; right: 20px; top: 50%; width: 15px; height: 15px; margin: 0; border: none; background: url(../images/icerik/chevron_down.svg) no-repeat 50%; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .bootstrap-select .dropdown-menu { padding: 0; border-radius: 12px; border: 1px solid var(--green-vogue); background-color: transparent; } .bootstrap-select .dropdown-menu[x-placement^="bottom"] { margin-top: .5rem; } .bootstrap-select .dropdown-menu[x-placement^="top"] { margin-bottom: .5rem; } .bootstrap-select .dropdown-menu > li:not(:last-child) { border-bottom: 1px solid var(--green-vogue); } .bootstrap-select .dropdown-item { padding: .75rem 1.5rem; font-size: 1.05rem; font-weight: 600; color: var(--green-vogue); background-color: #fff; } .bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active, .bootstrap-select .dropdown-item:hover { background-color: var(--apple); } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: var(--green-vogue); border-color: #fff; background-color: #fff; -webkit-box-shadow: none !important; box-shadow: none !important; } .form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .form-control:-internal-autofill-selected, .form-control:-internal-autofill-selected:hover, .form-control:-internal-autofill-selected:focus { background-color: white !important; -webkit-box-shadow: inset 0 0 0px 1000px white !important; box-shadow: inset 0 0 0px 1000px white !important; } textarea.form-control { border-radius: 8px; min-height: 110px; height: 110px; } select { background-image: url(../images/icerik/chevron_down.svg) !important; background-repeat: no-repeat !important; background-position: calc(100% - 20px) 50% !important; background-size: 10px auto !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .form-control-1 { width: 100%; height: 42px; padding-right: 1.5rem; padding-left: 1.5rem; line-height: 25px; font-family: var(--font-craw); font-size: 1.48rem; color: black; text-align: inherit; border: 1px solid var(--color-707070); border-radius: 21px; background: transparent border-box; -webkit-transition: all .3s linear; transition: all .3s linear; } .form-control-1:focus { border-style: dashed; } .form-control-1:focus-visible { outline: none; } .form-control-1::-webkit-input-placeholder { color: black; } .form-control-1:-ms-input-placeholder { color: black; } .form-control-1::-ms-input-placeholder { color: black; } .form-control-1::placeholder { color: black; } .login body { min-height: var(--minHeight); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), color-stop(120%, var(--color-a9d3fd))); background-image: linear-gradient(180deg, #fff 30%, var(--color-a9d3fd) 120%); } .login .header .row { height: 148px; } .login .header .logo { position: relative; margin: 0; line-height: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; } .login .header .logo a { display: block; width: 166px; height: 50px; text-decoration: none; background: url(../images/icerik/logo.svg) no-repeat 50%; background-size: contain; } .login .content .top-solid-bottom-dashed { background-image: -webkit-gradient(linear, left top, right top, from(rgba(2, 38, 81, 0.8)), color-stop(75%, rgba(2, 38, 81, 0.8)), color-stop(75%, transparent), to(transparent)); background-image: linear-gradient(90deg, rgba(2, 38, 81, 0.8), rgba(2, 38, 81, 0.8) 75%, transparent 75%, transparent 100%); } .login form .form-control-1 { width: 290px; } .login form .btn-gradient { min-width: 110px; } .login form .forgot { color: var(--color-4a4a4a); } @media (min-width: 1341px) { .login .plane-1 { left: -70px; } .login .plane-2 { top: 100px; right: -20px; } } @media (max-width: 1340px) { .login .plane-1 { left: 70px; } .login .plane-2 { top: 100px; right: 20px; } } @media (max-width: 767.98px) { .login .header .row { height: 100px; padding-top: 1.5rem; } .login .header .logo a { width: 125px; height: 28px; } .login .header .close-btn { position: absolute; right: 1rem; } .login .top-solid-bottom-dashed .title { padding: 1.3rem 0; font-size: 1.9rem; } .login .content figure { margin-right: -1.5rem; margin-left: -2rem; } } @media (max-width: 991.98px) { .nav-button { position: relative; z-index: 1; width: 26px; height: 26px; cursor: pointer; } .nav-button div, .nav-button span { pointer-events: none; } .nav-button span { background-color: currentColor; -webkit-transition-property: top, left, width, height; transition-property: top, left, width, height; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .nav-button .hamburger { position: absolute; width: 26px; height: 26px; } .nav-button .hamburger span { position: absolute; left: 0; width: 26px; height: 3px; } .nav-button .hamburger span:nth-child(1) { top: 8px; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .nav-button .hamburger span:nth-child(2) { top: 15px; -webkit-transition-delay: 0.40s; transition-delay: 0.40s; } .nav-button .cross { position: absolute; width: 100%; height: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nav-button .cross span { position: absolute; } .nav-button .cross span:nth-child(1) { top: 0; left: 12px; height: 0; width: 3px; -webkit-transition-delay: 0s; transition-delay: 0s; } .nav-button .cross span:nth-child(2) { top: 12px; left: 0; width: 0; height: 3px; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .nav-button.open .hamburger span { width: 0; } .nav-button.open .hamburger span:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s; } .nav-button.open .hamburger span:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .nav-button.open .hamburger span:nth-child(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .nav-button.open .cross span:nth-child(1) { height: 26px; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .nav-button.open .cross span:nth-child(2) { width: 26px; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .mobile-nav-footer { padding-top: 2rem; padding-bottom: 2rem; } .mobile-footer-bg { overflow: hidden; position: absolute; top: 0; left: 0; width: 50%; height: 30px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mobile-footer-bg::after, .mobile-footer-bg > div { position: absolute; left: -12px; top: 0; width: 100%; height: 1px; content: ""; background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, var(--green-vogue)), color-stop(40%, transparent)); background-image: linear-gradient(90deg, var(--green-vogue) 40%, transparent 40%); background-size: 6px 1px; } .mobile-footer-bg > div { top: 1px; left: auto; right: -5px; width: 32px; -webkit-transform: skewY(-326deg); transform: skewY(-326deg); background-size: 5px 1px; } .mobile-footer-bg.right { left: 50%; } .mobile-footer-bg.right::after { left: 15px; } .mobile-footer-bg.right > div { right: auto; left: -5px; -webkit-transform: skewY(326deg); transform: skewY(326deg); } #navigation { overflow: hidden; position: fixed; top: 66px; left: 0; z-index: 1; width: 100vw; height: calc(100vh - 66px); height: calc(var(--minHeight) - 66px); color: var(--green-vogue); text-align: center; opacity: 0; visibility: hidden; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #D8EBFF)) no-repeat; background: linear-gradient(180deg, #fff 0%, #D8EBFF 60%) no-repeat; } } @media (max-width: 991.98px) and (min-width: 768px) { #navigation { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 991.98px) { .mobile-nav { position: relative; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-perspective: 1000px; perspective: 1000px; pointer-events: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mobile-nav > nav > ul ul:not(.show) { display: none; } .mobile-nav > nav > ul ul li:last-child { padding-bottom: 1.5rem; } .mobile-nav > nav .nav-link { position: relative; display: block; padding: 2rem 0 3rem; line-height: 1.3; font-family: var(--font-craw); font-size: 1.7rem; font-weight: 400; color: inherit; text-transform: uppercase; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .mobile-nav > nav .nav-link > span { position: relative; display: block; width: 100%; } .mobile-nav > nav .nav-link > span::before { position: absolute; top: calc(100% + 8px); left: calc(50% - 6px); width: 12px; height: 12px; content: ""; border-radius: 50%; border: 1px solid currentColor; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .mobile-nav > nav .nav-item { border-bottom: 1px solid currentColor; } .mobile-nav > nav .nav-item.hover > a > span::before, .mobile-nav > nav .nav-item.active > a > span::before { background-color: currentColor; } .mobile-nav > nav .dropdown-toggle::before, .mobile-nav > nav .dropdown-toggle::after { content: none !important; } .mobile-nav > nav .dropdown-item { padding: .3rem 0; font-size: 1rem; font-weight: 500; color: inherit; text-transform: uppercase; background: none; } .mobile-nav .btn-hover-dot { color: currentColor; } } @media (min-width: 992px) { .main-nav > ul ul:not(.show) { display: none; } .main-nav .nav-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 44px; padding: 0; line-height: 1.3; font-size: .85rem; font-weight: 700; color: inherit; text-transform: uppercase; letter-spacing: -0.02em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .main-nav .nav-link > span { position: relative; display: block; width: 100%; } .main-nav .nav-link > span::before { position: absolute; top: calc(100% + 2px); left: 0; width: 7px; height: 7px; content: ""; opacity: 0; border-radius: 50%; background-color: currentColor; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .main-nav .nav-item { margin-right: 1.38rem; margin-left: 1.38rem; } .main-nav .nav-item:hover > a > span::before { left: 50%; opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-transition: all 0.6s cubic-bezier(0.08, 0.35, 0.4, 1.02); transition: all 0.6s cubic-bezier(0.08, 0.35, 0.4, 1.02); } .main-nav .nav-item.show > a > span::before, .main-nav .nav-item.active > a > span::before { top: 50%; left: -10px; opacity: 1; -webkit-transform: translate3d(-2px, -50%, 0); transform: translate3d(-2px, -50%, 0); -webkit-transition: left .3s linear, top .3s linear .4s, -webkit-transform .3s linear .4s; transition: left .3s linear, top .3s linear .4s, -webkit-transform .3s linear .4s; transition: left .3s linear, top .3s linear .4s, transform .3s linear .4s; transition: left .3s linear, top .3s linear .4s, transform .3s linear .4s, -webkit-transform .3s linear .4s; } .main-nav .dropdown-toggle::before, .main-nav .dropdown-toggle::after { content: none !important; } .main-nav .dropdown-item { padding: .5rem 1rem; font-size: .846rem; font-weight: 600; color: inherit; text-transform: uppercase; background: none; } .main-nav .dropdown-menu { min-width: 160px; margin-top: -10px; padding: 0; border-radius: 5px; border: 1px solid var(--green-vogue); } .main-nav .dropdown-menu > li { position: relative; color: var(--green-vogue); } .main-nav .dropdown-menu > li + li { border-top: 1px solid var(--green-vogue); } /* .main-nav .dropdown-menu > li:hover, .main-nav .dropdown-menu > li.active { color: white; background-color: var(--green-vogue); }*/ .main-nav .dropdown-menu > li:hover { color: white; background-color: var(--green-vogue); } .header-dark .main-nav .dropdown-menu { border-color: var(--venice-blue); background-color: var(--green-vogue); } .header-dark .main-nav .dropdown-menu > li { color: white; } .header-dark .main-nav .dropdown-menu > li + li { border-top-color: var(--venice-blue); } /* .header-dark .main-nav .dropdown-menu > li:hover, .header-dark .main-nav .dropdown-menu > li.active { color: var(--green-vogue); background-color: white; }*/ .header-dark .main-nav .dropdown-menu > li:hover { color: #022651; background-color: #ffffff; } } .header-bg { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header-bg::before { position: absolute; top: -1px; left: -200px; width: calc(100% + 238px); height: 100%; content: ""; background: rgba(255, 255, 255, 0.47); -webkit-transform: skewX(117deg); transform: skewX(117deg); } .header-bg::after, .header-bg > div { position: absolute; left: -12px; bottom: 0; width: 100%; height: 1px; content: ""; background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, var(--green-vogue)), color-stop(40%, transparent)); background-image: linear-gradient(90deg, var(--green-vogue) 40%, transparent 40%); background-size: 6px 1px; } .header-bg > div { bottom: 1px; left: auto; right: -5px; width: 32px; -webkit-transform: skewY(326deg); transform: skewY(326deg); background-size: 5px 1px; } .header-bg.right::before { left: auto; right: -200px; -webkit-transform: skewX(63deg); transform: skewX(63deg); } .header-bg.right::after { left: 15px; } .header-bg.right > div { right: auto; left: -5px; -webkit-transform: skewY(-326deg); transform: skewY(-326deg); } #header { position: fixed; top: 0; left: 0; z-index: 5; width: 100%; color: var(--green-vogue); } #header .container, #header .header-main-row { height: 100%; } #header .header-main-row > div { padding-right: 15px; padding-left: 15px; } #header .inner { position: relative; height: 62px; } #header .logo { position: relative; z-index: 2; margin: 0; line-height: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; } #header .logo a { display: block; width: 120px; height: 50px; text-decoration: none; background: url(../images/icerik/logo.svg) no-repeat 50%; background-size: contain; } #header .btn-gradient { padding-right: 1rem; padding-left: 1rem; } #header .lang { z-index: 0; font-weight: 400; } #header .lang, #header .btn-gradient { color: currentColor; } #header button.btn-search { z-index: 2; } .search-open #header button.btn-search::before { opacity: 0; -webkit-transition: all .2s linear; transition: all .2s linear; } #header button.btn-search span { pointer-events: none; background-color: currentColor; -webkit-transition-property: top, left, width, height; transition-property: top, left, width, height; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } #header button.btn-search .cross { position: absolute; width: 100%; height: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #header button.btn-search .cross span { position: absolute; } #header button.btn-search .cross span:nth-child(1) { top: 0; left: 6px; height: 0; width: 3px; -webkit-transition-delay: 0s; transition-delay: 0s; } #header button.btn-search .cross span:nth-child(2) { top: 15px; left: -8px; width: 0; height: 3px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } #header button.btn-search.open .cross span:nth-child(1) { height: 32px; -webkit-transition-delay: .1s; transition-delay: .1s; } #header button.btn-search.open .cross span:nth-child(2) { width: 32px; -webkit-transition-delay: .3s; transition-delay: .3s; } .search { position: fixed; top: 0; left: 0; z-index: 1; width: 100vw; height: 100vh; height: var(--minHeight); opacity: 0; visibility: hidden; overflow-x: hidden; overflow-y: scroll; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d4e9ff)) no-repeat; background: linear-gradient(180deg, #fff 0%, #d4e9ff 100%) no-repeat; -webkit-transition: all .2s linear .2s; transition: all .2s linear .2s; } .search-open .search { opacity: 1; visibility: visible; -webkit-transition: all .2s linear; transition: all .2s linear; } .search .cloud-effect-absolute { pointer-events: none; width: 1245px; } .search .row { min-height: var(--minHeight); padding-top: 2rem; padding-bottom: 7rem; } .search .search-form-wrapper { max-width: 100vw; padding: 0 2.8rem; } .search .form { width: 450px; max-width: 100%; margin: 0 auto; } .search .form input[type="text"] { width: 100%; padding-right: 4rem; padding-left: 5rem; font-size: 1.38rem; } .search .form input[type="text"]::-webkit-input-placeholder { color: var(--color-4a4a4a); } .search .form input[type="text"]:-ms-input-placeholder { color: var(--color-4a4a4a); } .search .form input[type="text"]::-ms-input-placeholder { color: var(--color-4a4a4a); } .search .form input[type="text"]::placeholder { color: var(--color-4a4a4a); } .search .form .btn-search { position: absolute; top: 50%; left: 1.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search .form .btn-search::before { background-image: url(../images/icerik/search_gray.svg); } .search .search-btn { position: absolute; top: 50%; right: 1.5rem; height: 15px; padding-right: 2.5rem; line-height: 1; font-size: 1rem; font-weight: 700; color: var(--color-4a4a4a); border: 0; background: url(../images/icerik/chevron_right_gray.svg) no-repeat calc(100% - 1rem) 50%; background-size: 10px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all .3s linear; transition: all .3s linear; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search .search-btn:hover { background-position: 100% 50%; } .search .popular-searches { width: 450px; max-width: 100%; margin: 3rem auto 0; } .search .popular-searches h5 { margin-top: 3rem; margin-bottom: 2rem; padding-bottom: .75rem; font-size: 1rem; font-weight: 700; color: black; background: -webkit-gradient(linear, left top, right top, from(#FED605), color-stop(50%, #0B5997), to(#54A931)) no-repeat 0 100%; background: linear-gradient(90deg, #FED605 0%, #0B5997 50%, #54A931 100%) no-repeat 0 100%; background-size: 100% 1px; } .search .popular-searches .d-flex { gap: 1.5rem; } .search .popular-searches a { display: block; white-space: nowrap; padding: .5rem 3.5rem .5rem 2rem; font-family: var(--font-craw); font-size: 1.25rem; color: black; border-radius: 40px; border: 1px solid #707070; background: url(../images/icerik/chevron_right_gray.svg) no-repeat calc(100% - 2rem) 50%; background-size: 10px 15px; -webkit-transition: all .3s linear; transition: all .3s linear; } .search .popular-searches a:hover { border-style: dashed; background-position: calc(100% - 1rem) 50%; } .search .search-results { position: relative; width: 730px; max-width: 100%; margin-top: 3rem; background: -webkit-gradient(linear, left top, right top, from(#FED605), color-stop(50%, #0B5997), to(#54A931)) no-repeat 0 100%; background: linear-gradient(90deg, #FED605 0%, #0B5997 50%, #54A931 100%) no-repeat 0 100%; background-size: 100% 1px; } .search .search-results.not-found { background: none; } .search .search-results p { margin-top: 3rem; margin-bottom: 1.5rem; font-weight: 500; color: var(--color-4a4a4a); text-align: center; } .search .search-results a { position: relative; display: block; width: 100%; padding: 1.5rem 0 1.5rem 3.7rem; background: -webkit-gradient(linear, left top, right top, from(#FED605), color-stop(50%, #0B5997), to(#54A931)) no-repeat; background: linear-gradient(90deg, #FED605 0%, #0B5997 50%, #54A931 100%) no-repeat; background-size: 100% 1px; } .search .search-results a > span { display: block; line-height: 1.4; font-weight: 500; color: var(--color-888888); } .search .search-results a > span:nth-child(1) { font-family: var(--font-craw); font-size: 1.25rem; color: var(--color-4a4a4a); -webkit-transition: all .3s linear; transition: all .3s linear; } .search .search-results a::before { position: absolute; top: 18px; left: 0; width: 36px; height: 36px; content: ""; background: url(../images/icerik/link_icon.svg) no-repeat 50%; background-size: contain; } .search .search-results a:hover > span:nth-child(1) { color: black; } .search .search-results .large-text { margin-top: 1rem; line-height: 1.25; font-family: var(--font-craw); font-size: 1.7rem; font-weight: 400; } .search .search-results svg { position: absolute; top: 0; left: 43%; pointer-events: none; } #main-slider { --paddingTop: 170px; --paddingBottom: 110px; position: relative; z-index: 1; height: 100vh; padding-top: var(--paddingTop); padding-bottom: var(--paddingBottom); color: var(--green-vogue); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #fff), to(var(--color-a9d3fd))) no-repeat; background: linear-gradient(180deg, #fff 25%, var(--color-a9d3fd) 100%) no-repeat; } #main-slider .container-wrapper { position: absolute; top: var(--paddingTop); left: 0; z-index: 2; width: 100%; } #main-slider .hero-title { margin: 0; font-family: var(--font-craw); font-size: 5.5rem; font-weight: 400; color: inherit; text-align: center; letter-spacing: -0.22rem; } #main-slider .hero-title em { font-size: 1em; letter-spacing: -0.22rem; } #main-slider .swiper { padding-bottom: calc((var(--paddingBottom)) - 30px); } #main-slider .swiper-slide { opacity: 0 !important; } #main-slider .swiper-slide-active { opacity: 1 !important; } #main-slider .swiper-nav { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } #main-slider .swiper-prev, #main-slider .swiper-next { position: absolute; top: 50%; right: -42px; width: 32px; height: 32px; background: url(../images/icerik/arrow_next.svg) no-repeat 50%; background-size: 18px 16px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #main-slider .swiper-prev { right: auto; left: -42px; -webkit-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); } #main-slider .swiper-button-disabled { display: none; } #main-slider .image img { width: 100%; min-height: 250px; max-height: calc(100vh - var(--paddingTop) - 110px); -o-object-fit: contain; object-fit: contain; } #main-slider .image .cloud-effect-absolute { top: 0; left: 0; height: 100%; } #main-slider .svg-wrapper { position: absolute; top: calc(100% - 130px); left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main-map { position: relative; padding-top: 9rem; background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, var(--color-a9d3fd)), to(#fff)) no-repeat; background: linear-gradient(180deg, var(--color-a9d3fd) 25%, #fff 100%) no-repeat; } .main-map .map { position: relative; width: 1369px; max-width: 100%; margin: 130px auto 0; } .main-map .map-container { width: 100%; } .main-map .map svg { display: block; width: 100%; height: auto; } .main-map .map svg .dots:not(.active) { visibility: hidden; } .main-map .dot { cursor: pointer; } .main-map .map-tab { position: absolute; left: 80px; bottom: 25px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .main-map .map-tab a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: .35rem 1.2rem; border-radius: 21px; border: 1px solid #707070; background-color: white; } .main-map .map-content { display: none; position: absolute; width: 260px; padding: 1rem; border-radius: 12px; background-color: white; -webkit-transform: translate3d(-50%, calc(-100% - 15px), 0); transform: translate3d(-50%, calc(-100% - 15px), 0); } .main-map .map-content h5 { font-size: 1.2rem; font-weight: 500; color: var(--green-vogue); } .main-map .map-content p { line-height: 1.25; font-size: .92rem; color: var(--color-4a4a4a); } .main-map .map-content .me { position: relative; padding-left: 20px; line-height: 18px; color: var(--color-0d0d0d); } .main-map .map-content .me::before { position: absolute; top: 8px; left: 0; width: 16px; content: ""; border-bottom: 2px solid var(--gold); } .main-map .map-content .mst { font-weight: 500; color: var(--venice-blue); } .main-map .map-content .ms { gap: 5px; } .numbers { position: relative; z-index: 0; min-height: 100vh; padding-top: 80px; padding-bottom: 80px; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, var(--color-d8ebff)), to(#fff)) no-repeat; background: linear-gradient(180deg, var(--color-d8ebff) 60%, #fff 100%) no-repeat; } .numbers .svg-wrapper { margin-bottom: -200px; padding-left: 5rem; } .numbers .swiper-container { position: relative; z-index: 1; width: 730px; max-width: 100%; margin: 4rem auto 0; } .numbers .swiper-container > .swiper-pagination-bullets { -webkit-transform: translate3d(85px, -50%, 0); transform: translate3d(85px, -50%, 0); } .numbers .swiper-container .swiper-pagination-bullet { width: 16px; height: 16px; border: 1px solid var(--green-vogue); background: none; opacity: 1; } .numbers .swiper-container .swiper-pagination-bullet-active { background: var(--green-vogue); } .numbers .swiper-container .note { margin-top: 1.6rem; font-size: .85rem; color: var(--color-909090); } .numbers .swiper-carousel { width: 100%; max-width: 100%; height: calc(134px * 4); } .numbers .swiper-carousel::before, .numbers .swiper-carousel .row::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ""; background: -webkit-gradient(linear, left top, right top, from(var(--gold)), color-stop(50%, var(--venice-blue)), to(var(--apple))) no-repeat; background: linear-gradient(90deg, var(--gold) 0%, var(--venice-blue) 50%, var(--apple) 100%) no-repeat; } .numbers .swiper-carousel .swiper-slide { height: auto; } .numbers .swiper-carousel .row { position: relative; padding: 15px 5px 12px; } .numbers .swiper-carousel .row::before { top: 0; bottom: auto; } .numbers .swiper-carousel .number { position: relative; line-height: 1; font-family: var(--font-craw); font-size: 8rem; color: var(--green-vogue); letter-spacing: normal; } .numbers .swiper-carousel .number > span { position: relative; display: inline-block; line-height: 1; vertical-align: top; } .numbers .swiper-carousel .number > span > span:nth-child(1) { visibility: hidden; } .numbers .swiper-carousel .number > span > span:nth-child(2) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .numbers .swiper-carousel .number small { position: absolute; top: 18px; padding-left: .9rem; font-size: 1.69rem; font-style: italic; letter-spacing: normal; } .numbers .swiper-carousel .number .plus { top: 50%; font-size: 3rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .numbers .swiper-carousel .title { position: relative; margin-top: 1rem; padding-left: 40px; font-size: 1.07rem; font-weight: 700; color: var(--green-vogue); } .numbers .swiper-carousel .title::before { position: absolute; top: 50%; left: 0; width: 22px; content: ""; border-bottom: 2px solid var(--lc, var(--venice-blue)); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .main-news { padding-top: 6rem; padding-bottom: 6rem; color: white; background-color: var(--green-vogue); } .main-news .section-title { margin-bottom: 6rem; color: inherit; } .main-news .all-btn { font-family: var(--font-craw); font-size: 1.54rem; font-weight: 400; font-style: italic; color: var(--ice-grey); text-transform: none; } .main-news .image { border-radius: 16px; } .main-news .item { position: relative; width: 100%; height: 100%; } .main-news .item-text { padding-top: 2rem; } .main-news .item-title { margin: 0; font-family: var(--font-craw); font-size: 1.77rem; font-weight: 400; letter-spacing: normal; } .main-news .item-title a { min-height: 59px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .main-news .item p { margin: 1rem 0 0; font-size: 0.92rem; } .main-news .item:hover .item-title a { text-decoration: underline !important; } .main-news .item:hover p { text-decoration: underline; } .footer-bg { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 30px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .footer-bg::after, .footer-bg > div { position: absolute; left: -12px; top: 0; width: 100%; height: 1px; content: ""; background-image: -webkit-gradient(linear, left top, right top, from(rgba(2, 38, 81, 0.5)), color-stop(75%, rgba(2, 38, 81, 0.5)), color-stop(75%, transparent), to(transparent)); background-image: linear-gradient(90deg, rgba(2, 38, 81, 0.5), rgba(2, 38, 81, 0.5) 75%, transparent 75%, transparent 100%); background-size: 6px 1px; } .footer-bg > div { top: 1px; left: auto; right: -5px; width: 32px; -webkit-transform: skewY(-326deg); transform: skewY(-326deg); background-size: 5px 1px; } .footer-bg.right::after { left: 15px; } .footer-bg.right > div { right: auto; left: -5px; -webkit-transform: skewY(326deg); transform: skewY(326deg); } #footer { overflow: hidden; position: relative; padding-top: 30px; padding-bottom: 50px; font-size: 1rem; color: var(--green-vogue); background-color: white; } #footer a { color: inherit; text-decoration: none; } #footer .btn-gradient { padding-right: 1rem; padding-left: 1rem; } #footer .btn-gradient:hover { color: white; } #footer h6 { margin-bottom: .8rem; font-size: 1rem; color: inherit; text-transform: uppercase; } #footer nav li:not(:last-child) { margin-bottom: .5rem; } #footer nav li a { display: inline-block; line-height: 1.25; } #footer nav li a:hover { text-decoration: underline; } .swiper-hs { margin: 0 -1px; padding: 1px; } .swiper-hs > .swiper-scrollbar { position: relative; left: auto; bottom: 0; height: 1px; margin: 2rem 0; width: 100%; background: var(--green-vogue); } .swiper-hs .swiper-scrollbar-drag { top: -1px; height: 3px; background: var(--green-vogue); } .swiper-hs .swiper-slide { line-height: 1.25; } .swiper-hs .swiper-slide > div { position: relative; height: 100%; padding: 2rem 2rem 6rem; border-radius: 21px; border: 1px solid var(--green-vogue); min-height: 23rem; } .swiper-hs .swiper-slide .text, .bus-service-1 .swiper-slide p { font-family: var(--font-craw); font-size: 1.14rem; font-weight: 400; } .swiper-hs .swiper-slide .note { position: absolute; left: 2rem; bottom: 2rem; font-size: .85rem; } .swiper-hs-nav { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; } .swiper-hs-prev, .swiper-hs-next { position: absolute; top: 50%; right: -42px; width: 32px; height: 32px; background: url(../images/icerik/arrow_next.svg) no-repeat 50%; background-size: 18px 16px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .swiper-hs-prev span, .swiper-hs-next span { position: absolute; top: 50%; left: calc(100% + 5px); line-height: 1.1; font-size: .92rem; font-weight: 700; text-align: left; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .swiper-hs-prev { right: auto; left: -42px; -webkit-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); } .swiper-hs-prev span { -webkit-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); text-align: right; } .swiper-hs-button-disabled { display: none; } .swiper-hs-number { margin: 0; line-height: 1; font-family: var(--font-craw); font-size: 5.76rem; font-weight: 400; color: white; -webkit-text-fill-color: white; -webkit-text-stroke: 1px var(--green-vogue); } .airport-service { padding: 7rem 0; background: linear-gradient(178deg, #E0EFFE 33%, #fff 66%, #fff 100%) no-repeat; } .airport-service .service-list { display: block; margin-top: 7rem; padding: 0; counter-reset: c; } .airport-service .service-list > li { position: relative; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem 0; background: -webkit-gradient(linear, left top, right top, from(var(--gold)), color-stop(50%, var(--venice-blue)), to(var(--apple))) no-repeat; background: linear-gradient(90deg, var(--gold) 0%, var(--venice-blue) 50%, var(--apple) 100%) no-repeat; background-size: auto 1px; } .airport-service .service-list > li .bg { overflow: hidden; position: absolute; top: 1px; left: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; } .airport-service .service-list > li .bg::after { position: absolute; top: 1px; left: -10%; z-index: -1; width: 120%; height: 120%; content: ""; opacity: .16; background: linear-gradient(269deg, #A9D3FD 0%, #fff 100%) no-repeat; -webkit-transform: rotate3d(0, 2, 1, -10deg) translate3d(0, 60%, 0); transform: rotate3d(0, 2, 1, -10deg) translate3d(0, 60%, 0); -webkit-transition: all .3s linear; transition: all .3s linear; } .airport-service .service-list > li h3 { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin: 0; font-size: 1rem; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; } .airport-service .service-list > li h3::before { display: inline-block; line-height: 1; font-family: var(--font-craw); font-size: 6.77rem; font-weight: 400; counter-increment: c; content: "0" counter(c); } .airport-service .service-list > li h3:nth-child(n+10)::before { content: counter(c); } .airport-service .service-list > li h3 span { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin: 1rem 0 1rem 2rem; background: url(../images/icerik/arrow_next.svg) no-repeat 0 100%; -webkit-transition: all .3s linear; transition: all .3s linear; } .airport-service .service-list > li img { position: absolute; top: calc(100% - 1.6rem); left: 50px; width: 400px; opacity: 0; visibility: hidden; pointer-events: none; border: 1px solid var(--green-vogue); background: white; -webkit-transform: scale3d(1, 0, 1) translate3d(0, 0, 0); transform: scale3d(1, 0, 1) translate3d(0, 0, 0); -webkit-transition: all .3s linear; transition: all .3s linear; } .airport-service .service-list > li:hover { z-index: 1; } .airport-service .service-list > li:hover .bg::after { opacity: 1; -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0); transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0); } .airport-service .service-list > li:hover h3 span { background-position: 10px 100%; } .airport-service .service-list > li:hover img { opacity: 1; visibility: visible; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } .airport-service-slider header { text-align: center; border-top: 1px solid var(--green-vogue); background: -webkit-gradient(linear, left top, right top, from(var(--green-vogue)), color-stop(75%, var(--green-vogue)), color-stop(75%, transparent), to(transparent)) repeat-x 0 100%; background: linear-gradient(90deg, var(--green-vogue), var(--green-vogue) 75%, transparent 75%, transparent 100%) repeat-x 0 100%; background-size: 10px 1px; } .airport-service-slider header h4 { margin: 0; padding: 3rem 0; line-height: 1; font-family: var(--font-craw); font-size: 3.54rem; font-weight: 400; color: var(--green-vogue); } .airport-service-slider .swiper { margin: 5.3rem 0; } .airport-service-slider .swiper-slide { opacity: 0 !important; } .airport-service-slider .swiper-slide-active { opacity: 1 !important; } .airport-service-slider .swiper-nav { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; } .airport-service-slider .swiper-prev, .airport-service-slider .swiper-next { position: absolute; top: 50%; right: -42px; width: 32px; height: 32px; border: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .airport-service-slider .swiper-prev::before, .airport-service-slider .swiper-prev::after, .airport-service-slider .swiper-next::before, .airport-service-slider .swiper-next::after { position: absolute; top: 50%; width: 18px; height: 16px; content: ""; background: url(../images/icerik/arrow_next.svg) no-repeat 50%; background-size: 18px 16px; -webkit-transform: translate3d(-9px, -50%, 0); transform: translate3d(-9px, -50%, 0); } .airport-service-slider .swiper-prev span, .airport-service-slider .swiper-next span { position: absolute; top: 50%; left: calc(100% + 5px); line-height: 1.1; font-size: .92rem; font-weight: 700; text-align: left; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .airport-service-slider .swiper-prev { right: auto; left: -42px; } .airport-service-slider .swiper-prev::before { content: none; } .airport-service-slider .swiper-prev::after { -webkit-transform: translate3d(-9px, -50%, 0) rotateZ(180deg); transform: translate3d(-9px, -50%, 0) rotateZ(180deg); } .airport-service-slider .swiper-prev span { left: auto; right: calc(100% + 5px); text-align: right; } .airport-service-slider .swiper-next::after { content: none; } .airport-service-slider .swiper-button-disabled { display: none; } .airport-service-slider .swiper-number { margin: 0; line-height: 1; font-family: var(--font-craw); font-size: 5.76rem; font-weight: 400; color: white; -webkit-text-fill-color: white; -webkit-text-stroke: 1px var(--green-vogue); } .airport-service-slider h5 { position: relative; margin-bottom: 2rem; padding-left: 40px; font-family: var(--font-craw); font-size: 1.5rem; font-weight: 400; font-style: italic; color: var(--color-0d0d0d); } .airport-service-slider h5::before { position: absolute; top: 12px; left: 0; width: 26px; content: ""; border-bottom: 2px dashed var(--lc, var(--venice-blue)); } .airport-service-slider ul { padding: 0; list-style: none; } .airport-service-slider ul li { position: relative; margin-top: 1rem; padding-left: 40px; font-size: 1rem; font-weight: 500; color: var(--color-0d0d0d); } .airport-service-slider ul li::before { position: absolute; top: 10px; left: 0; width: 26px; content: ""; border-bottom: 2px solid var(--lc, var(--venice-blue)); } .bus-slider .item { -webkit-transform: translateX(15rem); transform: translateX(15rem); } /*.bus-slider .survey-btn { position: absolute; top: 50%; right: 69%; z-index: 1; width: 327px; } .bus-slider .survey-btn2 { position: absolute; top: 70%; right: 69%; z-index: 1; width: 327px; }*/ .bus-service-1 { background: #fff; } .bus-service-2 { background: #fff; } .bus-service-2 form { margin-top: 5.77rem; padding: 5rem 0; background-color: var(--green-vogue); } .bus-service-2 form .row { margin-right: -2.15rem; margin-left: -2.15rem; } .bus-service-2 form .row [class^="col-"] { padding-right: 2.15rem; padding-left: 2.15rem; } .bus-service-2 form label { font-size: 1.15rem; font-weight: 700; color: white; } .bus-service-2 form .next-and-prev { position: relative; } .bus-service-2 form .next-and-prev::before { position: absolute; left: -15px; top: 50%; width: 30px; height: 30px; content: ""; background: url(../images/icerik/next_and_prev.svg) no-repeat 50%; background-size: contain; -webkit-transform: translateY(calc(-50% + calc(calc(22px + .5rem) / 2))); transform: translateY(calc(-50% + calc(calc(22px + .5rem) / 2))); } .bus-service-2 form .form-control[readonly] { background-color: white; } .bus-cargo-service { overflow: hidden; padding-top: 5.77rem; padding-bottom: 5.77rem; background: linear-gradient(178deg, #E0EFFE 0%, #fff 40%, #fff 100%) no-repeat; } .bus-cargo-service .route-hours { margin-top: 9rem; margin-bottom: 13rem; } .bus-cargo-service .route-hours h3 { margin-bottom: 1.4rem; font-family: var(--font-craw); font-size: 2.1rem; font-weight: 400; color: black; } .bus-cargo-service .route .box, .bus-cargo-service .hours .box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 2rem 3.5rem; border-radius: 21px; border: 1px solid var(--green-vogue); } .bus-cargo-service .route:not(.route-detail) .box > div > div:nth-child(1) { line-height: 1; font-size: 1rem; color: var(--color-4a4a4a); } .bus-cargo-service .route:not(.route-detail) .box > div > div:nth-child(2) { font-family: var(--font-craw); font-size: 1.38rem; font-weight: 400; color: black; } .bus-cargo-service .hours .box > div { margin-right: -.5rem; margin-left: -.5rem; } .bus-cargo-service .hours .box > div > div { width: 25%; padding: .8rem; } .bus-cargo-service .hours .box > div > div > div { padding: .3rem; font-size: 1.77rem; font-weight: 500; text-align: center; border-radius: 50px; color: black; border: 1px solid var(--color-4a4a4a); } .bus-cargo-service .routes { margin-right: -1rem; margin-left: -1rem; } .bus-cargo-service .routes > div { position: relative; min-height: 90px; padding: 1rem .5rem; line-height: 1.25; font-size: .85rem; font-weight: 700; color: var(--color-888888); text-align: center; background: -webkit-gradient(linear, left top, right top, from(#0b5997)) no-repeat; background: linear-gradient(to right, #0b5997 0%) no-repeat; background-size: auto 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .bus-cargo-service .routes > div:first-child { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #0b5997)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #0b5997 50%); } .bus-cargo-service .routes > div:last-child { /* background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #0b5997), color-stop(50%, rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, #0b5997 50%, rgba(0, 0, 0, 0) 50%);*/ } .bus-cargo-service .routes > div::before { position: absolute; top: -12px; left: 50%; z-index: 1; width: 24px; height: 24px; content: ""; border-radius: 50%; border: 2px solid var(--venice-blue); background: var(--color-909090); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .bus-cargo-service .routes > div.selected { color: var(--green-vogue); } .bus-cargo-service .routes > div.selected::before { background: var(--apple); } .bus-cargo-service .stations { margin-right: -1rem; margin-left: -1rem; } .bus-cargo-service .stations > div { position: relative; min-height: 62px; padding: 0.5rem 1.8rem; line-height: 1.25; font-size: .85rem; font-weight: 700; text-align: center; background: -webkit-gradient(linear, left top, left bottom, from(#0b5997)) no-repeat; background: linear-gradient(to bottom, #0b5997 0%) no-repeat; background-size: 2px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .bus-cargo-service .stations > div:first-child { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #0b5997)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #0b5997 50%); } .bus-cargo-service .stations > div:last-child { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #0b5997), color-stop(50%, rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, #0b5997 50%, rgba(0, 0, 0, 0) 50%); } .bus-cargo-service .stations > div::before { position: absolute; top: 50%; left: -12px; z-index: 1; width: 24px; height: 24px; content: ""; border-radius: 50%; border: 2px solid var(--venice-blue); background: var(--apple); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .bus-cargo-service .absolute-border-bottom::after { position: absolute; left: 100%; bottom: 0; width: 100vw; height: 2px; content: ""; background-color: var(--venice-blue2); } .bus-cargo-service .route-detail .box { padding: 0; border-color: var(--color-4a4a4a); } .bus-cargo-service .route-detail h4 { margin: 0; padding: 1rem 0; font-family: var(--font-craw); font-size: 1.9rem; font-weight: 400; color: black; text-align: center; border-bottom: 1px solid var(--color-4a4a4a); } .bus-cargo-service .route-detail .row { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .bus-cargo-service .route-detail .col-12 { padding: 1.5rem 1rem; color: black; } .bus-cargo-service .route-detail .col-lg-6 + .col-lg-6 { color: var(--color-707070); border-left: 1px solid var(--color-4a4a4a); } .bus-cargo-service .route-detail .flg { font-size: 2.54rem !important; font-weight: 500; } .bus-cargo-service .route-detail ul.route-contact { margin: 0; padding: 0; list-style: none; } .bus-cargo-service .route-detail ul.route-contact li { position: relative; padding-left: 40px; font-size: .85rem; font-weight: 600; color: var(--color-0d0d0d); } .bus-cargo-service .route-detail ul.route-contact li + li { margin-top: .5rem; } .bus-cargo-service .route-detail ul.route-contact li > span { font-weight: 400; } .bus-cargo-service .route-detail ul.route-contact li::before { position: absolute; top: 8px; left: 0; width: 26px; content: ""; border-bottom: 2px solid var(--lc, var(--venice-blue)); } .cargo-service-1 { padding-top: 5.77rem; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e1effe), color-stop(150%, #fff)) no-repeat; background: linear-gradient(180deg, #e1effe 50%, #fff 150%) no-repeat; } .cargo-service-2 { padding-top: 7.7rem; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #edf6ff), to(#fff)) no-repeat; background: linear-gradient(180deg, #edf6ff 50%, #fff 100%) no-repeat; } .cargo-service-2 .top-solid-bottom-dashed.mb { margin-bottom: 2.2rem; } .cargo-service-2 .left-nav-tabs { padding-top: 6rem; } .cargo-service-2 .left-nav-tabs .nav-link { margin: 0; font-family: var(--font-craw); font-size: 2.61rem; color: var(--green-vogue); opacity: .7; border: 0; border-radius: 0; background: none; -webkit-transition: all .3s linear; transition: all .3s linear; } .cargo-service-2 .left-nav-tabs .nav-link > span { position: relative; display: inline-block; line-height: 1; border-bottom: 2px solid transparent; -webkit-transition: all .3s linear; transition: all .3s linear; } .cargo-service-2 .left-nav-tabs .nav-link > span::before { position: absolute; top: 11px; left: -26px; width: 11px; height: 11px; content: ""; opacity: 0; border-radius: 50%; background-color: currentColor; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .cargo-service-2 .left-nav-tabs .nav-link.active { opacity: 1; } .cargo-service-2 .left-nav-tabs .nav-link.active > span { border-bottom-color: var(--green-vogue); } .cargo-service-2 .left-nav-tabs .nav-link.active > span::before { opacity: 1; } .cargo-service-2 .antrepo > .tab-content > .tab-pane { position: relative; padding-top: 7rem; color: black; } .cargo-service-2 .antrepo .nav-tabs { position: absolute; top: 0; left: 0; width: 100%; } .cargo-service-2 .antrepo .nav-tabs .nav-item:not(:first-child) { margin-left: 3rem; } .cargo-service-2 .antrepo .nav-tabs .nav-link { margin: 0; padding: 0; font-size: 1.7rem; font-weight: 500; color: var(--color-4a4a4a); border: 0; border-radius: 0; background: none; -webkit-transition: all .3s linear; transition: all .3s linear; } .cargo-service-2 .antrepo .nav-tabs .nav-link > span { display: inline-block; line-height: 1; border-bottom: 2px solid transparent; -webkit-transition: all .3s linear; transition: all .3s linear; } .cargo-service-2 .antrepo .nav-tabs .nav-link.active > span { border-bottom-color: var(--color-4a4a4a); } .cargo-service-2 .antrepo h3 { font-size: 1.15rem; font-weight: 700; text-transform: uppercase; } .cargo-service-2 .antrepo .accordion { border-bottom: 1px solid var(--color-4a4a4a); } .cargo-service-2 .antrepo .accordion > .card { border: 0; border-radius: 0; background: none; } .cargo-service-2 .antrepo .accordion > .card > .card-header { margin: 0; padding: 0; border: 0; background: none; } .cargo-service-2 .antrepo .accordion > .card .card-title { position: relative; margin: 0; padding: 1rem 0; font-family: var(--font-craw); font-size: 1.7rem; font-weight: 400; color: black; cursor: pointer; border: 0; border-top: 1px solid black; border-radius: 0; background: none; -webkit-transition: all .3s linear; transition: all .3s linear; } .cargo-service-2 .antrepo .accordion > .card .card-title::after { position: absolute; top: 50%; right: 10px; width: 12px; height: 12px; content: ""; margin-top: -6px; border-radius: 50%; border: 2px solid currentColor; background-color: currentColor; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .cargo-service-2 .antrepo .accordion > .card .card-title.collapsed { color: var(--color-4a4a4a); } .cargo-service-2 .antrepo .accordion > .card .card-title.collapsed::after { background-color: transparent; } .cargo-service-2 .antrepo .accordion > .card .card-body { padding: 0; border: 0; border-radius: 0; background: none; padding: 1.8rem 0; border-top: 1px solid var(--color-4a4a4a); } .cargo-service-2 .antrepo .accordion > .card .card-body h3 { margin-bottom: 1rem; font-family: var(--font-poppins); font-size: 1.15rem; font-weight: 500; color: black; opacity: .69; } .cargo-service-2 .antrepo .accordion .accordion { border: 0; } .cargo-service-2 .antrepo .accordion .accordion .card-title { font-family: var(--font-poppins); font-size: 1.15rem; font-weight: 500; } .cargo-service-2 .price-btn { padding: .5rem 3rem; font-family: var(--font-craw); font-size: 1.38rem; border-radius: 21px; border: 1px solid var(--color-707070); } .cargo-service-3 { padding-top: 5.77rem; padding-bottom: 5.77rem; } .cargo-service-3 h5 { margin-bottom: 3rem; font-family: var(--font-craw); font-size: 1.5rem; font-weight: 400; font-style: italic; color: var(--color-0d0d0d); } .cargo-service-3 ul { padding: 0; list-style: none; } .cargo-service-3 ul li { position: relative; margin-top: 0; font-size: 1rem; font-weight: 500; color: var(--color-0d0d0d); } .cargo-service-3 ul li::before { position: absolute; top: 10px; left: -40px; width: 26px; content: ""; border-bottom: 2px solid var(--lc, var(--venice-blue)); } .cargo-service-3 .image-1 { width: 700px; max-width: none; margin-top: -14rem; margin-right: -7rem; } .cargo-service-4 { padding-top: 5.77rem; padding-bottom: 10rem; } .cargo-service-4 .col-lg-4:nth-child(1) { color: var(--color-070707); } .cargo-service-4 .col-lg-4:nth-child(2) h5 { font-family: var(--font-craw); font-size: 1.38rem; font-weight: 700; color: #2F2F2F; } .cargo-service-4 .col-lg-4:nth-child(2) p { font-weight: 500; color: #2F2F2F; } .cargo-service-4 .col-lg-4:nth-child(2) p strong { font-weight: 600; } .cargo-service-4 .col-lg-4:nth-child(2) p a { text-decoration: underline; } .cargo-service-5 { padding-bottom: 5.77rem; } .cargo-service-5 .col-4 { color: var(--color-070707); } .cargo-service-6 { overflow: hidden; padding-top: 5.77rem; padding-bottom: 5.77rem; } .cargo-service-6 .image-1 { width: 600px; max-width: none; margin-top: 2rem; } .cargo-service-6 h5 { position: relative; margin-bottom: 2rem; padding-left: 40px; font-family: var(--font-craw); font-size: 1.69rem; font-weight: 400; font-style: italic; color: var(--color-0d0d0d); } .cargo-service-6 h5::before { position: absolute; top: 12px; left: 0; width: 26px; content: ""; border-bottom: 2px dashed var(--lc, var(--venice-blue)); } .cargo-service-6 h6 { padding-left: 40px; font-size: 1rem; font-weight: 500; color: var(--color-0d0d0d); } .cargo-service-6 ul { padding: 0; list-style: none; } .cargo-service-6 ul li { position: relative; margin-top: 1rem; padding-left: 40px; font-size: 1rem; font-weight: 500; color: var(--color-0d0d0d); } .cargo-service-6 ul li::before { position: absolute; top: 10px; left: 0; width: 26px; content: ""; border-bottom: 2px solid var(--lc, var(--venice-blue)); } .personel { padding-top: 5rem; padding-bottom: 5.77rem; background: -webkit-gradient(linear, left bottom, left top, from(#A9D3FD), color-stop(80%, #fff), to(#fff)) no-repeat; background: linear-gradient(0deg, #A9D3FD 0%, #fff 80%, #fff 100%) no-repeat; } .personel + #footer { background: #A9D3FD !important; } @media (min-width: 992px) { .personel .top-solid-bottom-dashed { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #A2B2C4), color-stop(50%, transparent)); background-image: linear-gradient(90deg, #A2B2C4 50%, transparent 50%); } .personel .top-solid-bottom-dashed .bt { border-top: none; } } @media (min-width: 1240px) { .personel .image-1 { float: right; max-width: 118%; } } .personel .list > a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: .8rem 0; font-size: 1rem; font-weight: 600; color: var(--venice-blue); text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--venice-blue); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .personel .list > a::after { position: absolute; right: 2rem; top: 50%; width: 10px; height: 30px; content: ""; background: url(../images/icerik/chevron_right_green.svg) no-repeat 50%; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s linear; transition: all .3s linear; } .personel .list > a:hover::after { right: 1rem; } .personel .list img { display: block; width: 50px; -o-object-fit: contain; object-fit: contain; } .personel .list span { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1rem; } .customer-experience { padding-top: 5rem; padding-bottom: 15rem; } @media (min-width: 992px) { .customer-experience .top-solid-bottom-dashed { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #A2B2C4), color-stop(50%, transparent)); background-image: linear-gradient(90deg, #A2B2C4 50%, transparent 50%); } .customer-experience .top-solid-bottom-dashed .bt { border-top: none; } } .customer-experience .col-5 { opacity: .7; } .customer-experience .box { position: relative; min-height: 100%; padding: 2.5rem 2.5rem 8rem; text-align: center; border-radius: 8px; background-color: rgba(218, 221, 226, 0.3); } .customer-experience .box h3 { margin-bottom: 1rem; font-family: var(--font-craw); font-size: 1.38rem; font-weight: 400; color: black; } .customer-experience .box h4 { font-size: 1.23rem; font-weight: 500; color: var(--color-888888); } .customer-experience .box img { margin: 2rem auto; } .customer-experience .box p { font-size: .92rem; color: var(--color-888888); } .customer-experience .box .btn-wrap { position: absolute; left: 0; bottom: 2rem; width: 100%; } .customer-experience .form-label:first-child { /*padding-right: 45%;*/ } .customer-experience .bootstrap-select .btn { color: var(--color-4a4a4a) !important; } .customer-experience .bootstrap-select .btn::after { background-image: url(../images/icerik/chevron_right_gray.svg); -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .customer-experience .bootstrap-select .btn:not(.bs-placeholder)::after { -webkit-transform: translateY(-50%) rotate(270deg); transform: translateY(-50%) rotate(270deg); } .customer-experience .bootstrap-select.show .btn { border-radius: 8px 8px 0px 0px; } .customer-experience .bootstrap-select .dropdown-menu { border: none; border-radius: 0px 0px 8px 8px; } .customer-experience .bootstrap-select .dropdown-menu > li { border: none; } .customer-experience .bootstrap-select .dropdown-menu[x-placement^="bottom"] { margin-top: 0; } .customer-experience .bootstrap-select .dropdown-menu[x-placement^="top"] { margin-bottom: 0; } .customer-experience .bootstrap-select .dropdown-item { padding: .45rem 1.5rem; font-size: .92rem; color: var(--color-707070); } .customer-experience .bootstrap-select .dropdown-item.active, .customer-experience .bootstrap-select .dropdown-item:active, .customer-experience .bootstrap-select .dropdown-item:hover { color: white; background-color: var(--color-a9d3fd); } .customer-experience .form-control { font-size: .92rem; } .customer-experience .form-control:focus, .customer-experience .form-control:focus-visible { border-radius: 8px; } .customer-experience .form-control, .customer-experience .form-control::-webkit-input-placeholder { color: var(--color-4a4a4a); } .customer-experience .form-control, .customer-experience .form-control:-ms-input-placeholder { color: var(--color-4a4a4a); } .customer-experience .form-control, .customer-experience .form-control::-ms-input-placeholder { color: var(--color-4a4a4a); } .customer-experience .form-control, .customer-experience .form-control::placeholder { color: var(--color-4a4a4a); } .readmore { position: absolute; top: 5px; right: 0; font-size: .92rem; font-weight: 500; color: var(--color-888888); } .prev-next-btn { color: var(--color-707070); } .prev-next-btn a { font-size: .92rem; font-weight: 500; } .prev-next-btn a:hover { font-weight: 700; color: var(--color-4a4a4a); } .prev-next-btn .pr-title { font-family: var(--font-craw); font-size: 1.54rem; font-weight: 400; font-style: italic; } .prev-next-btn .pr-title a { font-size: inherit; font-weight: inherit; } .projects { padding-top: 8rem; padding-bottom: 15rem; background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #A9D3FD), to(#fff)) no-repeat; background: linear-gradient(0deg, #A9D3FD 60%, #fff 100%) no-repeat; } .projects + #footer { background: #A9D3FD !important; } .projects .large-text { font-family: var(--font-craw); font-size: 1.38rem; font-weight: 400; font-style: italic; color: black; } .projects .item + .item { margin-top: 190px; } .projects .item h2 { margin-bottom: 1rem; font-family: var(--font-craw); font-size: 2.70rem; font-weight: 400; color: var(--green-vogue); } .projects .item img { display: block; width: 100%; border-radius: 32px; } .projects .item figcaption { color: var(--green-vogue); } .projects .item p { color: var(--color-0d0d0d); } @media (min-width: 992px) { .projects .section-title { font-size: 3.46rem; margin-bottom: 80px; } .projects .section-title > span:nth-child(1) { --x: -36%; } .projects .section-title > span:nth-child(2) { --x: 18%; } .projects .item figcaption { position: absolute; left: 0; top: 100%; text-transform: uppercase; } } .news { padding-top: 8rem; padding-bottom: 15rem; background: -webkit-gradient(linear, left bottom, left top, from(#c7e3ff), color-stop(78%, #fff), to(#fff)) no-repeat; background: linear-gradient(0deg, #c7e3ff 0%, #fff 78%, #fff 100%) no-repeat; } .news + #footer { background: #c7e3ff !important; } .news .large-text { font-family: var(--font-craw); font-size: 1.92rem; font-weight: 400; color: var(--color-4a4a4a); } .news .first-item { margin-bottom: 150px; color: var(--color-0d0d0d); } .news .first-item h2 { margin-bottom: 1rem; font-family: var(--font-craw); font-size: 2.70rem; font-weight: 400; color: var(--green-vogue); } .news .first-item img { display: block; width: 100%; border-radius: 32px; } .news .first-item figcaption { color: var(--color-4a4a4a); } .news .first-item .large-text { font-size: 1.38rem; font-style: italic; } .news .item { position: relative; width: 100%; height: 100%; } .news .item .image { border-radius: 16px; } .news .item-text { padding-top: 2rem; color: var(--color-4a4a4a); } .news .item-title { margin: 0; font-family: var(--font-craw); font-size: 1.77rem; font-weight: 400; letter-spacing: normal; } .news .item-title a { min-height: 59px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news .item p { margin: 1rem 0 0; font-size: 0.92rem; } @media (min-width: 992px) { .news .section-title { font-size: 3.46rem; margin-bottom: 80px; } .news .section-title > span:nth-child(1) { --x: -36%; } .news .section-title > span:nth-child(2) { --x: 18%; } .news .item figcaption { position: absolute; left: 0; top: 100%; } } .news-detail { color: var(--color-0d0d0d); } .news-detail > .container-small { max-width: 900px; } .news-detail > .container-small .container { max-width: 720px !important; } .news-detail figcaption { font-weight: 500; color: var(--color-4a4a4a); } .news-detail img { border-radius: 33px; } .experience { min-height: 4500px; padding-top: 10rem; padding-bottom: 5.77rem; background: -webkit-gradient(linear, left top, left bottom, color-stop(26%, #fff), color-stop(50%, #A9D3FD), color-stop(82%, #fff)) no-repeat; background: linear-gradient(180deg, #fff 26%, #A9D3FD 50%, #fff 82%) no-repeat; } .experience svg { display: block; margin: 0 auto; } .experience .svg-link { cursor: pointer; } .experience .svg-link .svg-hidden { opacity: 0; -webkit-transition: all .2s linear; transition: all .2s linear; } .experience .svg-link text { -webkit-transition: all .2s linear; transition: all .2s linear; } .experience .svg-link:hover .svg-hidden { opacity: 1; } .experience .svg-link:hover text { fill: white !important; } .experience .image-1 { float: right; width: 540px; max-width: none; } .experience h3, .experience h4, .experience h5 { font-family: var(--font-craw); font-size: 1.38rem; font-weight: 400; font-style: italic; } .experience h5 ~ h5 { margin-top: 4rem; } .experience ul { padding: 0; list-style: none; } .experience ul li { position: relative; margin-top: 1rem; font-size: 1rem; color: var(--color-0d0d0d); } .experience ul li::before { position: absolute; top: 10px; left: -40px; width: 26px; content: ""; border-bottom: 2px solid var(--lc, var(--venice-blue)); } .experience ul li u { text-decoration: none; } .experience .row-4, .experience .row-6 { min-height: 200px; } .experience .row-8 ul li:last-child::before { border-bottom-style: dashed; } .experience .mobile-row-1 svg { max-width: none; width: calc(100% + 2rem); height: auto; margin-left: -1rem; } .excellence { min-height: 1800px; padding-top: 5rem; padding-bottom: 5.77rem; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(80%, rgba(169, 211, 253, 0.3)), color-stop(90%, #fff)) no-repeat; background: linear-gradient(180deg, #fff 0%, rgba(169, 211, 253, 0.3) 80%, #fff 90%) no-repeat; } @media (min-width: 992px) { .excellence .image-1 { float: right; width: 642px; max-width: none; margin-right: .75rem; } .excellence .image-2 { float: left; width: 910px; max-width: none; margin-top: -5rem; margin-right: -22rem; position: relative; right: -33px; } .excellence .image-3 { float: right; width: 710px; max-width: none; margin-top: 1rem; margin-right: .75rem; } .excellence .pb-7 { padding-bottom: 7rem; } .excellence .pb-12 { padding-bottom: 12rem; } } .excellence .row-1 .small-title { max-width: 360px; } .excellence .row-2 .text, .excellence .row-3 .text, .excellence .row-4 .text { max-width: 290px; } .excellence .row-2 h3, .excellence .row-3 h3, .excellence .row-4 h3 { font-family: var(--font-craw); font-size: 4.46rem; font-weight: 400; font-style: italic; color: var(--venice-blue); } .excellence .row-2 p, .excellence .row-3 p, .excellence .row-4 p { color: #909090; } .excellence .row-3 h3 { color: var(--gold); } .excellence .row-3 .dashed { position: absolute; top: 17px; right: 94%; width: 162px; height: 147px; background: url(../images/icerik/excellence_dashed_1.svg) no-repeat; background-size: contain; } .excellence .row-4 h3 { color: var(--apple); } .excellence .row-4 .dashed { position: absolute; top: 24px; left: 88%; width: 192px; height: 150px; background: url(../images/icerik/excellence_dashed_2.svg) no-repeat; background-size: contain; } .excellence .row-5 { font-weight: 500; color: var(--color-4a4a4a); } .excellence .row-5 .pb-6 { padding-bottom: 6rem; } .excellence .row-5 h4 { position: relative; padding-left: 60px; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; } .excellence .row-5 h4::before { position: absolute; top: 10px; left: 0; width: 40px; content: ""; border-bottom: 2px solid var(--lc, var(--venice-blue)); } .excellence .row-5 h4 ~ h4 { margin-top: 1.8rem; } .excellence .row-5 h4 + p { padding-left: 60px; } .excellence .row-6 h5 { font-family: var(--font-craw); font-size: 4.07rem; font-weight: 400; } .excellence .row-6 .large-text { line-height: 1.25; font-family: var(--font-craw); font-size: 1.7rem; font-weight: 400; } .excellence .row-6 ul { padding: 1rem 0 0; list-style: none; } .excellence .row-6 ul li { margin-top: 2.5rem; } .excellence .row-6 ul li a { display: inline-block; padding: .5rem 4rem; font-family: var(--font-craw); font-size: 1.38rem; color: black; border-radius: 40px; border: 1px solid #707070; } .excellence .row-7 ul, .excellence .row-8 ul { margin: 0; padding: 0; list-style: none; } .excellence .row-7 ul li, .excellence .row-8 ul li { position: relative; margin-top: 3rem; padding-left: 44px; font-family: var(--font-craw); font-size: 1.38rem; color: black; } .excellence .row-7 ul li::before, .excellence .row-8 ul li::before { position: absolute; top: 12px; left: 0; width: 32px; content: ""; border-bottom: 2px solid var(--lc, var(--venice-blue)); } .excellence .row-7 ul li a, .excellence .row-8 ul li a { position: relative; padding-right: 32px; } .excellence .row-7 ul li a::after, .excellence .row-8 ul li a::after { position: absolute; width: 26px; height: 26px; margin-left: .5rem; content: ""; background: url(../images/icerik/download_icon.svg) no-repeat 50%; background-size: contain; } .excellence .row-8 .image-4 { max-width: 270px; margin-top: 47px; margin-left: 83px; } .about { min-height: 1800px; padding-top: 5rem; padding-bottom: 5.77rem; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(40%, #A9D3FD), color-stop(80%, #fff)) no-repeat; background: linear-gradient(180deg, #fff 20%, #A9D3FD 40%, #fff 80%) no-repeat; } .about .image-1 { width: 710px; max-width: none; margin-top: -2.5rem; margin-left: -5rem; } .about .row-1 h3 { font-family: var(--font-craw); font-size: 1.7rem; font-weight: 400; } .about .row-3 { font-weight: 500; color: black; } .about .row-3 h4 { position: relative; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; } .about .row-3 h4::before { position: absolute; top: 50%; left: -55px; width: 40px; content: ""; border-bottom: 2px solid var(--lc, var(--venice-blue)); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .history { overflow: hidden; position: relative; padding-top: 5rem; padding-bottom: 12rem; font-size: 1rem; color: white; background-color: var(--green-vogue); } .history .nav-tabs { margin-bottom: 5rem; } .history .nav-tabs .nav-item + .nav-item { margin-left: 1.5rem; } .history .nav-tabs .nav-link { position: relative; margin-bottom: 0; padding: 0 0 2px; font-size: 1.2rem; font-weight: 700; color: inherit; text-transform: uppercase; border: 0; border-radius: 0; background: none; } .history .nav-tabs .nav-link::after { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; content: ""; background: var(--btnGradient) no-repeat 0 100%; background-size: auto 2px; } .history .nav-tabs .nav-link.active { border: none; } .history .nav-tabs .nav-link.active::after { width: 100%; } .history .tab-history h4 { margin: 0; line-height: 1; font-family: var(--font-craw); font-size: 4.1rem; font-weight: 400; font-style: italic; } .history .tab-history h4 + p { margin-top: 2rem; } .history .tab-history .timeline { position: relative; width: 100%; height: 3px; background: var(--btnGradient2); } .history .tab-history .circle { position: absolute; top: 50%; width: 20px; height: 20px; border-radius: 50%; border: 3px solid transparent; background: var(--btnGradient3) content-box; cursor: pointer; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .history .tab-history .circle > span { position: absolute; top: 0; left: 50%; padding-top: 1.2rem; white-space: nowrap; line-height: 1; font-family: var(--font-craw); font-size: 1.38rem; font-weight: 700; color: white; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate(-50%, 9px); transform: translate(-50%, 9px); } .history .tab-history .circle:last-child { background-image: -webkit-gradient(linear, left top, right top, from(var(--apple)), to(var(--apple))); background-image: linear-gradient(to right, var(--apple) 0%, var(--apple) 100%); } .history .tab-history .circle.active { border-color: var(--gold); background: var(--gold); } .history .tab-history .circle.active > span { font-size: 2.2rem; } .history .tab-management .swiper-prev, .history .tab-management .swiper-next { position: absolute; top: 50%; right: -42px; width: 32px; height: 32px; background: url(../images/icerik/arrow_next2.svg) no-repeat 50%; background-size: 18px 16px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .history .tab-management .swiper-prev { right: auto; left: -42px; -webkit-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); } .history .tab-management .swiper-button-disabled { display: none; } .history .tab-management .swiper-slide > div { max-width: 220px; margin-right: auto; margin-left: auto; } .history .tab-management img { display: block; max-width: 220px; margin: 0 auto; padding: 3px; border-radius: 50%; background: var(--btnGradient4); } .history .tab-management figcaption { min-height: 70px; margin-top: 2rem; margin-bottom: 2rem; text-align: center; } .history .tab-management figcaption strong { font-size: 1.2rem; font-weight: 700; } .history .tab-management figcaption em { font-family: var(--font-craw); font-size: 1.15rem; font-weight: 400; } .history .tab-management h5 { font-size: 1rem; font-weight: 700; color: var(--ice-grey2); text-transform: uppercase; } .history .tab-management h5 ~ h5 { margin-top: 2rem; } .history .tab-management p { font-size: .92rem; color: var(--ice-grey2); } .lost-luggage { padding-top: 5rem; padding-bottom: 9rem; color: black; background: linear-gradient(178deg, #fff 0%, #E0EFFE 130%) no-repeat; } .lost-luggage + #footer { background: #e9f4ff; } .lost-luggage p { max-width: 430px; } .lost-luggage h2 { font-family: var(--font-craw); font-size: 1.69rem; font-weight: 400; } .lost-luggage h2 + p { max-width: 280px; color: var(--color-4a4a4a); } .lost-luggage .image-1 { width: 454px; } .lost-luggage .form { width: 320px; margin-top: 2.3rem; } .lost-luggage .form .btn-search { position: absolute; top: 50%; left: 1.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .lost-luggage .form-control-1 { padding-left: 4rem; font-size: 1.38rem; border-style: dashed; } .header-dark .header-bg::before { background: rgba(2, 38, 81, 0.47); } .header-dark .header-bg::after, .header-dark .header-bg > div { background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.5)), color-stop(40%, transparent)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 40%, transparent 40%); } .header-dark #header { color: white; } .header-dark #header button.btn-search::before { background-image: url(../images/icerik/search_white.svg); } .header-dark #main-slider { color: white; background: var(--green-vogue); } .header-dark #main-slider .container-wrapper { top: 110px; } @media (min-width: 768px) { .header-dark:not(.search-open) #header .logo a { background-image: url(../images/icerik/logo_white.svg); } } @media (min-width: 992px) { .header-dark #main-slider .container-wrapper { top: 110px; } .header-dark #main-slider .hero-title { margin-left: 9rem; font-size: 4.46rem; text-align: left; } } @media (max-width: 767.98px) { .header-dark #header .logo a { background-image: url(../images/icerik/logo_white.svg); } .header-dark .mobile-footer-bg::after, .header-dark .mobile-footer-bg > div { background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.5)), color-stop(40%, transparent)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 40%, transparent 40%); } .header-dark #navigation { color: white; background: var(--green-vogue); } } .footer-dark .footer-bg::after, .footer-dark .footer-bg > div { background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0.5)), color-stop(40%, transparent)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 40%, transparent 40%); } .footer-dark #footer { color: white; background-color: var(--green-vogue); } .footer-light .footer-bg::after, .footer-light .footer-bg > div { background-image: -webkit-gradient(linear, left top, right top, from(rgba(2, 38, 81, 0.5)), color-stop(75%, rgba(2, 38, 81, 0.5)), color-stop(75%, transparent), to(transparent)); background-image: linear-gradient(90deg, rgba(2, 38, 81, 0.5), rgba(2, 38, 81, 0.5) 75%, transparent 75%, transparent 100%); } .footer-light #footer { color: var(--green-vogue); background-color: white; } @media (max-width: 1650px) { #main-slider { --paddingTop: 130px; } .bus-slider .item { -webkit-transform: translateX(12rem); transform: translateX(12rem); } } /*@media (max-width: 1366px) { .bus-slider .item { -webkit-transform: translateX(11rem); transform: translateX(11rem); } .bus-slider .survey-btn { right: 68%; } .bus-slider .survey-btn2 { right: 68%; } }*/ @media (max-width: 991.98px) { .header-bg { width: 100% !important; } .header-bg::before { content: none; } .header-bg::after { left: 0; } .header-bg > div, .header-bg.right { display: none !important; } #header { background: rgba(255, 255, 255, 0.47); } .header-dark #header { background: rgba(2, 38, 81, 0.47); } #header .logo { z-index: 1; } #header .logo a { margin: 0 auto; } .top-solid-bottom-dashed.mt { margin-top: 3.46rem; } .top-solid-bottom-dashed.mb { margin-bottom: 3.46rem; } .top-solid-bottom-dashed .title { font-size: 2.4rem; } .main-nav .nav-item:not(:first-child) { margin-left: 1.5rem; } #main-slider .hero-title { font-size: 5rem; } .main-map { padding-top: 6rem; } .main-map .map { overflow: hidden; margin-top: 80px; } .main-map .map-container { width: 100%; overflow-y: hidden; overflow-x: auto; scrollbar-width: thin; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-map .map svg { width: 1369px; max-width: 1369px; } .main-map .map-tab { left: 50%; bottom: 20px; gap: 5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main-map .map-tab a { gap: 5px; padding: .35rem 1.2rem; } .numbers .swiper-container > .swiper-pagination-bullets { position: relative; right: auto; top: auto; margin-top: 2rem; -webkit-transform: none; transform: none; } .numbers .swiper-container .swiper-pagination-bullet { display: inline-block; margin: 0 3px; } .about, .bus-service-1, .bus-service-2, .bus-cargo-service, .cargo-service-1, .cargo-service-2, .news-detail, .excellence { color: var(--color-4a4a4a); } .about .top-solid-bottom-dashed, .bus-service-1 .top-solid-bottom-dashed, .bus-service-2 .top-solid-bottom-dashed, .bus-cargo-service .top-solid-bottom-dashed, .cargo-service-1 .top-solid-bottom-dashed, .cargo-service-2 .top-solid-bottom-dashed, .news-detail .top-solid-bottom-dashed, .excellence .top-solid-bottom-dashed { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-4a4a4a)), color-stop(50%, transparent)); background-image: linear-gradient(90deg, var(--color-4a4a4a) 50%, transparent 50%); } .about .top-solid-bottom-dashed .title, .bus-service-1 .top-solid-bottom-dashed .title, .bus-service-2 .top-solid-bottom-dashed .title, .bus-cargo-service .top-solid-bottom-dashed .title, .cargo-service-1 .top-solid-bottom-dashed .title, .cargo-service-2 .top-solid-bottom-dashed .title, .news-detail .top-solid-bottom-dashed .title, .excellence .top-solid-bottom-dashed .title { color: black; } .about .top-solid-bottom-dashed .title.bt, .bus-service-1 .top-solid-bottom-dashed .title.bt, .bus-service-2 .top-solid-bottom-dashed .title.bt, .bus-cargo-service .top-solid-bottom-dashed .title.bt, .cargo-service-1 .top-solid-bottom-dashed .title.bt, .cargo-service-2 .top-solid-bottom-dashed .title.bt, .news-detail .top-solid-bottom-dashed .title.bt, .excellence .top-solid-bottom-dashed .title.bt { border-top-color: var(--color-4a4a4a); } .airport-service { padding-bottom: 3rem; } .airport-service-slider header { border-top: none; } .airport-service-slider header h4 { padding: 1.5rem 0 2rem; font-size: 1.54rem; } .airport-service-slider .swiper { margin: 1rem 0 0; } .airport-service-slider .swiper-number { position: relative; display: inline-block; font-size: 5rem; } .airport-service-slider .swiper-number::before, .airport-service-slider .swiper-number::after { --p: calc(100% + 3vw); position: absolute; top: 50%; left: var(--p); width: 26vw; height: 2px; margin-top: -1px; content: ""; background-color: var(--green-vogue); } .airport-service-slider .swiper-number::before { left: auto; right: var(--p); } .airport-service-slider .swiper-nav { min-height: 100px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .airport-service-slider .swiper-prev, .airport-service-slider .swiper-next { position: relative; top: auto; right: auto; left: auto; width: auto; height: auto; -ms-flex-preferred-size: fit-content; flex-basis: fit-content; max-width: 150px; padding-right: 0; padding-left: 0; -webkit-transform: none; transform: none; } .airport-service-slider .swiper-prev span, .airport-service-slider .swiper-next span { position: relative; top: auto; left: auto; right: auto; -webkit-transform: none; transform: none; text-align: left; } .airport-service-slider .swiper-prev { margin-right: auto; margin-left: 0; } .airport-service-slider .swiper-prev::after { -webkit-transform: translate3d(9px, -50%, 0) rotateZ(180deg); transform: translate3d(9px, -50%, 0) rotateZ(180deg); } .airport-service-slider .swiper-next { margin-right: 0; margin-left: auto; text-align: right; } .airport-service-slider .swiper-next::before { -webkit-transform: translate3d(-27px, -50%, 0); transform: translate3d(-27px, -50%, 0); } .airport-service-slider .swiper-next span { text-align: right; } .airport-service-slider .swiper h5 { margin-bottom: 3.8rem; padding-left: 0; } .airport-service-slider .swiper h5::before { content: none; } .airport-service-slider .swiper ul li { padding-left: 0; color: var(--color-4a4a4a); } .airport-service-slider .swiper ul li::before { content: none; } .bus-slider .item { -webkit-transform: none; transform: none; } /* .bus-slider .survey-btn { top: auto; right: auto; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .bus-slider .survey-btn2 { top: 77%; right: auto; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }*/ .bus-cargo-service .route-hours { margin-top: 6rem; margin-bottom: 6rem; } .bus-cargo-service .route-hours h3 { position: relative; min-height: 82px; margin-bottom: 3.46rem; padding: 1.5rem 0; font-size: 2rem; text-align: center; border-top: 1px solid var(--green-vogue); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bus-cargo-service .route-hours h3::after { position: absolute; bottom: 0; left: -2.77rem; width: calc(calc(2.77rem * 2) + 100%); height: 1px; content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(2, 38, 81, 0.2)), color-stop(75%, rgba(2, 38, 81, 0.2)), color-stop(75%, transparent), to(transparent)) repeat-x 0 100%; background: linear-gradient(90deg, rgba(2, 38, 81, 0.2), rgba(2, 38, 81, 0.2) 75%, transparent 75%, transparent 100%) repeat-x 0 100%; background-size: 10px 1px; } .bus-cargo-service .hours { margin-top: 6rem !important; } .bus-cargo-service .routes { max-width: 360px; margin-right: auto; margin-left: auto; display: -ms-grid !important; display: grid !important; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: (1fr)[3]; grid-template-rows: repeat(3, 1fr); grid-column-gap: 0; grid-row-gap: 0; } .bus-cargo-service .routes > div { padding-top: 1.2rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .bus-cargo-service .routes > div:nth-child(3n+1) { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #0b5997)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #0b5997 50%); } .bus-cargo-service .routes > div::before { top: -9px; width: 18px; height: 18px; } /* .bus-cargo-service .routes > div:nth-child(4)::before, .bus-cargo-service .routes > div:nth-child(10)::before, .bus-cargo-service .routes > div:nth-child(14)::before { content: none; }*/ .bus-cargo-service .routes > div:nth-child(3)::after, .bus-cargo-service .routes > div:nth-child(9)::after, .bus-cargo-service .routes > div:nth-child(4)::after, .bus-cargo-service .routes > div:nth-child(10)::after, .bus-cargo-service .routes > div:nth-child(15)::after, .bus-cargo-service .routes > div:nth-child(16)::after, .bus-cargo-service .routes > div:nth-child(21)::after, .bus-cargo-service .routes > div:nth-child(22)::after { position: absolute; top: 0; right: 0; width: 2px; height: 102%; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(#0b5997), color-stop(50%, #0b5997), color-stop(50%, transparent), to(transparent)) repeat-y; background: linear-gradient(180deg, #0b5997, #0b5997 50%, transparent 50%, transparent 100%) repeat-y; background-size: 2px 7px; } .bus-cargo-service .routes > div:nth-child(4)::after, .bus-cargo-service .routes > div:nth-child(10)::after, .bus-cargo-service .routes > div:nth-child(16)::after, .bus-cargo-service .routes > div:nth-child(22)::after { left: 50%; right: auto; } .bus-cargo-service .route-detail { margin-top: -2rem; } .bus-cargo-service .route-detail .box { padding: 0; text-align: center; border-radius: 0; border: none; border-bottom: 1px solid var(--green-vogue); } .bus-cargo-service .route-detail .col-lg-4:last-child .box { border: none; } .bus-cargo-service .route-detail .col-lg-4 + .col-lg-4 { margin-top: -1.5rem; } .bus-cargo-service .route-detail h4 { padding: 0; border: none; font-size: 1.38rem; } .bus-cargo-service .route-detail .flg { font-size: 1.38rem !important; font-weight: 700; } .bus-cargo-service .route-detail .col-lg-6 { padding: 1rem; color: black; } .bus-cargo-service .route-detail .col-lg-6 > div { min-width: 140px; padding: .5rem; border-radius: 30px; border: 1px solid var(--color-707070); } .bus-cargo-service .route-detail .col-lg-6 + .col-lg-6 { border-left: none; } .bus-cargo-service .route-detail ul.route-contact li { position: relative; padding-left: 0; font-size: 1rem; font-weight: 700; color: var(--color-4a4a4a); } .bus-cargo-service .route-detail ul.route-contact li > span { font-weight: 500; } .bus-cargo-service .route-detail ul.route-contact li::before { content: none; } .cargo-service-3 { padding-bottom: 0; } .cargo-service-3 .image-wrap { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .cargo-service-3 .image-1 { max-width: 100%; margin-top: 0; margin-right: 0; } .cargo-service-3 h5 { color: black; } .cargo-service-3 ul li { color: var(--color-4a4a4a); } .cargo-service-3 ul li::before { content: none; } .cargo-service-3 ul li + li { margin-top: .8rem; } .cargo-service-6 { padding-top: 5.77rem; padding-bottom: 5.77rem; } .cargo-service-6 .image-1 { width: calc(100% + calc(2.77rem * 2)); margin-top: -7rem; margin-bottom: 3rem; margin-left: -2.77rem; } .cargo-service-6 h5 { padding-left: 0; font-size: 1.38rem; color: black; } .cargo-service-6 h5::before { content: none; } .cargo-service-6 h6 { margin-bottom: 3rem; padding-left: 0; font-family: var(--font-craw); font-size: 1.38rem; font-weight: 400; font-style: italic; color: black; } .cargo-service-6 ul li { padding-left: 0; color: var(--color-4a4a4a); } .cargo-service-6 ul li::before { content: none; } .cargo-service-6 ul li + li { margin-top: .8rem; } .experience { min-height: 0; padding-top: 8rem; font-weight: 500; color: var(--color-4a4a4a); background: -webkit-gradient(linear, left top, left bottom, from(rgba(169, 211, 253, 0.1)), color-stop(6%, rgba(169, 211, 253, 0.5)), to(#fff)) no-repeat; background: linear-gradient(180deg, rgba(169, 211, 253, 0.1) 0%, rgba(169, 211, 253, 0.5) 6%, #fff 100%) no-repeat; } .experience .top-solid-bottom-dashed .title { color: black; } .experience .image-1 { float: none; width: 100%; margin-right: 0; } .experience h3, .experience h4, .experience h5 { color: black; } .experience ul li { font-weight: 500; color: var(--color-4a4a4a); } .experience ul li::before { content: none; } .experience .row-3 ul li { margin-top: 0; } .experience .row-4, .experience .row-6 { min-height: 100px; } .experience .row-5 .image-1 { max-width: none; width: calc(100% + 3rem); margin-left: -1.5rem; } .about { font-weight: 500; background: -webkit-gradient(linear, left top, left bottom, color-stop(-70%, #fff), to(#c4e1ff)) no-repeat; background: linear-gradient(180deg, #fff -70%, #c4e1ff 100%) no-repeat; } .about .row-1 { margin-bottom: 8rem; } .about .row-3 h4 { font-family: var(--font-craw); font-size: 1.38rem; font-weight: 400; } .about .row-3 h4::before { content: none; } .history { padding-top: 2.4rem; padding-bottom: 5rem; } .history .m-title { width: 100%; margin-bottom: 3.5rem; padding: 0 0 2px; font-size: 1.2rem; font-weight: 700; color: inherit; text-align: center; text-transform: uppercase; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .history .m-title > span { position: relative; display: inline-block; } .history .m-title > span::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; content: ""; background: var(--btnGradient) no-repeat 0 100%; background-size: auto 2px; } .history .tab-history { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .history .tab-history h4 { margin: 0; line-height: 1.25; font-family: var(--font-poppins); font-size: 1rem; font-weight: 600; font-style: normal; text-transform: uppercase; } .history .tab-history h4 + p { margin-top: 1rem; font-weight: 500; } .history .tab-history .col-lg-8 { margin-top: 1.54rem; } .history .tab-history .timeline { height: auto; padding-right: 32px; padding-left: 32px; background: none; -webkit-transform: none; transform: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .history .tab-history .swiper { text-align: center; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .history .tab-history .circle { position: relative; top: auto; left: auto !important; width: auto; height: auto; border-radius: 0; border: none; background: none; -webkit-transform: none; transform: none; } .history .tab-history .circle:not(.active):not(.prev):not(.next) { display: none; } .history .tab-history .circle > span { position: relative; top: auto; left: auto; display: inline-block; padding-top: 0; font-size: 2.3rem; -webkit-transform: none; transform: none; } .history .tab-history .circle > span::after { position: absolute; left: 50%; top: calc(100% + 5px); width: 10px; height: 10px; margin-left: -5px; content: ""; border-radius: 50%; background: var(--gold); } .history .tab-history .circle.prev, .history .tab-history .circle.next { position: absolute; border-radius: 0; border: none; background: none; -webkit-transform: none; transform: none; } .history .tab-history .circle.prev > span, .history .tab-history .circle.next > span { min-width: 32px; font-family: var(--font-poppins); font-size: 1rem; font-weight: 600; } .history .tab-history .circle.prev > span::after, .history .tab-history .circle.next > span::after { position: absolute; top: 50%; left: 100%; width: 46px; height: 20px; margin-left: 0; content: ""; border-radius: 0; background: none no-repeat; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .history .tab-history .circle.prev { left: 0 !important; } .history .tab-history .circle.prev > span::after { background-image: url(../images/icerik/arrow_prev3.svg); background-position: 100% 50%; } .history .tab-history .circle.next { right: 0; text-align: right; } .history .tab-history .circle.next > span::after { left: auto; right: 100%; background-image: url(../images/icerik/arrow_next3.svg); } .history .tab-history .circle.active { margin-right: auto; margin-left: auto; border: none; background: none; } .history .tab-management { display: block !important; margin-top: 6.7rem; } .history .tab-management .managers figure { margin: 0 auto 2rem; } .history .tab-management .managers figcaption { margin-top: 1.54rem; } .history .tab-management .managers figcaption strong { font-size: 1.38rem; font-weight: 500; } .history .tab-management .managers figcaption em { font-size: 1.38rem; } .projects { padding-bottom: 8rem; } .projects .section-title > span:nth-child(1) { --x: -32%; } .projects .section-title > span:nth-child(2) { --x: 8%; } .projects .item + .item { margin-top: 43px; } .projects .item h2 { margin-bottom: 2.5rem; font-size: 2rem; text-transform: uppercase; } .projects .item img { border-radius: 24px; } .projects .item p { color: var(--color-4a4a4a); } .projects .item .large-text { font-family: var(--font-poppins); font-size: 1rem; font-weight: 700 !important; font-style: normal; color: var(--green-vogue); } .projects .item .large-text em { font-style: normal; } .projects .item .readmore { display: none; } .news { padding-bottom: 4rem; font-weight: 500; } .news .section-title { margin-bottom: 40px; } .news .section-title > span:nth-child(1) { --x: -32%; } .news .section-title > span:nth-child(2) { --x: 2%; } .news .item-title { font-size: 2rem; color: black; } .news figcaption { color: var(--color-4a4a4a); } .news img { border-radius: 13px; } .news-detail { padding-top: 6rem; color: var(--color-0d0d0d); } .news-detail .large-text { font-size: 1.38rem; color: black; } .news-detail .large-text:last-child { color: var(--color-4a4a4a); } .personel { padding-top: 8rem; padding-bottom: 8rem; } .personel .image-1 { margin-top: -1.5rem; } .personel .list > a::after { right: 1rem; } .personel .list img { width: 36px; } .customer-experience { padding-top: 8rem; padding-bottom: 8rem; color: var(--color-4a4a4a); } .customer-experience .box { min-height: 0; padding: 2rem 1.38rem 8rem; border-radius: 24px; } .excellence { min-height: 0; padding-top: 5rem; padding-bottom: 5rem; font-weight: 500; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(4%, rgba(169, 211, 253, 0.3)), color-stop(10%, rgba(169, 211, 253, 0.5)), color-stop(15%, #fff)) no-repeat; background: linear-gradient(180deg, #fff 0%, rgba(169, 211, 253, 0.3) 4%, rgba(169, 211, 253, 0.5) 10%, #fff 15%) no-repeat; } .excellence .image-1, .excellence .image-2, .excellence .image-3 { display: block; float: none; width: auto; max-width: 100%; margin: 0 auto; } .excellence .image-2 { width: 124%; max-width: none; } .excellence .row-2 .text, .excellence .row-3 .text, .excellence .row-4 .text { max-width: 290px; margin: 1.5rem auto 0; text-align: center; } .excellence .row-2 h3, .excellence .row-3 h3, .excellence .row-4 h3 { font-size: 2.3rem; font-style: normal; } .excellence .row-2 p, .excellence .row-3 p, .excellence .row-4 p { color: var(--color-4a4a4a); } .excellence .row-1 .small-title { max-width: none; font-size: 1rem; } .excellence .row-3 .dashed, .excellence .row-4 .dashed { display: block; position: relative; top: auto; left: auto; right: auto; width: 23px; height: 73px; margin: 20px auto 10px; background-image: url(../images/icerik/excellence_dashed_mobile.svg); } .excellence .row-4 h3 { color: var(--gold2); } .excellence .row-5 .accordion .card { background: none; border: none; border-radius: 0; } .excellence .row-5 .accordion .card + .card { margin-top: 2rem; } .excellence .row-5 .accordion .card-header { padding: 0; margin-bottom: 0; border: none; background: none; } .excellence .row-5 .accordion .card-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.2; font-family: var(--font-craw); font-size: 1.23rem; font-weight: 700; font-style: normal; color: black; } .excellence .row-5 .accordion .card-title::after { display: block; width: 14px; height: 10px; margin-left: .5rem; content: ""; background: url(../images/icerik/chevron_down2.svg) no-repeat; background-size: contain; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .excellence .row-5 .accordion .card-title.collapsed::after { -webkit-transform: rotate(0); transform: rotate(0); } .excellence .row-6 .clouds { position: relative; height: 170px; } .excellence .row-6 h5 { font-size: 2.3rem; color: black; } .excellence .row-6 .large-text { font-size: 1.38rem; } .excellence .row-6 .large-text em { font-style: normal; } .excellence .row-6 ul li { margin-top: 2rem; } .excellence .row-6 ul li a { display: block; padding: .8rem .5rem; font-family: inherit; font-size: 1rem; font-weight: 600; color: inherit; text-align: center; border-radius: 21px; } .excellence .row-7 ul li, .excellence .row-8 ul li { margin-top: 1.7rem; padding-left: 0; font-family: inherit; font-size: 1rem; font-weight: 600; color: var(--color-4a4a4a); } .excellence .row-7 ul li::before, .excellence .row-8 ul li::before { content: none; } .excellence .row-7 ul li a, .excellence .row-8 ul li a { display: block; } .excellence .row-7 ul li a::after, .excellence .row-8 ul li a::after { right: 0; } .excellence .row-8 .image-4 { display: block; width: 180px; max-width: 100%; margin: 0 auto 3rem; } .lost-luggage { padding-top: 5rem; padding-bottom: 9rem; color: var(--color-4a4a4a); background: white; } .lost-luggage + #footer { background: white; } .lost-luggage p { font-size: 1.15rem; font-weight: 700; } .lost-luggage h2 { color: black; } .lost-luggage h2 + p { font-size: 1rem; font-weight: 500; } .lost-luggage .form .search-btn { position: absolute; top: 50%; right: 1rem; width: 20px; height: 15px; line-height: 1; border: 0; background: url(../images/icerik/chevron_right_gray.svg) no-repeat 50%; background-size: 10px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .lost-luggage .form-control-1 { border-style: solid; } } @media (max-width: 767.98px) { .top-solid-bottom-dashed .title { min-height: 82px; font-size: 2rem; } #main-slider .hero-title { font-size: 4rem; } .section-title { font-size: 4rem; } .main-map .map-tab { bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-map .map-tab a { padding: .3rem 1rem; } .main-map .map-tab a img { width: 50px; height: 22px; -o-object-fit: contain; object-fit: contain; } .numbers .swiper-container { width: 320px; } .numbers .swiper-carousel { height: calc(104px * 4); } .numbers .swiper-carousel .number { font-size: 4.23rem; } .numbers .swiper-carousel .number > span { display: block; } .numbers .swiper-carousel .number small { position: relative; top: auto; display: block; padding-left: 0; } .numbers .swiper-carousel .title { margin-top: 1.3rem; padding-left: 32px; font-size: 1rem; } .main-news .section-title { margin-bottom: 4rem; } .main-news .item { margin-bottom: 5rem; } .footer-bg { width: 50%; } .footer-bg.right { left: 50%; } #footer .btn-hover-dot > span::before { left: 50%; opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } #footer h6 { position: relative; margin-bottom: 1.5rem; } #footer h6::before { position: absolute; top: calc(100% + 2px); left: 50%; width: 7px; height: 7px; content: ""; border-radius: 50%; background-color: currentColor; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .swiper-hs > .swiper-scrollbar { background: var(--color-4a4a4a); } .swiper-hs .swiper-scrollbar-drag { background: black; } .bus-service-2 form .next-and-prev { padding-top: 1rem; } .bus-service-2 form .next-and-prev::before { left: auto; top: -30px; background-image: url(../images/icerik/next_and_prev3.svg); } .bus-cargo-service { padding-top: 3.46rem; padding-bottom: 3.46rem; } .bus-cargo-service .hours .box > div > div > div { font-size: 1.38rem; font-weight: 400; border: 1px solid var(--color-707070); } .bus-cargo-service .stations.d-grid { max-width: 480px; margin-right: 0; margin-left: -3rem; display: -ms-grid !important; display: grid !important; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: (1fr)[3]; grid-template-rows: repeat(3, 1fr); grid-column-gap: 0; grid-row-gap: 0; } .bus-cargo-service .stations.d-grid > div { padding: 1.2rem .5rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-size: auto 2px; } .bus-cargo-service .stations.d-grid > div:nth-child(3n+1) { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #0b5997)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #0b5997 50%); } .bus-cargo-service .stations.d-grid > div:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 3; grid-area: 2 / 3; } .bus-cargo-service .stations.d-grid > div::before { top: -9px; left: 50%; width: 18px; height: 18px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .bus-cargo-service .stations.d-grid > div:nth-child(3)::after { position: absolute; top: 0; right: 0; width: 2px; height: 102%; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(#0b5997), color-stop(50%, #0b5997), color-stop(50%, transparent), to(transparent)) repeat-y; background: linear-gradient(180deg, #0b5997, #0b5997 50%, transparent 50%, transparent 100%) repeat-y; background-size: 2px 7px; } .bus-cargo-service .stations.d-grid > div:nth-child(4)::after { left: 50%; right: auto; } } @media (max-width: 575.98px) { .top-solid-bottom-dashed .title { font-size: 1.7rem; } .search .search-btn { padding-right: 1rem; background-position: 100% 50%; } .search .search-btn span { display: none; } #main-slider .container-wrapper { top: calc(var(--paddingTop) - 20px); } #main-slider .hero-title { font-size: 8.5vw; } #main-slider .swiper { padding-top: 40px; } #main-slider .svg-wrapper { margin-left: -0.75rem; } .section-title { padding-right: 1rem; padding-left: 1rem; font-size: 2.7rem; } .section-title em { font-size: 1em; } .main-map { padding-top: 0; } .bus-cargo-service { padding-top: 3.46rem; padding-bottom: 3.46rem; } .bus-cargo-service .hours .box { padding-top: 0; padding-bottom: 0; border: none; } .bus-cargo-service .hours .box > div > div { width: 50%; } .about .row-1 h3 { font-size: 1.38rem; } } @media (max-width: 430px) { .section-title { font-size: 2.12rem; } }