/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

.wpcf7-form label.lm {
    margin-bottom: 0;
	padding-bottom: 0 !important;
}

.custompricemessage span{
	animation:blinking 2s infinite;
}

@keyframes blinking {
        0% {
          opacity: .3;
        }
        50% {
          opacity: .8;
        }
        100% {
          opacity: 1;
        }
}

.modalbody2 input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    display: block;
    width: 100%;
    height: 46px;
    max-width: none;
    padding: 0.9375em;
    border: 1px solid #bbbbbb;
}
.modalbody2 form p.custompricemessage {
    color: green;
}

body .wpcf7-not-valid {
    border-color: red !important;
}

span.wpcf7-form-control-wrap[data-name="number-642"] + br {
    display: none;
}

span.wpcf7-form-control-wrap[data-name="number-642"] + br + span {
    font-size: 12px;
    color: red;
}

.hl.all-loan h2 {
    text-align: center;
    color: #14055c;
}

form .aux-nextto br {
    display: none;
}

.hl-content-combine {
    display: flex;
    flex-wrap: wrap;
}

.hl.all-loan > .hl-row {
    margin: 0 1%;
}

.hl-content-combine > .hl-content {
    width: 99%;
    margin: 0 1% 2%;
    display: flex;
    justify-content: space-between;
}

.hl-content-combine > .hl-content > div {
    max-width: 100%;
    margin: 0;
    display: block;
    width: 100%;
}

.hl-content-combine > .hl-content > .hl-right .hl-row {
    position: relative;
    top: 0;
    transform: unset;
    padding-top: 30px;
}

.hl.all-loan > .hl-row label {
    font-size: 16px;
}


.hl.all-loan > .hl-row .amounts {
    font-size: 22px;
}


.hl.all-loan > .hl-row {
    background: #ee1b24;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 50px #ddd;
    margin-bottom: 30px;
}

.hl.all-loan > .hl-row .cl-12.bk span {
    color: #fff;
}

.hl.all-loan > .hl-row .cl-12.bk label {
    color: #14055c;
    font-size: 20px;
    font-weight: 600;
}

div#logo {
    position: absolute;
    top: 0;
    max-width: 150px;reporate
    left: 0;
    background: #fff;
    width: 100%;
    margin-bottom: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 5px 0 0 5px;
}

div#logo img {
    margin-bottom: 0;
    max-width: 115px;
}

div#navigation {
    padding-left: 165px;
}

.hl-row, .hl-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.cl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.cl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.hl-row label {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
    display: block;
}

.hl-row .input-box {
    position: relative;
}

.hl-row .input-box input {
    width: 100%;
    position: relative;
}

.range-figures ul {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
}

.hl-row [type="number"]{display: none;border: none; outline: none;}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.hl-left .amounts, .hl-left .amounts1 {
    font-size: 22px;
}

.hl-right .amounts {
    font-size: 24px;
	font-weight: 700;
	pointer-events: none;
}

.hl-right {
    background: #fff0e6;
}

.hl-content {
    border-radius: 10px;
    box-shadow: 0 0 50px #ddd;
	padding: 50px;
}

.hl-content > div {
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    margin: 0 2%;
}

.hl-right {
    border-radius: 10px;
    position: relative;
}

.hl-right .hl-row label {
    font-size: 18px;
}

.hl-right > .hl-row {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

button.getquote, button.seegift {
    background: #f76b0e;
    border-radius: 10px;
    font-size: 18px;
    line-height: 2;
    padding: 5px 15px;
    color: #fff;
}

.input-box select {
    width: 100%;
    padding: 8px;
    border-radius: 10px;
	margin-bottom: 15px;
}

button.seegift {
    background: #18005b;
}

.customodal, .customodal1, .customodal2 {
    position: fixed;
    top: 0;
	z-index: 999999;
    /*z-index: 9999;*/
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
	display: none;
	overflow-y: scroll;
}

.modalcontent, .modalcontent1, .modalcontent2 {
    max-width: 400px;
    width: 100%;
    margin: auto;
    top: 50px;
    position: relative;
    background: #fff;
    border-radius: 5px 0 5px 5px;
    box-shadow: 0 0 50px #00000054;
}


.modalcontent1 {
    max-width: 600px;
}

.modalheader, .modalheader1, .modalheader2 {
    border-bottom: 1px solid #000;
    position: relative;
    padding: 0 10px;
}

.modalheader h2, .modalheader1 h2, .modalheader2 h2 {
    text-align: center;
    margin: 0;
	color: #ee1b24;
	font-size: 30px;
}

.modalheader span, .modalheader1 span, .modalheader2 span {
    position: absolute;
    right: -30px;
    top: 0;
    background: #f00;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 1;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
}


.modalbody, .modalbody1, .modalbody2 {
    padding: 15px;
    text-align: center;
}

.modalbody p span, .modalbody1 p span, .modalbody2 p span {
    font-weight: 600;
	color: #4e84e9;
}

.modalbody p, .modalbody1 p, .modalbody2 p {
    font-size: 19px;
}

.modalbody1 form p, .modalbody2 form p {
    font-size: 14px;
    text-align: left;
    margin-bottom: 0;
    color: #000;
    font-weight: 500;
}

.modalbody1 form input, .modalbody2 form input {
    border-radius: 5px;
    margin-bottom: 0 !important;
}


.hideit {
    pointer-events: none;
    opacity: 0.6;
}

.combine {
    text-align: left;
    display: flex;
	justify-content: space-around;
}

p:empty {
    display: none;
}

.combine p {
    width: 48%;
}

.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7-not-valid {
    border-color: 1px solid #f00 !important;
}

.combine, .combine + p {
    display: none;
}

.all-loan .hl-content{margin-bottom: 30px;}
.all-loan .hl-content .hl-left [type="number"] {
    width: auto !important;
}
@media screen and (max-width: 990px)
{
	.hl-content {
    padding: 20px;
	}
	.hl-row, .hl-content, .hl-content-combine > .hl-content {
    display: block;
    width: 100%;
	}
	
	.hl-content > div, .cl-6 {
    max-width: 100%;	
	}
	
	.hl-right > .hl-row {
    position: relative;
    width: 100%;
    top: 0;
    transform: unset;
	}
	
	.hl-right {
    padding-top: 15px;
	}
	
	.modalheader span, .modalheader1 span, .modalheader2 span {
    right: 0;
    top: -30px;
    border-radius: 5px 5px 0px 0;	
	}
	
	.hl-content-combine > .hl-content > .hl-right .hl-row {
    padding-top: 10px;
    padding-bottom: 10px;
	}
	.modalheader2 h2 {
		font-size: 25px;
	}
}

@media screen and (min-width: 500px)
{
	.modalbody2 .combineit {
		display: flex;
	}
	
	.modalbody2 .combineit p:first-child {
		margin-right: 2.5px;
	}
	.modalbody2 .combineit p:last-child {
		margin-left: 2.5px;
	}

}