@font-face {
font-family: "MyBZ";
src: url("../fonts/zb.ttf");
}
@font-face {
font-family: "18783";
src: url("../fonts/18783.ttf");
}

body { min-width: 320px; }


/*Popover*/
.popover-header {
	background-color: #ffdf4b;
}

.heading {
    margin-top: 0px;
    font-family: Verdana, sans-serif;
    color: #ffdf4b;
    font-size: 5rem;
    line-height: 6rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -1px;
    text-shadow: 0 20px 10px rgba(0, 0, 0, 0.05);
}

.text-span {
	color: #fff;
	font-family: "18783", Verdana, sans-serif;
}




.text-block {
width: 90%;
font-family:  Verdana, sans-serif;
color: #fff;
font-size: 2rem;
line-height: 2rem;
font-weight: 600;
letter-spacing: -0.3px;
}


a#s1 {
	color: #ffdf4b;
	text-decoration:underline;
	outline: none;
	
	
}

a#s3 {
	
	text-decoration:underline;
	color: #ed302f;
	font-weight: bold;
}

.row {
	/* margin-left: 0; */



}

.s2 {
	color: #ed302f;
}


#section1 {

	 background-image: url("../img/vhs_bw50.png");
	 background-repeat: no-repeat;
	 background-position: center;
}


.container-fluid {


	 height: 100vh;

}




.btn-outline {
  position: relative;
  color: #ed3833;
  font-size: 3rem;
  background-color: #ffffff;
  border-color: #ed3833;
  font-weight: bold;
  letter-spacing: 0.05em;
  animation-name: shake;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
}

.btn-outline {
  color: #ed3833;
  background-color: #ffffff;
  border-color: #ed3833;
  font-weight: bold;
  border-radius: 0;
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus,
.btn-outline.active {
  background: #ffdf4b;
  color: #ed3833;
  border-color: #ffdf4b;
  
}

.btn-outline:hover {
  animation-name: shakeAnim;
}

@keyframes shakeAnim {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}

@keyframes shake {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}

/* FAQ SECTION */

.accordion {

    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.1);
}

.card, .card-header {
	background-color: rgba(255, 255, 255, 0.1);
	border: inherit;
}

.btn-faq {
		color: #ed302f;
		font-weight: bold;
}
.btn-faq:hover {
    color: #ed302f;
}

.faq-text {
	color: #ed302f;
}

.btn-s2 {
    font-size: 2rem;
}
.btn-s2:hover {
    color: #ffff;
	background-color: #ed3833;
}


/*ORDER SECTION*/
.getorder {
	background-color: #ffff;
}

.order_heading {
    font-family: Verdana, sans-serif;
    color: #ffff;
    font-size: 4.5rem;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -1px;
    text-shadow: 0 20px 10px rgba(0, 0, 0, 0.05);
}

.order_title {
  font-size: 2.0rem;
}

.desc {
  font-size: 1.0rem;
}

.choose-order {
    width: 90%;
	
	
}
.info-order {
	background-color: #005cf0;
}

.t-order-left {
	color: #005cf0;
}
.t-order-right {
	color: #ffff;
}

/*Moving letters*/
.ml4 {
  position: relative;

}
.ml4 .letters {
  position: absolute;
  margin: auto;
  left: 0;

  right: 0;
  opacity: 0; 
}


 .form label {font-size: 1.0rem;}
 
 
 /* ORDER DONE*/
 
 .odone {
	 background:#61b2d8;
	   background:-moz-linear-gradient(-45deg, #61b2d8 0%, #f9a4f2 100%);
	   background:-webkit-linear-gradient(-45deg, #61b2d8 0%, #f9a4f2 100%);
	   background:linear-gradient(135deg, #61b2d8 0%, #f9a4f2 100%);
	   filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#61b2d8', endColorstr='#f9a4f2', GradientType=1);
	   opacity:1;
	   z-index:100;
 }

 .okorder {
 	background:#ffff;
 }
 .orderok {
 	color: #2fcc71;
 }
 
  .ordernum {
	  color: #343a40;
  }
.order_num, .order_ship, .order_dest, .order_return {
	 color: #007bff;
 }
 

 
/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 320px and up) */
@media (min-width: 320px) {  
  .form-head, .form1 {padding: 0.5rem;}
  .order_title {font-size: 1.0rem;}
  .order_heading {font-size: 1.2rem;}
  .heading {font-size: 2rem; line-height: 2rem;}
	.text-block {font-size: 1rem; line-height: 1rem;}
  }

@media (min-width: 544px) {  
  .order_title {font-size: 1.0rem;}
  .order_heading {font-size: 2.0rem;}
  .heading {font-size: 4rem; line-height: 4rem;}
	.text-block {font-size: 1rem; line-height: 1rem;}
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    .form label {font-size: 1.0rem;}
    .desc {font-size: 0.7rem;}
    .order_title {font-size: 1.0rem;}
    .order_heading {font-size: 2.1rem;}
    .heading {font-size: 4rem;line-height: 5rem;}
	  .text-block {font-size: 2rem; line-height: 2rem;}

  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) { 
    .form label {font-size: 1.5rem;}
    .desc {font-size: 0.9rem;}
    .order_title {font-size: 1.5rem;}
    .order_heading {font-size: 3.5rem;}
    .heading {font-size: 5rem; line-height: 6rem;}

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
    .order_title {font-size: 2.0rem;}
    .order_heading {font-size: 4.5rem;}
    .heading {font-size: 5rem; line-height: 6rem;}
	
  }

  /*