.cardbox img {
    width: 120%;
	max-width:120%;
    transition: all 0.3s ease-out;
}
.cardboxes {
        text-align: center;
    background: #fff;
    width: 100% !important;
    display: block;
    position: relative;
}
.cardbox {
    display: inline-table;
    float: none;
    width: 30%;
    transition: all 0.3s ease-out;
}
.cardboxes.active .cardbox img {
    width: 70%;
    float: right;
    opacity: 0.25;
}


  .cardbox {
    display:inline-table;
    float:none;
    width:30%;
    transition: all 0.3s ease-out;
  }
  .cardbox img {
    width:120%;
    transition: all 0.3s ease-out;

  }


 

  .cardboxes.active .cardbox img {
    width:70%;
    float:right;
    opacity:0.25;
  }
  .cardboxes.active .cardbox.active img {
    opacity:1;
    float:right;
  }
  #theme-page .theme-page-wrapper .theme-content,
.mk-grid {
  max-width:100%;
  margin:0;
  padding:0;
}
.card-deck-section {
  padding: 0 0 5vw 0;
}
.deck-cards {
  display:block;
  width:100%;
  height: 40vw;
 
  position: relative;
  padding-top:45vw;
  overflow: hidden;
  transition: all 1s ease-out;
}
.deck-cards, .background-pattern {
  background: #fff !important;
}
.deck-cards::before {
  content: " ";
  position: absolute;
  width:10vw;
  height: 12vw;
  background-image: url(../image/click-to-begin.png)!important;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  left:50%;
  top:8vw;
  margin-left:12vw;
  z-index: 99;
}
.deck-cards.active::before {
  opacity:0;
}
.deck-cards.active {
  height: 80vw;
}
.selected-card-single.active .selected-card-description {
  max-height: 30vw;
  overflow-y: scroll;
}
.deck-card.blank .deck-card {
  position: relative;
  top:auto!important;
  left:auto!important;
  margin: 0!important;
  transform:none!important;
  overflow: visible!important;
}
.deck-card.blank {
  position: relative;
  top:auto!important;
  left:auto!important;
  margin: 0 2vw!important;
  box-shadow: none;
  border: 2px dashed #C3B58C;
  transform:none!important;
  overflow: visible!important;
  border-radius:1vw;
}
.deck-card {
  display:block;
  position: absolute;
  top:10vw;
  left:50%;
  width:14.5vw;
  height: 20.5vw;
  transform: translateX(-50%);
  margin-left:-0.15vw;
  margin-top:0.35vw;
  transition: all 0.25s linear;
  overflow: hidden;
  cursor: pointer;
  border-radius: 1vw;
}
.deck-card .card-wrapper {
  width:14.5vw;
  height: 20.5vw;
  display:block;
}
.deck-card .back,
.deck-card .front {
  background-size: 100% 100%;
  width:14.5vw;
  height: 20.5vw;
  border-radius:1vw;
  margin: 0;
}
.deck-card.spread-out .card-wrapper .back,
.deck-card.spread-out .card-wrapper .front {
  box-shadow:0.4vw 0.1vw 1vw rgba(0,0,0,0.15);

}
.deck-card.draggable-card.spread-out:hover {
  transform: translate(-50%,15%) rotate(0deg)!important;
}
.deck-card.blank.card-dropped {
  border: none;
}

.deck-cards .deck-card.card-19 {
  box-shadow:0.4vw 0.1vw 1vw rgba(0,0,0,0.15);
}
.deck-cards .deck-card.card-18 {
  box-shadow:0.4vw 0.1vw 1vw rgba(0,0,0,0.15);
}

.deck-cards .deck-card.card-18 {
  z-index: 9;
}
.deck-cards .deck-card.card-18.spread-out {
  z-index: auto;
}
.deck-cards .deck-card.card-18 {
  transform: translate(-70%,5%) rotate(3deg);
  box-shadow:1vw 0.1vw 1vw rgba(0,0,0,0.15);
}
.deck-cards .deck-card.card-17 {
  transform: translate(-66%,5%) rotate(-2deg);
  box-shadow:01vw 0.1vw 1vw rgba(0,0,0,0.15);
}
.deck-cards .deck-card.card-16 {
  box-shadow:2.5vw 0.5vw 3vw rgba(0,0,0,0.25);
}
.deck-cards .deck-card.card-19 {
  transform: translate(-75%,2%) rotate(0deg);
  box-shadow:0.4vw 0.1vw 1vw rgba(0,0,0,0.15);
}

.deck-cards .deck-card.card-18:hover {
  transform: translate(-85%,0) rotate(-6deg);
}

.deck-cards .deck-card.spread-out {
  box-shadow:0.4vw 0.1vw 1vw rgba(0,0,0,0.15)!important;
}
.deck-cards.active .deck-card:hover {
  transform: translate(-50%,0) rotate(0deg);
}
.deck-card.blank.ui-droppable-hover {
  background-color:rgba(0,0,0,0.2);
  opacity:0.75;
}

.card-wrapper img {
  top:-1px;
  right:-1px;
  bottom:-1px;
  left:-1px;
  width:calc(100% + 2px);
  height:calc(100% + 2px);
}
.selected-card-single .deck-card.reverse-0 .card-wrapper img {

  transform: rotate(0deg)!important;
}

.selected-card-single .deck-card.reverse-1 .card-wrapper img  {

  transform: rotate(-180deg)!important;

}

.selected-cards {
  text-align: center;
  vertical-align: top;
  position: relative;

}
.selected-cards::before {
  display:block;
  content: " ";
  position: absolute;
  width:10vw;
  height: 12vw;
  background-image: url(../image/drag-me-message.png)!important;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  left:8vw;
  top:4vw;
  z-index: 99;
}
.selected-cards.hide-message::before {
  display:none;
}
.selected-card-single {
  display:inline-table;
  width:20%;
  transition: all 0.3s ease-out;
  vertical-align: top;
}
.selected-card-single h4 {
  position:absolute;
  font-family: belluga;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  text-transform:none;
  color:#C0A186;
  font-size:2vw;
  margin-top:-8vw;
  left:0;
  display:none;
  background-image: url(../image/oracledeckline.png)!important;
  background-size:23vw auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left:25vw;
}
.selected-card-single.active {
  width:95%;
}
.selected-card-single.active h4 {
  display:block;
}
.selected-card-description {
  display:block;
  float:left;
  width:28vw;
  display:none;
  text-align: left;
}
.selected-card-description p {
  font-size:1vw;font-family: 'Montserrat', sans-serif;
}
.selected-card-description p strong {
  font-weight: bold;
  color:#697278;
}
.selected-card-description h2 {
 
  color:#883D72;
  font-size:1.5vw;
  font-weight:500;

  text-transform: uppercase;
}
.selected-card-description h3 {
  font-family: "StoneSerif";
  font-size:1.5vw;
  color:#C0A186;
  font-style:italic;
  padding-left:2vw;
  margin-left:2vw;
  border-left:1px solid #C0A186;
  text-transform: none!important;
  margin-bottom:2vw;
}
.selected-card-single .deck-card.blank {
  width:14.5vw;
  display:block;
  float: left;
}

.selected-card-single.active .deck-card .card-wrapper,
.selected-card-single.active .deck-card .back,
.selected-card-single.active .deck-card .front,
.selected-card-single.active .deck-card {
  width:21.22vw!important;
  height: 30vw!important;
}

.selected-card-single.active .selected-card-description {
  display:block;
}

.deck-card.spread-out.card-1 {
  margin-left:-20vw;
  margin-top:3.6vw;
  transform: translate(-50%,0) rotate(-10deg);
}
.deck-card.spread-out.card-2 {
  margin-left:-18vw;
  margin-top:3.2vw;
  transform: translate(-50%,0) rotate(-8deg);
}
.deck-card.spread-out.card-3 {
  margin-left:-16vw;
  margin-top:2.6vw;
  transform: translate(-50%,0) rotate(-7deg);
}
.deck-card.spread-out.card-4 {
  margin-left:-14vw;
  margin-top:2.0vw;
  transform: translate(-50%,0) rotate(-6deg);
}
.deck-card.spread-out.card-5 {
  margin-left:-12vw;
  margin-top:1.5vw;
  transform: translate(-50%,0) rotate(-5deg);
}
.deck-card.spread-out.card-6 {
  margin-left:-10vw;
  margin-top:1.0vw;
  transform: translate(-50%,0) rotate(-4deg);
}
.deck-card.spread-out.card-7 {
  margin-left:-8vw;
  margin-top:0.7vw;
  transform: translate(-50%,0) rotate(-3deg);
}
.deck-card.spread-out.card-8 {
  margin-left:-6vw;
  margin-top:0.4vw;
  transform: translate(-50%,0) rotate(-2deg);
}
.deck-card.spread-out.card-9 {
  margin-left:-4vw;
  transform: translate(-50%,0) rotate(-1deg);
  margin-top:0.2vw;
}
.deck-card.spread-out.card-10 {
  margin-left:-2vw;
  transform: translate(-50%,0) rotate(0deg);
}
.deck-card.spread-out.card-11 {
  margin-left:0vw;
  margin-top:0.2vw;
  transform: translate(-50%,0) rotate(1deg);
}
.deck-card.spread-out.card-12 {
  margin-left:2vw;
  margin-top:0.4vw;
  transform: translate(-50%,0) rotate(2deg);
}
.deck-card.spread-out.card-13 {
  margin-left:4vw;
  margin-top:0.7vw;
  transform: translate(-50%,0) rotate(3deg);
}
.deck-card.spread-out.card-14 {
  margin-left:6vw;
  margin-top:1.0vw;
  transform: translate(-50%,0) rotate(4deg);
}
.deck-card.spread-out.card-15 {
  margin-left:8vw;
  margin-top:1.5vw;
  transform: translate(-50%,0) rotate(5deg);
}
.deck-card.spread-out.card-16 {
  margin-left:10vw;
  margin-top:2.0vw;
  transform: translate(-50%,0) rotate(6deg);
}
.deck-card.spread-out.card-17 {
  margin-left:12vw;
  margin-top:2.6vw;
  transform: translate(-50%,0) rotate(7deg);
}
.deck-card.spread-out.card-18 {
  margin-left:14vw;
  margin-top:3.2vw;
  transform: translate(-50%,0) rotate(8deg);
}
.deck-card.spread-out.card-19 {
  margin-left:16vw;
  margin-top:3.6vw;
  transform: translate(-50%,0) rotate(10deg);
}
.deck-card.spread-out.card-20 {
  margin-left:18vw;
  margin-top:3.6vw;
  transform: translate(-50%,0) rotate(10deg);
}
.deck-card.spread-out.card-21 {
  margin-left:20vw;
  margin-top:3.6vw;
  transform: translate(-50%,0) rotate(10deg);
}

.deck-card.ui-draggable-dragging {
  transform: translate(-50%,0) rotate(0deg)!important;
}

.deck-card.blank .card-wrapper {
  cursor: pointer;
  border-radius:1.1vw;
  overflow:hidden;
}
@media(max-width:768px){
  .selected-card-single.active .deck-card .card-wrapper,
  .selected-card-single.active .deck-card .back,
  .selected-card-single.active .deck-card .front,
  .selected-card-single.active .deck-card {
    width:24vw!important;
    height: 36vw!important;
  }
}
.deck-card {
  display: block;
  position: absolute;
  top: 10vw;
  left: 50%;
  width: 14.5vw;
  height: 20.5vw;
  transform: translateX(-50%);
  margin-left: -0.15vw;
  margin-top: 0.35vw;
  transition: all 0.25s linear;
  overflow: hidden;
  cursor: pointer;
  border-radius: 1vw;
}
#buybuttondeck {
	display: block;
	text-align: center;
	margin: 15px 0px;
}

.cardbox.active {
	display: inline-block;
}
.selected-card-description div, .selected-card-description div p {
	font-size: 1vw;
}

.deck_begin_text {
    transform: rotate(-10deg);
    position: absolute;
    width: 25vw;
    height: 15vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    left: 50%;
    top: 8vw;
    margin-left: 12vw;
    z-index: 99;
    font-size: 30px;
    line-height:39px;
    color: #baa46b;
    font-weight:600;
    font-family: Montserrat, sans-serif;
}
.deck_begin_text img{
    max-width: 50px !important;
    margin-top:10px;
}
.selected_card_text {
    transform: rotate(-10deg);
    display: block;
    content: " ";
    position: absolute;
    width: 25vw;
    height: 15vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    left: 8vw;
    top: 4vw;
    z-index: 99;
    font-size: 30px;
    line-height:39px;
    color: #baa46b;
    font-weight:600;
    font-family: Montserrat, sans-serif;
}
.selected_card_text img{
    max-width: 50px !important;
    margin-top:10px;
    -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

@media(max-width:768px){
    .selected_card_text, .deck_begin_text {
        font-size: 16px;
        line-height:24px;
    }
    .selected_card_text img, .deck_begin_text img{
        max-width: 30px !important;
    }
  .deck-card, .deck-card .card-wrapper, .deck-card .back, .deck-card .front, .selected-card-single .deck-card.blank {
    width: 20vw!important;
    height: 30vw!important;
  }

  .deck-cards {
    height: 60vw!important;
    padding-top:60vw!important;
  }
  .card-deck-section p {
    font-size: 16px!important;
  }

  .selected-card-description h2 {
    font-size: 22px!important;
  }
  .selected-card-description h3 {
    font-size: 18px!important;
  }

  .deck-cards.active {
    height: 200vw!important;
  }
  .selected-card-single.active .selected-card-description {
    max-height: 90vw!important;
    overflow-y:scroll!important;
  }
  

  .selected-card-description {
    position: absolute!important;
    top:40vw!important;
    left:5vw!important;
    right:5vw!important;
    width:90vw!important;
  }
  .selected-card-single.active {
    width:30%!important;
  }
  .selected-card-single.active .deck-card.blank,
  .selected-card-single.active .deck-card,
  .selected-card-single.active .deck-card .card-wrapper,
  .selected-card-single.active .deck-card .back,
  .selected-card-single.active .deck-card .front {
    width:24vw!important;
    height: 36vw!important;
  }
  .selected-card-single.active .deck-card .card-wrapper,
  .selected-card-single.active .deck-card .back,
  .selected-card-single.active .deck-card .front,
  .selected-card-single.active .deck-card {
    width:24vw!important;
    height: 36vw!important;
  }

  .selected-card-single {
    text-align: center!important;
  }
  .selected-card-single .deck-card.blank {
    display:inline-table!important;
    float:none!important;
  }
  .section.feature .flex-item .featured-logo {
    width:33.33333%!important;
  }
  .selected-card-single.active .selected-card-description {
    max-height: 90vw!important;
    overflow-y: scroll!important;
  }
  .selected-card-single.active .selected-card-description {
    display:block!important;
  }
  .cardboxes.active {
    padding-right:5vw!important;
    padding-left:5vw!important;
  }
  .cardboxes.active .cardbox img {
    width:120%!important;
  }
  .selected-card-description div, .selected-card-description div p {
    font-size: 16px;
  }
}