.pattern1 {
    background-image: url(../img/pattern/pattern1.png);
}
.pattern2 {
    background-image: url(../img/pattern/hearts.png);
}
.pattern3 {
    background-image: url(../img/pattern/dots.png);
}
.pattern4 {
    background-image: url(../img/pattern/bottles.png);
}
.pattern5 {
    background-image: url(../img/pattern/ballons.png);
}
.pattern6 {
    background-image: url(../img/pattern/stars.png);
}
.pattern7 {
    background-image: url(../img/pattern/rose.png);
    background-size: contain;
}
.pattern8 {
    background-image: url(../img/pattern/texture.png);
    background-size: contain;
}
.pattern9 {
    background-image: url(../img/pattern/letter.png);
}
.pattern10 {
    background-image: url(../img/pattern/light-paper-fibers.png);
}
.pattern11 {
    background-image: url(../img/pattern/light-sketch.png);
}
.pattern12 {
    background-image: url(../img/pattern/whitey.png);
}
.pattern13 {
    background-image: url(../img/pattern/brick-wall.png);
}
.pattern14 {
    background-image: url(../img/pattern/xv.png);
}


.pattern15 {
    background-image: url(../img/pattern/Champagne.png);
}
.pattern16 {
    background-image: url(../img/pattern/GiftBoxes.png);
}
.pattern17 {
    background-image: url(../img/pattern/GraduationCap.png);
}
.pattern18 {
    background-image: url(../img/pattern/Hats1.png);
}
.pattern19 {
    background-image: url(../img/pattern/pacifiers.png);
}
.pattern20 {
    background-image: url(../img/pattern/Rings.png);
}
.pattern21 {
    background-image: url(../img/pattern/strollers.png);
}
.pattern22 {
    background-image: url(../img/pattern/WeddingBells.png);
}


.pattern23 {
    background-image: url(../img/pattern/Soccer.png);
}
.pattern24 {
    background-image: url(../img/pattern/Basketball.png);
}

.pattern25 {
    background-image: url(../img/pattern/Animals.png);
}
.pattern26 {
    background-image: url(../img/pattern/Guitars.png);
}
.pattern27 {
    background-image: url(../img/pattern/Party.png);
}
.pattern28 {
    background-image: url(../img/pattern/Weights.png);
}
/* --------------------------------------------------------------- */


/*.color1 {
    background: #ff6000;
    background: linear-gradient(135deg, #ff6000 49%, #ff6000 50%, #ffa800 51%, #ffa800 100%);
}

.color2 {
    background: #00baf2;
    background: linear-gradient(135deg, #00baf2 49%, #00baf2 50%, #1c3481 51%, #1c3481 100%);
}

.color3 {
    background: #f1bb3a;
    background: linear-gradient(135deg, #f1bb3a 49%, #f1bb3a 50%, #0083c1 51%, #0083c1 100%);
}
.color4 {
    background: #f15838;
    background: linear-gradient(135deg, #f15838 49%, #f15838 50%, #6465a5 51%, #6465a5 100%);
}

.color5 {
    background: #252525;
    background: linear-gradient(135deg, #252525 49%, #252525 50%, #2690e4 51%, #2690e4 100%);
}

.color6 {
    background: #f97c2d;
    background: linear-gradient(135deg, #f97c2d 49%, #f97c2d 50%, #84b213 51%, #84b213 100%);
}
.color7 {
    background: #CC3333;
    background: linear-gradient(135deg, #CC3333 49%, #CC3333 50%, #666666 51%, #666666 100%);
}

.color8 {
    background: #572135;
    background: linear-gradient(135deg, #572135 49%, #572135 50%, #BD7A64 51%, #BD7A64 100%);
}

.color9 {
    background: #EE5769;
    background: linear-gradient(135deg, #EE5769 49%, #EE5769 50%, #29828B 51%, #29828B 100%);
}
.color10 {
    background: #81B37E;
    background: linear-gradient(135deg, #81B37E 49%, #81B37E 50%, #C1D096 51%, #C1D096 100%);
}

.color11 {
    background: #A498B2;
    background: linear-gradient(135deg, #A498B2 49%, #A498B2 50%, #4A8AB1 51%, #4A8AB1 100%);
}

.color12 {
    background: #384871;
    background: linear-gradient(135deg, #384871 49%, #384871 50%, #A2266C 51%, #A2266C 100%);
}*/


/* -- radio / checkbox
/*      Checkbox and radio         */
.checkbox,
.radio {
  margin-bottom: 12px;
  padding-right: 30px;
  position: relative;
  -webkit-transition: color,opacity 0.25s linear;
  transition: color,opacity 0.25s linear;
  font-size: 18px;
  font-family:Rubik;
  line-height: 1.5;
  color: #66615b;
  cursor: pointer;
}
.checkbox .icons,
.radio .icons {
  color: #66615b;
  display: block;
  height: 20px;
  right: auto;
  position: absolute;
  top: 0;
  width: 20px;
  text-align: center;
  line-height: 21px;
  font-size: 20px;
  cursor: pointer;
  /*-webkit-transition: color,opacity 0.15s linear;
  transition: color,opacity 0.15s linear;*/
  opacity: .50;
}
.checkbox.checked .icons,
.radio.checked .icons {
  opacity: 1;
}

.radioHorizontal label{float:right; margin-left:15px;}
.radioHorizontal .radio+.radio, .radioHorizontal .radio  {margin-top:0px !important;}
	
.checkbox input,
.radio input {
  outline: none !important;
  display: none;
}
/*
.checkbox label,
.radio label {
  padding-left: 10px;
}
*/
.checkbox .icons .first-icon,
.radio .icons .first-icon,
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}

.checkbox .icons .second-icon,
.radio .icons .second-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}

.checkbox:hover,
.radio:hover {
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
/*
.checkbox:hover .first-icon,
.radio:hover .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
*/
.checkbox:hover .second-icon,
.radio:hover .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}

.checkbox.checked .first-icon,
.radio.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}

.checkbox.checked .second-icon,
.radio.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.checkbox.disabled,
.radio.disabled {
  cursor: default;
  color: #DDDDDD;
}

.checkbox.disabled .icons,
.radio.disabled .icons {
  color: #DDDDDD;
}

.checkbox.disabled .first-icon,
.radio.disabled .first-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}

.checkbox.disabled .second-icon,
.radio.disabled .second-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}

.checkbox.disabled.checked .icons,
.radio.disabled.checked .icons {
  color: #DDDDDD;
}

.checkbox.disabled.checked .first-icon,
.radio.disabled.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}

.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
  opacity: 1;
  color: #DDDDDD;
  filter: alpha(opacity=100);
}

@media only screen and (min-width: 768px){

    .pattern7,.pattern8 {
        background-size:contain;
    }


}