/* ------ Here write you style ------ */




input.design-submit-btn.submit_form {
    margin-top: 10px;
}


label.link-saver {
    color: #fff;
}




input.design-submit-btn.submit_form {
    margin-top: 20px !important;
}


img.foto-book-logo {
    width: 120px;
}


h1.display-4{

	color: #fff;
}


.text-muted-p{
	color: #fff;
	font-weight: 300;
}


#hero {
    background-image: url('../images/Overlay-1.png');
}






/*Switch */

.switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
}

/*.switch input {
  display:none;
}
*/
.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 26px;
}

input:checked + .slider {
  background-color: #FF4E00 !important;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
  width: 60px;
}

.slider.round:before {
  border-radius: 50%;
}

.ink-saver-section {
    display: flex;
    align-items: center;
}




.ink-label-title {
    color: #fff;
}

















.upload-design {
    background-color: #FF4E00;
    color: #fff !important;
    padding: 20px 40px 20px 40px !important;
    border-radius: 10px !important;
} 	


.header .navbar .navbar-nav li a {
    color: #000000;
    font-size: 18px;
}


.counters__stats-box.h-100.translateEffect1 h5 {
    color: white;
}


img.footer-logo {
    width: 150px;
}



img.upload-design-banner-img {
    width: 65%;
}


.upload-desing-inp {
    display: flex;
    align-items:center;
}


input#input-fields {
    width: 287px !important;
    margin-bottom: 15px;
}
input.design-submit-btn {
	height: 60px;
    min-width: 100%;
    background-color: #FF4E00;
    color: #fff;
    margin-top: :15px;
}

input#input-fields {
    min-width: 100%;
  
}


input#input-fields {
    min-width: 100%;
}
input#input-fields {
    background-color: #fff;
    min-width: 100%;
    color: #000;
}


::-webkit-file-upload-button {
    display: none;
}

a.nav-link.scroll.upload-design::after {
    display: none;
}

form input {
    border: 0;
    border-radius: 5px;
/*    box-shadow: 2px 0px 15px 5px rgb(1 6 33 / 6%);
*/    padding: 15px 15px;
    width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}



.drag-n-drop-area {
    display: flex;
    justify-content: flex-end;
}




button.upload-button {
    width: 100%;
    text-align: center;
    justify-content: center;
    font-family: 'Poppins';
}


input#filename-1 {
    height: 54px;
    width: 9% !important;
    object-fit: contain;
    left: 0px;
}

div#filename-1 {
    border-radius: 5px;
    border: none;
    min-width: 100%;
    background: #fff;
}



input#filename-1  {
    width: 287px !important;
    margin: 0px 15px 15px 0px;
}
input.design-submit-btn {
    margin-top: 10px;
    min-width: 100%;
    background-color: #FF4E00;
    color: #fff;
}

input#filename-1  {
    min-width: 100%;
  
}


input#filename-1  {
    min-width: 100%;
}
input#filename-1  {
    background-color: #fff;
    min-width: 100%;
    color: #000;
}


.col-12.col-md-6.col-lg-6.upload-desing-inp {
    column-gap: 15px;
}

div#filename-1 {
    display: flex;
    padding-left: 15px;
    align-items: center;
}

img.preview-img {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    object-fit: cover;
}

img.preview-field-icon {
    height: 30px;
    width: 30px;
    object-fit: contain;
}

div#filename-1 span {
    margin-left: 10px;
}

/*Mobile CSS*/

@media (min-width: 0px) and (max-width: 576px){



.header .navbar{
    margin-top: 0px !important;
}



div#filename-1 {
    border-radius: 5px;
    border: none;
    height: 54px;
    min-width: 100%;
    background: #fff;
    margin-bottom: 15px;
}



.upload-files-container {
    width: 100% !important;
     padding: 20px 20px !important;
}



.header .navbar .navbar-nav li a {
    color: #000000;
    font-size: 15px;
}


.header .navbar-expand-lg{
	padding: 10px;
	border-radius: 0px;
}

a.nav-link.scroll.upload-design {
    margin-bottom: 20px;
    padding: 15px !important;
}


.design-upload-section {
    height: unset !important;
}


.upload-desing-inp {
    display: block;
}


a.nav-link.upload-design {
    margin-bottom: 20px;
}


}





.design-upload-section {
    height: 100vh;
    display: flex;
    align-content: center;
    align-items: center;
}




/*Tablet Css*/


@media (min-width: 577px) and (max-width: 992px){



.upload-files-container {
   
    width: 100% !important;
}


.header .navbar-expand-lg{
	padding: 10px 50px 10px 50px;
}



.design-upload-section {
    height: unset !important;
}

}




.design-upload-section {
    height: 100vh;
}



/*DRAG and DROP CSS*/
/*DRAG and DROP CSS*/


.form-container {
    width: 100vw;
    height: 100vh;
    background-color:none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.upload-files-container {
    background-color:#fff;
    width: 85%;
    padding: 30px 60px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 10px 20px, rgba(0, 0, 0, 0.28) 0px 6px 6px;
    position: relative;
    overflow: hidden;
}

.upload-files-container input.upload-file { 
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    opacity: 0;
}


.drag-file-area {
    border: 2px dashed #ff7e45;
    border-radius: 40px;
    margin: 10px 0 15px;
    padding: 30px 50px;
    width: 100%;
    text-align: center;
}
.drag-file-area .upload-icon {
    font-size: 50px;
}
.drag-file-area h3 {
    font-family: 'poppins';
    font-size: 26px;
    margin: 15px 0;
}
.drag-file-area label {
    font-size: 19px;
}
.drag-file-area label .browse-files-text {
    color: #ff7e45;
    font-weight: bolder;
    cursor: pointer;
}
.browse-files span {
    position: relative;
    top: -25px;
}

.browse-files input[type="file"] { height: 0; opacity: 0;  }

.default-file-input {
    opacity: 0;
}
.cannot-upload-message {
    background-color: #ffc6c4;
    font-size: 17px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    color: #BB0000;
    display: none;
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.cannot-upload-message span, .upload-button-icon {
    padding-right: 10px;
}
.cannot-upload-message span:last-child {
    padding-left: 20px;
    cursor: pointer;
}
.file-block {
    color: #f7fff7;
    background-color: #ff7e45;
    transition: all 1s;
    width: 100%;
    position: relative;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 15px;
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
}
.file-info {
    display: flex;
    align-items: center;
    font-size: 15px;
}
.file-icon {
    margin-right: 10px;
}
.file-name, .file-size {
    padding: 0 3px;
}
.remove-file-icon {
    cursor: pointer;
}
.progress-bar {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 4.5%;
    width: 0;
    height: 5px;
    border-radius: 25px;
    background-color: #4BB543;
}
.upload-button {
    font-family: 'Montserrat';
    background-color: #ff7e45;
    color: #f7fff7;
    display: flex;
    align-items: center;
    font-size: 18px;
    border: none;
    border-radius: 20px;
    margin: 10px;
    padding: 7.5px 50px;
    cursor: pointer;
}




ul.contact__address__content * {
    color: #fff;
}

.hero__images.text-center img {
    width: 75%;
}






/*ink saver*/

input#inksaver {
    box-shadow: none;
}



@media (min-width: 0px) and (max-width: 576px){

input#inksaver {
    width: 10%;
}

.col-12.col-md-6.col-lg-6.upload-desing-inp {
    text-align: left;
}

}



@media only screen and (min-width: 600px) {



label.link-saver {
    min-width: 100% !important;
}
div#filename-1 {
    height: 54px;
}


label.link-saver {
    display: flex;
    min-width: 100%;
    align-content: center;
    align-items: center;
}

}


.agreement-section {
    display: flex;
}

label.agreement-label {
    margin-left: 10px !important;
    color: #fff;
    text-align: left;
    font-size: 15px;
}


.agreement-section {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}


input.agreement-checkbox {
    width: unset;
}

[type="checkbox"]
{
    vertical-align:middle;
}




/*About Us*/



.authorv2__list {
    display: none;
}

/*Footer*/


.footer-email {
    color: #FF4E00;
}

.ink-label-title {
    white-space: pre;
    color: #fff;
}

input#inksaver\ checkbox {
    visibility: hidden;
}