ul {
    list-style-type: none;
    position: relative;
    top: 10px;
    margin-left: 30px;
    padding: 0;
}
li {
    display: inline;
    margin-left: 10px;
}
li > a {
    text-decoration: none;
    color: black;
}
.headerImg {
    position: absolute;
    right: -30px;
    top: 20px;
    width: 550px;
    height: auto;
    z-index: -8;
    opacity: 0.2;
}
/*header {
    background-image: url("../img/-1x-1.png");
    background-color: rgba(255,255,255,0.6);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 600px 380px;
}*/
.container {
    max-width: 86%;
}
.topnav {
    width: 100%;
    height: 50px;
    background-color: rgb(197, 97, 43);
}
.rowe {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 50px;
}
.firstConnect {
    display: flex;
    padding-left: 20px;
}
.secondConnect > div > a {
    color: black;
}
.secondConnect, .companyName, .pages {
    display: flex;
    align-items: center;
}
.menues {
    display: flex;
    align-items: center;
}
.navBar, .applicantData {
    display: flex;
    flex-wrap: wrap;
}
.applicantEmail {
    margin-left: 30px;
}
.firstConnect > p {
    padding-left: 20px;
}
.bi-telephone {
    margin-top: 6px;
}
.secondConnect {
    padding-right: 20px;
    margin-bottom: 14px;
}
.phoneNo {
    margin-left: -8px;
}
.instaIkon {
    margin-left: 14px;
    margin-right: 14px;
}
.linkedIn {
    margin-right: 14px;
}
.navigation {
    margin-top: 20px;
    margin-bottom: 20px;
}
.nameOf {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}
.nameOf > p {
    margin-bottom: 0px;
}
.companyName > h1 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.navBar {
    justify-content: center;
}
.imageit {
    max-width: 100%;
}
.frontHeader > img {
    float: left;
    width: 100%;
    height: auto;
}
.rtitb {
    float: left;
    width: 150px;
    margin-right: 30px;
}
.logosName {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.logosName > img {
    padding-top: 10px;
    padding-bottom: 10px;
}
.cp2314 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 440px;
    width: 90%;
    margin: auto auto auto auto;
}
.ver0154 {
    border-left: 3px solid rgb(73, 77, 73);
    height: 160px;
    margin-left: 18px;
}
.rights > p, .footerMenu > p {
    color: #f8f8f8;
}
.icon {
    display: none;
}
.director {
    float: left;
    margin-right: 30px;
}
.directorInfo {
    margin-top: 60px;
}
.directorInfo > h5 > span {
    text-decoration: underline;
}
.mv0026 > h1 {
    font-weight: bold;
}
.pages {
    justify-content: center;
    flex-wrap: wrap;
}
.pages > a {
    display: block;
    width: 30px;
    height: 26px;
    text-decoration: none;
    margin: 0 4px;
    border: 1px solid black;
    border-radius: 2px;
}
.footer {
    width: 100%;
    height: 60px;
    background-color: rgb(22, 64, 86);
}
.clearFix {
    clear: both;
    margin-bottom: 50px;
}
.firstFooter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    text-align: center;
}
.footerMenu {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
.footerMenu > li > a {
    padding-left: 20px;
    margin-top: 10px;
    color: #f8f8f8;
}
.rights {
    margin-top: 20px;
}
.drivercpc {
    float: left!important;
    margin: 20px 30px 40px 10px;
}
.mainBody > img {
    float: right;
    position: relative;
    top: auto;
    bottom: 0px;
    padding-left: 20px;
}
#courses {
    width: 90%;
    height: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 20px;
    border: 1px solid grey;
}
.courses, .courses10, .courses20, .courses30, .courses40,  .courses50,  .courses60,  .courses70 {
    border-left: 3px solid yellowgreen!important;
}
.courses:hover, .courses10:hover, .courses20:hover, .courses30:hover, .courses40:hover, .courses50:hover, .courses60:hover, .courses70:hover {
    border-left: 6px solid yellowgreen!important;
}
.courses1, .courses11, .courses21, .courses31, .courses41, .courses51, .courses61, .courses71 {
    border-left: 3px solid darkorchid!important;
}
.courses1:hover, .courses11:hover, .courses21:hover, .courses31:hover, .courses41:hover, .courses51:hover, .courses61:hover, .courses71:hover {
    border-left: 6px solid darkorchid!important;
}
.courses2, .courses12, .courses22, .courses32, .courses42, .courses52, .courses62, .courses72 {
    border-left: 3px solid forestgreen!important;
}
.courses2:hover, .courses12:hover, .courses22:hover, .courses32:hover, .courses42:hover, .courses52:hover, .courses62:hover, .courses72:hover {
    border-left: 6px solid forestgreen!important;
}
.courses3, .courses13, .courses23, .courses33, .courses43, .courses53, .courses63, .courses73 {
    border-left: 3px solid aqua!important;
}
.courses3:hover, .courses13:hover, .courses23:hover, .courses33:hover, .courses43:hover, .courses53:hover, .courses63:hover, .courses73:hover {
    border-left: 6px solid aqua!important;
}
.courses4, .courses14, .courses24, .courses34, .courses44, .courses54, .courses64, .courses74 {
    border-left: 3px solid darkred!important;
}
.courses4:hover, .courses14:hover, .courses24:hover, .courses34:hover, .courses44:hover, .courses54:hover, .courses64:hover, .courses74:hover {
    border-left: 6px solid darkred!important;
}
.courses5, .courses15, .courses25, .courses35, .courses45, .courses55, .courses65, .courses75 {
    border-left: 3px solid darkslateblue!important;
}
.courses5:hover, .courses15:hover, .courses25:hover, .courses35:hover, .courses45:hover, .courses55:hover, .courses65:hover, .courses75:hover {
    border-left: 6px solid darkslateblue!important;
}
.courses6, .courses16, .courses26, .courses36, .courses46, .courses56, .courses66, .courses76 {
    border-left: 3px solid lightsalmon!important;
}
.courses6:hover, .courses16:hover, .courses26:hover, .courses36:hover, .courses46:hover, .courses56:hover, .courses66:hover, .courses76:hover {
    border-left: 6px solid lightsalmon!important;
}
.courses7, .courses17, .courses27, .courses37, .courses47, .courses57, .courses67, .courses77 {
    border-left: 3px solid limegreen!important;
}
.courses7:hover, .courses17:hover, .courses27:hover, .courses37:hover, .courses47:hover, .courses57:hover, .courses67:hover, .courses77:hover {
    border-left: 6px solid limegreen!important;
}
.courses8, .courses18, .courses28, .courses38, .courses48, .courses58, .courses68, .courses78 {
    border-left: 3px solid plum!important;
}
.courses8:hover, .courses18:hover, .courses28:hover, .courses38:hover, .courses48:hover, .courses58:hover, .courses68:hover, .courses78:hover {
    border-left: 6px solid plum!important;
}
.courses9, .courses19, .courses29, .courses39, .courses49, .courses59, .courses69, .courses79 {
    border-left: 3px solid khaki!important;
}
.courses9:hover, .courses19:hover, .courses29:hover, .courses39:hover, .courses49:hover, .courses59:hover, .courses69:hover, .courses79:hover {
    border-left: 6px solid khaki!important;
}
#courses > div {
    width: 140px;
}
#submit {
    width: 200px;
    height: 60px;
    border-radius: 40% 40% 40% 40%;
    background-image: linear-gradient(to right,#1780d6 0%,#0b4f6e 100%);
    float: right;
    margin-right: 110px;
    margin-top: 20px;
}
.sumAll, .outterContact {
    display: flex;
    flex-wrap: wrap;
}
.outterContact {
    justify-content: space-evenly;
}
.addresses {
    width: 45%;
}
.addresses > .each1 > div {
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
}
.each1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.address {
    display: flex;
    flex-wrap: wrap;
}
.each1 > svg {
    margin-top: 4px;
}
.CompName {
    margin-bottom: 20px;
}
.socialIcons {
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
}
.socialFace, .socialInsta {
    margin-right: 20px;
}
.backgroundTheme {
    cursor: pointer;
}
.booking > ol > li {
    display: list-item;
    
}
@media only screen and (max-width: 1000px) {
    ol, ul {
        padding-left: 0px!important;
        margin-left: 0px!important;
    }
    .headerImg {
        display: none;
    }
    .container {
        max-width: 90%!important;
    }
    .cp2314 {
        width: 80%;
        top: 550px;
    }
    .footer {
        height: 100px;
    }
    .firstFooter {
        flex-wrap: wrap;
        justify-content: center;
    }
    .rights {
        margin-top: 2px;
    }
    .contactForm {
        margin-top: 20px;
    }
    .menues {
        margin-top: 20px;
    }
    .ver0154 {
    height: 90px;
}
}
@media only screen and (max-width: 970px) {
    .addresses {
        width: 100%;
    }
    .contactForm {
        width: 70%;
    }
    #courses {
        height: unset;
    }
}
@media only screen and (max-width: 700px) {
    .cp2314 {
        width: 80%;
        top: 500px;
    }
    .footerMenu {
        flex-direction: row;
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 525px) {
    .applicantEmail {
        margin-left: 0px;
    }
}
@media only screen and (max-width: 530px) {
    h1 {
        font-size: 1.13rem!important;
    }
    .companyName > h1 {
        font-size: 1.9rem!important;
    }
    p, .footerMenu > li > a {
        font-size: 0.8rem;
    }
    .container {
        max-width: 94%;
    }
    .icon {
      display: block;
      position: relative;
      left: 40px;
    }
    .menuLinks {
        display: none;
        position: absolute;
        top: 405px;
        left: 10px;
        background-color: rgb(255, 255, 255);
        padding-left: 1rem;
        padding-right: 1rem;
        margin-left: 30px!important;
    }
    .rowe {
        flex-direction: column;
        align-items: center;
    }
    .secondConnect {
        position: relative;
        top: -20px;
        padding-right: 0px;
    }
    .cp2314 {
        height: 240px;
        top: 495px;
    }
    .rights {
        height: 20px;
    }
    .drivercpc {
        float: unset!important;
    }
    .directorInfo {
        margin-top: 10px;
    }
    #courses {
        height: unset;
    }
}
@media only screen and (max-width: 470px) {
    .rtitb {
        width: 130px;
    }
    .driverLogo {
        width: 200px;
    }
    #logoPng {
        width: 100px;
    }
    .menuLinks {
        top: 314px;
        flex-direction: column;
    }
    .cp2314 {
        top: 452px;
    }
}
@media only screen and (max-width: 440px) {
    .cp2314 {
        height: 240px;
        align-items: unset;
    }
    .phoneNo, .emailAddress {
        margin-top: 7px;
    }
    .bi-telephone {
        margin-top: 8px;
    }
}