@font-face {
    font-family: 'MontserratMedium';
    font-style: normal;
    font-weight:lighter;
    src: local('MontserratMedium'), url(../fonts/MontserratMedium.ttf) format('truetype');
}

@font-face {
    font-family: 'MontserratBold';
    font-style: normal;
    font-weight:lighter;
    src: local('MontserratBold'), url(../fonts/MontserratBold.ttf) format('truetype');
}

@font-face {
    font-family: 'MontserratSemiBold';
    font-style: normal;
    font-weight:lighter;
    src: local('MontserratSemiBold'), url(../fonts/MontserratSemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'MontserratRegular';
    font-style: normal;
    font-weight:lighter;
    src: local('MontserratRegular'), url(../fonts/MontserratRegular.ttf) format('truetype');
}

.header{
   
    width: 100%;
    height: 157px;
    
    
}

.logo{
    margin-left: 174px;
width: 287px;
height: 157px;

}

.menu{
    
    margin-top: 95px;
    font-family: 'MontserratRegular';
}

.menu a{
    
    margin-right: 30px;
    color: #0C3168;
}

.menu a:hover{
    color: #8cc900;
    text-decoration: none;
}

.menu .get:hover{
    color: #0C3168;
    
}
.menu .get{
color: white;  
width: 256px;
height: 72px;
background: #8CC940 0% 0% no-repeat padding-box;
border-radius: 60px;
opacity: 1;
padding: 20px;
}

.pic{
    
    width: 100%;
    height: 535px;
    background-image: url("../img/Group 128.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.pic2{
    
    width: 100%;
    height: 535px;
    background-image: url("../img/Group 129.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.high{
   
    width: 50%;
    margin-top: 12%;
    margin-left: 25%;
    font-family: 'MontserratBold';
    font-size: 50px;
    color: white;
    margin-bottom: 9%;
    
}

.touch{
   
       margin-left: 40%;
    margin-top: 250px;
    width: 279px;
    height: 96px;
    color: #8EC53F;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 3px solid #8EC53F;
    border-radius: 60px;
    opacity: 1;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-right: 40px;
}

.touch:hover{
    text-decoration: none;
}

.about{
    font-family: 'MontserratBold';
    font-size: 50px;
    
    margin-top: 85px;
    margin-left: 150px;
    width: 341px;
    color: #8DC940;
    margin-bottom: 10px;
}

.imge{
    width: 80%;
    margin-top: 20px;
    margin-left: 150px;
}

.imgeR{
    margin-top: 20px;
    text-align: left;
    font-family: 'MontserratRegular';
     line-height: 2;
     font-size: 15px;
}

.imgeB{
    margin-top: 20px;
    text-align: left;
    font-family: 'MontserratRegular';
     line-height: 2;
     font-size: 15px;
     margin-left: 150px;
     margin-right: 20px;
     margin-bottom: 20px;
}

.bg{
    width: 102%;
    height: auto;
    background: #8CC940 0% 0% no-repeat padding-box;
}

.left, .mid, .right{
    
    height: auto;
    margin-left: 20px;
    margin-bottom: 10px;
}
.left{
    margin-left: 150px;
}

.title{
    margin-top: 20px;
    text-align: left;
font-size: 20px;
    font-family: 'MontserratBold';
color: #FFFFFF;
opacity: 1;
}

.con{
    margin-top: 10px;
        font-family: 'MontserratRegular';
        line-height:  1.6;
    color: white;
}

.cir{
   width: 62px;
background: #0C3168 0% 0% no-repeat padding-box;
opacity: 1;
margin-left: 20%;

padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;

border-radius: 50%;

font-family: 'MontserratBold';
font-size: 30px;

color: #8DC940;
opacity: 1;
display: inline-block;
position: relative;
    top: -78px;

}

.e{
    top: -60px;
}

.cont{
    display: inline-block;
    text-align: left;
font-family: 'MontserratRegular';
letter-spacing: 0px;
color: #272727;
opacity: 1;
width: 66%;
}

.cont span{ 
text-align: left;
font-family: 'MontserratBold';
letter-spacing: 0px;
color: #5C5C5C;
opacity: 1;

}

.footer{
        width: 102.3%;
    height: 72%;
    background: #272727;
}

#logF{
   
left: 12%;
width: 203px;
height: 111px;
/*background: transparent url('img/Group_112_sr_pattern.png') 0% 0% no-repeat padding-box;*/
opacity: 1;
position: absolute;
}

#men{
    left: 30%;
width: 100px;
height: 231px;
text-align: left;
font: Light 20px/55px Poppins;
letter-spacing: 0px;
color: white !important;
opacity: 1;

position: absolute;

padding-top: 20px;
}

#men a{
    color: white !important;
    margin-bottom: 50px;
}

#men a:hover{
    color: #8cc900 !important;
}

#add{

left: 47%;
width: 256px;
height: 231px;
text-align: left;
font: Light 20px/55px Poppins;
letter-spacing: 0px;
color: white !important;
opacity: 1;

position: absolute;

padding-top: 20px;
}

#con{

right: 12%;
width: 256px;
height: 231px;
text-align: left;
font: Light 20px/55px Poppins;
letter-spacing: 0px;
color: white !important;
opacity: 1;

position: absolute;

padding-top: 20px;
}

hr{
        width: 500px;
    position: absolute;
    /* left: 40%; */
    /* color: #E5E5E5; */
    border-color: grey;
    position: relative;
    top: 59%;
    
    
}

#copy{
    width: 600px;
    position: absolute;
    /* bottom: 10%; */
    color: white;
    margin-top: 26%;
    margin-left: 36%;
}


#logF1{
    top: 1550px;
left: 150px;
width: 203px;
height: 111px;
/*background: transparent url('img/Group_112_sr_pattern.png') 0% 0% no-repeat padding-box;*/
opacity: 1;
position: absolute;
}

#men1{
    top: 1550px;
left: 425px;
width: 100px;
height: 231px;
text-align: left;
font: Light 20px/55px Poppins;
letter-spacing: 0px;
color: white !important;
opacity: 1;

position: absolute;

padding-top: 20px;
}

#men1 a{
    color: white !important;
    margin-bottom: 50px;
}

#men1 a:hover{
    color: #8cc900 !important;
}

#add1{
top: 1550px;
left: 600px;
width: 256px;
height: 231px;
text-align: left;
font: Light 20px/55px Poppins;
letter-spacing: 0px;
color: white !important;
opacity: 1;

position: absolute;

padding-top: 20px;
}

#con1{
top: 1550px;
left: 900px;
width: 256px;
height: 231px;
text-align: left;
font: Light 20px/55px Poppins;
letter-spacing: 0px;
color: white !important;
opacity: 1;

position: absolute;

padding-top: 20px;
}

.line{
    width: 500px;
    position: absolute;
    top: 1800px;
    left: 453px;
    /* color: #E5E5E5; */
    border-color: grey;
}

#copy1{
    width: 600px;
    position: absolute;
    top: 1820px;
    left: 500px;
    color: white;
}





.bo{
    margin-left: 10%;
    text-align: center;
}

.bo2{
    margin-left: 20%;
    text-align: center;
}

.box{
    display: inline-block;
    float: left;
    
    width: 250px;
height: 250px;
text-align: center;
border-radius: 14px;
opacity: 1;
color: white;


}
.inside{
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
}


.box span{
    font-family: 'MontserratBold';
    font-size: 20px;
    color: white
}

.cha{
    background-image: url("../img/Group 140.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.cor{
    background-image: url("../img/Group 141.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.conf{
    background-image: url("../img/Group 142.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sch{
    background-image: url("../img/Group 137.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.day{
    background-image: url("../img/Group 134.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.gam{
    background-image: url("../img/Group 135.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.air{
    background-image: url("../img/Group 136.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

form{
    text-align: center;
}

.contact{
    display: inline-block;
}

.contact input{
    width: 200px;
height: 60px;
border: 4px solid #8BC13E;
border-radius: 20px;
opacity: 1;
padding: 20px;
margin-right: 20px;
margin-bottom: 20px;
}

.contact textarea{
    padding: 20px;
    width: 434px;
height: 205px;
border: 4px solid #8BC13E;
border-radius: 20px;
opacity: 1;
margin-bottom: 30px;
}

.contact button{
color: white;  
width: 150px;
height: 50px;
background: #8CC940 0% 0% no-repeat padding-box;
border-radius: 60px;
opacity: 1;
padding: 20px;
border: none;
padding-bottom: 10px;
}

.contact button:hover{
    color: #0C3168;
}