html {
  scroll-behavior: smooth;
}

/* Scroll Bar Settings */
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(33, 33, 33, .5);
    outline: 1px solid slategrey;
    cursor: pointer;
}

.contactForm ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white !important;
}
.contactForm ::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
}
.contactForm :-ms-input-placeholder { /* IE 10+ */
  color: white !important;
}
.contactForm :-moz-placeholder { /* Firefox 18- */
  color: white !important;
}

/* Scroll Bar Settings End */
/* General Use */
body					{}
#main					{}
#soft	{
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
}
.center-w {
  display:table !important;
  margin: auto !important;
  float: none !important;
}

.center-h {
  align-items: center !important;
  display: flex !important;
}

.pos-sticky {
  position: sticky;
}
/* General Use End */
/* Navbar Settings */
.navbar {
	background-color: transparent !important;
	border:0px !important;
}
.navbar-default {
	background-color: none !important;
	border:0px !important;
}
.navbar-default .navbar-form {
	display: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: none;
}
/* Navbar Settings End */
/* Reset Css Settings */
a {
	text-decoration: none !important;
}
ul {
	padding: none !important;
	list-style: none !important;
}
/* Reset Css Settings End */
/* Parallax Image Settings */
.parallax {
	/* Image, style olarak, parallax clasının verildiği nesneye verilir. */  
    /* Height olmaz ise parallax özelliği çalışmaz. Parallax clasının verildiği nesneye style yada farklı bir şekilde, min-height değeri tanımlanması gerekir. */
    /* Parallax Scroll Efecti */    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Parallax Scroll Efecti End */  
}
/* Parallax Image Settings End */
.mavenPro {
  font-family: 'Maven Pro', sans-serif !important;
}
.openSans {
  font-family: 'Open Sans', sans-serif !important;
}

/* Font Settings */
.josefin-regular {
	font-family: 'josefin-regular' !important;
	font-weight: normal !important;
}

.josefin-semibold {
	font-family: 'josefin-semibold' !important;
	font-weight: normal !important;
}


.josefin-bold {
	font-family: 'josefin-bold' !important;
	font-weight: normal !important;
}
.sports-regular {
	font-family: 'sports-regular' !important;
	font-weight: normal !important;
}
/* Font Settings End */

/* ========== Number İnput ========== */
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 1px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  cursor: pointer;
  margin: 0;
  position: relative;
  border-radius: 3px;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 6px;
  height: 2px;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  font-family: sans-serif;
  padding: .5rem;
  border: solid #ddd;
  border-width: 0 1px;
  font-size: 14px;
  height: 38px;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
}
/* ========== Number İnput End ========== */
.op-hover:hover {
  opacity: 1 !important;
}

@media screen and (max-width:768px) {
  .col-xs-btr-ra100 {
    border-top-right-radius: 100px !important;
  }
  .mobilTop {
    margin-top:25px !important;
  }
}


/* ========== Flash class and keyframe animation ========== */
.flashit{
  -webkit-animation: flash linear 5s infinite;
  animation: flash linear 5s infinite;
}
@-webkit-keyframes flash {
  0% { opacity: 1; } 
  50% { opacity: .1; } 
  100% { opacity: 1; }
}
@keyframes flash {
  0% { opacity: 1; } 
  50% { opacity: .1; } 
  100% { opacity: 1; }
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/* ========== Flash class and keyframe animation End ========== */
/* === Account === */
#accountline {
  height:0px;
  overflow: hidden;
}
.accountactions li:last-child {
  border-right:0px !important;
}
header .top .active {
  color:#fff  !important;
}
header .top .active .icon-up5 {
  color:#fff !important;
  top:-7px !important;
}



@media screen and (max-width:992px) {
  .accountname {
    margin-bottom:15px;
    margin-left:-10px;
    margin-right:-10px;
    margin-top:-10px;
    width:-webkit-fill-available;
    background-color:rgba(0,0,0,0.1);
    padding-top:10px;
    padding-bottom:10px;
  }
}
/* === Account End === */
@media screen and (max-width:992px) {
  .col-sm-owa-y {
    overflow-y: auto !important;
  }
  .col-sm-pos-sticky {
    position: sticky !important;
  }
  .navContent {
    margin-left:-100%;
  }
  #gate {
    top:initial !important;
  }
}

.urunlistesi .owl-theme .owl-controls {
  margin-top:-40px !important;
}

.copyiban.active i {
  color:#e3000f !important;
  opacity: 1 !important;
}
.new-visual .owl-wrapper-outer {
  border-radius: 10px !important;
  background-color:white !important;
  box-shadow: -1px 0px 7px rgba(0,0,0,0.05) !important;
}

.siralamaButtons a {
  color:#363636;
}
.siralamaButtons .active a {
  background-color:rgba(227,0,15,1)!important;
  color:white !important;
}

.colorsHeight::-webkit-scrollbar {
    width: 1px;
}
.colorsHeight::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
.colorsHeight::-webkit-scrollbar-thumb {
    background-color: rgba(33, 33, 33, .3);
    outline: 1px solid slategrey;
    cursor: pointer;
}

.inside-zoom:hover .kaybol {
 opacity: 0 !important; 
}
#carousel .slick-next {
  right:35px !important;
}
#carousel .slick-prev:before, #carousel .slick-next:before {
  font-size:40px !important;
}

.varyantcolor {
  border:solid 1px rgba(0,0,0,0);
  border-radius:10px;
}
.pierreCardin .varyantcolor.active {
  border-color:black !important;
}
.varyantcolor.active {
  border-color:#e40a7f !important;
}

@media screen and (max-width:768px) {
  .colorsHeight .item {
    width:70px !important;
  }
  .col-xs-wi {
    width:initial !important;
  }
  header .sepet-uruncesit {
    top: -14px !important;
    right: -14px !important;
  }
  .col-xs-bsn {
    box-shadow:none !important;
  }
  .col-xs-back-none {
    background:none !important;
  }
}

.bs4 {
  box-shadow:0px -60px 68px rgba(0,0,0,.07);
}



.colorsHeight::-webkit-scrollbar {
    height: 1px !important;
    width: 1px !important;
}
.colorsHeight::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
.colorsHeight::-webkit-scrollbar-thumb {
    background-color: rgba(33, 33, 33, .3);
    outline: 1px solid slategrey;
    cursor: pointer;
}

.toggleBox.active .glasswhite {
  background-color:rgba(227,0,15,.8)!important;
}
.toggleBox.active .glasswhite .colored2 {
  color:#fff !important;
}



/* Bootstrap Modal Centered */
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* Bootstrap Modal Centered End */

.bc4 {
  border-color:white !important;
}

/* ========== Ödeme Sayfası Ayarları ========== */
.pos-sticky {
  position: sticky !important;
}

@media screen and (max-width:768px) {
 #odeme1 .pos-sticky {
    position: relative !important ;
  }
}

.toggles:hover {
  background-color:rgba(227,0,15,1)!important;
  color:#fff !important; 
}
.toggles:hover span {
  color:#fff !important;
}

#pnlTaksit select {
  height:49px;
  border-radius:30px !important;
}
.toggles.active span, .toggles.active i {
  color:#fff !important;
}

@media screen and (max-width: 1200px) {
  #part-one .toggles {
    display:block !important;
    text-align: center !important;
  }
  #part-one .toggles i {
    font-size:50px !important;
    line-height:50px !important;
    width: 100% !important;
    text-align: center !important;  
    margin-bottom:10px;
  }
  #part-one .toggles.ptt-toggle span  {
    font-size:12px !important ;
  }
  #part-one .toggles .center-h {
    width: 100% !important;
  }
}

@media screen and (max-width: 992px) {
  #part-one .toggles.ptt-toggle span  {
    font-size:14px !important;
    line-height: 21px !important;
  }
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
#cardcontent{
  background-color: transparent;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.cardInner {
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
#cardcontent:hover .cardInner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.cardInner .front, .cardInner .back {
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */


/* Style the back side */
.cardInner .back {
  transform: rotateY(180deg);
}


.mobilecontent {
  display:none;
}
#cardcontent.mobile {
  display:none !important;
}
@media screen and (max-width:992px) {
  .mobilecontent {
    display:flex;
    align-items: center;
  }
  #cardcontent.mobile {
    display:block !important;
  }
}


.front .card-visual {
  padding:10%;
}
.front .chip {
  width:22%;height:35%; background-color:rgba(0,0,0,0.2);
}
.front .chip .chipIn {
  width:75%;height:60%;background-color:rgba(255,255,255,.3);
}
.front .card-name {
  bottom:17%;font-size:160%;text-transform:uppercase;
}
.front .card-number {
  margin-top:6%;font-size:235%;letter-spacing:5px;
}
.front .card-date {
  bottom:17%;font-size:130%;padding-right:10%;
}
.front .card-date .title {
  font-size:80%;top:-75%;letter-spacing:1px;
}

.back .card-visual {
  padding:10%;
}
.back .line {
  top:12%;
}
.back .line .lineIn {
  width:75%;height:60%;background-color:rgba(255,255,255,.3);top:10%;
}
.back .signature {
  margin-top:16%;
}
.back .signature .signatureIn .card-cvv {
  letter-spacing:2px;
}
.back .chip {
  width:22%;height:35%; background-color:rgba(0,0,0,0.2);margin-top:7%;
}
.back .chipIn {
  width:75%;height:60%;background-color:rgba(255,255,255,.3);
}
.back .text {
  width:78%;height:35%;margin-top:7%;padding-left:5%;
}

@media screen and (max-width:768px) {
  .front .card-number {
    font-size:4vw;letter-spacing:.1vw;
  }
  .front .card-name {
    font-size:3vw;
  }
  .front .card-date {
    font-size:3vw;
  }
  .back .line {
    padding:4vw 0vw !important;
  }
  .signatureIn {
    padding:4vw 0vw !important;
  }
  .card-cvv {
    font-size: 4vw !important;
    letter-spacing: 0.2vw;
  }
  .back .text {
    font-size:2vw !important;
  }
}

@media screen and (max-width:420px) {
  .back .text {
    font-size:1.5vw !important;
  }
}

/* Customize the label (the container) */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #d6639a ;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}





/* Customize the label (the container) */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #F24B59;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkbox-container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
























/* Havale İle Ödeme */
#hvl-box p.title:first-child {
  width: 100%;
  float: left;
  font-family: 'fw7';
  font-size: 18px;
  border-bottom: 1px dashed rgba(0,0,0,0.2);
  padding-bottom: 30px;
  margin-top: 15px;
  text-transform: uppercase;
  color: #3c464f;
}
#hvl-box .bankbox {
  width: 50%;
  float: left;
  padding:25px;
}

@media screen and (max-width:768px) {
  #hvl-box .bankbox {
    width: 100% !important;  
    border-left:none !important;
    border-right:none !important;
    border-bottom:1px dashed rgba(0,0,0,0.2);
  }
}



#hvl-box .bankbox:nth-child(1) {
  
} 
#hvl-box .bankbox:nth-child(2) {
  border-bottom:1px dashed rgba(0,0,0,0.1);
  border-right:1px dashed rgba(0,0,0,0.1);
} 

#hvl-box .bankbox:nth-child(3) {
  border-bottom:1px dashed rgba(0,0,0,0.1);
}

#hvl-box .bankbox:nth-child(4) {
  border-right:1px dashed rgba(0,0,0,0.1);
} 





#hvl-box .bankbox p:first-child {
  font-family:arial;
  font-weight:600;
  font-size:15px;
  color:#e6b62f;
}
#hvl-box .bankbox p:nth-child(2) {
  font-family: 'fw6';
  font-size: 13px;
  color: #ffffffd9;
  width: 100px;
  float: left;
  background-color: #3c464f;
  border-radius: 3px;
  padding: 15px;
  text-align: left;
  letter-spacing: .2px;
  margin-right: 15px;
}

#hvl-box .bankbox p:nth-child(3) {
  margin-top: 20px;
  font-family: 'fw6';
  opacity: .8;
}
#hvl-box .bankbox p:nth-child(4) {
  font-family: 'fw7';
  font-size: 16px;
  line-height: 16px;
  letter-spacing: .3px;
}
#hvl-box .bankbox p:nth-child(5) {
  font-family: 'fw4';
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .3px;
  opacity: .8;
}
/* Havale İle Ödeme End */


.kapida-odeme-text {
  width: 70%;
  padding: 25px;
  float: left;
  font-family: 'fw6';
  font-size: 16px;
  margin: 0px;
  align-items: center;
  display:flex;
}
@media screen and (max-width:768px) {
  .kapida-odeme-text {
    width: 100% !important ;  
  }
}
.kapida-odeme-text .center-content {
  width: 100%;
  float: left;
}

.mha {
  min-height: auto !important;
}
.maxha {
  max-height: auto !important;
}


/* ========== Ödeme Sayfası Ayarları End ========== */


/* ========== Marka Theme ========== */
.miodino .b-gren {
  background-color:#2a3a8f !important;
}
.miodino .colored2 {
  color:#2a3a8f !important;
}
.miodino .visual {
  position: relative;
  overflow: hidden;
  border-radius:10px;
}
.miodino .visual:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 21px;
  width: 50%;
  background-image: url(../img/miodino2.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 20px;
  background-size: 52%;
  background-color:rgb(42 58 143);
  backdrop-filter: saturate(180%) blur(20px);
  margin-left: 25%;
  border-radius: 110px;
  
}

.bebus .b-gren {
  background-color:rgba(227,0,15,1) !important;
}
.bebus .visual {
  position: relative;
  overflow: hidden;
  border-radius:10px;
}
.bebus .visual:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 21px;
  width: 50%;
  background-image: url(../img/logo.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 20px;
  background-size: 52%;
  background-color: rgb(255 255 255 / 70%);
  backdrop-filter: saturate(180%) blur(20px);
  margin-left: 25%;
  border-radius: 110px;
}

.markaHoverContent.miodinoConsepet:hover {
  box-shadow:0px 0px 1px 10px rgba(44, 58, 143,.2);
}
.markaHoverContent.bebusConsepet:hover {
  box-shadow:0px 0px 1px 10px rgba(227,0,15,.2);
}

@media screen and (min-width:768px) {
  /*.markaHoverContent:hover {
    padding-bottom:27px;
  }*/
}
.markaHoverContent:hover .fakeButton {
  bottom:-40px !important;
}
@media screen and (max-width:768px) {
  .markaHoverContent {
    height:130px !important;
  }
}
/* ========== Marka Theme End ========== */


/* Bootstrap Carousel */
.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}

// non-related styling:
body{
  background: #333;
  color: #ddd;
}
h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
}
/* Bootstrap Carousel End */

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    z-index: 100;
    position: relative;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 2px 2px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
    z-index: 100;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background-color:rgba(227,0,15,1)!important;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

#brands-carousel-slider img {
    border: 1px solid #efefef;
    width:145px;
}

#brands-carousel-slider .item {
    background: #fff none repeat scroll 0 0;
    height: 100px;
    margin: 0 15px;
    text-align: center
}
.brands-slider {
    padding: 30px 15px;
    position: relative;
    margin: 15px 0
}
.brands-slider .slider-btn:hover,
.brands-slider .slider-btn:focus {
    background-color: #000
}
.brands-slider .slider-btn {
    background-image: none;
    background-color: #ccc;
    border: 5px solid #fff;
    text-align: center;
    font-size: 22px;
    border-radius: 50%;
    color: #fff;
    font-weight: normal;
    height: 38px;
    line-height: normal;
    opacity: 1;
    position: absolute;
    top: 40%;
    text-shadow: none;
    vertical-align: middle;
    width: 38px;
    cursor: pointer
}
.brands-slider .prev {
    left: -1.5%
}
.brands-slider .next {
    right: -1.5%
}
.testimonials-slider {
    position: relative
}
.img-new-tag:after,
.img-new-tag:before {
    background: transparent
}
/* === Font Weight === */
.fw1 {
  font-weight:100 !important;
}
.fw2 {
  font-weight:200 !important;
}
.fw3 {
  font-weight:300 !important;
}
.fw4 {
  font-weight:400 !important;
}
.fw5 {
  font-weight:500 !important;
}
.fw6 {
  font-weight:600 !important;
}
.fw7 {
  font-weight:700 !important;
}
.fw8 {
  font-weight:800 !important;
}
.fw9 {
  font-weight:900 !important;
}
@media screen and (max-width: 992px) {
  .col-sm-fw1 {
    font-weight: 100 !important;
  }
  .col-sm-fw2 {
    font-weight: 200 !important;
  }
  .col-sm-fw3 {
    font-weight: 300 !important;
  }
  .col-sm-fw4 {
    font-weight: 400 !important;
  }
  .col-sm-fw5 {
    font-weight: 500 !important;
  }
  .col-sm-fw6 {
    font-weight: 600 !important;
  }
  .col-sm-fw7 {
    font-weight: 700 !important;
  }
  .col-sm-fw8 {
    font-weight: 800 !important;
  }
  .col-sm-fw9 {
    font-weight: 900 !important;
  }
}
@media screen and (max-width: 768px) {
  .col-xs-fw1 {
    font-weight: 100 !important;
  }
  .col-xs-fw2 {
    font-weight: 200 !important;
  }
  .col-xs-fw3 {
    font-weight: 300 !important;
  }
  .col-xs-fw4 {
    font-weight: 400 !important;
  }
  .col-xs-fw5 {
    font-weight: 500 !important;
  }
  .col-xs-fw6 {
    font-weight: 600 !important;
  }
  .col-xs-fw7 {
    font-weight: 700 !important;
  }
  .col-xs-fw8 {
    font-weight: 800 !important;
  }
  .col-xs-fw9 {
    font-weight: 900 !important;
  }
}
/* === Font Weight End === */ 

.menuHover:hover {
  background-color:#efefef;
}

.center-h   {
    align-items: center;
    display: flex;
}
.center-w  {
    display:table;
    font: none;
    margin:auto;
} 

.bs3 {
    -webkit-box-shadow: 42px 38px 42px -38px rgba(0,0,0,.58);
    -moz-box-shadow: 42px 38px 42px -38px rgba(0,0,0,.58);
    box-shadow: 42px 38px 42px -38px rgba(0,0,0,.58);
}


 .slick-prev,  .slick-next {
    z-index: 15;
}
 .slick-prev:before,  .slick-next:before {
    font-size:33px !important;
}
 .slick-prev {
    left:25px !important;  
}
 .slick-next {
    right:25px !important;
}
 .slick-dots {
    bottom:5px !important;
}
#bannerContent .slick-dots {
  bottom:-35px !important;
}
.magaza .slick-dots {
    bottom:-25px !important;
}
.slick-dots li {
  width:initial !important;
  height:initial !important;
  padding:0px !important;
}
.slick-dots li button {
  width:initial !important;
  height:initial !important;
  padding:0px !important;
  margin-left:5px !important;
  margin-right:5px !important;
}
 .slick-dots li button:before {
    font-size:10px !important;
    width: 10px !important;
    height: 10px !important;
    color:transparent !important;
    background: rgb(227,0,15);
    background: linear-gradient(90deg, rgba(227,0,15,1) 0%, rgba(219,77,0,1) 100%);
    opacity: .3;
    border-radius:50%;
    padding:0px !important;
}
}
 .slick-dots li.slick-active button {
    opacity: 1 !important;
}

.wall:before {
    content:"";
    width: 100%;
    height: 100%;
    background-repeat:repeat;
    position: absolute;
    background-image:url(../img/wall.jpg);
    z-index: -1;
    background-size: 30%;
    opacity: .5;
}

.newlist .list {
    margin-top:-15px;
}
.newlist .slick-next {
    top:0 !important;
}


@media screen and (min-width: 992px) {
  .new-visual img {
    max-height: 221.97px;
    margin: auto;
  }
}



@media screen and (max-width:768px) {
  .mobilMenuContent {
    margin-left:-100%;
  }
  .closeToggle {
    margin-right:-100%;
  }
}



.spin {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
.spin-slow {
    -webkit-animation:spin 20s linear infinite;
    -moz-animation:spin 20s linear infinite;
    animation:spin 20s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }