@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');

.UpC {
  text-transform: uppercase;
}

.FlagRed {
	color:#B22234;
	text-shadow: 1px 1px #000;
}

.FlagWhite {
	color:#FFF;
	text-shadow: 2px 2px #000;
}

.FlagBlue {
	color:#3C3B6E;
	text-shadow: 1px 1px #000;
}

p {
	vertical-align: text-top;  
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 1.15em;
    color: #000;
    font-weight: 400;
    font-style: normal;
}
.lidtbl {
	font-weight: normal;
}

.blktxt a:link {
	color: #26FFFF;
}
.blktxt a:visited {
	color: #EEEEEE;
}
.blktxt a:visited {
	color: #FFFF00;
}
.blktxt a:visited {
	color: #FF0000;
}
.whttxt {
color: #FFFFFF;
}
.Hdrsz {
  font-size: 1.15em;
  font-weight: bold;
}
.Hdrsz2 {
  font-size: 1.5em;
  font-weight: bold;
}
.card_hdr {
  color: #FFFF00;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  font-size: 2em;
  font-weight: bold;
}
.card_hdr2 {
  color: aliceblue;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  font-size: 1.75em;
  font-weight: bold;
}
.card_font {
  color: #FFFFFF;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  font-size: 1.15em;
}
.card {
	vertical-align: text-top; 
	align align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: justify;
    align-items: center;
    background: #000;
    font-size: 0.80rem;
    color: #ffffff;
    box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
    height: 100%;
    width: 95%;
    border-radius: 4px;
    transition: all 500ms;
    overflow: hidden;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	  z-index: 0;
 }
  
.card:hover {
    box-shadow: rgba(2, 8, 20, 0.1) 0px 0.35em 1.175em, rgba(2, 8, 20, 0.08) 0px 0.175em 0.5em;
    transform: translateY(-3px) scale(1.05);
 }
.hcard {
	text-align: left;
    vertical-align: text-top; 
    display: flex;
    flex-direction: column;
    justify-content: justify;
    align-items: center;
    height: 100%;
    width: 98%;
	border-radius: 4px;
    transition: all 500ms;
    overflow: hidden;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	  z-index: 0;
 }

.card2 {
	vertical-align: text-top;  
    display: flex;
    flex-direction: column;
    justify-content: justify;
    align-items: center;
    font-size: 0.80rem;
    color: #ffffff;
    box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
    height: 100%;
    width: 97%;
    border-radius: 4px;
    transition: all 500ms;
    overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
 }

.card3 {
	vertical-align: text-top;  
    display: flex;
    flex-direction: column;
    justify-content: justify;
    align-items: center;
    font-size: 0.80rem;
    color: #ffffff;
    box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
    height: 100%;
    width: 97%;
    border-radius: 4px;
    transition: all 500ms;
    overflow: hidden;
	padding-left: 25px;
	padding-right: 25px;
	background-size: cover;
	background-color: #000000;
	background-image: url("../images/JPG/PostMastering_aboutusbackgd.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover; 

 }

.card4 {
	vertical-align: text-top;  
    display: flex;
    flex-direction: column;
    justify-content: justify;
    align-items: center;
    font-size: 0.80rem;
    color: #ffffff;
    box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
    height: 100%;
    width: 97%;
    border-radius: 4px;
    transition: all 500ms;
    overflow: hidden;
	padding-left: 25px;
	padding-right: 25px;
	background-size: cover;
	background-color: #000000;
	background-image: url("../images/JPG/portfolio_backgd.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover; 

 }

.card5 {
	vertical-align: text-top;  
    display: flex;
    flex-direction: column;
    justify-content: justify;
    align-items: center;
    font-size: 0.80rem;
    color: #ffffff;
    box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
    height: 100%;
    width: 97%;
    border-radius: 4px;
    transition: all 500ms;
    overflow: hidden;
	padding-left: 25px;
	padding-right: 25px;
	background-size: cover;
	background-color: #000000;
	background-image: url("../images/JPG/Testimonial_bckgrd.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover; 

 }

.card6 {
	vertical-align: text-top;  
    display: flex;
    flex-direction: column;
    justify-content: justify;
    align-items: center;
    font-size: 0.80rem;
    color: #ffffff;
    box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
    height: 100%;
    width: 97%;
    border-radius: 4px;
    transition: all 500ms;
    overflow: hidden;
	padding-left: 25px;
	padding-right: 25px;
	background-size: cover;
	background-color: #000000;
	background-image: url("../images/JPG/ContactUs_bckgrd.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover; 

 }

.contain {object-fit: contain;
 }

.imgstyle {
	max-width: 100%;
	min-width: 300px;
}

#BlackBox {
  background-color: #000;
  width: 50%;
  padding: 5px;
  margin: 5px;
}

#GrayBox {
  background-color: #eee;
  width: 98%;
  padding: 5px;
  margin: 5px;
}

#GBBlueBox {
  background-color: #005D84;
  width: 98%;
  padding: 5px;
  margin: 5px;
  color: #fff;
}

.DP_btn a:link {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #FFF;

  background-color: #6C954B;

  padding: 2px;

  border: 1px solid #009;

  border-radius: 5px;

  position: relative;

  width: 300px;
  min-width: 100px;	

  text-align: center;

  vertical-align: middle;

  display: block;

  font-weight: bold;

}

.DP_btn a:visited {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #FFF;

  background-color: #005D84;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #009;

  border-radius: 5px;

}

.DP_btn a:hover {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #000;

  background-color: #FFFF00;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #FF0;

  border-radius: 5px;

  box-shadow: 0px 1px 2px #666;

  text-decoration: none;

}

.DP_btn a:active {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #000;

  background-color: #0F0;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #CE3747;

  border-radius: 5px;

  box-shadow: 0px 1px 2px #666 inset;

  text-decoration: none;

  text-shadow: 0px 1px 0px #000000;

}

.Box_btn a:link {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #FFF;

  background-color: #6C954B;

  padding: 2px;

  border: 1px solid #009;

  border-radius: 5px;

  position: relative;

  width: 255px;

  min-width: 100px;	

  text-align: center;

  vertical-align: middle;

  display: block;

  font-weight: bold;

}

.Box_btn a:visited {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #FFF;

  background-color: #005D84;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #009;

  border-radius: 5px;

}

.Box_btn a:hover {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #000;

  background-color: #FFFF00;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #FF0;

  border-radius: 5px;

  box-shadow: 0px 1px 2px #666;

  text-decoration: none;

}

.Box_btn a:active {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #000;

  background-color: #0F0;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #CE3747;

  border-radius: 5px;

  box-shadow: 0px 1px 2px #666 inset;

  text-decoration: none;

  text-shadow: 0px 1px 0px #000000;

}

.Line_btn a:link {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #FFF;

  background-color: #6C954B;

  padding: 2px;

  border: 1px solid #009;

  border-radius: 5px;

  position: relative;

  width: 300px;

  min-width: 100px;

  text-align: center;

  vertical-align: middle;

  display: inline;

  font-weight: bold;

}

.Line_btn a:visited {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #FFF;

  background-color: #005D84;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #009;

  border-radius: 5px;

}

.Line_btn a:hover {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #000;

  background-color: #FFFF00;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #FF0;

  border-radius: 5px;

  box-shadow: 0px 1px 2px #666;

  text-decoration: none;

}

.Line_btn a:active {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #000;

  background-color: #0F0;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #CE3747;

  border-radius: 5px;

  box-shadow: 0px 1px 2px #666 inset;

  text-decoration: none;

  text-shadow: 0px 1px 0px #000000;

}

.Quote_btn a:link {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #FFF;

  background-color: #6C954B;

  padding: 2px;

  border: 1px solid #009;

  border-radius: 5px;

  position: relative;

  width: 100px;
  min-width: 75px;	

  text-align: center;

  vertical-align: middle;

  display: block;

  font-weight: bold;

}

.Quote_btn a:visited {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #FFF;

  background-color: #005D84;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #009;

  border-radius: 5px;

}

.Quote_btn a:hover {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #000;

  background-color: #FFFF00;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #FF0;

  border-radius: 5px;

  box-shadow: 0px 1px 2px #666;

  text-decoration: none;

}

.Quote_btn a:active {

  font-family: Verdana, sans-serif;

  font-size: 10pt;

  color: #000;

  background-color: #0F0;

  padding-top: 2px;

  padding-right: 2px;

  padding-bottom: 2px;

  padding-left: 2px;

  border: 1px solid #CE3747;

  border-radius: 5px;

  box-shadow: 0px 1px 2px #666 inset;

  text-decoration: none;

  text-shadow: 0px 1px 0px #000000;

}
.videoBgWrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.videoBg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .videoBg{
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  .videoBg {
    width: auto;
    height: 100%;
  }
}
#halfblock {
    display: inline-block;
    background: #FFF;
    font-size: 0.95rem;
	text-align: left;
	align-self: center;
    color: #000;
    width: 45%;
    border-radius: 20px;
   padding: 2px;
   margin: 2px;
 }

#thirdblock {
    display: inline-block;
    background: #FFF;
    font-size: 0.95rem;
	text-align: center;
	vertical-align: top;
    color: #000;
    width: 30%;
    border-radius: 20px;
   padding: 2px;
   margin: 2px;
 }

#eightblock {
    display: inline-block;
    max-width: 800px;
    min-width: 400px;
    background-color: rgba(255, 255, 255, 0.6);
 }