/*

    

Printox - The best way to print



*/





@import url(fontawesome.css);



body {

  font-family: 'Montserrat', sans-serif;

  background: url(../images/BG-Grey-04.png);

  background-position: center;

  background-size: cover;

  background-attachment: fixed;

  background-repeat: no-repeat;

}



/* Request a Quote */



* {

  box-sizing: border-box;

  font-family: inherit;

}



body {

  margin: 0;

  height: 100%;

  /* padding: 50px 20px;	 */

}



.column1 {

  float: left;

  width: 68%;

  padding: 10px;

  margin: 30px 30px 0px 20px;

}



.column2 {

  float: right;

  width: 22%;

  margin-top: 40px;

  margin-right: 30px;

  padding: 40px 30px;

  background-color: #2E384B;

  border-radius: 11px;

}

.column22 {

  float: right;

  width: 75%;

  margin-top: 40px;

  margin-right: 30px;

  padding: 40px 30px;

  background-color: #2E384B;

  border-radius: 11px;

}



.column3 {

  float: left;

  width: 26%;

  margin-top: 10px;

  margin-left: 30px;

  padding: 30px;

  background-color: #2E384B;

  border-radius: 11px;

}



.column3 table {

  width: 100%;

}



.column3 a img {

  width: 100%;

  margin: 10px 0;

}



.column4 {

  float: right;

  width: 66%;

  margin: 10px 15px 30px;

  padding: 30px;

  background-color: #2E384B;

  border-radius: 11px;

}



.column4 label img {

  float: left;

  width: 36px;

  margin-right: 7px;

}



.column4 label a {

  font-weight: 300;

}



.column4a {

  float: left;

  /* width: 24%; */

  height: auto;

  margin-right: 10px;

  border: 1px solid #4D5E7D;

  border-radius: 8px;

  padding: 8px;

}



.column4a img {

  width: 166px;

  border-radius: 5px;

}



.column4b {

  float: right;

  width: 71%;

}



.column4b table {

  width: 100%;

}



.column4b table td img {

  float: right;

  width: 25px;

}



.column5 {

  width: 26%;

  margin-top: 10px;

  margin-left: 30px;

  padding: 25px 11px 30px 30px;

  background-color: #2E384B;

  border-radius: 11px;

}



.column5 img {

  float: right;

  width: 77px;

  margin-top: -15px;

}



.column5 ul li {

  color: #ddd;

  font-size: 13px;

  margin-bottom: 3px;

}



.column6 {

  float: right;

  width: 65%;

  margin: 10px 15px 30px;

  padding: 30px;

  background-color: #2E384B;

  border-radius: 11px;

}



.column6a {

  float: left;

  width: 30%;

  height: auto;

}



.column6a table {

  width: 100%;

}



.column6a img {

  width: 122px;

  border-radius: 5px;

  margin-right: 10px;

  border: 1px solid #4D5E7D;

  border-radius: 8px;

  padding: 8px;

}



.column6a p a img {

  width: 22px;

}



.column6b {

  float: right;

  width: 66%;

}



.column6b label img {

  float: right;

  width: 99px;

  margin-right: 30px;

}



@media screen and (max-width: 799px) {

  .column1 {

    float: left;

    width: 100%;

    padding-right: 30px;

    margin: 0;

  }



  .column1 p {

    display: none;

  }



  .column2 {

    float: left;

    width: 100%;

  }



  .column3 {

    width: 100%;

    margin: 15px 0;

  }



  .column3 a img {

    margin: 15px 0;

    float: middle;

  }



  .column4 {

    width: 100%;

    margin: 0 !important;

  }



  .column4a {

    width: 66%;

  }



  .column4a img {

    width: 100%;

  }



  .column4b {

    width: 100%;

    margin-top: 30px;

  }



  .column5 {

    width: 100%;

    margin-left: 0;

  }



  .column5 img {

    width: 111px;

  }



  .column6 {

    width: 100%;

    margin: 0 !important;

  }



  .column6a {

    width: 100%;

  }



  .column6b {

    width: 100%;

    margin-top: 50px;

  }



  .column6b label img {

    width: 66px;

    margin-right: 0;

    vertical-align: middle;

  }



}



.quote-container {

  display: block !important;

  margin-left: 16rem;

  margin-right: 16rem;

  position: relative;

  padding-left: 38px;

  margin: 10px 0 25px 30px;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.m-setter{

  display: inline-block;

  margin-top: 2rem;

}



.quote-container input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



.checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 25px;

  width: 25px;

  background-color: #ddd;

  border-radius: 50%;

}



.quote-container:hover input~.checkmark {

  background-color: #ccc;

}



.quote-container input:checked~.checkmark {

  background-color: #45BABA;

}



.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



.quote-container input:checked~.checkmark:after {

  display: block;

}



.quote-container .checkmark:after {

  top: 9px;

  left: 9px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #f5f5f5;

}



h3 {

  text-align: left;

  font-size: 16px;

  font-weight: 600;

  color: #ddd;

  padding: 0;

  margin: 10px 0px 0px 30px;

}



h4 {

  text-align: left;

  font-size: 18px;

  font-weight: 600;

  color: #45BABA;

  padding: 0;

  margin-bottom: 20px;

}



h5 {

  text-align: left;

  font-size: 16px;

  font-weight: 600;

  color: #f5f5f5;

  padding: 0;

  margin-bottom: 15px;

}



h6 {

  text-align: left;

  font-size: 15px;

  font-weight: 600;

  color: #ddd;

  padding: 0;

  /* margin: 15px 0 5px 0; */

}



hr.new1 {

  border-top: 1px solid #4D5E7D;

}



.vertical {

  border-left: 1px solid #4D5E7D;

  height: 220px;

  position: absolute;

  display: inline-block;

  text-align: left;

}



form {

  background-color: auto;

  border-radius: 11px;



  @media screen and (min-width: 768px) {}

}



h2 {

  text-align: left;

  font-size: 21px;

  font-weight: 600;

  color: #45BABA;

  padding: 0;

  margin-bottom: 20px;

  margin-left: 0 !important;

}



table,

th,

td {

  border: 0px;

  color: #f5f5f5;

  font-family: inherit;

  font-size: 14px;

}



p {

  text-align: left;

  font-size: 14px;

  font-weight: 500;

  color: #f5f5f5;

  margin-bottom: 20px;

}



a {

  text-align: left;

  /* font-size: 13px;

  font-weight: 600; */

  color: #f5f5f5;

}



@media screen and (max-width: 799px) {

  .large-group {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

  }



  .small-group {

    width: 45%;

  }



  .vertical {

    display: none;

  }

}



label {

  display: block !important;

  margin-bottom: 8px;

  color: #ddd;

  font-size: 15px;

  font-weight: 500;

}



input,

select {

  padding: 10px 16px;

  width: 100%;

  outline: 0;

  margin-bottom: 20px;

  border-radius: 20px;

  border: 0;

  background-color: #2E384B;

  color: #ddd;

  font-size: 14px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.textarea-div {

  width: 100%;

}



textarea {

  padding: 10px;

  width: 100%;

  outline: 0;

  margin-bottom: 20px;

  border-radius: 20px;

  border: 0;

  background-color: #2E384B;

  font-size: 14px;

  height: 100px;

}



.btn {

  background-color: #45BABA;

  padding: 9px 15px;

  width: 25%;

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

  border: 2px solid #346F74;

  border-radius: 33px;

  transition: 0.3s all ease;



  &:hover {

    background-color: #4CECED;

  }

}



.order-details {

  background-color: rgba(46, 56, 75, 0.4);

  border-radius: 11px;

  padding: 50px;

  margin: 20px 30px;

}



.order-details u {

  color: #f5f5f5;

  font-size: 14px;

}



.order-details h3 {

  margin-top: 20px;

}



.order-details p {

  margin-right: 30px;

}



.order-details summary {

  font-size: 14px;

  color: #45BABA;

  margin-top: 10px;

}



.order-details table {

  width: 100%;

  margin: 15px 0;

}



.order-details h5 {

  margin: 20px 0 5px;

}



.order-details .payment {

  margin-right: 200px;

}



.order-details .payment input {

  background-color: #45BABA;

  color: #f5f5f5;

  font-size: 13px;

  font-weight: 600;

  text-align: center;

  border: 1px solid #346F74;

  border-radius: 55px;

  padding: 7px 0;

}



.order-details .upload {

  margin-right: 200px;

}



.order-details .upload input[type=submit] {

  background-color: #45BABA;

  color: #f5f5f5;

  font-size: 13px;

  font-weight: 600;

  text-align: center;

  border: 1px solid #346F74;

  border-radius: 55px;

  padding: 7px 0;

  margin-top: 5px;

}





@media screen and (max-width:799px) {

  .order-details {

    padding: 30px;

    margin: 20px 15px;

  }



  .order-details h5 {

    margin: 50px 0 5px;

  }



  .order-details .payment {

    margin-right: 150px;

  }



  .order-details .upload {

    margin-right: 150px;

  }

}



.file-upload {

  display: block;

  text-align: center;

  font-family: inherit;

  font-size: 13px;

}



.file-upload .file-select {

  display: block;

  border: 2px solid #ddd;

  border-radius: 44px;

  color: #2E384B;

  cursor: pointer;

  height: 40px;

  line-height: 40px;

  text-align: left;

  background: #f5f5f5;

  overflow: hidden;

  position: relative;

}



.file-upload .file-select .file-select-button {

  background: #dce4ec;

  padding: 0 10px;

  display: inline-block;

  height: 40px;

  line-height: 40px;

}



.file-upload .file-select .file-select-name {

  line-height: 40px;

  display: inline-block;

  padding: 0 10px;

}



.file-upload .file-select:hover {

  border-color: #2E384B;

  transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

}



.file-upload .file-select:hover .file-select-button {

  background: #2E384B;

  color: #f5f5f5;

  transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

}



.file-upload.active .file-select {

  border-color: #3fa46a;

  transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

}



.file-upload.active .file-select .file-select-button {

  background: #3fa46a;

  color: #f5f5f5;

  transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

}



.file-upload .file-select input[type=file] {

  z-index: 100;

  cursor: pointer;

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  opacity: 0;

  filter: alpha(opacity=0);

}



.file-upload .file-select.file-select-disabled {

  opacity: 0.65;

}



.file-upload .file-select.file-select-disabled:hover {

  cursor: default;

  display: block;

  border: 2px solid #ddd;

  color: #2E384B;

  cursor: pointer;

  height: 40px;

  line-height: 40px;

  margin-top: 5px;

  text-align: left;

  background: #f5f5f5;

  overflow: hidden;

  position: relative;

}



.file-upload .file-select.file-select-disabled:hover .file-select-button {

  background: #dce4ec;

  color: #666666;

  padding: 0 10px;

  display: inline-block;

  height: 40px;

  line-height: 40px;

}



.file-upload .file-select.file-select-disabled:hover .file-select-name {

  line-height: 40px;

  display: inline-block;

  padding: 0 10px;

}