@import url('https://fonts.googleapis.com/css?family=Montserrat|Parisienne');
body, html {background: transparent;}

#select_filter_background {overflow: auto; padding-right: 0;}
#select_filter_background div.choosethumb {height: 111px; width: 111px; float: left; overflow:hidden; margin: 0 0 10px;}
#select_filter_background div.choosethumb.odd {margin: 0 5px 10px 0;}
#select_filter_background div.choosethumb.even {margin: 0 0 10px 5px;}
#display_filter_text { background-color: transparent; background-size: 100% 100%; background-repeat: none; width: 470px; height: 836px; margin: 0 auto 15px;; text-align: center;}
div.choosethumb {border: 1px solid #fff;}
div.choosethumb.active {border: 1px solid #40c1c3;}

.filter1 {background-image: url("img/filter1-preview.jpg");}
.filter2 {background-image: url("img/filter2-preview.jpg");}
.filter3 {background-image: url("img/filter3-preview.jpg");}
.filter4 {background-image: url("img/filter4-preview.jpg");}
.filter5 {background-image: url("img/filter5-preview.jpg");}
.filter6 {background-image: url("img/filter6-preview.jpg");}
.filter7 {background-image: url("img/filter7-preview.jpg");}
.filter8 {background-image: url("img/filter8-preview.jpg");}
.filter9 {background-image: url("img/filter9-preview.jpg");}
.filter10 {background-image: url("img/filter10-preview.jpg");}
.filter11 {background-image: url("img/filter11-preview.jpg");}
.filter12 {background-image: url("img/filter12-preview.jpg");}
.filter13 {background-image: url("img/filter13-preview.jpg");}
.filter14 {background-image: url("img/filter14-preview.jpg");}

#display_filter_text {font-size: 16px;}
#popup_display {font-size: 36px; overflow: visible; text-align: center;}
textarea#snapmsg {background: none; width: 80%; border: none; text-align: center; color: #fff; padding: 10px; resize: none;}
input.name1, input.name2, input.symbol, input.weddingdate {padding: 1px; color: #fff; background: none; border: none;}
input.name1 {text-align: right;}
input.name2 {text-align: left;}
input.symbol {font-size: 2em; text-align: center; width: 6%;}
.filter2 input.symbol, .snap2 input.symbol, .filter12 input.symbol, .snap12 input.symbol {width: 3%;}
.filter3 input.symbol, .snap3 input.symbol, .filter11 input.symbol, .snap11 input.symbol {width: 10%;}
.filter14 input.symbol, .snap14 input.symbol {width: 12%;}
input.name1, input.name2 {font-size: 2em; width: 30%; margin: 0 5px; display: inline-block;}
input.weddingdate {font-size: 1.2em; width: 80%; margin: 0 auto; text-align: center;}
.filter1 input, .snap1 input {font-family: 'Parisienne', cursive; margin-top: 15%;}
.filter2 input, .snap2 input {font-family: 'Montserrat', sans-serif; text-transform: uppercase;  color: #044564;}
.filter2 input.name1, .filter2 input.name2, .snap2 input.name1, .snap2 input.name2, .filter2 input.symbol, .snap2 input.symbol  {margin-top: 158%; font-size: 1em;}
.filter2 input.weddingdate, .snap2 input.weddingdate {font-size: .9em;}
.filter3 input, .snap3 input {font-family: 'Montserrat', sans-serif; color: #044564;}
.filter3 input.name1, .filter3 input.name2, .snap3 input.name1, .snap3 input.name2, .filter3 input.symbol, .snap3 input.symbol  {margin-top: 20%;}
.filter3 input.weddingdate, .snap3 input.weddingdate {font-size: .9em; margin-top: 10px}
.filter4 input, .snap4 input {font-family: 'Montserrat', sans-serif; color: #044564; margin-top: 18%;}
.filter4 input.weddingdate, .snap4 input.weddingdate {font-size: 1em;}
.filter5 input.name1, .filter5 input.name2, .snap5 input.name1, .snap5 input.name2, .filter5 input.symbol, .snap5 input.symbol  {font-family: 'Parisienne', cursive; color: #044564; margin-top: 161%;}
.filter6 input, .snap6 input {font-family: 'Parisienne', cursive; color: #044564;}
.filter6 input.name1, .filter6 input.name2, .snap6 input.name1, .snap6 input.name2, .filter6 input.symbol, .snap6 input.symbol  {margin-top: 8%; font-size: 1.5em;}
.filter6 input.weddingdate, .snap6 input.weddingdate {font-family: 'Montserrat', sans-serif; font-size: .8em;}
.filter7 input, .snap7 input {font-family: 'Parisienne', cursive;}
.filter7 input.name1, .filter7 input.name2, .snap7 input.name1, .snap7 input.name2, .filter7 input.symbol, .snap7 input.symbol  {margin-top: 8%; font-size: 1.5em;}
.filter7 input.weddingdate, .snap7 input.weddingdate {font-family: 'Montserrat', sans-serif; font-size: 1em;}
.filter8 input, .snap8 input {font-family: 'Parisienne', cursive; color: #044564; margin-top: 8%;}
.filter9 input, .snap9 input {font-family: 'Parisienne', cursive;}
.filter9 input.name1, .filter9 input.name2, .snap9 input.name1, .snap9 input.name2, .filter9 input.symbol, .snap9 input.symbol  {margin-top: 17%;}
.filter9 input.weddingdate, .snap9 input.weddingdate {font-family: 'Montserrat', sans-serif; font-size: 1em;}
.filter10 input, .snap10 input {font-family: 'Montserrat', sans-serif; color: #044564; font-size: 1em;margin-top: 160%; }
.filter10 input.weddingdate, .snap10 input.weddingdate {font-size: 1em;}
.filter11 input, .snap11 input {font-family: 'Montserrat', sans-serif; color: #044564;}
.filter11 input.name1, .filter11 input.name2, .snap11 input.name1, .snap11 input.name2, .filter11 input.symbol, .snap11 input.symbol  {margin-top: 4%;}
.filter11 input.weddingdate{font-size: 1em; margin-top: 35px;}
.filter12 input, .snap12 input {font-family: 'Parisienne', cursive; color: #044564;}
.filter12 input.name1, .filter12 input.name2, .snap12 input.name1, .snap12 input.name2, .filter12 input.symbol, .snap12 input.symbol  {margin-top: 146%;}
.filter12 input.weddingdate, .snap12 input.weddingdate {font-family: 'Montserrat', sans-serif; color: #044564; text-transform: uppercase; font-size: 1em;}
.filter13 input, .snap13 input {font-family: 'Montserrat', sans-serif; color: #044564;}
.filter13 input.name1, .filter13 input.name2, .snap13 input.name1, .snap13 input.name2, .filter13 input.symbol, .snap13 input.symbol  {margin-top: 11%;}
.filter13 input.weddingdate, .snap13 input.weddingdate {font-size: 1em;}
.filter14 input, .snap14 input {font-family: 'Parisienne', cursive; color: #044564;}
.filter14 input.name1, .filter14 input.name2, .snap14 input.name1, .snap14 input.name2, .filter14 input.symbol, .snap14 input.symbol  {margin-top: 3%;}
.filter14 input.name1, .snap14 input.name1 {width: 29%;}
.filter14 input.weddingdate, .snap14 input.weddingdate {font-family: 'Montserrat', sans-serif; color: #044564;}

.filter1 input.weddingdate, .filter4 input.name1, .filter4 input.name2, .filter5 input.weddingdate, .filter8 input.weddingdate, .filter10 input.name1, .filter10 input.name2, .snap1 input.weddingdate, .snap4 input.name1, .snap4 input.name2, .filter4 input.symbol, .snap4 input.symbol , .snap5 input.weddingdate, .snap8 input.weddingdate, .snap10 input.name1, .snap10 input.name2, .filter10 input.symbol, .snap10 input.symbol  {display: none;}

.snap1 {background-image: url("img/filter1-final.png"); width: 1080px; height: 1920px; }
.snap2 {background-image: url("img/filter2-final.png"); width: 1080px; height: 1920px; }
.snap3 {background-image: url("img/filter3-final.png"); width: 1080px; height: 1920px; }
.snap4 {background-image: url("img/filter4-final.png"); width: 1080px; height: 1920px; }
.snap5 {background-image: url("img/filter5-final.png"); width: 1080px; height: 1920px; }
.snap6 {background-image: url("img/filter6-final.png"); width: 1080px; height: 1920px; }
.snap7 {background-image: url("img/filter7-final.png"); width: 1080px; height: 1920px; }
.snap8 {background-image: url("img/filter8-final.png"); width: 1080px; height: 1920px; }
.snap9 {background-image: url("img/filter9-final.png"); width: 1080px; height: 1920px; }
.snap10 {background-image: url("img/filter10-final2.png"); width: 1080px; height: 1920px; }
.snap11 {background-image: url("img/filter11-final.png"); width: 1080px; height: 1920px; }
.snap12 {background-image: url("img/filter12-final.png"); width: 1080px; height: 1920px; }
.snap13 {background-image: url("img/filter13-final.png"); width: 1080px; height: 1920px; }
.snap14 {background-image: url("img/filter14-final.png"); width: 1080px; height: 1920px; }

#popup_display.snap1 input.name1, .snap1 input.name2, .filter1 input.symbol, .snap1 input.symbol  {margin-top: 15%; }
#popup_display.snap2 input.name1, .snap2 input.name2, .filter2 input.symbol, .snap2 input.symbol  {margin-top: 158%; }
#popup_display.snap3 input.name1, .snap3 input.name2, .filter3 input.symbol, .snap3 input.symbol  {margin-top: 20%; }
#popup_display.snap4 input.name1, .snap4 input.name2, .filter4 input.symbol, .snap4 input.symbol  {margin-top: 18%; }
#popup_display.snap5 input.name1, .snap5 input.name2, .filter5 input.symbol, .snap5 input.symbol  {margin-top: 162%; }
#popup_display.snap6 input.name1, .snap6 input.name2, .filter6 input.symbol, .snap6 input.symbol  {margin-top: 8%; }
#popup_display.snap7 input.name1, .snap7 input.name2, .filter7 input.symbol, .snap7 input.symbol  {margin-top: 5%; }
#popup_display.snap8 input.name1, .snap8 input.name2, .filter8 input.symbol, .snap8 input.symbol  {margin-top: 8%; }
#popup_display.snap9 input.name1, .snap9 input.name2, .filter9 input.symbol, .snap9 input.symbol  {margin-top: 17%; }
#popup_display.snap10 input.name1, .snap10 input.name2, .filter10 input.symbol, .snap10 input.symbol  {margin-top: 160%; }
#popup_display.snap11 input.weddingdate {margin-top: 6%; }
#popup_display.snap12 input.name1, .snap12 input.name2, .filter12 input.symbol, .snap12 input.symbol  {margin-top: 145%; }
#popup_display.snap13 input.name1, .snap13 input.name2, .filter13 input.symbol, .snap13 input.symbol  {margin-top: 11%; }
#popup_display.snap14 input.name1, .snap14 input.name2, .filter14 input.symbol, .snap14 input.symbol  {margin-top: 3%; }

img.new-image {}

.scale-2x {
  overflow: visible;
  transform: scale(2.3, 2.3);
  -webkit-transform:  scale(2.3, 2.3); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  -ms-transform:  scale(2.3, 2.3); /* IE 9 */
  transform:  scale(2.3, 2.3); /* IE 10, Fx 16+, Op 12.1+ */
}


button#savefilter {background-image: url("img/btn.png"); text-transform: uppercase; color: #fff; font-family: "Helvetica Neue", helvetica, sans-serif; font-size: 18px;}

.entry-content img.new-image {width: auto; max-width: 100%; margin: 5px auto;}
.modal-body p {text-align: center;}

@media (max-width:767px) {
#select_filter_background div.choosethumb {width: 18%;}
}
@media (min-width: 768px) {
.header-single {
    background: #553d1a;
    width: 100%;
}
}

/* Bootstrap Modal Windows */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
 .modal-open {
  overflow: hidden;
}
 .modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
 .modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
 .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
 .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
 .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
 .modal-content {
  position: relative;
  background-color: #F4F4F4;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
 .modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000000;
  opacity:0.8;
  z-index: -1 !important;
}
 .modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
 .modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
 .modal-header {
padding: 5px;
border-bottom: none;
min-height: 16.42857143px;
background-color: #fff;
}
 .modal-header .close {
  margin-top: -2px;
  font-size: 20px;
}
 .modal-title {
  margin: 0;
  line-height: 1.42857143;
  font-size: 1.8em;
  font-weight: 700;
}

 .modal-body {
  position: relative;
  padding: 5px 15px 15px;
}
 .modal-body h3 {
font-size: 1.5em;
}
 .modal-body p {
font-size: 1.4em;
line-height: 1.5;
}
 .modal-footer {
  padding: 15px 25px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
 .modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
 .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
 .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
 .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
   .modal-dialog {
    width: 1120px;
    margin: 30px auto;
  }
   .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
   .modal-sm {
    width: 300px;
  }
}

.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-footer:after {
  clear: both;
}
 button.close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    padding: 0;
    font-size: 21px;
}
 .close {
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}