:root {
animation-delay: 0s !important;
}
body {
margin: 0 !important;
padding: 0 !important;
color: black;
max-width: 100vw;
}
a {
text-decoration: none !important;
}
.lang_icon {
width: 40px;
position: fixed;
top: 9.7vh;
right: calc(2vw + 11px);
z-index: 999;
font-family: lasvegas, serif;
font-size: 50px;
}
.langnavi {
}
.cct_price {
font-family: lasvegas, serif;
font-size: 92px;
}
.page1,
.page2,
.page3,
.page4 {
/*background: url("../img/page-1/bg.png") center;*/
width: 100vw;
height: 100vh;
top: 0;
left: 0;
}
/* ============ MENU ============ */
.close {
z-index: 5;
position: fixed;
height: 7vh;
left: 2vw;
top: 2vh;
}
.hamburger {
z-index: 900;
position: fixed;
height: 7vh;
right: 2vw;
top: 2vh;
}
.m-div {
position: absolute;
top: 5% !important;
max-height: 80vh !important;
margin: auto 0 0 auto !important;
width: 100% !important;
display: flex;
justify-content: center;
z-index: 999999;
}
.m-link {
text-align: center;
display: block;
color: black;
margin: 1em;
font-weight: 800;
font-size: 1.8em;
transition: 0.5s;
}
.m-link:hover {
color: white;
font-weight: 900;
font-size: 1.9em;
transition: 0.5s;
}
.modal,
.modal-dialog,
.modal-body,
.modal-content {
background: url("../img/page-1/bbbg.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100vw !important;
height: 100vh !important;
max-width: 100vw !important;
max-height: 100vh !important;
padding: 0 !important;
margin: 0 !important;
overflow-y: hidden !important;
overflow-x: hidden !important;
}
/* ============ SAYFA 1 ============ */
.text1-wrap {
z-index: 550;
}
.text1-wrap-inner {
position: relative;
}
.text1 {
z-index: 2;
height: auto !important;
position: absolute;
width: 100%;
margin-left: -3vw;
}
.mutze {
left: -3vw;
top: 6vw;
width: 7vw;
}
.kik {
left: -3vw;
top: 17vw;
width: 17vw;
animation: pulse 1s linear infinite;
}
.text2 {
z-index: 2;
width: 18vw;
position: absolute !important;
transition: 0.3s all;
left: -3vw;
right: 0;
margin: auto;
}
.text2-text {
padding-left: 7px;
animation: pulse 1s linear infinite;
}
.text2[myAttr="1"] {
}
.text2[myAttr="0"] {
width: 19vw;
}
.text2-xmas {
opacity: 1;
width: 12vw !important;
left: -40vw;
transform: rotate(45deg);
animation: pulse-rotate 1s linear infinite;
}
.text2-link {
top: 17vw;
position: absolute;
width: 100%;
left: -3vw;
}
#google-reviews a {
width: 100%;
}
#google-reviews h4, #google-reviews h3 {
display: none !important;
}
.rating-stars ul {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
margin: 0;
}
.review-picture, .review-item-long {
display: none !important;
}
.google-reviews-wrap {
float: left;
}
#TA_cdsratingsonlynarrow534 {
float: left;
margin-left: 15px;
}
#google-reviews {
background: #fff;
padding: 5px 15px;
width: 170px;
height: 109px;
border: 1px solid #dee2e6 !important;
}
#google-reviews .reviews-counts {
font-size: 14px;
color: #666;
width: 100%;
text-align: center;
line-height: 0.8;
}
#google-reviews h4 {
margin: 0;
color: black;
font-size: 1.25rem;
}
#google-reviews h3 {
font-size: 1.5rem;
margin: 0;
}
#google-reviews h4,
#google-reviews h3,
#google-reviews .rating-stars {
width: 100%;
float: left;
text-align: center;
}
#google-reviews .rating-stars {
font-size: 0;
}
#google-reviews li::before {
display: none;
}
#google-reviews ul,
#google-reviews li {
font-size: 0;
}
.review-stars ul {
font-size: 0;
}
.review-stars ul li i,
.rating-stars ul li i {
color: #eb6e00;
font-size: 25px;
font-style: normal;
}
.bg1 {
z-index: 1;
width: 100vw !important;
height: auto !important;
max-width: 100vw !important;
max-height: 100vh !important;
bottom: 0;
left: 0;
display: block;
position: fixed;
background-image: url("../img/page-1/bg-1-alt.png");
background-position: center;
background-size: cover;
}
.bg1-fuse {
width: 100vw !important;
display: block;
background-image: url("../img/page-2/bg1-fuse-alt.png");
background-position: center;
background-size: cover;
height: 100vh !important;
max-width: 100vw !important;
max-height: 100vh !important;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
}
.vegaz {
font-family: lasvegas, serif;
}
.limg1 {
position: fixed;
width: 60vw;
left: 20vw;
text-align: center;
font-family: lasvegas, serif;
font-size: 58px;
top: 58vh;
text-transform: uppercase;
}
.debg {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
object-fit: cover;
object-position: 83%;
}
.deh1 {
position: fixed;
font-family: lasvegas, serif;
font-size: 160px;
left: 3vw;
top: 58vh;
line-height: 0.8;
}
.deh11 {
position: fixed;
font-family: lasvegas, serif;
font-size: 160px;
top: 58vh;
line-height: 0.8;
width: 100vw;
text-align: center;
}
.main_bg {
width: 100%;
position: absolute;
object-fit: cover;
top: 0;
opacity: 0.3;
height: 100%;
object-position: bottom;
}
.deh12 {
position: fixed;
font-family: lasvegas, serif;
font-size: 100px;
top: 60vh;
line-height: 1;
width: 100vw;
text-align: center;
color: white;
}
.secfot1 {
width: 100%;
height: auto;
opacity: 1;
transition: opacity 0.2s;
}
.secfot2 {
width: 100%;
opacity: 1;
transition: opacity 0.2s;
}
.row-station {
z-index: 100;
width: 100vw;
padding: 0 50px;
margin: 0;
}
.row-station .col-12:nth-of-type(odd) {
padding: 0 5px 10px 0;
}
.row-station .col-12:nth-of-type(even) {
padding: 0 0 10px 5px;
}
.station-wrap {
position: fixed;
top: 100vh;
}
.secfot1:hover,
.secfot2:hover {
opacity: 1;
transition: opacity 0.2s;
}
.ddd {
display: block;
transition: opacity 0.2s;
width: 50%;
float: left;
}
.ddd {
padding-bottom: 10px;
position: relative;
}
.col-lg-6:hover .teletext {
opacity: 1;
transition: opacity 0.2s;
}
.teletext {
font-family: lasvegas, serif;
color: white;
font-size: 40px;
text-shadow: 0 0 10px black;
width: 100%;
text-align: center;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.galll {
width: 40vw;
left: 6vw;
top: 30vh;
border-radius: 10px;
box-shadow: 0 0 10px;
}
.galpag {
position: fixed;
width: 40vw;
font-family: lasvegas, serif;
font-size: 30px;
right: 7vw;
top: 36vh;
text-align: center;
background-color: rgba(89, 107, 108, 0.6);
padding: 50px 10px;
border-radius: 10px;
box-shadow: 0 0 10px black;
}
.deh2 {
position: fixed;
font-family: lasvegas, serif;
font-size: 100px;
left: 3vw;
top: 50vh;
}
.aqaq {
right: calc(10vw);
font-family: lasvegas, serif;
font-size: 50px;
top: 30vh;
}
.bnbn {
padding: 11px 40px;
box-shadow: 3px 3px 10px black;
border-radius: 5px;
color: white;
font-family: lasvegas, serif;
font-size: 35px;
background-color: green;
}
.bbbg {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 0;
top: 0;
left: 0;
}
.cu11 {
position: fixed;
color: white;
background-color: green;
padding: 5px;
box-shadow: 1px 1px 10px black;
border-radius: 3px;
top: 49vh;
left: 24vw;
}
.cu12 {
position: fixed;
color: white;
background-color: green;
padding: 5px;
box-shadow: 1px 1px 10px black;
border-radius: 3px;
top: 93vh;
left: 24vw;
}
.dett1 {
position: fixed;
font-family: lasvegas, serif;
font-size: 40px;
color: black;
top: 47vh;
left: 4vw;
}
.dett2 {
position: fixed;
font-family: lasvegas, serif;
font-size: 40px;
color: black;
top: 83vh;
left: 4vw;
}
.dett11 {
position: fixed;
font-family: lasvegas, serif;
font-size: 40px;
color: black;
top: 22vh;
left: 58vw;
width: 40vw;
}
.tete1 {
position: fixed;
font-family: hollywood, serif;
font-size: 140px;
left: 1vw;
top: -1vh;
}
.akak {
position: fixed;
width: 80vw;
left: 10vw;
text-align: center;
font-family: lasvegas, serif;
font-size: 30px;
top: 38vh;
}
.tete2 {
width: 40vw;
position: fixed;
top: 18vh;
left: 30vw;
}
.mm1 {
position: fixed;
width: 3vw;
left: 69.5vw;
top: 15vh;
}
.mm2 {
position: fixed;
width: 3vw;
left: 75vw;
top: 23vh;
}
.mm3 {
position: fixed;
width: 5vw;
left: 66vw;
top: 21vh;
}
.mm4 {
position: fixed;
width: 4vw;
left: 71vw;
top: 21vh;
}
.mm5 {
position: fixed;
width: 6vw;
left: 62vw;
top: 30vh;
}
.mm6 {
position: fixed;
width: 5vw;
left: 72vw;
top: 33vh;
}
.mm7 {
position: fixed;
width: 5vw;
left: 67vw;
top: 32vh;
}
.mm8 {
position: fixed;
width: 8vw;
left: 61vw;
top: 36vh;
}
.mm9 {
position: fixed;
width: 8vw;
left: 66vw;
top: 37vh;
}
.mmm1 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
top: 25vh;
left: 3vw;
}
.mmm2 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
top: 41vh;
left: 3vw;
}
.mmm3 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
top: 58vh;
left: 3vw;
}
.mmm4 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
top: 74vh;
left: 3vw;
}
.mmm5 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
top: 90vh;
left: 3vw;
}
.mmm6 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
top: 26vh;
left: 3vw;
}
.mmm7 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
top: 41vh;
left: 3vw;
}
.mmm8 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
top: 58vh;
left: 3vw;
}
.mmm9 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
top: 74vh;
left: 3vw;
}
.mmm10 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
top: 90vh;
left: 3vw;
}
.bn11 {
background-color: green;
padding: 5px;
color: white;
border-radius: 5px;
box-shadow: 3px 3px 0 black;
}
.bn11:hover {
background-color: green;
padding: 5px;
color: white;
border-radius: 5px;
box-shadow: 1px 1px 0 black;
}
.dett12 {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
color: black;
top: 57vh;
left: 58vw;
width: 40vw;
}
.decar1 {
position: fixed;
width: 30vw;
left: 3vw;
top: 20vh;
}
.decar2 {
position: fixed;
width: 30vw;
left: 3vw;
top: 65vh;
}
.glasscar {
position: fixed;
width: 40vw;
left: 30vw;
top: 35vh;
z-index: 10;
}
.aqsw {
width: 80vw;
left: 10vw;
height: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.aqsw-bg {
height: 100vh;
width: 100vw;
}
.aqsw1 {
position: fixed;
width: 55vw;
left: 5vw;
top: 25vh;
box-shadow: 5px 5px 10px black;
}
.aqswp {
position: fixed;
width: 35vw;
right: 1vw;
font-family: lasvegas, serif;
font-size: 30px;
line-height: 1;
top: 20vh;
}
.cartext1 {
position: fixed;
font-family: lasvegas, serif;
font-size: 50px;
top: 20vh;
left: 20vw;
}
.cartext2 {
position: fixed;
font-family: lasvegas, serif;
font-size: 50px;
top: 14vh;
left: 70vw;
}
.cartext3 {
position: fixed;
font-family: lasvegas, serif;
font-size: 50px;
top: 34vh;
left: 10vw;
}
.cartext4 {
position: fixed;
font-family: lasvegas, serif;
font-size: 50px;
top: 53vh;
left: 60vw;
}
.cartext5 {
position: fixed;
font-family: lasvegas, serif;
font-size: 50px;
top: 45vh;
left: 47vw;
}
.cartext6 {
position: fixed;
font-family: lasvegas, serif;
font-size: 50px;
top: 52vh;
left: 33vw;
}
.cartext7 {
position: fixed;
font-family: lasvegas, serif;
font-size: 50px;
top: 70vh;
left: 46vw;
}
.engine {
position: fixed;
width: 12vw;
top: 37vh;
left: 53vw;
z-index: 7;
}
.glass {
position: fixed;
width: 40vw;
left: 30vw;
top: 35vh;
z-index: 8;
}
.limg2 {
position: fixed;
width: 60vw;
left: 20vw;
text-align: center;
font-family: lasvegas, serif;
font-size: 40px;
top: 68vh;
line-height: 1.2;
text-transform: uppercase;
}
.bg2 {
width: 100vw !important;
height: auto !important;
max-width: 100vw !important;
max-height: 100vh !important;
position: absolute;
top: 0;
left: 0;
}
.bg3 {
z-index: 1;
width: 65vw !important;
height: auto !important;
max-width: 100vw !important;
max-height: 100vh !important;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
.scrool1 {
position: fixed;
animation: anim1 1s linear infinite;
animation-play-state: paused;
animation-iteration-count: 1;
animation-fill-mode: both;
}
@keyframes anim1 {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
left: -30vw;
}
}
.scrool2 {
position: fixed;
animation: anim2 1s linear infinite;
animation-play-state: paused;
animation-iteration-count: 1;
animation-fill-mode: both;
}
@keyframes anim2 {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
bottom: 100vh;
}
}
.scrool3 {
position: fixed;
animation: anim3 1s linear infinite;
animation-play-state: paused;
animation-iteration-count: 1;
animation-fill-mode: both;
}
@keyframes anim3 {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
left: 110vw;
}
}
.scrool4 {
position: fixed;
animation: anim4 1s linear infinite;
animation-play-state: paused;
animation-iteration-count: 1;
animation-fill-mode: both;
}
@keyframes anim4 {
0% {
opacity: 1;
}
10% {
opacity: 0;
}
100% {
opacity: 0;
display: none;
}
}
.scrool5 {
position: fixed;
animation: anim5 1s linear infinite;
animation-play-state: paused;
animation-iteration-count: 1;
animation-fill-mode: both;
}
@keyframes anim5 {
0% {
opacity: 1;
}
20% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.scrool6 {
position: fixed;
animation: anim6 1s linear infinite;
animation-play-state: paused;
animation-iteration-count: 1;
}
@keyframes anim6 {
0% {
top: 150vh;
}
32% {
top: 250vh;
}
100% {
top: 250vh;
}
}
@keyframes bulut {
0% {
left: 0;
}
50% {
left: -5vw;
}
100% {
left: 0;
}
}
.hotrod-1 {
position: absolute;
top: 8.5vw;
right: -15vw;
z-index: 50;
animation: caraa 3s;
animation-fill-mode: forwards;
width: 18vw;
}
.hotrod-xmas {
top: 3.5vw;
}
.mat-3 {
margin-top: 16px;
}
.mab-3 {
margin-bottom: 16px;
}
.mat-5 {
margin-top: 48px;
}
.mab-5 {
margin-bottom: 48px;
}
@keyframes caraa {
0% {
right: -15vw;
}
100% {
right: -1vw;
}
}
@keyframes caraa2 {
0% {
right: -20vw;
}
100% {
right: 2vw;
}
}
.man1 {
z-index: 499;
position: absolute;
bottom: 0;
width: 30vw;
left: 12vw;
filter: grayscale(100%);
transition: 0.7s;
transform: scale(1);
}
.mtxt1 {
z-index: 505;
position: absolute;
bottom: 10px;
width: 16vw;
left: 0;
}
.mtxt2 {
z-index: 505;
position: absolute;
bottom: 10px;
width: 11vw;
left: 42vw;
bottom: 0;
}
.mtxt3 {
z-index: 505;
position: absolute;
bottom: 10px;
width: 13vw;
left: 0;
}
.man2 {
position: absolute;
z-index: 500;
bottom: 0;
width: 27vw;
left: 35vw;
filter: grayscale(100%);
transition: 0.7s;
transform: scale(1);
}
.thumb11 {
margin-left: 10px;
width: 30vw;
height: 33vh;
}
.yt1 {
top: 28vh;
position: fixed;
left: -26vw;
width: 1000vw;
}
.yt2 {
top: 64vh;
position: fixed;
left: -170vw;
width: 1000vw;
}
.man3 {
z-index: 499;
position: absolute;
bottom: 0;
width: 30vw;
left: 54vw;
filter: grayscale(100%);
transition: 0.5s all;
transform: scale(1);
}
.personal-head1 {
position: fixed;
top: 1vh;
right: 6vw;
font-size: 100px;
font-family: lasvegas, serif;
color: #ed7f20;
text-shadow: -2px 2px 0 rgba(0, 0, 0, 1);
}
.personal-head2 {
position: absolute;
top: 500vh;
right: 6vw;
font-size: 100px;
font-family: lasvegas, serif;
color: #ed7f20;
text-shadow: -2px 2px 0 rgba(0, 0, 0, 1);
}
.team-sign-wrap {
z-index: 100;
width: 49vw;
}
.team-sign-wrap-right {
right: 0px;
}
.personaltext1 {
position: absolute;
top: 5vw;
left: 2vw;
width: 84%;
color: white;
font-family: lasvegas, serif;
text-shadow: -2px 2px 0 rgb(0 0 0);
font-size: 31px;
z-index: 103;
line-height: 105%;
font-size: 22px;
overflow: auto;
max-height: 17vw;
}
.videofull1-tv {
top: 5vw !important;
}
/*
.videofull {
position: fixed;
z-index: 105;
width: 100vw;
border-radius: 30px;
box-shadow: 0 0 19px 1px rgba(0, 0, 0, 0.75);
z-index: 1000;
!* top: 0;
position: fixed !important;*!
width: 50%;
height: auto;
}
@media (max-aspect-ratio: 16/9) {
.videofull:not([myAttr="1"]) {
height: 100vh;
width: auto !important;
margin-left: 50vw;
transform: translateX(-50%);
}
.videofull:not([myAttr2="1"]) {
}
}
!* Landscape *!
@media (min-aspect-ratio: 16/9) {
.videofull:not([myAttr="1"]) {
width: 100vw;
height: auto !important;
margin-top: 50% !important;
transform: translateY(-50%);
}
.videofull:not([myAttr2="1"]) {
}
}*/
.video-spacer {
position: relative;
width: 25vw;
padding-top: 14.0625vw;
}
.videofull {
position: fixed;
z-index: 105;
width: 100vw;
border-radius: 30px;
box-shadow: 0 0 19px 1px rgba(0, 0, 0, 0.75);
}
.videofull-one {
margin: auto;
}
@media (min-aspect-ratio: 16/10) {
.videofull-one-nt {
max-height: 5000px;
height: auto;
max-width: 100vw;
width: 100vw;
left: 0;
top: 0;
}
}
@media (max-aspect-ratio: 16/10) {
.videofull-one-nt {
max-height: 100vh;
height: 100vh;
width: auto !important;
max-width: 5000px;
margin-top: 0 !important;
margin-left: 50vw;
transform: translateX(-50%);
left: 0;
top: 0;
}
}
/* Landscape */
@media (min-aspect-ratio: 16/10) {
.videofull-two {
top: 196px;
position: absolute !important;
border-radius: 30px;
box-shadow: 0 0 19px 1px rgba(0, 0, 0, 0.75);
z-index: 1000;
width: 50%;
max-width: 50%;
height: auto;
transition: all 1s;
}
.videofull-two:not([myAttr="0"]) {
/* margin-left: 50%;
transform: translateX(-50%);*/
}
.videofull-two:not([myAttr="1"]) {
max-width: 100vw;
width: 100vw;
left: 0;
top: 0;
margin-left: 15px;
}
.videofull-one {
left: 0;
right: 0;
top: 30px;
position: absolute !important;
border-radius: 30px;
box-shadow: 0 0 19px 1px rgba(0, 0, 0, 0.75);
z-index: 1000;
width: calc(35vw);
max-width: calc(35vw);
height: auto;
transition: all 1s;
}
.videofull-one:not([myAttr="0"]) {
}
.videofull-one:not([myAttr="1"]) {
max-width: 100vw;
width: 100vw;
left: 0;
top: 0;
}
}
@media (max-aspect-ratio: 16/10) {
.videofull-two {
left: 0;
right: 0;
top: 196px;
position: absolute !important;
border-radius: 30px;
box-shadow: 0 0 19px 1px rgba(0, 0, 0, 0.75);
z-index: 1000;
transition: all 1s;
}
.videofull-two:not([myAttr="0"]) {
margin-left: 50%;
transform: translateX(-50%);
}
.videofull-two:not([myAttr="1"]) {
width: auto;
top: 0;
left: 0;
margin-left: 50vw;
transform: translateX(-50%);
}
.videofull-one {
margin-left: 50%;
transform: translateX(-50%);
left: 0;
right: 0;
top: 30px;
position: absolute !important;
border-radius: 30px;
box-shadow: 0 0 19px 1px rgba(0, 0, 0, 0.75);
z-index: 1000;
transition: all 1s;
}
.videofull-one:not([myAttr="1"]) {
width: auto;
top: 0;
left: 0;
margin-left: 50vw;
transform: translateX(-50%);
height: 100vh;
max-height: 100vh;
}
}
.table-wrap-one {
z-index: 101;
}
@media (min-aspect-ratio: 16/9) {
}
@media (max-aspect-ratio: 16/9) {
}
.teamfoto {
position: fixed;
width: 100vw;
top: 0;
left: 0;
z-index: 5;
}
.tf-bg {
background-image: url("../video/teamfoto.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.clickme {
position: fixed;
font-family: lasvegas, serif;
text-align: center;
color: #e39318;
top: 50% !important;
transform: translateY(-50%);
margin-top: 12vw;
left: 74vw;
z-index: 250;
line-height: 1;
font-size: 4vw;
}
.teamtv {
position: fixed;
width: 70vw;
z-index: 200;
left: 15vw;
top: 50% !important;
transform: translateY(-50%);
}
.videofull1 {
position: fixed;
z-index: 105;
width: 51vw;
left: 17vw;
top: 50% !important;
transform: translateY(-50%);
}
@media (max-aspect-ratio: 16/9) {
}
.unserteam {
font-family: hollywood, serif;
position: fixed;
z-index: 10;
font-size: 110px;
right: 6vw;
top: 7vh;
}
.tt1 {
position: fixed;
width: 47vw;
top: 14vh;
left: 5vw;
box-shadow: 0 0 10px black;
border: 10px solid black;
}
.tt1.-mp {
position: fixed;
width: 31vw;
top: 0;
right: 8vw;
box-shadow: 0 0 10px black;
border: 10px solid black;
left: unset;
}
.tt1.-mp.-hk {
width: auto;
height: 31vw;
right: 12vw;
}
iframe.tt1.-mp {
top: 0;
height: 21.1vw;
}
.si1 {
position: fixed;
top: 5vh;
width: 20vw;
left: 10vw;
z-index: 200;
}
.si2 {
position: fixed;
top: 5vh;
width: 20vw;
left: 40vw;
z-index: 200;
}
.si3 {
position: fixed;
top: 5vh;
width: 20vw;
left: 70vw;
z-index: 200;
}
.sg1 {
position: fixed;
width: 25vw;
left: 8vw;
top: 12vh;
}
.sg2 {
position: fixed;
width: 25vw;
left: 40vw;
top: 12vh;
}
.lastimg {
position: fixed;
width: 20vw;
left: 40vw;
top: 5vh;
}
.sg3 {
position: fixed;
width: 25vw;
left: 70vw;
top: 12vh;
}
.teamtext1 {
width: 38vw;
right: 6vw;
text-align: center;
font-family: lasvegas, serif;
font-size: 30px;
top: 30vh;
}
.videofull2 {
position: fixed;
z-index: 105;
width: 100vw;
}
.fulltext1 {
position: fixed;
width: 100vw;
text-align: center;
z-index: 108;
font-family: lasvegas, serif;
font-size: 150px;
text-shadow: 0 0 20px rgba(0, 0, 0, 1);
color: white;
}
.fulltext11 {
top: 50%;
height: 255px;
margin-top: -125.5px;
}
.fulltext12 {
top: 50%;
height: 255px;
margin-top: -125.5px;
}
.fulltext13 {
top: 50%;
height: 675px;
margin-top: -337.5px;
}
.fulltext2 {
position: fixed;
top: 63vh;
width: 100vw;
text-align: center;
z-index: 3;
font-family: lasvegas, serif;
font-size: 150px;
color: black;
}
.fulltext2-sm {
font-size: 115px;
}
.phonepng {
position: fixed;
width: 25vw;
top: 4.5vw;
z-index: 505;
bottom: 0;
}
.laptoppng {
position: fixed;
width: 45vw;
top: 28vh;
left: 50vw;
}
.fulltext4 {
position: fixed;
top: 12vh;
width: 50vw;
text-align: center;
z-index: 3;
font-family: lasvegas, serif;
font-size: 110px;
color: black;
left: 40vw;
}
.phonetext {
position: fixed !important;
left: 45vw;
width: 45vw;
font-family: lasvegas, serif;
font-size: 30px;
color: black;
top: 35vh;
}
.fulltext3 {
border-top: 1px solid black;
border-bottom: 1px solid black;
box-shadow: 0 0 10px black;
position: fixed;
top: 63vh;
width: 100vw;
text-align: center;
z-index: 3;
font-family: lasvegas, serif;
font-size: 150px;
color: black;
}
.fulbgimg1 {
position: fixed;
width: 100vw;
height: 100vh;
top: 22vh;
left: 0;
}
.fftext {
top: calc(5.6018181818181745vh);
position: fixed;
color: black;
font-family: lasvegas, serif;
font-size: 30px;
width: 90vw;
left: 5vw;
text-align: center;
z-index: 177;
}
.greenish {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(79, 107, 108, 0.3);
z-index: 155;
border-top: 2px solid black;
border-bottom: 2px solid black;
}
.bgcc {
position: fixed;
top: 10vh;
left: 0;
width: 100vw;
background-color: rgba(214, 236, 217, 0.5);
z-index: 2;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
.tegif {
position: fixed;
right: -2vw;
top: 47.5vh;
width: 33vw;
}
.tetext {
width: 80vw;
font-family: lasvegas, serif;
font-size: 20px;
left: 10vw;
text-align: center;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
}
.tetext1 {
position: fixed;
width: 45vw;
font-family: lasvegas, serif;
font-size: 20px;
left: 3vw;
text-align: left;
top: 10vw;
line-height: 1.3;
/*
margin-top: 5vw;
*/
}
.smhead {
position: fixed;
top: 1vh;
width: 100vw;
text-align: center;
font-family: hollywood, serif;
font-size: 100px;
}
.smicon1 {
position: fixed;
top: 14vh;
left: 36.5vw;
width: 5vw;
}
.smicon2 {
position: fixed;
top: 16vh;
left: 44.5vw;
width: 5vw;
}
.smicon22 {
position: fixed;
top: 16vh;
left: 18.5vw;
height: 115px;
transition: transform 0.2s;
}
.thevideo {
width: 17.4vw;
top: 12.5vw;
position: fixed;
border-radius: 30px;
z-index: 520;
height: 36.25vw;
}
.video1 {
z-index: 501;
}
.smicon22:hover {
transition: transform 0.2s;
transform: scale(1.1);
}
.yvideos1 {
position: fixed;
top: 2vh;
width: 27vw;
height: 30vh;
left: 10vw;
}
.yvideos2 {
position: fixed;
top: 37vh;
width: 27vw;
height: 30vh;
left: 65vw;
}
.yvideos5 {
position: fixed;
top: 37vh;
width: 27vw;
height: 30vh;
left: 65vw;
}
.yvideos3 {
position: fixed;
top: 67vh;
width: 27vw;
height: 30vh;
left: 10vw;
}
.yvideos4 {
position: fixed;
top: 2vh;
width: 27vw;
height: 30vh;
left: 10vw;
}
.yvideotexts1 {
position: fixed;
width: 50vw;
left: 42vw;
top: 8vh;
font-family: lasvegas, serif;
font-size: 30px;
}
.yvideotexts4 {
position: fixed;
width: 50vw;
left: 42vw;
top: 8vh;
font-family: lasvegas, serif;
font-size: 30px;
}
.yvideotexts2 {
position: fixed;
width: 50vw;
left: 10vw;
top: 40vh;
font-family: lasvegas, serif;
font-size: 30px;
}
.yvideotexts5 {
position: fixed;
width: 50vw;
left: 10vw;
top: 40vh;
font-family: lasvegas, serif;
font-size: 30px;
}
.yvideotexts3 {
position: fixed;
width: 50vw;
left: 42vw;
top: 71vh;
font-family: lasvegas, serif;
font-size: 30px;
}
.smicon3 {
position: fixed;
top: 16vh;
left: 52.5vw;
width: 5vw;
}
.smicon4 {
position: fixed;
top: 16vh;
left: 60.5vw;
width: 5vw;
}
.smicon31 {
position: fixed;
top: 41vh;
left: 26.5vw;
height: 12vh;
}
.smicon32 {
position: fixed;
top: 41vh;
left: 39vw;
height: 12vh;
}
.smicon33 {
position: fixed;
top: 41vh;
left: 51.5vw;
height: 12vh;
}
.smicon34 {
position: fixed;
top: 41vh;
left: 63.5vw;
height: 12vh;
}
.smttext {
position: fixed;
width: 100vw;
text-align: center;
font-family: lasvegas, serif;
font-size: 120px;
top: 17vh;
}
.followus {
position: fixed;
width: 9.4vw;
height: 12vh;
top: 2vh;
left: 17vw;
z-index: 500;
}
.smgif1 {
position: fixed;
width: 11vw;
left: 10vw;
}
.smgif2 {
position: fixed;
width: 11vw;
right: 10vw;
}
.thumb1 {
position: fixed;
border: 2px solid black;
top: 30vh;
width: 25vw;
left: -12.5vw;
height: 28vh;
}
.thumb2 {
position: fixed;
border: 2px solid black;
top: 30vh;
width: 25vw;
left: 13.5vw;
height: 28vh;
}
.thumb3 {
position: fixed;
border: 2px solid black;
top: 30vh;
width: 25vw;
left: 39.5vw;
height: 28vh;
}
.thumb4 {
position: fixed;
border: 2px solid black;
top: 30vh;
width: 25vw;
left: 65.5vw;
height: 28vh;
}
.thumb5 {
position: fixed;
border: 2px solid black;
top: 30vh;
width: 25vw;
left: 91.5vw;
height: 28vh;
}
.thumb6 {
position: fixed;
border: 2px solid black;
top: 60vh;
width: 23vw;
left: 0.5vw;
height: 28vh;
}
.thumb7 {
position: fixed;
border: 2px solid black;
top: 60vh;
width: 23vw;
left: 25.5vw;
height: 28vh;
}
.thumb8 {
position: fixed;
border: 2px solid black;
top: 60vh;
width: 23vw;
left: 50.5vw;
height: 28vh;
}
.thumb9 {
position: fixed;
border: 2px solid black;
top: 60vh;
width: 23vw;
left: 75.5vw;
height: 28vh;
}
.tebutton {
position: fixed;
background: #e39318;
color: black;
font-family: lasvegas, serif;
padding: 5px;
text-align: center;
box-shadow: -2px 2px 2px black;
font-size: 30px;
z-index: 500;
top: 47vh;
left: 0;
right: 0;
width: 150px;
margin: auto;
}
.tebutton:hover {
color: black;
}
.rightimg {
width: 50%;
z-index: 105;
border-radius: 30px;
right: 10vw;
box-shadow: 0 0 19px 1px rgba(0, 0, 0, 0.75);
}
.rightimg-one {
width: calc(35vw);
visibility: hidden;
}
.book1 {
top: 67vh;
left: 20vw;
text-align: center;
background-color: green;
padding: 5px;
color: white;
font-family: hollywood, serif;
font-size: 20px;
border: 2px solid white;
box-shadow: -4px 4px 4px black;
transition: box-shadow 0.3s;
z-index: 200;
width: 140px;
display: inline-block;
}
.book2 {
top: 67vh;
right: 20vw;
text-align: center;
background-color: green;
padding: 5px;
color: white;
font-family: hollywood, serif;
font-size: 20px;
border: 2px solid white;
box-shadow: -4px 4px 4px black;
transition: box-shadow 0.2s;
z-index: 200;
width: 140px;
}
.book1:hover,
.book2:hover {
color: white;
box-shadow: 0 0 0 black;
transition: box-shadow 0.2s;
}
.table-wrap {
width: 100vw;
text-align: center;
}
.table-wrap .col-12 {
display: flex;
flex-direction: column;
align-items: center;
}
.row-prices {
border-bottom: 2px solid black;
}
.row-prices .col-12 {
width: 100vw;
}
.row-prices .col-12 {
padding-top: 150px;
height: 100%;
top: 0;
/* display: flex;
flex-direction: column;
align-items: center;*/
}
.st1 {
width: 100%;
font-family: lasvegas, serif;
font-size: 100px;
text-align: center;
}
.st2 {
width: 100%;
font-family: lasvegas, serif;
font-size: 100px;
text-align: center;
}
.st3 {
width: 100%;
font-family: lasvegas, serif;
font-size: 70px;
padding-left: 100px;
}
.st4 {
font-family: lasvegas, serif;
font-size: 60px;
color: orange;
width: 100%;
text-shadow: 2px 2px 2px black;
text-align: center;
}
.st5 {
font-family: lasvegas, serif;
font-size: 60px;
color: orange;
width: 100%;
text-shadow: 2px 2px 2px black;
text-align: center;
}
.st6 {
position: fixed;
top: 46vh;
left: 10vw;
font-family: lasvegas, serif;
font-size: 60px;
color: orange;
width: 100%;
text-shadow: 2px 2px 2px black;
text-align: center;
}
.st7 {
font-family: lasvegas, serif;
font-size: 60px;
color: orange;
width: 100%;
text-shadow: 2px 2px 2px black;
text-align: center;
}
.st8 {
position: fixed;
top: 30vh;
right: 10vw;
font-family: lasvegas, serif;
font-size: 60px;
color: orange;
width: 30vw;
text-shadow: 2px 2px 2px black;
text-align: center;
}
.st-book {
padding-left: 180px;
}
.st-book a {
margin-left: 40px;
}
.st9 {
font-family: lasvegas, serif;
font-size: 60px;
color: orange;
width: 100%;
text-shadow: 2px 2px 2px black;
text-align: center;
}
.videohead1 {
font-family: hollywood, serif;
font-size: 80px;
height: 100px;
text-align: center;
}
.videohead2 {
font-family: hollywood, serif;
font-size: 65px;
height: 100px;
text-align: center;
}
.videohead3 {
font-family: hollywood, serif;
font-size: 80px;
left: 22vw;
top: 55vh;
color: orange;
width: 8vw;
text-align: center;
text-shadow: -2px 2px 0 rgba(0, 0, 0, 1);
}
.videohead4 {
font-family: hollywood, serif;
font-size: 80px;
right: 20vw;
top: 55vh;
color: orange;
width: 8vw;
text-align: center;
text-shadow: -2px 2px 0 rgba(0, 0, 0, 1);
}
.videohead4,
.videohead3 {
margin-left: 2vw;
}
.videtext1 {
width: 90%;
font-family: lasvegas, serif;
font-size: 30px;
top: 70vh;
left: 11vw;
text-align: center;
}
.videtext2 {
width: 90%;
font-family: lasvegas, serif;
font-size: 30px;
top: 70vh;
right: 11vw;
text-align: center;
}
.cizgi {
width: 0.1vw;
position: fixed;
top: 10vh;
background: black;
height: 100vh;
left: 49vw;
}
.man1:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
transition: 0.7s;
transform: scale(1.1);
}
.man2:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
transition: 0.7s;
transform: scale(1.1);
}
.man3:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
transition: 0.7s;
transform: scale(1.1);
}
.part1 {
z-index: 1000;
}
/* ============ PARALLAX ============ */
.fullbg {
position: absolute;
z-index: -3 !important;
width: 100vw !important;
left: 0;
height: 0;
}
.fullcl {
position: absolute;
z-index: -2 !important;
width: 100vw !important;
left: 0;
height: 0;
}
/* ============ PARALLAX ============ */
.fandf {
color: #ed7f20;
font-family: hollywood, serif;
text-shadow: -2px 2px 7px rgba(0, 0, 0, 1);
width: 40vw;
margin-left: 30vw;
text-align: center;
position: fixed !important;
top: 0;
}
.fandfdiv {
background: rgba(142, 223, 227, 0.1);
width: 100vw;
}
.maaps {
position: fixed;
top: 47vh;
left: 60vw;
width: 32vw;
height: 40vh;
border: 7px solid rgba(0, 0, 0, 0.6);
}
.p8a {
position: fixed;
left: 0;
top: 12vh;
font-family: lasvegas, serif;
font-size: 60px;
}
.liler {
font-family: lasvegas, serif;
font-size: 35px;
list-style: none;
}
.liler::before {
content: "" !important;
color: #e39318;
font-weight: bold;
display: inline-block;
width: auto;
margin-right: 5px;
}
.uller {
display: flex;
width: calc(100vw - 220px);
align-items: center;
margin-bottom: 0;
height: 100%;
justify-content: space-between;
padding-left: 5vw;
padding-bottom: 40px;
}
.copyright {
position: absolute;
bottom: 0;
padding-left: 5vw;
font-family: lasvegas, serif;
font-size: 24px;
}
.p8s1 {
position: fixed;
left: 0;
top: 22vh;
font-family: lasvegas, serif;
font-size: 35px;
}
.p8s1-trip {
top: 50vh;
}
.p8s2 {
position: fixed;
left: 60vw;
top: 32vh;
font-family: lasvegas, serif;
font-size: 35px;
}
.p8h {
position: fixed !important;
bottom: 10vh;
width: 30vw;
left: 15vw;
transform: scaleX(-1);
z-index: 200;
}
.p8d {
bottom: 10vh;
width: 38vw;
left: calc(0vw);
position: fixed;
}
.ihead {
position: relative !important;
width: 100vw;
text-align: center;
font-family: lasvegas, serif;
font-size: 100px;
}
.ihead2 {
position: fixed;
top: 17vh;
width: 100vw;
text-align: center;
left: 0;
font-family: lasvegas, serif;
font-size: 100px;
}
.icon1 {
position: relative !important;
color: black;
background-color: #016662;
width: 10vw;
height: 10vw;
border-radius: 400px;
text-align: center;
font-size: 50px;
padding-top: 2vw;
}
.icon2 {
position: relative !important;
color: black;
background-color: #ae3324;
width: 10vw;
height: 10vw;
border-radius: 400px;
text-align: center;
font-size: 50px;
padding-top: 2vw;
}
.icon3 {
position: relative !important;
color: black;
background-color: #016662;
width: 10vw;
height: 10vw;
border-radius: 400px;
text-align: center;
font-size: 50px;
padding-top: 2vw;
}
.icon4 {
position: relative !important;
color: black;
background-color: #e39318;
width: 10vw;
height: 10vw;
border-radius: 400px;
text-align: center;
font-size: 50px;
padding-top: 2vw;
}
.icon5 {
position: relative !important;
color: black;
background-color: #e39318;
width: 10vw;
height: 10vw;
border-radius: 400px;
text-align: center;
font-size: 50px;
padding-top: 2vw;
padding-left: 1vw;
}
.list {
position: fixed;
font-family: lasvegas, serif;
font-size: 30px;
left: 10vw;
top: 42vh;
list-style: none;
border: 3px solid black;
border-radius: 30px;
padding: 1vw;
}
ul li::before {
content: "\2022";
color: #e39318;
font-weight: bold;
display: inline-block;
width: 15px;
margin-right: 5px;
}
.itext1 {
position: absolute;
bottom: -4vw;
font-family: lasvegas, serif;
font-size: 2.5vw;
left: 0;
right: 0;
}
.itext2 {
position: absolute;
bottom: -4vw;
font-family: lasvegas, serif;
font-size: 2.5vw;
left: 0;
right: 0;
}
.itext3 {
position: absolute;
font-family: lasvegas, serif;
font-size: 2.5vw;
bottom: -4vw;
left: 0;
right: 0;
}
.itext4 {
position: absolute;
bottom: -4vw;
font-family: lasvegas, serif;
font-size: 2.5vw;
left: 0;
right: 0;
}
.itext5 {
position: absolute;
bottom: -4vw;
font-family: lasvegas, serif;
font-size: 2.5vw;
left: 0;
right: 0;
}
.row-equiptment {
height: 100%;
}
.row-equiptment .col-6,
.row-equiptment .col-12 {
margin: auto;
display: flex;
justify-content: center;
}
.row-equiptment .col-6 h3,
.row-equiptment .col-12 h3 {
bottom: -4vw;
position: absolute !important;
}
.menutab {
position: fixed;
height: 94vh;
top: 5vh;
}
.menu1 {
width: 22vh;
height: 5vh;
position: fixed;
top: 13.2vh;
z-index: 30;
}
.menu2 {
width: 30vh;
height: 9vh;
position: fixed;
top: 21vh;
z-index: 30;
}
.menu3 {
width: 15vh;
height: 2.5vh;
position: fixed;
top: 33vh;
z-index: 30;
}
.ic {
width: 5vw;
display: block;
margin: auto;
}
.menu4 {
width: 31vh;
height: 8vh;
position: fixed;
top: 54vh;
z-index: 30;
}
.menu5 {
width: 13vh;
height: 2.7vh;
position: fixed;
top: 31vh;
z-index: 30;
}
.menu6 {
width: 20vh;
height: 3.8vh;
position: fixed;
top: 44.5vh;
z-index: 30;
}
.menu7 {
width: 11vh;
height: 4.2vh;
position: fixed;
top: 34.2vh;
z-index: 30;
}
.menu8 {
width: 22vh;
height: 5vh;
position: fixed;
top: 48.5vh;
z-index: 30;
}
.menu9 {
width: 19vh;
height: 4vh;
position: fixed;
top: 63.5vh;
z-index: 30;
}
.menu10 {
width: 26vh;
height: 8vh;
position: fixed;
top: 74vh;
z-index: 30;
}
.menu11 {
width: 19vh;
height: 4vh;
position: fixed;
top: 81vh;
z-index: 30;
}
.menu12 {
width: 13vh;
height: 4.5vh;
position: fixed;
top: 39.2vh;
z-index: 30;
}
.menu13 {
width: 25vh;
height: 9vh;
position: fixed;
top: 69vh;
z-index: 30;
}
.menu14 {
width: 19vh;
height: 4vh;
position: fixed;
top: 86.5vh;
z-index: 30;
}
/* ============ SAYFA 1.1 ============ */
.menubg1 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 200vw;
top: 0;
}
.menubg2 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 300vw;
top: 0;
}
.mangif {
position: absolute;
height: 20vw;
left: 165vw;
top: 30vh;
z-index: 10;
}
.man1gif {
position: absolute;
height: 20vw;
left: 265vw;
top: 30vh;
z-index: 10;
}
.man2gif {
position: absolute;
height: 20vw;
left: 365vw;
top: 30vh;
z-index: 10;
}
.mantext {
position: absolute;
color: black;
width: 46vw;
text-align: left;
font-size: 1.6em;
left: 120vw;
top: 44vh;
}
.mantext1 {
position: absolute;
color: black;
width: 46vw;
text-align: left;
font-size: 1.6em;
left: 220vw;
top: 44vh;
}
.mantext2 {
position: absolute;
color: black;
width: 46vw;
text-align: left;
font-size: 1.6em;
left: 320vw;
top: 44vh;
}
/* ============ SAYFA 2 ============ */
.dag2 {
height: 100vh !important;
max-width: 100vw !important;
max-height: 100vh !important;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
}
.dag1 {
height: 100vh !important;
max-width: 100vw !important;
max-height: 100vh !important;
position: fixed;
bottom: 0;
right: 0;
z-index: 1;
}
.road {
width: 100vw !important;
height: 34vh;
max-width: 100vw !important;
max-height: 100vh !important;
position: fixed;
bottom: 0;
right: 0;
z-index: 5;
}
.car {
width: 30vw;
position: fixed;
top: unset;
left: 0;
bottom: 0;
z-index: 5;
transform-origin: 50% 100%;
}
.tab1 {
height: 46vh;
position: fixed;
top: 45vh;
right: 23vw;
z-index: 3;
}
.tab2 {
position: fixed;
cursor: pointer;
z-index: 4;
top: 56vh;
right: calc(14vh + 18vw);
height: 4vh;
}
.tab3 {
position: fixed;
cursor: pointer;
z-index: 350;
height: 4vh;
position: fixed;
top: 48vh;
right: 27vw;
}
.tab4 {
position: fixed;
cursor: pointer;
z-index: 4;
top: 64vh;
right: calc(14vh + 23vw);
height: 4vh;
}
.yazi {
width: 45vw;
position: fixed;
top: 3px;
left: 2vw;
}
.tv-wrap {
right: 14vw;
}
.rightv {
position: relative;
bottom: 10px;
width: 23vw;
z-index: 30;
top: 0;
}
.tv1 {
width: 15vw;
height: 12vw;
right: 21.2vw;
z-index: 50;
position: absolute;
top: 1.4vw;
left: 2vw;
}
.tv2 {
z-index: 3;
width: 20vw;
position: fixed;
top: 12vh;
right: 10px;
}
.tv-bg1 {
position: absolute;
height: 26vh;
width: 17vw;
left: 78vw;
top: 155.9vw;
z-index: -1;
}
.tv-bg2 {
z-index: 2;
width: 20vw;
height: 25vh;
position: absolute;
top: 200px;
right: 10px;
}
/* ============ SAYFA 3 ============ */
.dag4 {
height: 100vh !important;
max-width: 100vw !important;
max-height: 100vh !important;
position: absolute;
top: 200vh;
left: 0;
}
.dag3 {
height: 100vh !important;
max-width: 100vw !important;
max-height: 100vh !important;
position: absolute;
top: 200vh;
right: 0;
}
.road2 {
width: 100vw !important;
max-width: 100vw !important;
max-height: 100vh !important;
position: absolute;
top: 257vh;
right: 0;
z-index: 2;
}
.contact-top-wrap {
opacity: 0.654545;
display: block;
font-family: lasvegas, serif;
font-size: 4vw;
line-height: 1;
top: 28vw;
text-align: center;
width: 100%;
left: calc(-5vw);
}
.road-m-t {
z-index: 3;
}
.road-m-b {
}
.tv22 {
z-index: 3;
width: 20vw;
position: absolute;
top: 265vh;
right: 10px;
}
.tv3 {
width: 20vw;
position: absolute;
bottom: 30px;
right: 60px;
z-index: 3;
}
.tv-bg3 {
width: 20vw;
position: absolute;
bottom: 30px;
right: 60px;
z-index: 2;
}
.yazi1 {
width: 50vw;
position: fixed;
top: 30vh;
left: 1vw;
}
.modal-sign-content {
background: none !important;
background-color: rgba(0, 0, 0, 0) !important;
}
.modal-sign-body {
background: none !important;
background-color: rgba(0, 0, 0, 0) !important;
}
.modal-sign-body1 {
background: url("../img/page-1/bbbg.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.close0 {
z-index: 50;
position: fixed;
height: 6vh;
left: 5vw;
top: 11vh;
}
.closez {
z-index: 101;
position: fixed;
height: 6vh;
left: 2vh;
top: 2vh;
}
.closea {
z-index: 50;
position: absolute;
height: 7vh;
left: 102vw;
top: 2vh;
}
.modal-sign-dialog {
background: rgba(0, 0, 0, 0) none !important;
}
.modal-sign {
background: rgba(0, 0, 0, 0) none !important;
}
.msign {
width: 100vw;
max-height: 100vh;
}
.modal-wrap {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.mtext0 {
font-family: lasvegas, serif;
position: fixed;
left: 15vw;
z-index: 10;
color: black;
top: 1vw;
line-height: 1;
font-size: 7vw;
}
.close-sign {
top: 1.5vw;
height: 5vw;
}
.mtext1 {
font-family: lasvegas, serif;
position: fixed;
left: 7vw;
z-index: 10;
color: black;
top: 10vw;
line-height: 1;
font-size: 5vw;
}
.mtext2 {
font-family: lasvegas, serif;
position: fixed;
left: 7vw;
z-index: 10;
color: black;
top: 15vw;
font-size: 4vw;
line-height: 1;
}
.ch {
font-size: 3vw;
line-height: 1;
}
.cmemm {
position: fixed;
z-index: 100;
left: 55vw;
top: 33vh;
width: 4vw;
}
.column1 {
float: left;
width: 25%;
}
.column1 img {
opacity: 1;
cursor: pointer;
}
.column1 img:hover {
opacity: 1;
}
.row1:after {
content: "";
display: table;
clear: both;
}
/* The expanding image container */
.container1 {
position: relative;
display: block;
}
.cmemm2 {
position: fixed;
z-index: 100;
left: 18vw;
top: 39vh;
width: 6vw;
}
.mcmc {
font-family: lasvegas, serif;
color: black;
z-index: 500;
position: fixed;
font-size: 7vw;
top: 38vw;
line-height: 1;
left: 59vw;
}
.mgif1 {
position: fixed;
right: 10vw;
z-index: 10;
right: 10vw;
top: 0vw;
width: 21vw;
}
.mans {
width: 48vw;
position: fixed;
top: 43vh;
left: 13vw;
z-index: 5;
}
.tab {
height: auto;
width: 17vw;
position: fixed;
z-index: 800;
left: 3vw;
}
.neon {
font-family: "Londrina Outline", cursive;
text-align: center;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.15em;
font-weight: 600;
}
.tab img {
height: auto;
width: 100%;
}
.tab_wrap {
height: auto;
width: 100%;
}
.tab_wrap p {
position: absolute;
color: #fff;
z-index: 14;
font-size: 1.9vw;
text-align: center;
top: 0;
width: 100%;
/* -webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate; */
}
.tab_wrap p.blue {
text-align: left;
font-size: 3vw;
padding-left: 1vw;
/* -webkit-animation: glow_blue 1s ease-in-out infinite alternate;
-moz-animation: glow_blue 1s ease-in-out infinite alternate;
animation: glow_blue 1s ease-in-out infinite alternate; */
}
.tab_wrap p.blue i {
float: right;
padding-right: 2vw;
}
.tab_wrap p.blue i.green {
float: right;
padding-right: 2vw;
/* -webkit-animation: glow_green 1s ease-in-out infinite alternate;
-moz-animation: glow_green 1s ease-in-out infinite alternate;
animation: glow_green 1s ease-in-out infinite alternate; */
margin-top: 8px;
}
.tab_wrap img {
width: 100%;
height: auto;
top: 0;
right: 0;
}
@-webkit-keyframes glow {
from {
text-shadow:
0 0 10px #fff,
0 0 20px #fff,
0 0 30px #e60073,
0 0 40px #e60073,
0 0 50px #e60073,
0 0 60px #e60073,
0 0 70px #e60073;
}
to {
text-shadow:
0 0 20px #fff,
0 0 30px #ff4da6,
0 0 40px #ff4da6,
0 0 50px #ff4da6,
0 0 60px #ff4da6,
0 0 70px #ff4da6,
0 0 80px #ff4da6;
}
}
@-webkit-keyframes glow_blue {
from {
text-shadow:
0 0 10px #fff,
0 0 20px #fff,
0 0 30px #2b75fa,
0 0 40px #2b75fa,
0 0 50px #2b75fa,
0 0 60px #2b75fa,
0 0 70px #2b75fa;
}
to {
text-shadow:
0 0 20px #fff,
0 0 30px #7bacff,
0 0 40px #7bacff,
0 0 50px #7bacff,
0 0 60px #7bacff,
0 0 70px #7bacff,
0 0 80px #7bacff;
}
}
@-webkit-keyframes glow_green {
from {
text-shadow:
0 0 10px #fff,
0 0 20px #fff,
0 0 30px #f81f1f,
0 0 40px #f81f1f,
0 0 50px #f81f1f,
0 0 60px #f81f1f,
0 0 70px #f81f1f;
}
to {
text-shadow:
0 0 20px #fff,
0 0 30px #ff7b7b,
0 0 40px #ff7b7b,
0 0 50px #ff7b7b,
0 0 60px #ff7b7b,
0 0 70px #ff7b7b,
0 0 80px #ff7b7b;
}
}
.link1 {
height: 14%;
width: 100%;
display: inline-block;
position: absolute;
left: 0;
bottom: 46%;
}
.link2 {
height: 15%;
width: 86%;
display: inline-block;
bottom: 29%;
position: absolute;
left: 9%;
}
.bgcloud {
position: fixed;
top: 20vh;
left: -20%;
z-index: 0;
width: 100vw;
height: 80vh;
}
.bgcloud1 {
position: fixed;
top: 0;
left: 0;
z-index: 0;
width: 100vw;
height: 100vh;
background: url("../img/page-1/bbbg.jpg") no-repeat center;
background-size: cover;
}
.footer {
position: fixed;
bottom: 0;
padding-top: 1vh;
height: 10vh;
width: 100%;
background-color: black;
color: white;
display: flex;
align-items: center;
}
.social-media,
.fot1,
.fot2,
.fot3,
.fot4,
.fot5 {
position: fixed;
color: white !important;
font-size: 30px;
}
.fot1 {
right: 135px;
}
.fot2 {
right: 75px;
}
.fot3 {
right: 35px;
}
.social1 {
font-size: 40px;
color: #f00;
padding-right: 1vw;
}
.social2 {
font-size: 40px;
color: #c13584;
padding-right: 1vw;
}
.social3 {
font-size: 40px;
color: #4267b2;
}
/* ============ SAYFA 4 ============ */
.cartable {
height: 80vh;
position: absolute;
width: 80vw;
left: 0;
bottom: 0;
border: 1px solid black;
}
.cloud {
position: absolute;
height: 100vh;
width: 100vw;
left: 0;
top: 300vh;
}
.cooperations {
width: 60vw !important;
height: auto !important;
position: fixed;
left: 20vw;
top: 10vh;
}
.cars {
position: fixed;
width: 20vw;
height: 21vh;
left: 5vw;
top: 15vh;
z-index: 700;
cursor: pointer;
}
.cars1 {
position: fixed;
width: 20vw;
height: 21vh;
left: 28vw;
top: 15vh;
z-index: 700;
cursor: pointer;
}
.cars2 {
position: fixed;
width: 20vw;
height: 21vh;
left: 51vw;
top: 15vh;
z-index: 700;
cursor: pointer;
}
.cars3 {
position: fixed;
width: 20vw;
height: 21vh;
left: 74vw;
top: 15vh;
z-index: 700;
cursor: pointer;
}
.cars4 {
position: fixed;
width: 20vw;
height: 20vh;
left: 5vw;
top: 42vh;
z-index: 700;
cursor: pointer;
}
.cars5 {
position: fixed;
width: 20vw;
height: 20vh;
left: 28vw;
top: 42vh;
z-index: 700;
cursor: pointer;
}
.cars6 {
position: fixed;
width: 20vw;
height: 20vh;
left: 51vw;
top: 42vh;
z-index: 700;
cursor: pointer;
}
.cars7 {
position: fixed;
width: 20vw;
height: 20vh;
left: 74vw;
top: 42vh;
z-index: 700;
cursor: pointer;
}
.cars8 {
position: fixed;
width: 20vw;
height: 20vh;
left: 5vw;
top: 70vh;
z-index: 700;
cursor: pointer;
}
.cars9 {
position: fixed;
width: 20vw;
height: 20vh;
left: 28vw;
top: 70vh;
z-index: 700;
cursor: pointer;
}
.cars10 {
position: fixed;
width: 20vw;
height: 20vh;
left: 51vw;
top: 70vh;
z-index: 700;
cursor: pointer;
}
.cars11 {
position: fixed;
width: 20vw;
height: 20vh;
left: 74vw;
top: 70vh;
z-index: 700;
cursor: pointer;
}
/* ============ SAYFA 4.1 ============ */
a {
cursor: pointer;
}
.menubg {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 100vw;
top: 0;
}
.modal41text {
position: fixed;
font-family: lasvegas, serif;
font-size: 100px;
color: black;
top: 10vh;
left: 10vw;
text-transform: uppercase;
}
.modal41text.textSmall {
font-size: 53px;
line-height: 1;
}
.menu-text-1 {
position: absolute;
font-size: 35px;
width: 40vw;
left: 54vw;
top: 14vw;
font-family: lasvegas, serif;
background: rgba(255, 255, 255, 0.6);
padding: 20px;
max-height: calc(100% - 15vw);
overflow: auto;
}
.cars-0 {
position: absolute;
bottom: 34vh;
left: 7vw;
width: 42.5vw;
height: auto;
}
/*
.cars-text {
height: 14vh;
position: absolute;
bottom: 2vw;
left: 13vw;
}
*/
.logoContainer {
height: 8vh;
position: absolute;
bottom: 8vw;
left: 7vw;
width: 42.5vw;
display: flex;
justify-content: center;
}
.logoContainer img {
height: 100%;
}
/* ============ SAYFA 4.2 ============ */
.menubg1 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 200vw;
top: 0;
}
.menu-text-2 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 251vw;
top: 14vw;
}
.close1 {
z-index: 50;
position: absolute;
height: 7vh;
left: 202vw;
top: 2vh;
}
.cars-text1 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 213vw;
}
.cars-1 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 205vw;
}
/* ============ SAYFA 4.3 ============ */
.menubg2 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 300vw;
top: 0;
}
.menu-text-3 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 351vw;
top: 14vw;
}
.close2 {
z-index: 50;
position: absolute;
height: 7vh;
left: 302vw;
top: 2vh;
}
.cars-text2 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 313vw;
}
.cars-2 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 305vw;
}
/* ============ SAYFA 4.4 ============ */
.menubg3 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 400vw;
top: 0;
}
.menu-text-4 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 451vw;
top: 14vw;
}
.close3 {
z-index: 50;
position: absolute;
height: 7vh;
left: 402vw;
top: 2vh;
}
.cars-text3 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 413vw;
}
.cars-3 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 405vw;
}
/* ============ SAYFA 4.5 ============ */
.menubg4 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 500vw;
top: 0;
}
.menu-text-5 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 551vw;
top: 14vw;
}
.close4 {
z-index: 50;
position: absolute;
height: 7vh;
left: 502vw;
top: 2vh;
}
.cars-text4 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 513vw;
}
.cars-4 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 505vw;
}
/* ============ SAYFA 4.6 ============ */
.menubg5 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 600vw;
top: 0;
}
.menu-text-6 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 651vw;
top: 14vw;
}
.close5 {
z-index: 50;
position: absolute;
height: 7vh;
left: 602vw;
top: 2vh;
}
.cars-text5 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 613vw;
}
.cars-5 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 605vw;
}
/* ============ SAYFA 4.7 ============ */
.menubg6 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 700vw;
top: 0;
}
.menu-text-7 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 751vw;
top: 14vw;
}
.close6 {
z-index: 50;
position: absolute;
height: 7vh;
left: 702vw;
top: 2vh;
}
.cars-text6 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 713vw;
}
.cars-6 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 705vw;
}
/* ============ SAYFA 4.8 ============ */
.menubg7 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 800vw;
top: 0;
}
.menu-text-8 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 851vw;
top: 14vw;
}
.close7 {
z-index: 50;
position: absolute;
height: 7vh;
left: 802vw;
top: 2vh;
}
.cars-text7 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 813vw;
}
.cars-7 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 805vw;
}
/* ============ SAYFA 4.9 ============ */
.menubg8 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 900vw;
top: 0;
}
.menu-text-9 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 951vw;
top: 14vw;
}
.close8 {
z-index: 50;
position: absolute;
height: 7vh;
left: 902vw;
top: 2vh;
}
.cars-text8 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 913vw;
}
.cars-8 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 905vw;
}
/* ============ SAYFA 4.10 ============ */
.menubg9 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 1000vw;
top: 0;
}
.menu-text-10 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 1051vw;
top: 14vw;
}
.close9 {
z-index: 50;
position: absolute;
height: 7vh;
left: 1002vw;
top: 2vh;
}
.cars-text9 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 1013vw;
}
.cars-9 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 1005vw;
}
/* ============ SAYFA 4.11 ============ */
.menubg10 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 1100vw;
top: 0;
}
.menu-text-11 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 1151vw;
top: 14vw;
}
.close10 {
z-index: 50;
position: absolute;
height: 7vh;
left: 1102vw;
top: 2vh;
}
.cars-text10 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 1113vw;
}
.cars-10 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 1105vw;
}
/* ============ SAYFA 4.12 ============ */
.menubg11 {
position: absolute;
z-index: -1;
width: 100vw;
height: 100vh;
left: 1200vw;
top: 0;
}
.menu-text-12 {
position: absolute;
font-size: 0.8em;
width: 40vw;
left: 1251vw;
top: 14vw;
}
.close11 {
z-index: 50;
position: absolute;
height: 7vh;
left: 1202vw;
top: 2vh;
}
.cars-text11 {
height: 30vh;
position: absolute;
bottom: 2vw;
left: 1213vw;
}
.cars-11 {
height: 35vh;
position: absolute;
bottom: 17vw;
left: 1205vw;
}
.cars-class {
height: auto;
}
/* ============ SAYFA 5 ============ */
.chris {
position: absolute;
height: 13vh;
left: 2vw;
top: 375vh;
z-index: 30;
}
.chrisbg {
position: absolute;
z-index: -2;
width: 100vw;
height: 100vh;
left: 0;
top: 365vh;
}
.profil-wrap {
position: fixed;
margin-top: 10vh;
}
.chris-profile {
top: 10vh;
width: 51vw;
left: 0;
z-index: 102;
box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
transition: box-shadow 0.3s;
border: 10px solid rgba(0, 0, 0, 1);
border-radius: 15px 15px 0 0;
}
.chris-profile1 {
top: 70vh;
width: 17vw;
left: 0;
box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
transition: box-shadow 0.3s;
border: 8px solid rgba(0, 0, 0, 1);
border-radius: 0 0 0 15px;
}
.column1 {
display: inline;
float: left;
}
.chris-profile2 {
top: 70vh;
width: 17vw;
left: 17vw;
box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
transition: box-shadow 0.3s;
border: 8px solid rgba(0, 0, 0, 1);
}
.chris-profile3 {
top: 70vh;
width: 17vw;
left: 34vw;
box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
transition: box-shadow 0.3s;
border: 8px solid rgba(0, 0, 0, 1);
border-radius: 0 0 15px 0;
}
.chris-profile:hover,
.chris-profile1:hover,
.chris-profile2:hover,
.chris-profile3:hover {
box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.75);
transition: box-shadow 0.3s;
}
.personalsign1 {
top: 27vh;
z-index: 100;
right: 0;
width: 49vw;
}
.personalsign1-mob {
display: none;
}
.christab {
position: absolute;
width: 48vw;
right: 0;
top: 371vh;
}
.christab1 {
position: absolute;
width: 48vw;
right: 0;
top: 413vh;
}
.christext {
font-size: 1.5em;
position: absolute;
width: 70vh;
left: 54vw;
top: 381vh;
}
.christext1 {
font-size: 1.5em;
position: absolute;
width: 70vh;
left: 54vw;
top: 423vh;
}
/* ============ SAYFA 6 ============ */
.robert {
position: absolute;
height: 13vh;
left: 2vw;
top: 385vh;
}
.robertbg {
position: absolute;
width: 100vw;
height: 100vh;
left: 0;
top: 385vh;
}
.robert-profile {
position: absolute;
width: 50vw;
left: 0;
top: 398vh;
}
.robert-profile1 {
position: absolute;
width: calc(50vw / 3);
height: 9.3vw;
left: 0;
top: 458vh;
}
.robert-profile2 {
position: absolute;
width: calc(50vw / 3);
height: 9.3vw;
left: calc(50vw / 3);
top: 458vh;
}
.robert-profile3 {
position: absolute;
width: calc(50vw / 3);
height: 9.3vw;
left: calc(50vw / 1.5);
top: 458vh;
}
.roberttab {
position: absolute;
width: 48vw;
right: 0;
top: 391vh;
}
.roberttab1 {
position: absolute;
width: 48vw;
right: 0;
top: 433vh;
}
.roberttext {
font-size: 1.5em;
position: absolute;
width: 70vh;
left: 54vw;
top: 401vh;
}
.roberttext1 {
font-size: 1.5em;
position: absolute;
width: 70vh;
left: 54vw;
top: 443vh;
}
/* ============ SAYFA 7 ============ */
.kevin {
position: absolute;
height: 13vh;
left: 2vw;
top: 485vh;
}
.kevinbg {
position: absolute;
width: 100vw;
height: 100vh;
left: 0;
top: 485vh;
}
.kevin-profile {
position: absolute;
width: 50vw;
left: 0;
top: 498vh;
}
.kevin-profile1 {
position: absolute;
width: calc(50vw / 3);
height: 9.3vw;
left: 0;
top: 558vh;
}
.kevin-profile2 {
position: absolute;
width: calc(50vw / 3);
height: 9.3vw;
left: calc(50vw / 3);
top: 558vh;
}
.kevin-profile3 {
position: absolute;
width: calc(50vw / 3);
height: 9.3vw;
left: calc(50vw / 1.5);
top: 558vh;
}
.kevintab {
position: absolute;
width: 48vw;
right: 0;
top: 491vh;
}
.kevintab1 {
position: absolute;
width: 48vw;
right: 0;
top: 533vh;
}
.kevintext {
font-size: 1.5em;
position: absolute;
width: 70vh;
left: 54vw;
top: 501vh;
}
.kevintext1 {
font-size: 1.5em;
position: absolute;
width: 70vh;
left: 54vw;
top: 543vh;
}
/* ============ SAYFA 8 ============ */
.find {
position: absolute;
z-index: 3;
width: 78vh;
left: 4.5vw;
top: 587vh;
}
.findbg {
position: absolute;
width: 100vw;
height: 100vh;
left: 0;
top: 585vh;
}
.car3 {
position: absolute;
width: 67vh;
left: 10vw;
top: 634vh;
}
.shutter {
position: absolute;
width: 100vh;
right: 0;
top: 585vh;
}
.findtab {
position: absolute;
width: 74vh;
height: 80vh;
right: 5vw;
top: 595vh;
}
.maps {
position: absolute;
width: 64vh;
height: 40vh;
right: 7vw;
top: 600vh;
}
.findtext {
position: absolute;
width: 64vh;
height: 40vh;
right: 0;
top: 645vh;
font-size: 1rem !important;
}
#loading {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100vw;
height: 100vh;
background-color: rgba(52, 50, 50, 1);
/* background-image: url("../img/loading.gif");*/
background-repeat: no-repeat;
background-position: center;
}
.loading_car_inner {
height: 109px;
width: 300px;
position: relative;
}
.loading_car {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
animation: shake 2.5s;
animation-iteration-count: infinite;
}
.loading_car_inside {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
animation: shake 2.5s;
animation-iteration-count: infinite;
}
.loading_car img {
width: 300px;
height: auto;
position: absolute;
}
.loading_car .wheel {
width: 53px;
height: auto;
position: absolute;
animation-name: spin;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.loading_car .loading_car_2 {
left: 21px;
bottom: 0;
}
.loading_car .loading_car_3 {
right: 34px;
bottom: 0;
}
a {
color: #ffffff;
}
a:hover {
color: #ffc619 !important;
}
.yellowFont {
color: #ffc619;
text-shadow:
-1px 0 black,
0 1px black,
1px 0 black,
0 -1px black;
text-decoration: underline !important;
}
.outline {
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
.yellowFont:hover {
color: #ffffff !important;
}
@keyframes shake {
0% {
transform: translate(1px, 1px) rotate(0deg);
}
10% {
transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
transform: translate(-3px, 0px) rotate(1deg);
}
30% {
transform: translate(3px, 2px) rotate(0deg);
}
40% {
transform: translate(1px, -1px) rotate(1deg);
}
50% {
transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
transform: translate(-3px, 1px) rotate(0deg);
}
70% {
transform: translate(3px, 1px) rotate(-1deg);
}
80% {
transform: translate(-1px, -1px) rotate(1deg);
}
90% {
transform: translate(1px, 2px) rotate(0deg);
}
100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}
@keyframes spin {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
.modalLink {
display: flex;
justify-content: center;
}
.row-sk {
width: 100vw;
left: 15px;
top: 0;
position: fixed;
height: 100vh;
padding: 70px 30px 30px 30px;
}
.yellow li {
margin-left: 15px;
}
.yellow li::before {
left: 5px;
position: absolute;
}
.car-hr {
width: 55%;
height: 1%;
}
.car-werbung {
max-width: 40vw;
}
.pointer {
cursor: pointer;
}
.gutschein-head-wrap {
height: 100%;
background: rgba(100, 100, 0, 0.5);
}
.sliderTeam {
width: 80vw;
}
.bookingContainerWrap {
display: flex;
justify-content: center;
background: url("../video/Background_booking.jpg") !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.bookingContainer {
width: 90%;
}
.tum {
margin-bottom: 80px;
}
/* MEDİACIK */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes pulse-rotate {
0% {
-webkit-transform: scale(1.1) rotate(345deg);
transform: scale(1.1) rotate(345deg);
}
50% {
-webkit-transform: scale(0.8) rotate(345deg);
transform: scale(0.8) rotate(345deg);
}
100% {
-webkit-transform: scale(1) rotate(345deg);
transform: scale(1) rotate(345deg);
}
}
@media only screen and (min-width: 1200px) {
.rowSmall {
width: 80% !important;
left: 11.5vw !important;
}
}
@media only screen and (max-width: 1199px) {
.tab {
display: none !important;
}
.fulltext1 {
font-size: 125px;
}
.fulltext11 {
top: 50%;
height: 187px;
margin-top: -93.5px;
}
.fulltext12 {
top: 50%;
height: 187px;
margin-top: -93.5px;
}
.fulltext13 {
top: 50%;
height: 561px;
margin-top: -280.5px;
}
/* .mtext0 {
left: 19vw;
top: 9.5vh;
font-size: 52px;
}
.mtext1 {
font-size: 52px;
}
.mtext2 {
font-size: 27px;
}
.ch {
font-size: 35px;
}
.mcmc {
font-family: lasvegas, serif;
font-size: 43px;
width: 25vh;
top: 73vh;
left: 50vw;
}
*/
.menu-text-1 {
left: 0;
top: 30vh;
width: 100vw;
}
.st-book {
padding-left: 0;
}
.st-book a {
display: block;
margin: auto auto 30px;
}
.st3 {
padding-left: 0;
}
.row-equiptment .col-6 div {
width: 20vw;
height: 20vw;
padding-top: 5vw;
}
.row-equiptment .col-6 div img {
width: 10vw;
}
.row-equiptment .col-6 h3,
.row-equiptment .col-12 h3 {
bottom: -5vw;
font-size: 3.5vw;
}
.tetext1 {
margin-top: -400px;
}
.h1-werbung {
font-size: 55px !important;
}
.h2-werbung {
font-size: 35px !important;
}
.smgif2,
.smgif1 {
display: none;
}
.smhead {
font-size: 60px;
}
.smicon22 {
left: 6.5vw;
}
.yvideotexts5,
.yvideotexts4,
.yvideotexts3,
.yvideotexts2,
.yvideotexts1 {
font-size: 25px;
}
.smicon33,
.smicon32,
.smicon31,
.smicon34 {
height: 8vh;
}
.fulltext11 {
}
.teamtext1 {
font-size: 27px;
}
.limg1 {
font-size: 48px;
top: 58vh;
text-transform: uppercase;
margin-top: -5vh;
}
.limg2 {
margin-top: -5vh;
}
.limg2 span {
font-size: 20px !important;
line-height: 20px !important;
}
.limg2 {
font-size: 20px !important;
}
.station-text {
margin-top: -13vh;
font-size: 16px !important;
max-height: 88vh;
overflow-y: auto;
width: 90vw !important;
left: 5vw;
}
.details-p {
margin-top: -17vh !important;
}
.fulltext1-te {
font-size: 100px;
}
.fulltext2-te {
font-size: 120px;
}
.videofull-one-te {
}
.akak {
font-size: 34px;
}
.akak b {
font-size: 45px !important;
}
.cars-0 {
width: 50vw;
left: 24vw;
height: auto;
bottom: 2vw;
}
.cars-text {
/* bottom: 44vw;
height: auto;
width: 80vw;
left: 0;
position: absolute;
height: auto;*/
}
.logoContainer {
height: 8vh;
position: absolute;
bottom: 47vw;
display: flex;
justify-content: center;
width: 100%;
left: 0;
}
.menu-text-1 {
max-height: 40vh;
}
}
@media only screen and (max-width: 991px) {
.fulltext1 {
font-size: 100px;
}
.fulltext11 {
top: 50%;
height: 150px;
margin-top: -75px;
}
.fulltext12 {
top: 50%;
height: 150px;
margin-top: -75px;
}
.fulltext13 {
top: 50%;
height: 450px;
margin-top: -225px;
}
.man1 {
width: 50vw;
left: -50px !important;
}
.man2 {
width: 45vw;
left: 26vw;
}
.man3 {
width: 50vw;
}
.mtxt1 {
width: 23vw;
left: 1vw !important;
}
.mtxt2 {
width: 17vw;
}
.mtxt3 {
width: 16vw;
left: 75vw !important;
}
.bg1-fuse {
background-image: url("../img/page-2/bg1-fuse-mobile-alt.png");
}
.bg1 {
background-image: url("../img/page-1/bg-1-alt-mobile.png");
}
.car {
width: 75vw;
}
.car-left {
margin-left: -29vw;
}
.car-center {
margin-left: -27vw;
}
.car-right {
margin-left: -18vw;
}
.mans {
bottom: calc(4vh);
margin-bottom: -5vh;
width: 120vw;
left: 0;
}
.yazi {
width: 78vw;
position: fixed;
top: 15px;
left: 1vw;
}
.yazi1 {
opacity: 1;
width: 96vw;
left: 1vw;
margin-top: 0;
}
.tab {
bottom: calc(14.3vh);
display: block;
width: 51vw;
margin-bottom: 3vh;
margin-left: 9vw;
z-index: 900;
}
.tab_wrap p {
font-size: 5.7vw;
}
.tab_wrap p.blue {
font-size: 9vw;
}
.tab1 {
margin-top: 5vh;
right: 1vw;
height: auto;
width: 42vh;
}
.tab2 {
z-index: 2;
height: auto;
width: 21vh;
margin-top: 2.7vh;
right: 11dvw;
top: 59dvh;
}
.tab3 {
width: 21vh;
height: auto;
top: 52vh;
right: 5vh;
}
.tab4 {
z-index: 4;
top: 69.5vh;
right: 34dvw;
height: auto;
width: 21vh;
}
.tv-wrap {
display: none !important;
}
.cmemm-invert {
position: fixed;
z-index: 100;
left: 55vw;
top: 33vh;
width: 4vw;
}
.p8a {
font-size: 32px;
}
.p8s1 {
font-size: 22px;
}
.p8a-right,
.p8s1-right,
.p8a-left,
.p8s1-left {
margin-left: -15vw;
}
.p8a {
top: 9vh;
}
.p8s1 {
top: 15vh;
}
.p8h {
display: none;
}
.p8s1-trip {
top: 38vh;
}
.maaps {
width: 90vw;
margin-left: -55vw;
top: 65vh;
height: 24vh;
}
.liler {
padding-right: 0;
}
.liler {
font-size: 24px;
}
.book1 {
}
.book2 {
}
.videtext1,
.videtext2 {
}
.mat-3 {
margin-top: 9px;
}
.mab-3 {
margin-bottom: 9px;
}
.mat-5 {
margin-top: 24px;
}
.mab-5 {
margin-bottom: 24px;
}
.videofull-two {
left: 0 !important;
right: 0;
top: 148px;
transform-origin: 50% 0;
}
.videofull-two[myAttr="1"] {
transform-origin: 50% 0;
}
.videofull-one {
/* top: 100px; */
}
.video-spacer {
width: 50vw;
padding-top: 28.125vw;
transform-origin: 50% 0;
}
.rightimg {
transform-origin: 50% 0;
}
.yellow {
max-height: 39vh;
overflow: auto;
}
.flo-gif {
margin-top: 37vh;
left: 0 !important;
right: 0 !important;
margin-left: auto;
margin-right: auto;
width: 20vh !important;
}
.list-rules {
top: calc(38vh);
width: calc(100% - 20vw);
margin-top: -12vh;
}
.ihead2 {
font-size: 70px !important;
margin-top: -5vh;
}
.tetext1 {
margin-top: 0;
font-size: 24px !important;
}
.aqswp {
width: calc(100vw - 100px);
margin-top: -10vh;
max-height: 90vh;
overflow: auto;
font-size: 25px;
line-height: 1.09;
left: 0px;
right: 0px;
margin-left: auto;
margin-right: auto;
}
.aqsw1 {
}
.aqsw1 {
transition: all 0.2s;
}
.aqsw1:not([myAttr2="1"]) {
top: unset !important;
bottom: 25px;
}
.aqsw1:not([myAttr2="0"]) {
top: calc(38vh) !important;
}
.aqsw1:not([myAttr="1"]) {
opacity: 0;
}
.fulltext2-sm {
font-size: 85px;
margin-top: 2vh !important;
}
.thevideo,
.phonepng {
display: none;
}
.phonetext {
width: 90vw !important;
margin-left: -40vw !important;
}
.phonetext2 {
margin-left: 0 !important;
}
.fulltext4 {
width: 90vw !important;
margin-left: -35vw !important;
}
.smicon22 {
}
.laptoppng {
display: none !important;
}
.yvideotexts5,
.yvideotexts4,
.yvideotexts3,
.yvideotexts2,
.yvideotexts1 {
font-size: 20px;
}
.smicon33,
.smicon32,
.smicon31,
.smicon34 {
height: 6vh;
}
.fif2,
.fif1 {
display: none !important;
}
.teamtext1 {
width: 90vw;
font-size: 27px;
right: unset;
left: 5vw;
}
.team-1 {
display: none;
}
.limg1 {
font-size: 38px;
margin-top: -17vh;
}
.limg2 {
margin-top: -17vh;
}
.unserteam {
width: 100vw;
right: auto;
text-align: center;
}
.deh12 {
font-size: 65px;
}
.station-text {
font-size: 16px !important;
}
.station-wrap {
left: 5vw;
width: 90vw;
margin-top: -15vh;
}
.row-station .col-12 {
text-align: center;
}
.row-station .secfot2,
.row-station .secfot1 {
width: auto;
max-height: 28vh;
}
.row-station .col-12 {
padding: 0 0 10px 0 !important;
}
.deh1 {
font-size: 130px;
}
.details-p {
margin-top: -17vh !important;
font-size: 26px;
}
.fulltext1-city-tour {
font-size: 100px;
}
.fulltext1-te {
font-size: 100px;
}
.fulltext2-te {
font-size: 100px;
}
.videofull-one-te {
}
.tebutton-1 {
margin-top: -10vh !important;
}
#TA_cdsratingsonlynarrow534 {
left: calc(50vw);
position: absolute;
top: 0;
}
.floatingPill {
right: 8px !important;
}
.floatingPill .outline button {
scale: 0.75;
}
}
@media only screen and (max-width: 767px) {
.kik {
top: 70vw;
margin-left: 25vw;
width: 35vw !important;
}
.fulltext1 {
font-size: 70px;
}
.cars-0 {
width: 97vw;
left: 0;
}
.fulltext11 {
top: 50%;
height: 105px;
margin-top: -50.5px;
}
.fulltext12 {
top: 50%;
height: 105px;
margin-top: -50.5px;
}
.fulltext13 {
top: 50%;
height: 315px;
margin-top: -157.5px;
}
.akak {
font-size: 22px;
max-height: 82.5vh;
overflow-y: auto;
top: 50vh;
}
.akak b {
font-size: 28px !important;
}
.liler {
font-size: 24px;
}
.uller {
width: calc(100% - 120px);
}
.fot3,
.fot2,
.fot1 {
font-size: 22px;
}
.fot3 {
right: 25px;
}
.fot2 {
right: 52px;
}
.fot1 {
right: 90px;
}
/* .mcmc {
left: auto;
right: 14vw;
}*/
.modal41text {
font-size: 5vh;
top: 2vh;
left: 24vw;
}
.menu-text-1 {
font-size: 20px;
}
.menu-text-1 {
left: 0;
top: 17vh;
width: 100vw;
}
.tetext1 {
/*
margin-top: -800px;
*/
font-size: 20px !important;
}
.aqaq {
right: 0 !important;
left: 0 !important;
margin-top: 10vh;
}
.aqsw1 {
left: 0;
right: 0;
margin: -17vh auto auto;
width: 85vw;
}
.aqsw1[myAttr2="0"] {
margin-left: -150vw;
transition: all 0.5s;
}
.tete1 {
font-size: 75px;
}
.tete2 {
width: 90vw;
left: 5vw;
margin-top: calc(13vh);
}
.h1-werbung {
font-size: 40px !important;
}
.h2-werbung {
font-size: 25px !important;
}
.car-werbung {
top: auto !important;
bottom: 10vh;
right: 5vw;
left: auto !important;
}
.btn-werbung {
cursor: pointer;
top: auto !important;
bottom: 13.5vh;
left: 5vw !important;
width: 162px;
font-size: 25px !important;
margin: 20vh auto auto;
}
.p-werbung {
width: 85vw !important;
margin-top: -9vh;
font-size: 22px;
max-height: 63vh;
overflow: auto;
}
.fulltext2-sm {
font-size: 65px;
margin-top: 2vh !important;
}
.fftext {
font-size: 25px;
}
.fulltext3 {
font-size: 100px;
}
.fulltext4 {
top: 6vh;
}
.phonetext {
margin-top: -7vh;
}
.limg1 {
font-size: 38px;
margin-top: -23vh;
}
.limg2 {
margin-top: -17vh;
}
.deh11 {
font-size: 64px;
line-height: 1;
}
.deh12 {
font-size: 32px;
line-height: 1;
}
.deh1 {
font-size: 95px;
}
.glasscar,
.glass {
width: 70vw;
left: 15vw;
}
.cartext1 {
margin-top: 7vh;
}
.cartext2 {
margin-top: 16vh;
}
.cartext3 {
margin-top: 7vh;
}
.cartext4 {
margin-top: 3vh;
}
.cartext5 {
margin-top: -8vh;
}
.cartext6 {
margin-top: -3vh;
}
.cartext7 {
margin-top: -17vh;
}
.engine {
margin-top: 7vh;
}
.cartext1,
.cartext2,
.cartext3,
.cartext4,
.cartext5,
.cartext6,
.cartext7 {
font-size: 30px;
}
.details-p span {
font-size: 48px !important;
}
.details-p {
margin-top: -17vh;
font-size: 23px !important;
left: 5vw !important;
width: 85vw !important;
}
.dett12 span {
font-size: 35px !important;
margin-top: -12vh;
}
.dett12 {
left: 40vw;
width: 55vw;
margin-top: -12vh;
font-size: 23px;
line-height: 1.2;
}
.cu11,
.dett1 {
margin-top: -15vh;
}
.cu11,
.cu12,
.dett1,
.dett2 {
margin-top: -9vh;
}
.cu11 {
margin-top: -4.5vh;
}
.st-book {
font-size: 45px;
}
.st1,
.st2 {
font-size: 60px;
}
.st1 span,
.st2 span {
font-size: 30px !important;
}
.row-prices .col-12 {
padding-top: 100px;
}
.st3 {
font-size: 50px;
}
.ihead {
font-size: 70px !important;
}
.ihead2 {
font-size: 40px !important;
margin-top: -5vh;
}
.list-rules {
margin-top: -14vh;
font-size: 20px !important;
}
.text1 {
width: 88vw;
left: calc(-16vw) !important;
}
.text1-wrap {
left: calc(25vw) !important;
}
.text1-wrap[myAttr="1"] {
}
.mutze {
top: 8vw;
left: -20vw !important;
width: 9vw;
}
.text2 {
width: 50vw;
transition:
width 0.5s,
left 0.2s,
margin-top 0.2s;
left: 1vw;
margin: unset;
margin-top: 16.5vh;
}
.text2[myAttr="1"] {
}
.text2[myAttr="0"] {
width: 60vw;
margin: unset;
left: -2vw;
margin-top: 12vh;
}
.text2-xmas {
left: 6vw !important;
width: 42vw !important;
margin-top: 25vh !important;
}
.text2-xmas[myAttr="0"] {
margin-top: 22vh !important;
}
.contact-top-wrap {
font-size: 7vw;
line-height: 1;
top: 42vh;
width: 100%;
left: calc(-11vw);
}
.contact-top-wrap.contact-top-wrap-xmas {
font-size: 7vw;
line-height: 1;
top: 60vh;
width: 100%;
left: calc(-11vw);
}
.hotrod-1 {
top: 11.5vw;
right: 2vw;
animation: caraa2 3s;
}
.hotrod-xmas {
top: 7.5vw;
}
.videohead4,
.videohead3 {
width: 20vw;
margin-left: 7vw;
}
.videohead2,
.videohead1 {
height: 65px;
}
.book2,
.book1 {
padding: 2px;
font-size: 18px;
}
.videtext2,
.videtext1 {
font-size: 23px;
width: 100%;
line-height: 1.3;
}
.videofull-two {
top: 110px;
}
.table-wrap {
max-height: 218vh;
margin: 0;
}
.table-wrap-one {
max-height: unset;
overflow-y: unset;
overflow-x: unset;
}
.profil-wrap {
top: calc(10vh);
margin-top: calc(14vh + 50vw);
left: 5vw;
}
.profil-wrap {
position: absolute;
bottom: 5vh;
top: auto;
}
.sliderTeam {
width: 90vw;
}
.chris-profile {
width: 87vw;
max-width: 450px;
}
.chris-profile1,
.chris-profile2,
.chris-profile3 {
width: 29vw;
max-width: 150px;
}
.personaltext1 {
left: 0;
max-height: 27vh;
width: 100%;
padding: 5px 5vw;
color: #000;
text-shadow: unset;
position: relative;
font-size: 22px;
top: 0;
}
.personalsign1 {
display: none;
}
.personalsign1-mob {
top: 5px;
width: 100vw;
display: block;
}
.team-sign-wrap {
top: calc(27vh);
margin-top: calc(-27vh + 42vw);
left: 0;
width: 100vw;
}
.personal-head1 {
left: unset !important;
margin-top: 12vw;
right: 6vw;
font-size: 12vw;
}
.uller {
padding-bottom: 15px;
}
.copyright {
font-size: 24px;
}
.fulltext1-te {
font-size: 42px !important;
line-height: 1 !important;
}
}
@media only screen and (max-width: 576px) {
.modal41text.textSmall {
font-size: 34px;
}
.fulltext1 {
font-size: 35px;
}
.fulltext11 {
top: 50%;
height: 52px;
margin-top: -10vh;
}
.fulltext12 {
top: 50%;
height: 52px;
margin-top: -5vh;
}
.fulltext13 {
top: 50%;
height: 156px;
margin-top: -20vh;
}
.liler {
font-size: 17px;
}
.copyright {
font-size: 17px;
}
.uller {
width: 100%;
padding: 0 15px;
}
.footer {
align-items: start;
}
.social-media,
.fot1,
.fot2,
.fot3,
.fot4,
.fot5 {
font-size: 18px;
line-height: initial;
}
/* .mcmc {
font-family: lasvegas, serif;
font-size: 43px;
width: 25vh;
top: 73vh;
left: 50vw;
}*/
/* .mgif1 {
position: fixed;
left: 10vw;
right: unset;
top: unset;
z-index: 10;
width: 15vh;
bottom: 14vh;
}*/
.row-prices .col-12:not(:first-of-type) {
padding-top: 50px;
}
.hl-adjust {
margin-top: 30px;
display: block;
}
.hl-adjust2 {
font-size: 50px;
margin-top: -15px;
display: block;
}
.list-rules {
top: calc(38vh);
width: calc(100% - 20vw);
font-size: 28px;
}
.row-equiptment .col-6 h3,
.row-equiptment .col-12 h3 {
bottom: -11vw;
font-size: 6.5vw;
}
.tebutton {
margin-top: -10vh;
}
.fulltext2 {
margin-top: -10vh;
font-size: 46px;
}
.bgcc {
margin-top: -165px;
}
.tetext {
font-size: 16px !important;
}
.videofull2 {
margin-top: 450px;
}
.tetext1 {
width: 100%;
}
.slideshow-container {
display: none;
}
.soll {
font-size: 25px !important;
width: 16% !important;
}
.collapsible {
font-size: 30px !important;
}
.sagg {
width: 25% !important;
margin-right: 5px !important;
margin-left: auto !important;
}
.bnbnbn {
font-size: 17px !important;
}
.smhead {
font-size: 55px;
margin-top: 55px !important;
}
.smicon1,
.smicon2,
.smicon3,
.smicon4 {
top: 50px;
width: 10vw;
margin-top: 3.5vh;
}
.smicon1 {
left: 25.5vw;
}
.smicon2 {
left: 39.5vw;
}
.smicon3 {
left: 53.5vw;
}
.smicon4 {
left: 67.5vw;
}
.fftext {
font-size: 21px;
}
.fulltext3 {
font-size: 54px;
}
.smicon22 {
margin-top: -3.5vh;
height: 50px;
}
.smicon22-fb {
margin-top: -1.5vh;
}
.fulltext4 {
font-size: 80px;
}
.phonetext {
font-size: 22px;
margin-top: -13vh;
}
.smttext {
font-size: 85px;
}
.smicon33 {
left: 74.5vw;
}
.smicon33 {
left: 53.5vw;
}
.smicon32 {
left: 33vw;
}
.smicon31 {
left: 14.5vw;
}
.smicon34 {
left: 73.5vw;
}
.h1-werbung {
font-size: 30px !important;
margin-top: 15px;
}
.h2-werbung {
font-size: 15px !important;
}
.p-werbung {
overflow: auto;
max-height: 58vh;
margin-top: -5vh;
}
.yvideotexts4,
.yvideotexts1 {
top: 78px;
}
.yvideotexts5,
.yvideotexts4,
.yvideotexts3,
.yvideotexts2,
.yvideotexts1 {
max-height: 26vh;
overflow: auto;
}
.fulltext11,
.fulltext12,
.fulltext13 {
font-size: 64px;
line-height: 1;
}
.unserteam {
font-size: 60px !important;
}
.teamtext1 {
width: 90vw;
font-size: 24px;
left: 5vw;
overflow-y: auto;
margin-top: -8vh;
max-height: 76vh;
}
.sg1,
.sg2,
.sg3,
.si1,
.si2,
.si3 {
margin-top: 8vh;
}
.sg1 {
width: 38vw;
}
.sg2 {
width: 38vw;
margin-left: 10vw;
}
.sg3 {
margin-top: 50vh;
width: 35vw;
left: 32vw;
}
.si1 {
width: 35vw;
left: 11vw;
}
.si2 {
width: 35vw;
left: 56vw;
}
.si3 {
top: calc(12vh);
margin-top: 50vh;
width: 35vw;
left: 32vw;
}
.limg1 {
font-size: 30px;
margin-top: -30vh;
}
.limg2 {
max-height: 59vh;
margin-top: -28vh;
overflow-y: auto;
}
.row-station {
z-index: 100;
width: 97vw;
padding: 0;
}
.deh1 {
font-size: 70px;
}
.cartext1 {
margin-top: 18vh;
margin-left: 28vw;
}
.cartext2 {
margin-top: 30vh;
margin-left: 6vw;
}
.cartext3 {
margin-top: 27vh;
margin-left: 5vw;
}
.cartext4 {
margin-top: -4vh;
margin-left: 29vw;
}
.cartext5 {
margin-top: 11vh;
margin-left: 35vw;
}
.cartext6 {
margin-top: 12vh;
margin-left: 47vw;
}
.cartext7 {
margin-top: -25vh;
margin-left: 59vw;
}
.engine,
.glasscar,
.glass {
margin-top: 14vh;
}
.cartext1,
.cartext2,
.cartext3,
.cartext4,
.cartext5,
.cartext6,
.cartext7 {
left: 5vw;
}
.details-p span {
font-size: 33px !important;
}
.details-p {
max-height: 87vh;
overflow-y: auto;
line-height: 1.4;
font-size: 22px !important;
}
.cu12,
.cu11 {
left: 50vw;
}
.deh2 {
font-size: 70px;
}
.dett12 {
font-size: 21px;
}
.dett12 span {
font-size: 25px !important;
}
.dett12 {
font-size: 21px;
max-height: 25vh;
overflow-y: auto;
}
.fulltext1-city-tour {
font-size: 80px;
line-height: 1;
}
.st-book {
font-size: 45px;
}
.fulltext2-te {
margin-top: -17vh;
}
.tebutton-1 {
padding: 1px;
font-size: 25px;
margin-top: -17vh !important;
}
.tetext1 {
max-height: 133vh;
overflow-y: auto;
z-index: 108;
width: 95%;
}
.videtext2,
.videtext1 {
max-height: 100%;
overflow: auto;
}
.mad {
padding-bottom: 3vh;
padding-top: 3vh;
}
.personaltext1 {
font-size: 18px;
}
.fulltext1-te {
font-size: 65px;
}
}
/* customizable snowflake styling */ /*
.snowflake {
color: #fff;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px #000;
}
@-webkit-keyframes snowflakes-fall {
0% {
top: -10%
}
100% {
top: 100%
}
}
@-webkit-keyframes snowflakes-shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(80px);
transform: translateX(80px)
}
}
@keyframes snowflakes-fall {
0% {
top: -10%
}
100% {
top: 100%
}
}
@keyframes snowflakes-shake {
0%, 100% {
transform: translateX(0)
}
50% {
transform: translateX(80px)
}
}
.snowflake {
position: fixed;
top: -10%;
z-index: 9999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
-webkit-animation-name: snowflakes-fall, snowflakes-shake;
-webkit-animation-duration: 10s, 3s;
-webkit-animation-timing-function: linear, ease-in-out;
-webkit-animation-iteration-count: infinite, infinite;
-webkit-animation-play-state: running, running;
animation-name: snowflakes-fall, snowflakes-shake;
animation-duration: 10s, 3s;
animation-timing-function: linear, ease-in-out;
animation-iteration-count: infinite, infinite;
animation-play-state: running, running
}
.snowflake:nth-of-type(0) {
left: 1%;
-webkit-animation-delay: 0s, 0s;
animation-delay: 0s, 0s
}
.snowflake:nth-of-type(1) {
left: 10%;
-webkit-animation-delay: 1s, 1s;
animation-delay: 1s, 1s
}
.snowflake:nth-of-type(2) {
left: 20%;
-webkit-animation-delay: 6s, .5s;
animation-delay: 6s, .5s
}
.snowflake:nth-of-type(3) {
left: 30%;
-webkit-animation-delay: 4s, 2s;
animation-delay: 4s, 2s
}
.snowflake:nth-of-type(4) {
left: 40%;
-webkit-animation-delay: 2s, 2s;
animation-delay: 2s, 2s
}
.snowflake:nth-of-type(5) {
left: 50%;
-webkit-animation-delay: 8s, 3s;
animation-delay: 8s, 3s
}
.snowflake:nth-of-type(6) {
left: 60%;
-webkit-animation-delay: 6s, 2s;
animation-delay: 6s, 2s
}
.snowflake:nth-of-type(7) {
left: 70%;
-webkit-animation-delay: 2.5s, 1s;
animation-delay: 2.5s, 1s
}
.snowflake:nth-of-type(8) {
left: 80%;
-webkit-animation-delay: 1s, 0s;
animation-delay: 1s, 0s
}
.snowflake:nth-of-type(9) {
left: 90%;
-webkit-animation-delay: 3s, 1.5s;
animation-delay: 3s, 1.5s
}
.snowflake:nth-of-type(10) {
left: 25%;
-webkit-animation-delay: 2s, 0s;
animation-delay: 2s, 0s
}
.snowflake:nth-of-type(11) {
left: 65%;
-webkit-animation-delay: 4s, 2.5s;
animation-delay: 4s, 2.5s
}
.snowflake:nth-of-type(12) {
left: 85%;
-webkit-animation-delay: 3s, 1.5s;
animation-delay: 3s, 1.5s
}
.snowflake:nth-of-type(13) {
left: 75%;
-webkit-animation-delay: 2s, 0s;
animation-delay: 2s, 0s
}
.snowflake:nth-of-type(14) {
left: 55%;
-webkit-animation-delay: 4s, 2.5s;
animation-delay: 4s, 2.5s
}
.snowflake:nth-of-type(15) {
left: 45%;
-webkit-animation-delay: 6s, 2.5s;
animation-delay: 6s, 2.5s
}
.snowflake:nth-of-type(16) {
left: 35%;
-webkit-animation-delay: 2s, 1.5s;
animation-delay: 2s, 1.5s
}
.snowflake:nth-of-type(17) {
left: 25%;
-webkit-animation-delay: 5s, 0s;
animation-delay: 5s, 0s
}
.snowflake:nth-of-type(18) {
left: 15%;
-webkit-animation-delay: 3s, 2.5s;
animation-delay: 3s, 2.5s
}
!* latin *!*/
@font-face {
font-family: "Londrina Outline";
font-style: normal;
font-weight: 400;
src: url("./webfonts/LondrinaOutline-Regular.ttf") format("truetype");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
.bnbn:hover {
color: white !important;
}
.footer .uller {
list-style-type: none;
}
.footer .uller li:before {
display: none;
}
/* Slides */
.js-slide {
min-height: 100vh;
width: 100%;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.js-slide:not(.first) {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
/* ============ Animations ============ */
@keyframes pulse-loop {
from {
transform: scale(1);
}
to {
transform: scale(1.1);
}
}
.before_bullets_remove li::before {
display: none !important;
}
.animation-loop-pulse {
animation: 3s infinite alternate pulse-loop;
}
.floatingPill {
position: fixed;
z-index: 999;
bottom: 132px;
right: 32px;
width: auto;
height: 64px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
gap: 6px;
}
.floatingPill button {
font-family: lasvegas, serif;
font-size: 24px;
background-color: #b48c11;
border: 2px solid black;
color: white;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
/* ============ Job Form ============ */
.contactForm {
width: 90vw;
margin-left: 5vw;
padding-bottom: 13vh;
}
.contactForm .row {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 4rem;
margin-bottom: 2rem;
}
.contactForm .row .col {
padding: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.contactForm .row p,
.contactForm .row .col p {
display: block;
width: 100%;
}
.contactForm .row label,
.contactForm .row .col p label {
font-family: "lasvegas", serif;
font-weight: bold;
font-size: 24px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.contactForm .row span,
.contactForm .row .col p span {
width: 100%;
display: block;
}
.contactForm .row textarea {
width: 100%;
display: block;
resize: none;
padding: 0.5rem 1rem;
}
.contactForm .row .col p input {
width: 100%;
padding: 0.5rem 1rem;
border: 2px solid black;
font-family: "lasvegas", sans-serif;
font-size: 28px;
}
.contactForm .wpcf7-submit {
font-family: "lasvegas", serif;
font-weight: bold;
font-size: 30px;
color: white;
background-color: green;
border: 4px solid darkgreen;
padding: 1rem 4rem;
}
.wpcf7-response-output {
font-family: "lasvegas", serif;
font-weight: bold;
font-size: 30px;
color: white;
background-color: green;
border: 4px solid darkgreen;
padding: 1rem 4rem;
}
.wpcf7-form {
padding-bottom: 12vh;
}
/* ============ Mobile Query ============ */
@media only screen and (min-width: 768px) {...}