.key2 li {
    vertical-align: top;
}

html {
  scroll-behavior: smooth;
}

.ser li a {
    color: #fff !important;
}

.mam{
    margin:0!important;
}

@font-face {
    font-family: 'Helvetica Neue Extended';
    src: url('../fonts/HelveticaNeue-Extended.otf');
}

.box a h3:hover{
	color: #e81e25;
}

.box a{
	text-decoration: none;
}

@font-face {
    font-family: 'HelveticaNeue-BoldExt';
    src: url('../fonts/HelveticaNeue-BoldExt.otf');
}

@font-face {
    font-family: 'HelveticaNeue-LightExtObl';
    src: url('../fonts/HelveticaNeue-LightExtObl.otf');
}

@font-face {
    font-family: 'HelveticaNeue-MediumExt';
    src: url('../fonts/HelveticaNeue-MediumExt.otf');
}

.fontbe{
    font-family: 'HelveticaNeue-BoldExt';
}

.fontme{
    font-family: 'HelveticaNeue-MediumExt';
}

.fontleo{
    font-family: 'HelveticaNeue-LightExtObl';
}

body{font-family: 'Helvetica Neue Extended';font-size:16px;}
ul{padding:0px;margin:0px;}
li{list-style:none;}

.first{background-color:#bd0b0e;padding:10px;}
.ser{list-style:none;}
.ser li{display:inline-block;color:#fff;font-size:20px;}
.ser li i{width:35px;height:35px;line-height:32px;border:2px solid #fff;text-align:center;border-radius: 30px;font-size: 20px;}


.banner{background:url('../img/banner.jpg') center center / cover;padding:80px 0px;}
.banner h1{text-transform:uppercase;color:#fff;text-align:center;  font-size: 55px; margin-top: 35px;line-height: 52px;}
.banner h5{text-align:center;color:#fff;font-size: 22px;}
.btn-success{color: #000;font-weight:600; background-color: #fff; border-color: #fff;    font-size: 26px;
    margin-top: 30px;
    border-radius: 20px;
    padding: 8px 38px;}
.banner a{color:#fff;}
.banner a:hover{text-decoration:none;}
.mam{text-align:center;}
.mam li{display:inline-block;}
	
.btn-success:hover{color: #fff; background-color: #000;  border-color: #000;}
.btn-success:not(:disabled):not(.disabled):active{color: #fff; background-color: #000;  border-color: #000;}

.overview{background:url('../img/background.jpg') center center / cover;padding-bottom:50px;}	
.overview h3{text-align:center;padding-top:80px;padding-bottom:30px;font-weight:600;color:#2c2c2c;}
.overview p{text-align:center;padding:0px 120px;line-height:27px;}
.box{background-color:#efefef;padding:20px;margin-bottom:30px;min-height: 485px;}
.box h4{color:#e81e25;font-weight:600;    font-size: 20px;text-transform:uppercase;margin-bottom:15px;}
.box h5{color:#e81e25;font-weight:600;font-size:15px;}
.ser1{margin-left:20px;}
.ser1 li{list-style:inherit;line-height:25px;padding-bottom:6px;    font-size: 16px;}

.imgd{width:100%}
.brand{background-color:#efefef;}
.brand .col-lg-6{padding:0px;}
.bene{padding: 70px 90px 35px 90px;}
.brand h4{color:#2c2c2c;font-weight:600;margin-bottom:20px;text-transform:uppercase;font-size: 35px;font-family: 'HelveticaNeue-MediumExt';}
.brand p{line-height:27px;text-align:left;font-size: 16px;}
.ser2{margin-left:20px;}
.ser2 li{list-style:inherit;padding-bottom:6px;line-height:25px;font-size: 16px;}
.dirct{padding:80px 0px;}
.dirct h4{font-weight:600;text-align:center;color:#212121;font-family: 'HelveticaNeue-MediumExt';}
.dirct h5{font-weight:600;text-align:center;margin-top:30px;color:#212121;font-family: 'HelveticaNeue-MediumExt';}
.dirct p{text-align:center;padding:0px 120px;line-height:27px;}
.key{background-color:#e81e25;padding:40px 0px;}
.key h4{font-weight:600;text-align:center;color:#fff;margin-bottom:30px;}
.key2{}
.key2 li{display:inline-block;color:#f3f3f3;border-left:1px solid #fff;padding:0px 10px;text-align:left;line-height:25px;vertical-align:top;}
.key2 li:first-child{border-left:none;}
.dirct h4 span{font-size: 1rem;}
.get{background-color:#efefef;padding:60px 0px;}
.get h4{color:#2d2d2d;margin-bottom:30px;font-weight:600;text-align:center;}
.get p{text-align:center;font-size:12px;}
.get p span{color:#e81e25;}
.form{margin-top:40px;}
.form-control{background-color:#e0e0e0;}
.btn-primary{background-color: #e81e25;
border-color: #e81e25;}
.btn-primary:hover{background-color: #ce0c13;
border-color: #ce0c13;}

.course{padding:60px 0px;}
.course h4{font-weight:600;text-align:center;margin-bottom:30px;color:#2d2d2d;}
.course .col{padding:0px;}

.overflow p {
    position: absolute;
    top: 50%;
       left: 30%;
    transform: translate(-20%, -50%);
    color: #fff;
    text-align: center;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.74); 
    font-size: 12px;
}
	
.overflow p:hover{
    color: #e81e25;
    cursor: pointer;
}

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
	
	.footer{padding:20px 0px;background-color:#efefef;}
	.footer p{text-align:center;padding:0px;margin:0px;}
	.footer p a{color:#212529;}
	.footer p a:hover{text-decoration:none;}
	
	.side-image{
    min-height: 250px;
}

@media only screen and (min-width: 980px) {
	
    .side-image{
        min-height: 600px;
    }
    .banner .mam .fontme h5{
        margin-right: 20px;
    }
}
@media only screen and (max-width: 980px) {
	.custom {
        flex-basis: unset !important;
        -webkit-box-flex: unset !important;
        -ms-flex-positive: unset !important;
        flex-grow: unset !important;
        width: 33% !important;
    }
    .side-image{
        min-height: 450px;
    }
    .banner .mam .fontme h5{
        margin-right: 20px;
    }
    .offset-2 {
        margin-left: 0;
    }
}
@media only screen and (max-width: 768px) {
	#brand1 {
		order: 2;
	}
	#brand2 {
		order: 1;
	}
	.side-image{
        min-height: 350px;
    }
    .offset-2 {
        margin-left: 0;
    }
}
@media only screen and (max-width: 768px)
{
	.custom{width:50%;float:left;}
	.overflow p{font-size: 16px;}
	.offset-4{margin-left: 0; max-width: 100%;}
    .banner .mam .fontme h5{
        margin-right: 0px;
    }
    .offset-2 {
        margin-left: 0;
    }
}
@media only screen and (max-width: 767px)
{
	.overview p{padding:0px;}
	.dirct p {padding:0px;}
	.key2 li{margin-bottom: 20px;}
	.bene {
        padding: 60px 60px 35px 80px;
    }
    .banner .mam .fontme h5{
        margin-right: 0px;
    }
    .offset-2 {
        margin-left: 0;
    }
}
@media only screen and (max-width: 480px) {
    
     .ooc-img{
         width: 100% !important;
     }
    
    .banner .mam .fontme h5{
        margin-right: 0px;
    }
	.custom {
        flex-basis: unset !important;
        -webkit-box-flex: unset !important;
        -ms-flex-positive: unset !important;
        flex-grow: unset !important;
        width: 100% !important;
    }
    .offset-2 {
        margin-left: 0;
    }
    .bene {padding: 20px;}.key2 li{border-left: none;}
    
    .key2 li{display: inherit;}
    .key2 {margin-left: 30px;}
    .mam li{display:inlin;}
    .banner h1{font-size: 32px; line-height: 32px;}
    .banner h5{font-size: 17px;}
    .btn-success{font-size: 17px;}
    .ser li a{
        color: #fff !important;
    }
    .ser li i{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .ser li{font-size: 14px;line-height: 45px;}

}


@media only screen and (max-width: 360px) {
    .custom {
        flex-basis: unset !important;
        -webkit-box-flex: unset !important;
        -ms-flex-positive: unset !important;
        flex-grow: unset !important;
        width: auto !important;
    }
    .side-image{
        min-height: 250px;
    }
    .banner .mam .fontme h5{
        margin-right: 0px;
    }
    .offset-2 {
        margin-left: 0;
    }
}