/* line 1, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.clear {
  clear: both;
}

/* line 5, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal button {
  outline: none;
}
/* line 8, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal.modal {
  text-align: center;
  padding: 0 !important;
}
/* line 11, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
/* line 19, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal.modal.in .modal-dialog {
  max-width: 735px;
  width: 100%;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* line 29, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #step1.cover-image-modal {
  background: transparent;
}
/* line 34, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #modaldialog_container form {
  width: 100%;
}
/* line 36, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #modaldialog_container form #upload_custom_image {
  margin-top: 0px;
  height: auto;
  box-sizing: border-box;
}
/* line 43, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-content {
  float: left;
  width: 100%;
}
/* line 47, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-head {
  position: relative;
}
/* line 49, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-head button.close-icon {
  background: url(/assets/cross-icon-de3f1d61042a5c05187451e290f22066a514fc5ec090dd436e5624fb2d820f29.png) no-repeat;
  width: 55px;
  height: 55px;
  position: absolute;
  z-index: 1;
  right: -28px;
  top: -27px;
  border: 0;
}
/* line 60, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #modaldialog_container {
  width: 100%;
  float: left;
}
/* line 63, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #modaldialog_container h1 {
  font-size: 32px;
  color: #C4141B;
  text-align: center;
  text-transform: uppercase;
  line-height: normal;
  padding-top: 30px;
}
/* line 72, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body {
  padding: 0px;
}
/* line 74, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body .bg-img-1 {
  background: url(/assets/image_wall-cb8bfc23923a5b1112470c806a326af9e56fc8c12e664fdad921251750fb4e2b.png) no-repeat;
  width: 100%;
  height: 300px;
  background-size: cover;
}
/* line 79, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body .bg-img-1 .free-change {
  position: relative;
  transform: translate(0%, 150%);
}
/* line 84, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body .bg-img-2 {
  background: url(/assets/cat_image-6ca8e4c258b7d03643261c34011d79a4cc4579e9e452246240e203dcb0d86c7c.png) no-repeat;
  width: 100%;
  height: 386px;
  background-size: cover;
  margin-top: 15px;
}
/* line 91, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body .bg-img-2 .paid-change button {
  margin-top: 15px;
  margin-bottom: 20px;
}
/* line 97, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body .free-change, .custome-modal .modal-body .paid-change, .custome-modal .modal-body .info-link {
  display: table;
  margin: 0 auto;
  padding: 0px 15px;
}
/* line 101, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body .free-change .btn-primary, .custome-modal .modal-body .paid-change .btn-primary, .custome-modal .modal-body .info-link .btn-primary {
  min-width: 600px;
  width: 100%;
  border-radius: 10px;
  padding: 20px;
  background-color: #102269;
  border-color: #102269;
  box-sizing: border-box;
  line-height: normal;
}
/* line 110, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body .free-change .btn-primary:hover, .custome-modal .modal-body .paid-change .btn-primary:hover, .custome-modal .modal-body .info-link .btn-primary:hover {
  background-color: #06144d;
  border-color: #06144d;
}
/* line 114, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body .free-change .btn-primary .title-1, .custome-modal .modal-body .paid-change .btn-primary .title-1, .custome-modal .modal-body .info-link .btn-primary .title-1 {
  font-size: 32px;
  text-align: center;
  display: block;
  color: white;
}
/* line 120, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body .free-change .btn-primary .title-2, .custome-modal .modal-body .paid-change .btn-primary .title-2, .custome-modal .modal-body .info-link .btn-primary .title-2 {
  font-size: 20px;
  text-align: center;
  display: block;
  color: white;
  font-weight: 300;
}
/* line 130, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal .modal-body .paid-change img {
  width: 20px;
}
/* line 137, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .info-link a {
  font-size: 20px;
  color: #333333;
  text-decoration: underline;
  background: url(/assets/info-3e7d971cdecccd7e37132e7d306e51dd93699356aeee724e209cf3639231c6fd.png) no-repeat;
  padding-left: 27px;
}
/* line 145, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section {
  width: 100%;
  padding: 40px 0px 30px 0px;
  max-width: 450px;
  margin: 0 auto;
}
/* line 150, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .select-title {
  font-size: 24px;
  color: #333333;
  text-align: left;
  counter-reset: my-sec-counter;
}
/* line 155, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .select-title::before {
  counter-increment: my-sec-counter;
  content: " " counter(my-sec-counter) ". ";
}
/* line 160, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .select-input {
  max-width: 436px;
  margin: 0 auto;
}
/* line 163, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .select-input input[type="file"] {
  width: 100%;
  padding: 15px;
  margin-top: 10px;
  box-sizing: border-box;
}
/* line 170, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .copyright-text {
  font-size: 24px;
  color: #333333;
  text-align: left;
  padding-top: 40px;
  max-width: 440px;
  margin: 0 auto;
  line-height: normal;
}
/* line 178, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .copyright-text::before {
  counter-increment: my-sec-counter;
  content: " " counter(my-sec-counter) ". ";
}
/* line 182, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .copyright-text span {
  font-size: 18px;
  color: #999999;
  display: block;
  text-align: left;
  padding-left: 27px;
}
/* line 191, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .copyright-input input[type="text"] {
  max-width: 436px;
  border: 1px solid #707070;
  height: 52px;
  width: 100%;
  float: left;
  margin: 10px 0px 30px 0px;
  padding: 10px 20px;
  box-sizing: border-box;
}
/* line 200, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .copyright-input input[type="text"]:focus {
  outline: none;
}
/* line 205, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .copyright-desc {
  background-color: #F8E2E2;
  padding: 18px;
  float: left;
  max-width: 436px;
  box-sizing: border-box;
}
/* line 211, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .mid-section .copyright-desc p {
  font-size: 16px;
  color: #666666;
  line-height: 19px;
}
/* line 218, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .button-wrapper {
  display: table;
  margin: 0 auto;
  padding-bottom: 54px;
  padding-top: 13px;
}
/* line 223, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .button-wrapper .no-back-button {
  background-color: #A4131A;
  color: white;
  border-radius: 5px;
  margin-right: 20px;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  min-width: 253px;
  padding: 19px;
  display: inline-block;
  float: left;
}
/* line 236, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
.custome-modal #custom-cover-form .button-wrapper .ok-btn {
  background: #102269;
  color: white;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;
  min-width: 383px;
  padding: 19px;
  display: inline-block;
  box-shadow: none;
}

/* line 253, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .upload-img-cover .cover-img-cont .sub-title {
  font-size: 24px;
  color: #333333;
  text-decoration: underline;
  background: url(/assets/info-3e7d971cdecccd7e37132e7d306e51dd93699356aeee724e209cf3639231c6fd.png) no-repeat;
  padding-left: 27px;
  margin: 10px auto;
  display: table;
  line-height: 21px;
}
/* line 264, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .upload-img-cover .upload-img-bg {
  background: url(/assets/cat_image-2-ec2581e544254f02c4906e4d740642cbead5cf72317d49cf94b975a36c881502.png) no-repeat 0px 190px;
  width: 100%;
  height: 63vh;
  min-height: 600px;
  background-size: 100%;
  margin-top: 0px;
}
/* line 271, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .upload-img-cover .upload-img-bg .cover-content {
  float: left;
  width: 100%;
  padding: 20px 38px 30px 38px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 278, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .upload-img-cover .upload-img-bg .cover-content p {
  color: #666666;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 25px;
  max-width: none;
  width: 100%;
}
/* line 287, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .upload-img-cover .upload-img-bg .button-wrapper {
  display: table;
  margin: 0 auto;
}
/* line 290, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .upload-img-cover .upload-img-bg .button-wrapper a.cancel-button {
  background-color: #A4131A;
  color: white;
  border-radius: 5px;
  margin-right: 20px;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  min-width: 253px;
  padding: 19px;
  display: inline-block;
  box-sizing: border-box;
}
/* line 301, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .upload-img-cover .upload-img-bg .button-wrapper a.cancel-button:hover {
  background-color: #810d12;
  border-color: #810d12;
}
/* line 307, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .upload-img-cover .upload-img-bg .button-wrapper a.custom-image-button {
  background-color: #102269;
  color: white;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  min-width: 383px;
  padding: 19px;
  display: inline-block;
}
/* line 317, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .upload-img-cover .upload-img-bg .button-wrapper a.custom-image-button:hover {
  background-color: #06144d;
  border-color: #06144d;
}
/* line 325, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal {
  background: url(/assets/cover-img-step-3-293b89521ae967d5ff78e5fe2b6b34ebaa828566e1324d516426db3730f23ca1.png) no-repeat 0px 80px;
  width: 100%;
  background-size: contain;
  margin-top: 0px;
  float: left;
}
/* line 331, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal h1 {
  color: #102269;
}
/* line 334, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .ing-image-note {
  text-align: center;
  text-transform: uppercase;
  line-height: normal;
  color: #102269;
}
/* line 340, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .go-to-ingiage {
  position: relative;
  float: left;
  width: 100%;
}
/* line 344, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .go-to-ingiage:after {
  background: url(/assets/bent-arrow-right-bbac0b5117f4bde795928d54cdf5f22b642cf06adc249044c48ef16d656c3c67.png) no-repeat 0px 0px;
  position: absolute;
  content: '';
  right: 60px;
  height: 140px;
  width: 100px;
  top: 22px;
}
/* line 353, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .go-to-ingiage:before {
  background: url(/assets/bent-arrow-left-5f5c9c231cc6b52508538fcef6005c3aae32d6f7fe7dd66675fcc8574a92ac5f.png) no-repeat 0px 0px;
  position: absolute;
  content: '';
  left: 50px;
  height: 200px;
  width: 100px;
  bottom: 213px;
}
/* line 362, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .go-to-ingiage .go-to-link {
  color: #333333;
  font-size: 20px;
  text-align: center;
  counter-reset: my-sec-counter;
}
/* line 367, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .go-to-ingiage .go-to-link::before {
  counter-increment: my-sec-counter;
  content: " " counter(my-sec-counter) ". ";
}
/* line 371, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .go-to-ingiage .go-to-link a {
  color: #333333;
  text-decoration: underline;
}
/* line 376, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .go-to-ingiage .search-gif {
  max-width: 391px;
  display: table;
  margin: 15px auto 10px auto;
}
/* line 380, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .go-to-ingiage .search-gif img {
  width: 100%;
}
/* line 386, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .search-img .search-content {
  font-size: 24px;
  color: #333333;
  padding: 33px 0px 15px 0px;
  max-width: 370px;
  margin: 0 auto;
  line-height: normal;
  text-align: center;
}
/* line 394, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .search-img .search-content::before {
  counter-increment: my-sec-counter;
  content: " " counter(my-sec-counter) ". ";
}
/* line 399, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .search-img .choose-gif {
  max-width: 436px;
  margin: 0 auto;
}
/* line 402, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .search-img .choose-gif img {
  width: 100%;
}
/* line 407, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .past-code {
  font-size: 24px;
  color: #333333;
  padding: 40px 0px 15px 0px;
  line-height: normal;
  text-align: center;
  float: left;
  width: 100%;
}
/* line 416, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .past-code .code-here-text::before {
  counter-increment: my-sec-counter;
  content: " " counter(my-sec-counter) ". ";
}
/* line 421, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .past-code .code-input {
  max-width: 436px;
  margin: 0 auto;
}
/* line 424, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .past-code .code-input input {
  max-width: 436px;
  border: 1px solid #707070;
  height: 52px;
  width: 100%;
  float: left;
  margin: 20px 0px 0px 0px;
  padding: 10px 20px;
  box-sizing: border-box;
}
/* line 433, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .past-code .code-input input:focus {
  outline: none;
}
/* line 439, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .cancel-go-back {
  float: left;
  width: 100%;
  padding: 12px 67px 58px 55px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 446, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .cancel-go-back .back-link {
  float: left;
}
/* line 448, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .cancel-go-back .back-link a {
  font-size: 20px;
  color: #999999;
  line-height: 67px;
  text-decoration: underline;
}
/* line 455, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .cancel-go-back .insert-code {
  float: right;
}
/* line 457, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .cancel-go-back .insert-code input[type="submit"] {
  min-width: 270px;
  width: 100%;
  border-radius: 10px;
  padding: 18px;
  background: #102269 !important;
  border-color: #102269;
  border: 0px;
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  box-shadow: none;
  background: none;
  height: auto;
  color: white;
}
/* line 472, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#modaldialog_container .cover-image-modal .cancel-go-back .insert-code input[type="submit"]:hover {
  background-color: #06144d;
  border-color: #06144d;
  color: white;
}

/* line 486, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#cmiddle .custome-modal .bg-img-2 .info-link a {
  font-size: 20px;
  color: #333333;
  text-decoration: underline;
  background: url(/assets/info-3e7d971cdecccd7e37132e7d306e51dd93699356aeee724e209cf3639231c6fd.png) no-repeat;
  padding-left: 27px;
}
/* line 492, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#cmiddle .custome-modal .bg-img-2 .info-link a img {
  padding: 0px;
}

/* line 501, /work/vdmonline/app/assets/stylesheets/cover_image.scss */
#service-charges.cover-image-modal {
  background: transparent;
}