/* Add here all your CSS customizations */
.text-color-white{
    color: white;
}

.parallax-background:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.1);
}

.image-frame .image-frame-wrapper .image-frame-info.image-frame-info-show{
    padding:10px 25px 8px!important;
}

.item-plans .card .card-body p{
    font-size: 13px;
}


.item-plans .hover-card .card{
    display: none;
}

.item-plans:hover .hover-card .card{
    display: block;
    top: 0;
    z-index: 888;
    position: absolute;
    height: 100%;
    opacity: .8!important;
}

.item-plans .hover-card .card .card-body{
    padding:15px 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.item-plans .card-out .card-body{
    padding:15px 20px!important;
    min-height: 125px;
}

.image-frame.image-frame-style-1 .image-frame-wrapper.image-frame-wrapper-align-end{
    height: 255px;
    background-size:cover;
    background-position: center;
}

@media (max-width: 1199px){
    .col-md-6.all-width{
        width: 100%!important;
        flex: auto;
        max-width: initial;
    }

    .tp-caption{
        font-size:40px!important;
        line-height: 50px!important;
    }

    .info-box .card{
        margin-bottom: 15px;
    }

    .section-title{
        margin-top: -10px!important;
    }
}

/*NEW RESULTS OF THE QUOTATION*/
.item-block{
    margin-top:10px;
    margin-bottom: 0px;
}

.item-block .card{
    background-color: #18458B;
}

.item-block .card .card-body{
    /*background-color: #093b6e;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding:15px 1.2rem 10px;
}

.team-member .inner-text{
    bottom: 75%;
}

.team-member .boxed-btn.btn-block{
    max-width: 130px;
    cursor: pointer;
}

.overlay-wrapper{
    margin-top: 46px;
}

.green-button-block {
    text-align: center;
    padding:10px 2.2rem 0px;
}

.boxed-btn.green-button{
    background-color:#DBDBDB;
    border:none;
    border-radius: 4px;
    width: 100%;
    color: black!important;
    cursor: pointer;
}

.boxed-btn.green-button:hover{
    background-color: #139c2a;
    color: white!important;
}

/*.boxed-btn.green-button:before{
    background-color: #139c2a;
    color: black!important;
}*/

@media(max-width: 768px) {
    #container-quote .container{
        margin-top: 40px!important;
    }

    .setup-content-box .field-into-field .step-padding{
        clear: both;
    }

    .pd-10{
        padding-left:15px!important;
        padding-right:15px!important;
    }

    .pl-5{
        padding-left: 15px!important;
    }

    .pr-5{
        padding-right: 15px!important;
    }

    .form-check{
        margin-top: 15px;
    }

    .modal-dialog {
        min-height: calc(100vh - 20px);
    }

    .tp-parallax-wrap{
        top: 180px!important;
    }

    .slider-contact-form-wrapper{
        top: 20%;
    }

    .slider-contact-form-wrapper .slider-contact-form {
        width: 100%!important;
        margin: auto;
    }

    .name-agent{
        font-size: 1.2em!important;
    }

    .section-team{
        padding:20px 15px 0px 15px!important;
    }

    .brand-block{
        margin: 5px auto 15px!important;
    }

    .frm-inline-flex .form-group.frm-btn .btn-frm-search{
        position: relative;
        width: 100%;
        max-width: initial;
        right: 0px;
        left: 0px;
    }

    .h-fixed{
        height: auto!important;
    }

    .d-block.btn-contact,
    .d-block.btn-contact:hover{
        margin-left:10px;
        margin-right:10px;
        width: 44%;
        min-width: auto!important;
        margin-top: 10px!important;
        margin-bottom: 10px!important;
    }
}

@media(max-height: 800px) {
    .slider-contact-form-wrapper{
        top: 0%;
    }

    .slider-contact-form-wrapper .slider-contact-form {
        width: 100%!important;
    }
}

.modal-header .close{
    cursor: pointer;
}

.modal-header{
    border-bottom: 1px solid #ccc;
    background-color: #093b6e !important;
    border-radius: 1px;
}

.modal-header .close{
    color: #b10000;
    opacity: 1;
}

.modal-header h4{
    color: white;
    font-size: 16px;
    text-align: left;
}

.modal-header i{
    margin: 0px;
    font-size: 17px;
}

.separator-hr hr{
    margin-top:6px;
    margin-bottom: 7px;
}

.left{
    float: left;
}

.right{
    float: right;
}

.total-block label{
    margin-bottom: 2px;
    font-size: 18px;
    color: #4abdde!important;
}

.fix-height{
    max-height: 380px;
    overflow-y: auto;
}

/* ESTILO SOLO EN BENEFICIOS */
@media(max-width: 575px) {
    .benefits label{
        width: 100%;
    }

    .benefits .left {
        margin-bottom: 0px;
    }

    .benefits .left,
    .benefits .right{
        float: none;
    }
}

/* END STYLE NEW RESULTS OF THE QUOTATION*/

#login .modal-body{
    background-color: white;
    padding-bottom: 0px;
}

.btn-iniciar{
    cursor: pointer;
}

.plan-title{
    width: 100%;
    text-align: center;
    padding:10px 0px;
    background-color: white;
    font-weight: bold;
}

.plan-description{
    height: 275px;
    width: 100%;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: white;
}

.plan-description:hover .text-description{
    display: initial;
    background-color: rgba(255, 93, 0, 0.73);
    float: left;
}

.plan-description:hover .text-description .color-white{
    color: white;
}

.plan-description:hover .text-description .color-black{
    color: black;
}

.plan-description .text-description{
    /*display: none;*/
    color: transparent;
    transition: 0.3s;
}

.plan-button{
    background-color: #0069d9;
    border-radius: 3px;
    padding:5px;
    color: white;
    width:120px;
    margin:15px auto 15px auto;
}

.plan-1, .plan-1{
    color: black;
}

.footer-item{
    padding:0px;
    float: left;
}

.ul-links{
    padding-left: 31px;
}

#container-body{
    color:red;
    padding-left:8px;
}

.btn-number{
    cursor:pointer;
}

.widget-social img{
    width: 90%;
}

.btn{
    cursor: pointer;
}

.team-member .overlay-wrapper .boxed-btn:hover{
    border:1px solid #ff5d00;
    background-color: #ff5d00;
}
.team-member .overlay-wrapper .boxed-btn:before{
    background-color: #ff5d00;
    border:1px solid #ff5d00;
}

.section-padding-new{
    padding-top: 160px;
}

.height-fix{
    height:443px;
}

.item-block label{
    width: 100%;
    margin-bottom: 0px;
}

.item-block input{
    display: none;
}

.collapse .form-control,
.download-frm .form-control{
    border-color:#ced4da;
    padding-left:10px;
    padding-right: 10px;
}

.btn-info span{
    color: white;
}

.btn-info:hover i{
    color: white;
}

.card-body h3{
    font-size: 17px;
    margin-top: 5px;
    margin-bottom: 2px;
}

.card .card-body{
    padding: 30px 2.2rem 25px;
}

.card .card-body p{
    font-size: 15px;
    margin-bottom: 10px!important;

    color: #878C9F;
}

.item-block input[type="radio"]:checked + .text .btn-select{
    border-color: #55d090;
    background-color: #55d090 !important;
    color: white;
}

/*.btn-icon-effect-1:hover{
    background-color: #878C9F;
    color: white;
}*/

.item-block input[type="radio"]:checked + .text .btn-select.btn-icon-effect-1 .wrap i{
    opacity: 1;
    right: -14px;
}

.item-block input[type="radio"]:checked + .text .btn-select.btn-icon-effect-1 .wrap span{
    left: -14px;
}

html .btn-outline.btn-back{
    background-color: transparent;
    background-color: #a0a0a0;
    border-color: #a0a0a0;
    color: white;
}
html .btn-outline.btn-back:hover{
    background-color: #a0a0a0;
    border-color: #a0a0a0;
    color: white;
}

.datepicker{
    padding: 0.9rem .75rem!important;
    border-radius: 0px!important;
}

.datepicker.datepicker-dropdown{
    border-radius: 5px!important;
    background-color: white!important;
    width: 250px!important;
}

.setup-content label{
    font-weight: normal;
    margin-bottom: 0px;
    font-size: 13px;
}

.setup-content-col{
    padding:0px 0px;

}

.setup-content-box{
    padding:0px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
}

.setup-content-box fieldset{
    min-height: 116px;
}

.setup-content-box:nth-child(6),
.setup-content-box:nth-child(5){
    margin-bottom: 5px;
}

.setup-content-box:last-child(){
    margin-bottom: 10px!important;
}

.setup-content-box:nth-child(6) fieldset,
.setup-content-box:nth-child(5) fieldset{
    min-height: 96px;
}

fieldset{
    border: 1px solid #ddd !important;
    position: relative;
    border-radius:4px;
    background-color:transparent;
    padding: 0px 10px 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 14px;
}

legend{
    font-size:16px;
    /*font-family: "Montserrat";*/
    letter-spacing: -0.9px;
    margin: 0px;
    width: auto;
    border: 0;
    border-radius: 4px;
    padding: 0px 5px;
}

.setup-content-box fieldset legend{
    margin-bottom: 5px;
    border-radius: 0px;
    font-size:18px;
}

.row-block{
    padding: 0px 10px;
}

.setup-content-box fieldset .checkbox,
.setup-content-box fieldset .radio{
    font-size:14px;
}

.setup-content-box fieldset .checkbox{
    margin:6px 0px 0px;
}

.setup-content-box fieldset .radio{
    margin:6px 0px 0px;
}

.setup-content{
    padding:0px 10px;
    margin-bottom: 0px;
}

.setup-content h3{
    margin:0px;
}

@media (max-width: 1300px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1199px){
    .green-button-block,
    .card .card-body{
        padding:15px 1.2rem 15px;
    }

    #header .header-logo img.logo-1.active,
    #header .header-logo img.logo-2.active,
    .logo-3{
        width: 170px;
    }

    #header .header-nav-main nav > ul > li a.dropdown-item{
        padding: 10px 5px;
    }

    .quotation-header{
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }

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

@media(max-width: 992px){
    #header .header-nav-main nav > ul > li a.dropdown-item{
        padding-left: 0px;
        padding-right: 5px;
    }
}

@media (max-width: 991px){
    #container-quote .container{
        margin-top: 30px;
        max-width: 980px;
        width: 100%;
    }

    .logo-footer.arch{
        width: initial!important;
    }

    footer .container{
        text-align: center;
    }

    footer .list.list-icon li{
        padding:0px;
    }

    footer .list.list-icon li i{
        display: none;
    }

    .mt-40{
        margin-top: 40px!important;
    }

    .bottom-80{
        bottom: 0px!important;
    }

    .logo-footer:nth-child(1){
        margin-right: 30px;
    }

    .footer-widget{
        height: initial;
        margin-top: 10px;
    }

    .mt-15{
        /*margin-top: -10px;*/
        margin-bottom: 5px;
    }

    .logo-footer.arch {
        max-width: 230px;
        margin-left: 0px;
    }

    .logo-footer.adminseg{
        margin-right: 0px!important;
    }

    .logos-block{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .logo-footer{
        width: initial;
        max-width: 250px;
        position: relative;
    }


    .footer-widget.fl-wrap .row{
        display: flex;
        align-items: center;
    }

    .footer-item{
        width: 50%;
    }

    .slider-contact-form-wrapper .slider-contact-form{
        min-width: auto;
        width: 360px;
    }

    .slider-contact-form h2{
        font-size: 1.4rem;
    }

    .chooseus{
        height: auto!important;
    }

    .choseus {
        padding-top:30px!important;
    }

    .choseus .text-center.mb-4{
        margin-bottom: 30px!important;
    }

    .tp-caption {
        font-size: 30px!important;
        line-height: 40px!important;
    }

    .tp-parallax-wrap{
        top: 192px;
    }

    footer{
        padding-top: 0px!important;
    }

    .ul-links{
        list-style: none;
        padding-left: 0px!important;
    }


    .brands{
        padding:0px 15px!important;
    }

    .footer-logo{
        margin-bottom: 25px!important;
    }

    .footer-logo p{
        text-align: center!important;
    }

    .address-block{
        margin-top: 0px;
    }

    .brand-block{
        margin-top:0px;
    }

    .cards-block{
        width: 170px;
        margin:0 auto;
    }

/*    .main-search-input-item:nth-child(odd) {
        border-top-right-radius: 0px!important;
        border-bottom-right-radius: 0px!important;
    }

    .main-search-input-item:nth-child(even){
        border-top-left-radius: 0px!important;
        border-bottom-left-radius: 0px!important;
    }*/
}

@media(max-width: 660px){
    .d-block.btn-contact,
    .d-block.btn-contact:hover{
        width: 100%;
        min-width: auto!important;
        margin: 0px;
    }

    .btn-finish-block{
        padding:0px 20px!important;
    }
}

@media(max-width: 500px){
    .footer-widget.fl-wrap .row{
        position: initial!important;
        display: initial!important;
        align-items: initial!important;
        float: left!important;
    }

    .logo-footer.adminseg{
        max-width: 210px;
    }

    .logo-footer.arch{
        width: initial!important;
    }

    .logo-footer.mdabroad{
        margin-top: 30px!important;
    }
}

@media (max-width: 550px){
    .footer-item{
        width: 100%;
    }
}

@media (max-width: 470px){
    .footer-item{
        width: 100%;
    }
}

.slider-contact-form button{
    margin-top: 20px!important;
}

.h-fixed{
    height:492px;
    margin-bottom: 0px;
}

@media (max-height: 825px){
    .h-fixed{
        height: 492px;
    }

}

.section-team{
    /*margin-bottom:30px;*/
    padding:40px 0px 15px;
}

.card .card-body .icon-box-info p{
    margin-bottom: 0px!important;
    color: #4e4e4e;
}

.card .card-body .icon-box-info h3{
    color: #4e4e4e;
}

.card .row{
    margin:0px;
}

.info-box {
    padding: 5px 5px;
    min-width: 185px;
}

.section-title-p{
    font-size:16px;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 5px;
}

.step-padding .form-group{
    margin-bottom: 5px;
}

.pb-0{
    padding-bottom: 0px!important;
    padding-top: 15px!important;
}

/*#quotation {
    padding-top: 80px;
}*/

.btn-submit{
    margin-top: 15px!important;
}

[type=reset], [type=submit], button, html [type=button]{
    -webkit-appearance: initial!important;
}

.modal-header.login-color{
    background-color: #009ca3!important;
}

.login-modal .form-group .form-control{
    border: 1px solid #ced4da;
}

.title-logo{
    font-size:9px;
}

.title-logo.title-logo-1{
    margin:0px 0px 3px 0px;
    text-align: left;
    padding: 0px 5px;
}

.title-logo.title-logo-2{
    margin:-5px 0px 2px 0px;
}

.img-cards{
    width: 90px; float:right; margin-left: 8px;
}

.img-comodo{
    width: 40px; float:right; margin-top:-13px;
}

.tp-parallax-wrap{
    left:22px!important
}

.action-block {
    position: absolute;
    top: 5px;
    right: 8px;
}

.action-block ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.action-block ul li{
    margin-bottom: 5px;
}

.action-block ul li a img{
    width: 23px;
}

.email-form label{
    float: left;
    padding: 5px 0px;
    height: 32px;
    margin: 0px;
}

.email-form input,
.email-form input:focus{
    border: 1px solid #ccc;
    color: #969595;
}

.input-group-prepend .input-group-text{
    padding: 3px 10px;
    border-radius: 0px;
    font-size: 11px;
}

.btn-pl-0{
    padding-left: 0px!important;
}

.btn-pr-0{
    padding-right: 0px!important;
}

.btn-pl-5,
.pl-5{
    padding-left: 5px;
}

.pr-5{
    padding-right: 5px;
}

.pd0 {
    padding: 0px 0px 5px 0px!important;
}

.btn-pr-5{
    padding-right: 5px!important;
}

p.success{
    margin-bottom: 0px;
}

.grey-color{
    color: #4a4a4a;
}

h2.grey-color{
    font-size: 28px;
}

h4.grey-color{
    font-size: 20px;
    margin-bottom: 28px;
}

.step-action{
    margin: 0 auto;
    width: 300px;
}

.step-action .btn{
    padding-left: 0px!important;
    padding-right: 0px!important;
}


.pl-30{
    padding-left: 30px;
}

.name-agent{
    margin-bottom: 0px!important;
    text-transform: capitalize!important;
}

.chooseus{
    height: 350px;
}

.why-choose-us{
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.pd-10{
    padding: 0px 10px;
}

.mb0{
    margin-bottom: 0px!important;
}

.list-left{
    padding-left:15px;
    margin-top: 5px;
    text-align: left;
}

.alert-danger{
    color: white;
    background-color: rgb(208, 23, 23);
    border-color: #ff0000;
    border-radius: 0px;
    padding: 5px 15px;
}

.alert-success {
    color: white;
    background-color: #1e7132;
    border-color: #2b6739;
    border-radius: 0px;
    padding: 5px 15px;
}

.google-map{
    height: 100%;
}

.text-p{
    margin-bottom: 39px;
}

/* Card Style */

.mb-2{
    margin-bottom: 15px;
}

button.btn-icon-effec-1{
    display: block;
    position: relative;
    width: 174px;
    height: 45px;
    font-size: 11pt;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    line-height: 40px;
    color: #fff;
    background: rgba(255, 255, 255, 0);
    border: 3px solid #f1592a;
    outline: none;
    text-shadow: none;
    margin: 15px auto;
    cursor: pointer;
    overflow: hidden;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.btn-download{
    margin: 0px auto 0px!important;
    height: 40px!important;
    line-height: 32px!important;
}

.link-class{
    background: transparent;
    color: #f1592a;
    border: none;
    width: 100%;
}

.btn-download:hover .link-class{
    color: white;
}

.item-block{
    padding:0px 5px;
}

.btn-slider {
    padding: 0px 20px!important;
    height: 45px!important;
    line-height: 2.5!important;
}

.quotation-header h1{
    font-size: 24px!important;
    margin-bottom: 3px;
    margin-top: 80px;
}

.form-control[readonly]{
    background-color: #eee!important;
}

.panel-link-btn{
    margin-top: 3px;
    display: inline-block;
}

.panel-link-btn a{
    margin:0px;
    color: black;
    display: flex;
    align-items: center;
}

.panel-link-btn a img,
.panel-button-btn a img{
    width: 20px!important;
    margin-right: 4px!important;
}

.info-icon {
    padding: 0px!important;
    margin-left: 10px;
}

.info-icon a img {
    border-radius: 50%;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.quote-modal {
    margin: 0;
    width: 100%;
}

.quote-modal .btn{
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.quote-modal div {
    margin: 0;
    width: 33%;
}

.quote-modal div p {
    margin: 10px 0;
    color: #004986;
}

.total-premium-payable {
    font-weight: bold!important;
    font-size: 14px!important;
    font-style: italic!important;
}

.total-premium-finish {
    font-size: 20px;
    margin: 0px;
    font-weight: 300;
    display: flex;
    font-weight: bold;
    color: black;
    width: 100%;
    align-items: baseline;
    justify-content: space-between;
    max-height: 30px;
}

.process-order-buy {
    padding-left: 16px;
}

.process-order-import{
    padding: 8px 16px!important;
    margin-bottom: 0px;
    line-height: 1.5;
}

.process-order-import .b-red {
    color: #e21736;
    text-decoration: underline;
}

.div-process-import{
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 10px;
}

.quote-notes {
    margin-left: 25px;
    margin-top: 25px;
    font-size: 16px;
    margin-bottom: 0px;
    text-align: center;
    color: #00549a;
}

.flex {
    display: flex;
}

.total-premium-finish .total{
    color: #42d890;
}

.total-premium-finish p{
    margin: 0px!important;
}

.step-finish-breakdown {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.mt-40 {
    margin-top: 40px;
}


.header-container {
    align-items: center;
    padding: 10px;
    text-align: center;
}

.cards-list {
    display: flex;
    list-style: none;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px;
}

.cards-list-img {
    width: 100%;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px;
}

.cards-list-img.mastercard{
    background-image: url('../../app-website/img/cards/mastercard.svg');
}

.cards-list-img.mastercard-debit{
    background-image: url('../../app-website/img/cards/mastercard-debit.svg');
    background-size: 85px;
}

.cards-list-img.visa{
    background-image: url('../../app-website/img/cards/visa.svg');
}

.cards-list-img.visa-debit{
    background-image: url('../../app-website/img/cards/visa-debit.svg');
    background-size: 85px;
}

.cards-list-img.zinli{
    background-image: url('../../app-website/img/cards/zinli.png');
    background-size: 50px;
}

.card-background {
    opacity: 0.5;
    position: absolute;
    top: 20%;
    left: 0%;
}

.row-breakdown {
    margin-top: auto;
    margin-left: 10px;
    margin-right: 10px;
}

@media(max-width: 768px) {
    .cards-list {
        flex-wrap: nowrap;
    }

    .cards-list-img {
        width: 100%;
        height: 80px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 40px;
    }

    .cards-list-img.visa-debit{
        background-size: 60px;
    }

    .cards-list-img.mastercard-debit{
        background-size: 60px;
    }

    .card-background {
        opacity: 0.5;
        position: absolute;
        top: 30%;
        left: 0%;
    }

    .card-background img {
        width: 200px;
        top: 20%;
        left: 0%;
        opacity: .5;
    }

    .row-breakdown {
        margin-top: 100px!important;
    }

    .step-finish-breakdown .total-premium-finish {
        font-size: 13px;
    }
}

@media(max-width: 768px) and (min-width: 575px) {
    .step-finish-breakdown .total-premium-finish {
        font-size: 20px;
    }
}

.h-250 {
    height: 250px;
}