/**
 * J!Blank Template for Joomla by JBlank.pro (JBZoo.com)
 *
 * @package    JBlank
 * @author     SmetDenis <admin@jbzoo.com>
 * @copyright  Copyright (c) JBlank.pro
 * @license    http://www.gnu.org/licenses/gpl.html GNU/GPL
 * @link       http://jblank.pro/ JBlank project page
 */
/* just example of css import */

/* just for test repaltive paths
@import url('print.css');
@import url('reset.css');
*/

/****************************************** FRONTEND STYLES ***********************************************************/

/* classic clearfix */
.clearfix {
    display: block;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    height: 1%;
}

.url-path-test {
    background: url('../images/test.png');
}

/* forms */
.popup__form-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(255,255,255,.6);
}

.popup__form-wrapper {
    width: 556px;
    height: 289px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    z-index: 101;
    padding: 50px 75px;
	border: 0.25px solid #BBBBBB;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.13);
	border-radius: 3px;
}
.popup__form-wrapper.form_success {
    width: 345px;
    text-align: center;
}

.popup__form-close {
    color: #7A7A7A;
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 25px;
    width: 29px;
    text-align: center;
    cursor: pointer;
}

.popup__form-title {
    color: #161616;
    font-size: 23px;
    text-align: center;
    margin-bottom: 9px;
}

.popup__form-subtitle {
    color: #7A7A7A;
    font-size: 23px;
    text-align: center;
    margin-bottom: 22px;
}

.popup__form-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.form-field {
	width: 192px;
	height: 37px;
	background: #FFFFFF;
	border: 0.25px solid #DFDFDF;
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.09);
	border-radius: 3px;
	padding: 11px 14px;
    -webkit-appearance: none;
}

.legal {
	color: #8E8E8E;
	font-size: 14px;
}

.legal a {
	color: #FCB44F;
}

.button-submit {
	min-width: 127px;
	height: 37px;
	font-size: 18px;
	background: #FCB44F;
	border: 0.25px solid #E3E3E3;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	color: #fff;
	margin-left: 15px;
}

input:focus {
	outline: none;
}

.mobile_callForm {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    z-index: 100;
    background: #747474;
}

.best-offer-btn {
    position: fixed;
    opacity: .8;
    left: -131px;
    top: 47%;
    z-index: 20000;
    transform: rotate(-90deg);
    transition: all .25s;
    font-size: 18px;
  	padding: 11px 25px;
  	color: #fff !important;
  	letter-spacing: 1.5px;
  	margin: 0 !important;
    background: #61a532;
 	font-family: 'pf_din_text_cond_prolight', serif !important;
}

.scrollUp {
  bottom: 40% !important;
}

@media screen and (max-width: 520px) {
    .popup__form-wrapper {
        width: 100% !important;
        height: 100%;
    }
    .popup__form-row {
        flex-direction: column;
    }
    input.form-field {
        margin-bottom: 10px;
        width: 100%;
    }
    .button-submit {
        margin-left: 0;
        margin-top: 10px;
    }
}