@font-face{ 

font-family: 'HeliosCond';

src: url('HeliosCond.otf');

font-weight: normal;

font-style: normal;

}


@font-face{

font-family: 'HeliosCond';

src: url('HeliosCondBlack.otf');

font-weight: bold;

font-style: normal;

}

section{display:flex;flex-wrap: wrap}

.size_1{font-size: 50px}
.size_2{font-size: 32px}
.size_3{font-size: 22px}

.fw{width: 100%}

.cwhite{color:white}

.owl-carousel .owl-item img {
    display: block;
    height: 300px;
    object-fit: contain;}
a{text-decoration: none}

html{scroll-behavior: smooth;}
body {
    /*! width: 1280px; */
    margin: auto;
    padding: 0;
    /*! max-width: 100%; */
   font-family: HeliosCond;
    max-width: 1280px;
    
}

.btn{display: flex;align-self: baseline;color:#fff;padding: 10px 20px;border: none;}

.rounded{border-radius: 5px}

ul{padding: 0;margin: 0;list-style: none;}

#screen1{background: #2e3c48 url(header_bg.jpg)no-repeat center center/cover;}
#screen1>div:nth-of-type(1){display: flex;flex-direction: column}
#screen1 .phonelink{color: #fff;padding: 10px 0 20px 0;font-size: 30px;font-weight: bold;}
#screen1>div:nth-of-type(2){display: flex;flex-direction: column;/*! font-size: 45px; */margin: 60px 0 40px 0;}
#screen1>div:nth-of-type(2)>span{font-size:60px;color:#7cbf32}
#screen1>div:nth-of-type(2)>span:nth-of-type(2){color:#FFF}
#screen1>div:nth-of-type(2)>span:nth-of-type(3)>span{color:#FFF}
#screen1>div:nth-of-type(3){display: flex;padding: 50px 0;max-width: 100%;overflow: hidden;}
.padded-horiz
{padding: 0 7%;}

.padded-vert{padding: 20px 0 20px 0}

.text-center
{text-align: center}

#screen2{flex-wrap: wrap;flex-direction: column;align-items: center;background:url(screen2_bg.jpg)no-repeat center center/cover, #a1bfb5 ;color: #FFF;}
#screen2>ul{display: flex;list-style: none;width: 100%;padding: 0 0 40px 0;flex-wrap: wrap;justify-content: space-around;/*! color: #FFF; */}
#screen2>ul>li{display: flex;flex-basis: 25%;flex-direction: column;align-items: center;text-align: center;padding: 20px 0;font-weight: bold;font-size: 25px;}
#screen2>ul>li:before{content: '';display: block;width: 195px;height: 195px;margin: 30px 30px;border: 4px solid;border-radius: 50%;}
#screen2>ul>li:nth-of-type(1):before{background: url(screen2-1.png)no-repeat center center/50%;}
#screen2>ul>li:nth-of-type(2):before{background: url(screen2-2.png)no-repeat center center/50%;}
#screen2>ul>li:nth-of-type(3):before{background: url(screen2-3.png)no-repeat center center/50%;}
#screen2>ul>li:nth-of-type(4):before{background: url(screen2-4.png)no-repeat center center/25%;}
.screen-carousel{background: #0e1215;color:#7cbf32;text-align: center;font-size: 18px;padding-bottom: 15px;}
.screen-carousel>ul{display: flex;max-width: 100%;overflow: hidden;list-style: none}
.screen-carousel>ul>li{/*! display: flex; */flex-basis: 25%;width: 25%;}
.cred{color:red}
.screen-carousel ul>li:nth-last-of-type(1){margin: 20px 0}
.screen-carousel .cred{font-weight: bold;font-size:25px}
.screen-carousel>ul>li>img{width: 150px;height: 250px;object-fit: contain}

#screen4{background:url(screen4_bg.jpg)no-repeat center center/cover antiquewhite;position: relative;}

.transp{opacity: 0}
.bgreen {
    background: #7cbf32;
    /*! padding: 20px 0 20px 0; */
    margin: 0;
    /*! text-transform: uppercase; */
} 

.btn-left,.btn-right{color:#000;padding: 20px;transform: skewX(-45deg);display: flex;position: relative;/*! font-weight: bold; */}
.btn-right{padding-left: 70px;padding-right: 0}
.btn-right>span, .btn-left>span{transform: skewX(45deg);display: flex;}
.btn-left{margin-right: 4px;padding-right: 70px;}
.btn-right:after{content:'';width: 100%;height: 30px;background: #fff;display: block;transform: skewX(45deg);position: absolute;right: -40px;height: 100%;top: 0;z-index: -1;}
.btn-left:after{content:'';width: 100%;height: 30px;background: #7cbf32;display: block;transform: skewX(45deg);position: absolute;left: -40px;height: 100%;top: 0;z-index: -1;}
.bwhite{background: #fff}
.bblack{color:#fff;background: #000;}

.uc{text-transform: uppercase}

.responsive-form{display: flex;flex-direction: column;align-items: center;margin: 0;padding: 30px 0;width: 100%;transition: .4s;}
.responsive-form button{align-self: center}
.responsive-form .form-group{display:flex;align-items: center;flex-wrap:wrap;justify-content: center;min-height: 120px;}
.responsive-form .form-group>input{width: 300px;margin: 20px 5px}

.contact-form__description{position: absolute;height:20%;width: 100%;/*! background: red; */top:40%;display: none;justify-content: center;flex-direction: column;/*! align-items: center; *//*! align-content: center; */}
.contact-form__description .btn{align-self: center}

.owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.owl-nav>button>span{font-size:55px!important;color:#FFF}

@media  (min-width:600px)
{
 .responsive-form .form-group>input{width: 350px;}   
}