@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("../fonts/ITCAvantGardePro-Md.woff2") format("woff2"), url("../fonts/ITCAvantGardePro-Md.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ITC Avant Garde Pro";
    src: url("../fonts/ITCAvantGardePro-Bk.woff2") format("woff2"), url("../fonts/ITCAvantGardePro-Bk.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    scroll-behavior: initial;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

ol,
ul {
    margin: 0;
    padding: 0;
}
img {
    display: block;
}
body {
    font-family: "ITC Avant Garde Pro";
    font-family: neue-haas-unica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #090d09;
    height: 100%;
    width: 100%;
}
.main-wrpper{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

a {
    /*transition: 0.4s linear;
    -webkit-transition: 0.4s linear;*/
    text-decoration: none;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1160px;
}

/* **** Header **** */
header {
    position: relative;
    padding: 30px 0;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar .container .navbar-brand,
.navbar .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-brand {
    float: none;
    height: auto;
    padding: 0;
}
.navbar-brand img{
    max-width: 100%;
}
.navbar {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0px;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar .navbar-nav {
    margin-left: auto;
}
.navbar .navbar-nav li {
    margin-right: 40px;
}
.navbar .navbar-nav li:last-child {
    margin-right: 0;
}
.navbar-light .navbar-nav .nav-link,
.navbar .navbar-nav li a {
    padding: 10px 0px;
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    position: relative;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar .navbar-nav > li > a:after {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    background-color: #18bf0d;
    bottom: 5px;
    left: 0;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar .navbar-nav>li.active a.nav-link:after, .navbar .navbar-nav>li>a:hover:after{width: 100%;}
.navbar .navbar-nav>li>a:focus, .navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:hover{color: #18BF0D;}
.navbar .navbar-nav>li a.nav-link.active {color: #18BF0D;}
.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover{color: #18BF0D;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #18BF0D;}

/* **** navbar-toggler **** */
.navbar-toggler{background-color: transparent;border-radius: 0;outline: none;box-shadow: none;border: none;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-light .navbar-toggler-icon{background-image:unset;}
.navbar-toggler {float: right;border: none;padding-right: 0;position: relative;padding: 0;height: 40px;width: 50px;padding: 0;display: flex;align-items: center;justify-content: center;}
.navbar-toggler:active,
.navbar-toggler:focus {outline: none;}
.navbar-light .navbar-toggler-icon {width: 24px;height: 17px;background-image: none;position: relative;border-bottom: 1px solid #fff;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{width: 24px;position: absolute;height: 1px;background-color: #fff;top: 0;left: 0;content: '';z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after{top: 8px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}

header.nav-new {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
header.nav-new .navbar {
    border-radius: 0;
    box-shadow: none;
}
/* **** End Header **** */

/* **** Hero **** */
.hero-wrp .row {
    display: flex;
    align-items: center;
}
.hero-img {
    position: relative;
    padding: 1px;
    z-index: 9 !important;
}
.hero-img .right-shap {
    position: absolute;
    height: 100%;
    width: 20%;
    /* left: 0; */
    right: 0;
    bottom: 0;
    top: 0;
    border: 5px solid #090d09;
    background: #090d09;
    /* clip-path: polygon(0 0, 10% 0, 100% 100%, 0 100%); */
    clip-path: polygon(80% 0, 100% 0%, 100% 100%, 20% 100%);
}
.hero-img img {
    width: 100%;
}
.hero-dt {
    background-color: #090d09;
    padding: 50px 0;
    text-align: right;
}
.hero-dt h2 {
    color: #44ac34;
    font-weight: 400;
    margin: 0 0 30px;
    font-size: 85px;
}
.hero-dt h3 {
    font-size: 75px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 40px;
}
.hero-dt h4 {
    font-size: 95px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 80px;
}
.btn-main {
    display: flex;
    align-items: end;
    float: right;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #18bf0d;
}
.btn-main img {
    max-width: 100%;
    margin-left: 20px;
}
.btn-main:hover{
    color: #fff;
}
.btn-main:hover img{
    filter: brightness(0) invert(1);
}
/* **** End Hero **** */

/* **** therefore **** */
.therefore-wrp {
    padding: 50px 0 100px;
}
.therefore-wrp .top-brd {
    border-top: 1px solid #18bf0d;
    display: table;
    width: 63%;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 20px;
}
.therefore-wrp .bottom-brd {
    border-top: 1px solid #18bf0d;
    display: table;
    width: 63%;
    margin: 20px 0 0;
}
.therefore-wrp .therefore-box {
    width: 294px;
    display: table;
}
.therefore-wrp .therefore-box2 {
    margin: 130px auto 0;
}
.therefore-wrp .therefore-box3 {
    margin-top: 275px;
    margin-left: auto;
    margin-right: 0;
}
.therefore-wrp .therefore-box h2 {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: #ffffff;
    margin: 0 0 25px;
}
.therefore-wrp .therefore-box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin: 0;
}
/* **** End therefore **** */

/* **** Hero **** */
.about-wrp {
    padding: 0 0 100px;
}
.about-wrp .row {
    display: flex;
    align-items: center;
}
.about-img {
    position: relative;
    padding: 1px;
    z-index: 9 !important;
}
.about-img .right-shap {
    position: absolute;
    height: 100%;
    width: 20%;
    right: 0;
    bottom: 0;
    top: 0;
    border: 5px solid #090d09;
    background: #090d09;
    clip-path: polygon(80% 0, 100% 0%, 100% 100%, 20% 100%);
}
.about-img img {
    width: 100%;
}
.about-dt {
    background-color: #090d09;
    text-align: right;
}
.about-dt h2 {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: #ffffff;
    text-align: right;
    margin: 0 0 20px;
}
.about-dt p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: right;
    color: #ffffff;
}

.about-dt a.btn-main {
    margin: 120px 0 0;
}
/* **** End Hero **** */

/* **** Products **** */
.product-wrp {
    padding: 0 0 151px;
}
.product-wrp .row {
    margin: 0 -39px;
    /* margin: 0 -40px; */
}
.product-wrp .col-md-4 {
    padding: 0 39px;
    /* padding: 0 40px; */
}
.product-wrp .prd-title h2 {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: #ffffff;
    /* margin: 0 0 175px; */
    margin: 0 0 135px;
}
.product-wrp .prd-bix a {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: right;
    color: #ffffff;
    margin: 0 0 25px;
    display: block;
}
.product-wrp .prd-bix img {
    width: 100%;
}
.product-box2 {
    margin: 120px 0 0;
}
.product-box3 .prd-bix {
    margin: 0 0 130px;
}
.product-box3 .prd-bix a.btn-main {
    margin: 120px 0 0;
}
.prd-img {
    position: relative;
    padding: 1px;
}
.image-shap {
    position: absolute;
    height: 100%;
    width: 25%;
    left: 0;
    top: 0;
    border: 5px solid #090d09;
    background: #090d09;
    clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
}
/* **** End Products **** */

/* **** Footer **** */
footer {
    padding: 0px 0px 50px;
}
footer .footer-block {
    border-top: 1px solid #18bf0d;
    padding: 50px 0 130px;
}
footer .footer-block .quicklink {
    display: table;
    margin: 0 auto;
}
footer .footer-block .social-icons {
    margin-left: auto;
    margin-right: 0;
    display: table;
}
footer .logo-bix img {
    max-width: 100%;
}
footer h3 {
    font-weight: 700;
    font-size: 24px;
    color: #ffffff;
    margin: 0 0 25px;
}
footer ul li {
    margin: 0 0 25px;
}
footer ul li:last-child {
    margin: 0;
}
footer ul li,
footer ul li a {
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
}
footer ul li a:hover {
    color: #18bf0d;
}
footer .cnt-box .orar-box {
    margin: 24px 0 0;
}
footer .cnt-box .orar-box li {
    margin: 0 0 12px;
}

footer .copyright p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    margin: 0;
}
/* **** End Footer **** */

/* **** About **** */
.about-wrpper {
    padding: 25px 0 50px;
}
.about-dropdown {
    display: table;
    width: 368px;
    position: relative;
}
.about-dropdown .dropdown-toggle {
    border: 1px solid #18bf0d;
    background: transparent;
    border-radius: 0;
    font-weight: 400;
    font-size: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    color: #18bf0d;
    width: 100%;
    padding: 10px 10px 15px;
    position: relative;
}
.about-dropdown .dropdown-toggle i {
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.about-dropdown .dropdown-toggle.show i:before{
    content: "\f106";
}

.about-dropdown .dropdown-toggle:after {
    display: none;
}
.about-dropdown .dropdown-menu {
    padding: 0;
    border-radius: 0;
    border: 1px solid #18bf0d;
    border-top: none;
    width: 100%;
    top: 100% !important;
    transform: unset !important;
    background: #090d09;
}
.about-dropdown .dropdown-menu li {
    border-bottom: 1px solid #18bf0d;
}
.about-dropdown .dropdown-menu li:last-child {
    border: none;
}
.about-dropdown .dropdown-menu .dropdown-item {
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.05em;
    color: #18bf0d;
    padding: 10px 10px 15px;
}
.about-dropdown .dropdown-menu .dropdown-item:hover {
    background: #18bf0d;
    color: #fff;
}

.about-wrpper .about-block {
    padding: 50px 0 100px;
}
.about-wrpper .about-block .row {
    display: flex;
    align-items: flex-start;
}
.about-wrpper .about-block img {
    width: 100%;
}
.about-wrpper .about-block h2 {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 48px;
    line-height: 96px;
    letter-spacing: 0.02em;
    color: #ffffff;
    margin: 0;
}
.about-wrpper .about-block h2 span {
    color: #18bf0d;
}
.about-wrpper .about-block .about-img {
    position: relative;
}
.about-wrpper .about-block .about-img .shap-img {
    position: absolute;
    height: 100%;
    width: 20%;
    left: 0;
    top: 0;
    border: 5px solid #090d09;
    background: #090d09;
    clip-path: polygon(0 0, 100% 0, 0 100%, 0% 100%);
}

.about-wrpper .about-block .about-img .shap2-img {
    position: absolute;
    height: 100%;
    width: 20%;
    right: 0;
    top: 0;
    border: 5px solid #090d09;
    background: #090d09;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
    display: none;
}
/* **** End About **** */

/* **** mission-block **** */
.mission-block .mission-info h2 {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin: 0 0 40px;
}
.mission-block .mission-info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin: 0 0 45px;
}
.mission-block ul {
    padding: 0 0 100px;
}
.mission-block ul li h4 {
    display: flex;
    align-items: center;
    margin: 0;
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: #ffffff;
}
.mission-block ul li h4 img {
    max-width: 100%;
    margin-right: 24px;
}
.mission-block ul li {
    margin: 0 0 75px;
    display: table;
}
.mission-block ul li:nth-child(2) {
    margin: 0 auto 75px;
}
.mission-block ul li:last-child {
    margin-left: auto;
    margin-right: 0;
}
.mission-block h3 {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 32px;
    line-height: 46px;
    color: #ffffff;
    margin: 0 0 40px;
}
.mission-block h3 span {
    color: #18bf0d;
}
/* **** End mission-block **** */

/* **** concept **** */
.concept-box {
    display: flex;
    align-items: center;
}
.concept-box {
    width: 90%;
    margin: 0 0 100px auto;
}

.concept-box .box-img {
    width: 20%;
}
.concept-box .box-img img {
    max-width: 100%;
}
.concept-box .box-info {
    width: 80%;
}
.concept-box .box-info h2 {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: #ffffff;
    margin: 0 0 25px;
}
.concept-box .box-info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin: 0;
}

.concept-box-even {
    margin: 0 0 100px;
}
.concept-box-even .box-img img {
    margin: 0;
    margin-left: auto;
}

.concept-box .box-info {
    padding-left: 48px;
    width: 100%;
}

.concept-box.concept-box-even .box-info {
    padding-left: 0;
}



/* **** End concept **** */

/* **** Product **** */
.optimal-block {
    padding: 0 0 100px;
}
.optimal-block h2 {
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: #ffffff;
    margin: 0 0 25px;
}
.optimal-block p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin: 0 0 50px;
}
.optimal-block p:last-child {
    margin: 0;
}
.optimal-block h5 {
    font-weight: 700;
    font-size: 24px;
    color: #ffffff;
    margin: 0 0 25px;
}
/* **** End Product **** */

/* **** production-block **** */
.production-block h2 {
    font-weight: 400;
    font-size: 32px;
    color: #ffffff;
    margin: 0 0 40px;
}
.system-block {
    width: 90%;
    margin: 0 auto;
}
.system-block .row {
    display: flex;
    align-items: center;
}
.solar-panel-img img {
    max-width: 100%;
}
.energy-img img {
    max-width: 100%;
    margin: 0;
    margin-left: auto;
    display: table;
}
.system-block ul {
    padding: 0 10px;
}
.system-block ul li {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #ffffff;
    margin: 0 0 25px;
    position: relative;
}
.system-block ul li:last-child {
    margin: 0;
}
.system-block ul li:before {
    position: absolute;
    content: "";
    left: 45%;
    top: 50%;
    width: 60px;
    height: 2px;
    background: #18bf0d;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.system-block ul li span {
    display: block;
}
.system-block ul li .right-text {
    margin: 0;
    margin-left: auto;
}
.system-block p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    text-align: right;
    margin: 40px 0 0;
}

.about-wrpper.product-wrpper {
    padding: 25px 0 100px;
}
/* **** End production-block **** */

/* **** offer **** */
.offer-wrpper {
    /*padding: 0 0 150px;*/
}
.offer-wrpper .offer-title h2 {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin: 0 0 40px;
}

.advance-block {
    position: relative;
    padding: 43px 0;
    margin: 0 0 100px;
}
.advance-block:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    background: #ffffff;
    clip-path: polygon(0 0, 100% 0%, 94% 100%, 0% 100%);
    height: 100%;
    width: 55%;
}
.advance-block:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    background: #18bf0d;
    clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);
    height: 100%;
    width: 45%;
}
.advance-block h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 58px;
    color: #090d09;
    margin: 0;
    position: relative;
    z-index: 9;
}
.advance-block h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #090d09;
    margin: 0;
    position: relative;
    z-index: 9;
}
.advance-block a {
    position: relative;
    z-index: 9;
    color: #000;
}
/* **** End offer **** */
.offer-block .offer-box {
    margin: 0 0 100px;
}
.offer-block .offer-box .titlebar {
    position: relative;
    margin: 0 0 40px;
}
.offer-block .offer-box .titlebar div {
    display: table;
    position: relative;
    z-index: 9;
    padding-right: 50px;
    background: #090d09;
}
.offer-block .offer-box .titlebar h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    color: #ffffff;
    margin: 0 0 5px;
}
.offer-block .offer-box .titlebar p{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    margin: 0;
}
.offer-block .offer-box .titlebar .line {
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    border-top: 1px solid #18bf0d;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.offer-block .offer-box .bottom-titlebar {
    margin: 30px 0 0;
}
.offer-block .offer-box .bottom-titlebar h2 {
    margin: 0;
}
.offer-block .offer-box .bottom-titlebar div {
    margin: 0;
    padding: 0 0 0 50px;
    margin-left: auto;
    display: table;
}

.offer-block .offer-box .offer-info h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #ffffff;
    margin: 0 0 25px;
}
.offer-block .offer-box .offer-info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin: 0 0 32px;
}

/* **** Contact **** */
.contact-wrp {
    padding: 25px 0 52px;
}
.contact-wrp .contact-block {
    padding: 0 0 100px;
}
.contact-wrp .cnt-title h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    display: flex;
    align-items: center;
    letter-spacing: 0.05em;
    color: #18bf0d;
    margin: 0 0 20px;
}
.contact-wrp .cnt-title p {
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    color: #ffffff;
    margin: 0 0 75px;
}
.contact-wrp .cnt-info h3 {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: #ffffff;
    margin: 0 0 40px;
}
.contact-wrp .cnt-info a {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: #18bf0d;
    margin: 0 0 40px;
    display: table;
}
.contact-wrp .cnt-info h4 {
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: #ffffff;
    margin: 0 0 24px;
}
.contact-wrp .cnt-info p {
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    color: #ffffff;
    margin: 0 0 24px;
}
.contact-wrp .contact-frm h2 {
    font-family: "ITC Avant Garde Pro";
    font-weight: 300;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: #ffffff;
    margin: 0 0 40px;
}


.contact-wrp .contact-frm .form-group {
    margin: 0 0 48px;
    position: relative;
}
.contact-wrp .contact-frm .form-group  label {
    position: absolute;
    top: 0;
    padding: 0;
    transition: all 200ms;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    color: #ffffff;
}

.contact-wrp .contact-frm .form-group .form-control {
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    color: #ffffff;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom: 1px solid #ffffff;
    background: transparent;
    resize: none;
    opacity: 0.5;
    padding: 0 0 5px;
}

.error {
    display: block;
    color: red;
    margin-top: 10px;
}

.alert-success, .alert-danger {
    margin-top: 10px;
}

.contact-wrp .contact-frm .form-group .form-control::placeholder {
    color: #fff;
}
.contact-wrp .contact-frm .form-group.focused .form-control{
    opacity: 1;
    color: #18BF0D;
    border-color: #18BF0D;
}
.contact-wrp .contact-frm .form-group.focused  label,
.contact-wrp .contact-frm .form-group.focused  label {
  font-size: 75%;
  transform: translate(0, -30px);
  opacity: 1;
  color: #18BF0D;
}



.contact-wrp .contact-frm button {
    background: #18bf0d;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    display: block;
    width: 100%;
    color: #090d09;
    text-align: left;
    /* padding: 20px 40px; */
    padding: 30px 40px;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 0.03em;
    color: #090d09;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.contact-wrp .contact-frm button img {
    position: absolute;
    right: 40px;
    top: 50%;
    max-width: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.contact-wrp .contact-frm button:hover {
    background: #fff;
}
.contact-wrp .contact-frm button:hover img{
    filter: unset;
}

.contact-wrp .company-infometion .abt-dt {
    margin: 0 0 38px;
}
.contact-wrp .company-infometion .abt-dt h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #ffffff;
    margin: 0 0 24px;
}
.contact-wrp .company-infometion .abt-dt ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin: 0 0 24px;
}
.contact-wrp .company-infometion .abt-dt ul li a {
    color: #18bf0d;
}
.contact-wrp .company-infometion .abt-dt ul li:last-child {
    margin: 0;
}

/* **** form-checkbox **** */
.form-checkbox {
    margin: 0 0 84px;
    position: relative;
}
.form-checkbox input {
    padding: 0;
    height: 100%;
    width: 35px;
    margin-bottom: 0;
    /* display: none; */
    /* opacity: 0; */
    display: inline-block;
    cursor: pointer;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    /* right: 0px; */
}
.form-checkbox label {
    position: relative;
    padding-left: 50px;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    display: block;
    margin: 0;
    cursor: pointer;
}
.form-checkbox label a {
    color: #18bf0d;
}
.form-checkbox label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    width: 32px;
    height: 32px;
    border: 1px solid #ffffff;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px;
    vertical-align: middle;
    cursor: pointer;
}
.form-checkbox input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 6px;
    width: 20px;
    height: 20px;
    background: #18BF0D;
}
.form-checkbox input:checked + label:before{
    border-color: #18BF0D;   
}
/* **** End form-checkbox **** */


/* **** policy **** */
.policy-wrpper {
    padding: 25px 0 100px;
}
.policy-title h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.05em;
    color: #18bf0d;
    margin: 0 0 20px;
}
.policy-title h4 {
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    color: #ffffff;
    margin: 0 0 38px;
}

.policy-block h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #ffffff;
    margin: 0 0 24px;
}
.policy-block .policy-dt {
    margin: 0 0 48px;
}
.policy-block .policy-dt p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin: 0;
}
.policy-block .policy-dt p a,
.policy-block .policy-dt ul li a {
    color: #18bf0d;
}
.policy-block .policy-dt ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin: 0;
    padding-left: 20px;
    position: relative;
}
.policy-block .policy-dt ul li:before {
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background: #fff;
    left: 0;
    top: 12px;
}
.policy-block .cookies-dt p {
    margin: 0 0 24px;
}
.policy-block .cookies-dt ul li {
    margin: 0 0 24px;
}
.policy-block .cookies-dt ul li:last-child {
    margin: 0;
}
/* **** End spolicy **** */