/*

Theme Name: Olimpik GoKart
Theme URI: https://www.olimpikgokart.com.tr
Description: Olimpik GoKart'a ait tema Paralaks tarafından kodlanmıştır.
Author: Paralaks
Author URI: https://www.paralaks.net

*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap&family=Fredoka+One&display=swap&family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

html, body {
    display:block;
    width:100%;
    margin:0;
    padding:0;
    font-family: 'Poppins', sans-serif;
    background:#fff;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

*, *:after, *:before {
    box-sizing: border-box;
    outline:none;
}

ul, h1, h2, h3, h4, h5, h6, p {
    padding:0;
    margin:0;
}

.width {
    width: 60%;
}

.header {
    display: table;
    width: 100%;
    float: left;
    background: #b82328;
}

.header-top {
    padding: 0.5vw;
    font-family: 'Poppins', cursive;
    position: relative;
}

.header-top .width {
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
}

.header-top-right {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.header-top .time {
    font-size: 1vw;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    float:left;
}

.header-top .time a {
	color:#fff;
	text-decoration:none;
	font-weight:600;
}

.header-top img {
    width: 1.5vw;
    margin-right: 0.4vw;
}

.social {
    display: table;
    float: left;
}

.social li {
    display: block;
    float: left;
    margin: 0.25vw;
}

.social li a {
    color: #343433;
    padding: 1vw;
    height: 1.25vw;
    width: 1.25vw;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9vw;
    background: #fff;
    border-radius: 50%;
    text-decoration: none;
    transition: background 0.2s ease;
}

.social li a:hover {
    background: rgba(255, 255, 255, 0.75);
    transition:background 0.2s ease;
}

.language-select {
    display: table;
    float: right;
    margin-left: 1vw;
    position: relative;
    height: 100%;
    font-size:1vw;
}

.active-lang {
    color: #fff;
    cursor: pointer;
    display: flex;
    display:-webkit-flex;
}

.lang-list {
    position: relative;
    display: table;
	float:right;
    z-index: 2;
}

.lang-list.active {
    display:block;
}

.lang-list li {
    display: block;
    color: #b82328;
    text-align: center;
    cursor: pointer;
    transition: 0.2s ease;
    float: left;
    padding: 0.5vw;
}

.lang-list li:hover {
    background:#b82328;
    color:#fff;
    transition: 0.2s ease;
}

.lang-list img {
    margin-right: 0;
}

.header-menu {
    width:100%;
    height: calc(100vh - 5vw);
    background: url(img/headerbg.jpg);
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    position: relative;
}

.header-menu::before {
    content:'';
    width: 100%;
    height:30%;
    position: absolute;
    top: 0;
    left:0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}

.header-menu-center {
    position: relative;
    background-image: url('img/header.png');
    background-color:#242424;
    background-size: 50%;
    background-position: center;
}

.header-menu-center .width {
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    background:url('img/logo.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 5vw;
    width: 7vw;
    float:left;
    display: block;
}

.logo-gray {
    background:url('img/logo-gray.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 15vw;
    width: 20vw;
    float:left;
    display: block;
}

.logo-mobil-gray {
    background: url(img/sticky.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 40vw;
    margin: 0 auto;
	display:none;
}

.header-nav {
    position: relative;
}

.header-nav li {
    display: -webkit-flex;
    display: flex;
    float: left;
    align-items: center;
    padding: 1vw;
    height: 5vw;
    background: transparent;
    transition: background 0.2s ease;
}

.header-nav li:hover {
    background: #b82328;
    transition: background 0.2s ease;
}

.header-nav li a {
    color: #fff;
    text-decoration: none;
    font-size: 1vw;
    font-weight: bold;
    transition: color 0.2s ease;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.header-nav li a small {
    font-weight: normal;
    font-size: 0.75vw;
    line-height: 0.6vw;
}

.header-nav li:hover a {
    transition: color 0.2s ease;
    color: rgba(255, 255, 255, 0.75);
}

.header-nav li a.active {
    color: #fff;
}

.wrapper {
    width: 100%;
    display: block;
    float:left;
}

.group-container {
    width:100%;
}

.group-container .groups {
    display: table;
    width: 100%;
}

.group-container .type {
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
	width:100%;
}
.group-container .type li {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    padding: 0.15vw;
    cursor: pointer;
    background-position: center!important;
    background-size: cover!important;
    flex: 1.15;
}
.group-container .type li:nth-child(1) {
    justify-content: flex-end!important;
    background: #fe0000;
}
.group-container .type li:nth-child(2) {
    background: #111111;
}

.group-container .type li:nth-child(3) {
    justify-content: flex-start!important;
    background: #e1e1e1;
}

.group-container .type li img {
    height: 1.75vw;
    width: auto;
}

.group-container .type li a {
    font-size: 1vw;
    font-weight: bold;
    margin-left: 0.5vw;
	color:#fff;
}

.group-container .type li.active a {
	opacity:0.8;
}

.groups .group {
    display: none;
    float: left;
    width: 100%;
    overflow: hidden;
}

.groups .group.active {
    display:table;
}

.gallery-left, .gallery-right {
    height:30vw;
    width: 45%;
    position: relative;
}

.gallery-left {
    float:left;
    left: -10%;
}

.gallery-right {
    float:right;
    right: -10%;
}

.gallery-left a, .gallery-right a {
    opacity:0.75;
    height:45%;
    margin:0.5vw;
    float:left;
    width:calc((100% / 3) - 1vw);
    overflow:hidden;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.gallery-left a:hover, .gallery-right a:hover {
    opacity:1;
    transition:0.5s ease;
}

.gallery-left a img, .gallery-right a img  {
    display:none;
}

.group-detail {
    width: 25%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: justify;
}

.group-detail .group-title {
    font-size:1.75vw;
    font-weight: bold;
    text-align: center;
}

.group-detail .group-desc p {
    font-size: 0.8vw;
    font-weight: 400;
    margin: 1vw 0;
}

.group-detail .group-buttons {
    display: block;
    width: 100%;
    position: absolute;
    bottom: calc(-100% + 1.25vw);
}

.group-detail .group-buttons a {
    background: #e1e1e1;
    margin: 0.5vw 0;
    padding: 1vw 0.75vw;
    width: 100%;
    font-weight:bold;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    color:#000;
    text-decoration: none;
    font-size: 1vw;
}

.group-detail .group-buttons a.red-button {
    background:#b82328;
    color:#fff;
}

.group-detail .group-buttons a img {
    height:auto;
    width: 1.5vw;
    margin-right:1.5vw;
}

.container {
    display: block;
    float: left;
    width: 100%;
}

.referanslar {
    height: 5vw;
    display: -webkit-flex;
    display: flex;
    padding:1.5vw 1vw;
    align-items: center;
    justify-content: center;
    background: rgb(235,235,235);
    background: -moz-linear-gradient(180deg, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 50%, rgba(228,228,228,1) 50%, rgba(228,228,228,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 50%, rgba(228,228,228,1) 50%, rgba(228,228,228,1) 100%);
    background: linear-gradient(180deg, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 50%, rgba(228,228,228,1) 50%, rgba(228,228,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebebeb",endColorstr="#e4e4e4",GradientType=1);
}

.referanslar span {
	position: absolute;
    bottom: calc(100% - 1vw);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    background: #ebebeb;
    padding: 0.75vw 1vw;
    font-size: 1.25vw;
    font-weight: bold;
    width: 25%;
}

.referanslar span img {
    width: 2.5vw;
    margin-right: 0.25vw;
    opacity: 1;
    filter: grayscale(0%);
}

.referanslar li {
    display: block;
    margin:0 0.5vw;
}

.referanslar img {
    height: 2.5vw;
    width: auto;
    filter: grayscale(0%);
	opacity:0.8;
	transition:0.2s ease;
}

.referanslar img:hover {
    filter: grayscale(0%);
	transition:0.2s ease;
}

.arac {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin:4vw auto;
    position: relative;
}

.arac:before {
    content: '';
    position: absolute;
    height: calc(100% + 8vw);
    left: -20vw;
    top: -4vw;
    background-image: url(img/left.png);
    width: 35%;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}

.arac:after {
    content: '';
    position: absolute;
    height: calc(100% + 8vw);
    right: -20vw;
    top: -4vw;
    background-image: url(img/left.png);
    width: 35%;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
	transform:rotate(180deg);
}

.arac-group {
    width:30%;
    float:left;
}

.arac-kutu {
    width: 18vw;
    height: 18vw;
    position: absolute;
    border: 1px solid #acacac;
}

.arac-img {
    width: 25vw;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25vw;
    position: relative;
}

.arac-img img {
    width: 90%;
    position: relative;
}

.line {
    position: absolute;
    width: 15%;
    height: 15%;
}

.top-left {
    border-top: 2px solid #ed1d24;
    border-left: 2px solid #ed1d24;
    top: -0.5vw;
    left: -0.5vw;
}

.top-right {
    border-top: 2px solid #ed1d24;
    border-right: 2px solid #ed1d24;
    top: -0.5vw;
    right: -0.5vw;
}

.bottom-left {
    border-bottom: 2px solid #ed1d24;
    border-left: 2px solid #ed1d24;
    bottom: -0.5vw;
    left: -0.5vw;
}

.bottom-right {
    border-bottom: 2px solid #ed1d24;
    border-right: 2px solid #ed1d24;
    bottom: -0.5vw;
    right: -0.5vw;
}

.arac-ozellik {
    text-align: center;
    margin-bottom:2vw;
    position: relative;
}

.arac-ozellik .title {
    font-size: 1vw;
    font-weight: bold;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    padding: 0.5vw;
}

.arac-ozellik .title span {
    font-weight: normal;
    color: #e4e1e5;
    float: right;
    font-size: 1.5vw;
    position: absolute;
}

.arac-ozellik .desc {
    width:90%;
    font-size:0.7vw;
    margin: 0 auto;
}

.arac-group:first-child .arac-ozellik .title span {
    right: -1.75vw;
}

.arac-group:last-child .arac-ozellik .title span {
    left: -1.75vw;
}

.arac-ozellik:after {
    content: '';
    width: 25%;
    height: 2px;
    background: #ed1d24;
    position: absolute;
    left: 50%;
    top: calc(100% + 1vw);
    transform: translateX(-50%);
}

.arac-ozellik:nth-child(3):after, .arac-ozellik:nth-child(6):after {
    display:none;
}

.friends {
    display: table;
    background: #b82328;
    color: #ffffff;
	width: 100%;
}

.friends .friends-detail {
    padding: 10vw 0;
    margin: 0 auto;
    position: relative;
    background:url('img/fiyat.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.friends .friends-detail h1 {
    text-align: center;
    font-size:1.5vw;
    font-weight: bold;
    margin: 1vw 0;
}

.friends .friends-detail p {
    font-size:0.9vw;
    text-align: center;
}

.friends .friends-button {
    width: 75%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% - 2.5vw);
    display: flex;
	display:-webkit-flex;
    align-items: center;
    justify-content: center;
}

.friends .friends-button .button {
    width:50%;
    padding:1vw;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    background: #383838;
    opacity:1;
    transition: 0.2s ease;
    text-decoration: none;
    color: #fff;
}

.friends .friends-button .button.dark {
    background: #252525;

}

.friends .friends-button .button:hover {
    opacity:0.9;
    transition: 0.2s ease;
}

.friends .friends-button .button img {
    width: 2.5vw;
    margin-right: 0.75vw;
}

.friends .friends-button .button .button-text h2 {
    font-size:1vw;
}

.friends .friends-button .button .button-text span {
    font-size:0.75vw;
}

.scoreboard {
    background-color: #000;
    background-image: url(img/scoreboard.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: table;
    width: 100%;
}

.scoreboard .scorelist {
    width: 55%;
    margin: 0 auto;
    padding: 6vw 0;
    padding-bottom: 0;
    height: 27vw;
    display: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.scoreboard .scorelist.active {
    display: -webkit-flex;
    display:flex;
}

.scoreboard .scorelist li {
    width: 48%;
    height: calc(20% - 0.2vw);
    display: table;
    float: left;
}

.scoreboard .scorelist li .score-detail {
	display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25vw 0;
    float: left;
    width: 100%;
    height: 90%;
    background: #4c4c4c;
}

.scoreboard .scorelist li:first-child .score-detail {
    background:#c32328;
}

.scoreboard .scorelist li:nth-child(2) .score-detail, .scoreboard .scorelist li:nth-child(3) .score-detail {
    background:#212129;
}

.scoreboard .scorelist li .score-detail .score-number {
    font-family: 'Fredoka One', cursive;
    font-size: 2vw;
    margin-right: 2vw;
    width: 3vw;
    height: 2.5vw;
	display: -webkit-flex;
    display: flex;
    float: left;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #000;
    clip-path: polygon(100% 0, 100% 82%, 82% 100%, 0 100%, 0 0);
}

.scoreboard .scorelist li .score-detail .score-left {
	display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
}

.scoreboard .scorelist li .score-detail .score-left:before {
    content: '';
    position: absolute;
    width: 0.25vw;
    background: #7d7d7d;
    left: 4vw;
    height: 75%;
}

.scoreboard .scorelist li:first-child .score-detail .score-left:before {
    background:#ff0310;
}

.scoreboard .scorelist li:nth-child(2) .score-detail .score-left:before, .scoreboard .scorelist li:nth-child(3) .score-detail .score-left:before {
    background:#fddd00;
}

.scoreboard .scorelist li .score-detail img {
    width: 1.5vw;
    margin-right: 0.5vw;
    float:left;
}

.scoreboard .scorelist li .score-detail .score {
    margin-right: 0.5vw;
	display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 1.1vw;
    font-family: 'Fredoka One', cursive;
}

.scoreboard .scorelist li .score-detail .score img {
    margin-left: 0.5vw;
    float:right;
    width: 1.5vw;
}

.scoreboard .scorelist li .score-detail h3 {
    font-weight: normal;
    font-size: 1vw;
}

.scoreboard .score-type {
    width: 53.75%;
    margin: 0 auto;
	display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
}

.scoreboard .score-type .button {
    background:#636363;
    padding:1vw;
    font-size: 1vw;
    margin-left: 0.5vw;
    margin-bottom: 2.5vw;
    font-weight: bold;
    cursor: pointer;
}

.scoreboard .score-type .button.active {
    background:#c32328;
}

.comments {
    display:table;
    width: 100%;
    background-color:#b7b7b7;
    background-image: url('img/comment.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.comments .comment-links {
    margin:0 auto;
    display: -webkit-flex;
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 7vw 0;
}

.comments .comment-links li {
    background: #ebebeb;
    width: 10vw;
    height: 10vw;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0.5vw 0.5vw 1.5vw -0.5vw rgba(0,0,0,0.75);
    -moz-box-shadow: 0.5vw 0.5vw 1.5vw -0.5vw rgba(0,0,0,0.75);
    box-shadow: 0.5vw 0.5vw 1.5vw -0.5vw rgba(0,0,0,0.75);
}

.comments .comment-links li a {
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.comments .comment-links li a img {
    width: 55%;
}

.comments .comment-links .comment-text {
    max-width:35%;
}

.comments .comment-links .comment-text h3 {
    font-size: 1.25vw;
    font-weight: normal;
    text-align: center;
    margin: 1vw 0;
}

.comments .comment-links .comment-text .comment-button {
    width: 95%;
    margin: 0 auto;
    background: #c32328;
    font-weight: bold;
    color: #fff;
    font-size: 1vw;
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1vw 0.5vw;
    border: none;
    cursor: pointer;
    position: relative;
}

.comments .comment-links .comment-text .comment-button img {
    position: absolute;
    width: 2vw;
    left: 15%;
}

.olimpik {
    background:#c32328;
    color:#fff;
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:2vw;
}

.olimpik li {
    width:20%;
	display: -webkit-flex;
    display: flex;
    float:left;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size:1.5vw;
}

.olimpik li img {
    height: 3vw;
    margin: 1vw 0;
}

.contact {
    height: 30vw;
    display: block;
	width:100%;
}

.contact .contact-detail {
    width: 50%;
    float: left;
    background: url(https://gokart.paralaks.net/wp-content/themes/olimpik/img/iletisimbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    text-align: left;
    padding-left: 4vw;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.contact .contact-title {
    font-size: 3vw;
    font-weight: bold;
    width: 40%;
    color: #272c32;
}

.contact .contact-desc {
    font-size: 0.85vw;
    margin: 1vw 0;
    width: 80%;
}

.contact .contact-list {
	width:60%;
	float:right;
}

.contact .contact-list li {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.9vw;
    margin: 1vw 0;
	color:#272c32;
	font-weight:bold;
}

.contact .contact-list li i {
    font-size: 1vw;
    margin-right: 1vw;
}

.contact .map {
    width: 50%;
    float: right;
    height: 100%;
}

.contact .map iframe {
    height: 100%;
    width: 100%;
}

.page-wrapper {
    display: table;
    float: left;
    width: 100%;
	position:relative;
}

.page-wrapper:before {
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(img/left.png);
    width: 20%;
    background-position: right;
    background-size: cover;
}

.page-wrapper:after {
    content: '';
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background-image: url(img/left.png);
    width: 20%;
    background-position: right;
    background-size: cover;
	transform:rotate(180deg);
}

.page {
	width:60%;
	margin:0 auto;
	position:relative;
	z-index:2;
	padding:2vw 0;
	display:table;
}

.page .iletisimmap {
    border: 0;
    position: relative;
    width: calc(100% + 40vw);
    left: -20vw;
    top: -2vw;
}

.page .iletisimlink {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    background: #c32328;
    text-decoration: none;
    color: #fff;
}

.page .iletisimlink img {
    width: 2vw;
    padding: 0.75vw 1vw;
    background: #000;
    display: block;
    box-sizing: unset;
}

.page .iletisimlink span {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    width: 10vw;
    padding: 0 1vw;
    font-size: 1.25vw;
}

.page .iletisimlink span small {
    font-size: 0.9vw;
}

.page .iletisim-links {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
	flex-wrap:wrap;
    margin: 2vw 0;
}

.page .iletisim-links li {
    display: flex;
    display: -webkit-flex;
    width: 50%;
    align-items: center;
    justify-content: center;
}

.page .iletisim-links li img {
    width: 3vw;
    background: #c32328;
    padding: 2vw;
    box-sizing: unset;
    border-radius: 50%;
    margin-right: 2vw;
}

h2.iletisim {
    color: #c32328;
    font-size: 2vw;
}
.wpcf7 {
    width:100%;
}
.wpcf7 br {
    display:none;
}

.iletisimform {
    width: 90%;
}

.iletisimform input, .iletisimform select {
    width: calc(48% - 2px);
    margin: 1%;
    padding: 2%;
    font-size: 1vw;
    border: 1px solid #dcdcdc;
    float: left;
    font-family: 'Poppins', sans-serif;
}

.iletisimform textarea {
    width: calc(98% - 4px);
    margin: 1% 1%;
    border: 1px solid #dcdcdc;
    padding: 1vw;
    font-family: 'Poppins', sans-serif;
	min-height:10vw
}

.iletisimform input[type="submit"] {
    float: right;
    background: #c32328;
    color: #fff;
    font-weight: bold;
    width: 25%;
    border: unset;
	transition:0.2s ease;
	cursor:pointer;
}

.iletisimform input[type="submit"]:hover {
	opacity:0.8;
	transition:0.2s ease;
}

.page-content p, .page-content ul, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
	margin: 1vw 0;
}

.page-content p {
	font-size:1vw;
}

.page-content img {
    max-width:100%;
    height:auto;
}

.page .page-gallery {
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    justify-content: center;
}

.page .page-iletisim {
	align-items:center!important;
}

.page .page-left {
	width:50%;
	float:left;
}

.page a.instalink {
	width: 30%;
    float: right;
    background: rgb(239,67,68);
    background: -moz-linear-gradient(0deg, rgba(239,67,68,1) 0%, rgba(237,60,85,1) 50%, rgba(216,64,111,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(239,67,68,1) 0%, rgba(237,60,85,1) 50%, rgba(216,64,111,1) 100%);
    background: linear-gradient(0deg, rgba(239,67,68,1) 0%, rgba(237,60,85,1) 50%, rgba(216,64,111,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef4344",endColorstr="#d8406f",GradientType=1);
    padding: 0.75vw 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 1vw;
}

.page a.instalink i {
    margin-right: 1vw;
    float: left;
    background: #fff;
    padding: 0.5vw;
    border-radius: 50%;
    color: #ee3d53;
    font-size: 1.5vw;
}

.page a.instalink span {
    margin-right: 1vw;
}

.page .page-title {
    font-size: 1.5vw;
    font-weight: bold;
    position: relative;
    margin-bottom: 1vw;
}

.page .page-title:after {
    content: '';
    position: absolute;
    height: 0.2vw;
    width: 3vw;
    background: #b82328;
    bottom: -0.5vw;
    left: 0;
}

.page .page-desc {
	font-size:0.9vw;
	color:#9e9e9e;
}

.page-content {
	width:100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 1vw;
    float: left;
}

.page a.gallery-item {
    opacity:0.75;
    height:15vw;
    width:15vw;
    margin:0.5vw;
    float:left;
    overflow:hidden;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.page a.gallery-item:hover {
    opacity:1;
    transition:0.5s ease;
}

.page a.gallery-item img  {
    display:none;
}

.footer {
    background-color: #252525;
    background-image: url(img/footer-left.png);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    display: table;
    float: left;
    position:relative;
}

.footer .footer-top {
    display: -webkit-flex;
    display:flex;
    align-items: center;
    justify-content: center;
    width:75%;
    margin:0 auto;
}

.footer .footer-top .logo-gray {
    margin-right: 4vw;
    max-width: 10%;
    position: relative;
}

.footer .footer-top .logo-gray:after {
    content: '';
    width: 0.2vw;
    border-radius: 50%;
    height: 75%;
    opacity: 0.5;
    right: -3vw;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background: rgb(235,235,235);
    background: -moz-linear-gradient(180deg, rgba(235,235,235,0) 0%, rgba(235,235,235,1) 50%, rgba(235,235,235,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(235,235,235,0) 0%, rgba(235,235,235,1) 50%, rgba(235,235,235,0) 100%);
    background: linear-gradient(180deg, rgba(235,235,235,0) 0%, rgba(235,235,235,1) 50%, rgba(235,235,235,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= "#ebebeb",endColorstr="#ebebeb",GradientType=1);
}

.footer .footer-top li {
    width:30%;
    display: block;
    float:left;
    color:#bdbdbd;
    margin:0 2vw;
}

.footer .footer-top li h5 {
    font-size: 1.25vw;
    font-weight: bold;
    position:relative;
    margin-bottom: 1vw;
    color:#fff;
}

.footer .footer-top li h5:after {
    content:'';
    background:#b82328;
    position: absolute;
    width:25%;
    left:0;
    height: 3px;
    bottom: -0.5vw;
}

.footer .footer-top li p {
    font-size:0.9vw;
}

.footer .footer-top li span {
    color:#fff;
    font-size: 1vw;
}

.footer .footer-top li span b {
    color:#b82328;
}

.footer .footer-top li ul {
    width:100%;
	display: -webkit-flex;
    display: flex;
    flex-direction: column;
    font-size:0.9vw;
}

.footer .footer-top li ul li {
    width: 100%;
    margin: 0.25vw 0;
}

.footer .footer-top li ul li i {
    color:#fff;
    margin-right: 0.25vw;
}

.footer .footer-top .tripadvisor {
    width: 30%;
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-bottom {
    background:#1a1a1a;
    width:100%;
    padding:1vw;
    text-align: center;
    font-size: 0.8vw;
    color:#777777;
	display:block;
	float:left;
}

.footer-bottom .copyright {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-bottom img {
    width:2.5vw;
    margin-right: 1vw;
}

.button {
    position:relative;
}

.button-relative {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    position: relative;
    z-index: 1;
}

.justify-center {
    justify-content: center;
}

.button:before {
    content:'';
    position: absolute;
    height:100%;
    width:0;
    background:#000;
    opacity:0.25;
    transition:width 0.4s ease;
    top:0;
    left: 50%;
    transform: translateX(-50%);
}

.button:hover:before {
    width:100%;
    transition:width 0.75s ease;
}

.sticky-header {
    display: none;
    width: 100%;
    background-color: #242424;
    background-image: url(img/header.png);
    background-size: cover;
    background-position: center;
    border-bottom: 2px solid #b82328;
    position: fixed;
    top: 0;
    z-index: 3;
    align-items: center;
    justify-content: center;
    transition:0.4s ease;
}

.sticky-header .header-nav {
    margin-left: -3.5vw;
}

.sticky-logo {
    display: block;
    float: left;
    background-image: url(img/sticky.png);
    width: 7vw;
    height: 7vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 5vw;
}
.sticky-header span {
    font-weight: bold;
    font-size: 1.5vw;
    color:#fff;
    position: relative;
    padding-right: 2vw;
}

.sticky-header span b {
    color: #b82328;
}


.sticky-header .social {
    position: relative;
    padding-right: 2vw;
}

.sticky-header .social li a {
    background:#fff;
    color:#242424;
    opacity: 1;
    transition:opacity 0.2s ease;
}

.sticky-header .social li:hover a {
    opacity: 0.7;
    transition:opacity 0.2s ease;
}

.sticky-header span:after {
    content:'';
    background:#b82328;
    width: 2px;
    height: 2.5vw;
    right: 1vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.call, .search {
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-right: 2vw;
}

.call:after {
    content:'';
    background:#b82328;
    width: 2px;
    height: 2.5vw;
    right: 1vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.call img, .search img {
    width: 1.5vw;
}

.header-top .call:after {
    background:#fff;
    height:1.75vw;
}

.header-top .call2 {
	margin-right:1vw;
}

.header-top .call img {
    margin:0;
}

.mobilmenu {
	display:none;
}

.eapps-link {
	display:none!important;
}

.mobil-logo {
	display:none;
}

.mobil-group {
	display:none;	
}

.footer-mobil {
	display:none;	
}

.hakkimizda-slider {
    float: right;
    width: 25vw;
	height:35vw;
	margin-right:3vw;
}

.hakkimizda-slider a.gallery-item {
	height:35vw!important;
}

.hakkimizda-arac {
	background-color: #c6353a;
    background-image: url(img/hakbg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2vw 6vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.hakkimizda-arac h2 {
    font-size: 2vw;
    text-align: center;
    color: #fff;
    margin: 1vw;
    width: 100%;
}

.hakkimizda-arac h3 {
    font-size: 1.25vw;
    margin-top: 2vw;
    color: #fff;
    letter-spacing: 0.1vw;	
}

.hakkimizda-ozellik {
    display: flex;
    align-items: center;
    width: calc((100% - 6vw) / 3);
    margin: 1vw;
}

.hakkimizda-ozellik .icon {
    display: block;
    float: left;
    border: 0.15vw solid #fff;
    border-radius: 50%;
    padding: 0.5vw;
    margin-right: 1vw;
}

.hakkimizda-ozellik .icon img {
    width: 2.5vw;
    display: block;
    margin: 0.5vw;
}

.hakkimizda-ozellik .title {
    display: block;
    font-weight: bold;
    color: #fff;
    font-size: 1vw;	
}

.hakkimizda-ozellik .desc {
    display: block;
    font-weight: 200;
    color: #fff;
    font-size: 0.9vw;
}

.mobil_slogan, .mobil-hat, .mobile_bar {
	display:none;
}

.newslider {
	display:flex;
	display:-webkit-flex;
	padding:5%;
    background: url(../../uploads/2021/03/asfalttt.png);
    background-size: cover;
    background-position: center;
	height:60vh;
}

.newslider .kutular {
	width:70%;
    display: flex;
    display: -webkit-flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
    padding-left: 0.75%;
}

.newslider .kutular a {
    width: 32%;
    background: #ebebeb;
    height: 47%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	font-size:1vw;
	text-align:center;
	transition:0.2s ease;
}

.newslider .kutular a:hover {
    background: #c32328;
    color: #fff;
	transition:0.2s ease;
}

.newslider .kutular a img {
	max-width: 10vw;
    max-height: 4vw;
	margin-bottom:2vw;
}

.newslider .kutular a:hover img {
	filter: brightness(0) invert(1);
}

.newslider .kroki {
    width: 80%;
    padding: 1%;
    padding-top: 0.25%;
    font-weight: bold;
    font-size: 1.5vw;
}

.newslider .kroki img {
    width: auto;
    display: block;
    margin: 0 auto;
    height: 90%;
}

.newslider .ozellikler {
    width: 10%;
    padding: 1% 0;
    display: flex;
    flex-direction: column;
}

.newslider .ozellikler .ozellik {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.newslider .ozellikler .ozellik img {
    width: 45%;
}

.newslider .ozellikler .ozellik span {
    font-size: 0.7vw;
    text-align: center;
}

.newslider .ozellikler .ozellik span b {
    width: 100%;
    display: block;
    font-size: 0.8vw;	
}

.slogan h1 {
    padding: 1.25%;
    font-size: 1.25vw;
    font-weight: 300;
    color: #fff;
    background: #b82328;
    text-align: center;
}

.ozellikler.mobil {
	display:none;	
}

.arac-kutu img {
	display:none;	
}

@media (max-width:768px) {
    
    .page-wrapper:before, .page-wrapper:after {
        display:none;
    }
    
    .page .iletisimmap {
        position: relative;
        width: calc(100% + 10vw);
        left: -5vw;
        top: -5vw;
    }
	
	.ozellikler.mobil {
		display:flex;
		display:-webkit-flex;
		justify-content:space-around;
		align-items:center;
    	position: relative;
	}
	.ozellikler.mobil .ozellik {
		margin:2%;
		color:#fff;
		text-align:center;
	}
	.ozellikler.mobil .ozellik span {
		font-size:2.5vw;
	}
	.ozellikler.mobil .ozellik span b {
		display:block;
		font-size:3vw;
		width:100%;
	}
	.ozellikler.mobil img {
		filter: brightness(0) invert(1);
		height: 10vw;
		margin-bottom: 2vw;
	}
	.slogan {
		display:none;
	}
	.mobile_bar {
		position: fixed;
		bottom: 0;
		background: #000;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: space-around;
		width:100%;
		z-index:99;
    	border-top: 2px solid #a91f23;
	}
	
	.bar_item {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: #fff;
		text-decoration: none;
		text-align: center;
		width: 100%;
		font-size:3vw;
    	padding: 3vw 0;
    	border-right: 1px solid rgb(255 255 255 / 50%);
	}
	
	.bar_item img {
		width: 4vw;
		margin: 2vw;
	}
	
	.mobile_bar .bar_item:last-child {
		border-right:unset;
	}

	.mobil_slogan {
		display:block;
		font-size: 3.5vw;
		color: #fff;
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 1vw;
		font-weight: 600;
		bottom: 1vw;
		z-index:2;
	}
	
	

	.header-menu::after {
		content:'';
		width: 100%;
		height:30%;
		position: absolute;
		bottom: 0;
		left:0;
		background: rgb(0,0,0);
		background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	}
	
	.mobil_slogan b {
		color:#b82328;
	}
	
	.mobil-hat  {
		display: flex;
		flex-direction: column;
		margin-left: 3vw;
		align-items: center;
    	font-size: 3vw;
	}
	
	.mobil-hat span {
    	color: #b82328;
    	font-size: 2.75vw;
	}
	
	.group-container {
		display:none;	
	}
	
	.hakkimizda-arac h2 {
    	font-size: 5vw;
	}
	
	.hakkimizda-ozellik {
		width:100%;	
	}
	
	.hakkimizda-ozellik .icon {
    	padding: 3.5vw;
	}
	
	.hakkimizda-ozellik .icon img {
    	width: 10vw;
    	margin: 0 auto;
	}
	
	.hakkimizda-ozellik .title {
		font-size: 4vw;
	}
	
	.hakkimizda-ozellik .desc {
		font-size: 2.5vw;
	}
	
	.hakkimizda-arac h3 {
		font-size: 3.25vw;
		margin-top: 5vw;
	}
	
	.hakkimizda-slider {
		float: right;
		width: 90vw;
		margin-right:0;
   		height: 50vw;
	}

	.hakkimizda-slider a.gallery-item {
		height:50vw!important;
	}

	.footer-mobil {
		display:block;	
	}
	
	.footer-mobil h5 {
		font-size: 5vw;
		text-align: center;
		font-weight: 600;
		color:#fff;
	}
	
	.footer-mobil h5 span {
    	color: #b82328;
	}
	
	.footer-mobil p {
		font-size: 4vw;
		text-align: center;
		width: 80%;
		color: rgb(255 255 255 / 0.5);
		margin: 4vw auto;
	}
	
	.logo-mobil-gray {
		display:block;
	}
	
	.groups .group {
		float:unset;
		width: 95%;
		margin: 0 auto;	
	}
	
	.footer-bottom .copyright span, .footer-top {
		display:none!important;
	}
	
	.footer-links {
		display:block;
		width:60%;
		margin:0 auto;
	}
	
	.footer-links li {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		font-size: 4vw;
		position: relative;
		height: 15vw;
		text-align: center;
		margin: 2vw 0;
		background: #555555;
		color: #fff;
		font-weight: 500;
	}
	
	.footer-links li i {
		width: 15vw;
		height: 15vw;
		display: flex;
		float: left;
		background: #971b1f;
		font-size: 5vw;
		align-items: center;
		justify-content: center;
		position: absolute;
		left: 0;	
	}
	
	.footer-links li.red {
		background: #b82328;
		padding-left: 10vw;
	}
	
	.footer-social {
		display:table;
		width:max-content;
		margin:0 auto;
	}
	
	.footer-social li {
		display: flex;
		align-items: center;
		justify-content: center;
		float: left;
		width: 10vw;
		height: 10vw;
		background: #fff;
		margin: 1.5vw;
		border-radius: 50%;
	}
	
	.footer-social li a {
		color:#000;
    	font-size: 5vw;
	}
	
	.mobil-group {
		color: #fff;
		text-align: center;
		margin: 3vw 2vw;
		display: block;
	}
	
	.mobil-group h2 {
		font-size: 4vw;
		margin: 2vw 0;
		display: block;
		float: left;
		width: 100%;
	}
	
	.mobil-group p {
		font-size: 4vw;
		width: 75%;
		margin: 0 auto;
		font-weight: 100;
	}
	
	.header-menu-center {
		background-image: unset;
		background-color: unset;
		position:unset;
	}
	
	.mobil-logo {
		width: 30vw;
		height: 10vw;
		background-size: contain!important;
		background-repeat: no-repeat!important;
		background-position: center!important;
		background-image: url(img/logo-renk.png);
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 4vw;
		display:block;
	}
	
	.page .iletisimlink {
		display: flex;
		display: -webkit-flex;
		width: max-content;
		align-items: center;
		justify-content: flex-start;
		margin: 2vw auto;
		display: flex;
	}
	
	.page .iletisimlink img {
		width: 10vw;
		padding: 3.75vw 3vw;
		float: left;
	}
	
	.page .iletisimlink span {
		display: inline-block;
		float: left;
		padding: 0 10vw;
		font-size: 4.25vw;
		width: max-content;
	}
	
	.page .iletisimlink span small {
		font-size: 3.9vw;
		width: 100%;
		display: block;
	}
	
	.page .iletisim-links li {
		display: table;
		width: 100%;
		text-align: center;
	}
	
	h2.iletisim {
    	font-size: 6vw;
	}
	
	.iletisimform input, .iletisimform select {
		width: 100%;
		margin: 1vw;
		padding: 3vw;
		font-size: 4vw;
	}
	
	.iletisimform textarea {
		width: 100%;
		margin: 1vw;
		border: 1px solid #dcdcdc;
		padding: 3vw;
		font-size: 4vw;
    	min-height: 15vw;
	}
	
	.iletisimform input[type="submit"] {
		width: 100%;
		float: unset;
	}
	
	.page .iletisim-links li img {
		width: 10vw;
		background: #c32328;
		padding: 2vw;
		box-sizing: unset;
		border-radius: 50%;
		display: block;
		margin: 1vw auto;
	}
	
	.header-top .call2 {
		display:none;	
	}
	
	.header-top .call:after {
		display:none;	
	}
	
	.header-top .clock {
		display:none;	
	}
	
	.group-container .type {
		margin-top:0;
	}
	
	.group-container .type li:nth-child(1) {
    	justify-content: center!important;
    	margin: 2vw 0;
		margin-right:2vw;
		background:#ab2525;
	}
	
	.group-container .type li:nth-child(2) {
    	justify-content: center!important;
		flex: 2!important;
		background:#000000;
	}
	
	.group-container .type li:nth-child(3) {
    	justify-content: center!important;
    	margin: 2vw 0;
		margin-left:2vw;
		background:#636363;
	}
	
	.width {
		width:90%;
	}
	
	.header-top {
		height: 18vw;
		background-image: url(img/header.png);
		background-color: #030303;
		background-size: contain;
		background-position: top;
		position: relative;
    	border-bottom: 1.5px solid #e1292e;
	}
	
	.header-top .width {
		padding: 1vw 0;
		height:100%;
		width:95%;
	}
	
	.header-top .time {
		font-size:3vw;
	}
	
	.header-top .time b {
		display:none;
	}
	
	.header-menu::before {
		height:90%;
	}
	
	.social {
		display: none;
		position: absolute;
		width: max-content;
		right: 1vw;
		bottom: 3vw;	
	}
	
	.social li {
		margin: 0 0.75vw;
	}
	
	.social li a {
		color: #343433;
		padding: 2vw;
		height: 6vw;
		width: 6vw;
		font-size: 3.25vw;
    	border-radius: 0;
	}
	
	.language-select {
		font-size: 4vw;
	}
	
	.lang-list li {
		padding: 2vw 0;
	}
	
	.header-menu {
		height:65vw;
	}
	
	.logo {
		display:none;
	}
	
	.group-container .type li a {
		font-size: 4vw;
		margin-left: 1.5vw;
	}
	
	.group-container .type li {
		margin: 0;
    	padding: 5vw 4vw;
    	background-image: unset!important;
	}
	
	.group-container .type li img {
		height: 6.5vw;
	}
	
	.group-container .type li.active a:before {
		top: calc(100% + 2.75vw + 2px);
	}
	
	.header-top img {
		width: 6vw;
		margin-right: 1.5vw;
		margin-left: 1vw;
	}
	
	.call img, .search img {
		width: 4.5vw;
	}
	
	.call, .search {
		padding-right:4vw;
	}
	
	.call:after {
		content: '';
		right: 1.5vw;
	}
	
	.header-top .call:after {
		height: 4.75vw;
	}
	
	.gallery-left, .gallery-right {
		height: 60vw;
	}
	
	.gallery-left a, .gallery-right a {
		height: calc((100% / 2) - 1vw);
		width: calc((100% / 2) - 1vw);
	}
	
	.gallery-left {
		left: -25%;
	}
	
	.gallery-right {
		right: -25%;
	}
	
	.group-detail {
		width:55%;
	}
	
	.group-container .groups {
		height:85vw;	
	}
	
	.group-detail .group-buttons {
		width: 100vw;
		left: -22.5vw;
    	top: 60vw;
	}
	
	.group-detail .group-buttons a.red-button {
		background: #ffffff;
		color: #000;
		margin-right: 2vw;
		margin-left: 2vw;
    	box-shadow: 0px 0px 4vw 0px rgb(0 0 0 / 20%);
	}
	
	.group-detail .group-title {
		font-size: 4.75vw;
	}
	
	.group-detail .group-buttons a {
		margin: 1.5vw 0;
		padding: 2vw 0.75vw;
		font-size: 3.5vw;
		width: calc(96vw / 3);
		height: calc(70vw / 3);
		float: left;
		background:unset;
	}
	
	.group-detail .group-desc p {
		font-size: 2.75vw;
	}
	
	.group-detail .group-buttons a img {
		width: 5.5vw;
		margin-right: 2.5vw;
    	filter: brightness(0%);
		display: block;
		margin: 0 auto;
	}
	
	.button-relative {
		display:block;	
		text-align:center;
	}
	
	.referanslar {
		margin-top: 0;
		height:15vw;
	}
	
	.referanslar span {
		display:none;
		width: 56%;
		font-size: 4vw;
		padding: 1.75vw 2vw;
	}
	
	.referanslar li {
		margin: 2vw 0.5vw;
	}
	
	.referanslar span img {
		width: 8vw;
		height: 6vw;
	}
	
	.referanslar img {
		height: 6vw;
	}
	
	.arac {
		display:table;
		background: rgb(0,0,0);
		background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 20%, rgba(133,133,133,1) 40%, rgba(175,175,175,1) 50%, rgba(133,133,133,1) 60%, rgba(0,0,0,1) 80%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 20%, rgba(133,133,133,1) 40%, rgba(175,175,175,1) 50%, rgba(133,133,133,1) 60%, rgba(0,0,0,1) 80%);
		background: linear-gradient(0deg, rgba(0,0,0,1) 20%, rgba(133,133,133,1) 40%, rgba(175,175,175,1) 50%, rgba(133,133,133,1) 60%, rgba(0,0,0,1) 80%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
		width: 100%;
		margin: 0;
		overflow:hidden;
	}

	.arac:after {
		display:none;	
	}
	
	.arac:before {
		content: '';
		position: absolute;
		height: calc(100% + 8vw);
		left: 0;
		top:unset;    
		bottom: -55vw;
		background-image: url(img/mobil-bayrak.png);
		width: 100%;
		background-position: right;
		background-size: 110%;
		background-repeat: no-repeat;
	}
	
	.arac-group {
		display:none;
		width:100%;
	}
	
	.arac-img {
		width: 100%;
		height: 80vw;
	}
	
	.arac-kutu img {
		display: block!important;
		width: 165%;
		position: relative;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	
	.arac-img img {
		display:none;	
	}
	
	.arac-kutu {
		width: 70vw;
		height: 70vw;
	}
	
	.arac-ozellik {
		margin-bottom: 5vw;
	}
	
	.arac-ozellik:after {
		top: calc(100% + 2.25vw);
	}
	
	.arac-ozellik .title {
		font-size: 3vw;
	}
	
	.arac-ozellik .desc {
		font-size: 3vw;
	}
	
	.arac-ozellik .title span {
		display:none;
	}
	
	.friends-detail, .comments {
		display:none;
	}
	
	.scoreboard .scorelist {
		width:80%;
		height: 60vw;
	}
	
	.scoreboard .scorelist.active {
		display:table;
	}
	
	.scoreboard .scorelist li .score-detail .score-number {
		font-size: 5vw;
		margin-right: 2vw;
		width: 10vw;
		height: 8.5vw;
	}
	
	.scoreboard .scorelist li .score-detail img {
		width: 5.5vw;
		margin-right: 1.5vw;
	}
	
	.scoreboard .scorelist li .score-detail h3 {
		font-size: 3vw;
	}
	
	.scoreboard .scorelist li .score-detail .score img {
		margin-left: 1.5vw;
		width: 5.5vw;
	}
	
	.scoreboard .score-type .button {
		padding: 2vw;
		font-size: 3vw;
	}
	
	.scoreboard .score-type {
		width: 85%;
	}
	
	.scoreboard .scorelist li .score-detail .score {
		font-size: 3.5vw;
	}
	
	.scoreboard .scorelist li {
		width:100%;
	}
	
	.scoreboard .scorelist li:nth-child(n+6) {
		display:none;
	}
	
	.contact {
		width:100%;
		height: 100vw;
	}
	
	.contact .contact-detail {
		display:none;
	}
	
	.contact .map {
		width: 100%;
	}
	
	.footer {
		padding-top: 5vw;
		background-position: left bottom;
		background-image: url(img/footer-mobil.png);
		background-color: #000;
		background-size: cover;
		background-position: center;
	}
	
	.logo-gray {
		display:none;
	}
	
	.footer .footer-top li {
		width: 100%;
		margin: 0;
	}
	
	.footer .footer-top li h5 {
		font-size: 4vw;
		margin-bottom: 4vw;
		text-align: center;
		margin-top: 2vw;
	}
	
	.footer .footer-top li h5:after {
		bottom: -2.5vw;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.footer .footer-top li p {
		font-size: 3.5vw;
    	text-align: center;
	}
	
	.footer .footer-top li span {
		font-size: 4vw;
		text-align: center;
		width: 100%;
		display: block;
	}
	
	.footer .footer-top li ul {
		font-size: 3.5vw;
		text-align: center;
	}
	
	.footer-bottom img {
		width: 7.5vw;
		margin-right: 1vw;
	}
	
	.footer-bottom {
		margin-top: 5vw;
		background: #1a1a1a;
		width: 100%;
		padding: 4vw;
		text-align: center;
		font-size: 3vw; 
	}
	
	.sticky-header {
		display:none !important;
	}
	
	.header-nav {
		display:none;
	}
	
	.mobilmenu {
    margin: 1vw;
    background: #272525;
    padding: 2vw;
    border-radius: 50%;
    width: 8vw;
    height: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
	}
	
	.mobilmenu span {
		font-weight:bold;
		font-size:4vw;
		color:#fff;
		float:right;
		cursor:pointer;
	}
	
	.mobilmenu div {
		position: absolute;
		top: 100%;
		left: 0;
		background: #b82328;
		width: 100vw;
		left: 0;
		top: 100%;
		z-index: 9999;
		display: none;
	}
	
	.mobilmenu div ul li {
		padding: 2vw;
		border-bottom: 1px solid #b32126;
		text-align: center;
	}
	
	.mobilmenu div ul li:first-child {
		border-top: 1px solid #b32126;
	}
	
	.mobilmenu div ul li a {
		font-size:4vw;
		color:#fff;
		text-decoration:none;
	}
	
	.page .page-gallery {
		display:table;
	}
	
	.page .page-title {
		font-size: 6vw;
	}
	
	.page .page-desc {
		font-size: 3vw; 
	}
	
	.page .page-title:after {
		width:6vw;
	}
	
	.page .page-left {
		width:100%;
	}
	
	.page a.instalink {
		width: 100%;
		padding: 1.75vw 0;
		font-size: 4vw;
		margin:2vw 0;
	}
	
	.page a.instalink i {
		margin-right: 1vw;
		padding: 2.5vw;
		font-size: 4.5vw;
	}
	
	.page {
		width:90%;
		padding: 5vw 0;
	}
	
	.page a.gallery-item {
		height: 23vw;
		width: 23vw;
	}
	
	.page-content p {
		font-size: 3.5vw;
	}
}