html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
    font-family: 'Titillium', sans-serif !important;
    font-size: 19px !important;
    color: #878787 !important;
}

/*::::::::::::::::::::::*/
/*::::Common | START::::*/
/*::::::::::::::::::::::*/

h2 {
    font-family: 'Museoslab', sans-serif !important;
    font-size: 60px !important;
    font-weight: 300 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
}

h3 {
    font-family: 'Museoslab', sans-serif !important;
    font-size: 40px !important;
    font-weight: 300 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
}

h4 {
    font-family: 'Museoslab', sans-serif !important;
    font-size: 30px !important;
    font-weight: 300 !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

b {
    color: #848484;
}

p {
    margin: 0 0 30px !important;
    font-weight: 100;
}

.hard-phrase {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: 'Museoslab', sans-serif !important;
    color: #FFFFFF;
    font-size: 40px;
    text-align: center;
}

.bgblue {
    background-color: #177FC0;
}

.color-green {
    color: #20A13C !important;
}

.color-blue {
    color: #215E82 !important;
}

.img-responsive {
    width: 100%;
}

.custom-button {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 24px;
    font-family: 'Titillium', sans-serif;
    font-weight: bold;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
    text-decoration: none !important;
    color: #FFFFFF;
    background-color: #525252;
    border: 0 !important;
    outline: 0 !important;
}

.custom-button:hover {
    color: #FFFFFF;
    background-color: #989898 !important;
}

.button {
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.button > div {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 24px;
    font-family: 'Titillium', sans-serif;
    font-weight: bold;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
    text-decoration: none !important;
}

.button:hover > div {
    text-decoration: none !important;
}

.button.gray > div {
    color: #FFFFFF;
    background-color: #BBBBBB;
}

.button.gray:hover > div {
    color: #FFFFFF;
    background-color: #AAAAAA !important;
}

.button.hardgray > div {
    color: #FFFFFF;
    background-color: #525252;
}

.button.hardgray:hover > div {
    color: #FFFFFF;
    background-color: #989898 !important;
}

/*::::::::::::::::::::*/
/*::::Common | END::::*/
/*::::::::::::::::::::*/

/*::::::::::::::::::::*/
/*::::List | START::::*/
/*::::::::::::::::::::*/

.list {
    width: 100%;
    height: auto;
}

.list-header {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Museoslab', sans-serif !important;
    font-size: 30px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.list-back {
    color: #FFFFFF;
    float: left;
}

.list-header.green {
    background-color: #52A63C;
    color: #FFFFFF;
}

.list-header.blue {
    background-color: #177FC0;
    color: #FFFFFF;
}

.list-items {
    width: 100%;
    background-color: #F1F1F1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.list-items > a {
    text-decoration: none !important;
    color: #5E5E5E;
}

.list-items > a:hover {
    text-decoration: none !important;
    color: #FFFFFF;
}

.list-items > a > div {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.list-items > a > div:hover {
    background-color: #5E5E5E;
}

/*::::::::::::::::::*/
/*::::List | END::::*/
/*::::::::::::::::::*/

/*:::::::::::::::::::::*/
/*::::Forms | START::::*/
/*:::::::::::::::::::::*/

.form-label {
    display: table;
    height: 50px;
    background-color: #BBBBBB;
}

.form-label > span {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    font-family: 'Titillium', sans-serif;
    color: #FFFFFF;
}

.form-input {
    height: 50px;
}

.form-input > input {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #DCDCDC;
    border: 0;
    outline: 0;
    padding-left: 12px;
    padding-right: 12px;
}

.form-group {
    width: 100%;
    margin-top: 12px;
}

/*:::::::::::::::::::*/
/*::::Forms | END::::*/
/*:::::::::::::::::::*/

/*::::::::::::::::::::::::*/
/*::::Sections | START::::*/
/*::::::::::::::::::::::::*/

.section_header {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'Museoslab', sans-serif !important;
    font-size: 35px;
}

.estring {
    text-align: justify;
}

/*::::::::::::::::::::::*/
/*::::Sections | END::::*/
/*::::::::::::::::::::::*/

/*::::::::::::::::::::::::::*/
/*::::Navigation | START::::*/
/*::::::::::::::::::::::::::*/

#top-nav {
    position: fixed;
    width: 100%;
    height: 100px;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: 5000;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#top-nav.solid {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.11);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.11);
    box-shadow: 0 1px 3px rgba(0,0,0,0.11);
}

#top-nav > div {
    width: 100%;
    height: 100%;
}

#top-nav-logo {
    display: inline-block;
    width: 260px;
    height: 100%;
}

#top-nav-logo > div {
    display: table;
    width: 100%;
    height: 100%;
}

#top-nav-logo > div > span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: left;
}

#top-nav-items {
    display: inline-block;
    width: -moz-calc(100% - 270px);
    width: -webkit-calc(100% - 270px);
    width: calc(100% - 270px);
    height: 100%;
    text-align: right;
}

.top-nav-item {
    display: inline-block;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.top-nav-item > div {
    display: table;
    width: 100%;
    height: 100%;
}

.top-nav-item > div > span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

.top-nav-item > div > span > a {
    text-decoration: none;
    color: #2E2E2E;
}

.top-nav-item > div > span > a > span {
    padding-bottom: 5px;
    font-size: 18px;
}

.top-nav-item > div > span > a:hover > span {
    border-bottom: 2px solid #177EC1;
}

/*::::::::::::::::::::::::::*/
/*::::Navigation | START::::*/
/*::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::*/
/*::::Content | START::::*/
/*:::::::::::::::::::::::*/

#content {
    width: 100%;
    margin: auto;
}

/*:::::::::::::::::::::*/
/*::::Content | END::::*/
/*:::::::::::::::::::::*/

/*:::::::::::::::::::::::::::*/
/*::::Content Top | START::::*/
/*:::::::::::::::::::::::::::*/

.main-banner {
    position: absolute;
    width: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#general-options {
    width: 100%;
    text-align: center;
}

.general-option {
    display: inline-block;
    text-decoration: none;
}

.general-option:hover {
    text-decoration: none;
}

.general-option > div > div > div {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'Museoslab', sans-serif !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    text-align: center;
}

.general-option:nth-of-type(1) > div > div > div {
    color: #20A13B;
}

.general-option:nth-of-type(2) > div > div > div {
    color: #177FC0;
}

.general-option:nth-of-type(3) > div > div > div {
    color: #F09119;
}

/*:::::::::::::::::::::::::*/
/*::::Content Top | END::::*/
/*:::::::::::::::::::::::::*/

/*::::::::::::::::::::::::::*/
/*::::Consulting | START::::*/
/*::::::::::::::::::::::::::*/

#consulting-banner {
    position: relative;
    width: 100%;
    background-image: url('/_static/s/www.examentrafico.com/layouts/3/images/consulting-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: 50px;
}

#consulting-banner > div {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(32, 161, 59, 0.8);
}

#consulting-banner > div > div {
    display: table;
    width: 100%;
    height: 100%;
}

#consulting-banner > div > div > span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

#consulting-banner > div > div > span > h2 {
    margin: 0 !important;
    color: #FFFFFF;
}

#consulting-banner > div > div > span > p {
    margin: 0 !important;
    font-family: 'Museoslab', sans-serif !important;
    color: #FFFFFF;
}

#consulting-options {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.consulting-option {
    display: inline-block;
    text-decoration: none;
}

.consulting-option:hover {
    text-decoration: none;
}

.consulting-option > div > div {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'Museoslab', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    text-align: center;
    color: #878787;
}

/*::::::::::::::::::::::::*/
/*::::Consulting | END::::*/
/*::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::*/
/*::::Education | START::::*/
/*:::::::::::::::::::::::::*/

#education-banner {
    position: relative;
    width: 100%;
    background-image: url('/_static/s/www.examentrafico.com/layouts/3/images/education-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: 50px;
}

#education-banner > div {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(23, 127, 192, 0.8);
}

#education-banner > div > div {
    display: table;
    width: 100%;
    height: 100%;
}

#education-banner > div > div > span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

#education-banner > div > div > span > h2 {
    margin: 0 !important;
    color: #FFFFFF;
}

#education-banner > div > div > span > p {
    margin: 0 !important;
    font-family: 'Museoslab', sans-serif !important;
    color: #FFFFFF;
}

#education-options {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.education-option {
    display: inline-block;
    text-decoration: none;
}

.education-option:hover {
    text-decoration: none;
}

.education-option > div > div {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'Museoslab', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    text-align: center;
    color: #878787;
}

#course-access-form {
    width: 350px;
    padding: 20px;
    text-align: center;
    border: 1px solid #BBBBBB;
    margin: auto;
}

/*:::::::::::::::::::::::*/
/*::::Education | END::::*/
/*:::::::::::::::::::::::*/

/*::::::::::::::::::::::::*/
/*::::Contents | START::::*/
/*::::::::::::::::::::::::*/

#price-bar {
    width: 100%;
}

#price-bar.green {
    background-color: #52A63C;
    color: #FFFFFF;
}

#price-bar.blue {
    background-color: #177FC0;
    color: #FFFFFF;
}

#price-bar > div {
    font-family: 'Museoslab', sans-serif !important;
    font-size: 40px;
    text-align: right;
}

/*::::::::::::::::::::::*/
/*::::Contents | END::::*/
/*::::::::::::::::::::::*/

/*::::::::::::::::::::::::*/
/*::::Contents | START::::*/
/*::::::::::::::::::::::::*/

#driving-school-banner {
    position: relative;
    width: 100%;
    background-image: url('/_static/s/www.examentrafico.com/layouts/3/images/dvs-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: 50px;
}

#driving-school-banner > div {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(234, 101, 26, 0.8);
}

#driving-school-banner > div > div {
    display: table;
    width: 100%;
    height: 100%;
}

#driving-school-banner > div > div > span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

#driving-school-banner > div > div > span > h2 {
    margin: 0 !important;
    color: #FFFFFF;
}

#driving-school-banner > div > div > span > p {
    margin: 0 !important;
    font-family: 'Museoslab', sans-serif !important;
    color: #FFFFFF;
}

#dvs-options {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.dvs-option {
    display: inline-block;
    text-decoration: none;
}

.dvs-option:hover {
    text-decoration: none;
}

.dvs-option > div > div {
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: 'Museoslab', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    text-align: center;
    color: #878787;
}

/*::::::::::::::::::::::::::::*/
/*::::Driving School | END::::*/
/*::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::*/
/*::::Contact | START::::*/
/*:::::::::::::::::::::::*/

#contact {
    background-color: #282828;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #FFFFFF;
}

/*:::::::::::::::::::::*/
/*::::Contact | END::::*/
/*:::::::::::::::::::::*/

/*::::::::::::::::::::::*/
/*::::Footer | START::::*/
/*::::::::::::::::::::::*/

#footer {
    padding-top: 70px;
    padding-bottom: 70px;
}

.footer-social {
    display: table;
    height: 46px;
}

.footer-social > span {
    display: table-cell;
    vertical-align: middle;
}

.footer-social > span > a > i {
    font-size: 40px;
}

.footer-social:nth-of-type(1) > span > a > i {
    color: #3b5998;
}

.footer-social:nth-of-type(2) > span > a > i {
    color: #00aced;
}

#footer-info {
    padding-top: 35px;
    font-size: 13px;
}

/*::::::::::::::::::::*/
/*::::Footer | END::::*/
/*::::::::::::::::::::*/

/*################*/
/*####Media LG####*/
/*################*/

@media (min-width: 1200px) {
    /*::::::::::::::::::::::::::*/
    /*::::Navigation | START::::*/
    /*::::::::::::::::::::::::::*/

    #top-nav-logo {
        width: 260px;
    }

    #top-nav-items {
        width: -moz-calc(100% - 270px);
        width: -webkit-calc(100% - 270px);
        width: calc(100% - 270px);
    }

    /*::::::::::::::::::::::::*/
    /*::::Navigation | END::::*/
    /*::::::::::::::::::::::::*/

    /*:::::::::::::::::::::::*/
    /*::::Content | START::::*/
    /*:::::::::::::::::::::::*/

    .top-margin {
        margin-top: 400px !important;
    }

    /*:::::::::::::::::::::*/
    /*::::Content | END::::*/
    /*:::::::::::::::::::::*/

    /*:::::::::::::::::::::::::::*/
    /*::::Content Top | START::::*/
    /*:::::::::::::::::::::::::::*/

    .main-banner {
        height: 400px;
    }

    .general-option {
        width: 32.5%;
    }

    .general-option:nth-of-type(1) > div {
        text-align: left;
        padding-left: 40px;
    }

    .general-option:nth-of-type(3) > div {
        text-align: right;
        padding-right: 40px;
    }

    .general-option:nth-of-type(1) > div > div,
    .general-option:nth-of-type(3) > div > div {
        display: inline-block;
        width: 200px;
    }

    /*:::::::::::::::::::::::::*/
    /*::::Content Top | END::::*/
    /*:::::::::::::::::::::::::*/

    /*::::::::::::::::::::::::::*/
    /*::::Consulting | START::::*/
    /*::::::::::::::::::::::::::*/

    #consulting-banner {
        height: 500px;
    }

    #consulting-banner > div {
        height: 120px;
    }

    .consulting-option {
        width: 24%;
    }

    /*::::::::::::::::::::::::*/
    /*::::Consulting | END::::*/
    /*::::::::::::::::::::::::*/

    /*:::::::::::::::::::::::::*/
    /*::::Education | START::::*/
    /*:::::::::::::::::::::::::*/

    #education-banner {
        height: 500px;
    }

    #education-banner > div {
        height: 120px;
    }

    .education-option {
        width: 24%;
    }

    /*:::::::::::::::::::::::*/
    /*::::Education | END::::*/
    /*:::::::::::::::::::::::*/

    /*::::::::::::::::::::::::::::::*/
    /*::::Driving School | START::::*/
    /*::::::::::::::::::::::::::::::*/

    #driving-school-banner {
        height: 500px;
    }

    #dvs-options > div {
        height: 120px;
    }

    .dvs-option {
        width: 24%;
    }

    /*::::::::::::::::::::::::::::*/
    /*::::Driving School | END::::*/
    /*::::::::::::::::::::::::::::*/
}

/*################*/
/*####Media MD####*/
/*################*/

@media (min-width: 992px) and (max-width: 1200px) {
    /*::::::::::::::::::::::::::*/
    /*::::Navigation | START::::*/
    /*::::::::::::::::::::::::::*/

    #top-nav-logo {
        width: 260px;
    }

    #top-nav-items {
        width: -moz-calc(100% - 270px);
        width: -webkit-calc(100% - 270px);
        width: calc(100% - 270px);
    }

    /*::::::::::::::::::::::::*/
    /*::::Navigation | END::::*/
    /*::::::::::::::::::::::::*/

    /*:::::::::::::::::::::::*/
    /*::::Content | START::::*/
    /*:::::::::::::::::::::::*/

    .top-margin {
        margin-top: 400px !important;
    }

    /*:::::::::::::::::::::*/
    /*::::Content | END::::*/
    /*:::::::::::::::::::::*/

    /*:::::::::::::::::::::::::::*/
    /*::::Content Top | START::::*/
    /*:::::::::::::::::::::::::::*/

    .main-banner {
        height: 400px;
    }

    .general-option {
        width: 32.5%;
    }

    .general-option:nth-of-type(1) > div {
        text-align: left;
        padding-left: 40px;
    }

    .general-option:nth-of-type(3) > div {
        text-align: right;
        padding-right: 40px;
    }

    .general-option:nth-of-type(1) > div > div,
    .general-option:nth-of-type(3) > div > div {
        display: inline-block;
        width: 200px;
    }

    /*:::::::::::::::::::::::::*/
    /*::::Content Top | END::::*/
    /*:::::::::::::::::::::::::*/

    /*::::::::::::::::::::::::::*/
    /*::::Consulting | START::::*/
    /*::::::::::::::::::::::::::*/

    #consulting-banner {
        height: 400px;
    }

    #consulting-banner > div {
        height: 100px;
    }

    .consulting-option {
        width: 24%;
    }

    /*::::::::::::::::::::::::*/
    /*::::Consulting | END::::*/
    /*::::::::::::::::::::::::*/

    /*:::::::::::::::::::::::::*/
    /*::::Education | START::::*/
    /*:::::::::::::::::::::::::*/

    #education-banner {
        height: 400px;
    }

    #education-banner > div {
        height: 100px;
    }

    .education-option {
        width: 24%;
    }

    /*:::::::::::::::::::::::*/
    /*::::Education | END::::*/
    /*:::::::::::::::::::::::*/

    /*::::::::::::::::::::::::::::::*/
    /*::::Driving School | START::::*/
    /*::::::::::::::::::::::::::::::*/

    #driving-school-banner {
        height: 400px;
    }

    #dvs-options > div {
        height: 100px;
    }

    .dvs-option {
        width: 24%;
    }

    /*::::::::::::::::::::::::::::*/
    /*::::Driving School | END::::*/
    /*::::::::::::::::::::::::::::*/
}

/*################*/
/*####Media SM####*/
/*################*/

@media (min-width: 768px) and (max-width: 992px) {
    /*::::::::::::::::::::::*/
    /*::::Common | START::::*/
    /*::::::::::::::::::::::*/

    h2 {
        font-size: 50px !important;
    }

    /*::::::::::::::::::::*/
    /*::::Common | END::::*/
    /*::::::::::::::::::::*/

    /*::::::::::::::::::::::::::*/
    /*::::Navigation | START::::*/
    /*::::::::::::::::::::::::::*/

    #top-nav-logo {
        width: 160px;
    }

    #top-nav-items {
        width: -moz-calc(100% - 170px);
        width: -webkit-calc(100% - 170px);
        width: calc(100% - 170px);
    }

    /*::::::::::::::::::::::::*/
    /*::::Navigation | END::::*/
    /*::::::::::::::::::::::::*/

    /*:::::::::::::::::::::::*/
    /*::::Content | START::::*/
    /*:::::::::::::::::::::::*/

    #content {
        margin-top: 100px;
    }

    .top-margin {
        margin-top: 400px !important;
    }

    /*:::::::::::::::::::::*/
    /*::::Content | END::::*/
    /*:::::::::::::::::::::*/

    /*:::::::::::::::::::::::::::*/
    /*::::Content Top | START::::*/
    /*:::::::::::::::::::::::::::*/

    .main-banner {
        height: 300px;
        top: 100px;
    }

    .general-option {
        width: 32.5%;
    }

    .general-option:nth-of-type(1) > div {
        text-align: left;
        padding-left: 40px;
    }

    .general-option:nth-of-type(3) > div {
        text-align: right;
        padding-right: 40px;
    }

    .general-option:nth-of-type(1) > div > div,
    .general-option:nth-of-type(3) > div > div {
        display: inline-block;
        width: 200px;
    }

    /*:::::::::::::::::::::::::*/
    /*::::Content Top | END::::*/
    /*:::::::::::::::::::::::::*/

    /*::::::::::::::::::::::::::*/
    /*::::Consulting | START::::*/
    /*::::::::::::::::::::::::::*/

    #consulting-banner {
        height: 350px;
    }

    #consulting-banner > div {
        height: 90px;
    }

    .consulting-option {
        width: 49%;
    }

    /*::::::::::::::::::::::::*/
    /*::::Consulting | END::::*/
    /*::::::::::::::::::::::::*/

    /*:::::::::::::::::::::::::*/
    /*::::Education | START::::*/
    /*:::::::::::::::::::::::::*/

    #education-banner {
        height: 350px;
    }

    #education-banner > div {
        height: 90px;
    }

    .education-option {
        width: 49%;
    }

    /*:::::::::::::::::::::::*/
    /*::::Education | END::::*/
    /*:::::::::::::::::::::::*/

    /*::::::::::::::::::::::::::::::*/
    /*::::Driving School | START::::*/
    /*::::::::::::::::::::::::::::::*/

    #driving-school-banner {
        height: 350px;
    }

    #dvs-options > div {
        height: 90px;
    }

    .dvs-option {
        width: 49%;
    }

    /*::::::::::::::::::::::::::::*/
    /*::::Driving School | END::::*/
    /*::::::::::::::::::::::::::::*/
}

/*################*/
/*####Media XS####*/
/*################*/

@media (max-width: 768px) {
    /*::::::::::::::::::::::*/
    /*::::Common | START::::*/
    /*::::::::::::::::::::::*/

    h2 {
        font-size: 50px !important;
    }

    /*::::::::::::::::::::*/
    /*::::Common | END::::*/
    /*::::::::::::::::::::*/

    /*::::::::::::::::::::::::::*/
    /*::::Navigation | START::::*/
    /*::::::::::::::::::::::::::*/

    #top-nav {
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }

    #top-nav-logo {
        width: 100%;
    }

    #top-nav-logo > div > span {
        text-align: center;
    }

    #top-nav-hamburger {
        position: absolute;
        display: table;
        height: 63px;
        cursor: pointer;
    }

    #top-nav-hamburger > span {
        display: table-cell;
        vertical-align: middle;
        color: #000000;
        font-size: 30px;
    }

    #left-nav {
        position: fixed;
        width: 320px;
        top: 100px;
        height: -moz-calc(100% - 100px);
        height: -webkit-calc(100% - 100px);
        height: calc(100% - 100px);
        left: -320px;
        background: #FFFFFF;
        z-index: 5000;
        border-right: 1px solid rgba(0,0,0,0.2);

        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

    #left-nav.in {
        left: 0 !important;
    }

    .left-nav-item {
        text-decoration: none !important;
    }

    .left-nav-item > div {
        padding: 15px 10px;
        color: #000000;
    }

    .left-nav-item > div:hover {
        background-color: rgba(0,0,0,0.1);
        text-decoration: none !important;
    }

    /*::::::::::::::::::::::::*/
    /*::::Navigation | END::::*/
    /*::::::::::::::::::::::::*/

    /*:::::::::::::::::::::::*/
    /*::::Content | START::::*/
    /*:::::::::::::::::::::::*/

    #content {
        margin-top: 100px;
    }

    .top-margin {
        margin-top: 300px !important;
    }

    /*:::::::::::::::::::::*/
    /*::::Content | END::::*/
    /*:::::::::::::::::::::*/

    /*:::::::::::::::::::::::::::*/
    /*::::Content Top | START::::*/
    /*:::::::::::::::::::::::::::*/

    .main-banner {
        height: 200px;
        top: 100px;
    }

    .general-option {
        width: 100%;
    }

    /*:::::::::::::::::::::::::*/
    /*::::Content Top | END::::*/
    /*:::::::::::::::::::::::::*/

    /*::::::::::::::::::::::::::*/
    /*::::Consulting | START::::*/
    /*::::::::::::::::::::::::::*/

    #consulting-banner {
        height: 300px;
    }

    #consulting-banner > div {
        height: 80px;
    }

    .consulting-option {
        width: 49%;
    }

    /*::::::::::::::::::::::::*/
    /*::::Consulting | END::::*/
    /*::::::::::::::::::::::::*/

    /*:::::::::::::::::::::::::*/
    /*::::Education | START::::*/
    /*:::::::::::::::::::::::::*/

    #education-banner {
        height: 300px;
    }

    #education-banner > div {
        height: 80px;
    }

    .education-option {
        width: 49%;
    }

    /*:::::::::::::::::::::::*/
    /*::::Education | END::::*/
    /*:::::::::::::::::::::::*/

    /*::::::::::::::::::::::::::::::*/
    /*::::Driving School | START::::*/
    /*::::::::::::::::::::::::::::::*/

    #driving-school-banner {
        height: 300px;
    }

    #dvs-options > div {
        height: 80px;
    }

    .dvs-option {
        width: 49%;
    }

    /*::::::::::::::::::::::::::::*/
    /*::::Driving School | END::::*/
    /*::::::::::::::::::::::::::::*/

    /*::::::::::::::::::::::*/
    /*::::Footer | START::::*/
    /*::::::::::::::::::::::*/

    .footer-social {
        margin-left: 10px;
    }

    .footer-social:nth-of-type(1) {
        margin-top: 35px;
    }

    /*::::::::::::::::::::*/
    /*::::Footer | END::::*/
    /*::::::::::::::::::::*/
}