html {
    font-size: 14px;
    line-height: 40px;
}
body {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    overflow-x: hidden;
    background-color: #ffffff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'Work Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 300;
    position: relative;
    font-family: 'Work Sans', sans-serif;
}
p {
    margin: 0;
    padding: 0;
}

.navbar {
    border-width: 0;
    margin-bottom: 0;
}
.navbar-toggle {
    border: 0;
    padding: 0;
    height: 16px;
    font-size: 0;
    line-height: 0;
    float: none;
    margin: 17px 0 17px auto;
    color: #000000;
    border-radius: 0;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;
    top: 0;
    right: 0;
    float: none;
    position: absolute;
}
.navbar-toggle span {
    font-size: 1rem;
    overflow: hidden;
    line-height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.navbar-toggle span.menu-wd { padding-right: 5px; }
.navbar-toggle span.lines-wrapper {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;

    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;

    -webkit-transition: transform 0.30s ease-in-out;
            transition: transform 0.30s ease-in-out;

    -webkit-animation: tlcMenuButton 1s forwards;
            animation: tlcMenuButton 1s forwards;
}
.navbar-toggle span.lines-wrapper i {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    display: block;
    position: relative;
    background-color: #000000;

    -webkit-animation: tlcMenuButtonLines 1s forwards;
            animation: tlcMenuButtonLines 1s forwards;
}
.navbar-toggle span.lines-wrapper i::after,
.navbar-toggle span.lines-wrapper i::before {
    left: 0;
    height: 2px;
    width: 100%;
    content: '';
    display: block;
    position: absolute;
    background-color: #000000;

    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;

    -webkit-transition: all 0.30s ease-in-out;
            transition: all 0.30s ease-in-out;
}
.navbar-toggle span.lines-wrapper i::after {
    -webkit-animation: tlcMenuButtonLinesBottom 1.5s forwards;
            animation: tlcMenuButtonLinesBottom 1.5s forwards;
}
.navbar-toggle span.lines-wrapper i::before {
    -webkit-animation: tlcMenuButtonLinesTop 1.5s forwards;
            animation: tlcMenuButtonLinesTop 1.5s forwards;
}
.tlc-menuButton-toggle.navbar-toggle span.lines-wrapper {
    -webkit-animation: tlcMenuButtonToggle 1s forwards;
            animation: tlcMenuButtonToggle 1s forwards;
}
.tlc-menuButton-toggle.navbar-toggle span.lines-wrapper i {
    -webkit-animation: tlcMenuButtonLinesToggle 1s forwards;
            animation: tlcMenuButtonLinesToggle 1s forwards;
}
.tlc-menuButton-toggle.navbar-toggle span.lines-wrapper i::after {
    -webkit-animation: tlcMenuButtonLinesBottomToggle 1.5s forwards;
            animation: tlcMenuButtonLinesBottomToggle 1.5s forwards;
}
.tlc-menuButton-toggle.navbar-toggle span.lines-wrapper i::before {
    -webkit-animation: tlcMenuButtonLinesTopToggle 1.5s forwards;
            animation: tlcMenuButtonLinesTopToggle 1.5s forwards;
}
@-webkit-keyframes tlcMenuButton {
    50% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(180deg); }
}
@keyframes tlcMenuButton {
    50% { transform: rotate(0deg); }
    100% { transform: rotate(180deg); }
}
@-webkit-keyframes tlcMenuButtonLines {
    0%, 50% { background-color: transparent; }
    100% { background-color: #000000; }
}
@keyframes tlcMenuButtonLines {
    0%, 50% { background-color: transparent; }
    100% { background-color: #000000; }
}
@-webkit-keyframes tlcMenuButtonLinesBottom {
    0% {
        bottom: 0;
        -webkit-transform: rotate(45deg);
    }
    50% {
        bottom: 0;
        -webkit-transform: rotate(0);
    }
    100% {
        bottom: -5px;
    }
}
@keyframes tlcMenuButtonLinesBottom {
    0% {
        bottom: 0;
        transform: rotate(45deg);
    }
    50% {
        bottom: 0;
        transform: rotate(0);
    }
    100% {
        bottom: -5px;
    }
}
@-webkit-keyframes tlcMenuButtonLinesTop {
    0% {
        top: 0;
        -webkit-transform: rotate(-45deg);
    }
    50% {
        top: 0;
        -webkit-transform: rotate(0);
    }
    100% {
        top: -5px;
    }
}
@keyframes tlcMenuButtonLinesTop {
    0% {
        top: 0;
        transform: rotate(-45deg);
    }
    50% {
        top: 0;
        transform: rotate(0);
    }
    100% {
        top: -5px;
    }
}
@-webkit-keyframes tlcMenuButtonToggle {
    50% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-180deg); }
}
@keyframes tlcMenuButtonToggle {
    50% { transform: rotate(0deg); }
    100% { transform: rotate(-180deg); }
}
@-webkit-keyframes tlcMenuButtonLinesToggle {
    0%, 50% { background-color: #000000; }
    51%, 100% { background-color: transparent; }
}
@keyframes tlcMenuButtonLinesToggle {
    0%, 50% { background-color: #000000; }
    51%, 100% { background-color: transparent; }
}
@-webkit-keyframes tlcMenuButtonLinesBottomToggle {
    0% {
        bottom: -5px;
    }
    50% {
        bottom: 0;
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}
@keyframes tlcMenuButtonLinesBottomToggle {
    0% {
        bottom: -5px;
    }
    50% {
        bottom: 0;
        transform: rotate(0);
    }
    100% {
        transform: rotate(45deg);
    }
}
@-webkit-keyframes tlcMenuButtonLinesTopToggle {
    0% {
        top: -5px;
    }
    50% {
        top: 0;
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-45deg);
    }
}
@keyframes tlcMenuButtonLinesTopToggle {
    0% {
        top: -5px;
    }
    50% {
        top: 0;
        transform: rotate(0);
    }
    100% {
        transform: rotate(-45deg);
    }
}

#main-wrapper {
    position: relative;
    overflow-x: hidden;
}

.fixed-header .header-menu-stuck {
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    position: fixed;
}
.header-menu-container,
.fixed-header .header-menu-stuck {
    background-color: #ffffff;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transition: all 0.30s ease-in-out;
            transition: all 0.30s ease-in-out;

    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.10);
       -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.10);
            box-shadow: 0 1px 8px rgba(0, 0, 0, 0.10);
}

.tlc-section {
    padding: 50px 0;
    position: relative;
}
.tlc-section-small {
    padding: 30px 0;
    position: relative;
}
@media (max-width: 991px) {
    .padding-bottom-0 { padding-bottom: 0; }
}
@media (min-width: 1200px) {
    .tlc-section { padding: 115px 0; }
    .tlc-section-small { padding: 50px 0; }
}
#section-1 { padding: 60px 0; }

@media (min-width: 992px) {

    .navbar-collapse.collapse {
        float: none;
        line-height: 0;
        text-align: center;
    }
    ul.navbar-nav {
        padding: 0;
        width: auto;
        float: none;
        margin: 0 -15px;
        display: inline-block;
    }
    ul.navbar-nav > li { margin: 0 15px; }
    ul.navbar-nav > li > a {
        line-height: 1;
        margin: 30px 0;
        font-size: 20px;
        font-weight: 400;
        padding: 5px 10px;
        letter-spacing: 0.30px;
    }


}
ul.navbar-nav > li > a {
    color: #000000;
    font-weight: 400;
}
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li.current_page_item > a,
[data-spy="scroll"] ul.navbar-nav > li.active > a {
    color: #ffffff;
    background-color: #f49e12;
}

@media (max-width: 991px) {

    .container { width: 100%; }

    .header-section:not(.sidebar-header) .navbar-toggle { display: inline-block; }
    .header-section:not(.sidebar-header) .navbar .col-md-12 { position: static; }
    .header-section:not(.sidebar-header) .navbar .col-md-12::after {
        content: '';
        clear: both;
        display: table;
    }
    .header-section:not(.sidebar-header) .header-menu-center-side {
        z-index: 5;
        margin-top: -1px;
    }
    .header-section:not(.sidebar-header) .navbar-collapse.collapse,
    .header-section:not(.sidebar-header) .header-menu-center-side .navbar-collapse.collapse {
        left: 0;
        right: 0;
        top: 100%;
        padding: 0;
        width: 100%;
        position: absolute;
        display: none !important;
        background-color: #ffffff;
    }
    .header-section:not(.sidebar-header) .navbar-collapse.collapsing {
        left: 0;
        top: 100%;
        padding: 0;
        width: 100%;
        display: block;
        max-height: 300px;
        position: absolute;
        background-color: #ffffff;
        overflow: hidden !important;
        border-top: 1px solid #efefef;
    }
    .header-section:not(.sidebar-header) .navbar-collapse.collapse.in {
        padding: 0;
        max-height: 300px;
        display: block !important;
        overflow: hidden !important;
        overflow-y: scroll !important;
        border-top: 1px solid #efefef;
    }

    .header-section:not(.sidebar-header) ul.navbar-nav {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 750px;
        float: none !important;
    }

    .header-section:not(.sidebar-header) ul.navbar-nav > li {
        padding: 0;
        width: 100%;
        display: block;
        margin: 0 auto;
        border-top: 1px solid #efefef;
    }
    .header-section:not(.sidebar-header) ul.navbar-nav > li:first-child { border: 0; }
    .header-section:not(.sidebar-header) ul.navbar-nav > li > a,
    .header-section:not(.sidebar-header) .header-menu-left-side ul.navbar-nav > li > a,
    .header-section:not(.sidebar-header) .header-menu-center-side ul.navbar-nav > li > a {
        padding: 12px;
        text-align: left;
    }
    .header-section:not(.sidebar-header) ul.navbar-nav li ul,
    .header-section:not(.sidebar-header) ul.navbar-nav li.megamenu > ul {
        border: 0;
        opacity: 1;
        width: 100%;
        margin: 0 auto;
        overflow-y: hidden;
        position: relative;
        visibility: visible;
        background-color: #f5f5f5;

        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;

        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);

        -webkit-transition: all 0s ease-in-out;
                transition: all 0s ease-in-out;
    }
    .header-section:not(.sidebar-header) ul.navbar-nav li.megamenu > ul { padding: 10px 0; }
    .header-section:not(.sidebar-header) ul.navbar-nav li ul ul {
        top: 0;
        left: 0;
        right: 0;
        padding: 0;
        position: relative;
    }
    .header-section:not(.sidebar-header) ul.navbar-nav li.megamenu > ul .menu-arrow { display: block; }
    .header-section:not(.sidebar-header) ul.navbar-nav li.megamenu > ul > li {
        padding: 0;
        width: 100%;
        float: none;
        border-right: 0;
    }
}

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

.section-title-h-lg,
.section-title-h-md {
    line-height: 1;
    font-size: 2rem;
    position: relative;
    margin-bottom: 20px;
}
.section-title-h-lg:last-child,
.section-title-h-md:last-child {
    margin-bottom: 0;
}
@media (min-width: 1200px) {
    .section-title-h-lg,
    .section-title-h-md {
        font-size: 3rem;
    }
}

.orange-color { color: #f49e12; }

.section-title-main-csutom-1 {
    padding-left: 30px;
    border-left: 10px solid #f49e12;
}
.section-title-main-csutom-1 .section-title-h-lg::before {
    top: 0;
    left: -30px;
    width: 10px;
    content: '';
    height: 100%;
    position: absolute;
    background-color: #f49e12;
}
.section-title-main-csutom-2 .section-title-h-lg {
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f4b12a;
}
.blue-bg-1 { background-color: #0a2448; }
.blue-bg-1 .section-title-main-csutom-2 .section-title-h-lg {
    background-color: #0a2448;
}

.orange-bg-1 { background-color: #f4b12a; }
.orange-bg-2 { background: #f49e12; }
.white-color { color: #ffffff; }

.white-sep,
.white-sep-h {
    content: '';
    position: absolute;
    background-color: #ffffff;
}
.white-sep {
    top: 0;
    left: 50%;
    width: 10px;
    height: 100%;
    margin-left: -5px;
}
.white-sep-h {
    top: 50%;
    right: 100%;
    height: 10px;
    width: 10000%;
    margin-top: -5px;
    margin-right: 30px;
}
@media (min-width: 992px) {
.col-md-offset-6 .white-sep-h {
    right: auto;
    left: 100%;
    margin-right: auto;
    margin-left: 30px;
}
}

.mb-100 { margin-bottom: 50px; }
@media (min-width: 1200px) {
    .mb-100 { margin-bottom: 100px; }
}

.middle-img {
    position: relative;
    padding: 50px 0;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.middle-img img {
    max-width: 80%;
    position: relative;
    z-index: 2;
}

.middle-img-left {
    background-position: right center;
}
.middle-img-right {
    background-position: left center;
}
@media (max-width: 991px) {
    .middle-img { background-image: none !important; }
}
.middle-img::after,
.middle-img::before {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 50%;
    content: '';
    position: absolute;
}
.middle-img::before { top: 0; }
.middle-img::after { top: 50%; }
.orange-light-dark::before { background-color: #f4b12a; }
.orange-light-dark::after { background-color: #f49e12; }
.orange-dark-light::before { background-color: #f49e12; }
.orange-dark-light::after { background-color: #f4b12a; }
@media (min-width: 992px) {
    .middle-img img,
    .middle-img::after,
    .middle-img::before {
        display: none;
    }
    .middle-img {
        z-index: 3;
        top: -5%;
        width: 50%;
        height: 110%;
        padding: 0;
        position: absolute;
    }
    .middle-img-left { left: 50%; }
}
.display-none-mobile { display: none; }
@media (min-width: 1200px) {
    .display-none-mobile { display: block; }
}
@media (min-width: 992px) {
    .middle-img-left.display-none-mobile { display: block; }
}
.img-block {
    overflow: hidden;
    position: relative;
}
.img-block::after,
.img-block::before {
    position: absolute;
    left: 50%;
    width: 10px;
    content: '';
    height: 10%;
    margin-left: -5px;
    background: #ffffff;
}
.img-block::before { top: 0; }
.img-block::after { bottom: 0; }

.img-block .img-block-d { display: none; }
.img-block .img-block-m { display: block; }
@media (min-width: 768px) {
    .img-block .img-block-d { display: block; }
    .img-block .img-block-m { display: none; }
}



.footer-copyright-section { font-size: 1rem; }
.footer-copyright-section { padding: 10px 0; }
.footer-copyright-section .col-md-6 { margin-bottom: 10px; }
@media (min-width: 992px) {
    .footer-copyright-section .col-md-6:last-child { text-align: right; }
}

a,
a:hover {
    color: #000000;
}
.btn-tlc-top {
    width: 42px;
    height: 42px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    line-height: 42px;
    background-color: #f49e12;
}
.btn-tlc-top:hover { color: #ffffff; }


.notification-block {
    right: 0;
    bottom: 0;
    z-index: 999;
    margin: 0 auto;
    display: block;
    position: fixed;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    font-size: 1rem;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transition: all 0.30s ease-in-out;
            transition: all 0.30s ease-in-out;
}
.notification-block-wrapper {
    z-index: 2;
    width: 140%;
    max-height: 100vh;
    margin-left: -20%;
    padding-left: 20%;
    position: relative;
    margin-right: -20%;
    padding-right: 20%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.notification-block-style-2 .notification-block-wrapper,
.notification-block-style-3 .notification-block-wrapper {
    overflow: visible;
}
.notification-block-container {
    z-index: 2;
    width: 100%;
    padding: 25px;
    display: block;
    margin: 0 auto;
    position: relative;
}
.notification-block-content {
    width: 100%;
    padding: 25px;
    display: block;
    margin: 0 auto;
    text-align: left;
    position: relative;
    overflow-y: hidden;
    border-radius: 2px;
    background-color: #ffffff;

    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;

    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.notification-block-content.text-right { text-align: right; }
.notification-block-content.text-center { text-align: center; }
.notification-block-content .notification-block-close-btn {
    border: 0;
    padding: 0;
    z-index: 10;
    float: right;
    opacity: 0.70;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    line-height: 15px;
    margin: 0 0 0 15px;
    position: relative;
    font-family: sans-serif;
    background-color: transparent;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.text-center .notification-block-close-btn {
    top: 20px;
    right: 20px;
    position: absolute;
}
.text-right .notification-block-close-btn {
    float: left;
    margin: 0 15px 0 0;
}
.notification-block-content .notification-block-close-btn span { display: block; }
.notification-block-content .notification-block-close-btn:hover { opacity: 1; }
.notification-block-style-3 {
    width: 100%;
    border-top: 3px solid #f49e12;

    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
}
.notification-block-style-3.NB_correctPosition {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.notification-block-style-3 .notification-block-container { padding: 0; }
.notification-block-style-3 .notification-block-content {
    padding: 20px;
    border-radius: 0;
}

.small-line-height { line-height: 0.60; }
.small-line-height small { font-size: 50%; }

.section-title-main-csutom-1 { color: #666666; }
.top-footer-section { padding: 50px 0; }
@media (min-width: 1200px) {
    .top-footer-section { padding: 50px 0 8px; }
}
.top-footer-section .section-title-h-lg { font-size: 2rem; }

@media (max-width: 991px) {
    .padding-top-0 { padding-top: 0; }
}

@media (max-width: 991px) {
    .text-center-mobile { text-align: center !important; }
    .text-center-mobile .col-md-6:first-child { margin-bottom: 0; }
}

.navbar { line-height: 0; }
.navbar-header {
    float: none;
    width: 100%;
    font-size: 0;
    line-height: 0;
    min-height: 50px;
    text-align: center;
    position: relative;
}
@media (min-width: 992px) {
    .navbar-header { display: none; }
}
.navbar-brand {
    padding: 0;
    float: none;
    display: none;
    height: 50px;
    font-size: 18px;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
    margin-right: -16px;
}
.navbar-brand > img { max-height: 50px; }

.navbar-header.show-navbar-header { text-align: center; }
.navbar-header.show-navbar-header .navbar-brand { display: inline-block; }

.text-center .notification-block-close-btn {
    top: 20px;
    right: 15px;
    position: absolute;
}
.close {
    z-index: 10;
    position: relative;
}
@media (max-width: 767px) {
    .white-sep {
        width: 5px;
        margin-left: -2.5px;
    }
    .white-sep-h {
        height: 5px;
        margin-top: -2.5px;
    }
    .section-title-main-csutom-1 { border-left-width: 5px; }
    .section-title-main-csutom-1 .section-title-h-lg::before { width: 5px; }
    .img-block::after,
    .img-block::before {
        width: 5px;
        margin-left: -2.5px;
    }
}

.top-footer-section .section-title-h-lg {
    margin-bottom: 0;
    font-size: 1.5rem;
}


.top-footer-section {
	padding: 10px 0 10px 0;
}

@media (min-width: 1200px) {
	.top-footer-section {
 	   padding: 25px 0 25px 0;
	}
}
@media (min-width: 992px) {
.col-md-4 {
    float: right;
}
}
.btn-tlc-top {
    bottom: 0;
    right: 15px;
    position: absolute;
}
.notification-block-style-3 .notification-block-content {
    padding: 20px 40px;
}
