/*
Theme Name: Kalium
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on:  <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 2.7
License: GNU General Public License version 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kalium
*/


.cons-main {
    background: url('/wp-content/uploads/form-bg.png') center right no-repeat;
    max-width: 1170px;
    border-radius: 15px;
}

.cons-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 450px;
}

.cons-left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 460px;
    display: flex;
    justify-content: center;
}


.cons-title {
    font-family: "Roboto medium", sans-serif;
    font-size: 28px;
    font-weight: 400;   
    color: white;
}

.cons-title .sub {
    font-size: 16px;
    font-weight: 100;
    color: #9bb8ef;
    display: block;
    padding-top: 8px;
}

.cons-right {
    width: 100%;
    float: right;
    padding: 53px 100px 49px 435px;
}

.ajax-form {
    padding-top: 35px;
}

.form-left {
    float: left;
    padding-right: 20px;
}

.form-input input {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #47649c;
    font-weight: 400;
    height: 46px;
    line-height: 46px;
    outline: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: block;
    box-shadow: none;
    width: 100%;
    border: none;
    -webkit-appearance: none;
    resize: none;
    padding: 0 25px;
    width: 260px;
    border-radius: 5px;
}

.form-input input::placeholder{
    color: #47649c;
    opacity: 60%;
}

.form-input {
    width: 100%;
    padding: 0 0 20px 0;
}

.form-right textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #47649c;
    font-weight: 400;
    line-height: 46px;
    outline: none;
    vertical-align: middle;
    box-sizing: border-box;
    display: block;
    box-shadow: none;
    border: none;
    -webkit-appearance: none;
    resize: none;
    padding: 0 25px;
    border-radius: 5px;
    height: 178px;    
    width: 325px;
    background: white;
}
.form-right textarea::placeholder{
    color: #47649c;
    opacity: 60%;
}

.form-bt {
    padding-top: 40px;
}

.contt {
/*    display: block;*/
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #9bb8ef;
    font-family: 'Roboto', sans-serif;    
    font-size: 12px;
}

.checkmark {
    position: absolute;
    top: -3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #0d4585;
    border-radius: 3px;
    border: solid 1px #9bb8ef;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.contt input:checked ~ .checkmark:after {
  display: block;
}


.contt .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#privacy-agr {
    display: none;
}

.cons-send {
    border: none;
    background: #4679d8;
    color: #ffffff;
    font-size: 16px;
    padding: 13px 45px;
    border-radius: 4px;
    position: absolute;
    right: 100px;
    bottom: 50px;
}

.cons-send:hover {
    background: #9bb8ef;
}

.frefresh {
    text-align: center;
    margin-top: 27px;
    margin-left: 58px;
}

.frefr-head {
    font-family: "Roboto medium", sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: white;
    margin-top: 33px;
}

.frefr-msg {
    font-size: 16px;
    font-weight: 100;
    color: #9bb8ef;
    font-family: "Roboto", sans-serif;
    margin-top: 10px;
}

.frefr-btn {
    margin-top: 60px;
    font-size: 16px;
    color: #9bb8ef;
    font-family: "Roboto", sans-serif;
    background: none;
    border: solid 2px #9bb8ef;
    padding: 11px 55px;
    border-radius: 4px;
}

.frefr-btn:hover {
    background: #9bb8ef44;
    
}

.baaaad_box input {
    position: relative !important;
}