@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kb d, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, select, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

    font-family: 'Titillium Web', sans-serif;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -moz-font-smoothing: antialiased;

    margin: 0;

    padding: 0; 

    outline: 0; 

}

.bg_none{ background: none !important;     padding: 0 0 10px 0 !important;}

body {

    padding: 0px !important;

    overflow-x: hidden;

}

.trs {

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.placeholder {

    color: #666;

    opacity: 1 !important;

}

::-webkit-input-placeholder {

 color: #666;

 opacity: 1 !important; /* for older chrome versions. may no longer apply. */

}

:-moz-placeholder { /* Firefox 18- */

 color: #666;

 opacity: 1 !important;

}

::-moz-placeholder {  /* Firefox 19+ */

 color: #666;

 opacity: 1 !important;

}

:-ms-input-placeholder {

 color: #666;

}

:focus {

    outline: none !important;

}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {

 transition: background-color 5500s ease-in-out 0s;

}

select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border: 1px solid #999;

    background-image: url('../images/arrow.png');

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: right center;

    padding: 0 15px 0 5px !important;

    cursor: pointer !important;

}

select::-ms-expand {

 display: none;

}

/*input[type="text"], input[type="email"], input[type="password"], textarea {

    padding: 0px;

    background: transparent !important;

    border: none !important;

    border-bottom: 1px solid #999 !important;

    border-radius: 0px !important;

    margin: 0px;

    outline: none !important;

    box-shadow: none !important;

    height: 26px;

}*/

textarea {

    resize: none;

    padding: 0;

}



/***************************** Top *****************************/

.top {

    width: 100%;

    float: left;

    position: relative;

    z-index: 9999;

    background: url(../images/top_bg.png) no-repeat;

    background-position: 100% 50%;

}

.top_social {

    float: right;

    margin: 5px 0 0 0;

}

.top_social a {

    float: left;

}

.top_search{

    width: 220px;

    margin: 13px 0;

    padding: 0 8px;

    border-right: 1px solid #e3e2df;

}

.top_btn {

    background: #376585;

    float: right;

    margin: 0 0 0 8px;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

    text-transform: uppercase;

    cursor: pointer;

}

.top_btn:hover {

    text-decoration: none;

    background: #0080ba;

    color: #fff;

}

.hom_logo {

    width: 260px;

    float: left;

    margin: 5px 0;

    top: -8px;

    position: relative;

}

.homxs_logo {

    display: none;

}

.revit_logo {

    width: 170px;

    float: left;

    margin: 10px 0;

}

.menu_bg {

    position: relative;

    margin: 0;

    float: left;

    width: 100%;

}

.menubar {

    margin-bottom: 0px !important;

    background: #1aaca5;

    border-radius: 0px !important;

    z-index: 999;

    padding: 0;

    min-height: 40px !important;

}

.mobile_menu {

    display: none !important;

}



/***************************** Banner *****************************/

.banner {

    width: 100%;

    height: auto;

    float: left;

    margin: 0;

    padding: 0;

}

.carousel-control {

    width: 5%;

    opacity: 0.5;

    height: 30px;

    top: 47%;

}

.carousel-control:hover, .carousel-control:focus {

    opacity: 0.5;

}

.carousel-fade .carousel-inner .item {

    -webkit-transition-property: opacity;

    transition-property: opacity;

}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {

    opacity: 0;

}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {

    opacity: 1;

}

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {

    left: 0;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

.carousel-fade .carousel-control {

    z-index: 2;

}

.carousel, .carousel-inner, .carousel-inner .item img {

    height: auto;

    width: 100%;

    cursor: -webkit-grab;

    cursor: -moz-grab;

    cursor: -o-grab;

    cursor: -ms-grab;

}

.carousel {

    border: none;

}

.carousel-control.left {

    background: none !important;

}

.carousel-control.right {

    background: none !important;

}

.carousel-control .icon-prev, .carousel-control .glyphicon-menu-left {

    left: 10px !important;

}

.carousel-control .icon-next, .carousel-control .glyphicon-menu-right {

    right: 10px !important;

}

.carousel-control .glyphicon-menu-left {

    position: absolute;

    top: auto;

    bottom: 10%;

    left: auto;

    z-index: 5;

    display: inline-block;

    margin-top: 0px;

    background: #000;

    padding: 2px;

}

.carousel-control .glyphicon-menu-right {

    position: absolute;

    top: auto;

    bottom: 10%;

    left: auto;

    z-index: 5;

    display: inline-block;

    margin-top: 0px;

    background: #000;

    padding: 2px;

}



.banner_text {

    color: #14507d;

    font-size: 33px;

    padding: 10px;

    position: absolute;

    bottom: 40%;

    left: 5%;

    text-align: left;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: .2px;

}

.banner_subtext {

color: #14507d;

    font-size: 16.5px;

    padding: 10px;

    position: absolute;

    bottom: 35%;

    left: 5%;

    text-align: left;

    /* text-transform: lowercase; */

    font-weight: normal;

}

.permit_logo {

    float: right;

    margin: 0;

    position: absolute;

    right: 79px;

    z-index: 999;

    top: 97px;

}

.uit_autodesk_logo {

    background: url(../images/top_bg.jpg) repeat-x;

    padding: 10px 15px;

    margin-top: 2px;

}

/***************************** Welcome *****************************/

.welcome {

    width: 100%;

    float: left;

    padding:25px 0;

    background: url(../images/top_bg.jpg) repeat-x;

    /* background: url(../images/top_bg.jpg) repeat-x; */

   /*  background: radial-gradient(circle farthest-side at 80%, #459dce 0%, #14507d 50%); */

/* background: #fff; */

}

.welcome h1 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 30px;

    font-weight: 300;

    float: left;

    /* color: #fff; */

    margin: 0 0 10px 0;

    line-height: 30px;

    display: flex;

    align-items: center;

    letter-spacing: .2px;

}

.welcome h1 img {

    width: 40px;

    float: left;

    margin: 0 5px 0 0;

}

.welcome_head {

    width: 100%;

    float: left;

    font-family: 'Titillium Web', sans-serif;

    font-size: 24px;

    font-weight: 400;

    color: #14507d;

    padding: 0;

    margin: 0 0 20px 0;

    line-height: 24px;

    text-align: left;

    letter-spacing: .2px;

}

.welcome h2 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 20px;

    font-weight: 300;

    padding: 10px;

    margin: 0 0 10px 0;

    float: left;

    color: #fff;

    letter-spacing: .2px;

}

.welcome h3 {

    width: 100%;

    float: left;

    font-family: 'Titillium Web', sans-serif;

    font-size: 18px;

    font-weight: 300;

    color: #fff;

    margin: 0 0 10px 0;

    line-height: 24px;

    letter-spacing: .2px;

}

.welcome h4 {

    width: 100%;

    float: left;

    font-family: 'Titillium Web', sans-serif;

    font-size: 15px;

    font-weight: 300;

    line-height: 24px;

    text-align: justify;

    letter-spacing: .2px;

    margin: 0 0 10px 0;

}

.welcome h4 p {

    margin: 0 0 10px 0;

}

.welcome_btn {

    width: auto;

    float: left;

    text-align: center;

    font-size: 15px;

    font-weight: 600;

    background: #14507d;

    outline: none;

    border: none;

    text-transform: uppercase;

    padding: 7px 25px;

    color: #fff !important;

}

.welcome_btn:hover {

    color: #fbfbfb;

    background: #1aaca5 ;

    text-decoration: none;

}

.course_calendar {

    width: 100%;

    background: rgba(0, 0, 0, .2);

    float: left;

    padding: 30px 15px;

}

.course_calendar_img {

    width: 110px;

    float: left;

}

.course_calendar_head {

    font-family: 'Titillium Web', sans-serif;

    font-size: 15px;

    font-weight: 400;

    color: #fff;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

}

.clip_flex {

    display: flex;

    display: -webkit-flex;

    display: -moz-flex;

    display: -o-flex;

    display: -ms-flex;

    flex-flow: row wrap;

    -webkit-flex-flow: row wrap;

    -moz-flex-flow: row wrap;

    -o-flex-flow: row wrap;

    -ms-flex-flow: row wrap;

    align-items: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    -o-align-items: center;

    -ms-align-items: center;

}

.forms_input {

    font-size: 14px;

    float: left;

    display: block;

    width: 100%;

    height: 30px;

    margin: 0 0 10px 0;

    padding: 6px 10px;

    color: #666;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border: 1px solid #d5d5d5;

    cursor: text;

}

.forms_label {

    margin: 5px 0;

    font-size: 14px;

    font-weight: 600;

}

.modal-content {

    border: 10px solid #cce3ff;

    border-radius: 0;

}

.modal-title {

    font-weight: 600;

}

.course_schedule h1 {

    width: 100%;

    float: left;

    font-size: 19px;

    font-weight: 600;

}

.hm_news, .hm_videogallery {

    width: 100%;

    float: left;

}

.hm_news h1 {

        width: 100%;

    float: left;

    font-family: 'Titillium Web', sans-serif;

    font-size: 24px;

    font-weight: 400;

    color: #14507d;

    padding: 0;

    margin: 0 0 20px 0;

    line-height: 24px;

    text-align: left;

    letter-spacing: .2px;

}

.hm_videogallery h1 {

    width: 100%;

    float: left;

    font-size: 19px;

    font-weight: 600;

    margin: 10px 0 5px 0;

}

.hm_videogallery a {

    width: 100%;

    float: left;

    background: #fff;

}

.hm_videogallery a:hover img {

    opacity: 0.5;

}

.form-control {

    margin-bottom: 10px;

    border-radius: 0;

    height: 30px;

    padding: 6px 5px;

}

.form_btn {

    width: 100%;

    float: left;

    font-size: 15px;

    font-weight: 600;

    background: #14507d;

    outline: none;

    border: none;

    text-transform: uppercase;

    padding: 7px 25px;

    color: #fff;

    text-align: center;

}

.form_btn:hover {

    color: #fbfbfb;

    background: #1aaca5 ;

    text-decoration: none;

}

/***************************** Image Effects *****************************/

.grid figure {

    position: relative;

    overflow: hidden;

    height: auto;

   /*  background: #3085a3; */

    text-align: center;

    cursor: pointer;

 border: 1px solid #fff;

}

.grid figure img {

    position: relative;

    display: block;

    width: 100%;

    max-width: 100%;

    opacity: 0.8;

}

.grid figure figcaption {

    width: 100%;

    padding: 0;

    color: #fff;

    font-size: 1.25em;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    position: absolute;

    display: flex;

    align-items: center;

    justify-content: center;

}

.grid figure figcaption::before, .grid figure figcaption::after {

    pointer-errors: none;

}

.grid figure figcaption, .grid figure figcaption > a {

    /* background: url(../images/dot.png) center 0; */

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.grid figure figcaption > a {

    z-index: 1000;

    text-indent: 200%;

    white-space: nowrap;

    font-size: 0;

    opacity: 0;

}

.fl{ float: left;     width: 73px;}

 figure.effect-jazz {

    background: #000;

}

figure.effect-jazz img {

    opacity: 0.8;

}

figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p {

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}

figure.effect-jazz figcaption::after {

    position:absolute;

    top:25px;

    right:25px;

    bottom:25px;

    left:25px;

    box-shadow:0 0 0 30px rgba(255,255,255,.2);

    content:'';

    opacity:0;

    -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;

    transition:opacity 0.35s, transform 0.35s;

    -webkit-transform:scale3d(1.4, 1.4, 1);

    transform:scale3d(1.4, 1.4, 1)

}

figure.effect-jazz h6 {

    font-family: 'Titillium Web', sans-serif;

    -webkit-transition: -webkit-transform 0.35s;

    transition: transform 0.35s;

    color: #fff;

    font-size: 20px;

    font-weight: 600;

    word-wrap: break-word;

    text-shadow: 2px 2px 2px #000000;

    width: 100%;

    float: left;

}

figure.effect-jazz p {

    width: 80px;

    text-transform: none;

    font-size: 13px;

    opacity: 0;

    border: 1px solid #fff;

    font-weight: 600;

    margin: 5px auto;

    padding: 4px;

    position: absolute;

    float: left;

    display: block;

    left: 0;

    right: 0;

}

figure.effect-jazz:hover p {

    opacity: 1;

}

figure.effect-jazz:hover img {

    opacity: 0.5;

    -webkit-transform: scale3d(1.1, 1.1, 1);

    transform: scale3d(1.1, 1.1, 1);

}

figure.effect-jazz:hover figcaption::after {

    opacity:1;

    -webkit-transform:scale3d(1, 1, 1);

    transform:scale3d(1, 1, 1)

}



/***************************** Home Service *****************************/

.hm_service {

    width: 100%;

    float: left;

    padding: 60px 0;

    background: #fff;

}

.hm_service_box {

    margin: 0 0 20px 0;

}

.hm_service_head {

    width: 100%;

    float: left;

    font-family: 'Titillium Web', sans-serif;

    font-size: 24px;

    font-weight: 400;

    color: #14507d;

    padding: 20px 0;

    margin: 2px 0 0 0;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

    background: url(../images/top_bg.jpg) repeat-x;

}

.hm_service h2 {

    width: 100%;

    font-family: 'Titillium Web', sans-serif;

    font-size: 18px;

    font-weight: 600;

    color: #000;

    margin: 10px 0 0 0;

    text-align: center;

    line-height: 24px;

    letter-spacing: .2px;

}

.hm_service h3 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 15px;

    font-weight: 600;

    color: #000;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

}

.hm_service h4 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 15px;

    font-weight: 400;

    color: #000;

    line-height: 24px;

    text-align: justify;

    height: 90px;

    letter-spacing: .2px;

}

.hm_service_btn {

    width: 160px;

    float: none;

    margin: 0 auto;

    display: block;

    font-size: 15px;

    font-weight: 600;

    background: #14507d;

    outline: none;

    border: none;

    text-transform: uppercase;

    padding: 7px 25px;

    color: #fff;

    text-align: center;

}

.hm_service_btn:hover {

    color: #fbfbfb;

    background: #1aaca5 ;

    text-decoration: none;

}

.hm_service_btn:focus {

    color: #fff;

    text-decoration: none;

}



/***************************** Video Container *****************************/

.video_container {

    width: 100%;

    position: absolute;

    display: block;

    height: 555px;

    overflow: hidden;

}

video {

    height: 100%;

    object-fit: cover;

    width: 100%;

    right: 0px;

    position: absolute;

}

.video_content {

    width: 100%;

    float: left;

    position: relative;

    z-index: 7;

    padding: 60px 0;

}

.video_content h1 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 24px;

    font-weight: 600;

    color: #14507d;

    margin: 10px 0;

    line-height: 24px;

    text-align: left;

    text-shadow: 1px 1px 2px #fff;

    letter-spacing: .2px;

}

.video_content h2 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 20px;

    font-weight: 400;

    color: #14507d;

    margin: 10px 0;

    line-height: 24px;

    text-shadow: 1px 1px 2px #fff;

    letter-spacing: .2px;

}

.video_content h4 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 16px;

    font-weight: 400;

    color: #000;

    margin: 10px 0;

    line-height: 24px;

    text-shadow: 1px 1px 2px #fff;

    letter-spacing: .2px;

    text-align: justify;

}

.video_content h5 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 13px;

    font-weight: 600;

    color: #000;

    margin: 10px 0;

    line-height: 24px;

    text-shadow: 1px 1px 2px #fff;

    letter-spacing: .2px;

    text-align: left;

    text-transform: uppercase;

}





.line_button {

    display: block;

    font-weight: 600;

    padding: 0px 25px;

    line-height: 35px;

    text-decoration: none;

    margin: 10px auto 0 auto;

    width: 150px;

    cursor: pointer;

    text-align: center;

    transition: background 300ms;

}

.line_button.outline {

    font-family: 'Titillium Web', sans-serif;

    font-size: 15px;

    color: #333;

    letter-spacing: .2px;

    overflow: hidden;

    position: relative;

    text-decoration: none;

}

.line_button.outline:before, .line_button.outline:after, .line_button.outline .lines:before, .line_button.outline .lines:after {

    background-color: #14507d;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    top: 0;

    transition: transform 300ms;

    width: 100%;

}

.line_button.outline:before {

    bottom: 0;

    top: auto;

}

.line_button.outline .lines {

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 0;

}

.line_button.outline .lines:before, .line_button.outline .lines:after {

    height: 100%;

    width: 1px;

}

.line_button.outline .lines:after {

    left: auto;

    right: 0;

}

.line_button:hover:before {

    transform: translateX(-100%);

}

.line_button:hover:after {

    transform: translateX(100.1%);

}

.line_button:hover .lines:before {

    transform: translateY(-100%);

}

.line_button:hover .lines:after {

    transform: translateY(100%);

}



/***************************** Our Clients *****************************/

.hm_clients {

    width: 100%;

    float: left;

    padding: 15px 0 0 0;

    background: #fff;

    background-image: url(../images/patten_01.jpg);

}

.hm_clients h1 {

    width: 100%;

    float: left;

    font-family: 'Titillium Web', sans-serif;

    font-size: 24px;

    font-weight: 400;

    color: #14507d;

    padding: 0;

    margin: 0 0 20px 0;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

}



/***************************** Testimonials *****************************/

.testimonials {

    width: 100%;

    float: left;

    padding: 15px 0;



    background-image: url(../images/Testimonials_bg.png);

    background-color: rgb(79, 201, 224);

    background-attachment: fixed;

    background-size: cover;

    position: relative;

    background-position: 50% 0px;

    background-repeat: no-repeat;

}

.testimonials h1 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 24px;

    font-weight: 400;

    color: #14507d;

    margin: 0 0 15px 0;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

}

#quote-carousel .carousel-control {

    background: none;

    color: #222;

    font-size: 2.3em;

    text-shadow: none;

    margin-top: 30px;

}



.item blockquote {

    border-left: none;

    margin: 0;

}

.item blockquote img {

    width: 130px !important;

    height: 130px !important;

    margin-bottom: 10px;

}

.item blockquote h3 {

    width: 100%;

    font-family: 'Titillium Web', sans-serif;

    font-size: 15px;

    font-weight: 300;

    color: #333;

    float: left;

    margin: 0 0 5px 0;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

}

.item blockquote h3 i {

    margin: 0 10px 0 0;

}

.item blockquote h4 {

    width: 100%;

    font-family: 'Titillium Web', sans-serif;

    font-size: 14px;

    font-weight: 300;

    color: #333;

    float: left;

    margin: 0;

    line-height: 20px;

    text-align: center;

    height: 40px;

    letter-spacing: .2px;

}

.testimonials_name {

    font-size: 16px;

    font-weight: 600;

    letter-spacing: .2px;

}

.testimonials_name::before {

    content: '\2014 \00A0';

}



/***************************** Home Contact *****************************/

.hm_contact {

    box-shadow: 0px 2px 13px -3px rgba(0, 0, 0, 0.5);

    background: #296b87;

    width: 100%;

    float: left;

    padding: 15px 0 0 0;

    position: relative;

    z-index: 99;

    

    /* background: #000 url(../images/map_bg.png) no-repeat;

    -webkit-background-attachment: fixed;

    -moz-background-attachment: fixed;

    -o-background-attachment: fixed;

    background-attachment: fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    -webkit-background-position: center;

    -moz-background-position: center;

    -o-background-position: center;

    background-position: center; */

}

.hm_contact h1 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 24px;

    font-weight: 400;

    color: #fff;

    margin: 0 0 0px 0;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

}

.hm_contact h2 {

    width: 100%;

    font-family: 'Titillium Web', sans-serif;

    font-size: 16px;

    font-weight: 400;

    color: #fff;

    float: left;

    margin: 0 0 5px 0;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

}

.hm_contact h3 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 19px;

    font-weight: 400;

    color: #fff;

    margin: 0 0 10px 0;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

}



/***************************** Footer *****************************/

.footer {

    width: 100%;

    float: left;

    padding: 30px 0;

    background: #ffffff;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #dadada;

    position: relative;

        z-index: -1;

    margin: -1px 0 0 0;

}

.f_box {

    display: flex;

}

.footer h1 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 17px;

    font-weight: 600;

    margin: 0 0 10px 0;

    color: #555;

    text-align: left;

    letter-spacing: .2px;

    text-transform: uppercase;

}

.footer .address, .f_logo {

    border-right: 1px solid #dadada;

}

.address ul {

    list-style: none;

    text-align: left;

}

.address ul li {

    display: block;

line-height: 20px;

    margin: 8px 0;

}

.address ul li a {

    color: #000;

    font-size: 15px;

    

    display: flex;

}

.f_box i{ margin-right: 5px; }

.f_logo ul {

    width: 100%;

    padding: 0;

    margin: 0;

    float: left;

    list-style: none;

    text-align: left;

}

.f_logo ul li {

    display: inline-block;

    line-height: 30px;

}

.f_logo ul li a {

    color: #333;

    font-size: 15px;

    font-weight: 400;

}





.f_logo ul li a i {

    padding: 0 5px 0 0;

    font-size: 16px;

}

.f_logo ul li a.facebook:hover {

    color: #3b5998;

}

.f_logo ul li a.twitter:hover {

    color: #1da1f2;

}

.f_logo ul li a.instagram:hover {

    color: #833ab4;

}

.f_logo ul li a.linkedin:hover {

    color: #0077b5;

}



.course ul {

    list-style: none;

    padding: 0;

}

.course ul li {

    line-height: 23px;

}

.course ul li a {

    color: #333;

    font-weight: 400;

}



.footer_map {

    width: 100%;

    margin: 0;

    float: left;

}

.expo_logo {

    width: 280px;

    padding: 38px 0;

    margin: 0 auto;

    display: block;

    float: right;

}

.years_logo {

    width: 280px;

    padding: 0;

    margin: 8px auto;

    display: block;

    float: left;

}



/***************************** Copyright *****************************/

.copyright {

    width: 100%;

    height: auto;

    float: left;

    background: #333333;

    border-top: 1px solid #fff;

    padding: 25px 0;

    margin: 0;

}

.copyright h1 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 15px;

    font-weight: 400;

    color: #fff;

    margin: 0;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

}

.top_btn_box button {

    background: none;

    border: none;

    padding: 20px 15px;

    margin: 0;

}

.dropdown-menu {

    margin-left: -93px;

    margin-top: 0px;

    padding: 0;

}

 .top_btn_box i{

    margin-right: 5px;

}

.dropdown-menu>li>a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: #333;

    white-space: nowrap;

    border-bottom: solid 1px #f1f1f1;

    padding: 5px 10px;

}





.top_number {

    float: left;

    width: 100%;

    margin: 0;

    /* background: #fff; */

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+52,7ceef3+100 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(left,  #ffffff 52%, #7ceef3 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #ffffff 52%,#7ceef3 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #ffffff 52%,#7ceef3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7ceef3',GradientType=1 ); /* IE6-9 */



    color: #fff;

    padding: 0px 0;

}

.top_number ul {

    width: 100%;

    text-align: right;

    float: left;

    padding: 2px;

}

.top_number ul li {

    padding-left: 20px;

    list-style: none;

    display: inline;

    float: right;

}

.top_number ul li a {

    color: #14507d;

    text-decoration: none;

}

.top_number ul li a:hover {

    color: #14507d;

    text-decoration: none;

}

.top_number ul li i {

    margin-right: 5px;

    color: #14507d;

}

/* .vat_logo {

    padding: 12% 0 0 0;

} */

.high_10 {

    float: left;

    width: 100%;

    padding: 0;

    margin: 0;

        height: 10px;

}



.newsletter {

    float: left;

    width: 100%;

    padding:20px 0;

    margin: -2px 0 0 0;

    background: #14507d;



}

.newsletter h3{ color: #fff; padding: 7px 0; }

.newsletter h4{ color: #fff; }



.newsletter input {

    width: 100%;

    height: 50px;

    border: 3px solid;

    padding-left: 20px;

    border-radius: 50px;

        border-color: #44ce78 !important;

}



.newsletter button {

    display: inline-block;

    color: #fff;

    padding: 16px 34px;

    text-transform: capitalize;

    border-radius: 50px;

    -webkit-box-shadow: 0 12px 10px -10px rgba(0,0,0,.2);

    box-shadow: 0 12px 10px -10px rgba(0,0,0,.2);

    background-size: 300% 100%;

    font-size: 16px;

    line-height: 1;

    border: none;

    position: relative;

    /* top: 0; */

    /* bottom: 0; */

    border: none;

    cursor: pointer;

    background-color: #44ce78;

    background-image: -webkit-linear-gradient(left, #44ce78, #3cba92, #30dd8a, #43ce9f);

    background-image: linear-gradient(to right, #44ce78, #3cba92, #30dd8a, #43ce9f);

    float: right;

    margin-top: -48px;

}

.newsletter_box {

    max-width: 600px;

    margin: 0 auto;

    width: 100%;

}

.locate_us li{ list-style: none; }





section.quicklink {

    text-align: center;

    padding:10px 0 20px 0;

    z-index: 2;

    float: left;

    width: 100%;

    box-shadow: 0px 2px 13px -3px rgba(0, 0, 0, 0.5);

    /* background: #296b87; */

    width: 100%;

    float: left;

    margin: 0;

    position: relative;

    background: #1aaca5 url(../images/quick_bg.png) repeat-x top;

    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.38);

    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.38);

    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.38);

}

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

section.quicklink .btn-info{background:#231f20;border:0px;border-radius:0px;margin:5px 5px 0px 0px;}

div#demo li a{color:#fff;    font-size: 16px;}

div#demo li{padding:15px;padding-left:5px;list-style-type:none;}

section.download{background:#ffc220;padding:30px 0px;}

section.download h3{line-height:45px;}

section.download .btn-primary{background:#231f20;border:0px;border-radius:0px;color:#ffc220;float:right;}

section.download .btn-primary:hover{background:#333333;box-shadow:0px 2px 9px 1px rgb(0, 0, 0, 0.5);}





.quicklink i { margin-right: 10px; }

.quicklink{background-image: url(../images/patten_01.jpg);}

.quicklink h1 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 24px;

    font-weight: 400;

    color: #fff;

    margin: 10px 0 0px 0;

    line-height: 24px;

    text-align: center;

    letter-spacing: .2px;

    cursor: pointer;

}



.adr_footer h3 {

    text-align: left;

    font-size: 15px;

    float: left;

    width: 100%;

    padding: 10px 0;

    line-height: 25px;

}





.top_btn_box ul li{ list-style: none; display: inline; }

.top_btn_box ul {

    text-align: right;

    padding: 23px 0;

}

.footer_mail{

    float: left;

    width: 100%;

    padding: 5px;

}

.footer_mail li {

    list-style: none;

    display: list-item !important;

    float: left;

    width: 100%;

    padding: 0px 0;

}

.footer_line {

    width: 100%;

    height: 25px;

    float: left;

    background: url(../images/footer_line.png) repeat-x top left;

}

.ftr_social {

    float: left;

    width: 100%;

    padding: 20px 0;

    background: #e6e6e6;

}

.ftr_social ul{

    float: left;

    width: 100%;

    text-align: center;

}





.ftr_social ul li{

    display: inline;

    list-style: none;

}

a:hover{text-decoration: none !important; }

.trs2 {

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

    padding: 2px;

}

.twt:hover img,.twt:hover i {

    -webkit-transform: rotateY(360deg);

    -moz-transform: rotateY(360deg);

    -o-transform: rotateY(360deg);

    -ms-transform: rotateY(360deg);

    transform: rotateY(360deg);

}



.ftr_social h1 {

    font-family: 'Titillium Web', sans-serif;

    font-size: 19px;

    font-weight: 400;

    color: #14507d;

    margin: 0 0 0px 0;

    text-align: center;

    letter-spacing: .2px;

    padding: 0 0 10px 0;

}









a#clickme {

    font-size: 17px;

    width: 120px;

    height: 30px;

    text-align: center;

    color: #fff;

    background: #1aaca5;

    cursor: pointer;

    display: block;

    z-index: 999;

    position: absolute;

    right: 194px;

    top: 170px;

    -ms-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    padding: 2px 0 0 0;

    text-decoration: none;

}

div.mydiv {

    width: 240px;

    height: auto;

    border: 1px solid #fff;

    position: fixed;

    right: -240px;

    z-index: 999;

    bottom: 10%;

    background: #1aaca5;

    padding: 10px;

}

div.mydiv h2 {

    width: 100%;

    height: auto;

    float: left;

    margin: 0 0 10px 0;

    padding: 0 0 2px 0;

    font-size: 17px;

    font-weight: 400;

    color: #fff;

    position: relative;

    text-align: center;

}

#btn_sub {

    padding: 34px 15px;

}



.mydiv input {

    margin: 0px 0 10px 0;

    outline: none;

    box-shadow: none;

    height: 38px;

    font-size: 14px;

    color: #333;

    border: none;

    border-radius: 4px;

}

.mydiv textarea {

    resize: none;

    height: 90px ;

}

ul.breadcrumb {

    padding: 5px 0px;

    list-style: none;

    float: left;

    width: 100%;

    margin-bottom: 0;

    background: no-repeat;

}

ul.breadcrumb li {

    display: inline;

    font-size: 16px;

    color: #2e6987;

}

ul.breadcrumb li+li:before {

    padding: 8px;

    color: #2e6987;

    content: "/\00a0";

}

ul.breadcrumb li a {

    color: #000;

    text-decoration: none;

}

ul.breadcrumb li a:hover {

    color: #01447e;

    text-decoration: underline;

}

.inner_page{

    float: left;

    width: 100%;

    padding: 15px 0;

}

.breadcrumb_container{

    float: left;

    width: 100%;

    background: #e6e6e6;

}

.inner_page h2 {

    color: #000;

    font-weight: bold;

    font-size: 24px;

    text-transform: uppercase;

    float: left;

    width: 100%;

    margin-bottom: 15px;

    text-align: center;

}

.inner_page h2::after {

    content: "";

    width: 100px;

    background-color: #1aaca5 ;

    height: 5px;

    color: #fff;

    position: relative;

    display: block;

    margin: 7px auto;

}

.hm_service_head::after {

    content: "";

    width: 100px;

    background-color: #1aaca5 ;

    height: 5px;

    color: #fff;

    position: relative;

    display: block;

    margin: 7px auto;

}

.hm_clients h1::after {

    content: "";

    width: 100px;

    background-color: #1aaca5 ;

    height: 5px;

    color: #fff;

    position: relative;

    display: block;

    margin: 7px auto;

}

.hm_contact h1::after {

    content: "";

    width: 100px;

    background-color: #fff;

    height: 5px;

    color: #fff;

    position: relative;

    display: block;

    margin: 7px auto;

}

.testimonials h1::after {

    content: "";

    width: 100px;

    background-color: #1aaca5 ;

    height: 5px;

    color: #fff;

    position: relative;

    display: block;

    margin: 7px auto;

}























.inner_page p {

    font-size: 15px;

    text-align: justify;

    font-family: 'Open Sans', sans-serif;

    line-height: 30px;

    color: #333;

}

.mission_ul{ float: left; width: 100%;list-style-image: url('../images/icon.png'); }

.mission_ul li { font-size: 15px;

    text-align: justify;

    font-family: 'Open Sans', sans-serif;

    line-height: 30px;

    color: #333;  }

.mission_ul i { margin-right: 5px; color: #2e6987; }

.nav-tabs>li {

    float: left;

    margin-bottom: -1px;

    width: 100%;

    font-size: 15px;

    text-align: justify;

    font-family: 'Open Sans', sans-serif;

    line-height: 25px;

    color: #333;

   border-bottom: 1px solid #efefef;

    border-right: 1px solid #ddd;

}

.nav-tabs> .active {

    background: #2e6987;

}

.nav-tabs> .active a {

    color: #fff !important;

}

.nav-tabs>li>a {

    margin-right: 2px;

    line-height: 1.42857143;

    border: 1px solid transparent;

    border-radius: 4px 4px 0 0;

    background: none !important;

    color: #000;

        border: none !important;

}

.tabs-left>li.active>a::after {

    content: "";

    position: absolute;

    top: 10px;

    right: -12px;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 10px solid #2e6987;

    display: block;

    width: 0;

}



.service h3{

    color: #2e6987;

    font-weight: bold;

    font-size: 19px;

    text-transform: uppercase;

    float: left;

    width: 100%;

    margin-bottom: 15px;

}

/* .welcome_btn {

    width: 100%;

} */

.tab-content img { margin-bottom: 15px; }

.blog-grids .grid {

    padding: 15px;

    margin: 20px 15px 15px;

    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);

}

.entry-body {

    padding: 27px 10px;

}

.entry-body .cat {

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

}

.entry-body h3 {

    font-size: 16px;

    font-weight: 600;

    line-height: 1.30em;

    margin: 3px 0 0.73em;

    height: 40px;

}

.entry-body h3 a {

    color: #231f20;

}

.entry-body p  {margin-bottom: 10px ;}

.news_title {

    float: left;

}

.news_details h4 {

    font-size: 17px;

    color: #333;

    font-weight: 500;

    padding: 0;

    margin: 0 0 10px 0;

}

.news_details h3 {

    width: 100%;

    font-size: 13px;

    color: #333;

    font-weight: 500;

    padding: 0;

    margin: 0 0 10px 0;

    line-height: 20px;

}

.news_details h3 i {

    padding: 0 6px 0 0;

}



 .news_details .welcome_btn{

    float: right;

    max-width: 150px;

}

.news_details h5 {

    width: 100%;

    font-size: 15px;

    color: #333;

    font-weight: 400;

    padding: 0;

    line-height: 28px;

    word-wrap: break-word;

}

.news_details_img {

    width: 430px;

    float: left;

    margin: 0 10px 0 0;

    border: 1px solid #efefef;

}











address i {

    font-size: 20px;

    float: left;

    margin: 5px 10px 0 0;

    color: #14507d;

}



.contact-us .address, .contact-us .phone, .contact-us .mail {

    overflow: hidden;

}



.contact-us a{

    color: #000;

}

.contact-us input, .contact-us textarea{

margin: 0px 0 10px 0;

    outline: none;

    box-shadow: none;

    height: 38px;

    font-size: 14px;

    color: #333;

    border-radius: 4px;

}



.careers_job li {

    list-style: none;

}



.inner_page .form-control, .inner_page .form-group{

    width: 100%;

}



.panel-title a {

    display: block;

}



.flex_container {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    float: left;

    width: 100%;

    padding-bottom: 20px;

}



.flex_box {

    flex: auto;

    align-self: flex-start;

    height: auto;

    width: 100%;

    margin: 4px;

    position: relative;

    /* max-width: 207px; */

    max-width: 185px;

    padding: 0;

    box-shadow: 0px 0 10px 3px rgba(204, 204, 204, 0.6);

}



@media screen and (min-width: 768px) {



.logo_box{ /* margin-top: -20px; */ }

}

@media screen and (max-width: 768px) {



    .entry-body p {

    text-align: center;

}

.entry-media img{

    MARGIN: 0 AUTO;

    MARGIN-BOTTOM: 15PX;

}

}

@media screen and (max-width: 990px) {

  .news_details_img  {

    position: relative;

    display: block;

    margin: 0 auto;

    float: none;

}

    .career_btn {

        float: none;

        margin: 0 auto;

        text-align: center;

        display: table;

    }

    .career_btn .welcome_btn {

        float: left!important;

    }

}

@media screen and (max-width: 1199px) {

#menu-button{padding: 14px 0px !important;}

}



/***************************** @media *****************************/

@media screen and (min-width: 992px) and (max-width: 1199px) {

    #amazingcarousel-1 .amazingcarousel-text {

    min-height: 98px;

}

    .hm_service h4 {

        height: 60px;

    }

    .permit_logo {

    top: 140px;

    /* background: #fff; */

    padding: 10px;

    right: 5%;

    z-index: 99;

}

    .video_container {

        height: 605px;

    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

     #amazingcarousel-1 .amazingcarousel-text {

    min-height: 116px;

}

.contact_us_address_box {

    min-height: 262px !important;

}

}

@media screen and (min-width: 200px) and (max-width: 991px) {

    #amazingcarousel-1 .amazingcarousel-date {

        min-height: 48px;

    }

    .newsletter h4 {

        text-align: center;

        margin-bottom: 15px;

}

    .newsletter h3 {

    text-align: center;

}

    .video_content {

        width: 100%;

        background-image: url(../images/video_bg.html);

        background-size: initial;

        background-position: right bottom;

        background-repeat: no-repeat;

        background-color: #eee;

    }

    .video_container {

        display: none;

    }

    .f_box {

        display: block;

    }

    .course {

        border: none;

    }

    .footer h1 {

        width: 100%;

        float: left;

        border-bottom: 1px solid #999;

        margin: 20px 0 10px 0;

        padding: 0 0 2px 0;

    }

    .expo_logo, .years_logo {

        margin: 0 auto;

        padding: 30px 0 0 0;

        float: none;

    }

    .video_content h1 {

        text-align: center;

    }

    .f_logo, .address {

        border: none;

    }

    .permit_logo {

    top: 190px;

    /* background: #fff; */

    padding: 10px;

    right: 5%;

    z-index: 99;

}

    

.top {

    background-position: 300px 50%;

}



}

@media screen and (min-width: 768px) and (max-width: 840px) {



    #amazingcarousel-container-3 {

    padding: 0px 40px !important;

}

}

@media screen and (min-width: 200px) and (max-width: 767px) {

    .people_our h3 {

    text-align: center;

    padding: 10px 0 5px 0;

    width: 100%;

    float: left;

    font-size: 18px;

    font-weight: bold;

}

.people_our h4 {

    text-align: center;

    padding: 0 0 7px 0;

    width: 100%;

    float: left;

    font-size: 14px;

    line-height: 18px;

}

    .entry-body {

    padding: 0 0;

}



.entry-body .welcome_btn {

    margin: 0px auto;

}

    .newsletter input {

    padding-left: 5px;

}

.welcome_btn{

    float: none;

    margin: 10px auto;

    width: 150px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}

    .newsletter h4 {

    color: #fff;

    margin-bottom: 15px;

}

    .vat_logo {

    padding: 0% 0;

}

    .top_number ul li {

    text-align: center;

    width: 100%;

}

.top_number ul {

    width: 100%;

    float: left;

    margin: 0 auto;

}

    .hom_logo {

        float: none;

        margin: 5px 0 0 0;

    }

    .revit_logo {

        float: none;

        margin: 5px 0 0 0;

    }

    .course_calendar {

        padding: 15px;

        margin: 15px 0 0 0;

    }

    .course_schedule h1{

        margin: 10px 0;

    }

    .banner_text {

        display: none;

    }

    .expo_logo, .years_logo {

        padding: 0;

        margin: 20px 0 0 0;

        float: left;

    }

    .top_btn {

        margin: 0 15px;

        padding: 15px;

    }

    .top_search {

        width: 100%;

        float: left;

    }

    .calendar_box {

        width: 240px;

        float: none;

        margin: 0 auto;

        display: block;

    }

    .hm_videogallery img {

        width: 350px;

        margin: 0 auto;

        display: block;

        float: none;

    }

    /* .f_logo ul {

        text-align: center;

    } */

    .footer h1 {

        width: 100%;

        float: left;

        border-bottom: 1px solid #999;

        margin: 20px 0 10px 0;

        padding: 0 0 2px 0;

    }

    .permit_logo {

        position: static;

        top: 0;

        margin: 0 auto;

        float: none;

    }

}



@media screen and (min-width: 200px) and (max-width: 600px) {

        #amazingcarousel-container-3 {

    padding: 0px 40px !important;

}

    .hm_service_box {

        width: 100%;

    }

    .hm_service h4 {

        height: auto;

    }

    .welcome h2 {

        width: 100%;

        padding: 0 0 20px 0;

    }

    .logo_box {

        width: 100%;

    }

    .hom_logo {

        display: none;

    }

    .homxs_logo {

        width: 260px;

        float: none;

        margin: 5px auto;

        display: block;

    }

    .revit_logo {

        float: none;

        margin: 5px auto;

    }

    .mobile_menu {

        display: block !important;

    }

    .top_btn_box {

    width: 154px;

    margin: 0 auto;

    text-align: center;

}

    .top_btn {

        display: none;

    }

    .top_social a {

        border: none;

    }

    .p_div {

        width: 100%;

    }

    .footer h1 {

        width: 100%;

        float: left;

        border-bottom: 1px solid #999;

        margin: 20px 0 10px 0;

        padding: 0 0 2px 0;

    }

    .top_btn_box ul {

    text-align: right;

    padding: 28px 0 5px 0;

}

}



@media screen and (min-width: 500px) and (max-width: 768px) {

#amazingcarousel-1 .amazingcarousel-text {

    padding: 31px 0 !important;

}

.contact_us_address_box {

    width: 48% !important;

    min-height: 262px !important;

}

}



@media screen and (min-width: 200px) and (max-width: 499px) {

    .contact_us_address_box {

    width: 100% !important;

    min-height: 262px !important;

}



    #amazingcarousel-1 .amazingcarousel-text{

       min-height: 113px !important;

        padding: 12px 0 !important;

    }

    .amazingcarousel-image{

        min-height: 113px;

    }

}





/* 

@media screen and (min-width: 405px) and (max-width: 499px) {



#amazingcarousel-1 .amazingcarousel-image { padding: 0 0 0 0 !important; }

#amazingcarousel-1 .amazingcarousel-text{ padding: 20px 0 !important; }

}



@media screen and (min-width: 200px) and (max-width: 405px) {

padding: 0px 0 !important;

} */





.border_box { margin-bottom: 15px; }

.contact_us_address {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    float: left;

    width: 100%;

    padding-bottom: 20px;

    text-align: center;

}

.contact_us_address_box {

    color: #fff;

    flex: auto;

    height: auto;

    width: 31%;

    margin: 1%;

    position: relative;

    padding: 19px 10px;

    min-height: 232px;

    background: #376586;



}

.contact_us_address_box h4 {

    padding-bottom: 15px;

}

.contact_us_address_box p{text-align: center;    color: #fff;}

.contact_us_address_box a{ text-align: center;   color: #fff;}

.contact_us_address_box i{ margin-right: 5px; }





@media screen and (min-width: 768px) and (max-width: 991px) {

#amazingcarousel-1 .amazingcarousel-text {

  

    min-height: 116px !important;

}



}



@media screen and (min-width: 200px) and (max-width: 499px) {



}





.people_our{ float: left; width: 100%; }

.people_our img {

    max-width: 180px;

    width: 100%;

}



.sep{}

.people_our h4 {

    float: left;

    width: 100%;

    font-size: 15px;

    margin: 6px 0;

    line-height: 22px;

}





.inner_page.service .tab-content li

{

    list-style-image: url(../images/icon-bullet.png);

}

.inner_page.service .tab-content ul

{

    margin-left: 25px;

}



.fare_practice_code h3

{

    margin-top: 30px;

}

.fare_practice_code .ul_main

{

    padding-left: 20px;

    font-size: 15px;

    margin: 10px 0;

    line-height: 1.7;

}

.fare_practice_code .ul_main

{

    padding-left: 25px;

}

.fare_practice_code h4

{

    margin: 30px 0 10px 10px;

}

.fare_practice_code .ul_sub

{

    font-size: 15px;

    padding-left: 30px;

}

.fare_practice_code .ul_sub li

{

    margin-bottom: 7px;

}

.fare_practice_code .ul_main li 

{

    /* list-style-type: lower-roman;

    list-style-position: outside; */

    /* list-style-image: url(../images/icon-bullet.png); */

}

.fare_practice_code .ul_main.one li {

   /*  list-style-image: url(../images/icon-bullet.png); */

}

.fare_practice_code .ml-10

{

    margin-left: 10px;

}



/* section.banner 

{

	position: relative;

} */

.scroll_news p

{

	display: inline-block;

	padding: 2px 30px;

	position: relative;

}

.scroll_news p a

{

font-size: 14px;

    color: #ffffff;

    text-decoration: none !important;

}

.scroll_news p a:hover

{

	color: #ffffff;

}

.scroll_news

{

    position: relative;

    top: 0;

    left: 0;

    background-color: #1aaca5;

    width: 100%;

    height: 25px;

}

.scroll_news p::before

{

content: "";

    display: inline-block;

    background-color: #ffffff61;

    height: 15px;

    position: absolute;

    width: 14px;

    left: -10px;

    top: 5px;

    transform: skew(26deg, 0deg);

}

.scroll_news .head

{

    display: inline-block;

    position: absolute;

    left: 0;

    top: 0;

    background-color: #0c827c;

    height: 100%;

    width: 100px;

    z-index: 1;

    color: #ffffff;

    padding: 3px 6px;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 4px;

    font-weight: 900;

    text-align: center;

}

.scroll_news .head::after

{

content: "";

    display: inline-block;

    background-color: #0b6964;

    height: 100%;

    position: absolute;

    width: 23px;

    right: -11px;

    top: 0;

    transform: skew(25deg, 0deg);

}



.news_details .news_link

{

    float: none;

}

.backbuton{
    float: right;
    margin-bottom: 18px;
    color: #000;
    background-color: #e6e6e6;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    padding: 3px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.backbuton i{
    font-weight: 500;
    color: #63ada5;
}


.video-lined {
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
    font-size: 16px;
}

.video-lined:after {
    width: 50px;
    height: 3px;
    position: absolute;
    left: -25px;
    bottom: -1px;
    content: '';
    background-color: #1aaca5;
}

/*.video-lined span{
    font-weight: 600;
}*/

.video-lined a {
    font-weight: 600;
    color:#1aaca5 ;
}