404

Không tìm thấy trang. Trở về trang chủ

0909.180.222
zalo chat
--------------- /* Theme Name: tinoto.net Theme URI: https://tinoto.net/ Author: tinoto.net Author URI: https://tinoto.net/ Version: 1.0 */ *{outline: none;} .alert {padding: 7px 15px;} body { color: #333 !important; word-wrap: break-word; line-height: 1.7; font-size: 16px; font-family: 'Roboto Condensed', system-ui, sans-serif; background: rgb(0 0 0 / 8%); } a { color: #0c336c; text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } a { transition: all 0.2s ease; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { /* color: #A60A12; */ } h1, .h1 { font-size: 32px; } h2, .h2 { font-size: 22px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 18px; } img { max-width: 100%; /* Adhere to container width. */ height: auto; } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* Clearing */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* =Content ----------------------------------------------- */ .sticky { } .hentry { margin: 0; margin-bottom: 5px; padding-Bottom: 0; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } #content { margin-top: 0px; /* margin-bottom: 40px; */ padding: 0; } #main .page-header { margin-top: 0; margin-bottom: 10px; padding: 0; } h1#h1heading span { display: none; } .entry-meta .fa { font-size: 11px; color: #214a55; margin-right: 2px; } .entry-meta { font-size: 11px; font-family: Arial; margin: 5px 0; color: #666; } .entry-meta span { margin-right: 10px; } .entry-title { font-size: 24px; color: #222; } hr.section-divider { border-color: #E8E8E8; margin-top: 50px; margin-bottom: 50px; } /* =Singe Post/Page Pagination ----------------------------------------------- */ .page-links span { display: inline-block; color: #fff; background-color: #A60A12; border-radius: 4px; padding: 2px 10px; margin-left: 2px; } .page-links a span { background-color: inherit; border: 1px solid #E8E8E8; color: #A60A12; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .page-links a:hover span { background-color: #A60A12; border: 1px solid #A60A12; color: #fff; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /* =Media ----------------------------------------------- */ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 0; margin-bottom: 5px; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 5px 0; } .site-main .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-main .gallery a img { border: none; height: auto; max-width: 90%; } .site-main .gallery dd { margin: 0; } embed, iframe, object { max-width: 100%; } .widget { margin: 0 0 20px 0; background: #f8f9fc; } .widget select { max-width: 100%; } .widget .formbv{margin-bottom: 0px;} .widget_search .search-submit { display: none; } .widget > ul > li, li.recentcomments { border-bottom: 1px solid #EEE; position: relative; display: block; padding: 10px 0; } .widget ul li { list-style: none; } .zfc-accordion > ul > li.cat-item > a { font-size: 15px; font-family: 'Roboto Condensed', sans-serif; padding: 7px !important; } .zfc-accordion ul li { list-style-type: none; line-height: 20px !important; margin: 0 !important; padding: 0 !important; background: url(images/arrow2.png) no-repeat 10px !important; padding-left: 20px !important; } .zfc-accordion ul li.has-sub { background: none !important; } .zfc-accordion ul li:hover { background-color: #f5f5f5 !important; } .widget ul { padding: 10px 10px; } .widget-title { font-size: 15px; text-transform: uppercase; height: 36px; line-height: 36px; margin: 0; padding: 0; padding-left: 30px; font-weight: bold; position:relative; float:none; color: #E8E8E8; margin-bottom: 10px; background-color: #214a55; background: url(img/bg-menu.png); } .widget-title:before { content: "\f00a"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 14px; position: absolute; top: 0; left: 8px; -webkit-font-smoothing: antialiased; } .widget ul.nav.nav-tabs { padding: 0; } .tab-content ul li { list-style: none; } #secondary .widget_archive ul li:before, #secondary .widget_categories ul li:before, #secondary .widget_recent_comments ul li:before { font-family: fontawesome; margin-right: 10px; } #secondary .widget_archive ul li:before { content: '\f073'; } #secondary .widget_categories ul li:before { content: '\f115'; } #secondary .widget_recent_comments ul li:before { content: '\f0e5'; } .tab-content .tab-thumb { float: left; margin-right: 8px; padding-top: 5px; float: left; line-height: 0px; width: 60px; height: 60px; } .tab-content li { overflow: hidden; list-style: none; border-bottom: 1px solid #f0f0f0; margin: 0 0 8px; padding: 0 0 6px; } .tab-content .tab-entry { display: block; } .tab-content > .active { border: 1px solid #E8E8E8; border-top: none; } .tab-content ul li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .tab-content .tab-entry { font-size: 14px } .tab-comment { font-size: 18px; padding: 0 10px; } .nav-tabs > li > a { border-bottom-color: transparent; text-transform: uppercase; } .tab-content i { font-size: 12px; } .tab-thumb.thumbnail { margin-bottom: 5px; } .tab-content #messages li:before { content: '\f0e5'; font-family: fontawesome; float: left; padding-right: 10px; font-size: 20px; color: #A60A12; } /* =Buttons ----------------------------------------------- */ .btn-default, .label-default { background-color: #A60A12; border-color: #A60A12; } .btn-default:hover, .label-default[href]:hover, .label-default[href]:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover { background-color: #a80f12; border-color: #d83f42; } .btn.btn-default { color: #FFF; } /* =Custom Styles ----------------------------------------------- */ .site-branding { margin-top: 20px; margin-bottom: 20px; } .site-description { clear: both; color: #777; font-weight: 200; font-size: 14px; } .page-template-page-homepage-php .carousel { margin-top: -20px; margin-bottom: 20px; } /* =Navigation ----------------------------------------------- */ .site-main [class*="navigation"] a, .more-link { border: 1px solid #E8E8E8; padding: 6px 12px; border-radius: 4px; display: block; } .site-main [class*="navigation"] a:hover, .more-link:hover { color: #fff; background: #A60A12; text-decoration: none; } .more-link { float: none; display: inline-block; border: none; padding: 0; font-size: 12px; padding: 03px 5px; color: #21759b; } .site-main [class*="navigation"] { margin: 0 0 1.5em; overflow: hidden; } [class*="navigation"] .nav-previous { float: left; } [class*="navigation"] .nav-next { float: right; text-align: right; } .navbar.navbar-default { margin: 0; padding: 0; text-align: right; float: right; min-height: 30px; position: relative; background: none; /* background: #0000 radial-gradient(circle,#25357e,#121a3f) repeat scroll 0 0 !important; */ } .top-bar span { } .top-bar span a { color: #333; } .top-bar .menutop { } .top-bar .menutop span { display: inline-block; border-right: #CCC 1px solid; padding: 0 9px; } .top-bar .menutop span:last-child{ border:none } .top-bar .menutop span i { padding: 0; color: #0b304c; font-size: 10px; padding-right: 2px; vertical-align: top; line-height: 1.6; } .top-bar .menutop span a { font-size: 14px; color: #121a3f; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* color: #444; */ } .top-bar .menutop span a:hover, .top-bar .menutop span a:hover i{ color:red } .top-bar .socialTop { font-size: 12px; color: #121a3f; padding: 0 7px; } .top-bar .socialtopS { float: right; margin-left: 10px; } .top-bar .socialtopS i { padding: 0 5px; font-size: 11px; font-weight: normal; color: #0b304c; } .navbar-default .navbar-nav > li > a { color: #E8E8E8; line-height: 40px; text-transform: uppercase; font-size: 15px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.5px; font-weight: bold; } .navbar-default .navbar-nav > li > a:hover { color: #FFF !Important; } .navbar-default .navbar-nav > li:hover > a { color: #d8c774 !Important; } .navbar > .container .navbar-brand { color: #d8c774; font-size: 24px; margin: 8px 0; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { border-right: none; border-left: none; } .navbar { border-radius: 0; } .navbar-default { border: none; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ccbc6e; background: none; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #222; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-left: 1px solid rgba(0, 0, 0, 0.1); } .dropdown-menu > li > a { padding: 14px 20px; color: #999; } .dropdown-menu, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { border: none; } .dropdown-menu ul { width: 230px; background: #263985; top: -2px; left: 230px; opacity: 0!important; visibility: hidden!important; display: none!important; padding: 2px 3px; transition: all 1s; background: #214a55; background: #01304c; } .dropdown-menu li:hover ul { opacity: 1 !important; visibility: visible !important; display: block !important } .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a { background-color: #A60A12; color: #fff; } .dropdown-menu .divider { background-color: rgba(0, 0, 0, 0.1); } .navbar-nav > li > .dropdown-menu { padding: 0; } .navbar-nav > li { margin: 0 5px 0 0; position: relative; border-bottom: 0; } .navbar-nav > li:hover { color: #214a55; } .navbar-nav > li.current-menu-item a { background-color: #eee; } .navbar-nav > li > a { line-height: 40px; padding-top: 4px; padding-bottom: 4px; font-weight: bold; color: #333; padding: 0px 8px; transition: 0.1s; } .navbar-nav > li > a:hover { } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; } .nav.navbar-nav { float: none; } @media (max-width: 767px) { .nav.navbar-nav { float: none; } } /* =Comments ----------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { } #respond { background-color: transparent !important; box-shadow: none !important; padding: 0px !important; } #respond > p, #respond p.comment-notes, p.logged-in-as { margin-bottom: 10px; } p.logged-in-as { padding-bottom: 0px; } .comment-list { margin-bottom: 40px !important; margin-left: 0px !important; padding-left: 0; } .comment .comment-body { background-color: #fff; margin: 0; overflow: hidden; padding: 25px; margin-top: 2em; padding-left: 116px; position: relative; border: 1px solid rgba(0, 0, 0, 0); border-color: #E8E8E8; border-radius: 4px; } .comment-list .children { margin-left: 0px!important; padding-left: 40px; border-left: 1px solid #E8E8E8; background-repeat: no-repeat; background-position: left 20px; } .comment-list li.comment > div img.avatar { position: absolute; left: 29px; top: 29px; } #comment-form-title { font-size: 24px; padding-bottom: 10px; } .vcard .avatar { position: absolute; left: 29px; top: 29px; } .comment-metadata { font-size: 11px; line-height: 16px; margin-bottom: 10px; } .comment-reply-link { float: right; } .form-allowed-tags code { word-wrap: break-word; white-space: inherit; } .comment-respond label { display: block; font-weight: normal; } .comment-respond .required { color: #C7254E; } /* =Attachment styling ----------------------------------------------- */ #image-navigation .nav-previous a, #image-navigation .nav-next a { padding: 5px 20px; border: 1px solid #E8E8E8; border-radius: 4px; display: block; } #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover { background-color: #A60A12; color: #fff; } #image-navigation .nav-previous, #image-navigation .nav-next { margin: 10px 0; } /* =Footer ----------------------------------------------- */ #footer-area .container { background: none; } #footer-area { background-color: #313233; color: #CCC; font-size: 12px; } #footer-area a { color: #ccc; } #footer-area .footer-widget-area { padding: 40px 0 20px 0; overflow: hidden; } #footer-area ul li { border-bottom: 1px solid #444; } #footer-area .site-info nav ul li { border-bottom: none; } #footer-area .tab-content > .active { border: none; } #footer-area .nav-tabs > li.active > a, #footer-area .nav-tabs > li.active > a:hover, #footer-area .nav-tabs > li.active > a:focus { background-color: transparent; } #footer-area .tab-content .tab-entry { font-size: inherit; } #footer-area .widgettitle { font-size: 18px; color: inherit; margin-top: 0px; } #footer-area #social ul li { border-bottom: none; } #footer-area .widget ul li { padding: 10px 0; list-style: none; } .footer-nav.nav > li { position: relative; display: inline-table; } .footer-nav.nav { float: left; margin-bottom: 2px; } .copyright { margin-top: 10px; float: right; text-align: right; } #colophon { background-color: #1F1F1F; padding: 10px 0; border-top: 1px solid #3A3A3A; } .site-info a { color: #777; } .site-info a:hover { color: #999; } #footer-area a:hover { color: #fff; } .site-info { color: #999; font-size: 12px; } .footer-nav.nav > li > a:hover { background-color: transparent; } .scroll-to-top { background: #3B3B3B; background: rgba(0, 0, 0, 0.4); color: #FFF; bottom: 4%; cursor: pointer; display: none; position: fixed; right: 20px; z-index: 999; font-size: 16px; padding: 2px 10px; border-radius: 4px; -webkit-transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; transition: background-color 0.1s linear; } .scroll-to-top:hover { background: #A60A12; opacity: .8; } @media (max-width: 768px) { .pull-right { float: none !important; } .pull-left { float: none !important; } .site-info, .copyright { text-align: center; } .footer-nav.nav, .copyright { float: none; } .flex-caption { display: none; } .navbar > .container .navbar-brand { margin: 0; } .navbar-default .navbar-nav > li > a { line-height: 20px; padding: 15px 10px; } } .top-bar { height: 36px; line-height: 1; background: #E8E8E8; padding: 10px 0; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #social a { font-size: 32px; margin: 6px; color: #E8E8E8; } #social { top: 0; position: relative; text-align: center; } #social ul li { list-style: none; display: inline-block; padding: 0 10px; } #social ul { margin-bottom: 0; padding: 0; } #social li a span { display: none; } .fa-googleplus:before { content: "\f0d5"; } #social li, #social ul { border: 0!important; list-style: none; padding-left: 0 } #social li a[href*="twitter.com"] .fa:before, .fa-twitter:before { content: "\f099" } #social li a[href*="facebook.com"] .fa:before, .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } #social li a[href*="github.com"] .fa:before, .fa-github:before { content: "\f09b" } #social li a[href*="/feed"] .fa:before, .fa-rss:before { content: "\f09e" } #social li a[href*="pinterest.com"] .fa:before, .fa-pinterest:before { content: "\f0d2" } #social li a[href*="plus.google.com"] .fa:before, .fa-google-plus:before { content: "\f0d5" } #social li a[href*="linkedin.com"] .fa:before, .fa-linkedin:before { content: "\f0e1" } #social li a[href*="youtube.com"] .fa:before, .fa-youtube:before { content: "\f167" } #social li a[href*="instagram.com"] .fa:before, .fa-instagram:before { content: "\f16d" } #social li a[href*="flickr.com"] .fa:before, .fa-flickr:before { content: "\f16e" } #social li a[href*="tumblr.com"] .fa:before, .fa-tumblr:before { content: "\f173" } #social li a[href*="dribbble.com"] .fa:before, .fa-dribbble:before { content: "\f17d" } #social li a[href*="skype.com"] .fa:before, .fa-skype:before { content: "\f17e" } #social li a[href*="foursquare.com"] .fa:before, .fa-foursquare:before { content: "\f180" } #social li a[href*="vimeo.com"] .fa:before, .fa-vimeo-square:before { content: "\f194" } #social li a[href*="spotify.com"] .fa:before, .fa-spotify:before { content: "\f1bc" } #social li a[href*="soundcloud.com"] .fa:before, .fa-soundcloud:before { content: "\f1be" } @media (max-width: 992px) { .site-branding { text-align: center; } #social { top: 0; float: none; text-align: center; } .side-pull-left .main-content-inner, .side-pull-right .main-content-inner { float: none; } } .cfa { padding: 30px 0px; background: #A60A12; text-align: center; overflow: hidden; } .cfa-text { font-size: 22px; color: #fff; display: block; padding-top: 10px; } .cfa-button { background-color: transparent; color: #fff; padding: 15px 30px; border-color: #fff; } .cfa-button a, .cfa-button a { color: #fff; } .cfa-button:hover { background-color: #fff; color: #A60A12; } .cfa-button:hover a { color: #A60A12; } .side-pull-left #primary { float: left; } .no-sidebar #secondary, .full-width #secondary { display: none; } .no-sidebar #primary { float: none; margin: 0 auto; } .full-width #primary { width: 100%; } #logo { padding: 0; margin-top: 0; z-index: 999; } #logo img { display: block; margin: 0 auto; border-radius: 0; height: 80px; width: auto; margin-top: 10px; padding: 0; } #menuTop .collapse { padding: 0 } #menuTop .container { background: #DDD; text-align: left; margin: 0 auto; padding: 0; position: relative; } .navbar-header { float: none; } .header1 { padding: 0; margin: 0; } .header2 { text-align: right; margin-top: 10px; } #infoTop h3 { font-size: 14px; margin: 0; height: 35px; line-height: 35px; background: #A60A12; color: #FFF; text-align: center; font-weight: bold; text-transform: uppercase; } #infoTop img { height: 25px; padding: 0 10px 0 5px; vertical-align: middle; } #infoTop { background: #EEE; padding: 0; margin-right: 5px; width: 230px; float: right; text-align: left; border-radius: 8px; } #infoTop p { font-weight: bold; padding: 10px 5px; } #infoTop p span { font-weight: bold; color: #a80f12; font-size: 16px; } .header1 .widget { margin: 0; } .clearfix { clear: both } #bgheaderArea { background: #FFF; } .slHome .container { margin: 0 auto; padding: 0; } .dkMail { background: #EEE; } .dkMail .container { background: #EEE; padding-top: 5px; padding-bottom: 5px; } .dkMail span { float: left; padding-right: 20px; line-height: 35px; font-weight: bold; font-size: 13px; } .textf { border-color: #AAA !important; padding: 2px 6px !important; font-size: 12px; } .submitf { padding: 3px 10px; } .centerMail input.textf { width: 300px; } .centerMail { text-align: center; margin: 0 auto; max-width: 695px; } .ms-thumb-frame img { width: auto !important; height: 100px !important; } #headerArea .container { padding: 0; background: none; } #headerArea .col-md-4 { padding: 0; } .lsCate { text-align: center; margin: 5px 0; padding-left: 10px; padding-right: 10px; } .lsCateS { border: #CCC 1px solid; padding: 0; overflow: hidden; } .lsCateS .imgCate { padding: 0; margin: 0; } .lsCateS .infoCate { text-align: left; } .lsCateS .infoCate h3 { text-align: left; padding: 0 10px; } .lsCateS .infoCate .col-md-6 { font-size: 13px; } .lsCateS .infoCate .xemct { margin: 5px 0; clear: both; margin-left: 15px; } .lsCateS .infoCate .xemct a { font-size: 13px; background: #EEE; padding: 0 10px; line-height: 27px; height: 27px; display: inline-block; color: #337ab7; } .lsCateS .infoCate .xemct a:hover { background: #DDD } .lsCateS .infoCate .col-md-6 span { font-size: 14px; } .lsCateS .infoCate .col-md-6 span.sp1 { width: 65px; display: inline-block; font-size: 13px; } .lsCateS .infoCate .col-md-6 i { font-size: 12px; color: #0c336c; width: 15px; } .lsCate img { width: 100%; height: 140px; transition: all 0.5s ease; } #slCate .owl-carouselzzz { position: relative; } #slCate .owl-carouselzzz .owl-item img { height: 202px } #slCate .owl-carouselzzz .owl-nav { position: absolute; top: 40%; width: 100%; } #slCate .owl-carouselzzz .owl-dots { display: none; } #slCate .owl-carouselzzz .owl-nav button i { color: #FFF; font-size: 36px; } #slCate .owl-carouselzzz .owl-nav button.owl-next, .owl-carouselzzz .owl-nav button.owl-prev, .owl-carouselzzz button.owl-dot { width: 40px; height: 40px; background: #00000080 !important; cursor: pointer; } #slCate .owl-carouselzzz .owl-nav button.owl-next { float: right; margin-right: 30px; } #slCate .owl-carouselzzz .owl-nav button.owl-prev { float: left; margin-left: 10px; } .lsCate h3 { font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 10px 0 5px 0; color: #0c336c; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lsCate h4 p { margin: 5px 0; } .lsCate h4 { font-size: 11px; font-weight: normal; font-family: Arial; text-transform: uppercase; } #secondary { padding: 0; padding-right: 5px; padding-left: 5px; margin-top: 15px; } .page-title { margin: 5px 0 10px 0; font-size: 22px; font-weight: bold; } .imgH { top: -140px; transition: 0.5s; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; } .imgT { top: 0; transition: 1.5s; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; } #lsCateS:hover .imgH { top: 0px; transition: 0.5s; } #lsCateS:hover .imgT { top: 226px; transition: 1.5s; } .lsCateSImg { position: relative; width: 100%; height: 140px; overflow: hidden; text-align: center; } #slCate { height: 360px; width: 100%; padding: 30px 0 50px 0; display: inline-block; } #slCate .container { height: 320px; background: none; } .lsCate .swiper-slide-wrapper { background-color: #FFF; margin: 10px auto; } .lsCate .swiper-slide img { height: 180px; border: #CCC 1px solid; background: #FFF; padding: 2px; } .titleB { color: #0c336c; font-size: 25px; font-weight: 500; line-height: 1.4; padding: 0 0 10px; margin: 10px 0 15px; position: relative; text-align: center; display: block; font-size: 25px; text-transform: uppercase; font-weight: bold; } .titleB:after { content: ''; width: 60px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; margin: 0 auto; background-color: #0c336c; } blockquote { font-family: Georgia, serif; font-size: 18px; font-style: italic; width: 100%; margin: 10px auto; padding: 10px 20px; line-height: 1.45; position: relative; color: #383838; background: #ececec; border-radius: 10px; border: #be9945ba 2px dashed } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -10px; top: -10px; color: #7a7a7a; } blockquote cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; } blockquote cite:before { content: "\2014 \2009"; } #loingo { padding: 10px 0; background-color: #FFF; } .blockquoteDiv { color: #222; word-wrap: break-word; line-height: 1.7; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; } .arcpost { margin: 10px auto; background-color: #fcfcfc; border: #EEE 1px solid; border-radius: 5px; display: inline-block; background: none; border: 0; } .arcpost h2 a { color: #01304c; font-size: 16px; } .entry-meta-news { font-size: 12px; color: #666; font-family: Arial; letter-spacing: 0.2px; margin: 4px 0; } .arcpost h2 { font-size: 15px; font-weight: bold; margin: 5px 0 5px 0; line-height: 140%; } .lTinRaoA { font-size: 13px; width: 100%; display: inline-block; font-weight: bold; margin-top: 15px; } .lTinRaoA .col-md-2,.lTinRaoA .col-md-3,.lTinRaoA .col-md-6 { padding: 0 } .lTinRaoA i { padding-right: 0; color: #0c336c; } .newsimage img { border: 0; padding: 2px; background-color: #FFF; width: 95%; height: auto; display: block; margin: 0 auto; } .typenews { border: 0; background: none; min-height: 450px; } .typenews .newsimage { } .typenews .newsimage img { border: 0; padding: 0; } .typenews .content-news { width: 92%; display: block; margin: 5px auto; } .typenews .content-news .ptitle-news { } .typenews .content-news .ptitle-news h2 { margin-top: 10px; font-size: 17px; } .typenews .content-news .ptitle-news h2 a { margin-top: 10px; font-size: 17px; color: #01304c; } .typenews .content-news .intro-news { color: #898989; font-size: 14px; } .typenews .content-news .intro-news .more-link { text-align: center; display: none; } .typenews .content-news .intro-news .more-link i { } .crumbs2 { display: block; margin-left: 27px; padding: 0; padding-top: 10px; } .crumbs2 li { display: inline; } .crumbs2 li a, .crumbs2 li a:link, .crumbs2 li a:visited { color: #666; display: block; float: left; font-size: 12px; padding: 7px 16px 7px 19px; position: relative; text-decoration: none; border: 1px solid #d9d9d9; border-right-width: 0px; } .crumbs2 li a { background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.45, rgb(241,241,241)),color-stop(0.73, rgb(245,245,245))); background-image: -moz-linear-gradient( center bottom, rgb(241,241,241) 45%, rgb(245,245,245) 73%); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#f5f5f5); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#f5f5f5)"; } .crumbs2 li.first a { border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; } .crumbs2 li.last a { border-right-width: 1px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } #breadcrumb { list-style: none; display: inline-block; margin: 0; padding: 0; font-size: 13px; } #breadcrumb p { margin: 0; padding: 0; } #breadcrumb p span { color: #E8E8E8; } #breadcrumb p a { color: #E8E8E8; } #breadcrumb .icon { font-size: 14px; } #breadcrumb li { float: left; } #breadcrumb li a { color: #444; display: block; background: #EEE; text-decoration: none; position: relative; height: 30px; line-height: 30px; padding: 0 10px 0 5px; text-align: center; margin-right: 23px; font-weight: normal; font-size: 12px; } #breadcrumb li:nth-child(even) a { background-color: #EEE; } #breadcrumb li:nth-child(even) a:before { border-color: #EEE; border-left-color: transparent; } #breadcrumb li:nth-child(even) a:after { border-left-color: #EEE; } #breadcrumbsDiv { min-height: 30px; overflow: hidden; border-left: 0; border-right: 0; } #breadcrumbsDiv strong { font-weight: normal; color: #E8E8E8; } #breadcrumb li:first-child a { padding-left: 15px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px; } #breadcrumb li:first-child a:before { border: none; } #breadcrumb li:last-child a { padding-right: 15px; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0; border-radius: 0 4px 4px 0; } #breadcrumb li:last-child a:after { border: none; } #breadcrumb li a:before, #breadcrumb li a:after { content: ""; position: absolute; top: 0; border: 0 solid #EEE; border-width: 15px 10px; width: 0; height: 0; } #breadcrumb li a:before { left: -20px; border-left-color: transparent; } #breadcrumb li a:after { left: 100%; border-color: transparent; border-left-color: #EEE; } #breadcrumb li a:hover { background-color: #EEE; } #breadcrumb li a:hover:before { border-color: #EEE; border-left-color: transparent; } #breadcrumb li a:hover:after { border-left-color: #EEE; } #breadcrumb li a:active { background-color: #EEE; } #breadcrumb li a:active:before { border-color: #EEE; border-left-color: transparent; } #breadcrumb li a:active:after { border-left-color: #EEE; } #loadppi { } #loadppi .close { position: absolute; right: 0; background: #A60A12; width: 38px; height: 38px; margin: 5px 0; margin-right: -40px; opacity: 1; top: 0px; z-index: 9999999; border-radius: 50%; border: #FFF 2px solid; } #loadppi .close:hover { background: #0c336c } #loadppi .close span { font-size: 40px; font-weight: 100; -webkit-font-smoothing: antialiased; line-height: 34px; color: #fff; } #loadppi .modal-dialog { margin: 5px auto; max-width: 100%; width: 1200px; background: #FFF; height: 100%; max-width: 95%; position: relative; } #loadppi .modal-dialog .modal-content { border-radius: 0; border: #DDD 3px solid; width: 100%; background: #FFF; max-width: 100%; overflow-x: hidden; overflow-y: scroll; padding: 10px; height: 100%; max-height: 100%; } #loadppi .modal-dialog .modal-content .modal-body { width: 100%; padding: 0; } #loadppi .modal-dialog .modal-content .modal-body iframe { width: 100% } .loadContentPopup { } .loadContentPopup .fContent { } .loadContentPopup .lContent { } .loadContentPopup .lContent img { } .loadContentPopup .rContent { } .loadContentPopup .rContent h2 { margin: 5px 0; font-size: 20px; font-weight: bold; line-height: 1.4; } .loadContentPopup .rContent span { } .loadContentPopup .rContent i { } .loadContentPopup .rContent .col-md-12 { margin: 5px 0; border-bottom: #EEE 1px solid; padding-bottom: 5px; } .loadContentPopup .rContent .col-md-12 i { padding-right: 7px; color: #0c336c; } .loadContentPopup .rContent .col-md-12 span { } .loadContentPopup .post_contentpp { padding: 10px; } .loadContentPopup .post_contentpp p { } .loadContentPopup .post_contentpp a { } .loadContentPopup .post_contentpp img { } .loadContentPopup .col-md-4 { padding: 0; margin: 0 } .loadContentPopup .col-md-4 img { width: 100%; } .loadContentPopup .col-md-8 { padding: 0; margin: 0 } .loadContentPopup .col-md-6 { padding: 0; margin: 0 } .loadContentPopup .col-md-6 { padding: 0; margin: 0 } .loadContentPopup .col-md-6 img { width: 100% } .entry-title { font-size: 28px; font-weight: bold; margin: 10px 0; line-height: 140%; font-family: 'Roboto Condensed', sans-serif; color: #214a55 !important; } .entry-title i { font-size: 16px; color: #214a55; } .getPostCate2 { padding: 5px; width: 100%; display: inline-block; } .getPostCate2 .entryDate { color: #666; font-size: 12px; } .getPostCate2 ul { list-style: none; margin: 0; padding: 0; } .getPostCate2 ul li { display: inline-block; float: left; width: 25%; border-bottom: #CCC 1px dashed; padding-bottom: 5px; margin-bottom: 5px; line-height: 140%; font-size: 13px; } .widget .getPostCate2 ul li a { font-size: 5px; font-size: 12px; } .getPostCate2 .ttPost { font-weight: bold; text-align: left; min-height: 36px; font-size: 14px; font-family: 'Roboto Condensed', sans-serif, Arial, Helvetica, sans-serif !important; margin: 5px 0; width: 96%; line-height: 140%; } .widget .getPostCate2 .ttPost { font-weight: bold; text-align: left; font-size: 14px; vertical-align: initial; } .getPostCate2 img { width: auto; height: 70px; padding: 1px; border: #CCC 1px solid; margin: 5px; } .getPostCate2 img { width: 94%; height: 140px; border: #CCC 1px solid; padding: 2px; margin: 0 5px 0 0; float: none; display: block; } .newsHome { background: #FFF; padding: 10px 0 0px 0; } .thongtinfooter { color: #EEE; font-size: 14px; font-weight: normal; padding: 10px 0; } .thongtinfooter p { margin: 5px 0; } .getPostCate { padding: 5px; } .getPostCate ul { list-style: none; margin: 0; padding: 0; } .getPostCate ul li { display: inline-block; float: none; clear: both; width: 99%; border-bottom: #CCC 1px dashed; padding-bottom: 5px; margin-bottom: 5px; line-height: 1.2; } .widget .getPostCate ul li a { font-size: 5px; font-size: 12px; color: #333; } .widget .getPostCate ul li a:hover { color: #337ab7; } .getPostCate .ttPost { font-weight: bold; text-align: left; } .widget .getPostCate .ttPost { font-weight: normal; text-align: left; font-size: 13px; vertical-align: initial; } .getPostCate img { width: auto; height: 70px; padding: 1px; border: #CCC 1px solid; margin: 5px; } .getPostCate img { width: 70px; height: auto; border: #CCC 1px solid; padding: 2px; margin: 0 5px 0 0; float: left; } .getPostCate2 { padding: 5px; width: 100%; display: inline-block; } .getPostCate2 .entryDate { color: #666; font-size: 12px; } .getPostCate2 .lsPost2 { min-height: 200px; margin: 7px 0; } .getPostCate2 .contentH { width: 96%; height: 70px; margin: 5px auto; padding: 7px 0; font-size: 13px; line-height: 125%; border-bottom: #DDD 1px dashed; } .getPostCate2 ul { list-style: none; margin: 0; padding: 0; } .getPostCate2 ul li { display: inline-block; float: left; width: 25%; border-bottom: #CCC 1px dashed; padding-bottom: 5px; margin-bottom: 5px; line-height: 140%; font-size: 13px; } .widget .getPostCate2 ul li a { font-size: 5px; font-size: 12px; } .getPostCate2 .ttPost { text-align: left; min-height: 42px; font-size: 15px; font-family: 'Roboto Condensed', sans-serif; margin: 5px auto; width: 90%; color: #0c336c; height: 42px; overflow: hidden; font-weight: normal; } .widget .getPostCate2 .ttPost { font-weight: bold; text-align: left; font-size: 14px; vertical-align: initial; } .getPostCate2 img { width: auto; height: 70px; padding: 1px; border: #CCC 1px solid; margin: 5px; } .getPostCate2 img { width: 94%; height: 140px; border: #CCC 1px solid; padding: 2px; margin: 0 auto; float: none; display: block; } .zfc-accordion { border: #DDD 1px solid; border-top: 0 } .textwidget { border: none; } #headerArea .textwidget { border: 0 } footer .textwidget, blockquote .textwidget { border: 0 } .dropdown:hover .dropdown-menu { display: block; margin-top: 0; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; z-index: 9; } .navbar-nav > li > .dropdown-menu { padding: 0; padding-bottom: 2px; z-index: 999; position: absolute; width: 100%; margin: 0 auto; left: 0; background: #f9f9f9; border: #CCC 1px solid; -webkit-box-shadow: 0 8px 6px -6px #000; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px #000; transform: translateY(-2em); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; } .navbar-nav > li > .dropdown-menu > li.current-menu-item { background: none; } .navbar-nav > li > .dropdown-menu > li.current-menu-item > a { background: none; color: red; font-weight: bold; } .navbar-nav > li > .dropdown-menu > li > a { font-weight: normal; font-size: 12px; color: #222; font-weight: normal; padding: 5px 10px; color: #222; font-weight: 600; font-size: 12px; background: none; height: 40px; line-height: 50px !important; } .navbar-nav > li > .dropdown-menu > li > a:hover { background: none; color: red; } .shareSocialBar { display: inline-block; float: right } .shareSocialBar ul { padding: 0; margin: 0; list-style: none } .shareSocialBar ul li { float: left; display: inline-block; } .ttda ul { margin: 0; padding: 0; } .ttda ul li:hover { background-color: #fcfcfc; } .ttda ul li { background: url(images/arrow2.png) no-repeat 5px; padding-left: 20px !important; line-height: 35px; border-bottom: #CCC 1px dashed; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; background-color: #f5f5f5; color: #444; font-weight: normal; } .ttda a { color: #FFF; font-weight: bold; letter-spacing: 0.4px; width: 280px; height: 35px; } .ttda a:hover { color: #FFF; } #zfc-accordion-zfwca_widget-2 ul.children li .item-link { padding: 5px 5px 5px 25px !Important; } #zfc-accordion-zfwca_widget-2 ul.children li { padding: 0 !important; } .swiper-slide-control-prev, .swiper-slide-control-next { top: 42% !Important; } #text-13 { display: none; } #menufication-top, #menufication-non-css3-top { background: #A60A12 !important; } .call { background: #A60A12; width: 200px; height: 33px; border-radius: 0 5px 5px 0; font-weight: bold; line-height: 33px; font-size: 15px; padding: 0 5px; bottom: 5px; left: 0; display: inline-block; position: fixed; z-index: 1; letter-spacing: 0.2px; } .call .iconcall { background-size: 22px; display: block; padding-left: 0; position: relative; color: #FFF !important; } .call .iconcall .btnCall { background-image: url(images/icon.png); background-repeat: no-repeat; background-position: -80px -258px; display: block; position: absolute; height: 30px; width: 30px; left: 0px; display: none; } .call a { text-decoration: none; color: #fff } .alert-warning { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; z-index: 123 } .alert-warning hr { border-top-color: #f7e1b5 } .alert-warning .alert-link { color: #66512c } .phone-call { width: 220px } .phone-call p { margin: 0 0 5px 0 !important } .phone-call b { color: #E42817 } .phone-content { padding: 10px; font-size: 12px; font-family: Arial, tahoma, verdana; color: #000; font-style: normal } .phone-content input { width: 95% } #float_content_left { border: 0px solid #01AEF0; } #hide_float_left { text-align: left; font-size: 11px; } #hide_float_left a { background: #a80f12; padding: 4px 8px; color: #FFF; font-size: 14px; color: #FFF; } #secondary { float: left; } .tinraobdsList { width: 100%; margin-top: 20px; background: #fafafa; padding: 40px 0 0 0; border-top: #DDD 1px solid; } .tinraobdsListS { background: #FFF; width: 100%; padding: 20px 0; } .tinraobdsList h2 { color: #333; text-align: center; font-size: 25px; margin: 0px 0 40px 0; font-weight: normal; text-transform: none; } .tinraobdsList h2:after { background-color: #333; } .tinraobdsList .arcpost { background: none; border: 0; border-bottom: #DDD 1px solid; margin: 10px 0; padding: 0; padding-bottom: 10px; } .tinraobdsList .col-md-5 { margin: 0; padding: 0; } .tinraobdsList .col-md-5 h2 { line-height: 1.4; color: #333; font-weight: normal; font-size: 15px; margin: 0; padding: 5px 0; text-align: justify; } .tinraobdsList .col-md-5 a { color: #333; font-weight: normal; font-size: 14px; } .tinraobdsList .col-md-5 img { width: 100px; height: 80px; border: #DDD 1px solid; padding: 3px; } .tinraobdsList .col-md-7 { margin: 0; padding: 0; font-size: 14px; color: #333; text-align: j; } .tinraobdsList .col-md-7 .ct a { border: #333 1px solid; color: #333; font-size: 15px; display: inline-block; padding: 0 15px; line-height: 30px; text-align: center; width: auto; } .tinraobdsList .col-md-7 .ct a:hover { border-color: red; color: red } .tinraobdsList .col-md-7 .col-md-3 { } .tinraobdsList .col-md-7 i { padding-right: 7px; color: #0c336c; } @media (min-width: 1200px) { .container { width: 1160px; } } @media (min-width: 1300px) { .container { width: 1250px; } } @media (max-width: 780px) { #loadppi .modal-dialog { margin: auto; max-width: 100%; width: 1200px; background: #FFF; height: 95%; max-width: 95%; position: relative; } #loadppi .close { right: 0; top: 0; margin: 0; left: 0; margin: auto; margin-top: -15px; } .section-wrap .slider { height: auto } .getPostDuanNew { display: none!important } .section-wrap .slider,.section-wrap .slider .item.full-screen,.section-wrap .slider .item.full-screen a,.section-wrap .slider .item.full-screen a img { height: auto!important; } .header1 { display: none } .header3 { display: none } .navbar { display: none; } .getPostCate2 .lsPost2 { height: auto; } .getPostCate2 .contentH { height: auto; } #logo img { display: block; margin: 0 auto; } .getPostCate2 img { width: 250px; height: 140px; border: #CCC 1px solid; padding: 2px; margin: 0 auto; float: none; display: block; border-radius: 10px; } .entry-meta-news { display: none; } .newsimage img { border: #DDD 1px solid; padding: 2px; background-color: #FFF; width: 250px; height: 150px; display: block; margin: 0 auto; } #headerArea { border-bottom: #214a55 2px solid; padding-bottom: 0; } } @media (max-width: 590px) { #headerArea { height: 80px !Important; } #logo img { display: block; margin: 5px auto 0 auto; width: 220px; height: auto; } } #headerArea { width: 100%; z-index: 99999; padding: 0; height: 100px; background: #01304c; } .hlTop { width: 250px; font-weight: bold; color: #FFF; padding: 5px; text-align: center; border-radius: 50px; font-size: 17px; letter-spacing: 1px; float: right; clear: both; color: #a60a12; background: rgba(255,255,255,0.5); text-transform: uppercase; } .hlTop span { font-size: 18px } .hlTop em { font-size: 16px !Important; } .entryDate { font-size: 12px; color: #666; } body .entry-content { font-family: 'Roboto Condensed', sans-serif; font-size: 15px; } .intro-news { margin-top: 5px; text-align: justify; font-size: 14px; } p { margin: 7px 0; } .sliderImage { margin: 0 auto; width: 800px; height: 500px; border: 8px solid #fff; border-radius: 5px; box-shadow: 0px 0px 7px #333; position: relative; margin-top: 10px; margin-bottom: 0px !important; } .slider_next { width: 50px; height: 50px; background: url(images/slsNext.png) no-repeat; position: absolute; z-index: 999; top: 210px; left: 771px; cursor: pointer } .slider_next:hover { background: url(images/slsNext_hover.png) no-repeat } .slider_prev { width: 50px; height: 50px; background: url(images/slsPre.png) no-repeat; position: absolute; z-index: 999; top: 210px; left: 10px; cursor: pointer } .slider_prev:hover { background: url(images/slsPre_hover.png) no-repeat } .thumbSlide { height: 50px; padding: 0; width: 100%; display: block; text-align: center; margin: 15px auto 0px 0; } .thumbSlide li { width: 40px; float: left; margin-bottom: 10px; margin-right: 12px; list-style: none; height: 40px; } .thumbSlide a { width: 44px; padding: 2px; display: block; border: 1px solid #DDD; border-radius: 3px; box-shadow: 1px 1px 2px #333; } .thumbSlide li.activeSlide a { border: 1px solid #0a526f; border-radius: 3px; box-shadow: 1px 1px 3px #333 } .thumbSlide a:focus { outline: none } .thumbSlide img { width: 40px; height: 40px !important; border: none; display: block; } .arrowslide { display: block } .callbacks_container { margin-bottom: 5px; position: relative; float: left; width: 100%; } .callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 } .callbacks li { position: absolute; width: 100%; left: 0; top: 0 } .callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0 } .callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none } .callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 35% !important; left: 0; opacity: 1; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 50px; width: 50px; background: transparent url("images/navHover.png") no-repeat left top; margin-top: -45px } .callbacks_nav:hover { background: transparent url("images/nav.png") no-repeat left top } .callbacks_nav:active { opacity: 1.0 } .callbacks_nav.next { left: auto; background-position: right top; right: 0 } .rslides_tabs a { display: inline-block } .rslides_tabs img { float: left } .rslides_tabs .rslides_here a { background: transparent; box-shadow: 0 0 0 2px #666 } .rslides_tabs a { padding: 0 } .callbacks_here a { background: transparent; box-shadow: 0 0 0 2px #666 } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0 } .rslides li:first-child { position: relative; display: block; float: left } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0 } .rslides_tabs { list-style: none; padding: 0; background: #FFF; font-size: 18px; list-style: none; margin: 0 auto; padding: 10px 0; text-align: center; width: 100% } .rslides_tabs li { display: inline; float: none; margin: 0 3px } .rslides_tabs a { width: auto; line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline } .rslides_tabs li:first-child { margin-left: 0 } .rslides_tabs .rslides_here a { background: rgba(255,255,255,.1); color: #fff; font-weight: bold } .rslides_tabs img { width: 40px; height: 40px } .rslides_tabs a { padding: 0 } .rslides_tabs a { display: inline-block } .rslides_tabs a { height: auto; background: transparent; display: inline-block; width: 40px; padding: 2px; border: 1px solid #fff; border-radius: 3px; box-shadow: 1px 1px 3px #333 } .sliderImage img { height: inherit; } .comment-reply-title { font-size: 18px; } .swiper-slide-wrapper { background-color: #FFF; margin: 10px auto; } .swiper-slide2 img { height: auto; border: none; width: 100% !important; background: #FFF; padding: 0; } .slHome .swiper-button-prev, .slHome .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; background-image: url(images/slsPre.png) } .slHome .swiper-button-prev:hover, .slHome .swiper-container-rtl .swiper-button-next:hover { background-image: url(images/slsPre_Hover.png) } .slHome .swiper-button-next, .slHome .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; background-image: url(images/slsNext.png) } .slHome .swiper-button-next:hover, .slHome .swiper-container-rtl .swiper-button-prev:hover { right: 10px; left: auto; background-image: url(images/slsNext_hover.png) } .slHome .swiper-button-next, .slHome .swiper-button-prev { position: absolute; top: 45%; width: 50px; height: 50px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 50px 50px; -webkit-background-size: 50px 50px; background-size: 50px 50px; background-position: center; background-repeat: no-repeat; background-size: 50px auto; background-color: inherit; } .ft-top { background-color: #f5f5f5; padding: 30px 0 15px 0; } .ft-top .block-socialFt { margin: 0 0 1.875rem } @media (min-width: 992px) { .ft-top .block-socialFt { position:relative } .ft-top .block-socialFt:after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 12rem; background-color: #fff } } .ft-top .block-socialFt ul li { display: inline-block; margin-right: .625rem; border: none; } .ft-top .block-socialFt ul li a { display: block; background-color: #0066b3; width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% } .ft-top .block-socialFt ul li a .fa { font-size: 16px; color: #fff; font-weight: 500; line-height: 40px; vertical-align: middle; } .ft-top .block-getmail { margin: 0 0 1.875rem } @media (min-width: 992px) { .ft-top .block-getmail { padding-right:1.875rem; position: relative } .ft-top .block-getmail:after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 12rem; background-color: #fff } } .ft-top .block-getmail h3 { font-size: 14px; font-weight: 500; line-height: 140%; color: #222; margin: 0 0 .625rem; } .ft-top .block-getmail .subscribefrm { position: relative } .ft-top .block-getmail .subscribefrm input[type=text] { font-size: 14px; font-weight: 500; color: #888; height: 40px; line-height: 40px; background-color: #fff; border: none; width: 100%; padding: 0 6.275rem 0 .9375rem; } .ft-top .block-getmail .subscribefrm .subscribebutton { font-size: 14px; font-weight: 700; color: #fff; background-color: #0066b3; text-transform: uppercase; text-align: center; height: 40px; line-height: 40px; display: inline-block; border: none; position: absolute; top: 0; right: 0; padding: 0 .9375rem; } .ft-top .block-infoFt { font-size: .813rem; font-weight: 500; line-height: 1.313rem; color: #fff; } .ft-top ul { margin: 0; padding: 0; font-size: 14px; list-style: none; color: #222; } .ft-top ul li { margin: 10px 0; font-size: 14px; line-height: 140%; } .ft-top ul li .fa { width: 20px; display: inline-block; vertical-align: top; font-size: 16px; color: #1965b3; } .ft-top ul li a { color: #222; } .ft-top ul li span { display: inline-block; width: calc(100% - 25px); vertical-align: top } .ft-top h2.module-title { font-size: 18px; font-weight: 700; line-height: 140%; padding: 10px 0; margin: 10px 0; position: relative; color: #222; text-transform: uppercase; } .ft-top h2.module-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 49px; height: 2px; background-color: #ccc } .ft-top .container { background: none } #footerArea { padding: 10px 0; text-align: center; color: #222; font-size: 14px; background: #f5f5f5; } .wp-pagenavi span.current { background: #214a55; color: #FFF; border-radius: 50%; width: 33px; height: 33px; border-color: #DDD; } .tags { list-style: none; margin: 0; overflow: hidden; padding: 0; } .tags li { float: left; } .tags li a { color: #333; padding-right: 7px; line-height: 25px; font-size: 15px; -webkit-transition: color 0.2s; } .tags li a:hover { color: red; } .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } #clickcall .modal-dialog { width: 330px; margin: 0; } #clickcall:before { height: 80%; } #clickcall .close { height: 25px; margin-bottom: 2px; margin-right: 0 !Important; opacity: 1 } #clickcall .close img { height: 20px; } .modal-header { border: 0 !important; } .modal-content { background-repeat: no-repeat; background-position: center; background-size: cover; border: 2px solid #cccccc; z-index: 1000003; text-align: left; padding: 0px 0px; max-width: 700px; max-height: 550px; min-width: 300px; } #clickcall .modal-content { background: none; border: 0; z-index: 1000003; text-align: left; padding: 0px 0px; width: 330px; max-height: 550px; max-width: 330px; box-shadow: none; } #clickcall .modal-header { padding: 0; } .textHead { background: rgba(255,255,255,0.8); margin: 0px auto 30px auto; padding: 5px 10px; width: 90%; border: #EEE 1px solid; } #clickcall .textHead { background: #39C; margin: 0px auto 5px auto; padding: 8px 10px; width: 100%; border: none; font-size: 14px; color: #fff; background: #337ab7; text-align: center; text-transform: uppercase; } #clickcall .modal-body { margin: 0; padding: 0; background: #FFF; border: #337ab7 1px solid; padding: 0 0 0px 0; } #clickcall .modal-body .wpcf7-form { padding: 5px 15px 0 15px; margin: 15px auto 0 auto; } #clickcall .modal-body input { padding: 5px 10px; font-size: 13px; background: #f9f9f9; border-radius: 0; box-shadow: none; border-color: #DDD; } #clickcall .modal-body .wpcf7-form input[type=submit] { width: 100% } #clickcall .modal-body .wpcf7-form input[type=submit]:hover { color: #fff; background-color: #286090; border-color: #204d74; } #clickcall .modal-body .wpcf7-form input[type=submit]:hover { color: #fff; text-decoration: none; } #clickcall .modal-body .wpcf7-form input[type=submit] { color: #fff; background-color: #337ab7; border-color: #2e6da4; } #clickcall .modal-body .wpcf7-form input[type=submit] { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff; } .textFooter { background: rgba(255,255,255,0.8); margin: 20px auto 10px auto; padding: 5px 10px; width: 90%; border: #EEE 1px solid; } .wpcf7-form {text-align: center;} #related_posts { margin: 20px 0 30px 0; width: 100%; display: inline-block; } #related_posts h2, .newtitle h2 { font-size: 20px; letter-spacing: 0.2px; margin: 5px 0; font-weight: bold; color: #01304c; margin-bottom: 15px; padding-bottom:10px; position:relative; border-bottom:#ccc 2px solid; max-width:98% } #related_posts h2:after, .newtitle h2:after { content: ""; height: 2px; width: 80px; background: #01304c; position: absolute; bottom: -2px; left: 0; } .newtitle h2:after { margin: 0 auto } #related_posts h2 i { font-size: 15px; color: #01304c; } #related_posts .col-sm-3 { margin: 10px 0 20px 0; } #related_posts .col-sm-3 h3 { font-size: 15px; margin: 5px 0 0 0; } #related_posts .col-sm-3 h3 a { text-transform: lowercase; } #related_posts .col-sm-3 img { width: 175px; height: 105px; } #related_posts .col-sm-3 .rTime { font-size: 12px; color: #666; } .number_mobile { font-size: 17px; margin-left: 4px; text-decoration: inherit; } .commentArea { } .navbar-nav > li#menu-item-400 { background: none !Important; height: 40px; line-height: 75px; position: relative; width: 30px; overflow: hidden; } .menuContact .menu-item-400 { background: none; width: 50px; height: 50px; } .menu-item-400 a { position: relative; } .menuContact .menu-item-400 a { background: url(images/home.png) 10px no-repeat !important; z-index: 99999; width: 50px; height: 50px; color: transparent; color: transparent !important; padding-right: 0px; position: inherit !important; line-height: 50px; } .menu-item-400 a:hover { color: transparent !important; } .fYeuCau { border: #214a55 0px dashed; background: #f5f5f5; border-color: #0066b3; padding: 0; border-color: #EEE; margin: 0px auto 20px auto; max-width: 600px; background: #FFF; border: #337ab7 1px solid; padding: 0 0 15px 0; background: url(images/bg-contact.png); background-size: cover; } .fYeuCau .col-md-4 { padding: 0 5px } .fYeuCau .col-md-12 { padding: 0 5px } .fYeuCau p { text-align: center; color: #FFF; margin: 0; } .fYeuCau h3 { margin: 0px auto 5px auto; padding: 8px 10px; width: 100%; border: none; font-size: 14px; color: #fff; background: #337ab7; text-align: center; text-transform: uppercase; } .fYeuCauF { padding: 0 10px; margin-top: 15px; } .fYeuCauF p { } .fYeuCauF label { } .fYeuCauF span { } .fYeuCauF input { max-width: 100%; background: #f5f5f5; border: #CCC 1px solid; border-radius: 0; height: 30px; font-weight: normal; font-size: 14px; padding: 5px; color: #444 !important; padding: 5px 10px; font-size: 13px; background: #f9f9f9; border-radius: 0; box-shadow: none; border-color: #DDD; } .fYeuCauF textarea { height: 50px; WIDTH: 100%; background: rgba(255,255,255,0.2); border: #AAA 1px solid; border-radius: 0; margin-top: 5px; font-weight: normal; font-size: 14px; padding: 5px; color: #444 !important; border-color: rgba(255,255,255,0.3); padding: 5px 10px; font-size: 13px; background: #f9f9f9; border-radius: 0; box-shadow: none; border-color: #DDD; } .fYeuCauF input[type=submit] { background: #337ab7; border: none; padding: 0px 10px; height: 35px; border: none; margin-top: 5px; color: #FFF !Important; } .contactPage { background: url(images/bg-contact.jpg) center; background-size: cover; -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration: 2s; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; overflow: auto; } .contactPage .container { padding: 65px 0 0 0; max-width: 800px; } .contactPage .container label { /* width: 100%; */ float: left; } .contactPage .container p { } .contactPage .container span { text-align: left; } .contactPage .container input:focus { background: rgba(000,000,000,0.9); border: #EEE 1px solid !important; box-shadow: none !important; } .contactPage .container input { background: rgba(000,000,000,0.7); color: #FFF !important; border: #CCC 1px solid; border-radius: 0; margin: 7px 0; height: 40px; line-height: 40px; padding: 0 10px; font-size: 16px; font-weight: normal; width: 100%; text-align: left; } .contactPage .container * { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; letter-spacing: 0.4px; } .contactPage .container textarea:focus { background: rgba(000,000,000,0.9); border: 1px solid #EEE !Important; box-shadow: none !important; } .contactPage .container textarea { background: rgba(000,000,000,0.7); color: #FFF !important; border: #FFF 1px solid; border-radius: 0; margin: 10px 0; padding: 5px 10px; font-size: 16px; font-weight: normal; height: 120px; } .contactPage .container textarea::-webkit-input-placeholder { padding: 0 7px; color: #fff; font-size: 16px; font-weight: normal } .contactPage .container input::-webkit-input-placeholder { padding: 0 7px; color: #fff; font-size: 16px; font-weight: normal } .contactPage .container input[type=submit] { background: rgba(000,000,000,0.7); font-size: 17px; padding: 0px 17px; height: auto; width: 200px; text-align: center; } .contactPage .container input[type=submit]:hover { background: rgba(000,000,000,0.9) } .ctpage div.wpcf7-validation-errors { color: #FFF !important; width: auto !important; } .ctpage { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(000,000,000,0.01); } .wpcf7-not-valid-tip { display: none!important; } .relatedcontent h3 { font-size: 22px; display: inline-block; margin: 2px 0; padding: 0; } .relatedcontent span { font-size: 12px; color: #AAA } .navbar-nav > li.current-menu-item { } .navbar-nav > li.current-menu-item > a { font-weight: bold; } .navbar-nav > li.menu-item-400 a { color: transparent !important; overflow: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .navbar-nav > li.menu-item-400 a:after { content: "\f015"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #E8E8E8; font-size: 16px; position: absolute; top: 0; left: 0; right: 0; margin: auto; text-align: center; z-index: 9999; } .navbar-nav > li.menu-item-400:hover a { color: transparent !important } .sfm-menu > li { background: #5070ae !important; border-bottom: #333 1px solid !important; } .sfm-menu > li > a { font-size: 15px !important; color: #FFF !important; } .sfm-menu > li >a span { font-size: 15px !important; color: #FFF !important; text-transform: uppercase; } #sfm-sidebar .sfm-search-form { background-color: #333 !important; padding: 10px 0 !important; margin-bottom: 5px !important; margin-top: 10px !important; } #sfm-sidebar .sfm-search-form input { color: #f5f5f5 !important; } .sfm-logo { display: none !important } #sfm-sidebar .sfm-search-form span { top: 15px !important; } .navbar-nav li ul li a { } @font-face { font-family: "htgFont"; src: url("lib/htgFont.eot"); src: url("lib/htgFont.eot?#iefix") format("embedded-opentype"), url("lib/htgFont.woff") format("woff"), url("lib/htgFont.ttf") format("truetype"), url("lib/htgFont.svg#fontname") format("svg"); } #toolbox { position: fixed; right: 10px; bottom: 5px; margin-left: -550px; display: block; z-index: 999; } #toolbox ul { float: right; width: 34px; list-style: none; margin: 0; padding: 0; } #toolbox ul li { width: 34px; height: 34px; margin-top: 10px; cursor: pointer; } #toolbox ul li.phone { width: 300px; position: relative; height: 40px; padding: 0; } #toolbox ul li a { position: absolute; display: block; background: #39C; border: 2px solid #fff; border-radius: 20px; width: 35px; height: 35px; text-align: center; z-index: 99999; } #toolbox ul li.phone a { border: #FFF 1px solid; width: 150px; margin-right: 265px; right: 0; color: #FFF; font-weight: normal; font-size: 18px; height: 40px; line-height: 38px; padding: 0; background: url(images/icon-dolar.png) left center no-repeat; text-align: right; background-size: 40px; background-color: #39C; border-radius: 50px 0 0 50px; padding-right: 10px; } #toolbox ul li a:before { line-height: 30px; text-align: center; color: #FFF; font-weight: bold; font-size: 16px } #toolbox ul li a span { display: none; position: absolute; right: 15px; top: -3px; height: 25px; width: 100px; line-height: 30px } #toolbox ul li a:hover { background-color: #F79400 } #toolbox ul li.toTop { display: none } #toolbox ul li.toTop a { background: #F79400 } #toolbox ul li.toTop a:before { content: "\e627"; font-family: 'htgFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: relative; top: 1px; line-height: 28px } #toolbox ul li.email a:before { content: "\e75a"; font-family: 'htgFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: relative; top: 1px; line-height: 28px } #toolbox ul li.phone a:before { /* content: "\e621"; */ font-family: 'htgFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: relative; top: 1px; line-height: 28px; } #toolbox ul li.home a:before { content: "\e69b"; font-family: 'htgFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: relative; top: 1px; line-height: 28px } #toolbox .tooltip { left: inherit; right: 35px; width: 100px; } body.scrolled #toolbox ul li.toTop { display: block } .logoContactArea { position: absolute; margin-left: auto; left: 0; right: 0; margin-right: auto; width: 120px; height: 68px; top: 145px; } .logoContactArea img { width: 120px; } .contactPage .container label.cRight { float: right; } .cFooter { text-align: center; font-size: 15px; color: #FFF; background: rgba(000,000,000,0.7); max-width: 600px; padding: 20px 0; margin: 0 auto; border-radius: 5px; border: #CCC 1px solid; } .menuContact { bottom: 0; right: auto; top: auto; position: fixed; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; z-index: 150; z-index: 100; background: url(images/bg_nav.png) left center repeat-x; -webkit-transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out; width: 100%; text-align: center; height: 50px; } .menuContact ul { list-style: none; margin: 0 auto; width: 980px; } .menuContact ul li { color: #FFF; float: left; } .menuContact ul li a { padding: 0 25px; color: #FFF; font-size: 16px; text-transform: uppercase; line-height: 50px; } .menuContact ul li ul { display: none } @media screen and (min-width: 1100px) { #toolbox { display:block } } @media screen and (max-width: 790px) { .contactPage .container label.cRight { float:none; display: block; } .contactPage .container label { float: none; display: block; } .contactPage .container { padding-top: 40px; } .menuContact { display: none } #logo { padding: 0; margin: 0 auto; margin-top: 0; position: absolute; z-index: 999; left: 0; right: 0; } .cFooter { text-align: center; font-size: 14px; color: #FFF; background: rgba(000,000,000,0.7); max-width: 98%; padding: 20px 5px; margin: 0 auto; border-radius: 5px; border: #CCC 1px solid; margin-bottom: 45px; } } @media screen and (max-width: 600px) { .shareSocialBar { float: none; } h1 { font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif } .callbacks_nav { top: 47% } } @media screen and (max-width: 400px) { .call { /* background: #A60A12; */ /* width: 140px; */ /* height: 33px; */ /* border-radius: 5px; */ /* font-weight: bold; */ /* line-height: 33px; */ /* font-size: 15px; */ /* padding: 0 5px; */ /* bottom: 2px; */ /* left: 0; */ /* display: inline-block; */ /* position: fixed; */ /* z-index: 99999; */ /* letter-spacing: 0.2px; */ } .fl { display: none; } .call i { /* display: none; */ } #toolbox { position: fixed; right: 1px; bottom: 5px; margin-left: -550px; display: block; z-index: 999; } #toolbox li { } #toolbox li.phone { height: 30px !important; } #toolbox li.phone a { width: 125px !Important; font-size: 15px !important; background-size: 33px !Important; height: 33px !important; line-height: 30px !important; } } #livechat-full { bottom: 45px !important } #livechat-compact-container { bottom: 37px !important } .formP .form-control { max-width: 450px; margin: 0 auto } .formP button { max-width: 250px; margin: 0 auto; display: block } .ungdungArea { height: 0!important; width: 0!important } .ungdungArea iframe { height: 0!important; width: 0!important } .smallbds { color: #aaa; font-size: 12px; font-weight: normal; } .info { margin-bottom: 10px; } .info ul { list-style: none; padding: 0; margin: 0 } .panel-body { padding: 8px 12px; } .info ul li { border-bottom: #EEE 1px solid; width: 95% } .lssdg { text-align: center } .lssddthumb { text-align: center; margin: 5px 0; } .lssddthumb img { opacity: 0.5; } .lssddthumb .swiper-slide-active img { opacity: 1 } .gallery-top .swiper-button-next,.gallery-top .swiper-container-rtl .swiper-button-prev { background-size: auto; background-color: transparent; background: url(images/slsNext.png) no-repeat; right: 5px; width: 50px; height: 50px; } .gallery-top .swiper-button-next:hover,.gallery-top .swiper-container-rtl .swiper-button-prev:hover { background: url(images/slsNext_hover.png) no-repeat; } .gallery-top .swiper-button-prev,.gallery-top .swiper-container-rtl .swiper-button-next { background-size: auto; background-color: transparent; background: url(images/slsPre.png) no-repeat; left: 5px; width: 50px; height: 50px; } .gallery-top .swiper-button-prev:hover,.gallery-top .swiper-container-rtl .swiper-button-next:hover { background: url(images/slsPre_hover.png) no-repeat; } .panel-heading { padding: 5px 10px; font-size: 14px; background: #fafafa !important; color: #214a55 !Important; } .panel-heading i { font-size: 12px; color: #a60a12 } .media-body { font-size: 14px; } .sContentBDS { margin-bottom: 10px; width: 100%; margin: 0px auto 10px auto; padding: 10px; border: #EEE 1px solid; position: relative; /* background-color: #fafafa; */ border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } div.sContentBDS::after { content: ""; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; background: url(images/location_icon.png) no-repeat right 10px bottom 10px; background-size: 75px; background-color: #f5f5f5; } .navbar-nav>li>.dropdown-menu { z-index: 9; position: absolute; margin: 0 auto; border: 0; border-top: 0; top: 39px; padding-top: 2px; padding-bottom: 8px; width: 245px; background-color: #214a55; background: url(img/bg-menu.png); } .navbar-nav>li>.dropdown-menu>li>a, .navbar-nav>li>.dropdown-menu>li>ul>li>a { padding: 0 5px 0 8px; font-size: 13px; background: 0 0; color: #fff !important; text-shadow: none !important; line-height: 48px; margin: 0; height: 40px; border-bottom: #eeeeee24 1px solid !important; font-weight: 600; text-transform: uppercase; } .navbar-nav>li>.dropdown-menu>li>a:after { content: "" } .navbar-nav>li>.dropdown-menu>li>a:hover, .navbar-nav>li>.dropdown-menu>li>ul>li>a:hover { color: #d8c774!important; border-color: #d8c774!important } .navbar-nav>li>.dropdown-menu>li { position: relative; float: left; display: block; margin: 0 auto; width: 96%; transition: all .2s ease-in-out; float: none; top: 0; height: auto; min-height: auto; background: #0000 radial-gradient(circle,#24337b,#121a3f) repeat scroll 0 0 !important; background: none !important; } .navbar-nav>li>.dropdown-menu>li.dropdown:before { content: "\f101"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; color: #4568f6; font-size: 13px; position: absolute; top: 8px; right: 8px; margin: 0; text-align: center } .table { width: 100%!important; } .getPostDuanNew { height: 40px; line-height: 40px; overflow: hidden; width: 100%; background: #214a55; } .getPostDuanNew .ttda { line-height: 1; margin: 0; padding: 0; text-align: center; } .getPostDuanNew .ttda a { width: auto; height: 40px; line-height: 40px; letter-spacing: 0.1px; text-align: center; padding: 0 15px; border-right: #EEE 1px solid; font-weight: normal; font-size: 14px; } .getPostDuanNew .ttda a:last-child { border: 0 } .getPostDuanNew .ttda ul { display: inline-block; text-align: center; list-style: none; } .getPostDuanNew .ttda ul li { background: #214a55 !important; float: left; padding: 0 10px !important; color: #FFF; border: 0; text-align: center; line-height: 40px; margin: 0; width: auto; } #duanfullpage .vtri:first-child { margin: 0; } .section-wrap.full-height { height: 100vh; position: relative; clear: both; height: 650px; overflow: hidden; width: 100%; } #intro { display: flex; height: calc(100vh - 70px); align-items: center; justify-content: center; position: relative; transition: all .3s ease } h2.title { color: #f6680a; margin: 20px 0px 10px 0; padding-bottom: 5px; font-size: 24px; text-align: center; font-weight: bold; } span.linehome { display: block; margin: 5px auto 10px; width: 75%; height: 1px; background: #f6680a; position: relative; margin-bottom: 20px; } span.linehome:before, span.linehome:after { position: absolute; left: 0; top: -3px; content: ''; width: 7px; height: 7px; background: #f6680a; border-radius: 50%; } span.linehome:after { right: 0; left: auto; } #intro:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.4) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGElEQVR42mJiYGD4DwQMTECCEchhAAgwAEcGBv9dngKPAAAAAElFTkSuQmCC) } .section-wrap .space-border { width: 0; height: 0; position: absolute; z-index: 3; border-style: solid } .section-wrap .space-border.left { border-width: 100vh 50px 0 0; border-color: #214a55 #0000 #0000; display: none; } .section-wrap .space-border.right { border-width: 0 50px 100vh 0; border-color: #0000 #214a55 #0000 #0000; display: none; } .section-wrap .section-content { max-width: 100% } .section-wrap .section-content h1 { font-size: 4em; text-align: center; text-transform: uppercase; text-shadow: 1px 2px 3px rgba(0,0,0,.5) } .section-wrap .section-content h2 { font-size: 2.5em; text-shadow: 1px 2px 3px rgba(0,0,0,.5); text-transform: uppercase } #intro .section-content { text-align: center; padding: 10px; z-index: 1000; color: #fff } #intro .section-content h1 { margin-bottom: 50px } #intro .section-content h2 { margin-top: 30px } #intro .logo img { max-width: 500px; height: auto; text-align: center } .col-left { float: left } .col-right { float: right } .section-wrap .info { width: 30%; height: 100vh; overflow: hidden; background: #214a55; color: #fff; text-align: justify; padding: 10px 0; } .section-wrap .info table { width: 100% !important; text-align: left; margin-bottom: 1em; border: 0 } .section-wrap .info table td,.section-wrap .info table th { border: 1px solid rgba(248,248,248,.35); padding: 5px } .section-wrap .info.col-left { padding-left: 20px } .section-wrap .info.col-right { padding-right: 20px } .section-wrap .info .title { color: #f6680a; font-size: 2em; margin-top: 5vh; text-align: left } .section-wrap .info ol,.section-wrap .info ul { padding: 0 15px } .section-wrap .space-bar { height: 1px; background: #f6680a; margin-bottom: 20px; position: relative } .section-wrap .space-bar:before { content: " "; display: block; width: 7px; height: 7px; background: #f6680a; border-radius: 100%; position: absolute; top: -3px } .section-wrap .slider { width: 100%; overflow: hidden; height: 650px; } .section-wrap .slider .slide { position: relative; width: 100%; overflow: hidden; height: 650px; } .section-wrap .slider .carousel-inner>.item>a>img, .section-wrap .slider .carousel-inner>.item>img { width: 100%; } .section-wrap .slider .carousel-inner>.item { height: 650px!important } .section-wrap .slider .item.full-screen a { background-size: cover; background-repeat: no-repeat; display: block; width: 100%; height: 100% } .section-wrap .slider .item.full-screen a img { height: 100% } .tab-slide .carousel-indicators li { text-indent: 0; width: auto; height: auto; padding: 0 10px; line-height: 23px; font-size: .9em; border-radius: 0; text-transform: uppercase; color: #fff; background: rgba(0,0,0,.5); text-shadow: 0 1px 1px rgba(0,0,0,.75); box-shadow: 1px 2px 3px rgba(0,0,0,.4) } .tab-slide .carousel-indicators li.active { color: #444; text-shadow: none; background: #fff; } #contact-btn,#contact-btn:active,#contact-btn:focus,#contact-btn:visited { display: block; position: fixed; top: 100px; z-index: 999; right: 0; background: #f6680a; padding: 10px 15px; color: #fff; text-transform: uppercase; font-size: .9em; box-shadow: -1px 1px 3px rgba(0,0,0,.3); text-decoration: none; } .slidingcontact { position: fixed; top: 0; right: -310px; z-index: 999; transition: all .3s ease; } .slidingcontact .content { background: #fff; max-width: 100%; width: 300px; padding: 50px 10px 20px; height: 100vh; overflow-y: auto; overflow-x: hidden; box-shadow: -2px 0 5px rgba(0,0,0,.3); position: relative } .slidingcontact .close-btn { position: absolute; top: 10px; height: 10px; font-size: 1.5em; font-family: sans-serif; color: #333; opacity: .8; transition: all .3s ease; cursor: pointer; text-decoration: none !important } .slidingcontact .close-btn:hover { opacity: 1 } .slidingcontact h3 { font-weight: 100; text-transform: uppercase; font-size: 2em; text-align: center } .slidingcontact p { text-align: center } .slidingcontact input,.slidingcontact textarea { width: 100%; padding: 10px; margin-bottom: 5px; border: 1px solid #ddd } .slidingcontact textarea { height: 130px } .slidingcontact input[type=submit] { color: #444; text-transform: uppercase; transition: all .3s ease } .slidingcontact input[type=submit]:hover { background: #f6680a; color: #fff } #gia-csbh { background-size: cover; display: flex; justify-content: center; align-items: center; min-height: 100vh; clear: both } #gia-csbh .section-content { width: 1000px; max-width: 90%; height: auto; padding: 1em; background: rgba(23,24,41,.75); margin: 2em 0; color: #fff } .about-links .content { padding: 0 } .about-links .content ul { list-style: none; margin: 0; padding: 0 } .about-links .content ul li { margin-bottom: 0 } .about-links ul li a { border-bottom: 1px solid #fff; display: block; padding: 5px 10px; text-transform: uppercase } .about-links ul li.active a,.page-gioi-thieu .about-links ul li a:hover { background: #e7e7e7; text-decoration: none } .company { text-align: center } .company h2 { font-weight: 700; color: #f6680a; margin-bottom: 10px } .company h3 { font-weight: 400; margin-top: 0 } .company .logo { width: 200px; height: auto } .page-gioi-thieu .about-links ul li a:hover { color: #f6680a; text-decoration: none } .about-links ul li.active a { font-weight: 700 } .duan-noibat .content { padding: 0 5px 0 0 } .duan-noibat .content ul { list-style: none; margin: 0; padding: 0 } .duan-noibat .content ul li { overflow: hidden; border-bottom: 1px solid #fff; margin-bottom: 0 } .duan-noibat .post .thumb { width: 110px !important; height: auto !important; float: left; margin-right: 5px } .scrollbar-outer { max-height: calc(100vh - 20px) } .scrollbar-outer>.scroll-element,.scrollbar-outer>.scroll-element div { border: 0; margin: 0; padding: 0; position: absolute; z-index: 10 } .scrollbar-outer>.scroll-element { background: 0 0 } .scrollbar-outer>.scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100% } .scrollbar-outer>.scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100% } .scrollbar-outer>.scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; opacity: .75 } .scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px } .scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px } .scrollbar-outer>.scroll-element .scroll-element_outer { overflow: hidden } .scrollbar-outer>.scroll-element .scroll-element_track { background-color: rgba(238,238,238,.07) } .scrollbar-outer>.scroll-element .scroll-element_outer,.scrollbar-outer>.scroll-element .scroll-element_track,.scrollbar-outer>.scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .scrollbar-outer>.scroll-element .scroll-bar { background-color: rgba(217,217,217,.21); } .scrollbar-outer>.scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } .scrollbar-outer>.scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer>.scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer>.scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer>.scroll-element.scroll-y .scroll-bar { min-height: 10px; } .scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px } .scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px } .scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px } .tuyen_dung .post .thumb img { width: 100%; height: auto } .tuyen_dung .post .entry-title { font-size: 1em; margin-bottom: 10px; font-weight: 400; text-transform: uppercase } .tuyen_dung .post-list { padding: 3px 10px } .post-list .entry-title { font-size: .9em !important; display: inline-block; margin: 0 } .tuyen_dung .post.sticky-post { overflow: hidden; box-shadow: none; padding: 0; border: 0 } .post.sticky-post .entry-title { font-size: 2em; font-weight: 700 } .post-list time { display: inline; font-size: 12px; color: #666; width: 100px; text-align: right; margin-left: 20px } .tuyen_dung .post.sticky-post time { margin-top: 1em; text-align: left } .post-list a { color: #444; transition: all .3s ease } .post-list a:hover { color: #f6680a; text-decoration: none } .tuyen_dung .post.sticky-post a { color: #f6680a } .other-posts { margin-top: 2em; border: 1px solid #f5f5f5; padding: 1em } .other-posts h2 { margin-bottom: 1em; text-transform: uppercase; display: inline-block; font-size: 1.3em } .other-posts h2:after { content: ""; width: 100%; height: 1px; background: #333; display: block; margin: 5px auto 0 } .sticky-post { border-bottom: 1px solid #ddd; margin-bottom: 2em } .sticky-post img { width: 100%; height: auto } .sticky-post .post-item a { position: relative; display: block; line-height: 0 } .sticky-post .post-item h3 { color: #333; font-size: 1.7em; line-height: 23px; margin-top: 10px; margin-bottom: 10px; font-weight: 700 } .sticky-post ul { margin: 0; padding: 0; list-style: none } .sticky-post ul li { padding: 5px 0; border-bottom: 1px solid #ddd } .sticky-post ul li:first-child { padding-top: 0 } .sticky-post ul li a { color: #333 } .sticky-post a:hover,.sticky-post a:hover h3 { color: #f6680a; text-decoration: none } .post-list .post-item { margin-bottom: 1em } .post-list .post-item img { width: 100%; height: auto } .post-list .post-item h3 { margin: 0 0 10px; font-size: 1.2em !important; font-weight: 700 } .post-list .post-item .entry-summary { font-size: .9em } .sticky { position: sticky; top: 10px } .sticky .heading { text-align: center } .sticky .heading h2 { text-transform: uppercase; font-size: 1.3em; margin-bottom: 10px; background: #f6680a; padding: 5px; color: #fff } .sticky .post { margin: 0; padding: 0; list-style: none } .sticky .post li { margin-bottom: 1em; overflow: hidden } .sticky .post img { width: 100%; height: auto } .sticky .post a h3 { color: #333; font-size: 1em; margin-top: 5px } .post a { color: #333; } .post a:hover,.post a:hover h3 { color: #f6680a; text-decoration: none } .wp-pagenavi { text-align: center; line-height: 28px; margin: 15px 0; display: inline-block; width: 100%; } .wp-pagenavi .pages,.wp-pagenavi .last { border-radius: 5px; line-height: 33px; padding: 0 10px; vertical-align: bottom; } .wp-pagenavi .larger,.wp-pagenavi .extend,.wp-pagenavi .nextpostslink { width: 33px; font-size: 12px; font-weight: bold; height: 33px; border-radius: 50%; line-height: 33px; padding: 0; } .wp-pagenavi span,.wp-pagenavi a { display: inline-block; border: 1px solid #ddd; margin-right: 5px; text-align: center; line-height: 25px; color: #333; transition: all .3s ease; border-radius: 50%; height: 33px; width: 33px; } .wp-pagenavi .current,.wp-pagenavi a:hover { background: #214a55; color: #fff; text-decoration: none; } aside img { width: 100%; height: auto } aside .posts ul { margin: 0; padding: 0 10px !important; list-style: none } aside .posts ul li { overflow: hidden; margin-bottom: 10px !important } aside .posts ul img { width: 70px; height: auto; float: left; margin-right: 10px } .single .container .middle-content { width: 1000px; max-width: 100%; margin: 1em auto 2em } .single .post,.single .du_an,.single .page-content { margin-bottom: 2em } .single .post .post-meta,.single .du_an .post-meta,.single .page-content .post-meta { overflow: hidden } .single .post .post-meta .date,.single .du_an .post-meta .date,.single .page-content .post-meta .date { color: #c3c3c3; font-weight: 400; font-size: .9em; margin-bottom: 1em; display: block } .single .post .content,.single .du_an .content { color: #444 } .single .post .content>h2:first-child,.single .du_an .content>h2:first-child { font-size: 15px; font-weight: 700; line-height: 1.5; margin-top: 0 } .single .post .content blockquote { color: #b3871f; font-style: italic } .single .post .content p,.single .du_an .content p,.single .page-content p { font-size: 15px; line-height: 1.5; font-weight: 400; text-align: justify; margin-bottom: 10px } .single .post .content ul,.single .du_an .content ul { margin-left: 12px } .single .post .content ul li,.single .du_an .content ul li { margin-bottom: 10px } .single .post .content figure,.single .du_an .content figure,.single .page-content figure { margin-bottom: 1em; max-width: 100% } .single .post .content figure figcaption,.single .du_an .content figure figcaption,.single .page-content figure figcaption { font-size: .9em; font-style: italic; opacity: .8 } .single .post .content em,.single .du_an .content em,.single .page-content em { font-weight: 300 } .single .post .content img,.single .du_an .content img,.single .page-content img { max-width: 100%; height: auto; margin: 5px 0 } .single .post .content a,.single .du_an .content a,.single .page-content a { color: #f6680a } .single .post .tags,.single .du_an .tags { margin-bottom: 2em } .single .post .tags i,.single .du_an .tags i { margin-right: 20px; font-size: 1.4em } .single .post .tags a,.single .du_an .tags a { display: inline-block; margin-right: 10px; margin-bottom: 10px; background: #ececec; padding: 7px 10px 5px; color: #5d5d5d; font-size: .9em; border-radius: 3px } .single .related_post.wp_rp a { color: #333; font-weight: 700; line-height: 16px !important } .wp_rp_wrap .related_post_title { font-weight: 400; border-bottom: 1px solid #ddd } .menuFix2 { position: fixed; top: 0; display: inline-block; height: 40px; width: 100%; z-index: 20; } #messengerbuttonfb { display: block; width: 44px; height: 44px; position: fixed; right: 12px; border-radius: 100%; bottom: 190px; border-top: 2px; background: url(images/messenger.png) center no-repeat; background-size: 43px 43px; z-index: 99; } /*************** Code nut chat Zalo ***************/ #floating-sms-zalo { display: block; position: fixed; right: 12px; bottom: 135px; height: 44px; width: 44px; background: #05a3e5 url(images/zalo-icon.png) center / 43px no-repeat; z-index: 99; color: #FFF; font-size: 35px; line-height: 44px; text-align: center; border-radius: 100%; } /*************** Code nut Goidien ***************/ #floating-phone-mob { display: block; position: fixed; right: 12px; bottom: 80px; height: 44px; width: 44px; background: #46C11E url(images/call-1.png) center / 30px no-repeat; z-index: 99; color: #FFF; font-size: 35px; line-height: 44px; text-align: center; border-radius: 100%; } .posTop { text-align: right; padding: 5px 0; color: #222; letter-spacing: 0.5px; height: 50px; } .posTop a { color: #faf8c6; } .posTop span { } .posTop strong { color: #b59442; font-size: 20px; font-weight: bold; padding-left: 5px; background: -webkit-gradient(linear, left top, right top, from(#be9945), color-stop(#e0b936), color-stop(#f6ed78), color-stop(#be9945), color-stop(#f8e473), color-stop(#f9e876), to(#be9945)); background: -webkit-linear-gradient(left, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945); background: -moz-linear-gradient(left, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945); background: -o-linear-gradient(left, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945); background: linear-gradient(to right, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945); display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: #0000; } #duanfullpage { clear: both; display: block; max-width: 2000px; margin: 0 auto; } #duanfullpage .col-md-4,#duanfullpage .col-md-8 { padding: 0; margin: 0; } #duanfullpage .themcot-4 { background: #fff; color: #222; padding: 10px 20px 10px 20px; height: 650px; text-align: justify; font-size: 15px; -webkit-font-smoothing: antialiased; line-height: 1.4; overflow-y: scroll; overflow-x: hidden; } body table, .tinraobdsListS table { width: 100% !important } body table p, .tinraobdsListS table p { margin: 2px 0 } body table thead>tr>th,#duanfullpage .themcot-4 .themcot-4 table tbody>tr>th,body table tfoot>tr>th,body table thead>tr>td, body table tbody>tr>td,body table tfoot>tr>td { border: 1px solid #DDD; padding: 2px 8px; line-height: 1.42857143; /* vertical-align: top; */ } body table>tbody>tr:hover { background-color: #f5f5f5 } #duanfullpage .nivo-controlNav { } #duanfullpage .col-md-4 .noidungs { margin-right: 0; } #duanfullpage .col-md-4 .noidungs .mCSB_inside>.mCSB_container { margin-right: 17px; } #duanfullpage .theme-default .nivo-controlNav { bottom: 0; position: absolute; z-index: 999; } #duanfullpage .carousel-control { background: none !important } .ctPage { } .ctPage .col-md-4 { position: relative } .block-socialFt { margin: 0 0 1.875rem } .block-socialFt p { margin: 14px 0; color: #222; font-size: 14px } .block-socialFt p i.fa-phone { width: 22px; height: 22px; border: #222 1px solid; border-radius: 50%; text-align: center; line-height: 22px; font-size: 14px; margin-right: 5px } .ctPage .col-md-4:after { content: ""; position: absolute; width: 180px; height: 122px; right: 30px; bottom: 30px; opacity: .3; } .ctPage h4 { font-size: 16px; line-height: 1.4; font-weight: bold; } .ctPage .col-md-6 { } .ctPage .col-md-6 label { width: 100%; } .ctPage .col-md-6 p { } .ctPage .col-md-12 { } .ctPage .col-md-12 textarea { } .ctPage input[type=text],.ctPage input[type=email] { font-size: 13px; padding: 0 10px; line-height: 36px; margin: 5px 0; font-weight: normal; border-color: #CCC; width: 100%; border-radius: 0; } .ctPage input[type=submit] { border: 0; background: #214a55; color: #FFF; padding: 7px 30px; font-size: 14px; } .ctPage textarea { font-size: 13px; padding: 10px; line-height: 1.3; margin: 10px 0; font-weight: normal; border-color: #CCC; height: 100px; border-radius: 0 } #__lpform_your-name { display: none!important } @media (max-width: 1100px) { .section-wrap .slider .carousel-inner>.item { height: auto!important } #messengerbuttonfb { bottom: 125px } #floating-sms-zalo { bottom: 70px } #floating-phone-mob { bottom: 15px } #duanfullpage .col-md-4 .noidungs { margin-right: 0; } .section-wrap.full-height { height: auto } #duanfullpage .themcot-4 { background: #fff; color: #222; padding: 10px; overflow: scroll; height: auto; } .section-wrap .full-height { height: auto } .section-wrap { height: auto } .section-wrap .slider .slide { height: auto } #duanfullpage .themcot-4 { padding: 30px 10px 40px 10px; } #duanfullpage .col-md-4, #duanfullpage .col-md-8 { float: none !important; height: auto !Important; overflow: inherit; width: 99%; margin: 0 auto; } .section-wrap .slider { height: auto } } #error-page { } #error-404 { margin: 20px auto; } #error-404 .box-404 { width: 200px; height: 200px; background: #5bb44c; color: #fff; font-size: 80px; line-height: 200px; border-radius: 10px; margin: 0 auto 30px; position: relative; text-align: center; } #error-404 h1 { text-transform: uppercase } #error-404 p { line-height: 1.7em; font-size: 15px } .detailViewContent,.detailHiddenContent { font-size: 13px; font-weight: bold; line-height: 30px; padding: 0px 20px; background: #f8f9fc; border-radius: 20px; display: block; } .detailViewContent:hover,.detailHiddenContent:hover { background: #5bb44c; color: #FFF } .detailViewContent { } .popupsg .col-md-6 p input:focus { font-size: 13px; box-shadow: none !important; color: #222 !important; } .popupsg .col-md-6 p input { background: rgba(255,255,255,0.9); color: #222 !important; border: #666 1px solid; border-radius: 0; margin: 2px 0; height: 35px; line-height: 30px; padding: 0 10px; font-size: 13px; font-weight: normal; width: 100%; text-align: left; min-height: 35px; } .popupsg .wpcf7-form .wpcf7-validation-errors { color: #333; line-height: 1.2; font-size: 13px; color: #243b54; line-height: 30px; background: rgba(255,255,255,0.9); padding: 0px 20px !important; border-radius: 30px; margin: 5px auto !important; text-align: center; display: block !important; font-weight: bold; width: 280px; max-width: 100%; } .popupsg form.wpcf7-form .ajax-loader { display: inline-block; width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; background: url(https://boingocpiano.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif); left: inherit; bottom: inherit; line-height: inherit; position: inherit; display: none; } .popupsg form.wpcf7-form .is-active { visibility: visible; display: inline-block; } .popupsg * { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; letter-spacing: .4px } .popupsg p { margin: 3px 0; } .popupsg h2,.popupsg h3 { font-size: 14px; color: #243b54; line-height: 35px; background: rgba(255,255,255,0.9); padding: 0px 20px; border-radius: 30px; margin: 25px auto; text-align: center; font-weight: bold; width: 360px; max-width: 100%; } .popupsg .smitt { clear: both; text-align: center; margin-top: 5px; } .popupsg .smitt p { color: #c71b21; font-weight: bold; background: rgba(255,255,255,0.9); font-size: 13px; display: inline-block; clear: both; padding: 0 10px; line-height: 26px; margin: 10px 0; } .popupsg .smitt input { margin: 0; background: #c71b21; border: 0; box-shadow: none; color: #FFF; border-radius: 0; line-height: 36px; padding: 0 20px; margin: 10px 0 5px 0; font-weight: bold; border: #FFF 1px solid; } .popupsg .wpcf7-form div.wpcf7-mail-sent-ok { color: #333; line-height: 1.2; font-size: 12px; color: #243b54; line-height: 35px; background: rgba(255,255,255,0.9); padding: 0px 20px !important; border-radius: 30px; margin: 5px auto !important; text-align: center; display: block !important; font-weight: bold; width: 300px; } .popupsg .textHead { margin-top: 20px } .popupsg .textHead p { text-align: center; margin: 5px 0; padding: 0; color: #f79400; font-weight: bold; font-size: 20px } .popupsg .modal-header { position: absolute; right: 10px; padding: 5px; z-index: 999 } .popupsg .modal-dialog { top: 0; } div.popupsg,.modal-open .modal { } .popupsg .modal-dialog { border: 0; border-radius: 0; /* float: right; */ margin: 0; /* right: 5px; */ margin-top: 0; /* bottom: 5px; */ /* top: inherit; */ max-width: 600px; } .popupsg .modal-dialog .modal-content { border: 0; border-radius: 0; position: relative; border: #FFF 3px solid; border-color: #EEE; /* margin: 30px auto; */ } .popupsg .modal-dialog .modal-content:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(000,000,000,0.1); color: #000; /* z-index: 99999; */ } .popupsg .modal-dialog .modal-content .modal-body { } .popupsg button.close { box-shadow: none; position: absolute; right: 0; z-index: 999; top: -25px; opacity: 0.8; margin: 0 !important; } .popupsg button.close img { width: 20px; } .popupsg .col-md-6 p textarea:focus { background: #FFF; border: 1px solid #AAA !important; box-shadow: none !important } .popupsg .col-md-6 textarea,.popupsg .col-md-12 select { color: #222 !important; border: #666 1px solid; border-radius: 0; margin: 2px 0; padding: 5px 10px; font-size: 14px; font-weight: normal; height: 120px; background: rgba(255,255,255,0.9); } .popupsg .col-md-12 select { height: 80px; } .popupsg .col-md-12 select option { line-height: 17px; height: 17px; } .popupsg .col-md-6,.popupsg .col-md-12 { padding-left: 10px; padding-right: 10px; } .popupsg .col-md-6 p textarea::-webkit-input-placeholder,.popupsg .col-md-12 p select::-webkit-input-placeholder { color: #222; font-size: 13px; font-weight: normal } .popupsg .col-md-6 p input::-webkit-input-placeholder { color: #222; font-size: 13px; font-weight: normal } .btn__call--inter { background-color: #c71b21; font-size: 13px; } .btn__call--inter .icon-phone { display: inline-block; background-color: #097536; text-align: center; width: 40px; height: 40px; font-size: 20px; line-height: 40px; vertical-align: middle; color: #FFF; } .icon-phone:before { content: "\f095"; font-family: FontAwesome; font-size: 18px; } .btn__call--inter:hover { background-color: #a57920 } .btn__call--inter:hover .icon-phone { background-color: #6f5013 } .btn__call--inter:active { background-color: #946b18 } .btn__call--inter:active .icon-phone { background-color: #815e19 } .btn__call--inter { position: fixed; z-index: 15; bottom: 45px; left: 0; color: #fff; background-color: #c71b21; border-radius: 0 5px 5px 0; } .btn__call--inter .call__number { display: inline-block; vertical-align: middle; padding: 0 10px; font-weight: bold; font-size: 13px; letter-spacing: 0.2px; color: #FFF; height: 36px; line-height: 35px; width: 195px; } @media (max-width: 790px) { .popupsg .modal-dialog { max-width:90% !Important; } .popupsg .col-md-6 textarea { display: none } } .btn__call--inter:hover { background-color: #a57920 } .btn__call--inter:hover .icon-phone { background-color: #6f5013 } .btn__call--inter:active { background-color: #946b18 } .btn__call--inter:active .icon-phone { background-color: #815e19 } .btn__call--inter { position: fixed; z-index: 1; bottom: 45px; left: 0; color: #fff; background-color: #1965b3; border-radius: 0 5px 5px 0; } .btn__call--inter i { padding-right: 5px; } .btn__call--inter .call__number { display: inline-block; vertical-align: middle; padding: 0 10px; font-weight: normal; font-size: 15px; letter-spacing: 0.2px; color: #FFF; height: 36px; line-height: 35px; width: 200px; } .flexslider, .slides img { max-width: 100%!important; overflow: hidden; } .metaslider .flexslider .flex-direction-nav li a { background-image: url(images/arrows.png) !important; height: 50px !important; width: 50px !important; top: 45% !important; } .metaslider .flex-direction-nav .flex-next { right: 10px !important; opacity: 0.8 !important; background-position: top 50px !important; } .metaslider .flex-direction-nav .flex-next:hover { right: 10px !important; opacity: 1 !important; background-position: right -50px !important; } .metaslider .flex-direction-nav .flex-prev { left: 10px !important; opacity: 0.8 !important; } .metaslider .flex-direction-nav .flex-prev:hover { left: 10px !important; opacity: 1 !important; background-position: left -50px !important; } @media(max-width: 1100px) { .btn__call--inter { width:50%; bottom: 0; right: 0; left: inherit; border-radius: 0; height: 40px; text-align: center; line-height: 39px; letter-spacing: 0.2px; } .call { width: 50%; line-height: 39px; bottom: 0; left: 0; border-radius: 0; text-align: center; height: 40px; letter-spacing: 0.2px; } } .breadTop { height: 40px; width: 100%; line-height: 40px; overflow: hidden; background: #01304c; margin-top: 180px; background: #01304cba; } @media(max-width: 1100px) { .top-bar { display:none } .bgBread { min-height:180px; background-position:center center } .breadTop { margin-top: 140px; } } .relatedcontent h3 { font-size: 24px; padding: 0; width: 95%; margin: 5px auto; display: block; line-height: 1.3; text-align: justify; max-height: 55px; overflow: hidden; } @media(max-width:1100px) { .relatedcontent h3 { line-height:1.2; height:51px; overflow:hidden; margin-bottom:15px; } } .relatedcontent h3 a { font-size: 24px; color: #444; text-align: justify; font-weight: bold } .relatedcontent span { font-size: 11px; color: #AAA; } .relatedcontent img { margin: 0 auto; display: block; } @media(max-width:1100px){ .relatedcontent { height: auto; min-height:auto; } } @media(min-width: 1105px) { .timg { position: relative; overflow: hidden; } .timg::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .timg:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } } .absolute-footer.dark { display: none } .footer { float: left; width: 100%; } #footer .footer-1 { background: url(img/Asset-2-20.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; float: left; overflow: hidden; position: relative; width: 100%; } #footer .footer-1 .img-box { -webkit-box-shadow: 23px 0 33px #000; -moz-box-shadow: 23px 0 33px #000; box-shadow: 23px 0 33px #000; float: left; height: 100%; overflow: hidden; width: 50%; } #footer .footer-1 .img-box img { max-width: unset; min-width: 100%; } #footer .footer-1 .form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; float: right; line-height: 1.7; padding-left: 70px; padding-right: 125px; width: 50%; } #footer .footer-1 .form .title { color: #fff; float: left; font-family: MontserratSemiBold; margin-bottom: 50px; margin-top: 50px; text-align: left; width: 100%; } #footer .footer-1 .form .title h2 { color: #fff; font-family: UTMBebas; font-size: 40px; margin: 0 0 3px; text-transform: uppercase; } #footer .footer-1 .form .title h3 { background: -webkit-gradient(linear, left top, right top, from(#a77329), color-stop(#e6c292), color-stop(#b97e36), color-stop(#e4b06c), color-stop(#d2ae7e), color-stop(#d2934a), to(#a26f33)); background: -webkit-linear-gradient(left, #a77329, #e6c292, #b97e36, #e4b06c, #d2ae7e, #d2934a, #a26f33); background: -moz-linear-gradient(left, #a77329, #e6c292, #b97e36, #e4b06c, #d2ae7e, #d2934a, #a26f33); background: -o-linear-gradient(left, #a77329, #e6c292, #b97e36, #e4b06c, #d2ae7e, #d2934a, #a26f33); background: linear-gradient(to right, #a77329, #e6c292, #b97e36, #e4b06c, #d2ae7e, #d2934a, #a26f33); color: #fff; font-family: UTMBebas; font-size: 50px; margin: 0; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #footer .footer-1 .form > p { float: left; margin-bottom: 40px; width: 100%; } #footer .footer-1 .form .wpcf7 { float: left; margin-left: -15px; margin-right: -15px; } #footer .footer-1 .form .wpcf7 .form-group { float: left; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; text-align:left; width: 50%; } #footer .footer-1 .form .wpcf7 .form-group label { color: #fff; font-family: UTMBebas; font-size: 22px; font-weight: normal; margin: 0 0 5px 0; text-transform: uppercase; } #footer .footer-1 .form .wpcf7 .form-group input { background: none; border: none; /* override */ border-bottom: 1px solid #7fb9c8; font-size: 15px; line-height: 25px; outline: 0; color:#fafafa; width: 100%; } #footer .footer-1 .form .wpcf7 .form-group input:focus { border-color: #caa34a; } #footer .footer-1 .form input.submit { background: #caa34a; border: none; border-bottom: 1px solid red; color: #fff; float: none; font-family: UTMBebas; font-size: 22px; font-weight: normal; margin: 0 auto; display:block; outline: none; padding: 0 25px; text-align: center; -webkit-transition: .3s ease; -o-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; } #footer .footer-1 .form input.submit:hover { border-color: #caa34a; color: #caa34a; } #footer .footer-1 .form .submit-fail { display: none; } #footer .footer-1 .form .submit-fail .active { display: block; } #footer .footer-1 .form .submit-success { display: none; } #footer .footer-1 .form .submit-success .active { display: block; } #footer .footer-2 { background: #01304c; border-bottom: 1px solid #214a55; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; float: none; font-size: 14px; padding: 0 3%; width: 100%; } #footer .footer-2 .logo { text-align: center; } #footer .footer-2 .logo img { width: 200px; } #footer .footer-2 .logo .phone { margin-top: 0; } #footer .footer-2 .logo .phone h4 { background: -webkit-gradient(linear, left top, right top, from(#be9945), color-stop(#e0b936), color-stop(#f6ed78), color-stop(#be9945), color-stop(#f8e473), color-stop(#f9e876), to(#be9945)); background: -webkit-linear-gradient(left, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945); background: -moz-linear-gradient(left, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945); background: -o-linear-gradient(left, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945); background: linear-gradient(to right, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945); display: inline-block; font-size: 30px; margin: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } #footer .footer-2 > div { border-right: 1px solid #214a55; padding: 35px 50px 20px 50px; } #footer .footer-2 > div:last-child { border-right: none; } #footer .footer-2 .footer-title { color: #fff; font-size: 18px; font-weight: bold; margin: 0 0 14px 0; text-transform: uppercase; } #footer .footer-2 .thong-tin { text-align: left; line-height: 1.5; } #footer .footer-2 .thong-tin a { color: #fff; } #footer .footer-2 .thong-tin a:hover { color: #cba442; } #footer .footer-2 .contact-info { color: #779ea8; padding: 48px 5% 25px 5%; text-align: left; } #footer .footer-2 .contact-info:after { clear: both; content: ''; display: block; height: 0; line-height: 0; visibility: hidden; } #footer .footer-2 .contact-info .contact-text { line-height: 1.5; margin: 0 0 12px 0; } #footer .footer-2 .contact-info .text-2 { float: left; padding-right: 30px; width: 50%; } #footer .footer-2 .contact-info .first { color: #fff; } #footer .footer-2 .contact-info a { color: #779ea8; } #footer .footer-2 .contact-info-2 { padding-right: 0; } #footer .footer-2 .contact-info-2 a { margin-right: 25px; padding: 10px; } #footer .footer-2 .contact-info-2 a:last-child { margin-right: 0; } #footer .footer-2 .contact-info-2 .social-icon { margin-top: 20px; } #footer .footer-3 { background: #01304c; padding: 10px 0 20px 0; width: 100%; } #footer .footer-3 .text-end { color: #779ea8; text-align: center; font-size: 14px; } @media screen and (max-width: 1599px) { #footer .footer-2 { padding: 0 15px; } #footer .footer-2 > div { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 1599px) and (min-width: 1200px) { #footer .footer-2 .logo { width: 20%; } #footer .footer-2 .thong-tin { width: 29%; } #footer .footer-2 .contact-info-2 { width: 22%; } } @media screen and (max-width: 1365px) { #footer .footer-1 .form .title { margin: 20px 0; } #footer .footer-1 .form .title h2 { font-size: 30px; } #footer .footer-1 .form .title h3 { font-size: 40px; } #footer .footer-2 .thong-tin { padding: 40px 35px; } } @media screen and (max-width: 1199px) { #footer .footer-1 .form { padding: 0 30px 40px 30px; } #footer .footer-2 { display: block; padding: 50px 0 15px 0; } #footer .footer-2 > div { border: none; margin: 0 0 35px 0; padding: 0 15px; } #footer .footer-2 .contact-info { padding-left: 30px; padding-right: 30px; } #footer .footer-2 .logo { display: block; text-align: left; } #footer .footer-2 .contact-info-2 { display: block; text-align: left; } #footer .footer-2 .thong-tin { padding: 0 15px; } } @media screen and (min-width: 992px) { #footer .footer-2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 991px) { #footer .footer-2 { padding: 50px 0; } #footer .footer-2 > div { margin-bottom: 35px; } #footer .footer-2 > div:last-child { margin-bottom: 0; } #footer .footer-2 .contact-info { margin-bottom: 20px; padding: 0 30px; } #footer .footer-2 .contact-info .text-1 { text-align: center; } #footer .footer-3 .text-end { text-align: center; width: 100%; } } @media screen and (max-width: 767px) { #footer .footer-1 .title h2 { font-size: 45px; } #footer .footer-1 .title h3 { font-size: 25px; } #footer .footer-1 .form { padding: 15px; width: 100%; } #footer .footer-1 .form > p { margin-bottom: 30px; } #footer .footer-1 .form .wpcf7 .form-group label { font-size: 18px; } #footer .footer-1 .form input.submit { margin-top: 0; } #footer .footer-1 .img-box { width: 100%; } #footer .footer-2 { padding: 30px 0; } #footer .footer-2 .contact-info { padding: 0 15px; } #footer .footer-2 .logo { padding-top: 0; } #footer .footer-2 .contact-info-2 { padding: 0 15px; } } @media screen and (max-width: 639px) { #footer .footer-1 .form .wpcf7 .form-group { width: 100%; } } @media screen and (max-width: 479px) { .footer { text-align: left; } #footer .footer-1 .form .title { padding: 0 15px; text-align: left; text-align: center; } #footer .footer-1 .form p { text-align: justify; } #footer .footer-2 { text-align: left; } #footer .footer-2 .contact-info .text-1 { text-align: left; } #footer .footer-2 .contact-info .text-2 { padding: 0; width: 100%; } } .metaslider.ms-theme-jenga .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-jenga .rslides .caption-wrap .caption, .metaslider.ms-theme-jenga .nivoSlider .nivo-caption { font-size:18px !Important } .lsCate { text-align: center; margin: 5px 0; padding-left: 0; padding-right: 0; } .lsCate a { } .lsCateS { border: #CCC 1px solid; padding: 0; overflow: hidden; margin: 10px 0; } .lsCateS .imgCate { padding: 0; margin: 0; text-align: left; } .lsCateS .imgCate img { height: auto; max-height: 300px; } .lsCateS .infoCate { text-align: left; } .lsCateS .infoCate h3 { text-align: left; } .lsCateS .infoCate span { color: #666; font-size: 15px; } .lsCateS .infoCate span.sp1 { font-weight: bold; color: #444; font-size: 15px; } .lsCateS .infoCate i { text-align: left; color: #01304c; font-size: 11px; width: 14px; vertical-align: middle; } .lsCateS .infoCate h3, .title_product{ text-align: left; padding: 0 0px; font-size: 24px; font-weight: bold; color: #cba442; margin-top: 10px; text-transform: uppercase; } .lsCateS .infoCate .col-md-6 { font-size: 13px; } .lsCateS .infoCate .xemct { margin: 0; margin-top: 10px; clear: both; margin-left: 15px; margin-bottom: 10px; } .lsCateS .infoCate .xemct a { font-size: 13px; background: #cba442; padding: 0 15px; line-height: 30px; height: 30px; display: inline-block; color: #fff; border-radius: 4px; border:transparent 1px solid; } .lsCateS .infoCate .xemct a:hover { background: #fafafa; color:#01304c; border:#01304c 1px solid } .lsCateS .infoCate .col-md-6 span { font-size: 14px; } .lsCateS .infoCate .col-md-6 span.sp1 { width: 65px; display: inline-block; font-size: 13px; } .lsCateS .infoCate .col-md-6 i { font-size: 12px; color: #01304c; width: 15px; } .lsCate img { width: 100%; height: 140px; transition: all 0.5s ease; } .lsCate .lsCateS .lsCateSGiaban { text-align: right; padding-right: 0; } .lsCate .lsCateS .lsCateSGiaban span { font-weight: bold; color: #cba442; font-size: 24px; } .lsCate .lsCateS .lsCateSLienhe { text-align: right; padding-right: 0; } .lsCate .lsCateS .lsCateSLienhe span a { text-align: right; font-size: 18px; font-weight: bold; color: #cba442; } @media only screen and (min-width: 770px) and (max-width: 1100px) { .archive-header { margin-bottom:20px; } .lsCate.showCateAll { width:50% !Important; border:0; } .lsCate .lsCateS { border:0; min-height: 570px; padding-bottom: 0; margin-bottom: 0; } .lsCate .lsCateS .lsCateSGiaban span { font-size:20px } .lsCateS .col-md-9, .lsCateS .col-md-12, .lsCateS .col-md-3, .lsCateS .col-md-7, .lsCateS .col-md-5 { padding: 0 5px; height: auto; float: none; width: 100%; } .lsCateS h3 { font-size: 22px !important; } .lsCateS .xemct { margin-left:0; } .container { width: 100%; } .lsCateS .lsCateSAddress { line-height:1.3; max-height: 38px; overflow: hidden; } } @media(max-width:1100px) { .header1 { display:none } .lsCateS .imgCate img { height: auto; max-height: inherit; } #primary { padding: 0 10px !Important } .lsCate .lsCateS .lsCateSGiaban { text-align: left; } .lsCate .lsCateS .lsCateSGiaban span { } .lsCate .lsCateS .lsCateSLienhe { text-align: left; } .lsCate .lsCateS .lsCateSLienhe span { } .lsCate .lsCateS .lsCateSLienhe span a { } } .hieuunghinh a { display: block; overflow: hidden; } .hieuunghinh a img { width: 100%; } .hieuunghinh a img:hover { } .hieuunghinh a { overflow: hidden; position: relative; } .hieuunghinh a:hover .ov1 { left: 0%; } .hieuunghinh a:hover .ov2 { top: 0%; } .hieuunghinh a:hover .ov3 { right: 0%; } .hieuunghinh a:hover .ov4 { bottom: 0%; } .hieuunghinh a:hover:after { opacity: 0.35; } .hieuunghinh a .ov1 { top: 20px; } .hieuunghinh a .ov2 { right: 20px; } .hieuunghinh a .ov3 { bottom: 20px; } .hieuunghinh a .ov4 { left: 20px; } .hieuunghinh a:after { height: 100%; } .hieuunghinh a:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0px; background: #cba442; opacity: 0; left: 0; } .hieuunghinh .ov1 { left: 100%; top: 7%; width: 100%; height: 1px; } .hieuunghinh .ov2 { top: 100%; right: 5%; height: 100%; width: 1px; } .hieuunghinh .ov3 { right: 100%; bottom: 10%; width: 100%; height: 1px; } .hieuunghinh .ov4 { left: 8%; bottom: 100%; height: 100%; width: 1px; } .hieuunghinh .ov1, .hieuunghinh .ov2, .hieuunghinh .ov3, .hieuunghinh .ov4 { -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; -o-transition: 400ms; transition: 400ms; position: absolute; background: #fff; z-index: 1; opacity: 1; } .headernew ul li { text-indent: 5px; } .headernew ul li:before { content: ""; background: url(img/icon-prj-menu.png); height: 7px; width: 7px; position: absolute; top: 35px; } #toc_container.fixed ul.toc_list li:before { content: ""; background: url(img/icon-prj-menu.png); height: 7px; width: 7px; position: absolute; top: 20px; } .related_posts2 .modal-wrapper.styled .modal h2 { font-size: 17px!important; margin-top: 20px!important; margin-bottom: 10px!important; } .related_posts2 .modal-wrapper.styled .modal h2 i { font-size: 14px!important; } .related_posts2 .relatedcontent { font-size: 15px; color: #666; padding: 0 7px; min-height: 210px; } .modal-wrapper.styled .modal h3 { font-size: 14px !important; margin: 5px 0 !important; line-height: 1.3 !important; } .entry-content { font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size:14px; font-weight: normal; color:#333; } .formbv p { text-align: center; font-size: 15px; margin: 0 0 3px 0; text-transform: uppercase; } .widget .formbv p span{display: block;} .formbv p:first-child{ color:#FFF } .formbv .col-md-4,.formbv .col-md-2 { padding: 0 5px; margin-bottom: 5px; } .formbv .col-md-9 { padding: 0 5px; margin-bottom: 5px; } .formbv input[type="submit"]{ background: #1965b3; color: #FFF; font-weight: normal; padding: 0 15px; font-size: 13px; line-height: 30px; border: 0; border-radius: 4px; } .formbv{margin-bottom: 20px;} @keyframes playz { 0% { transform: scale(1) } 15% { box-shadow: 0 0 0 5px rgba(255,255,255,.4) } 25% { box-shadow: 0 0 0 10px rgba(255,255,255,.4),0 0 0 20px rgba(255,255,255,.2) } 25% { box-shadow: 0 0 0 15px rgba(255,255,255,.4),0 0 0 30px rgba(255,255,255,.2) } } @-moz-keyframes playz { 0% { transform: scale(1) } 15% { box-shadow: 0 0 0 5px rgba(255,255,255,.4) } 25% { box-shadow: 0 0 0 10px rgba(255,255,255,.4),0 0 0 20px rgba(255,255,255,.2) } 25% { box-shadow: 0 0 0 15px rgba(255,255,255,.4),0 0 0 30px rgba(255,255,255,.2) } } @-webkit-keyframes playz { 0% { transform: scale(1) } 15% { box-shadow: 0 0 0 5px rgba(255,255,255,.4) } 25% { box-shadow: 0 0 0 10px rgba(255,255,255,.4),0 0 0 20px rgba(255,255,255,.2) } 25% { box-shadow: 0 0 0 15px rgba(255,255,255,.4),0 0 0 30px rgba(255,255,255,.2) } } #callnow { width: 48px; height: 48px; position: fixed; z-index: 999; border-radius: 50%; left: 5px; bottom: 5px; text-align: center; color: #fff; font-size: 35px; animation: play 2s ease infinite; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } #callnow i { background: #e93f33; position: relative; z-index: 10; width: 100%; height: 100%; display: block; border-radius: 50%; font-size: 25px; line-height: 44px; } #callnow span { opacity: 1; visibility: visible; display: block; position: absolute; top: calc(50% - 20px); font-size: 17px; font-weight: 600; width: 150px; padding: 6px 0 6px 16px; border-radius: 0; z-index: 9; left: 30px; -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); background: #fff; color: #e93f33; border: #ddd 1px solid; border-left: 0; border-radius: 0px 10px 10px 0; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -webkit-linear-gradient(top, #fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); background: linear-gradient(to bottom, #fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f6f6f6',GradientType=0 ); font-weight: bold; } .btn__call--inter { bottom: 57px; width: 185px } .float-contact { position: fixed; bottom: 93px; left: 0; z-index: 999; } .chat-viber { padding: 0 18px; color: #fff; display: block; margin-bottom: 6px; background: url(img/icon-viber-3.png); height: 44px; width: 44px; border: none; background-size: 44px auto; } .chat-zalo { padding: 0 18px; color: #fff; display: block; margin-bottom: 6px; background: url(img/icon-zalo-3.png); height: 44px; width: 44px; border: none; background-size: 44px auto; } @media (max-width:1100px) { .float-contact { bottom: 40px; } @media (max-width: 549px){ } } #lsCatenew .ls2 .item h3 { height: 36px; } @media(max-width:1100px) { .infoHome,.infoHome2,#newsHomeArea { padding: 15px 5px } #carousel.flexslider2 { display: none; } } .back-to-top { cursor: pointer; position: fixed; bottom: 10px; right: 10px; display: none } #backtotopaz { color: #fff; background-color: #1965b3; border-color: #246faf; width: 40px; height: 40px; padding: 0; margin: 0; line-height: 40px; text-align: center; font-size: 22px; } #backtotop a { width: 38px; height: 38px; line-height: 37px; text-align: center; background: rgba(0,0,0,.2); position: fixed; bottom: 19px; right: 19px; z-index: 9999; border: 4px double #fff } @media(max-width:1100px) { .btn__call--inter { bottom: 0px; width: 130px } .btn__call--inter .call__number { width: auto; padding: 0 } .float-contact { right: 131px; bottom: 0; left: inherit; width: 90px; } .chat-viber,.chat-zalo { background-size: 40px 40px; height: 40px; width: 40px; margin: 0; padding: 0; float: left; display: inline-block; margin-right: 5px } #footer .footer-1,#footer .footer-2,#footer .footer-3 { float: none } #backtotop a { bottom: 45px; right: 5px; } #primary { padding: 0 5px !Important; } } #lsCatenew .owl-dots { display:none !Important } #lsCatenew { padding: 50px 0; background: #ddeaf7 url(img/home-icons-bg-2-1.png) center center; background-size: cover; background-blend-mode: soft-light; } #lsCatenew .container h4 { margin-bottom: 30px; } #lsCatenew .ls2 .item { background: #fff78; padding-bottom: 10px; } #lsCatenew .ls2 .owl-carousel { } #lsCatenew .ls2 .item a { } #lsCatenew .ls2 .item h3 { font-weight: bold; margin: 10px 7px; font-size: 17px; text-transform: uppercase } #lsCatenew .ls2 .item img { width: 300px; height: 200px; } @media (min-width:1105px) { #lsCatenew .cotainer { padding: 0; } } @media (max-width:1100px) { #lsCatenew .container h4 { margin-bottom: 20px; } #lsCatenew .ls2 .item img { width: auto; height: auto; } #lsCatenew .ls2 .item h3 { font-weight: bold; margin: 10px 7px; font-size: 13px; } .flexslider2 { display:none !important } } .newsHomeArea { background: url(img/bottom-bg.png); padding: 40px 0; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .overlay .overlay-wrap, .text-overlay { opacity: 0; position: relative; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); } body:not(.device-touch) .overlay .overlay-wrap, body:not(.device-touch) .text-overlay { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .overlay .overlay-wrap i { position: absolute; opacity: 0.8; font-size: 24px; line-height: 1; width: 24px; height: 24px; text-align: center; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; color: #FFF; } .overlay:hover .overlay-wrap, .overlay:hover .text-overlay { opacity: 1; } .text-overlay { position: absolute; opacity: 0.85; top: auto; bottom: 0; height: auto; padding: 40px 15px 15px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .text-overlay-title h2, .text-overlay-title h3, .text-overlay-title h4 { margin: 0; color: #F5F5F5; } .text-overlay-title h2 { font-size: 28px; } .text-overlay-title h3 { font-size: 17px; font-weight: 600; } .text-overlay-title h2, .text-overlay-title h3, .text-overlay-title h4, .text-overlay-meta { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .text-overlay-meta { color: #CCC; font-size: 13px; } .text-overlay-meta span i { position: relative; top: 1px; font-size: 14px; } .news-carousel .text-overlay { padding: 40px 30px 25px; } .news-carousel .text-overlay-title { margin: 15px 0 10px; } .news-carousel .text-overlay-title h2, .news-carousel .text-overlay-title h3, .news-carousel .text-overlay-title h4 { line-height: 1.2; text-overflow: none; white-space: normal; } .news-carousel .text-overlay-meta { font-size: 14px; } .news-carousel .rounded-skill { position: absolute; margin: 0 !important; top: 30px; right: 30px; color: #FFF; font-weight: 600; } .fslider[data-animation="fade"][data-thumbs="true"] .flexslider, .fslider.testimonial[data-animation="fade"] .flexslider { height: auto !important; } .fslider .flexslider { margin-bottom: 0; } .flex-control-nav.flex-control-thumbs { position: relative; top: 0; left: 0; right: 0; margin: 2px -2px -2px 0; height: 75px; } .flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; } .flex-control-nav.flex-control-thumbs li img { cursor: pointer; text-indent: -9999px; border: 0; border-radius: 0; margin: 0; opacity: 0.5; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { display: block; width: 100px !important; height: auto !important; } .flex-control-nav.flex-control-thumbs li:hover img, .flex-control-nav.flex-control-thumbs li img.flex-active { border-width: 0; opacity: 1; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs { margin: 2px -2px -2px 0; height: auto; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li { width: 25% !important; height: auto !important; margin: 0; padding: 0 2px 2px 0; } .fslider.flex-thumb-grid.grid-3 .flex-control-nav.flex-control-thumbs li { width: 33.30% !important; } .fslider.flex-thumb-grid.grid-5 .flex-control-nav.flex-control-thumbs li { width: 20% !important; } .fslider.flex-thumb-grid.grid-6 .flex-control-nav.flex-control-thumbs li { width: 16.66% !important; } .fslider.flex-thumb-grid.grid-8 .flex-control-nav.flex-control-thumbs li { width: 12.5% !important; } .fslider.flex-thumb-grid.grid-10 .flex-control-nav.flex-control-thumbs li { width: 10% !important; } .fslider.flex-thumb-grid.grid-12 .flex-control-nav.flex-control-thumbs li { width: 8.33% !important; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img { width: 100% !important; height: auto !important; } .fslider .flex-direction-nav .flex-nav-next .flex-next, .fslider .flex-direction-nav .flex-nav-prev .flex-prev { opacity: 1 !important; color: #FFF; text-align: center; width: 40px; height: 60px; background: #01304c !important; cursor: pointer; font-size: 36px; padding: 0; margin: 0; text-align: center; top:45% } .fslider #carousel .flex-direction-nav .flex-nav-next .flex-next, .fslider #carousel .flex-direction-nav .flex-nav-prev .flex-prev { top: 35%; background: #01304c80 !important; height: 40px; width: 30px; font-size: 24px; } .fslider .flex-direction-nav .flex-nav-next .flex-next { border-radius: 5px 0 0 5px; right: 0px !important; } .fslider .flex-direction-nav .flex-nav-prev .flex-prev { border-radius: 0 5px 5px 0; left: 0px !important; } .fslider .flex-direction-nav .flex-nav-next .flex-next:before,.fslider .flex-direction-nav .flex-nav-prev .flex-prev:before { display:none!important } .fslider .flexslider ul.slides li { position: relative; } #newsHomeArea { padding: 30px 0 } #newsHomeArea .fslider { padding: 0 5PX; } .fsliderRight { padding: 0 5px; } .fsliderRight .getPostCate3 .sPost2 { padding: 0 5px; margin-bottom: 10px; min-height: 215px; } .fsliderRight .getPostCate3 .sPost2 h3 { font-size: 15px; line-height: 1.3; margin: 10px 0; font-weight: bold; } .fsliderRight .getPostCate3 .sPost2 img { width: 100%; height: auto; } .infoHome { padding: 40px 0; background: url(img/bottom-bg.png); width: 100%; display: inline-block; } .infoHome .infohomel img { margin: 10px auto; display: block; } .infoHome2 { padding: 50px 0; background: #ddeaf7 url(img/home-icons-bg-2-1.png) center center; background-size: cover; background-blend-mode: soft-light; } .infoHome2 .container { } .infoHome2 .infoHome2col { text-align: center; } .infoHome2 .infoHome2col h3 { font-weight: bold; color: #A60A12; } .infoHome2 .infoHome2col img { height: 75px; } .infoHome2 .infoHome2col p { text-align: center; color: #0a2a4b; } .tinraobdsListS .arcpost { height: auto; } .owl-theme .owl-dots { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .owl-theme .owl-dots .owl-dot { padding: .8rem 0 } .owl-theme .owl-dots .owl-dot span { border-radius: 3px; width: 50px; height: 2px; background-color: rgba(127,127,127,.35); -webkit-transition: background-color .4s ease-in-out; -o-transition: background-color .4s ease-in-out; transition: background-color .4s ease-in-out } .owl-theme .owl-dots .owl-dot.active span { background-color: #007aff } .owl-theme .owl-dots .owl-dot:active span,.owl-theme .owl-dots .owl-dot:active:focus span,.owl-theme .owl-dots .owl-dot:focus span,.owl-theme .owl-dots .owl-dot:hover span { background-color: #404040 } .owl-theme .owl-nav { margin-top: 0; cursor: pointer } .owl-theme .owl-nav [class*=owl-] { opacity: 0; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; background-color: #f2f2f2!important; font-size: 1.5625rem; -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 50px; height: 50px; border-radius: 50%; color: #2b2b2b; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .owl-theme .owl-nav [class*=owl-]:active,.owl-theme .owl-nav [class*=owl-]:active:focus,.owl-theme .owl-nav [class*=owl-]:focus,.owl-theme .owl-nav [class*=owl-]:hover { color: #2b2b2b; opacity: 1!important } .owl-theme .owl-nav .owl-prev { left: 1.8rem } .owl-theme .owl-nav .owl-next { right: 1.8rem } .owl-theme:active .owl-nav [class*=owl-],.owl-theme:active:focus .owl-nav [class*=owl-],.owl-theme:focus .owl-nav [class*=owl-],.owl-theme:hover .owl-nav [class*=owl-] { opacity: .5 } .owl-theme.nav-square .owl-nav { margin-top: 0 } .owl-theme.nav-square .owl-nav [class*=owl-] { border-radius: 0 } .owl-theme.owl-nav-outer .owl-nav .owl-prev { left: -4rem } .owl-theme.owl-nav-outer .owl-nav .owl-next { right: -4rem } .owl-theme.owl-dots-inner .owl-dots { bottom: 0 } .owl-theme.owl-dot-round .owl-dots .owl-dot span { height: 10px; width: 10px; border-radius: 5px } .owl-theme.owl-theme-info .owl-dots .owl-dot.active span { background-color: #5ac8fa } .owl-theme.owl-theme-success .owl-dots .owl-dot.active span { background-color: #4cd964 } .owl-theme.owl-theme-warning .owl-dots .owl-dot.active span { background-color: #ff9500 } .owl-theme.owl-theme-danger .owl-dots .owl-dot.active span { background-color: #ff3b30 } .owl-theme.owl-theme-black .owl-dots .owl-dot.active span { background-color: #000 } .owl-theme.owl-theme-white .owl-dots .owl-dot.active span { background-color: #fff } .owl-theme.owl-eq-items .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .owl-theme.owl-eq-items .owl-item { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto!important } #callnow { width: 48px; height: 48px; position: fixed; z-index: 999; border-radius: 50%; left: 5px; bottom: 5px; text-align: center; color: #fff; font-size: 35px; animation: play 2s ease infinite; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } #callnow i { background: #e93f33; position: relative; z-index: 10; width: 100%; height: 100%; display: block; border-radius: 50%; font-size: 25px; line-height: 44px; } #callnow span { opacity: 1; visibility: visible; display: block; position: absolute; top: calc(50% - 20px); font-size: 17px; font-weight: 600; width: 150px; padding: 6px 0 6px 16px; border-radius: 0; z-index: 9; left: 30px; -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); background: #fff; color: #e93f33; border: #ddd 1px solid; border-left: 0; border-radius: 0px 10px 10px 0; background: #fff; background: -moz-linear-gradient(top, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -webkit-linear-gradient(top, #fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); background: linear-gradient(to bottom, #fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f6f6f6',GradientType=0 ); font-weight: bold; } .btn__call--inter { position: fixed; z-index: 1; bottom: 55px; left: 0; color: #fff; background-color: #1965b3; border-radius: 0 5px 5px 0 } .btn__call--inter i { padding-right: 5px } .btn__call--inter .call__number { display: inline-block; vertical-align: middle; padding: 0 10px; font-weight: 400; font-size: 15px; letter-spacing: .2px; color: #FFF; height: 36px; line-height: 35px; width: 200px } .btn__call--inter-baogia { cursor: pointer; position: fixed; z-index: 9999999999; bottom: 58px; left: 5px; color: #fff; background-color: #247dd4; width: 175px; border-radius: 3px; } .btn__call--inter-baogia i { padding-right: 5px; font-size: 15px; width: 36px; text-align: center } .btn__call--inter-baogia .call__number { display: inline-block; vertical-align: middle; padding: 0; padding-left: 10px; font-weight: 400; font-size: 14px; letter-spacing: 0; color: #FFF; height: 36px; line-height: 35px; font-weight: 700; padding-left: 5px } .hotline-phone-ring-wrap { position: fixed; bottom: 0; left: 0; z-index: 9999999999; } .hotline-phone-ring { position: relative; visibility: visible; background-color: transparent; width: 110px; height: 84px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block; } .hotline-phone-ring-circle { width: 110px; height: 110px; top: 0; left: 0; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #c8352e; -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0.5; } .hotline-phone-ring-circle-fill { width: 80px; height: 80px; top: 16px; left: 16px; position: absolute; background-color: rgba(21, 100, 167, 0.7); border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .hotline-phone-ring-img-circle { background-color: #e42e1f; width: 50px; height: 50px; top: 31px; left: 5px; position: absolute; background-size: 20px; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .hotline-phone-ring-img-circle .pps-btn-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .hotline-phone-ring-img-circle .pps-btn-img img { width: 32px; height: 32px; } .hotline-bar { position: absolute; background: #c8352e; height: 45px; width: 165px; line-height: 40px; border-radius: 3px; padding: 0 10px; background-size: 100%; cursor: pointer; transition: all 0.8s; -webkit-transition: all 0.8s; border-radius: 50px !important; left: 16px; bottom: 5px; } .hotline-bar > a { color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; text-indent: 32px; letter-spacing: 1px; display: block; line-height: 45px; font-family: Arial; } .hotline-bar > a:hover, .hotline-bar > a:active { color: #fff; } @-webkit-keyframes phonering-alo-circle-anim { 0% { -webkit-transform: rotate(0) scale(0.5) skew(1deg); -webkit-opacity: 0.1; } 30% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); -webkit-opacity: 0.5; } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: 0.1; } } @-webkit-keyframes phonering-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: 0.6; } 100% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; } } @-webkit-keyframes phonering-alo-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); } } .hotline-phone-ring-wrap.fix_tel_right { top: auto; bottom: auto; right: auto; left: auto; bottom: 0; right: 100px; } @media (max-width: 768px) { footer .section-bg { background: #1b75bb !Important } footer * { color: #fafafa !Important } .hotline-bar { } .hotline-phone-ring-wrap.fix_tel_right { right: 0; left: inherit; bottom: 25%; display: inline-table; } } #zalof{ bottom:100px; left:5px; position:fixed; z-index: 9999999999; } #zalof img:hover{ width:60px; height:60px } @media(max-width:1100px){ #zalof{ bottom:100px; left:5px; position:fixed; z-index:99 } #zalof img:hover{ width:50px; height:50px } } @media (max-width: 1100px) { .btn__call--inter-baogia { right: 0!important; left: inherit!important; bottom: 5px!important; } #zalof { bottom: 55px; } } .bgBread { background-image: url('img/bg_header.jpg'); background-position: center center!important; background-size: cover; min-height: 320px; position: relative; display: inline-block; width: 100%; } #htgContentDuan h2 { padding: 0; position: relative; margin-bottom: 50px; text-align: center; color: #f00; font-size: 26px; font-weight: bold } .top-bar { display: none; } #logo img{ margin:0 auto } #headerArea { width: 100%; z-index: 9; padding: 0; height: 80px; background: #01304c; } #bgheaderArea { background: none; width: 100%; } .posTop { height: 40px; } .breadTop { margin-top: 260px; } .bgBread{ min-height: 220px; } @media(max-width:780px) { #headerArea { height:65px !Important } } .getPostDuanNew { display: none; } .modal-wrapper.styled .modal { position: inherit; } .modal-wrapper.styled .modal .close-modal { position: absolute; display: block; color: #fff; border: 2px solid #fff; border-radius: 0; text-align: center; line-height: 32px; cursor: pointer; background: #f26d64; width: 32px; height: 32px; -webkit-transform: translate3d(0,0,0); top: 0; /* margin-left: 13px; */ right: 0; z-index: 99999999999; font-size: unset; } .modal-wrapper.styled .modal .close-modal div { height: 2px; background: #fff; display: block; width: 24px; position: absolute; } .modal-wrapper.styled .modal .close-modal .close-1 { top: 14px; left: 3px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modal-wrapper.styled .modal .close-modal .close-2 { top: 14px; left: 3px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modal-wrapper.styled .modal { margin: 30px auto; box-shadow: rgba(0,0,0,0.2) 0 0 30px; border-radius: 6px; width: 85%; position: relative; } .modal-wrapper.styled { background: #000000b3; } .contentLeft{ text-align: left; } .addRelated .relatedcontent p { margin:0!Important } #modal-ready .contentLeft .addTitle { font-weight: bold; font-size: 28px; margin: 0; margin-bottom: 5px; line-height: 1.3; } .rl-image-widget-image { margin-bottom: 8px } #toc_container{ display: none!Important } header#content h1{ font-size: 28px } .detailViewContent,.detailHiddenContent { font-size: 13px; font-weight: 700; line-height: 30px; padding: 0 16px; background: #f8f9fc; border-radius: 5px; display: block; color: #666; text-align: center; margin: 0 auto; } .detailViewContent:hover,.detailHiddenContent:hover { background: #0e3c3d; color: #FFF } #toc_container { width: 100%; position: relative; display: block; background: transparent; } @media(min-width: 1115px) { #toc_container.fixed { position: fixed; top: 0; left: 0; background: #0e3c3d; z-index: 999; display: block!Important; border:0!Important; height: auto!important } #toc_container.fixed ul { list-style: none; padding: 0; margin: 0 auto; max-width: 1200px; display: table; } #toc_container.fixed ul.toc_list li { float: left; padding: 0; text-transform: uppercase; font-weight: bold; color: #FFF; line-height: 60px; } #toc_container.fixed ul.toc_list li:first-child { background: url(img/logo-the-marq-quan-1.png) no-repeat 5px; background-size: auto 60px; width: 108px; } #toc_container.fixed ul.toc_list li:first-child:before { display: none!Important; } #toc_container.fixed ul.toc_list li:first-child a { padding: 0!Important; color: transparent!Important; text-indent: -10000px; } #toc_container.fixed ul.toc_list li:before { content: ""; background: url(img/icon-prj-menu.png); height: 7px; width: 7px; position: absolute; top: 27px; margin-left: -4px; } #toc_container.fixed ul.toc_list li:hover a { color: #fff; text-decoration: none; background: rgba(255,255,255,0.3); } #toc_container.fixed ul.toc_list li a { padding: 0 11px; text-transform: uppercase; font-weight: bold; color: #FFF; line-height: 60px; font-size: 14px; padding-left: 8px; display: block; } } .sfm-rollback { position: absolute!important } .mobile_footer{ display: none; } @media (max-width:1100px) { #toolbox { display: none!important } #toc_container{ display: block!important; width: auto !important; padding: 0; margin: 0; border: 0; } #toc_container.fixed{ display: block!important } #toc_container.fixed ul.toc_list li { line-height: 28px!Important; } #toc_container.fixed ul.toc_list li:first-child { padding-left: 5px!Important; } #toc_container.fixed ul.toc_list li a { line-height: 28px!Important; padding: 0 5px !important; } #titleFullpage { height: 200px !important } #titleFullpage h1 { top: 55%!important; font-size: 20px !important; } .mobile_footer{ display: block; } .mobile_footer { position: fixed; bottom: 0; width: 100%; display: inline-block; background: #0e3c3d; width: 100%; z-index: 999 } .mobile_footer a,.mobile_footer i { color: #fff; font-size: 16px !important; font-weight: bold; text-decoration: none } .mobile_footer i { font-size: 15px!important } .mobile_footer .hotline { text-align: center; width: 50%; float: left; margin: 3px; border-right: 1px solid #fff } .mobile_footer .form { text-align: center; margin: 3px } } #modal-ready .contentLeft .addTitle:before { content:""; position: absolute; background: #0e3c3d; height: 30px; width: 7px; left: 0px; } .detailHiddenContent { display: none; } .tinraobdsListS { } .detailViewContent, .detailHiddenContent { text-align: center; line-height: 33px; letter-spacing: 0.1px; font-weight: normal; font-size: 14px; text-decoration: none; color: #fff; background: #286ab0; padding: 0 15px; transition: background 200ms; border-radius: 4px; /*margin-top: -20px; */ margin-bottom: 30px; clear: both; } .detailViewContent:hover, .detailHiddenContent:hover { background:#0e3c3d; } .detailViewContent:after, .detailHiddenContent:after { font-family: 'FontAwesome', sans-serif; font-weight:300; content: "\f105"; margin-left:20px; color:#fff; font-size:12px; vertical-align:middle; transition:color 200ms; } .detailViewContent:hover:after, .detailHiddenContent:hover:after { color:#fff; } .loadContentInCateNewsID { max-height: 245px; overflow: hidden; } .loading-lph { margin: 0 auto 5px auto; margin-top: -10px; width: 35px; height: 35px; background: url(img/loading-lph.gif) center no-repeat ; background-size: 35px auto; display: none; } .tinraobdsList .tinraobdsListNewsContent .DateFullP { display:none; } .formbv { background: #0e3c3d; display: inline-block; width: 100%; padding: 5px 5px; } .formbv p { text-align: center; font-size: 15px; margin: 0 0 3px 0; text-transform: uppercase; } .formbv p:first-child{ color:#FFF; } .formbv .col-md-4,.formbv .col-md-2 { padding: 0 5px; margin-bottom: 5px; } .formbv .col-md-9 { padding: 0 5px; margin-bottom: 5px; } .sub-click { width: 60px; height: 48px; z-index: 600; display: none; position: absolute; right: 0; cursor: pointer; top: 140px; position: fixed; top: 125px; margin-top: 0; opacity: 0; width: 45px; background: #0e3c3d; } .sub-click:before { position: absolute; content: "\f0cb"; color: #fafafa; width: 100%; font-family: FontAwesome; height: 100%; font-size: 25px; left: 0; right: 0; margin: auto; display: block; text-align: center; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 47px; } @media screen and (max-width: 1100px) { .sub-list, .sub-nav { right: auto; overflow: hidden; } .sub-nav { width: 270px; height: auto; position: absolute; left: 0; top: 140px; z-index: 1000; } .sub-list, .sub-nav.pro-detail { top: 120px; } .sub-list li, .sub-nav li { box-shadow: 0 0 3px rgba(0,0,0,.3); margin-bottom: 5px; } .sub-nav li { position: relative; display: inline-block; width: 240px; height: 44px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background-color: #0e3c3d; border: 2px solid #fff0; } .sub-list li, .sub-nav li a { -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; } .sub-nav li a { font-size: 16px; color: #fff; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; height: 40px; text-align: center; text-shadow: 0 0 1px rgba(0,0,0,.5); background-color: #0e3c3d; border-radius: 25px; width: 236px; } .modal-wrapper.styled .modal { max-width: 98%!important; width: 98%!important } .sub-nav li, .sub-nav li:hover { border-bottom: 2px solid #a70e1300; } .nav li, .nav li:hover, .sub-nav li { background-color: #fff; } .sub-list li, .sub-nav li { border-left: none; border-right: none; margin-bottom: 0; display: block; border-top: none; } .sub-nav li { width: 200px; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .sub-nav.pro-detail li, .sub-nav.pro-detail li a, .sub-nav.recruit a, .sub-nav.recruit li { width: 170px; border: 0!important; border-bottom: 1px #0e3c3d solid !important; background: #0e3c3d!important; border-color: rgba(255,255,255,0.3) !important; box-shadow: none !important; } .sub-list li a, .sub-nav li a { font-size: 15px; line-height: 40px; padding: 0; text-shadow: none; } .sub-list li, .sub-nav li a { -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; width: 200px; } .center h2, .sub-nav li.current a, .sub-nav li:hover a { background-color: #54452f; } .sub-nav li.current a { pointer-events: none; } .sub-nav.pro-detail li a { width: 170px; border: 0 !important; } .sub-nav li.current a, .sub-nav li:hover a { color: #000; background-color: #0000; } .sub-nav li.current a { color: #fff; background-color: #0000; } .sub-nav, .sub-nav.pro-detail { top: 10px; } .sub-nav { width: 200px; right: 60px; } .sub-click, .sub-nav { position: fixed; } .sub-list, .sub-nav { height: 0; left: auto; margin-top: 0; } .sub-click, .sub-nav { position: fixed; opacity: 0.8; display: block; } #toc_container { position: fixed; right: 45px; float: right; width: auto; opacity: 1; } } @media screen and (max-width: 510px) { .sub-click { width: 45px } } .sub-click.active { background-position: bottom; opacity: 1!important } #primary{ float: none; padding: 0; margin:0; margin-bottom: 10px } .tinraobdsList { width: 100%; margin: 10px 0; padding: 0; display: inline-block; background: none; border: 0; } .tinraobdsListS { width: 100%; padding: 10px 0; } .tinraobdsListS .container { padding: 0; margin: 0 auto; } body #htgContentDuan .tinraobdsList h2 { color: #444; text-align: center; font-size: 22px; padding: 10px 0; margin: 0 0 15px 0; font-weight: bold; position: relative; text-transform: uppercase; letter-spacing: 0.2px; } body #htgContentDuan .tinraobdsList h2:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #0e3c3d; height: 2px; width: 100px; text-align: center; margin: 0 auto; } body #htgContentDuan .tinraobdsList h2:after { background-color: #333 } .tinraobdsListS h3{ line-height: 1.4; color: #333; font-weight: 400; font-size: 15px; margin: 0; padding: 5px 0; text-align: justify; } .tinraobdsList .arcpost { background: none; border: 0; border-bottom: #DDD 1px solid; margin: 5px 0; padding: 0; padding-bottom: 5px; } .tinraobdsList .col-md-5 { margin: 0; padding: 0 } .tinraobdsList .col-md-5 h2 { line-height: 1.4; color: #333; font-weight: 400; font-size: 15px; margin: 0; padding: 5px 0; text-align: justify } .tinraobdsList .col-md-5 a { color: #333; font-weight: 400; font-size: 14px } .tinraobdsList .col-md-5 img { width: 100px; height: auto; border: #DDD 1px solid; padding: 3px; } .tinraobdsList .col-md-7 { margin: 0; padding: 0; font-size: 14px; color: #333; text-align: j } .tinraobdsList .col-md-7 .ct a { border: #333 1px solid; color: #333; font-size: 15px; display: inline-block; padding: 0 15px; line-height: 30px; text-align: center; width: auto } .tinraobdsList .col-md-7 .ct a:hover { border-color: #0e3c3d; color: #0e3c3d } .tinraobdsList .col-md-7 i { padding-right: 7px; color: #0e3c3d; } .tinraobdsList .tinraobdsListNews{ border-radius: 0; display: inline-block; min-height: 125px; height: auto } .headernew{ } .headernew .col-md-3{ padding: 0 5px; } .headernew .col-md-3 img{ height: 100px; margin: 0 auto; display: block; } .headernew .col-md-9{ padding: 0 5px; } .headernew ul{ margin: 0; padding: 0; list-style: none; margin-top: 10px; } .headernew ul li{ float: left; line-height: 80px; position: relative; } .headernew ul li a{ padding: 0 10px; font-weight: bold; line-height: 80px; display: block; } .headernew{ background: #fff; } @media(min-width:1105px) { .tinraobdsList .tinraobdsListNews { width:50% } } .tinraobdsList .tinraobdsListNewsS{ } .tinraobdsList .tinraobdsListNewsImg{ padding:0 } .tinraobdsList .tinraobdsListNewsImg img{ border: #DDD 1px solid; padding: 2px; width:150px; height:100px; } .tinraobdsList .tinraobdsListNewsContent{ font-size: 14px; line-height: 1.3; } .tinraobdsList .tinraobdsListNewsContent .titleCate { font-size:16px; font-weight:bold; margin:0; padding:0; margin-bottom: 5px; line-height: 1.2 } .tinraobdsList .tinraobdsListNewsContent .readmore{ } .tinraobdsList .tinraobdsListNewsContent .readmore a{ border: #333 1px solid; color: #333; font-size: 13px; display: inline-block; padding: 0 10px; line-height: 24px; text-align: center; width: auto; margin-left:0px; margin-top:5px; border-radius:3px; background-color:#fafafa; } .tinraobdsList .tinraobdsListNewsContent .readmore a:hover{ border-color:#0e3c3d; color:#0e3c3d } .tinraobdsList .tinraobdsListNewsContent .DateFullP { display:none } @media (max-width:1100px) { .headernew .col-md-9 { display: none } .headernew .col-md-3 img { height: 60px; margin: 5px auto } .tinraobdsList { } .tinraobdsListS { } .tinraobdsList .col-md-5 img { height:70px; width:124px } .tinraobdsList .col-md-5 .col-md-3 { float:left } .tinraobdsList .col-md-9 { } .tinraobdsList .col-md-9 h3 { margin:0!important; padding:0 !Important } .tinraobdsList .col-md-7 .col-md-2,.tinraobdsList .col-md-7 .col-md-4,.tinraobdsList .col-md-7 .col-md-3,.tinraobdsList .col-md-7 .col-md-2,.tinraobdsList .col-md-7 .col-md-5 { float: left; padding: 2px 3px; } .tinraobdsList .tinraobdsListNewsContent { } .tinraobdsList .col-md-7 .ct a { display:none } .tinraobdsList .col-md-7 i { padding:0 } .tinraobdsList .tinraobdsListNewsContent h3 { font-weight: bold !Important; font-size: 15px !important; } .tinraobdsList .tinraobdsListNews { width:100%; min-height: auto; margin: 5px 0; padding-bottom: 5px; } .tinraobdsList .tinraobdsListNewsContent .readmore { display:none } .tinraobdsList .tinraobdsListNewsContent p { display:none } .tinraobdsList .tinraobdsListNewsContent .DateFullP { display:block; padding-top: 2px; color: #777; margin: 0; margin-bottom: 5px; font-size: 12px } .tinraobdsList .tinraobdsListNewsContent .DateFullP i { font-size: 11px; } .tinraobdsList .tinraobdsListNewsImg { float:left; padding-left: 5px } .tinraobdsList .tinraobdsListNewsImg img { height: 70px; padding:2px; width: 124px; } } @media (min-width: 1200px) { #content .container { padding: 0 10px } } @media (min-width: 1115px) { #toc_container.fixed { position: fixed; top: 0; left: 0; background: #0e3c3d; z-index: 999; display: block!Important; height: auto!important; padding: 0; } .headernew ul li a { color: #fafafa; text-decoration: none } } .detailViewContent, .detailHiddenContent { text-align: center; line-height: 33px; letter-spacing: 0.1px; font-weight: normal; font-size: 14px; text-decoration: none; color: #fff; background: #286ab0; padding: 0 15px; transition: background 200ms; border-radius: 4px; margin-bottom: 30px; clear: both; } .detailViewContent:hover, .detailHiddenContent:hover { background:#f26d64; } .detailViewContent:after, .detailHiddenContent:after { font-family: 'FontAwesome', sans-serif; font-weight:300; content: "\f105"; margin-left:20px; color:#fff; font-size:12px; vertical-align:middle; transition:color 200ms; } .detailViewContent:hover:after, .detailHiddenContent:hover:after { color:#fff; } .loadContentInCateNewsID { max-height: 260px; overflow: hidden; } #loadinglph { margin: 0 auto 5px auto; margin-top: -10px; width: 35px; height: 35px; background: url(img/loading-lph.gif) center no-repeat ; background-size: 35px auto; display: none; } @media(max-width: 1100px){ .loadContentInCateNewsID { max-height: 335px; overflow: hidden; } .tinraobdsList .tinraobdsListNewsContent .DateFullP { display:block; } } .sub-click { width: 45px; height: 48px; z-index: 600; top: 210px; background-color: #ccb159!Important; display: none; position: fixed; right: 0; margin-top: 0; cursor: pointer; opacity: 1 !Important; } @media screen and (max-width: 1100px) { #primary .container { padding: 0; } .sub-list, .sub-nav { right: auto; overflow: hidden; } .sub-nav { width: 270px; height: auto; position: absolute; left: 0; top: 140px; z-index: 1000; } .sub-list, .sub-nav.pro-detail { top: 120px; } .sub-list li, .sub-nav li { box-shadow: 0 0 3px rgba(0,0,0,.3); margin-bottom: 5px; } .sub-nav li { position: relative; display: inline-block; width: 240px; height: 44px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background-color: #f26d64; border: 2px solid #fff0; } .sub-list li, .sub-nav li a { -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; } .sub-nav li a { font-size: 16px; color: #fff; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; height: 40px; text-align: center; text-shadow: 0 0 1px rgba(0,0,0,.5); background-color: #f26d64; border-radius: 25px; width: 236px; } .modal-wrapper.styled .modal { max-width: 98%!important; width: 98%!important } .sub-nav li, .sub-nav li:hover { border-bottom: 2px solid #a70e1300; } .nav li, .nav li:hover, .sub-nav li { background-color: #fff; } .sub-list li, .sub-nav li { border-left: none; border-right: none; margin-bottom: 0; display: block; border-top: none; } .sub-nav li { width: 200px; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .sub-nav.pro-detail li, .sub-nav.pro-detail li a, .sub-nav.recruit a, .sub-nav.recruit li { } .sub-list li a, .sub-nav li a { font-size: 15px; line-height: 40px; padding: 0; text-shadow: none; } .sub-list li, .sub-nav li a { -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; width: 200px; } .center h2, .sub-nav li.current a, .sub-nav li:hover a { background-color: #54452f; } .sub-nav li.current a { pointer-events: none; } .sub-nav.pro-detail li a { width: 170px; border: 0 !important; } .sub-nav li.current a, .sub-nav li:hover a { color: #000; background-color: #0000; } .sub-nav li.current a { color: #fff; background-color: #0000; } .sub-nav, .sub-nav.pro-detail { top: 10px; } .sub-nav { width: 200px; right: 60px; } .sub-click, .sub-nav { position: fixed; top: 125px; } .sub-list, .sub-nav { height: 0; left: auto; margin-top: 0; } .sub-click, .sub-nav { position: fixed; top: 125px; opacity: 0.5; display: block; } #toc_container { position: fixed; right: 45px; float: right; width: auto; opacity: 1; } } @media screen and (max-width: 510px) { .sub-click { width: 45px } } .sub-click.active { background-position: bottom; opacity: 1!important } #primary{ float: none; padding: 0; margin:0; margin-bottom: 10px } .infoHome .container { padding:0; } #lsCatenew .ls2 .item h3 { min-height: 36px } .relatedcontent h3 a { font-size: 22px; text-transform: none; } .item-why .title{ margin-top: 10px; font-weight: bold; color: #A60A12; font-size: 20px; } .item-footer .title{ color: #fff; font-size: 18px; font-weight: bold; margin: 0 0 14px 0; text-transform: uppercase; } .text-end a{color: #cba442;} .breadcrumbs{font-size: 13px;} .breadcrumbs,.breadcrumbs a{color: #E8E8E8;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border-color: #ffb900; border: none; background: red; color: #fff; font-size: 13px; padding: 0px 20px; margin: 10px 0px; border-radius: 20px; width: fit-content; margin: auto; float: none; } div.wpcf7 .ajax-loader{position: absolute;left: 50%;top:22%;} .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; background: #46b450; color: #fff; font-size: 13px; margin: 10px 0px; border-radius: 20px; } .newsimage img{ max-width: 100%; height: auto; } #related_posts img{ width:100%; height: auto; margin-bottom: 5px; } #related_posts .item_news{ margin-bottom: 20px; line-height: 20px; } #related_posts .item_news a{ font-size: 14px; color: #444; font-weight: bold; } .title_hwp{ font-size: 20px; letter-spacing: 0.2px; margin: 5px 0; font-weight: bold; color: #01304c; margin-bottom: 15px; padding-bottom: 10px; position: relative; border-bottom: #ccc 2px solid; max-width: 98%; } .single-editor h2{ font-weight: bold; font-size: 22px; line-height: 30px; margin-top: 0px; } .single-editor h3{ font-weight: bold; font-size: 20px; line-height: 23px; margin-top: 0px; } .single-editor h4{ font-weight: bold; font-size: 18px; line-height: 20px; margin-top: 0px; } h1.entry-title{ text-transform: uppercase; font-weight: bold; } .entry-header .entry-meta{ padding-bottom: 15px; } .widget .col-md-2, .widget .col-md-4{ width: 100%; margin-bottom: 10px; } .wpcf7 input[type="submit"]{ background: #1965b3; color: #FFF; font-weight: normal; padding: 0 15px; font-size: 13px; line-height: 30px; border: 0; border-radius: 4px; } #footer .wpcf7 input[type="submit"]{ background: #caa34a; border: none; border-bottom: 1px solid red; color: #fff; float: none; font-family: UTMBebas; font-size: 22px; font-weight: normal; margin: 0 auto; display: block; outline: none; padding: 0 25px; text-align: center; -webkit-transition: .3s ease; -o-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; } #mobile-box{display: none;} #mobile-box .header a { display: block; width: 50px; height: 50px; padding: 11px; position: absolute; top: 7px; left: 7px; z-index: 9999; border: 1px solid #ccc; } #mobile-box .header a:before, #mobile-box .header a:after { content: ''; display: block; background: #caa34a; height: 4px; } #mobile-box .header a span { background: #caa34a; display: block; height:4px; margin: 6px 0; } #footer .footer-2{ float: left !Important; width: 100%; } #footer .footer-3{ float: left !Important; } .lsCateS .imgCate img{ width: 100%; height: auto; } .headernew{ background-color: #285c72; } .headernew .col-md-3 img{ padding: 10px 0px; } .fix #logo-pro-detail img{ height: 60px; } .fix .pro-detail li a{ line-height: 60px; } .fix .pro-detail ul{ margin: 0px; padding: 0px; } .fix.headernew ul li:before{ top:25px; } .pro-detail li a{text-transform: uppercase;} .menu-mobile{ float: right; display: none; border: none; height: 30px; line-height: 30px; background: #caa34a; color: #fff; margin-top: 18px; text-transform: uppercase; } .page-numbers { display: inline-block; padding: 5px 20px; color: #333; border-radius: 4px; } .pagination_bar { margin: 10px auto; } .pagination_bar .current { background: #007bff; padding: 5px 20px; color: #fff; border-radius: 4px; } .item-news img{ float: left; margin-right: 15px; } .item-news .news-name{ margin: 0px; } .item-news{ margin: 30px 0 0; display: inline-block; overflow: hidden; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 30px; } .item-news img{ border-radius: 10px; } .item-news .news-name{ font-size: 20px; text-transform: uppercase; margin-bottom: 15px; line-height: 30px; } .item-news p{ color: #666; } nav h2 { style: something funky; }