/* Regular */

/*@font-face {
    font-family: "JF Flat Regular";
    src: url("fonts/JF-Flat.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}*/
/*
@font-face {
    font-family: 'Noto Sans Arabic';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosansarabic/v18/nwpxtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlhQ5l3sQWIHPqzCfyGyfuXqA.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/

@font-face {
    font-family: "DIN Next LT Arabic";
    src: url('fonts/DIN Next LT Arabic Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: "GE SS Two";
    src: url("fonts/GE SS Two Medium.otf");
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: "Montserrat";
    src: url("../css/fonts/Montserrat-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v24/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOYFFlKp.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* math */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v24/CSRk4ydQnPyaDxEXLFF6LZVLKrodrJ8FFlKp.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v24/CSRk4ydQnPyaDxEXLFF6LZVLKrodrI0FFlKp.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* latin-ext */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v24/CSRk4ydQnPyaDxEXLFF6LZVLKrodrO0FFlKp.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Noto Kufi Arabic';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notokufiarabic/v24/CSRk4ydQnPyaDxEXLFF6LZVLKrodrOMFFg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {
    min-height: 100%;
    position: relative;
    font-size: 14px;
    margin-bottom: 0;
    /*overflow-x: hidden;*/
}

    body[lang=ar], *.ar {
        font-family: 'Noto Kufi Arabic'
    }

    body[lang=en], *.en {
        font-family: 'Montserrat'
    }

body, table td, table th, input, textarea, select, a, h2, h3, div, p, legend {
}

.mainWrapper {
    flex: auto;
    max-width: 1300px;
    /*margin-top: .5em;*/
    padding: 0;
}

img .attImg {
    padding: 0 5px;
}

div.tooltip img {
    max-height: 250px;
    max-width: 500px;
    background-color: white;
    border: 1px solid black;
    padding: 4px;
}

/*img { max-width:100%;}*/

body {
    margin: 0px;
    padding: 0px;
    line-height: 22px;
    /*background: url(../../static/img/header/mainbkg.jpg) no-repeat fixed;*/
    background-size: cover;
    /*text-align:justify;*/
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

a {
    text-decoration: none;
}

.toparea {
    width: 980px;
    height: 145px;
    display: block;
    align-self: center;
}

.toparea-left {
    width: 282px;
    height: 95px;
}

.toparea-right {
    width: 698px;
    height: 95px;
}

.toparea-search {
    width: 698px;
    height: 38px;
    margin-top: 53px;
}

.toparea-menu {
    width: 698px;
    height: 43px;
    z-index: 999;
}
/*position: relative;  */
.user-icon {
    min-width: 35px;
    height: 20px;
    background: url(../../static/img/header/signout-icon.png) no-repeat left;
    margin: 10px;
}

.america-icon {
    width: 25px;
    height: 25px;
    background: url(../../static/img/header/america-flag.png);
    margin-left: 10px;
}

.uae-icon {
    width: 25px;
    height: 25px;
    background: url(../../static/img/header/uae-flag.png);
    margin-left: 10px;
}

.toparea-search input[type="text"] {
    background-color: #d2d2d2;
    border: 0px;
    padding: 3px;
    border-radius: 5px;
    margin-right: 10px;
    color: #000;
    outline: none;
}

.search-icon {
    width: 25px;
    height: 25px;
    background: url(../../static/img/header/search-icon.png) center center no-repeat;
    margin-right: 10px;
}

.welcomUser {
    float: left;
    /*white-space: nowrap;*/
}

/*Initialize*/
ul#menu {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    z-index: 999;
}

    ul#menu, ul#menu ul.sub-menu {
        padding: 0;
        margin: 0;
        margin-right: 10px;
        background-color: #a17205;
        z-index: 999;
    }

ul#menu {
    border-top-right-radius: 30px;
}

    ul#menu li, ul#menu ul.sub-menu li {
        list-style-type: none;
        display: inline-block;
    }
    /*Link Appearance*/

    ul#menu ul.sub-menu li {
        width: 100% !important;
        border-bottom: 1px solid #e4c235;
        padding: 8px 0;
    }

    ul#menu li a, ul#menu li ul.sub-menu li a {
        text-decoration: none;
        color: #fff;
        padding: 5px 15px;
        display: inline-block;
        position: relative;
        white-space: nowrap;
    }
    /*Make the parent of sub-menu relative*/
    ul#menu li {
        position: relative;
        padding: 4px;
    }

        /*sub menu*/
        ul#menu li ul.sub-menu {
            display: none;
            position: absolute;
            font-size: 12px;
        }

        ul#menu li:hover ul.sub-menu {
            display: block;
        }

        /*Third Level*/
        ul#menu li:hover ul li ul.sub-menu1 {
            display: none;
            position: absolute;
            top: 0px;
            left: 66%;
            font-size: 12px;
            z-index: 1;
        }

        ul#menu li:hover ul li:hover ul.sub-menu1 {
            display: block;
        }

            ul#menu li:hover ul li:hover ul.sub-menu1 li {
                border: 1px solid #e4c235;
                background-color: #a17205;
            }

.ddArrow {
    background: url(../../static/img/header/arrowcone.png) no-repeat scroll right transparent;
}

.homebtn {
    width: 49px;
    height: 43px;
    float: left;
    background: url(../../static/img/header/homebtn.jpg) no-repeat;
}

.contentWrapper {
    width: 960px;
    padding: 10px;
    height: auto;
    display: block;
    background: rgba(255,255,255, 0.9);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    float: left;
}

.footerWrapper {
    width: 980px;
    margin-top: 20px;
    height: auto;
    display: block;
    bottom: 15px;
    float: left;
}

.footer-links {
    width: 305px;
    height: 65px;
    border-right: 1px solid #949494;
    float: left;
    padding-left: 22px;
}

    .footer-links ul:nth-child(2) {
        float: right;
    }

    .footer-links ul {
        width: 150px;
        height: auto;
        float: left;
        margin: 0px;
        padding: 0px;
        font-size: 12px;
    }

        .footer-links ul li {
            width: 150px;
            height: auto;
            display: block;
            background: url(../../static/img/header/footer-arrow.jpg) left center no-repeat;
        }

            .footer-links ul li a {
                width: 100%;
                auto;
                display: block;
                padding-left: 15px;
                background: url(../../static/img/header/footer-arrow.jpg) left center no-repeat;
                color: #292929;
            }

.visit-count {
    width: 175px;
    height: 65px;
    border-right: 1px solid #949494;
    float: left;
    padding-left: 15px;
}

.visitcount-heading {
    font-size: 15px;
    color: #292929;
    float: left;
    width: 100%;
}

.visitcountWrapper1 {
    min-width: 70px;
    min-height: 35px;
    float: left;
    margin-right: 30px;
}

.visitcountWrapper2 {
    min-width: 70px;
    min-height: 35px;
    float: left;
}

.visitcount-useronline {
    float: left;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    width: 100%;
}

.visitcount-useronline-orange {
    width: 100%;
    clear: both;
    float: left;
    font-size: 11px;
    color: #a17205;
    font-weight: normal;
    text-align: left;
}

.gsContainer {
    width: 185px;
    height: 65px;
    float: left;
    padding-right: 22px;
}

.getsocialised-heading {
    font-size: 15px;
    color: #292929;
    float: left;
    width: 100%;
    margin-left: 25px;
}

.socialmediaContainer {
    width: 145px;
    float: left;
    margin-left: 26px;
    margin-top: 5px;
}

.socialMediaicon {
    width: 36px;
    height: 37px;
    float: left;
}

.footerLogo {
    width: 205px;
    height: 60px;
    float: right;
}

    .footerLogo img {
        margin-right: 20px;
        float: right;
    }

/*Evens CSS Starts*/
#col_628 {
    /*float: left;*/
    width: 660px;
    padding: 0;
}

#col_628_r {
    float: right;
    width: 645px;
    padding: 0;
}

.panel_628, .panel_280 {
    width: 100%;
    margin-bottom: 25px;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #e1e1e1;
}

.panel_head2 {
    width: auto;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    background-color: #e4c235;
    color: #005580;
    border-color: #d5d5d3;
    border-style: solid;
    border-width: 1px 1px 0;
    padding: 0px 11px 1px 14px;
}

    .panel_head2 h3 {
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        color: #000000;
        padding: 0;
        text-shadow: 1px 1px 2px #ffffff;
        margin: 10px 5px 10px 5px;
    }

.panel_section {
    padding: 5px 10px;
    border: 1px solid #dedede;
    border-bottom: 0;
    background: #fff;
}

.panel_body {
    width: auto;
    background-color: #fff;
    border-color: #d5d5d3;
    border-style: solid;
    border-width: 1px;
    padding: 14px 0;
    word-wrap: break-word;
    font-size: 13px;
    line-height: 1.6em;
    overflow: auto;
}

#col_280 {
    float: right;
    width: 300px;
    padding: 0;
}

#col_280_l {
    float: left;
    width: 300px;
    padding: 0;
}

#panel_when h2 {
    font-size: 1.0em;
    line-height: normal;
    font-weight: normal;
    color: #000000;
    margin: 0;
    padding: 0;
    /*text-align: left;*/
}

#organizer_header {
    padding: 0 14px 0px 0px;
}

.panel_venue h2 {
    font-size: 1.0em;
    line-height: normal;
    font-weight: normal;
    color: #000000;
    margin: 0;
    padding: 0;
    /*text-align: left;*/
}

.Wrapper {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #dedede;
    box-shadow: 1px 2px 5px #e1e1e1;
    margin-top: 5px;
}

#speakerContentArea {
    width: 100%;
    margin-top: 25px;
}

#GalleryContentArea {
    width: 100%;
    margin-top: 25px;
}

.imageright {
    float: right;
    margin: 5px;
}

.copyright {
}

.reg_btn {
    background: url(../../static/img/header/reg.png) no-repeat 20px 10px #a17205 !important;
    border: medium none;
    border-radius: 4px;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px 8px 35px;
    text-align: center;
    cursor: pointer;
    width: 150px;
    height: 35px;
}

.search_btn {
    background: url(../../static/img/header/search_ico.png) no-repeat 13px 7px #a17205;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px 8px 35px;
    text-align: center;
    cursor: pointer;
}

.login_btn {
    background: url(../../static/img/header/login_ico.png) no-repeat 15px 9px #a17205;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px 8px 35px;
    text-align: center;
    cursor: pointer;
}

.submit_btn {
    background: url(../../static/img/header/submit.png) no-repeat 15px 9px #a17205;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px 8px 35px;
    margin: 20px 0px 20px 0px;
    text-align: center;
    cursor: pointer;
}

.clear_form_btn {
    background: url(../../static/img/header/clear_ico.png) no-repeat 15px 9px #a17205;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: 8px 15px 8px 35px;
    margin: 20px 20px 20px 15px;
    text-align: center;
    cursor: pointer;
    float: left;
}

.reg_field {
    color: #58595b;
    float: left;
    padding: 0px 18px 10px 15px;
    width: 100%;
}

.reg_btn_line {
    color: #58595b;
    float: left;
    padding: 10px 5px 20px 15px;
    width: 98%;
    border-top: 0px solid #ccc;
    text-align: right;
}

.reg_field_full_w {
    float: left;
    width: 100%;
    margin: 7px 0 0 0;
}

.reg_field_div1 {
    float: left;
    width: 300px;
    margin: 0 13px 5px 0;
    padding: 3px 0 0 0;
}

.reg_field_div2 {
    float: right;
    width: 300px;
}

.reg_field_div5 {
    float: left;
    width: 670px;
    padding: 5px 0 0 0;
}

ul.reg_field {
    padding: 10px 0 20px 5px;
    margin: 0 0 0 0;
}

    ul.reg_field li {
        padding: 0 30px 0 0;
        margin: 0;
        color: #58595b;
        display: inline-block;
    }

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    /*font-size: 14px;*/
    line-height: 1.42857em;
    /*padding: 6px 5px;*/
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    /*width: 95%;*/
}

.form-control_login {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 5px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 97%;
}

.panel_body_2 {
    width: 100%;
    background-color: #fff;
    border-color: #d5d5d3;
    border-style: solid;
    border-width: 1px;
    padding: 0;
    word-wrap: break-word;
    font-size: 13px;
    line-height: 1.6em;
    float: left;
}


.panel_head2_2 {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    background-color: #e4c235 !important;
    color: #005580;
    border-color: #d5d5d3;
    border-style: solid;
    border-width: 1px 1px 0;
    padding: 0;
    float: left;
}

    .panel_head2_2 h3, .panel_head2 a {
        color: #000000;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        margin: 10px 5px;
        padding: 0 10px;
        text-shadow: 1px 1px 2px #ffffff;
    }

.panel_body_2 h1 {
    font-size: 16px;
    border-bottom: 1px solid #CCC;
    margin: 0 15px;
    padding: 20px 0 5px 0;
}

.login_area {
    margin: 7em 0 7em 0;
    float: left;
    width: 100%;
    color: #333333;
}

.center_login {
    margin: 0 auto;
    width: 400px;
}

.center_login_text {
    padding: 15px 16px 35px 16px;
    border: 1px solid #ccc;
    width: 92%;
    float: left;
    border-radius: 0 0 20px 20px;
}


.white_box2 {
    float: left;
    width: 97%;
    margin: 30px 0;
    padding: 10px 15px 10px 13px;
    background: #FFF;
}

.search_cont1_tittle {
    float: left;
    width: 97%;
    margin: 0 0 0 0;
    padding: 8px 15px 3px 10px;
    border: 1px solid #c8c8c8;
    background: #a17205;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .search_cont1_tittle h1 {
        font-size: 18px;
        color: #fff;
        font-family: tahoma;
        margin: 0;
        padding: 0 0 6px 0;
        line-height: 22px;
        font-weight: normal;
        border: none;
    }

.select_vehicle_h {
    padding: 5px 0 0 0;
    float: left;
    width: 100%;
}

    .select_vehicle_h ul {
        padding: 0 0 0px 0;
        margin: 0;
    }

        .select_vehicle_h ul li {
            padding: 0 5px;
            margin: 0;
            color: #000;
            font-weight: bold;
            display: inline-block;
            text-align: center;
            width: 18%;
        }

.select_vehicle_text {
    padding: 5px 0 0 0;
    float: left;
    width: 100%;
}

    .select_vehicle_text ul {
        padding: 4px 0 6px 0;
        margin: 0;
        border-top: 1px solid #ccc;
    }

        .select_vehicle_text ul:hover {
            background: #ebebeb;
        }

        .select_vehicle_text ul li {
            padding: 0 5px;
            margin: 0;
            color: #58595b;
            font-weight: normal;
            display: inline-block;
            text-align: center;
            width: 18%;
            line-height: 16px;
            vertical-align: middle;
        }

.alt {
    background-color: #F8F5F5;
}

.agenda {
    table-layout: fixed;
    border: 2px solid #000000;
    border-spacing: 2px;
    text-align: center;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

    .agenda th {
        font-weight: bolder;
        border: 1px solid #000000;
        height: 40px;
        color: #005580;
        background-color: #E4C235;
    }

    .agenda tr td {
        padding: 6px;
        border: 1px solid #000000;
    }

        .agenda tr td p {
            text-align: center;
            overflow: hidden;
        }

.footer {
    background: #A17205;
    padding: 6px 0;
    display: block;
}

.footer-text {
    text-align: center;
}

    .footer-text td {
        color: #fff;
        margin: 0px;
        font-size: smaller;
    }

        .footer-text td a {
            color: #333333;
        }

@media only screen and (max-width: 900px) {
    .toparea-menu {
        display: none;
        background-color: white;
    }

    .toparea-right {
        display: none;
    }

    .MasterContent {
        width: 100%;
    }

    .contentWrapper {
        width: 100%;
    }

    .copyright {
        width: 100%;
    }

    .mainWrapper {
        width: 100%;
    }

    .toparea {
        width: inherit;
    }
}

.intro-heading, .intro-lead-in {
    text-shadow: -3px -3px 10px #000, -3px -2px 10px #000, -3px -1px 10px #000, -3px 0px 10px #000, -3px 1px 10px #000, -3px 2px 10px #000, -3px 3px 10px #000, -2px -3px 10px #000, -2px -2px 10px #000, -2px -1px 10px #000, -2px 0px 10px #000, -2px 1px 10px #000, -2px 2px 10px #000, -2px 3px 10px #000, -1px -3px 10px #000, -1px -2px 10px #000, -1px -1px 10px #000, -1px 0px 10px #000, -1px 1px 10px #000, -1px 2px 10px #000, -1px 3px 10px #000, 0px -3px 10px #000, 0px -2px 10px #000, 0px -1px 10px #000, 0px 0px 10px #000, 0px 1px 10px #000, 0px 2px 10px #000, 0px 3px 10px #000, 1px -3px 10px #000, 1px -2px 10px #000, 1px -1px 10px #000, 1px 0px 10px #000, 1px 1px 10px #000, 1px 2px 10px #000, 1px 3px 10px #000, 2px -3px 10px #000, 2px -2px 10px #000, 2px -1px 10px #000, 2px 0px 10px #000, 2px 1px 10px #000, 2px 2px 10px #000, 2px 3px 10px #000, 3px -3px 10px #000, 3px -2px 10px #000, 3px -1px 10px #000, 3px 0px 10px #000, 3px 1px 10px #000, 3px 2px 10px #000, 3px 3px 10px #000;
}

.course {
    position: relative;
}

.btn-xl {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#portfolio .portfolio-item .portfolio-caption {
    padding: 25px 10px;
    height: 90px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-weight: bold;
    text-rendering: optimizelegibility;
}

.no-margin {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline;
}

.columns-3 {
    max-width: 73em;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0px;
}

.clearfix {
    *zoom: 1;
}

.row-fluid {
    width: 100%;
    *zoom: 1;
}

/* @media all and (min-width:1200px) */
.row-fluid {
    width: 100%;
    *zoom: 1;
}

.clearfix {
    display: block;
}

.clearfix {
    *display: inline-block;
}

    .clearfix::before, .clearfix::after {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix::after {
        clear: both;
    }

.row-fluid::before, .row-fluid::after {
    display: table;
    line-height: 0;
    content: "";
}

.row-fluid::after {
    clear: both;
}

.clearfix::before, .clearfix::after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix::after {
    clear: both;
}
/* @media all and (min-width:1200px) */
.row-fluid::before, .row-fluid::after {
    display: table;
    line-height: 0;
    content: "";
}
/* @media all and (min-width:1200px) */
.row-fluid::after {
    clear: both;
}

.clearfix::after {
    content: "\0020";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after {
    content: " ";
    display: table;
}

.clearfix::after, .container::after, .container-fluid::after, .row::after {
    clear: both;
}

.home-page.new .drassa-courses {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
    background: rgba(255,255,255,0.7);
    border-top: 1px solid #fff;
    padding: 20px 0 10px;
}

.home-page.new .home-page-wrapper {
    position: relative;
}

.video {
    margin-bottom: 0px;
    text-align: center;
}

.home-page.new .drassa-courses .courses-slider {
    margin-bottom: 0px;
}


[class^='icon-'], [class*=' icon-'] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em:;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/assets/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-white, .nav-pills > .active > a > [class^='icon-'], .nav-pills > .active > a > [class*=' icon-'], .nav-list > .active > a > [class^='icon-'], .nav-list > .active > a > [class*=' icon-'], .navbar-inverse .nav > .active > a > [class^='icon-'], .navbar-inverse .nav > .active > a > [class*=' icon-'], .dropdown-menu > li > a:hover > [class^='icon-'], .dropdown-menu > li > a:focus > [class^='icon-'], .dropdown-menu > li > a:hover > [class*=' icon-'], .dropdown-menu > li > a:focus > [class*=' icon-'], .dropdown-menu > .active > a > [class^='icon-'], .dropdown-menu > .active > a > [class*=' icon-'], .dropdown-submenu:hover > a > [class^='icon-'], .dropdown-submenu:focus > a > [class^='icon-'], .dropdown-submenu:hover > a > [class*=' icon-'], .dropdown-submenu:focus > a > [class*=' icon-'] {
    background-image: url("/assets/glyphicons-halflings-white.png");
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-left, .icon-chevron-right {
    position: absolute;
    top: 43%;
    left: 35%;
    background: none !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    color: #999;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-size: 40px;
    line-height: 30px;
    /*font-family: "GESS Bold";*/
    width: auto;
    height: auto;
    position: relative;
    left: -8px;
}

.prtnrs-logos .icon-chevron-left, .icon-chevron-right, .icon-chevron-left {
    line-height: 15px;
}

    .icon-chevron-right::before {
        content: ">";
    }

    .icon-chevron-left::before {
        content: "<";
    }

.view {
    position: relative;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.home-courses-list .course-pic {
    position: relative;
}

.course-info {
    padding-left: 20px;
    border-left: 1px solid #eee;
}

.home-courses-list .course-info {
    background-color: #fafafa;
    padding: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.home-page.new .drassa-courses .home-courses-list .course-info {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.home-courses-list .course-info > div {
    padding: 1em;
}

    .home-courses-list .course-info > div.vertical-view {
        padding: 20px 10px;
    }

p.subject-time {
    padding: 0;
    margin: 0;
    background: #eee;
    padding: 5px 10px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.pull-right {
    float: right;
}

.icon-home, .icon-home-2, .icon-home-3, .icon-office, .icon-newspaper, .icon-pencil, .icon-quill, .icon-pen, .icon-blog, .icon-droplet, .icon-paint-format, .icon-image, .icon-image-2, .icon-images, .icon-camera, .icon-music, .icon-headphones, .icon-play, .icon-film, .icon-camera-2, .icon-dice, .icon-pacman, .icon-spades, .icon-clubs, .icon-diamonds, .icon-pawn, .icon-bullhorn, .icon-connection, .icon-podcast, .icon-feed, .icon-book, .icon-books, .icon-library, .icon-file, .icon-profile, .icon-file-2, .icon-file-3, .icon-file-4, .icon-copy, .icon-copy-2, .icon-copy-3, .icon-paste, .icon-paste-2, .icon-paste-3, .icon-stack, .icon-folder, .icon-folder-open, .icon-tag, .icon-tags, .icon-barcode, .icon-qrcode, .icon-ticket, .icon-cart, .icon-cart-2, .icon-cart-3, .icon-coin, .icon-credit, .icon-calculate, .icon-support, .icon-phone, .icon-phone-hang-up, .icon-address-book, .icon-notebook, .icon-envelop, .icon-pushpin, .icon-location, .icon-location-2, .icon-compass, .icon-map, .icon-map-2, .icon-history, .icon-clock, .icon-clock-2, .icon-alarm, .icon-alarm-2, .icon-bell, .icon-stopwatch, .icon-calendar, .icon-calendar-2, .icon-print, .icon-keyboard, .icon-screen, .icon-laptop, .icon-mobile, .icon-mobile-2, .icon-tablet, .icon-tv, .icon-cabinet, .icon-drawer, .icon-drawer-2, .icon-drawer-3, .icon-box-add, .icon-box-remove, .icon-download, .icon-upload, .icon-disk, .icon-storage, .icon-undo, .icon-redo, .icon-flip, .icon-flip-2, .icon-undo-2, .icon-redo-2, .icon-forward, .icon-reply, .icon-bubble, .icon-bubbles, .icon-bubbles-2, .icon-bubble-2, .icon-bubbles-3, .icon-bubbles-4, .icon-user, .icon-users, .icon-user-2, .icon-users-2, .icon-user-3, .icon-user-4, .icon-quotes-left, .icon-busy, .icon-spinner, .icon-spinner-2, .icon-spinner-3, .icon-spinner-4, .icon-spinner-5, .icon-spinner-6, .icon-binoculars, .icon-search, .icon-zoom-in, .icon-zoom-out, .icon-expand, .icon-contract, .icon-expand-2, .icon-contract-2, .icon-key, .icon-key-2, .icon-lock, .icon-lock-2, .icon-unlocked, .icon-wrench, .icon-settings, .icon-equalizer, .icon-cog, .icon-cogs, .icon-cog-2, .icon-hammer, .icon-wand, .icon-aid, .icon-bug, .icon-pie, .icon-stats, .icon-bars, .icon-bars-2, .icon-gift, .icon-trophy, .icon-glass, .icon-mug, .icon-food, .icon-leaf, .icon-rocket, .icon-meter, .icon-meter2, .icon-dashboard, .icon-hammer-2, .icon-fire, .icon-lab, .icon-magnet, .icon-remove, .icon-remove-2, .icon-briefcase, .icon-airplane, .icon-truck, .icon-road, .icon-accessibility, .icon-target, .icon-shield, .icon-lightning, .icon-switch, .icon-power-cord, .icon-signup, .icon-list, .icon-list-2, .icon-numbered-list, .icon-menu, .icon-menu-2, .icon-tree, .icon-cloud, .icon-cloud-download, .icon-cloud-upload, .icon-download-2, .icon-upload-2, .icon-download-3, .icon-upload-3, .icon-globe, .icon-earth, .icon-link, .icon-flag, .icon-attachment, .icon-eye, .icon-eye-blocked, .icon-eye-2, .icon-bookmark, .icon-bookmarks, .icon-brightness-medium, .icon-brightness-contrast, .icon-contrast, .icon-star, .icon-star-2, .icon-star-3, .icon-heart, .icon-heart-2, .icon-heart-broken, .icon-thumbs-up, .icon-thumbs-up-2, .icon-happy, .icon-happy-2, .icon-smiley, .icon-smiley-2, .icon-tongue, .icon-tongue-2, .icon-sad, .icon-sad-2, .icon-wink, .icon-wink-2, .icon-grin, .icon-grin-2, .icon-cool, .icon-cool-2, .icon-angry, .icon-angry-2, .icon-evil, .icon-evil-2, .icon-shocked, .icon-shocked-2, .icon-confused, .icon-confused-2, .icon-neutral, .icon-neutral-2, .icon-wondering, .icon-wondering-2, .icon-point-up, .icon-point-right, .icon-point-down, .icon-point-left, .icon-notification, .icon-question, .icon-info, .icon-info-2, .icon-blocked, .icon-cancel-circle, .icon-checkmark-circle, .icon-spam, .icon-close, .icon-checkmark, .icon-checkmark-2, .icon-spell-check, .icon-minus, .icon-plus, .icon-enter, .icon-exit, .icon-play-2, .icon-pause, .icon-stop, .icon-backward, .icon-forward-2, .icon-play-3, .icon-pause-2, .icon-stop-2, .icon-backward-2, .icon-forward-3, .icon-first, .icon-last, .icon-previous, .icon-next, .icon-eject, .icon-volume-high, .icon-volume-medium, .icon-volume-low, .icon-volume-mute, .icon-volume-mute-2, .icon-volume-increase, .icon-volume-decrease, .icon-loop, .icon-loop-2, .icon-loop-3, .icon-shuffle, .icon-arrow-up-left, .icon-arrow-up, .icon-arrow-up-right, .icon-arrow-right, .icon-arrow-down-right, .icon-arrow-down, .icon-arrow-down-left, .icon-arrow-left, .icon-arrow-up-left-2, .icon-arrow-up-2, .icon-arrow-up-right-2, .icon-arrow-right-2, .icon-arrow-down-right-2, .icon-arrow-down-2, .icon-arrow-down-left-2, .icon-arrow-left-2, .icon-arrow-up-left-3, .icon-arrow-up-3, .icon-arrow-up-right-3, .icon-arrow-right-3, .icon-arrow-down-right-3, .icon-arrow-down-3, .icon-arrow-down-left-3, .icon-arrow-left-3, .icon-tab, .icon-checkbox-checked, .icon-checkbox-unchecked, .icon-checkbox-partial, .icon-radio-checked, .icon-radio-unchecked, .icon-crop, .icon-scissors, .icon-filter, .icon-filter-2, .icon-font, .icon-text-height, .icon-text-width, .icon-bold, .icon-underline, .icon-italic, .icon-strikethrough, .icon-omega, .icon-sigma, .icon-table, .icon-table-2, .icon-insert-template, .icon-pilcrow, .icon-left-to-right, .icon-right-to-left, .icon-paragraph-left, .icon-paragraph-center, .icon-paragraph-right, .icon-paragraph-justify, .icon-paragraph-left-2, .icon-paragraph-center-2, .icon-paragraph-right-2, .icon-paragraph-justify-2, .icon-indent-increase, .icon-indent-decrease, .icon-new-tab, .icon-embed, .icon-code, .icon-console, .icon-share, .icon-mail, .icon-mail-2, .icon-mail-3, .icon-mail-4, .icon-google, .icon-google-plus, .icon-google-plus-2, .icon-google-plus-3, .icon-google-plus-4, .icon-google-drive, .icon-facebook, .icon-facebook-2, .icon-facebook-3, .icon-instagram, .icon-twitter, .icon-twitter-2, .icon-twitter-3, .icon-feed-2, .icon-feed-3, .icon-feed-4, .icon-youtube, .icon-youtube-2, .icon-vimeo, .icon-vimeo2, .icon-vimeo-2, .icon-lanyrd, .icon-flickr, .icon-flickr-2, .icon-flickr-3, .icon-flickr-4, .icon-picassa, .icon-picassa-2, .icon-dribbble, .icon-dribbble-2, .icon-dribbble-3, .icon-forrst, .icon-forrst-2, .icon-deviantart, .icon-deviantart-2, .icon-steam, .icon-steam-2, .icon-github, .icon-github-2, .icon-github-3, .icon-github-4, .icon-github-5, .icon-wordpress, .icon-wordpress-2, .icon-joomla, .icon-blogger, .icon-blogger-2, .icon-tumblr, .icon-tumblr-2, .icon-yahoo, .icon-tux, .icon-apple, .icon-finder, .icon-android, .icon-windows, .icon-windows8, .icon-soundcloud, .icon-soundcloud-2, .icon-skype, .icon-reddit, .icon-linkedin, .icon-lastfm, .icon-lastfm-2, .icon-delicious, .icon-stumbleupon, .icon-stumbleupon-2, .icon-stackoverflow, .icon-pinterest, .icon-pinterest-2, .icon-xing, .icon-xing-2, .icon-flattr, .icon-foursquare, .icon-foursquare-2, .icon-paypal, .icon-paypal-2, .icon-paypal-3, .icon-yelp, .icon-libreoffice, .icon-file-pdf, .icon-file-openoffice, .icon-file-word, .icon-file-excel, .icon-file-zip, .icon-file-powerpoint, .icon-file-xml, .icon-file-css, .icon-html5, .icon-html5-2, .icon-css3, .icon-chrome, .icon-firefox, .icon-IE, .icon-opera, .icon-safari, .icon-IcoMoon, .icon-warning, .icon-cloud-2, .icon-locked, .icon-inbox, .icon-comment, .icon-mic, .icon-envelope, .icon-briefcase-2, .icon-cart-4, .icon-contrast-2, .icon-clock-3, .icon-user-5, .icon-cog-3, .icon-music-2, .icon-twitter-4, .icon-pencil-2, .icon-frame, .icon-switch-2, .icon-star-4, .icon-key-3, .icon-chart, .icon-apple-2, .icon-file-5, .icon-plus-2, .icon-minus-2, .icon-picture, .icon-folder-2, .icon-camera-3, .icon-search-2, .icon-dribbble-4, .icon-forrst-3, .icon-feed-5, .icon-blocked-2, .icon-target-2, .icon-play-4, .icon-pause-3, .icon-bug-2, .icon-console-2, .icon-film-2, .icon-type, .icon-home-4, .icon-earth-2, .icon-location-3, .icon-info-3, .icon-eye-3, .icon-heart-3, .icon-bookmark-2, .icon-wrench-2, .icon-calendar-3, .icon-window, .icon-monitor, .icon-mobile-3, .icon-droplet-2, .icon-mouse, .icon-refresh, .icon-location-4, .icon-tag-2, .icon-phone-2, .icon-star-5, .icon-pointer, .icon-thumbs-up-3, .icon-thumbs-down, .icon-headphones-2, .icon-move, .icon-checkmark-3, .icon-cancel, .icon-skype-2, .icon-gift-2, .icon-cone, .icon-alarm-3, .icon-coffee, .icon-basket, .icon-flag-2, .icon-ipod, .icon-trashcan, .icon-bolt, .icon-ampersand, .icon-compass-2, .icon-list-3, .icon-grid, .icon-volume, .icon-volume-2, .icon-stats-2, .icon-target-3, .icon-forward-4, .icon-paperclip, .icon-keyboard-2, .icon-crop-2, .icon-floppy, .icon-filter-3, .icon-trophy-2, .icon-diary, .icon-address-book-2, .icon-stop-3, .icon-smiley-3, .icon-shit, .icon-bookmark-3, .icon-camera-4, .icon-lamp, .icon-disk-2, .icon-button, .icon-database, .icon-credit-card, .icon-atom, .icon-winsows, .icon-target-4, .icon-battery, .icon-code-2, .icon-chat, .icon-chat-alt-stroke, .icon-chat-alt-fill, .icon-comment-alt1-stroke, .icon-comment-alt1-fill, .icon-comment-stroke, .icon-comment-fill, .icon-comment-alt2-stroke, .icon-comment-alt2-fill, .icon-checkmark-4, .icon-check-alt, .icon-x, .icon-x-altx-alt, .icon-denied, .icon-cursor, .icon-rss, .icon-rss-alt, .icon-wrench-3, .icon-dial, .icon-cog-4, .icon-calendar-4, .icon-calendar-alt-stroke, .icon-calendar-alt-fill, .icon-share-2, .icon-mail-5, .icon-heart-stroke, .icon-heart-fill, .icon-movie, .icon-document-alt-stroke, .icon-document-alt-fill, .icon-document-stroke, .icon-document-fill, .icon-plus-3, .icon-plus-alt, .icon-minus-3, .icon-minus-alt, .icon-pin, .icon-link-2, .icon-bolt-2, .icon-move-2, .icon-move-alt1, .icon-move-alt2, .icon-equalizer-2, .icon-award-fill, .icon-award-stroke, .icon-magnifying-glass, .icon-trash-stroke, .icon-trash-fill, .icon-beaker-alt, .icon-beaker, .icon-key-stroke, .icon-key-fill, .icon-new-window, .icon-lightbulb, .icon-spin-alt, .icon-spin, .icon-curved-arrow, .icon-undo-3, .icon-reload, .icon-reload-alt, .icon-loop-4, .icon-loop-alt1, .icon-loop-alt2, .icon-loop-alt3, .icon-loop-alt4, .icon-transfer, .icon-move-vertical, .icon-move-vertical-alt1, .icon-move-vertical-alt2, .icon-move-horizontal, .icon-move-horizontal-alt1, .icon-move-horizontal-alt2, .icon-arrow-left-4, .icon-arrow-left-alt1, .icon-arrow-left-alt2, .icon-arrow-right-4, .icon-arrow-right-alt1, .icon-arrow-right-alt2, .icon-arrow-up-4, .icon-arrow-up-alt1, .icon-arrow-up-alt2, .icon-arrow-down-4, .icon-arrow-down-alt1, .icon-arrow-down-alt2, .icon-cd, .icon-steering-wheel, .icon-microphone, .icon-headphones-3, .icon-volume-3, .icon-volume-mute-3, .icon-play-5, .icon-pause-4, .icon-stop-4, .icon-eject-2, .icon-first-2, .icon-last-2, .icon-play-alt, .icon-fullscreen-exit, .icon-fullscreen-exit-alt, .icon-fullscreen, .icon-fullscreen-alt, .icon-iphone, .icon-battery-empty, .icon-battery-half, .icon-battery-full, .icon-battery-charging, .icon-compass-3, .icon-box, .icon-folder-stroke, .icon-folder-fill, .icon-at, .icon-ampersand-2, .icon-info-4, .icon-question-mark, .icon-pilcrow-2, .icon-hash, .icon-left-quote, .icon-right-quote, .icon-left-quote-alt, .icon-right-quote-alt, .icon-article, .icon-read-more, .icon-list-4, .icon-list-nested, .icon-book-2, .icon-book-alt, .icon-book-alt2, .icon-pen-2, .icon-pen-alt-stroke, .icon-pen-alt-fill, .icon-pen-alt2, .icon-brush, .icon-brush-alt, .icon-eyedropper, .icon-layers-alt, .icon-layers, .icon-image-3, .icon-camera-5, .icon-aperture, .icon-aperture-alt, .icon-chart-2, .icon-chart-alt, .icon-bars-3, .icon-bars-alt, .icon-eye-4, .icon-user-6, .icon-home-5, .icon-clock-4, .icon-lock-stroke, .icon-lock-fill, .icon-unlock-stroke, .icon-unlock-fill, .icon-tag-stroke, .icon-tag-fill, .icon-sun-stroke, .icon-sun-fill, .icon-moon-stroke, .icon-moon-fill, .icon-cloud-3, .icon-rain, .icon-umbrella, .icon-star-6, .icon-map-pin-stroke, .icon-map-pin-fill, .icon-map-pin-alt, .icon-target-5, .icon-download-4, .icon-upload-4, .icon-cloud-download-2, .icon-cloud-upload-2, .icon-fork, .icon-paperclip-2 {
    /*font-family: "icomoon";*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.pull-right {
    float: right;
}

.site-icons {
    width: auto;
    height: auto;
    text-decoration: none !important;
    background: none !important;
}

.pull-right {
    float: right !important;
}

.icon-calendar::before {
    content: "\e04e";
}

.site-icons.pull-right {
    margin-left: 5px;
}

strong {
    /*font-family: "Nassim Arabic Bold", "Geeza Pro", Arial, Helvetica, sans-serif;*/
    font-weight: bold;
    font-style: normal;
}

.lecturer-block {
    position: relative;
}

.vertical-view .lecturer-block {
    padding-right: 80px;
    text-align: right;
    height: 70px;
}

a {
    text-decoration: none;
    color: #1b85b1;
    cursor: pointer;
}

.lecturer-photo {
    display: block;
    text-align: center;
    width: 65px;
    height: 65px;
}

.vertical-view .lecturer-photo {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 70px;
    height: 70px;
}

.vertical-view .lecturer-photo {
    width: 70px;
}

.course-info .vertical-view .lecturer-data {
    border-right: 1px solid #DDDDDD;
    padding-right: 10px;
}

.home-courses-list .vertical-view .lecturer-data {
    padding-top: 10px;
    padding-bottom: 10px;
}

.lecturer-block p {
    padding-bottom: 0px;
    font-size: 1em;
}

.one-instructor .lecturer-block p {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    white-space: nowrap;
}

.lecturer-block span {
    /*font-family: "Nassim Arabic Bold","Geeza Pro",Arial,Helvetica,sans-serif;*/
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    white-space: nowrap;
    display: block;
}

img {
    border: none;
}

    img.lecturer-dp {
        width: 65px;
        height: 65px;
    }

.lecturer-block img {
    width: 65px;
    height: 65px;
    margin-bottom: 0px;
}

.user-small img, .instructor-image img, img.founder-dp, img.lecturer-dp {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 100%;
    border: 2px solid #fed136;
}

.home-courses-list .course-pic h4 {
    position: absolute;
    color: #fff;
    background-color: rgba(0,0,0,0.8);
    bottom: 0px;
    padding: 5px 25px 10px 25px;
    display: inline-block;
    right: 0px;
    margin-bottom: 0.5em;
    z-index: 100;
    margin-left: 1em;
    font-size: 1.3em;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

span.course-cat {
    background-color: rgba(0,90,180,0.8);
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    border-radius: 5px 0 0 0;
    z-index: 100;
    display: inline;
    text-align: center;
}

.course-pic span.course-cat {
    width: 100px;
    border: 1px solid cyan;
}

.course-pic-container {
    overflow: hidden;
    max-height: 275px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.view .mask {
    padding: 40px 20px 100px;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.view-tenth .mask {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-tenth p {
    color: #ccc;
    margin-bottom: 0px;
    padding-bottom: 0px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-tenth .readmore {
    text-align: left;
}

.view-tenth p:first-child {
    max-height: 140px;
    overflow: hidden;
}


/* Regular */
#topMargin {
    padding: 50px 0 0 0;
}

.block .heading {
    clear: both;
    /*margin: 40px 10px 10px 10px;*/
    position: relative;
    height: 1.5em;
}

    .block .heading .float, .block .heading .floatOpp {
        font-size: 130%;
        font-weight: bold;
    }

.sub {
    font-size: small;
}

.block .middle {
    display: flex;
    height: 100%;
    padding: 0 1em;
}

    .block .middle div {
        background-color: #ddd;
        margin: auto;
        height: 1px;
        width: 100%;
    }

/*
.mobile .fwPanel .textbox,
.mobile .fwPanel input,
.mobile .fwPanel textarea,
.mobile .fwPanel select,
.mobile .fwPanel .fld input.date,
.mobile .fwPanel input.ac_input.textbox {
    width: 100%;
}

.mobile .fwPanel > tbody > tr > td {
    display: block;
    width: 100%;
}

.mobile .fwPanel img.tcalIcon {
    position: absolute;
    margin: 0 -20px;
}

.mobile .fwPanel span.wrnMsg {
    float: right;
}
*/
.language-icon a {
}

    .language-icon a img {
        width: 40px;
    }

    .language-icon a:hover {
        filter: drop-shadow(0px 0px 5px #fed136);
    }

.language {
    display: inline-block;
    float: right;
    padding: 10px;
}

.navbar-header > * {
    padding: 15px;
}

.navbar-header {
    color: #fed136;
}

ul.social-buttons li a {
    padding: 8px;
}

.navbar-custom .navbar-brand {
    direction: ltr;
}

footer {
    border-top: 1px solid #eee;
    clear: both;
}

    footer ul {
        padding: 0;
    }

    footer .col-md-4 {
        position: inherit;
    }

/*.navbar-custom {
    background-color: rgba(37, 37, 37, 0.8);
}*/

.nav.navbar-nav.navbar-right {
    padding-right: 0;
}

.quicklinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .quicklinks li {
        display: inline-block;
        line-height: initial;
    }

    .quicklinks a {
        font-size: 12pt;
    }

.img-circle {
    width: 100%;
    border-radius: 50%;
}

/*Menu*/
.menu .root, .menu .root ul {
    padding: 10px;
    display: contents /*inline-block*/;
    margin: 0;
}

    .menu .root li {
        display: block;
        padding: .75em;
    }

        .menu .root li li {
            border-bottom: dashed;
        }

        .menu .root li a {
            white-space: nowrap;
        }

        .menu .root li ul {
            /*display: none;*/
            visibility: hidden;
            /*opacity: 0;*/
            display: block;
            /*padding: 20px;*/
            transition: all 0.5s linear 0.2s;
            max-height: 0;
        }

            .menu .root li ul ul {
                margin: 0 2em;
            }

    .menu .root ul {
        position: absolute;
        background-color: #dad9d9;
        border: #fed136 solid 1px;
        box-shadow: 5px 5px 10px grey;
        border-radius: 2mm;
    }

    .menu .root > li {
        display: block;
    }

.menu .root {
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .menu .root > li {
        /*border-inline-end: dashed 1px white;*/
        display: inline-block;
        padding-inline-start: 1em;
    }
}

.menu .root > li:last-child {
    border-inline-end: none;
}

.menu .root li a:hover + ul, .menu .root li ul:hover {
    /*display: block;*/
    /*transition: all 0.5s ease-in-out;*/
    /*padding: 10px;*/
    visibility: visible;
    /*opacity: 1;*/
    max-height: 100vh;
}

@media (max-width: 767px) {
    .navbar-custom .navbar-collapse {
        order: 1;
    }

        .navbar-custom .navbar-collapse .nav {
            flex-direction: column;
        }

            .navbar-custom .navbar-collapse .nav .language-icon {
                order: 1;
            }
}
/*end menu*/

/*override bootstrap*/
body {
    text-align: initial;
}

/* news */
.news {
    padding: 2px;
}

    .news .bg {
        background: #fff;
        box-shadow: 2px 2px 7px 0px lightgrey;
        margin-bottom: 0.3em;
        transition: all .3s ease 0s;
        padding: 10px;
    }

        .news .bg .b {
            margin-bottom: 0.5em;
        }

        .news .bg img {
            height: 150px;
            width: 100%;
            object-fit: cover;
            overflow: hidden;
        }

        .news .bg .text {
            font-size: 15px;
            color: #434343;
            display: block;
            display: -webkit-box;
            height: 46px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .news .bg .title {
            font-weight: bold;
        }

        .news .bg .bottom {
            display: flex;
            justify-content: space-between
        }

            .news .bg .bottom div {
                font-size: 14px;
                font-weight: 700;
            }
/* end news*/

/***** contact us page *******/
.seprator {
    padding-bottom: 1em;
}

.contact * {
    color: #fff;
}

.contact .txt {
    font-size: 15px
}

    .contact .txt.en {
        direction: ltr;
        display: inline-block;
    }

.contact i {
    margin-inline-end: 1em;
}

#contactForm .form-control::placeholder {
    color: gray;
}
/***** end contact us page *******/
.main-navbar {
    background: #fff;
}

img.logo {
    height: 5em;
    /*margin: -1em 0;*/
    filter: drop-shadow(0px 0px 2px #aaf7);
}

.navbar-custom {
    padding-top: 0;
}

@media (max-width: 768px) {
    .navbar-brand {
        margin: 0;
    }

    img.logo {
        height: 2.7em;
    }
}

.PhotoThumbs figure {
    text-align: center;
    overflow: hidden;
    position: relative;
}

    .PhotoThumbs figure img {
        object-fit: cover;
        object-position: bottom;
        display: block;
        width: 100%;
        height: 200px;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        transition: all .3s ease-out;
        transform: scale(1);
        cursor: pointer;
    }

    .PhotoThumbs figure:hover img {
        transform: scale(1.1);
    }

    .PhotoThumbs figure .mediaHead {
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.69);
        width: 100%;
        padding: 4px;
        color: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }