/*
Theme Name:  Salient Calculator
Version:     1.0.0
Description: Salient Calculator Child Theme.
Author:      Ideaweb
Template:    salient
Text Domain: salientcalculator
*/

/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder. 
/*-------------------------------------------------------------------------*/


::after, ::before {
    box-sizing:initial;
}

.calculator {
    padding:0 15px 30px;
    margin:0 auto;
    line-height:1.5;
}
.calculator .arrow {
    height:30px;
    margin:20px 0;
    background-image:url('calculator/img/arrow.png');
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}

.input-range-value {
    display:inline-block;
    margin:0 5px 0 0;
    min-width:20px;
    text-align:right;
}
.input-range-value.price_def {
    min-width:38px;
}

input#price_def, input#price_up {
    width:120px;
    text-align:center;
    line-height:2;
    
    margin:0 10px;
    transform: translateY(2px);
}

.calculator .bill {
    padding:0 0 60px;
    margin:0 auto;
    text-align:center;
}
.calculator .bill .title {
    text-align:center;
    font-size:1.3em;
    line-height:1.5;
}
.calculator .bill .form {
    display:inline-block;
    width:auto;
    text-align:center;
}
.calculator .bill .form .input {
    float:left;
}
.calculator .bill .form .input .bfa {
    float:left;
    height:42px;
    line-height:40px;
    padding:0 20px;
    font-size:1em;
    font-weight:500;
    border:2px solid #699DDC;
    background-color:#EDF6F9;
    border-radius:5px 0 0 5px;
}
.calculator .bill .form .input .bfa.value {
    padding:0 5px;
    border-width:2px 0;
    border-radius:0;
    background-color:#fff;
    text-align:right;
}
.calculator .bill .form .input .bfa.time {
    border-radius:0 5px 5px 0;
}
.calculator .bill .form .btn {
    display:block;
    float:left;
    margin-left:10px;
}

.calculator .section {
    padding:30px 30px 20px;
    background-color:#F9F9F9;
    border:1px solid #D3D3D3;
}
.calculator .section .title {
    font-size:1.3em;
    text-align:center;
    margin:5px 0 15px;
}
.calculator .section .text {
    text-align:center;
}
.calculator .section .text span {
    color:#0159BD;
    font-weight:600;
}
.calculator .section .result {
    margin-top:15px;
}
.calculator .section .result .row {
    max-width:1000px;
    margin:0 auto;
    align-items: center;
}
.calculator .section .result .row .col {
    padding:25px 60px;
}
.calculator .section .result .row .col.leg {
    padding:15px 60px;
    font-size:1em;
}
.calculator .section .result .row .col.leg p {
    margin:0;
    font-weight:500;
    text-align:center;
}
.calculator .section .result .row .col.leg p input {
    width:50px;
    text-align:center;
    line-height:2;
}
.calculator .section .result .row .col .content {
    display:flex;
    align-items: center;
    justify-content: left;
}
.calculator .section .result .row .col .content .icon {
    position:relative;
    width:70px;
    height:70px;
    flex: 0 0 70px;
}
.calculator .section .result .row .col .content .icon .img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url('../img/icon1.png');
}
.calculator .section .result .row .col .content .info {
    padding:0 0 0 20px;
    font-weight:500;
    text-align:left;
    line-height:1.5;
}
.calculator .section .result .row .col .content p {
    margin-bottom:0;
    padding:0;
}
.calculator .section .result .row .col .content .info .txt {
    line-height:1.2;
}
.calculator .section .result .row .col .content .info .res {
    color:#0159BD;
}
.calculator .section .result .row .col .content .info .res.green {
    color:#4AA300;
}
.calculator .section.info {
    padding:20px 15px;
    border:2px solid #699DDC;
    background-color:#EDF6F9;
    margin-bottom:15px;
}
.calculator .section.info .text {
    max-width:900px;
    margin:0 auto;
    align-items: center;
    color:#0159BD;
    font-weight:500;
}

.calculator .sets {
    margin-top:30px;
}
.calculator .sets .title {
    display:inline-block;
    width:100%;
    text-align:center;
    margin:30px 0;
    font-size:2em;
}
.calculator .sets .row.elements {

}
.calculator .sets .row.elements .col {
    text-align:center;
    padding:15px;
}
.calculator .sets .row.elements .col .content {
    padding:15px;
}
.calculator .sets .row.elements .col .content.grey {
    background-color:#F9F9F9;
    border:1px solid #D3D3D3;
}
.calculator .sets .row.elements .col .content .name {
    font-size:1.3em;
    font-weight:600;
}
.calculator .sets .row.elements .col .content .price {
    margin:30px 0;
}
.calculator .sets .row.elements .col .content .price .old {
    font-weight:600;
    text-decoration:line-through;
}
.calculator .sets .row.elements .col .content .price .new {
    font-weight:500;
    color:#0159BD;
    font-size:2em;
}
.calculator .sets .row.elements .col .content .price .desc {
    font-size:.8em;
}
.calculator .sets .row.elements .col .content .price .desc a {
    color:#0159BD;
}
.calculator .sets .row.elements .col .content .price .desc :hover {
    text-decoration:underline;
}
.calculator .sets .row.elements .col .content .table {

}
.calculator .sets .row.elements .col .content .table table {
    margin:0;
}
.calculator .sets .row.elements .col .content .table table tr {

}
.calculator .sets .row.elements .col .content .table table tr:first-child {

}
.calculator .sets .row.elements .col .content .table table tr td {
    font-weight:500;
    border:0;
    border-top:1px solid #D3D3D3;
    line-height:1.5;
}
.calculator .sets .row.elements .col .content .table table tr:first-child td {
    border:0;
}
.calculator .sets .row.elements .col .content .table table tr td:first-child {
    font-weight:400;
}
.calculator .sets .row.elements .col .content .button {
    margin-top:30px;
}
.calculator .sets .row.elements .col .content .button button {
    width:100%;
}

.modal .modal-body p {
    padding:0;
}
.modal#calculator-form-alert .modal-body p {
    margin:0;
}
.modal.calculator-form-modal .modal-body {
    padding:30px 60px;
}
.modal.calculator-form-modal .modal-body .top {
    
}
.modal.calculator-form-modal .modal-body .top .title {
    text-align:center;
    font-size:2em;
    font-weight:600;
}
.modal.calculator-form-modal .modal-body .top .text {
    text-align:center;
}
.modal.calculator-form-modal .modal-body .form {
    margin-top:30px;
}
.modal.calculator-form-modal .modal-body .form form {
    cursor:auto !important;
}
.modal.calculator-form-modal .modal-body .form form input {
    height:42px;
    background-color:#fff;
    border:1px solid #D3D3D3;
    cursor:auto !important;
}
.modal.calculator-form-modal .modal-body .form form textarea {
    border-color:#D3D3D3;
    cursor:auto !important;
}
.modal.calculator-form-modal .modal-body .form form .form-group {
    
}
.modal.calculator-form-modal .modal-body .form form .form-group.set select {
    background-color:#0159BD;
    color:#fff;
    cursor:auto !important;
}
.modal.calculator-form-modal .modal-body .form form .form-group.set label {
    width:100%;
    font-weight:500;
    text-align:center;
}
.modal.calculator-form-modal .modal-body .form form .form-group.form-radio {
    margin-bottom:0;
}
.modal.calculator-form-modal .modal-body .form form .form-group.form-radio .title {
    text-align:center;
    font-weight:500;
    margin:10px; 0;
}
.modal.calculator-form-modal .modal-body .form form .form-group.form-radio .form-check {
    width:25%;
    overflow:hidden;
}
.modal.calculator-form-modal .modal-body .form form .form-group.form-radio .form-check input {
    visibility:hidden;
}
.modal.calculator-form-modal .modal-body .form form .form-group.form-radio .form-check label {
    width:100%;
    padding:10px 10px 5px;
    border:2px solid #fff;
    text-align:center;
}
.modal.calculator-form-modal .modal-body .form form .form-group.form-radio .form-check label.active {
    border-color:#0159BD;
}
.modal.calculator-form-modal .modal-body .form form .form-group.form-radio .form-check .image {
    position:relative;
    display:inline-block;
    width:70px;
    height:70px;
    max-width:100%;
}
.modal.calculator-form-modal .modal-body .form form .form-group.form-radio .form-check .image .img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url('../img/icon1.png');
}
.modal.calculator-form-modal .modal-body .form form .form-group.form-radio .form-check label .label{
    text-align:center;
    font-weight:500;
}
.modal.calculator-form-modal .modal-body .form form .form-group.policy input {
    width:20px;
    height:20px;
    transform:translateY(-2px);
    background-color:#fff;
    cursor:auto !important;
}
.modal.calculator-form-modal .modal-body .form form .form-group.policy label {
    margin-left:10px;
}
.modal.calculator-form-modal .modal-body .form form .form-group.policy label span {
    display:inline-block;
    width:16px;
    height:16px;
    text-align:center;
    line-height:18px;
    border-radius:8px;
    font-weight:600;
    font-size:.7em;
    color:#fff;
    background-color:#0159BD;
}
.modal.calculator-form-modal .modal-body .form form button {
    margin:15px 0 0;
    cursor:auto !important;
}


/*---*/


@media screen and (max-width: 991px){
    
    .calculator .section .result .row .col {
        padding:25px;
    }
    .calculator .section .result .row .col.leg {
        padding:15px 25px;
    }
    .calculator .sets .row.elements .col .content .price .new {
        font-size:1.8em;
    }
    
}
@media screen and (max-width: 768px){
    
    .calculator .bill .form .input {
        float:none;
        display:inline-block;
    }
    .calculator .bill .form .btn {
        float:none;
        display:inline-block;
    }
    
}
@media screen and (max-width: 691px){
    
    .calculator .bill .form .input .bfa.value {
        width:140px;
    }
    
}
@media screen and (max-width: 480px){
    
    .calculator .bill .form .input .bfa {
        padding:0 10px;
    }
    .calculator .bill .form .input .bfa.value {
        width:80px;
    }
    .calculator .section {
        padding:20px;
    }
    .calculator .section .result .row .col {
        padding:15px;
    }
    .calculator .section .result .row .col.leg {
        padding:15px;
    }
    
}



/* Calculator 2 */

.calculator.calc2 .main {
    padding:0;
    margin:0 auto;
}
.calculator.calc2 .main .title {
    text-align:center;
    font-size:1.3em;
    line-height:1.5;
}
.calculator.calc2 .main .form {
    display:inline-block;
    width:auto;
}
.calculator.calc2 .main .form .col {
    padding:10px 30px;
}
.calculator.calc2 .main .form .col.angle {
    padding:0 30px;
}
.calculator.calc2 .main .form .col.angle > * {
    display:none;
}
.calculator.calc2 .main .form .col.angle.active {
    display:block;
    padding:10px 30px;
}
.calculator.calc2 .main .form .col.angle.active > * {
    display:block;
}
.calculator.calc2 .main .form .col.info .txt {
    display:none;
}
.calculator.calc2 .main .form .col.info .txt ul {
    list-style:none;
}
.calculator.calc2 .main .form .col.info .txt ul li {
    list-style:none;
}
.calculator.calc2 .main .form .col.info .txt h3 {
    font-size:1em;
}
.calculator.calc2 .main .form .col.info .txt.active {
    display:block;
}
.calculator.calc2 .main .form .col.button {
    padding:30px;
    text-align:center;
}
.calculator.calc2 .main .form label {
    font-weight:600;
}
.calculator.calc2 .main .form .input {
    float:left;
}
.calculator.calc2 .main .form .input .bfa {
    float:left;
    height:42px;
    line-height:40px;
    padding:0 20px;
    font-size:1em;
    font-weight:500;
    border:2px solid #699DDC;
    background-color:#EDF6F9;
    border-radius:5px 0 0 5px;
}
.calculator.calc2 .main .form .input .bfa.value {
    padding:0 5px;
    border-width:2px 0;
    border-radius:0;
    background-color:#fff;
    text-align:right;
}
.calculator.calc2 .main .form .input .bfa.time {
    border-radius:0 5px 5px 0;
}
.calculator.calc2 .main .form .btn {
    display:inline-block;
}



.calculator.calc2 .section {
    padding:45px 15px;
    border:0;
    border-bottom:1px solid #D3D3D3;
    background-color:transparent;
}
.calculator.calc2 .section .title {
    font-size:1.2em;
    text-align:center;
    margin:5px 0 30px;
    font-weight:700;
}


.calculator.calc2 .section.first {
    padding:15px 15px 45px;
}
.calculator.calc2 .section.first .col {
    padding:15px;
}
.calculator.calc2 .section.first .col.result {
    margin:0;
}
.calculator.calc2 .section.first .col.result table {
    width:100%;
    margin:0;
}
.calculator.calc2 .section.first .col.result table tr {

}
.calculator.calc2 .section.first .col.result table tr td {
    padding:5px 0;
    border:0;
}
.calculator.calc2 .section.first .col.result table tr td:last-child {
    text-align:right;
    font-weight:600;
}
.calculator.calc2 .section.first .col.result table tr.tr-angle {
    display:none;
}
.calculator.calc2 .section.first .col.result table tr.tr-angle.active {
    display:table-row;
}
.calculator.calc2 .section.first .col.roof .roof-panels {
    text-align:center;
}
.calculator.calc2 .section.first .col.roof .roof-panels .vis {
    display:inline-table;
}
.calculator.calc2 .section.first .col.roof .roof-panels .vis .tr {
    display:table-row;
}
.calculator.calc2 .section.first .col.roof .roof-panels .vis .tr .td {
    display:table-cell;
    width:30px;
    height:60px;
    border:1px solid white;
    background-image:url('calculator/img2/panel.jpg');
    background-size:cover;
}
.calculator .section.first .col.roof .roof-panels .vis.hor .tr .td {
    width:60px;
    height:30px;
    background-image:url('calculator/img2/panel2.jpg');
}


.calculator.calc2 .section.second .result-elements .col .content {
    display:flex;
    align-items:center;
    padding:10px 0;
}
.calculator.calc2 .section.second .result-elements .col .content .image {
    width:110px;
    height:70px;
    border:1px solid #D3D3D3;
    padding:5px;
}
.calculator.calc2 .section.second .result-elements .col .content .image img {
    width:100%;
    height:100%;
    object-fit:contain;
}
.calculator.calc2 .section.second .result-elements .col .content .res {
    width:calc("100% - 100px");
    padding-left:15px;
}
.calculator.calc2 .section.second .result-elements .col .content .res span {
    font-weight:600;
}


.calculator.calc2 .section.third {
    border:0;
}
.calculator.calc2 .section.third .button {
    text-align:center;
}
.calculator.calc2 .section.third .button span {
    font-weight:700;
    color:#0159BD;
    font-size:1.3em;
}









.nectar-no-flex-height .ocm-effect-wrap-inner, 
body.nectar-no-flex-height .ocm-effect-wrap {
    height: auto !important;
}

#header-outer[data-format=centered-menu-bottom-bar] #top .span_3 nav.right-side {
    transform: translateY(0);
}

#header-outer[data-format="centered-menu-bottom-bar"] .span_9 #social-in-menu {
    visibility:visible;
    position:relative;
    transform:translateY(-4px);
}

#top nav ul li a {
    color:#0159bd;
}

#header-outer[data-format=centered-menu-bottom-bar] #top .span_9 nav {
    width:100%;
}

#header-outer[data-format=centered-menu-bottom-bar] #top .span_9 nav > ul {
    width:100%;
    display:flex;
    justify-content:space-between;
}

#header-outer[data-format=centered-menu-under-logo] #top nav>ul>li[class*=button_]>a:before, 
#header-outer[data-format=centered-menu-bottom-bar] #top nav>ul>li[class*=button_]>a:before {
    box-sizing:initial;
    transform: translateY(-10px);
}



#ajax-content-wrap .col[data-padding-pos=left-right]>.vc_column-inner {
    padding:0;
}