/**! hopscotch - v0.2.2
*
* Copyright 2014 LinkedIn Corp. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
 * This fade animation is based on Dan Eden's animate.css (http://daneden.me/animate/), under the terms of the MIT license.
 *
 * Copyright 2013 Dan Eden.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-up {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-down {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-in-right {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-in-left {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
div.hopscotch-bubble .hopscotch-nav-button {
  /* borrowed from katy styles */
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  text-decoration: none !important;
  width: auto;
  padding: 0 10px;
  height: 26px;
  line-height: 24px;
  font-size: 12px;
  *zoom: 1;
  white-space: nowrap;
  display: -moz-inline-stack;
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.hopscotch-bubble .hopscotch-nav-button:hover {
  *zoom: 1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
div.hopscotch-bubble .hopscotch-nav-button:active {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
}
div.hopscotch-bubble .hopscotch-nav-button.next {
  border-color: #1b5480;
  color: #fff;
  margin: 0 0 0 10px;
  /* HS specific*/
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background-color: #287bbc;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr='#23639a');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287bbc), color-stop(100%, #23639a));
  background-image: -webkit-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: -moz-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: -o-linear-gradient(top, #287bbc 0%, #23639a 100%);
  background-image: linear-gradient(top, #287bbc 0%, #23639a 100%);
}
div.hopscotch-bubble .hopscotch-nav-button.next:hover {
  background-color: #2672ae;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#2672ae', endColorstr='#1e4f7e');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2672ae), color-stop(100%, #1e4f7e));
  background-image: -webkit-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: -moz-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: -o-linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
  background-image: linear-gradient(top, #2672ae 0%, #1e4f7e 100%);
}
div.hopscotch-bubble .hopscotch-nav-button.prev {
  border-color: #a7a7a7;
  color: #444;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f2f2f2;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#e9e9e9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #e9e9e9));
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
  background-image: linear-gradient(top, #f2f2f2 0%, #e9e9e9 100%);
}
div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
  background-color: #e8e8e8;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFA9A9A9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(13%, #e3e3e3), color-stop(32%, #d7d7d7), color-stop(71%, #b9b9b9), color-stop(100%, #a9a9a9));
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
  background-image: linear-gradient(top, #e8e8e8 0%, #e3e3e3 13%, #d7d7d7 32%, #b9b9b9 71%, #a9a9a9 100%);
}
div.hopscotch-bubble {
  background-color: #ffffff;
  /* default */
  border: 5px solid #FF9800;
  /* transparent, if supported */
  border-radius: 3px;
  font-size: 13px;
  position: absolute;
  z-index: 999999;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -moz-background-clip: padding;
  /* for Mozilla browsers*/
  -webkit-background-clip: padding;
  /* Webkit */
  background-clip: padding-box;
  /*  browsers with full support */
}
div.hopscotch-bubble * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
div.hopscotch-bubble.animate {
  -moz-transition-property: top, left;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: top, left;
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: top, left;
  -o-transition-duration: 1s;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-property: top, left;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: top, left;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
}
div.hopscotch-bubble.invisible {
  opacity: 0;
}
div.hopscotch-bubble.hide,
div.hopscotch-bubble .hide,
div.hopscotch-bubble .hide-all {
  display: none;
}
div.hopscotch-bubble h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin: -1px 15px 0 0;
  padding: 0;
  border: none;
}
div.hopscotch-bubble .hopscotch-bubble-container {
  padding: 15px;
  position: relative;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  /* to fix text flickering */
}
div.hopscotch-bubble .hopscotch-content {
  font-weight: normal;
  line-height: 1.4;
  margin: -5px 0 11px;
  padding-top: 8px;
}
div.hopscotch-bubble .hopscotch-bubble-content {
  margin: 0 0 0 40px;
}
div.hopscotch-bubble.no-number .hopscotch-bubble-content {
  margin: 0;
}
div.hopscotch-bubble .hopscotch-bubble-close {
  color: #000;
    display: block;
    height: 8px;
    line-height: 8px;
    padding: 4px 7px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 8px; 
}
div.hopscotch-bubble .hopscotch-bubble-close:hover {
	color: #3498db;
}
div.hopscotch-bubble .hopscotch-bubble-close.hide,
div.hopscotch-bubble .hopscotch-bubble-close.hide-all {
  display: none;
}
div.hopscotch-bubble .hopscotch-bubble-number {
  background: #2ecc71;
  color: #fff;
  display: block;
  float: left;
  font-size: 17px;
  font-weight: bold;
  line-height: 30px;
  padding: 0;
  text-align: center;
  width: 30px;
  height: 30px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container {
  position: absolute;
  width: 34px;
  height: 34px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,
div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {
  width: 0;
  height: 0;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
  top: -22px;
  left: 10px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  border-bottom: 17px solid #ffffff;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  position: relative;
  top: -10px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  border-bottom: 17px solid #000000;
  border-bottom: 17px solid rgba(0, 0, 0, 0.5);
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
  bottom: -39px;
  left: 10px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  border-top: 17px solid #ffffff;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  position: relative;
  top: -24px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  border-top: 17px solid #000000;
  border-top: 17px solid rgba(0, 0, 0, 0.5);
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
  top: 10px;
  left: -22px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
  border-bottom: 17px solid transparent;
  border-right: 17px solid #ffffff;
  border-top: 17px solid transparent;
  position: relative;
  left: 7px;
  top: -34px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
  border-right: 17px solid #FF5722;
  border-right: 17px solid #FF9800;
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
  top: 10px;
  right: -39px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
  border-bottom: 17px solid transparent;
  border-left: 17px solid #ffffff;
  border-top: 17px solid transparent;
  position: relative;
  left: -7px;
  top: -34px;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
  border-left: 17px solid #000000;
  border-left: 17px solid rgba(0, 0, 0, 0.5);
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent;
}
div.hopscotch-bubble .hopscotch-actions {
  margin: 10px 0 0;
  text-align: right;
}
#age-verification {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 background-color: rgb(40 40 40 / 51%);
  -webkit-transition: 500ms;
  transition: 500ms;
  z-index: 90000001;
  
  display: none;
}
.age-verification-main {
  background-color: #ffffff;
  font-family: "Source Sans Pro", sans-serif;
  color: white;
  font-size: 13pt;
  text-align: center;
  padding: 25px;
  position: relative;
  top: 10px;
  width: 500px;
  max-width: 80%;
  margin: 0 auto;
  -webkit-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
}
@media only screen and (min-height: 400px) {
  .age-verification-main {
    top: 25%;
  }
}

.age-title, .age-main-text {
  display: block;
  margin-bottom: 1em;
}
.age-title {
    font-size: 16pt;
    color: #000;
    margin-bottom: 0.5em;
}

.age-button {
  -webkit-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
  box-shadow: 1px 2px 9px 0px rgba(0,0,0,0.3);
}

.age-button {
  font-family: "Source Sans Pro", sans-serif;
  background-color: white;
  border: none;
  font-size: 12pt;
  
  color: #ff4646;
  
  display: inline-block;
     width: auto;
  padding: 10px;
  margin: 5px 10px;
}
@media only screen and (max-height: 800px) {
.age-button {
  font-size: 12pt;	
}	
}
.age-credits {
  /** credits are not required, but are appreciated **/
  font-family: "Source Sans Pro", sans-serif;
  color: white;
  display: block;
  font-size: 12px;
  text-decoration: normal;
  text-align: right;
  margin-top: 20px;
  margin-bottom: -15px;
}
.age-credits a {
  color: white;
}

#wa-widget-send-button {
    margin: 0 0 20px 0 !important;
    position: fixed !important;
    z-index: 16000160 !important;
    bottom: 0 !important;
    text-align: center !important;
    height: 50px;
    min-width: 50px;
    border-radius: 25px;
    visibility: visible;
    transition: none !important;
    right: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .button-whatsapp {
    color: #fff;
    background: #25D366;
    border-radius: 0;
    padding: 10px 35px;
    font-size: 17px;
    transition: 0.3s ease;
    font-weight: 700;
}
    .button-whatsapp i {
        color: #fff;
    }
#ofmHemenAra {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
}
.altofmhemenara {
    color: #fff;
    font-size: 16px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    position: relative;
    bottom: 0;
    z-index: 99999999;
    text-align: center;
}
.ofmbox-1 {
    width: 50%;
    float: left;
    background: #0e843a;
    height: 50px;
    padding: 10px;
}
.ofmbox-icon {
    color: #fff;
    font-weight: 700;
    position: relative;
}
.ofmbox-text {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    position: relative;
}
.ofmbox-2 {
    width: 50%;
    float: left;
    background: #0074bd;
    height: 50px;
    padding: 10px;
}
@media(max-width:640px) {
    .hidden-xs {
        visibility: hidden;
    }
}
@media(min-width:641px) {
    .hidden-xs {
        visibility: visible;
    }
  #ofmHemenAra {display:none}
}
.text-light .social_btn {
    margin-top: 15px;
}
.text-light .social_btn a {
    font: 500 10px/35px "Montserrat",sans-serif;
    color: #fff;
    background: #2c488b;
    width: 105px;
    height: 35px;
    display: inline-block;
    border-radius: 40px;
    text-align: center;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.text-light .social_btn .social_btn2 {

    background: #28b7e5;

}

.text-light .social_btn a+a {

    margin-left: 15px;

}

.text-light .social_btn a {

    font: 500 10px/35px "Montserrat",sans-serif;

    color: #fff;

    background: #2c488b;

    width: 105px;

    height: 35px;

    display: inline-block;

    border-radius: 40px;

    text-align: center;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.text-light .social_btn .social_btn3 {

    background: #ce412f;

}

.text-light .social_btn .social_btn4 {

    background: #c59348;

}

.text-light .social_btn a+a {

    margin-left: 15px;

}

.text-light .social_btn a {

    font: 500 10px/35px "Montserrat",sans-serif;

    color: #fff;

    background: #2c488b;

    width: 105px;

    height: 35px;

    display: inline-block;

    border-radius: 40px;

    text-align: center;

    -webkit-transition: all 400ms linear 0s;

    -o-transition: all 400ms linear 0s;

    transition: all 400ms linear 0s;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.text-light .social_btn a:before {

    content: "";

    height: 100%;

    width: 105%;

    display: block;

    position: absolute;

    z-index: -1;

    left: -1%;

    right: auto;

    border-radius: 30px;

    background: #3c599f;

    -webkit-transition: all .5s cubic-bezier(.42,0,.58,1);

    -o-transition: all .5s cubic-bezier(.42,0,.58,1);

    transition: all .5s cubic-bezier(.42,0,.58,1);

}

.text-light .social_btn .social_btn2:before {

    background: #32ccfe;

}

.text-light .social_btn .social_btn3 {

    background: #ce412f;

}

.text-light .social_btn a+a {

    margin-left: 15px;

}

.text-light .social_btn .social_btn3:before {

    background: #dd4c39;

}

.text-light .social_btn .social_btn4:before {

    background: #c59348;

}

.text-light .social_btn a i {

    padding-right: 5px;

}.sigma_icon-block.icon-block-3 {

    background-color: transparent;

}

/*gecici */	

.about-wrapper {

    margin-top: 10px;

}.about-area {



    padding-bottom: 40px;

}.about-call {

    display: flex;

    align-items: center;

    border-right: 2px solid var(--theme-color);

padding: 0 15px 0 0;

    margin: 0 20px 0 0;

}.about-box2 {

    padding: 70px 0;

    max-width: 560px;

}.about-call__icon {

    background-color: var(--genel);

    color: #fff;

    text-align: center;

    width: 60px;

    height: 60px;

    line-height: 60px;

    margin-right: 20px;

    font-size: 20px;

    border-radius: 50%;

}.media-body {

    flex: 1;

}.about-call__label {

    font-size: 14px;

    color: #000;

    display: block;

}.about-call__number {

    margin: 0;

    font-size: 20px;

    font-weight: 600;

    font-family: var(--title-font);

    color: var(--butonarkaplan);

}

/* GECİCİ */

.footer-social2 a {

    display: inline-block;

    width: 45px;

    height: 45px;

    line-height: 45px;

    font-size: 16px;

    margin: 0 5px 0 0;

    color: #fff;

    background-color: var(--butonarkaplan);

    text-align: center;

    border-radius: 5px;

}
   /* gecici */
	.footer-social2 {
    display: contents;
}/*===================
44. Car css 
=====================*/

.car-area{
  position: relative;
}

.car-item{
  background: var(--color-white);
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 25px;
  box-shadow: 0 0 20px rgb(0 0 0 / 16%);
  transition: var(--transition);
}

.car-content{
  padding: 10px 10px 6px 10px;
}

.car-img{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.car-img img{
  border-radius: 10px;
}

.car-item:hover .car-img img{
  transform: scale(1.2);
}

.car-status{
  position: absolute;
  left: 10px;
  top: 10px;
  background: var(--genel);
  color: var(--color-white);
  padding: 2px 8px;
  border-radius: 6px;
  box-shadow: var(--box-shadow);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .5px;
  z-index: 1;
}

.dealer-listing.status-1{
  background: #ef1d2;
}
.dealer-listing.status-2{
  background: #4CAF50;
}
.dealer-listing.status-3 {
    background: #FF9800;
}
.dealer-listing.status-4 {
    background: #607D8B;
}
.dealer-listing.status-5 {
    background: #03A9F4;
}

.car-status.status-1{
  background: #ef1d2;
}

.car-status.status-2{
  background: #4CAF50;
}
.car-status.status-3 {
    background: #FF9800;
}
.car-status.status-4 {
    background: #607D8B;
}
.car-status.status-5 {
    background: #03A9F4;
}
.car-btns{
  position: absolute;
  right: -10px;
  top: 10px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  z-index: 1;
}

.car-item:hover .car-btns{
  right: 10px;
  opacity: 1;
  visibility: visible;
}

.car-btns a{
  width: 35px;
  height: 35px;
  line-height: 36px;
  text-align: center;
  background: var(--genel);
  color: var(--color-white);
  border-radius: 50px;
  box-shadow: var(--box-shadow);
  margin-bottom: 8px;
  display: block;
}

.car-btns a:hover{
  background: var(--linkyazi);
  color: var(--color-white);
}

.car-top h4{
  font-size: 16px;
  margin-bottom: 7px;
}
.car-top h4 a {
  color: #666666;
}

.car-top h4 a:hover{
  color: var(--genel);
}

.car-rate{
  font-size: 14px;
}

.car-rate i{
  color: var(--color-yellow);
}

.car-rate span{
  margin-left: 2px;
}


.car-list li{
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 5px;
  font-size: 14px;
}

.car-list i{
  color: var(--genel);
  margin-right: 6px;
}

.car-footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.car-price{
  font-size: 18px;
  font-weight: 600;
  color: var(--genel);
}

.car-item .theme-btn{
  padding: 5px 13px;
  border-radius: 10px;
}

/* car grid & list */
.car-area.list .car-item{
  display: flex;
  align-items: center;
  gap: 10px;
}

.car-area.list .car-img{
  width: 360px;
}

.car-area.list .car-content{
  flex: 1;
}

.car-area.list .car-content p{
  font-size: 15px;
}

@media all and (max-width: 991px) {
  .car-area.list .car-item{
    flex-direction: column;
  }

  .car-area.list .car-img{
    width: 100%;
  }
}
.car-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}.car-img img {
    border-radius: 10px;
}.car-content {
    padding: 10px 10px 6px 10px;
}.car-top {
    text-align: center;
}.car-top h4 {
    font-size: 16px;
    margin-bottom: 7px;
}.car-list {
    margin-top: 12px;
    text-align: center;
}.alisdonus {
    margin-top: 2px;
    padding-left: 10px;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #EAEAEA;
}@media (min-width: 767px) {
    .sezonfiyatlar {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 5px;
    }
}.car-content {
    padding: 5px 6px 6px 5px;
}.sezonfiyatlar span {
display: inline-block;
    margin-right: 10px;
    padding: 2px 8px;
    text-align: left;
    font-size: 13px;
    color: #555555;
    font-weight: bold;
    margin-bottom: 2px;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #EAEAEA;
}.sezonfiyatlar em {
float: right;
    font-style: normal;
    color: #fff;
    background: var(--genel) !important;
    padding-left: 5px;
    text-align: right;
    padding-right: 5px;
    border-radius: 3px;
    margin-left: 10px;
}
span.parabirimi {
    display: unset;
    color: unset;
    padding: unset;
    background: unset;
    background-color: unset;
    border: unset;
    margin: unset;
    font-weight: unset;
    font-size: unset;
    border-radius: unset;
}	
}
.ofisimo-sidebar {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
}
@media all and (min-width: 767px) {
.sezonfiyatlar {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
}.sezonfiyatlarbox {
    display: table;
    width: 100%;
}.sezonfiyatlargrid {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}.sezonfiyatlar span {
display: inline-block;
    margin-right: 10px;
    padding: 2px 8px;
    text-align: left;
    width: 45%;
    font-size: 13px;
    color: #555555;
    font-weight: bold;
    margin-bottom: 2px;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #EAEAEA;
}.sezonfiyatlar em {
float: right;
    font-style: normal;
    color: #fff;
    background: var(--genel) !important;
    padding-left: 5px;
    text-align: right;
    padding-right: 5px;
    border-radius: 3px;
    margin-left: 3px;
}span.parabirimi {
    display: unset;
    color: unset;
    padding: unset;
    background: unset;
    background-color: unset;
    border: unset;
    margin: unset;
    font-weight: unset;
    font-size: unset;
    border-radius: unset;
}
}	
.form-group .wr {
    position: relative;
}.form-group .wr i.fa {
    color: #bdbdbd;
    position: absolute;
    bottom: 13px;
    left: 6px;
}
span.current {
    margin-left: 7px;
}.find-car-form .form-select, .find-car-form .form-control {
    padding: 15px 22px 10px 30px;
    border-radius: 12px;
    font-size: 16px;
    box-shadow: none;
    color: var(--body-text-color);
}.alisaati {
    font-size: 13px;
    padding-top: 30px;
}
span.select2-selection__rendered {
    display: none;
}	
.listing_footer ul li a {
    color: #5F6973;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0em;
    display: flex;
    align-items: center;
}
.rezervasyon_btn {
    border: 1px solid var(--genel);
    color: #1a3760;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0em;
    border-radius: 60px;
    padding: 5px 10px;
}
.rezervasyon_btn2 {
border: 1px solid var(--genel);
    color: #4CAF50;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0em;
    border-radius: 60px;
    padding: 5px 10px;
}
@media all and (min-width: 767px) {
.ofisimo-musaitdegil {
    background: #03A9F4;
    border-radius: 15px;
    padding: 3px;
    font-size: 13px;
    color: #fff;
    overflow: auto;
}}
@media all and (max-width: 767px) {
.ofisimo-musaitdegil {
    background: #03A9F4;
    border-radius: 15px;
    padding: 3px;
    font-size: 10px;
    color: #fff;
    overflow: auto;
}}
.car-widget-title {
    margin-bottom: 25px;
    padding-bottom: 10px;
    font-size: 16px;
    position: relative;
    color: var(--linkyazi);
}.box_list_ofm .list-group-item {
    border: none;
    border-bottom: 1px solid #EAEAEA;
    font-size: 13px;

    font-style: normal;
    line-height: 32px;
    letter-spacing: 0em;
    padding: 0;
}.box_list_ofm .list-group-item .schedule {
    color: #5F6973;
    font-weight: 400;
    line-height: 32px;
}
.car-single-meta .btn-whatsapp {
    background-color: #28A745;
    color: #fff;
}
.car-single-meta .btn-hemenara {
    background-color: #da1b23;
    color: #fff;
}
.car-single-meta li .btn i {
    color: #ffffff;
}	
.car-single-meta .btn {
    border-radius: 8px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0em;
}.ekstra_sepet .btn-sepete-ekle {
    background-color: #4CAF50;
    color: #fff;
}.ekstra_sepet .btn-sepet-cikar {
    background-color: #da1b23;
    color: #fff;
}.btn-rezervasyon-degistir {
    background-color: #da1b23;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    border-radius: 15px;
}.btn-rezervasyon-degistir i {
    margin-right: 5px;
}
.shopping_cart_tabs {
    position: relative;
}
.shopping_cart_table {
    background: white;
    border: 1px solid #e4e8ed;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 10px 0;
}.table_body {
    display: flex;
    align-items: center;
}.pl30 {
    padding-left: 30px !important;
}.table_body .cart_list {
    margin-bottom: 0;
}.table_body .cart_list li:first-child {
    display: block;
    font-size: 16px;
}ul.cart_list li {
  font: 13px 'Open Sans', Arial, Helvetica, sans-serif;
}.ekstra_sepet {
    font-size: 18px;
    font-weight: bold;
}span.ekstra-fiyat-yaz {
    display: unset;
    color: unset;
    padding: unset;
    background: unset;
    background-color: unset;
    border: unset;
    margin: unset;
    font-weight: unset;
    font-size: unset;
    border-radius: unset;
}.cart-summary ul li a.product-image {
    display: inline;
}
.cart-summary .product-image {
    float: left;
    padding: 0;
    width: 100px;
}.item-inner ul li.item img {
    width: 90px;
}.cart-summary ul li .product-details {
    float: right;
    width: 62%;
    margin-left: 0px;
}.cart-summary ul li .product-name {
    margin: 0 0 2px;
    font-size: 12px;
    line-height: 17px;
}
.odeme-tipi-sec .radio input[type=radio] {
    position: absolute;
    opacity: 0;
}.mb-30 {
  margin-bottom: 30px;
}.product-details {
  font: 13px 'Open Sans', Arial, Helvetica, sans-serif;
}.bt_details p {
  font: 13px 'Open Sans', Arial, Helvetica, sans-serif;
}.form-check a {
  color: #666666;
  text-decoration: underline;
  outline: none;
  font: 13px 'Open Sans', Arial, Helvetica, sans-serif;
}
.odeme-tipi-sec input[type=radio] {
    box-shadow: none;
    cursor: pointer;
    width: 16px;
    height: 16px;
}.odeme-tipi-sec .radio label {
    color: #5F6973 !important;
    font-size: 13px;
    font-style: normal !important;
    font-weight: 400;
    line-height: normal !important;
    letter-spacing: 0em !important;
    margin-bottom: 0 !important;
    padding-left: 30px !important;
    position: relative !important;
}
.ofm-payments label {
    font-size: 17px !important;
    font-weight: 600 !important;
}.odeme-tipi-sec .radio input[type=radio]+label .radio-label {
    content: '';
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #E6E9EC;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    box-shadow: inset 0 0 0 8px #fff;
    z-index: 100;
    position: absolute;
    left: 0;
}
.ofm-payments .radio-label {
    margin-top: 5px;
}.odeme-tipi-sec label, legend {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
}
.odeme-tipi-sec label span, legend span {
    font-weight: 400;
    font-size: 14px;
    color: #444;
}.checkout-form .bt_details {
    margin-bottom: 20px;
    padding-left: 30px;
}.login_form .custom-control.custom-checkbox [type="checkbox"], [type="radio"] {
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    outline: none;
    width: 18px;
}.odeme-tipi-sec .radio input[type=radio]:checked+label .radio-label {
    background-color: #ffffff;
    box-shadow: inset 0 0 0 5px var(--genel);
}.checkout-widget-title {
    margin-bottom: 20px;
    font-size: 20px;
}.pay-ofm {
    padding-left: 30px;
}
.alisdonus {
    margin-top: 2px;
    padding-left: 10px;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #EAEAEA;
}.alisdonus p {
    color: #666666;
    font-size: 13px;
}
/* ============================= select2 start ====================== */
.form1{display: block; padding: 30px 35px 30px; position: relative;}
.form1 label{display: none;}

.select1_wrapper{margin-bottom: 40px;}
.select1_wrapper .more{display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 10px; color: #464646; padding-top: 5px; padding-left: 5px;}

.select1_inner{position: relative; background: #fff; border: 1px solid #ebebeb; height: 42px; position: relative;}
.select1_inner:after{content: ''; display: block; width: 10px; height: 7px; background: url(../images/a1.png) 0 0 no-repeat; position: absolute; right: 10px; top: 17px; pointer-events: none;}

.select2{width: 100%;}
.select2 *:focus{outline: none!important;}

.select2-container--default .select2-results > .select2-results__options{max-height: 500px;}
.select2-container--default .select2-selection--single{background: none;border-radius: 0; border: none; height: auto;}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 13px; line-height: 20px; padding: 10px 20px 10px 15px; color: #000000;}
.select2_inner .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
.select2-dropdown{background: none;border-radius: 0; z-index: 10; min-width: 0px;}
.select2-container--open .select2-dropdown--below{border: none;box-shadow: 0 0 8px rgba(0, 0, 0, 0.06); moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);}

.select2-results__option{padding: 10px  5px 10px 15px; background: #fff; font-size: 14px; line-height: 20px; color: #444444; border-top: none;}
.select2-results__option:first-child{border-top: none;}
.small .select2-results__option {
  padding-left: 0;
}
.select2-container--default .select2-results__option[aria-selected=true]{background: #1c2931; color: #fff;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background: #1c2931; color: #fff;}
/* ============================= select2 end ====================== */
/* shop checkout */

.checkout-widget {
  background: #f9f9f9;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 15px;
}

.checkout-widget-title {
  margin-bottom: 15px;
  font-size: 20px;
}

.checkout-form .form-group {
  margin-bottom: 20px;
}

.checkout-form .form-group label {
  margin-bottom: 5px;
  color: var(--linkyazi);
  font: 13px 'Open Sans', Arial, Helvetica, sans-serif;
}

.checkout-form .form-group .form-control {
  padding: 15px 18px;
  border-radius: 12px;
  box-shadow: none;
}

.checkout-form .form-group .form-control:focus {
  border-color: var(--genel);
}

.checkout.cart-summary {
  float: none;
  background: #f9f9f9;
  padding: 30px;
  border-radius: 12px;
  margin-bottom: 30px;
}

.checkout.cart-summary h4 {
  font-size: 25px;
}

.checkout.cart-summary li {
  width: 100%;
  font: 13px 'Open Sans', Arial, Helvetica, sans-serif;
}

/* shop cart */

.shop-cart thead tr {
  background: var(--genel);
  color: var(--color-white);
}

.shop-cart thead tr th {
  text-transform: uppercase;
  font-weight: 500;
}

.shop-cart thead tr th,
.shop-cart thead tr td {
  white-space: nowrap;
}

.cart-img {
  width: 80px;
}

.cart-img img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--border-info-color);
}

.shop-cart tr td {
  color: var(--linkyazi);
  vertical-align: middle;
  border-bottom: 1px solid var(--border-info-color);
  border-top: none;
  position: relative;
  padding: 20px 10px;
  font-size: 16px;
}

.cart-qty {
  width: 150px;
}

.cart-qty button {
  color: var(--genel);
  border: 0;
  border-radius: 8px;
  padding: 4px 13px;
  background: var(--theme-bg-light);
}

.cart-qty button i {
  font-weight: 500;
}

.cart-qty input {
  width: 50px;
  padding: 4px 13px;
  border-radius: 8px;
  border: none;
  background: var(--theme-bg-light);
  color: var(--genel);
  text-align: center;
}

.cart-remove:hover {
  color: var(--genel);
}

.cart-footer {
  margin-top: 40px;
}

.cart-coupon {
  margin-bottom: 25px;
}

.cart-coupon .form-group {
  position: relative;
}

.cart-coupon .form-control {
  box-shadow: none;
  padding: 15px 110px 15px 14px;
  border-radius: 10px;
}

.cart-coupon .form-control:focus {
  border-color: var(--genel);
}

.coupon-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 8px 14px;
  font-weight: 500;
  color: var(--color-white);
  border: none;
  background: var(--genel);
  border-radius: 10px;
  transition: var(--transition);
}

.coupon-btn:hover {
  background: var(--linkyazi);
}

.cart-summary {
  float: right;
}

.cart-summary li {
  margin-bottom: 10px;
  width: 200px;
}

.cart-summary li span {
  float: right;
}

.cart-summary li strong {
  color: var(--linkyazi);
}

.cart-total {
  padding-top: 10px;
  border-top: 1px solid var(--border-info-color);
  font-size: 15px !important;
}
.cart-total span {
  font-size: 20px !important;
}
.cart-total span {
  font-weight: bold;
  color: color: #1f2a3b;
}