/*
Created by: Mittal C. Shah
Created at: Trentium Solutions
Date: 23/01/2018
*/

/*-Font Families-*/

@font-face {
    font-family: Myriad Pro;
    src: url("../front/fonts/myriadpro-regular.ttf") format("truetype");
}

@font-face {
    font-family: "Myriad Pro Semibold";
    src: url("../front/fonts/myriadpro-semibold.ttf") format("truetype");
}

@font-face {
    font-family: "Myriad Pro Bold";
    src: url("../front/fonts/myriadpro-bold.ttf") format("truetype");
}
.my-4rem {
    margin: 4rem 0;
}
.text-color-white {
    color: #ffffff;
}

/*------Body-----*/

body {
    background-image: url("../front/img/background-cover.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.app-description {
    font-size: 1.2rem;
    font-family: "Myriad Pro";
    word-spacing: 2px;
    letter-spacing: 0.5px;
}

.download-title {
    font-size: 2rem;
    font-family: "Myriad Pro Semibold";
}
.download-link {
    font-size: 1.4rem;
    font-family: "Myriad Pro Semibold";
}
.custom-ip-control, .custom-ip-control:focus  {
    background-color: #c3dafd;
    color: #000000;
    border-radius: 0.40rem !important;
}
.custom-ip-control::-webkit-input-placeholder{
    color: #000000;
}
.custom-ip-control::-moz-placeholder {
    color: #000000;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: textfield;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.submit-btn {
    background: #044ed7;
    color: #fff;
    font-family: "Myriad Pro Semibold";
    font-size: 1.2rem;
    padding: 10px 70px;
    border-radius: 8px;
}

/*---------Media Screen----------*/
@media (max-width: 767px)
{
    .sm-padding-input{
     padding-bottom: 1.5rem;
    }

    .my-4rem {
        margin: 2rem 0;
    }

    .mt-5
    {
        margin-top: 2rem !important;
    }
}