.container {
  width: auto;
  max-width: 1024px;
  padding: 0 15px;
  }
  
  header{border-top: #d01e20 solid 4px; padding: 5px 0px;}
  
  .bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  }
  
  @media (min-width: 768px) {
  .bd-placeholder-img-lg {
  font-size: 3.5rem;
  }
  }
  
  .b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1),
  inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
  }
  
  .b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
  }
  
  .bi {
  vertical-align: -0.125em;
  fill: currentColor;
  }
  
  .nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
  }
  
  .nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  }
  
  img.main-logo {
  max-height: 60px;
  margin: 0 auto;
  }
  
  .editor {
  width: 100%;
  max-width: 850px;
  padding: 37px 0 0;
  margin-bottom: 60px;
  margin: 0 auto;
  display: table;
  position: relative;
  }
  
  .canvas-area-calendar {
  width: 50%;
  margin: 0 auto;
  max-width: 100%;
  }
  .canvas-area-calendar {
  position: relative;
  }
  
  .canvas-area-calendar .v-scale {
  background: rgba(0, 0, 0, 0) url(../images/dash-border.png) repeat-x
  scroll center center;
  border-left: 1px dashed #999999;
  border-right: 1px dashed #999999;
  height: 21px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 100%;
  top: -35px;
  }
  .canvas-area-calendar .v-scale span {
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 15px;
  display: inline-block;
  font-size: 11px;
  line-height: 21px;
  padding: 0 9px;
  }
  
  .canvas-area-calendar .h-scale {
  background: rgba(0, 0, 0, 0) url(../images/dash-border-v.png)
  repeat-y scroll center center;
  border-bottom: 1px dashed #999999;
  border-top: 1px dashed #999999;
  left: -40px;
  position: absolute;
  width: 21px;
  margin-top: 20px !important;
  }
  .canvas-area-calendar .h-scale span {
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 15px;
  float: left;
  font-size: 11px;
  height: 23px;
  left: -18px;
  line-height: 17px;
  padding: 0;
  position: relative;
  text-align: center;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 57px;
  }
  
  .stage .fotolia-note .fotolia-message,
  .stage .fotolia-note .general-message,
  .stage .fotolia-note .lowresolution-message {
  border: 1px solid #e9d149;
  color: #000000;
  text-align: center;
  padding: 5px;
  animation: splash 5s normal forwards ease-in-out;
  }
  
  .frame-circle {
  width: 100px;
  height: 100px;
  background-color: #ffffff;
  border-radius: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  border: #ccc solid 1px;
  cursor: pointer;
  }
  .frame-circle:hover {
  border: #ccc solid 4px;
  }
  
.frame-tl {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-align: left;
    margin: 0;
    position: relative;
    padding-left: 45px;
    margin-bottom: 0;
    line-height: 40px;
}
  
  .size-btn {
  background-color: #fff;
  border: #ccc solid 1px;
  border-radius: 5px;
  padding: 7px 15px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  min-width: 100px;
  text-align: center;
  color: #000;
  }
  .size-btn:hover, .size-btn.active {background-color: #d01e20;color: #fff;}
  ul.list-inline {
  padding-left: 150px;
  margin-bottom: 40px;
  }
  
  ul.list-inline a{text-decoration: none;}
  
  .frame-wrapper h6.list-tl {
  margin-bottom: -20px;
  position: relative;
  }
  
  .ecomm-wrap {
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  }
  
  .price-wrap {
  display: block;
  margin-bottom: 10px;
  }
  .price-wrap .price-amt {
  font-size: 20px;
  }
  .price-wrap del {
  display: inline-block;
  text-decoration: line-through;
  }
  .ecomm-wrap .availability {
  margin-bottom: 0px;
  }
  .buy-it-btn {
  background-color: #31d411 !important;
  display: block;
  text-align: center;
  width: 100%;
  border: none;
  font-size: 20px;
  font-weight: 500;
  }
  
  .buy-it-btn:hover{  background-color: #1ea802 !important;}
  
.copy-txt {
    font-size: 13px;
    text-align: right;
    color: #fff;
    display: block;
}

.copy-txt a{
        text-decoration: none;
          color: #fff;
}
  ul.footer-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
  ul.footer-nav a{text-decoration: none;}
  ul.footer-nav li {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  margin-right: 10px;
  }
  ul.footer-nav li + li {
  margin-left: 10px;
  }
  
  .alert {
    font-family: sans-serif;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    }
    
    .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* custom */
  ul{
  list-style:none;
  margin:0;
  padding:0;
  }
  /* musthave style */
  .image-big-list-item.active{display:block;}
  .image-big-list-item {display:none;margin: 0 auto;}
  /* .image-big-list-item img{max-width: 100%;} */
  
  .image-big-v.active{display:block;}
  .image-big-v {display:none;margin: 0 auto;text-align:center;}
  
  
  .image-small-list-item img{/* border: 3px solid #fff; */}
  .image-small-list-item.active img{/* border: 3px solid #ddd; */}
  
  .image-small-list-item {display:inline-block;margin: 0 3px;}
  li.list-inline-item.image-small-list-item {margin-bottom: 10px;}
  li.list-inline-item {margin-bottom: 10px;}
  
  .image-small-v {display:inline-block;margin: 0 3px;}
  li.list-inline-item.image-small-v {margin-bottom: 10px;}
  
  li.list-inline-item.image-small-list-item .frame-tl{    padding-left: 0;}
  
  
  
   
  #horizontalf .page-container {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    overflow: auto;
    min-height: 500px;
    height: 450px;
}
#horizontalf.verticalFrame .page-container{height: 660px;}
   
  /*DEMO*/
  #horizontalf .preview {margin: 10px;display: none;}
  #horizontalf .preview--rounded {width: 160px;height: 160px;border-radius: 50%;}
  /* IMMUTABLE */
  #horizontalf .hide {display: none !important;}
  * {box-sizing: border-box;}
  #horizontalf .photo__zoom input[type=range] {-webkit-appearance: none;width: 100%;background: transparent;height: 6px;}
  #horizontalf .photo__zoom {position: relative;padding-left: 22px;padding-right: 22px; }
  #horizontalf .photo__zoom input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}
  #horizontalf .photo__zoom input[type=range]:focus {outline: none;}
  #horizontalf .photo__zoom input[type=range]::-ms-track {width: 100%;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}
  #horizontalf .photo__zoom input[type=range]:focus::-ms-thumb {border-color: #268eff;box-shadow: 0 0 1px 0px #268eff;}
  #horizontalf .photo__zoom input[type=range]:focus::-moz-range-thumb {border-color: #268eff;box-shadow: 0 0 1px 0px #268eff;}
  #horizontalf .photo__zoom input[type=range]:focus::-webkit-slider-thumb {border-color: #268eff;box-shadow: 0 0 1px 0px #268eff;}
  #horizontalf .photo__zoom input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;margin-top: -9px;box-sizing: border-box;cursor: pointer;width: 18px;height: 18px;display: block;border-radius: 50%;background: #eee;border: 1px solid #ddd;}
  #horizontalf .photo__zoom input[type=range]::-webkit-slider-thumb:hover {border-color: #c1c1c1;}
  #horizontalf .photo__zoom input[type=range]::-ms-thumb {margin-top: 0;box-sizing: border-box;cursor: pointer;width: 18px;height: 18px;display: block;border-radius: 50%;background: #eee;border: 1px solid #ddd;}
  #horizontalf .photo__zoom input[type=range]::-ms-thumb:hover {border-color: #c1c1c1;}
  #horizontalf .photo__zoom input[type=range]::-moz-range-thumb {margin-top: 0;box-sizing: border-box;cursor: pointer;width: 18px;height: 18px;isplay: block;border-radius: 50%;background: #eee;border: 1px solid #ddd;}
  #horizontalf .photo__zoom input[type=range]::-moz-range-thumb:hover {border-color: #c1c1c1;}
  #horizontalf .photo__zoom input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 1px;cursor: pointer;background: #eee;border: 0;}
  #horizontalf .photo__zoom input[type=range]::-moz-range-track {width: 100%;height: 1px;cursor: pointer;background: #eee;border: 0;}
  #horizontalf .photo__zoom input[type=range]::-ms-track {width: 100%;height: 1px;cursor: pointer;background: #eee;border: 0;}
  #horizontalf .photo__zoom input[type=range].zoom--minValue::before,
  #horizontalf .photo__zoom input[type=range].zoom--maxValue::after {color: #f8f8f8;}
  #horizontalf .photo__zoom input[type=range]::before,
  #horizontalf .photo__zoom input[type=range]::after {position: absolute;content: "\f03e";display: block;font-family: 'FontAwesome';color: #aaa;transition: color 0.3s ease;}
  #horizontalf .photo__zoom input[type=range]::after {font-size: 18px;right: -2px;top: 2px;}
  #horizontalf .photo__zoom input[type=range]::before {font-size: 14px;left: 4px;top: 4px;}
  
  /**
  * FRAME STYLE
  */
  #horizontalf .photo__frame--circle {}
  #horizontalf .photo__helper {position: relative;background-repeat: no-repeat;background-color: transparent;padding: 0;}
  #horizontalf .photo__helper .canvas--helper {position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-height: 290px;width: 100%;}
  #horizontalf .photo__frame img,
  #horizontalf .photo__helper {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  #horizontalf .profile {position: relative;font-family: 'HelveticaNeueLTPro-Roman', sans-serif;font-size: 100%;width: 100%;}
  #horizontalf .photo {text-align: center;}
  #horizontalf .photo input[type=file] {display: none;}
  #horizontalf .photo__options {margin-top: 90px;position: relative;text-align: left;background-color: #646464;padding: 10px;border-radius: 10px;}
  #horizontalf .photo__options .remove {padding: 0;padding: 0;display: inline-block;text-decoration: none;color: #ddd;font-size: 18px;width: 20%;text-align: center;vertical-align: middle;}
  #horizontalf .photo__options .remove:hover {color: #000;}
  #horizontalf .photo__zoom {vertical-align: middle;width: 80%;display: inline-block;}
  #horizontalf .photo__frame {cursor: move;max-height: 290px;}
  #horizontalf .photo__canvas {width: 445px;height: 290px;opacity: 0.9;margin: 0;}
  #horizontalf .photo__helper::before {content: "";position: absolute;background: url(../images/gold-pattern.jpg);width: 100%;height: 100%;left: 0;top: 0;z-index: 1;opacity: 0.7;}
  #horizontalf .photo__frame img,
  #horizontalf .photo__helper img {position: relative;}
  #horizontalf .photo__frame .message {position: absolute;left: 10px;right: 10px;top: 50%;transform: translateY(-50%);display: inline-block;color: #268eff;z-index: 3;}
  #horizontalf .photo__frame .is-dragover {display: none;}
  #horizontalf .message p {font-size: 0.9em;}
  #horizontalf .photo__options {list-style: none;}
  #horizontalf .photo__options li {display: inline-block;text-align: center;width: 50%;}
  #horizontalf .photo--empty .photo__frame {cursor: pointer;}
  /**
  * IMG states
  */
  #horizontalf .profile.is-dragover .photo__frame img,
  #horizontalf .photo--empty img,
  #horizontalf .photo--error img,
  #horizontalf .photo--error--file-type img,
  #horizontalf .photo--error--image-size img,
  #horizontalf .photo--loading img 
  {display: none;}
  /**
  * States
  */
  /** SELECT PHOTO MESSAGE */
  #horizontalf .message--desktop,
  #horizontalf .message--mobile {display: none;}
  /* MOBILE */
  #horizontalf .is-mobile .message--mobile {display: inline-block;}
  #horizontalf .is-mobile .message--desktop {display: none;}
  /* DESKTOP */
  #horizontalf .is-desktop .message--desktop {display: inline-block;color: #fff;font-size: 1.5rem;text-transform: uppercase;font-weight: 600;}
  #horizontalf .is-desktop .message--mobile {display: none;}
  /* DEFAULT */
  #horizontalf .message.is-empty,
  #horizontalf .message.is-loading,
  #horizontalf .message.is-wrong-file-type,
  #horizontalf .message.is-wrong-image-size,
  #horizontalf .message.is-something-wrong,
  #horizontalf .message.is-dragover {display: none;}
  /* EMPTY */
  #horizontalf .photo--empty .photo__options {display: none;}
  #horizontalf .photo--empty .message.is-empty {display: inline-block;}
  #horizontalf .photo--empty .photo__frame:hover {background: #268eff;}
  #horizontalf .photo--empty .photo__frame:hover .message {color: #fff;}
  /* LOADING */
  #horizontalf .photo--loading .message.is-loading {display: inline-block;}
  #horizontalf .photo--loading .message.is-empty,
  #horizontalf .photo--loading .message.is-wrong-file-type,
  #horizontalf .photo--loading .message.is-dragover,
  #horizontalf .photo--loading .message.is-wrong-image-size,
  #horizontalf .photo--loading .photo__options {display: none;}
  /* ERROR */
  /* UNKNOWN */
  #horizontalf .photo--error .message.is-empty,
  #horizontalf .photo--error .message.is-loading,
  #horizontalf .photo--error .message.is-dragover,
  #horizontalf .photo--error .message.is-wrong-image-size,
  #horizontalf .photo--error .photo__options {display: none;}
  #horizontalf .photo--error .message.is-something-wrong {display: inline-block;}
  /* FILE TYPE*/
  #horizontalf .photo--error--file-type .message.is-empty,
  #horizontalf .photo--error--file-type .message.is-loading,
  #horizontalf .photo--error--file-type .message.is-dragover,
  #horizontalf .photo--error--file-type .message.is-wrong-image-size,
  #horizontalf .photo--error--file-type .photo__options {display: none;}
  #horizontalf .photo--error--file-type .message.is-wrong-file-type {display: inline-block;}
  /* IMAGE SIZE */
  #horizontalf .photo--error--image-size .message.is-empty,
  #horizontalf .photo--error--image-size .message.is-loading,
  #horizontalf .photo--error--image-size .message.is-dragover,
  #horizontalf .photo--error--image-size .message.is-wrong-file-type,
  #horizontalf .photo--error--image-size .photo__options {display: none;}
  #horizontalf .photo--error--image-size .message.is-wrong-image-size {display: inline-block;}
  /* DRAGOVER */
  #horizontalf .profile.is-dragover .photo__frame .is-dragover {display: inline-block;}
  #horizontalf .profile.is-dragover .message.is-empty,
  #horizontalf .profile.is-dragover .message.is-loading,
  #horizontalf .profile.is-dragover .message.is-wrong-file-type,
  #horizontalf .profile.is-dragover .message.is-wrong-image-size {display: none;}
  
  /**  */
  #horizontalf .flex {display: flex;width: 100%;}
  #horizontalf .flex .left {flex-grow: 1;}
  #horizontalf .upload-img-wrap {position: absolute;background-color: #000;margin: 71px 76px 76px 76px;width: 445px;height: 288px;}
  #horizontalf .upload-img-wrap .photo__helper .canvas--helper {max-height: 100%;width: 100%;height: 445px;width: 290px;min-width: 100%;opacity: 1;}
  
  
  
  
  
  
  
  
  
  
   
  #verticalf .page-container{max-width:600px;margin: 0 auto;height: auto;position: relative;overflow: auto;height: 670px;}
   
  /*DEMO*/
  #verticalf .preview {margin: 10px;display: none;}
  #verticalf .preview--rounded {width: 160px;height: 160px;border-radius: 50%;}
  /* IMMUTABLE */
  #verticalf .hide {display: none !important;}
  * {box-sizing: border-box;}
  #verticalf .photo__zoom input[type=range] {-webkit-appearance: none;width: 100%;background: transparent;height: 6px;}
  #verticalf .photo__zoom {position: relative;padding-left: 22px;padding-right: 22px; }
  #verticalf .photo__zoom input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}
  #verticalf .photo__zoom input[type=range]:focus {outline: none;}
  #verticalf .photo__zoom input[type=range]::-ms-track {width: 100%;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}
  #verticalf .photo__zoom input[type=range]:focus::-ms-thumb {border-color: #268eff;box-shadow: 0 0 1px 0px #268eff;}
  #verticalf .photo__zoom input[type=range]:focus::-moz-range-thumb {border-color: #268eff;box-shadow: 0 0 1px 0px #268eff;}
  #verticalf .photo__zoom input[type=range]:focus::-webkit-slider-thumb {border-color: #268eff;box-shadow: 0 0 1px 0px #268eff;}
  #verticalf .photo__zoom input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;margin-top: -9px;box-sizing: border-box;cursor: pointer;width: 18px;height: 18px;display: block;border-radius: 50%;background: #eee;border: 1px solid #ddd;}
  #verticalf .photo__zoom input[type=range]::-webkit-slider-thumb:hover {border-color: #c1c1c1;}
  #verticalf .photo__zoom input[type=range]::-ms-thumb {margin-top: 0;box-sizing: border-box;cursor: pointer;width: 18px;height: 18px;display: block;border-radius: 50%;background: #eee;border: 1px solid #ddd;}
  #verticalf .photo__zoom input[type=range]::-ms-thumb:hover {border-color: #c1c1c1;}
  #verticalf .photo__zoom input[type=range]::-moz-range-thumb {margin-top: 0;box-sizing: border-box;cursor: pointer;width: 18px;height: 18px;isplay: block;border-radius: 50%;background: #eee;border: 1px solid #ddd;}
  #verticalf .photo__zoom input[type=range]::-moz-range-thumb:hover {border-color: #c1c1c1;}
  #verticalf .photo__zoom input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 1px;cursor: pointer;background: #eee;border: 0;}
  #verticalf .photo__zoom input[type=range]::-moz-range-track {width: 100%;height: 1px;cursor: pointer;background: #eee;border: 0;}
  #verticalf .photo__zoom input[type=range]::-ms-track {width: 100%;height: 1px;cursor: pointer;background: #eee;border: 0;}
  #verticalf .photo__zoom input[type=range].zoom--minValue::before,
  #verticalf .photo__zoom input[type=range].zoom--maxValue::after {color: #f8f8f8;}
  #verticalf .photo__zoom input[type=range]::before,
  #verticalf .photo__zoom input[type=range]::after {position: absolute;content: "\f03e";display: block;font-family: 'FontAwesome';color: #aaa;transition: color 0.3s ease;}
  #verticalf .photo__zoom input[type=range]::after {font-size: 18px;right: -2px;top: 2px;}
  #verticalf .photo__zoom input[type=range]::before {font-size: 14px;left: 4px;top: 4px;}
  #verticalf  .photo__helper .canvas--helper {position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-height:445px;width: 100%;}
  /**
  * FRAME STYLE
  */
  #verticalf .photo__frame--circle {}
  #verticalf .photo__helper {position: relative;background-repeat: no-repeat;background-color: transparent;padding: 0;}
  #verticalf .photo__helper .canvas--helper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 445px !important;
    margin: 0 auto;
    text-align: center;
  }
  #verticalf .photo__frame img,
  #verticalf .photo__helper {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  #verticalf .profile {position: relative;font-family: 'HelveticaNeueLTPro-Roman', sans-serif;font-size: 100%;width: 100%;}
  #verticalf .photo {text-align: center;}
  #verticalf .photo input[type=file] {display: none;}
  #verticalf .photo__options {margin-top: 90px;position: relative;text-align: left;background-color: #646464;padding: 10px;border-radius: 10px;}
  #verticalf .photo__options .remove {padding: 0;padding: 0;display: inline-block;text-decoration: none;color: #ddd;font-size: 18px;width: 20%;text-align: center;vertical-align: middle;}
  #verticalf .photo__options .remove:hover {color: #000;}
  #verticalf .photo__zoom {vertical-align: middle;width: 80%;display: inline-block;}
  #verticalf .photo__frame {cursor: move;max-height: 445px !important;}
  #verticalf .photo__canvas {width: 290px;height:445px !important;opacity: 0.9;margin: 0;}
  
   
  
  #verticalf .photo__helper::before {content: "";position: absolute;background: url(../images/gold-pattern.jpg);width: 100%;height: 100%;left: 0;top: 0;z-index: 1;opacity: 0.6;}
  #verticalf .photo__frame img,
  #verticalf .photo__helper img {position: relative;}
  #verticalf .photo__frame .message {position: absolute;left: 5px;right: 5px;top: 50%;transform: translateY(-50%);display: inline-block;color: #268eff;z-index: 3;}
  #verticalf .photo__frame .is-dragover {display: none;}
  #verticalf .message p {font-size: 0.9em;}
  #verticalf .photo__options {list-style: none;}
  #verticalf .photo__options li {display: inline-block;text-align: center;width: 50%;}
  #verticalf .photo--empty .photo__frame {cursor: pointer;}
  /**
  * IMG states
  */
  #verticalf .profile.is-dragover .photo__frame img,
  #verticalf .photo--empty img,
  #verticalf .photo--error img,
  #verticalf .photo--error--file-type img,
  #verticalf .photo--error--image-size img,
  #verticalf .photo--loading img 
  {display: none;}
  /**
  * States
  */
  /** SELECT PHOTO MESSAGE */
  #verticalf .message--desktop,
  #verticalf .message--mobile {display: none;}
  /* MOBILE */
  #verticalf .is-mobile .message--mobile {display: inline-block;}
  #verticalf .is-mobile .message--desktop {display: none;}
  /* DESKTOP */
  #verticalf .is-desktop .message--desktop {display: inline-block;color: #fff;font-size: 1.5rem;text-transform: uppercase;font-weight: 600;}
  #verticalf .is-desktop .message--mobile {display: none;}
  /* DEFAULT */
  #verticalf .message.is-empty,
  #verticalf .message.is-loading,
  #verticalf .message.is-wrong-file-type,
  #verticalf .message.is-wrong-image-size,
  #verticalf .message.is-something-wrong,
  #verticalf .message.is-dragover {display: none;}
  /* EMPTY */
  #verticalf .photo--empty .photo__options {display: none;}
  #verticalf .photo--empty .message.is-empty {display: inline-block;}
  #verticalf .photo--empty .photo__frame:hover {background: #268eff;}
  #verticalf .photo--empty .photo__frame:hover .message {color: #fff;}
  /* LOADING */
  #verticalf .photo--loading .message.is-loading {display: inline-block;}
  #verticalf .photo--loading .message.is-empty,
  #verticalf .photo--loading .message.is-wrong-file-type,
  #verticalf .photo--loading .message.is-dragover,
  #verticalf .photo--loading .message.is-wrong-image-size,
  #verticalf .photo--loading .photo__options {display: none;}
  /* ERROR */
  /* UNKNOWN */
  #verticalf .photo--error .message.is-empty,
  #verticalf .photo--error .message.is-loading,
  #verticalf .photo--error .message.is-dragover,
  #verticalf .photo--error .message.is-wrong-image-size,
  #verticalf .photo--error .photo__options {display: none;}
  #verticalf .photo--error .message.is-something-wrong {display: inline-block;}
  /* FILE TYPE*/
  #verticalf .photo--error--file-type .message.is-empty,
  #verticalf .photo--error--file-type .message.is-loading,
  #verticalf .photo--error--file-type .message.is-dragover,
  #verticalf .photo--error--file-type .message.is-wrong-image-size,
  #verticalf .photo--error--file-type .photo__options {display: none;}
  #verticalf .photo--error--file-type .message.is-wrong-file-type {display: inline-block;}
  /* IMAGE SIZE */
  #verticalf .photo--error--image-size .message.is-empty,
  #verticalf .photo--error--image-size .message.is-loading,
  #verticalf .photo--error--image-size .message.is-dragover,
  #verticalf .photo--error--image-size .message.is-wrong-file-type,
  #verticalf .photo--error--image-size .photo__options {display: none;}
  #verticalf .photo--error--image-size .message.is-wrong-image-size {display: inline-block;}
  /* DRAGOVER */
  #verticalf .profile.is-dragover .photo__frame .is-dragover {display: inline-block;}
  #verticalf .profile.is-dragover .message.is-empty,
  #verticalf .profile.is-dragover .message.is-loading,
  #verticalf .profile.is-dragover .message.is-wrong-file-type,
  #verticalf .profile.is-dragover .message.is-wrong-image-size {display: none;}
  
  /**  */
  #verticalf .flex {display: flex;width: 100%;}
  #verticalf .flex .left {flex-grow: 1;}
  /* #verticalf .upload-img-wrap {position: absolute;background-color: #000;margin: 71px 76px 76px 76px;width: 445px;height: 288px;} */
   
  
  /* #verticalf .page-container {height: 660px;}
  
  #verticalf .photo {width: 290px;height: 445px;}
  #verticalf .photo__canvas {width: 290px;height: 445px;opacity: 0.9;margin: 0;}
  #verticalf .image-big-list-item {rotate: 90deg;z-index: 0;margin-top: 78px;}
  #verticalf .photo__helper {width: 290px;height: 445px;}
  #verticalf .photo__frame {cursor: move;overflow: hidden;position: relative;display: inline-block;max-width: 450px;max-height: 100%;margin: 0;padding: 0;} */
  
  #verticalf .upload-img-wrap {position: absolute;background-color: #000; margin: 76px 82px 65px 155px;width: 290px;height: 445px;z-index: 9;left: 0;  }
  
  
  
  
  
  
  .main-banner {background-image: url(../images/bg/bg-01.jpg);background-position: top center;height: auto;padding: 50px 0px 0px 0px;    background-size: cover;}
  .main-banner {padding: 15px 0px 15px 0px;}
  #cont-warp h1{font-size: 1.6rem;margin-bottom: 1rem;margin-top: 1rem;} 
  #cont-warp ol li {color: #4b525d;font-size: 15px;line-height: 1.6;margin-bottom: 0.5rem;}
  #cont-warp p {color: #4b525d;font-size: 15px;line-height: 1.6;margin-bottom: 0.5rem;}
  
  
  #horizontalf.verticalFrame .upload-img-wrap{
    position: absolute;
    background-color: #000;
    margin: 76px 76px 76px 156px;
    width: 290px;
    height: 445px;
  }
  
  #horizontalf.verticalFrame .photo__frame {
    cursor: move;
    max-height: 445px;
    height: 445px;
    width: 290px;
    overflow: hidden;
  }
  
  #horizontalf.verticalFrame .photo__canvas {
    height: 445px;
    opacity: 1;
    /* margin: 0 auto; */
    /* text-align: center; */
    /* max-width: 100%; */
    /* width: 290px; */
    /* height: 445px; */
    min-width: 100%;
  }
  .frame-circle:hover, .frame-circle.active{
      border: #d01e20 solid 4px;
  }

  .modal-header{
    background-color: #d01e20;
    color: #fff;
  }
  .btn-primary{background-color: #d01e20; border: none;}


  @import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@700&display=swap');
/* body{
  font-family: 'Bodoni Moda', serif;
  background-image: url(https://wallpapercave.com/wp/sdJzXKh.jpg);
  background-size: cover;
  background-position-y: 20%;
} */
.gold {
  font-family: 'Bodoni Moda', serif;
  font-size: 27px;
  text-transform: uppercase;
  line-height:1;
  text-align: center;
  background: linear-gradient(90deg, rgba(186,148,62,1) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
  animation: shine 3s infinite;
  background-size: 200%;
  background-position: left;

}
@keyframes shine {
  to{background-position: right}
 
}
.banner-top-bg{background-color: #000; padding: 15px;}
.image-big-list-item > img{    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;}
.frame-tl {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-align: left;
    margin: 0;
    position: relative;
  
        margin-bottom: 10px;
}

.frame-tl img.list-icon {
    height: 40px;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
}


.cont-wrap .frame-tl{    display: block;margin-bottom: 0;}