body { font-family: 'OpenSans', Arial, Tahoma, Veranda; }

#wrapper { position: relative; background-color: #fff; }

    #wrapper, #wrapper.boxed, #wrapper.boxed-long { width: 100%; }

.header-top { text-align: right; padding-top: 15px; }

.header-logo { float: left; }

.site-logo img { width: 120px; }

.menu-top { padding-bottom: 15px; border-bottom: 1px solid #ddd; display: inline-block; width: 100%; }

.header-menu { float: right; }

.left-top { float: right; border-right: 1.5px solid #404040; padding-right: 20px; margin-right: 20px; }

.right-top { float: right; }

    .right-top a { cursor: pointer; }

.txt-search.hide { display: none; }

.txt-search { float: right; margin-right: 10px; }

    .txt-search input { border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px; width: 250px; margin-top: 3px; font-size: 13px; }

.company-name { text-transform: uppercase; color: #000; font-weight: bold; }

.bottom-name { margin: 0; padding: 0; list-style: none; }
    .bottom-name li { float: left; }
        .bottom-name li a { float: left; padding: 0 10px; border-right: 1px solid #ed1c24; color: #ed1c24; }

        .bottom-name li:last-child a { padding-right: 0px; border-right: none; }

.box-search { float: left; padding: 5px 10px 0px 0px; }

.flag { float: left; margin-top: 5px; }

.nav > li:last-child > a { margin-right: 0px; }

.nav > li > a { font-size: 13px; margin-right: 23px; }

.tp-arr-imgholder { background-image: none !important; }

.tp-arr-titleholder { display: none !important; }

.tp-bullet { border-radius: 50%; background-color: #fff; }

    .tp-bullet.selected, .tp-bullet:hover { background-color: #ed1c24; }



.navbar-nav > li > a { padding-bottom: 0px; }

.navbar-nav > li:hover > a > span { border-bottom: 3px solid #ed1c24; display: block; width: 70%; margin: 0 auto; margin-top: 10px; }

.navbar-nav > li:hover .dropdown-menu { display: block; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #ed1c24; }

.nav > li:hover > a { color: #ed1c24; }

.nav > li > a:focus > span, .nav > li > a:hover > span, .nav > li > a.active > span, .nav > li.open > a > span { border-bottom: 3px solid #ed1c24; display: block; width: 70%; margin: 0 auto; margin-top: 10px; }

.bg-gray { background-color: #f9fafb; }

.ul-field { margin: 0; padding: 0; list-style: none; position: relative; }

    .ul-field .field { height: 183px; }

    .ul-field li { float: left; width: 48%; margin: 5px; overflow: hidden; }

        .ul-field li a img { width: 100%; transition: transform .5s; height: 183px; }

.logo-work { position: absolute; top: 120px; left: 35%; display: block; width: auto !important; background-color: #fff; padding: 20px; border-radius: 50%; }

.field-1 { border-radius: 0px 20px; }

.field-2 { border-radius: 20px 0px; }

.field-3 { border-radius: 20px 0px 20px 0px; }

.field-4 { border-radius: 0px 20px 0px 20px; }

.ul-field li:hover a img { transform: scale(1.2); }

.entry-title { color: #ed1c24; margin-bottom: 10px; font-weight: bold; display: inline-block; font-size: 20px; }

.txt-summary p { font-size: 13px; margin-bottom: 10px; }

.ul-summary { list-style: none; padding: 0; border-top: 1px solid #ddd; padding-top: 10px; margin-top: 15px; }

    .ul-summary li { margin: 0px; background: url(/images/i-plus.png) top 2px left no-repeat; padding-left: 25px; margin-bottom: 7px; }

        .ul-summary li a { text-transform: uppercase; font-weight: bold; font-size: 13px; }

.projects { margin-top: 20px; padding-bottom: 20px; display: inline-block; width: 100%; }

ul.box-project, ul.child-project { display: inline-block; border-bottom: 1px solid #ddd; width: 100%; text-align: center; }

li.resp-tab-item { font-weight: 400; float: none; background-color: inherit !important; text-transform: uppercase; font-size: 15px; padding: 20px 20px 0px 20px !important; max-width: 330px; }

li.resp-tab-active { color: #ed1c24; font-weight: 600; }

    li.resp-tab-active span { border-bottom: 3px solid #ed1c24; display: block; width: 70%; margin: 0 auto; margin-top: 10px; }

ul.child-project { border-bottom: none; }

    ul.child-project li.resp-tab-item { font-size: 14px; }

    ul.child-project li.resp-tab-active { color: #000000; }

.ul-tabs-list { padding: 100px 20px; overflow: hidden; height: 483px; width: 20%; background: url(/images/bg-left-project.png) bottom left repeat-x; float: left; }

.resp-vtabs ul.resp-tabs-list { margin: 0 !important; width: 100%; }

ul.project-detail { }

    ul.project-detail li { color: #fff; font-size: 14px; }

        ul.project-detail li.resp-tab-active span { border-bottom: 2px solid #fff; display: block; width: 100%; margin: 0 auto; margin-top: 10px; }

.project-detail .resp-tab-content { padding: 0 !important; }

.project-container { min-height: 482px; overflow: hidden; position: relative; }

.project-content { background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; padding: 20px 0; color: #fff; width: 100%; }

    .project-content .btn { color: #fff; padding: 10px 20px; background-color: #ed1c24; font-size: 12px; border-radius: 20px; }

.list-project, .list-news, .list-partner { padding-bottom: 30px; }

.container-title { font-size: 20px; text-align: center; text-transform: uppercase; font-weight: 400; padding: 30px 0; }

.ul-project { margin: 0; padding: 0; list-style: none; }

    .ul-project li a img { width: 100%; min-height: 180px; display: inline-block;max-height: 300px; }

    .ul-project li .a-img img { width: 255px; transition: transform .2s; }

    .ul-project li:hover .a-img img { transform: scale(1.2) }

    .ul-project li a.title { font-weight: bold; color: #ed1c24; text-transform: uppercase; padding-top: 10px; padding-bottom: 5px; display: inline-block; }

    .ul-project li > p { font-size: 12px; background: url("/images/i-location.png") top left no-repeat; color: #404040; padding-left: 15px; margin-bottom: 10px; }

    .ul-project li > .btn { font-size: 12px; text-transform: uppercase; border: 1px solid #ed1c24; color: #ed1c24; border-radius: 20px; padding: 5px 10px; }
.video-js { width: 100%; }
.news-item img { width: 100%; height: 120px; }

.news-item .a-img { display: inline-block; width: 100%; overflow: hidden; }

.news-item .title { padding: 10px 0; font-weight: 600; display: inline-block; text-align: justify; }

.news-item p { font-size: 13px; display: inline-block; text-align: justify; }

.news-item .more { font-size: 12px; color: #ed1c24; margin-top: 10px; display: inline-block; }

.resp-tab-item:hover > .resp-tabs-child { }

.resp-tabs-child { display: none; position: absolute; margin: 0; padding: 0; top: 10px; left: 111%; width: 100%; background: url(/images/bg-left-project.png) bottom left repeat-x; }

    .resp-tabs-child li a { color: #fff; }

    .resp-tabs-child li:hover a { font-weight: 600; }
/* --------- 19.Owl Carousel -----------

/* Owl Carousel */
.partner-list-carousel .owl-item .img-partner { padding: 0; }

.partner-list-carousel.owl-carousel .owl-item img { display: block; -webkit-transform-style: preserve-3d; margin: 0 auto; max-width: 157px; }

.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut {
    0% { opacity: 1; }

    100% { opacity: 0; }
}

.owl-height { transition: height 500ms ease-in-out; }

.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

    .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }

        .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

    .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

    .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

        .owl-carousel .owl-item img { display: block; width: 157px; height: auto; -webkit-transform-style: preserve-3d; }

    .owl-carousel .owl-nav { display: none; }

        .owl-carousel .owl-nav.disabled,
        .owl-carousel .owl-dots.disabled { display: none; }

        .owl-carousel .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-next,
        .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

    .owl-carousel.owl-loaded { display: block; }

    .owl-carousel.owl-loading { opacity: 0; display: block; }

    .owl-carousel.owl-hidden { opacity: 0; }

    .owl-carousel.owl-refresh .owl-item { display: none; }

    .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

    .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; }

    .owl-carousel.owl-rtl { direction: rtl; }

        .owl-carousel.owl-rtl .owl-item { float: right; }
/*--------------------------------------*/
.footer-top { background-color: #ed1c24; }

    .footer-top .container { padding: 30px 0; }

.logo-footer { float: left; }

.company-infor { display: inline-block; color: #fff; font-size: 12px; border-left: 1px solid #fff; padding-left: 10px; margin-left: 10px; margin-top: 7px; }

    .company-infor strong { text-transform: uppercase; }

.box-register strong { text-transform: uppercase; color: #fff; font-size: 12px; padding: 5px 0; display: inline-block; }

.box-register div input { padding: 5px; width: 73%; font-size: 12px; }

.box-register div button { background-color: #fff; padding: 5px 25px; font-size: 12px; height: 30px; border-radius: 0px; text-transform: uppercase; font-weight: bold; }

.footer-bottom { background-color: #424143; }

    .footer-bottom .container { padding-top: 10px; }

.menu-footer, .ul-social { margin: 0; padding: 0; list-style: none; float: left; }

    .menu-footer li { float: left; border-right: 1px solid #fff; padding: 0 20px; }

        .menu-footer li:first-child { padding-left: 0; }

        .menu-footer li:last-child { padding-right: 0; border-right: none; }

        .menu-footer li a { font-size: 12px; color: #fff; text-transform: uppercase; }

.footer-bottom .col-md-3 { text-align: right; }

    .footer-bottom .col-md-3 span { color: #fff; float: left; margin-left: 48px; }

.ul-social li { float: left; margin-left: 5px; }

.ul-social { margin-left: 10px; position: relative; top: -5px; float: right; }

.page-header { padding: 25px 0; margin: 0 0 30px; background-color: #f6f6fa; border-bottom: 1px solid #eeeeee; /* Parallax + overlay */ /* Dark background */ /* Custom background */ /* Custom2 background */ }

.news-list, .news-detail { margin-bottom: 20px; }

/*------------------------------STYLE OLD------------------------------------*/
@media (min-width: 768px) {
    .page-header { margin-bottom: 30px; }
}

@media (min-width: 992px) {
    .page-header { margin-bottom: 30px; }
}

.breadcrumb > li { text-shadow: 2px 2px 2px #ffffff; }

.page-header .breadcrumb { padding: 0; }

.page-header h1 { font-family: roboto; font-size: 28px; line-height: 1.15; font-weight: 700; color: #333; text-transform: uppercase; margin: 0; text-shadow: 2px 2px 2px #ffffff; }

    .page-header h1 + .breadcrumb { margin-top: 6px; }

.page-header p { font-size: 1.25rem; font-weight: 400; line-height: 1.5; margin: 0; }

.page-header.larger { padding: 70px 0; }

.breadcrumb { padding: 18px 0; margin: 0; background-color: transparent; border-radius: 0; font-size: 1.25rem; font-weight: 400; }

.box-bg { display: block; width: 100%; height: 200px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 10px; }

/* ----------- 9.Blog -----------------
--------------------------------------*/
.entry { margin-bottom: 70px; /* Entry Grid */ /* Entry List */ /* Entry list smaller*/ }

@media (max-width: 767px) {
    .caption-mobile { font-size: 35px; }


    .entry { margin-bottom: 60px; }
}

.entry .entry-media { position: relative; margin-bottom: 25px; background-color: #f95a60; }

    .entry .entry-media figure { position: relative; z-index: 1; transition: all 0.45s; }

        .entry .entry-media figure a { display: block; border: 1px solid transparent; border-color: #959595; }

        .entry .entry-media figure img { display: block; width: 100%; height: auto; }

    .entry .entry-media .entry-meta { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 20px; color: #eaeaea; }

        .entry .entry-media .entry-meta a,
        .entry .entry-media .entry-meta span { display: inline; color: #eaeaea; transition: color 0.4s; }

            .entry .entry-media .entry-meta a i,
            .entry .entry-media .entry-meta span i { font-size: 90%; margin-right: 5px; }

            .entry .entry-media .entry-meta a:last-child,
            .entry .entry-media .entry-meta span:last-child { margin-right: 0; }

            .entry .entry-media .entry-meta a + a:before,
            .entry .entry-media .entry-meta a + span:before,
            .entry .entry-media .entry-meta span + a:before,
            .entry .entry-media .entry-meta span + span:before { content: '/'; margin: 0 12px 0 10px; }

            .entry .entry-media .entry-meta a:hover, .entry .entry-media .entry-meta a:focus,
            .entry .entry-media .entry-meta span:hover,
            .entry .entry-media .entry-meta span:focus { color: #fff; }

@media (max-width: 767px) {
    .entry .entry-media .entry-meta { padding-left: 15px; padding-right: 15px; }
}

.entry .entry-title { color: #222; font-size: 18px; font-weight: 600; line-height: 1.2; margin-bottom: 19px; position: relative; }

    .entry .entry-title i { color: #fff; background-color: #0069b0; width: 34px; height: 34px; font-size: 14px; line-height: 34px; text-align: center; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -17px; }

    .entry .entry-title a { display: block; color: #454545; /*margin-left: 46px;*/ }

        .entry .entry-title a:hover, .entry .entry-title a:focus { color: #f95a60; }

.entry .entry-content > p:last-of-type { margin-bottom: 7px; }

.entry .readmore { font-weight: 600; font-size: 13px; text-transform: uppercase; text-decoration: underline; }

    .entry .readmore i { margin-left: 5px; }

.entry blockquote { padding-left: 25px; padding-right: 25px; margin-bottom: 0; }

@media (max-width: 767px) {
    .entry blockquote { padding-left: 20px; padding-right: 20px; }
}

.entry:hover .entry-media figure { -ms-transform: translateY(-42px); transform: translateY(-42px); }

.entry:hover.entry-grid .entry-media figure { -ms-transform: translateY(-32px); transform: translateY(-32px); }

.entry.entry-grid { margin-bottom: 30px; }

    .entry.entry-grid .entry-media { margin-bottom: 18px; }

    .entry.entry-grid .entry-title { font-size: 16px; margin-bottom: 15px; }

        .entry.entry-grid .entry-title i { width: 30px; height: 30px; font-size: 12px; line-height: 30px; margin-top: -15px; }

        .entry.entry-grid .entry-title a { margin-left: 40px; }

    .entry.entry-grid .entry-meta { font-size: 11px; padding: 7px 15px; }

        .entry.entry-grid .entry-meta a + a:before,
        .entry.entry-grid .entry-meta a + span:before,
        .entry.entry-grid .entry-meta span + a:before,
        .entry.entry-grid .entry-meta span + span:before { content: '/'; margin: 0 7px 0 5px; }

    .entry.entry-grid blockquote { font-size: 14px; }

    .entry.entry-grid .carousel-control { width: 30px; height: 40px; font-size: 15px; line-height: 40px; margin-top: -20px; }

    .entry.entry-grid .readmore { font-size: 11px; }

.entry.entry-list { margin-bottom: 60px; }

@media (min-width: 992px) {
    .entry.entry-list .entry-media { margin-bottom: 0; }
}

.entry.entry-list-sm { margin-bottom: 25px; }

@media (min-width: 768px) {
    .entry.entry-list-sm { margin-bottom: 10px; }
}

.entry.entry-list-sm .entry-media { margin-bottom: 14px; }

@media (min-width: 481px) {
    .entry.entry-list-sm .entry-media { margin-bottom: 0; }
}

.entry.entry-list-sm .row { margin-left: -10px; margin-right: -10px; }

    .entry.entry-list-sm .row [class*="col-"] { padding-left: 10px; padding-right: 10px; }

.entry.entry-list-sm .entry-title { font-weight: 600; font-size: 14px; line-height: 1.45; margin-bottom: 7px; margin-top: -2px; }

@media (min-width: 768px) {
    .entry.entry-list-sm .entry-title { font-size: 16px; }
}

.entry.entry-list-sm .entry-title a { margin-left: 0; }

.entry.entry-list-sm .entry-meta { font-size: 14px; }

    .entry.entry-list-sm .entry-meta > span,
    .entry.entry-list-sm .entry-meta > a { display: block; color: #444; margin-bottom: 2px; }

        .entry.entry-list-sm .entry-meta > span i,
        .entry.entry-list-sm .entry-meta > a i { margin-right: 5px; color: #666; }

    .entry.entry-list-sm .entry-meta a { color: #444; }

        .entry.entry-list-sm .entry-meta a:hover, .entry.entry-list-sm .entry-meta a:focus { color: #f95a60; }

.entry.entry-list-sm .readmore { font-size: 12px; }

.entry.entry-list-sm:hover .entry-media figure, .entry.entry-list-sm:focus .entry-media figure { -ms-transform: translateY(0); transform: translateY(0); }

.touch .entry .entry-media .entry-meta,
.touch .entry.entry-grid .entry-media .entry-meta { position: static; left: auto; right: auto; bottom: auto; }

.touch .entry:hover .entry-media figure,
.touch .entry.entry-grid:hover .entry-media figure { -ms-transform: translateY(0); transform: translateY(0); }

#blog-item-container { margin-bottom: 40px; }

@media (max-width: 767px) {
    #blog-item-container { margin-bottom: 25px; }
}

#blog-item-container > .entry-grid { float: left; }

#blog-item-container:after { content: ''; display: table; clear: both; }

.blog-row { margin-left: -15px; margin-right: -15px; }

    .blog-row:after { content: ''; display: table; clear: both; }

    .row > #blog-item-container > .entry-grid,
    .blog-row > #blog-item-container > .entry-grid { padding: 0 15px; }

@media (min-width: 768px) {
    .max-col-6 .entry-grid,
    .max-col-5 .entry-grid,
    .max-col-4 .entry-grid,
    .max-col-3 .entry-grid,
    .max-col-2 .entry-grid { width: 50%; }

        .max-col-6 .entry-grid.wide,
        .max-col-5 .entry-grid.wide,
        .max-col-4 .entry-grid.wide,
        .max-col-3 .entry-grid.wide,
        .max-col-2 .entry-grid.wide { width: 100%; }
}

@media (min-width: 992px) {
    .max-col-4 .entry-grid,
    .max-col-3 .entry-grid { width: 33.3%; }

        .max-col-4 .entry-grid.wide,
        .max-col-3 .entry-grid.wide { width: 66.6%; }
}

@media (min-width: 992px) {
    .max-col-6 .entry-grid,
    .max-col-5 .entry-grid { width: 25%; }

        .max-col-6 .entry-grid.wide,
        .max-col-5 .entry-grid.wide { width: 50%; }
}

@media (min-width: 1200px) {
    .max-col-4 .entry-grid { width: 25%; }

        .max-col-4 .entry-grid.wide { width: 50%; }
}

@media (min-width: 1200px) {
    .max-col-5 .entry-grid { width: 20%; }

        .max-col-5 .entry-grid.wide { width: 40%; }
}

@media (min-width: 1200px) {
    .max-col-6 .entry-grid { width: 16.66%; }

        .max-col-6 .entry-grid.wide { width: 33.3%; }
}
/*--------------------------------------*/
.ts-list-title { background: #f95a60; padding: 10px; color: #fff; margin-bottom: 0; font-size: 15px; }

.ts-list-content { border: 1px solid #ccc; border-top: 0; }

    .ts-list-content.category-list li { padding: 5px 10px; border-bottom: 1px solid #ccc; }

        .ts-list-content.category-list li a:before { font: normal normal normal 14px/1 FontAwesome; content: ""; margin-right: 5px; }

.category-list { margin: 0; }

.search-mini-box-2 { border: 1px solid #ccc; padding: 10px; position: relative; }

    .search-mini-box-2 input { margin-bottom: 0; }

        .search-mini-box-2 input[type="text"] { width: 100%; min-height: initial; padding: 5px 35px 5px 5px; border: 1px solid #ccc; outline: none; }

    .search-mini-box-2 > button { position: absolute; display: block; width: 36px; height: 36px; top: 9px; right: 10px; text-align: center; line-height: 35px; color: #c42635; border-left: 1px solid #ccc; }

        .search-mini-box-2 > button i { font-size: 1.3em; margin-right: 0; margin-top: -17px; position: relative; top: -6px; }

.search-mini-box { border: 1px solid #ccc; padding: 10px; position: relative; }

    .search-mini-box input[type="text"] { width: 100%; min-height: initial; padding: 5px 35px 5px 5px; border: 1px solid #ccc; outline: none; }

    .search-mini-box > span { position: absolute; display: block; width: 35px; height: 35px; top: 10px; right: 10px; text-align: center; line-height: 35px; color: #3053c5; border-left: 1px solid #ccc; }

.other-post ul li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; }

.social-icons li a { margin: 5px; color: #2188c9; font-size: 25px; }

.other-post .list-unstyled .list-inline li { border-bottom: 0; padding-top: 0; padding-bottom: 0; }

.project-index .grid-item { float: left; height: 170px; overflow: hidden; position: relative; margin-bottom: 5px; cursor: pointer; border-radius: 5px; }

.project-index .grid-sizer, .project-index .grid-item { width: calc(25% - 5px); }

.project-index .view-profile { position: absolute; top: 10px; right: 15px; color: #2188c9; z-index: 2; font-size: 16px; }

.item-mask { position: absolute; background: rgba(255,255,255,.6); z-index: 1; transform: rotate(45deg) translateY(-80%); width: 200%; height: 150%; transform-origin: top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; box-shadow: 0 0 0 3px rgba(255,255,255,.2); }

.project-index .grid-item .box-bg { margin-bottom: 0; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-filter: grayscale(90%); filter: grayscale(90%); }

.full-box { position: relative; width: 100%; height: 100%; }

.project-index .grid-item a { display: block; width: 100%; height: 100%; position: absolute; z-index: 3; top: 0; left: 0; padding: 5px; font-weight: bold; color: #2188c9; line-height: 16px; }

.project-index .grid-item:hover a > span { opacity: 1; }

.project-index .grid-item a > span { display: block; position: absolute; bottom: 5px; left: 5px; right: 5px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; opacity: 0; }

.project-index .grid-item:hover .item-mask { transform: rotate(20deg) translateY(50%); background: rgba(255,255,255,.7); }

.project-index .grid-item:hover .box-bg { transform: scale(1.3); -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.border-width { width: 120px; height: 3px; background: #f95a60; margin: 20px 0; }

.center-align { margin: 0 auto; }

.margin-btm-20 { margin-bottom: 20px; }

.posts-list { background: #f6f6fa; }

ul, ol { list-style: none; padding: 0; margin: 0; }
/* Sidebar */
@media (max-width: 991px) {
    .sidebar { margin-bottom: 90px; }
}

.sidebar .widget { margin-bottom: 20px; }

    .sidebar .widget a { color: #323232; }

        .sidebar .widget a:hover, .sidebar .widget a:focus { color: #f95a60; }

    .sidebar .widget .widget-title { font-size: 15px; margin: 0 0 25px; text-transform: uppercase; color: #323232; }

        .sidebar .widget .widget-title > span { display: inline-block; background-color: #fff; padding-right: 35px; }

    .sidebar .widget.search-widget { position: relative; }

        .sidebar .widget.search-widget .form-control { padding-right: 90px; background-color: #f6f6fa; border-color: #eee; margin-bottom: 0; }

        .sidebar .widget.search-widget .btn { position: absolute; right: 0; top: 0; border-radius: 0; text-align: center; width: 38px; font-size: 16px; padding: 7px 5px; color: #a7a7a7; }

            .sidebar .widget.search-widget .btn:hover, .sidebar .widget.search-widget .btn:focus { color: #0069b0; outline: none; }

    .sidebar .widget .posts-list li { margin-bottom: 12px; padding: 6px; background-color: #f6f6fa; transition: all 0.4s; }

        .sidebar .widget .posts-list li figure { max-width: 110px; float: left; margin-top: 10px; }

            .sidebar .widget .posts-list li figure a { display: block; }

            .sidebar .widget .posts-list li figure img { display: block; width: 100%; height: auto; }

        .sidebar .widget .posts-list li h5, .sidebar .widget .posts-list li span { display: block; margin-left: 120px; }

            .sidebar .widget .posts-list li h5 a { line-height: 1.4; }

        .sidebar .widget .posts-list li h5 { font-size: 15px; font-weight: 500; margin-top: 6px; margin-bottom: 4px; }

        .sidebar .widget .posts-list li span { font-style: italic; font-size: 12px; }

        .sidebar .widget .posts-list li:after { content: ''; display: table; clear: both; }

        .sidebar .widget .posts-list li:hover { background-color: #eee; }

    .sidebar .widget .fa-ul li { position: relative; margin-bottom: 9px; padding-bottom: 4px; }

        .sidebar .widget .fa-ul li:last-child { margin-bottom: 0; }

        .sidebar .widget .fa-ul li .fa-li { font-size: 85%; }

        .sidebar .widget .fa-ul li:before, .sidebar .widget .fa-ul li:after { content: ''; position: absolute; bottom: 0; display: block; height: 1px; }

        .sidebar .widget .fa-ul li:before { left: 0; right: 0; background-color: #eee; }

        .sidebar .widget .fa-ul li:after { transition: all 0.45s; left: 0; right: 100%; background-color: #0069b0; }

        .sidebar .widget .fa-ul li:hover:after { left: 0; right: 0; }

    .sidebar .widget .tagcloud a { display: block; float: left; padding: 4px 9px; background-color: #f6f6fa; color: #333; margin: 0 6px 6px 0; transition: background 0.45s; }

        .sidebar .widget .tagcloud a:hover, .sidebar .widget .tagcloud a:focus { background-color: #0069b0; color: #fff; }

    .sidebar .widget .tagcloud:after { content: ''; display: table; clear: both; }

    .sidebar .widget.flickr-widget .row { margin-left: -4px; margin-right: -4px; }

    .sidebar .widget.flickr-widget .flickr-widget-list { list-style: none; }

        .sidebar .widget.flickr-widget .flickr-widget-list li { display: block; float: left; margin: 0 3px 6px; padding: 0; width: calc( 25% - 6px); max-width: 60px; overflow: hidden; }

            .sidebar .widget.flickr-widget .flickr-widget-list li a { display: block; position: relative; width: 100%; height: 100%; }

                .sidebar .widget.flickr-widget .flickr-widget-list li a img { display: block; width: 100%; height: auto; }

    .sidebar .widget .tweet_list li { padding: 7px 10px 7px 10px; position: relative; margin-bottom: 14px; background-color: #f6f6fa; transition: all 0.4s; }

        .sidebar .widget .tweet_list li .twitter-icon { position: absolute; right: 12px; bottom: 6px; font-size: 20px; line-height: 1; color: #c7c7c7; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }

        .sidebar .widget .tweet_list li .tweet_time { display: block; position: relative; font-size: 12px; font-style: italic; color: #6a6a6a; margin-top: 9px; padding-top: 3px; }

            .sidebar .widget .tweet_list li .tweet_time:after { content: ''; display: block; width: 28px; height: 1px; background-color: #eee; position: absolute; top: 0; left: 0; }

        .sidebar .widget .tweet_list li:hover { background-color: #eaeaea; }

        .sidebar .widget .tweet_list li:last-child { margin-bottom: 0; }

.language-list li { display: inline; }