@import url(https://fonts.googleapis.com/css?family=Sacramento|League+Script);

/**  Design Page CSS **/

.signinButton,.signupButton{
	margin: 10px;
    width: 160px !important;
    padding: 10px 15px;
    font-size: 16px;
}
.login-message-head{
	font-size:16px;
}
.preview-header-logo {
	text-align:center;
	margin:0px auto;
}
.preview-header-logo img {
	text-align:center;
	margin:0px auto;
	height:92px;
	line-height:92px;
}

/*   Global Styles   */


hr {
	max-width:85%;
}

.padded-row {
	padding:30px 0px;
}

.padded-row-check {
	padding:0px 5px;
}

@media screen and (max-width : 615px) 
{
	.padded-row {
		padding:0px 0px;
	}
}
/* Heading with Lines */
.heading-container h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  padding: 0 25px;
  position: relative;
  letter-spacing:1.5px;
  font-size:24px;
  font-weight:100;
  text-transform:uppercase;
}

.heading-container h2:before,
.heading-container h2:after {
  background: #8e8775;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 70%;
}
.heading-container h2:before {
  right: 100%;
}
.heading-container h2:after {
  left: 100%;
}
.heading-container {
  overflow: hidden;
  text-align: center;
}
.sub-heading-container h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  padding: 0 25px;
  position: relative;
  letter-spacing:1.5px;
  font-size:24px;
  font-weight:100;
  text-transform:uppercase;
}

.sub-heading-container h2:before,
.sub-heading-container h2:after {
  background: #8e8775;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 50px;
}
.sub-heading-container h2:before {
  right: 100%;
}
.sub-heading-container h2:after {
  left: 100%;
}
.sub-heading-container {
  overflow: hidden;
  text-align: center;
}


/*   Gift Card Page Styles   */
.main-container {
	border: 2px solid lightgray;
}
.gift-card-img {
	padding:0px;
	text-align:center;
}
.gift-card-img-inner {
	margin:0px auto !important;
	max-height:350px;
	text-align:center;
}
.gift-message {
	font-family: 'Sacramento', cursive !important;
	font-style:italic;
}
.gift-message-receiver {
    margin-bottom: 15px;
	font-family: 'Sacramento', cursive !important;
	font-style:italic;
    font-size: 35px;
}
.gift-message-body {
	font-family: 'Sacramento', cursive !important;
	font-style:italic;
    font-size: 30px;
    letter-spacing: 2px;
}
.gift-message-sender {
    margin-top: 30px;
    margin-bottom: 15px;
	text-align:right;
	font-family: 'Sacramento', cursive !important;
	font-style:italic;
    font-size: 35px;
}
.gift-amount {
    font-size: 50px;
    margin-top: 10px;
	font-weight:100;
}
.gift-qr-bow {
    width: 150px;
}
.gift-qr-code {
    width: 150px;
}
.gift-card-number  {
    font-size: 20px;
    letter-spacing: 3px;
}
.footer-text {
    font-size: 14px;
    letter-spacing: 0.8px;
}
.bottom-headings {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.bottom-list {
    padding: 0px 0px 0px 15px;
}
.bottom-btn {
    background-color: white;
    box-shadow: none;
    border: 2px solid #555;
	width:240px;
    padding: 10px 0px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 10px 0px;
	outline:none;
}
.bottom-btn:hover {
    background-color: #ff2000;
	border:2px solid #ff2000;
	color:white;
}
.copyrights {
    font-size: 14px;
	text-align:center;
}

/*   Media Queries  */

/* Extra small devices (phones, less than 768px) */
@media only screen
and (max-width: 767px) {
body {
	padding:0px;
}
.preview-header-logo img {
    text-align: center;
    margin: 0px auto;
    height: 80px;
}
.heading-container h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    padding: 0 25px;
    position: relative;
    letter-spacing: 1.5px;
    font-size: 24px;
    text-transform: uppercase;
}
.gift-amount {
    margin-top: 10px;
    margin-bottom: 50px;
}
.gift-notes {
    margin-top: 30px;
}

.copyrights {
    font-size: 14px;
	text-align:left;
}
.gift-message-receiver {
    margin-top: 30px;
}
}



/* Small devices (Tablets, less than 992px) */
@media only screen
and (max-width: 992px) {


}

/* Print Media Queries */
@media print { 
   body {
      background: #fff;
   }
   h1,h2, h3, h4 {
   page-break-after: avoid;
}
img {
   max-width: 100% !important;
}
ul, img {
   page-break-inside: avoid;
}
.print-middle-row {
	margin-top:100px;
}
.print-bottom-row {
	display:none;
}
.print-hr {
	display:none;
}
   
.preview-header-logo {
	text-align:center;
	margin:0px auto;
	background-color:#0f0f0f !important;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
}

}

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
   
.preview-header-logo {
	text-align:center;
	margin:0px auto;
	background-color:#1d1d1d !important;
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
}
}
.remodal button , .input-buttons{
	background:#fff;
	border:2px solid black;
	width:180px !important;
	height:48px;
	font-weight:400;
	margin:10px 5px;
	color:black;
}
.remodal button.signup {
	background:#898989;
	margin-right:0px;
}
.modal-footer {
    margin-top: 0;
}
.modal-content {
	border-radius:0px;
}
.modal-header {
	border:0px;
}
.modal-middle-heading {
	color:#282828;
	font-size:22px;
	text-transform:uppercase;
	font-weight:300;
	text-align:center;
	letter-spacing:1px;
  	padding:10px 0px 14px;
}


.modal-body-h2 {
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
  padding: 0 25px;
  position: relative;
  letter-spacing:1px;
  font-size:16px;
}

.modal-body-h2:before,
.modal-body-h2:after {
  background: #8e8775;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width:100px;
}
.modal-body-h2:before {
  right: 55%;
}
.modal-body-h2:after {
  left: 55%;
}
.remodal button.fb-login-btn {
	width:220px;
	font-weight:400;
	color:#282828;
	border:2px solid #282828;
	background:white;
}

.remodal button.fb-login-btn:hover {
background:#3b5998;
color:white;
border:0px;
}

.check-balance-form-div
{
	width: 70%;
	margin: 12px auto;
}
.login-form-div-50
{
	width: 50%;
	margin: 16px auto;
}
.login-form-div
{
	width: 70%;
	margin: 16px auto;
}
.login-form-error
{
	display: block;
    margin-bottom: 0px;
    color: #a94442;
    font-size: 15px;
    letter-spacing: 0.4px;
    text-align: left;
    width: 100%;
}
.login-form input[type=text],.login-form input[type=password]{
  width: 100%;
  height: 45px;
  padding-left: 10px !important;
  padding-right: 10px;
  box-shadow: none;
  -webkit-appearance: none;
  border:1px solid #ccc;
  outline:none;
}

.login-form input[type=text]:focus,.login-form input[type=password]:focus {
	border:1px solid #b9babd;
}

.login-form textarea {
	width:90%;
	margin:10px auto 20px;
    padding-left: 10px;
}

.forgot-password {
	margin-top:20px;
}

.forgot-password a {
	color:#282828;
	font-size:14px;
	text-transform:uppercase;
	font-weight:400;
}

.modal .media {
	max-width:90%;
  text-align: left;
  margin: auto;
  font-size: 16px;
  padding: 15px 0px 0px;
}

.thanks-heading {
	font-family: 'Great Vibes', cursive;
	font-style:italic;
	text-transform:none;
	font-size:42px;
}

#gift-thanks-main {
	min-height:315px;
	background-image:url(https://static.egiftify.com/images/merchant/merchant_img/thanks-bg.png), url(https://static.egiftify.com/images/merchant/merchant_img/thanks-bg-right.png) !important;
	background-position: left center, right center !important;
	background-repeat: no-repeat !important;
}

#gift-thanks-main .thanks-heading a {
	font-family: 'Great Vibes', cursive;
	font-style:italic;
	text-transform:none;
	font-size:42px;
	line-height:315px;
	vertical-align:middle;
	color:#282828;
}

#gift-thanks-main .thanks-heading a:hover, #gift-thanks-main .thanks-heading a:active {
	text-decoration:none;
}

@media (max-width: 767px) {
.clear-small {
	clear:both;
}

.gift-design-container {
	border:0;
}
.gift-design-body .container {
	padding:0px;
}
/*  .modal-dialog-center {
    width: 100%;
  }
  
  .modal-body {
    overflow-y:visible;
  }

.media-body {
	padding-left:0px;
}*/
.remodal button {
	background:#fff;
	border:2px solid black;
	width:90%;
	height:45px;
	font-weight:400;
	margin:10px auto;
}

.login-form-div
{
	width: 100%;
	margin: 6% auto;
}
.login-form input[type=text],.login-form input[type=password]{
  width: 100%;
  height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: none;
  -webkit-box-shadow: none;
}

#gift-thanks-main .thanks-heading a {
	font-family: 'Great Vibes', cursive;
	font-style:italic;
	text-transform:none;
	font-size:30px;
}

.gift-wallet-sm-img {
	margin:10px auto 20px;
}

.founder {
	margin-top:40px;
	margin-bottom:40px;
	background:#f1f1f1;
}