@font-face {
  font-family: 'apercu_pro';
  font-style: normal;
  font-weight: 400;
  src: local('apercu_pro'), local('apercu_pro'),
       url('../fonts/ApercuPro/apercupro-regular-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ApercuPro/apercupro-regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ApercuPro/apercupro-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ApercuPro/apercupro-regular-webfont.svg') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'apercu_pro', sans-serif;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

a {
    display: inline-block;
    height: 100%;
}

input {
    padding: 10px;
    font-size: 14px !important;
    border: none;
}

label {
    display: flex;
    align-items: center;
}

input[type=date]:required:invalid::-webkit-datetime-edit {
    color: transparent;
}
/*input[type=date]:focus::-webkit-datetime-edit {
    color: auto;
}*/

input[type=radio] {
    display: none;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label:before {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 4px;
    content: " ";
    border: 2px solid #475669;
    border-radius: 4px;
    float: left;
}

input[type=checkbox]:checked + label:before {
    content: "\2714";
    padding: 0;
    text-align: center;
    line-height: 1;
}

input[type=radio] + label:before {
    height: 14px;
    width: 14px;
    padding: 2px;
    margin-right: 4px;
    content: " ";
    display: inline-block;
    vertical-align: baseline;
    border: 2px solid #475669;
    border-radius: 50%;
}

input[type=radio]:checked + label:before {
    content: " ";
    width: 14px;
    height: 14px;
    border-radius: 50px;
    box-shadow: inset 0 0 0px 2px white;
    background: #475669;
}

textarea:focus, input:focus,
select:focus {
    outline: none;
}

.grandparent-container {
    padding: 0;
    min-height: 100vh;
    background-color: #dedede;
}

.main-content-large {
    max-width: 1260px;
    min-width: 270px;;
   /* width: 1260px;*/
    margin: 0 auto;
    background-color: white;
}

.main-content-small {
    max-width: 768px;
    min-width: 270px;
  /*  width: 768px;*/
    margin: 0 auto;
}

.btn-bg-color-ff8e41 {
    background-color: #ff8e41;
    color: white;
    padding: 12px;
    font-size: 15px;
    margin-right: 10px;
    width: 200px;
}

.btn-border-color-ff8e41 {
    background-color: white;
    color: #ff8e41;
    border: 1px solid #ff8e41;
    padding: 12px;
    font-size: 15px;
    width: 200px;
}

.bg-color-f1ebd3 {
    background-color: #f1ebd3;
}

.bg-color-faf6e5 {
    background-color: #faf6e5;
}

.position-rel {
    position: relative;
}

.form-control:focus,
.d-inline-block:focus,
.form-control:focus,
.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent;
}

.active-tab-318cc6 {
    color: #318cc6 !important;
}

.active-tab-318cc6:hover {
    cursor: pointer;
    font-weight: 900;
    color: #475669 !important;
    text-decoration: none;
}

.active-tabs {
    border-bottom: 3px solid #475669;
    color: #475669 !important;
}

.link-red {
    color: red;
    font-weight: 900;
}

.form-control {
    border: none;
}

/*Select*/
.select-htmlselect {
    display: none;
}

.select-container {
    position: absolute;
    right: 0;
    top: 0;
}

.select-chevron {
    position: absolute;
    right: 0;
}

.toggle-vivibility {
    display: none;
}

@media only screen and (max-width: 1024px) {
   /* .main-content-large,
    .main-content-small {
       width: 100%;
    }*/
}

@media only screen and (max-width: 800px) {
    .main-content-large,
    .main-content-small {
        width: 100%;
    }

   .paddx {
        padding-left: 15px;
        padding-right: 15px;
   }

}

@media only screen and (max-width: 576px) {
    .btn-bg-color-ff8e41 {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .active-tab-318cc6 {
        font-weight: 400;
    }

    .form-control {
        margin-bottom: 15px;
    }

    .btn-bg-color-ff8e41,
    .btn-border-color-ff8e41 {
        width: 100%;
    }

   /* .active-tab-318cc6:hover,
    .active-tab-318cc6:active {
        border-radius: 3px solid transparent;
    }*/
}