@font-face {
    font-family: "BebasNeue";
    src: url("fonts/BebasNeue-Regular.eot");
}

.title{
    font-family: 'Oswald', sans-serif;
    font-size: 33px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    text-align: left;
    color: #3c4d59;
    text-transform: uppercase;
}

.text{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: left;
    color: #3c4d59;
}

.text_green_modal{
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: #66c4a7;
}

.title_campos_form_modal{
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: #ed3338;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.label_form_modal{
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #3c4d59;
}

.title_modal_confirmacao{
    font-family: 'Oswald', sans-serif;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: #3c4d59;
    text-transform: uppercase;
}

.field_form_modal{
    font-family: Arial;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #3c4d59;
}


.btn-30{
    color: #fff;
    background-color: #66c4a7;
    box-shadow: 0 3px 6px 0 rgba(102, 196, 167, 0.16);
    opacity: 0.8;
}

.btn-30:hover, .btn-30:focus, .btn-30:active, .btn-30.active, .open .dropdown-toggle.btn-30 {
    color:#FFF;
    opacity: 1;
}

.btn-60{
    color: #fff;
    background-color: #34a1d5;
    box-shadow: 0 3px 6px 0 rgba(102, 196, 167, 0.16);
    opacity: 0.8;
}

.btn-60:hover, .btn-60:focus, .btn-60:active, .btn-60.active, .open .dropdown-toggle.btn-60 {
    color:#FFF;
    opacity: 1;
}

.btn-90{
    color: #fff;
    background-color: #e68d29;
    box-shadow: 0 3px 6px 0 rgba(102, 196, 167, 0.16);
    opacity: 0.8;
}

.btn-90:hover, .btn-90:focus, .btn-90:active, .btn-90.active, .open .dropdown-toggle.btn-90 {
    color:#FFF;
    opacity: 1;
}

.btn-120{
    color: #fff;
    background-color: #f4c914;
    box-shadow: 0 3px 6px 0 rgba(102, 196, 167, 0.16);
    opacity: 0.8;
}

.btn-120:hover, .btn-120:focus, .btn-120:active, .btn-120.active, .open .dropdown-toggle.btn-120 {
    color:#FFF;
    opacity: 1;
}


.btn-cancelar{
    color: #fff;
    background-color: #cbcbcb;
    box-shadow: 0 3px 6px 0 rgba(203, 203, 203, 0.16);
    opacity: 0.8;
    font-family: Arial;
    margin-right: 30px;
}

.btn-cancelar:hover, .btn-cancelar:focus, .btn-cancelar:active, .btn-cancelar.active, .open .dropdown-toggle.btn-cancelar {
    color:#FFF;
    opacity: 1;
}

.btn-verde{
    color: #fff;
    background-color: #66c4a7;
    box-shadow: 0 3px 6px 0 rgba(203, 203, 203, 0.16);
    opacity: 0.8;
    font-family: Arial;
}

.btn-verde:hover, .btn-verde:focus, .btn-verde:active, .btn-verde.active, .open .dropdown-toggle.btn-verde {
    color:#FFF;
    opacity: 1;
}

label.error {
    color: red;
    font-size: 11px;
    font-family: Arial;
}


.footer-bottom {
    font-family: 'Oswald', sans-serif;
    background-color: #e68d29;
    min-height: 30px;
    width: 100%;
    color: #3c4d59;
}
.copyright {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
}
.design {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #fff;
}


/*panel planos*/
.panel {
    text-align: center;
}
.panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
.panel-body {
    padding: 0px;
    text-align: center;
}

.panel-title1{
    text-align: center !important;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.the-price {
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.the-price h1 {
    line-height: 1em;
    padding: 0;
    margin: 0;
    font-family: 'Oswald', sans-serif;
    color: #e68d29;
    line-height: 1.07;
    font-size: 90px;
}

.subscript {
    font-size: 18px;
    color:#3f505b;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
}

/* CSS-only ribbon styles    */
.cnrflash {
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner {
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label {
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-family: "BebasNeue";
    line-height: 1.1;
}

.swal2-container.swal2-shown {
    z-index: 99999999 !important;
}

.page-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 125px;
    margin-left: -50px;
    margin-top: -30px;
    padding: 7px;
    text-align: center;
    color: #333;
    font-size: 13px;
    border: 1px solid #ddd;
    background-color: #eee;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}