body {
    margin: 0px;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
    background-color: #ffffff;
    color: #252525;
    font-weight: 400;
    overflow-x: hidden;
}


.logo {
    width: 515px;
}


* .img-responsive {
    margin: 0 auto;
}

.logo-desk {
    margin-left: 0px;
}

.hero {
    background: url(../img/bg_hero.jpg)no-repeat center;
    padding: 80px 0px;
    background-size: cover;
}

.main-tt {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 50px;
}

.elt-hero {
    display: flex;
    align-items: center;
    justify-content: center;
}

.elt {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-hr {
    margin-top: 30px;
    margin-bottom: 50px;
    border-top: 2px solid #04ce47;
    width: 180px;
    display: block;
}


.mb-50 {
    margin-bottom: 70px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.pd-50 {
    padding: 50px 0px;
}

.pd-80 {
    padding: 80px 0px;
}

.light-grey {
    background-color: #f9f9f9;
}


::-moz-selection {
    background: #04ce47;
    color: #ffffff;
}

::selection {
    background: #04ce47;
    color: #ffffff;
}


/* Styles */
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.bbox-left {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
    background-color: #04ce47;
    transition: all 0.3s ease-out 0s;
}

.bbox-left .img-box {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
    left: 20px;
    top: 20px;
    z-index: 3;
    transition: all 0.3s ease-out 0s;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 10;
}

.split-card-wrapper {
    display: flex;
    border: 1px solid #ebebeb;
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
    background-color: rgba(255, 255, 255, 0.01);
}

.picto-bg-wrapper {
    background-color: #04ce47;
    padding: 15px;
    display: flex;
}

.picto-bg-wrapper img {
    width: 80px;
}

.txt-desc-wrapper {
    align-self: center;
    padding: 10px 25px;
    flex-grow: 1;

}

.txt-desc-wrapper p {
    color: #272727;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0px;
}

.bbox-right {
    position: relative;
    width: 100%;
    float: left;
    padding: 0;
    margin-left: 50px;
    background-color: #f5f5f5;
    transition: all 0.3s ease-out 0s;
}


.bbox-right .text-box-inner.border,
.bbox-left .text-box-inner.border {
    border: 1px solid #ebebeb;
}

.bbox-right .text-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 100px 70px;
    left: 20px;
    top: 20px;
    z-index: 3;
    background-color: #fff;
}

.bbox-left .text-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 100px 70px 100px 70px;
    left: 20px;
    top: 20px;
    z-index: 3;
    background: linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80)),
        url("../img/bgm.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.alslf {
    display: flex;
    flex-wrap: nowrap;
}

.stroke-card {
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 20px 10px;

}

.stroke-card img,
.stroke-card-hs img {
    max-width: 120px;

}

.s-title {
    font-size: 18px;
    margin: 20px 0px 20px 0px;
    font-weight: bold;
}

.stroke-card p,
.stroke-card-wide p {
    font-family: 'Open Sans', sans-serif;
    color: #727272;
    font-size: 15px;
    text-align: ju;
    line-height: 1.6em;
}

.stroke-card-wide {
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #ffffff;
}

.stroke-card-hs {
    padding: 20px 10px;
}

.stroke-card-bg {
    background-color: #04ce47;
    color: #ffffff;
    position: relative;
    display: flex;
    flex-wrap: wrap;

}

.green-wrp {
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    justify-content: center;
}

.green-wrp ul li {
    font-size: 15px;
    line-height: 1.9em;
}


.green-wrp:before {
    content: url('../img/caret-left.svg');
    width: 23px;
    position: absolute;
    left: -15px;
    top: 39%;

}

.bg-model {
    background: url('../img/bg_model.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0px;
}

.bg-grn {
    padding: 80px 0px;
    background: linear-gradient(rgba(4, 206, 71, 0.89), rgba(4, 206, 71, 0.89)),
        url("../img/bg2.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
}

.bg-grn .custom-hr {
    border-color: #ffffff;
}

.square-box {
    padding: 80px 15px 80px 15px;
    border: 1px solid #cecece;
    color: #272727;
    background-color: #ffffff;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    animation-duration: 1.4s;
    animation-delay: .3s;
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
}


.square-box:hover {
    border: 1px solid #ffffff;
    transform: translateY(-20px);
    background-color: #152435;
    color: #ffffff;
}

.stars i {
    color: #04ce47;
    font-size: 25px;
}

.stars {
    margin-bottom: 45px;
    display: block;
}

.square-box h3 {
    font-size: 25px;
    font-weight: 600;
}

.bg-bl {
    padding: 80px 0px;
    background-color: #152435;
    color: #ffffff;
}

.left-av .inner-av {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 100px 70px 100px 70px;
    left: 20px;
    top: 20px;
    z-index: 3;
    background: url('../img/bg_model_2.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: -150px;

}

.txt-desc-wrapper .desc-txt {
    font-size: 13px;
    font-weight: 400;
    color: #727272;
    margin-bottom: 0px;
    margin-top: 10px;
}

.blrav {
    display: flex;
    border: 1px solid #ebebeb;
    -webkit-backdrop-filter: saturate(180%) blur(4px);
    backdrop-filter: saturate(180%) blur(4px);
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.bgbman {
    background: url('../img/bgbman.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: -68px;
}

.ob-title {
    color: #727272;
    display: block;
    font-size: 29px;
    text-align: left;
}

.ob-desc {
    color: #272727;
    display: block;
    font-size: 29px;
    text-align: left;
    font-weight: bold;
    margin-bottom:30px;
}

.bg-av {
    padding: 80px 0px;
    background: linear-gradient(rgba(0,0,0,0.97), rgba(0,0,0, 0.99)),
        url("../img/bgav.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
}

footer {
    background-color:#161616;
    padding:30px 0px;
    color:#ffffff;
}

footer a {
    color:#ffffff;
}

footer a:hover,
footer a:focus,
footer a:visited{
    color:#04ce47;
    text-decoration:none;
}