/* */ .btn-headhunter{color: #fff !important;border: 1px solid;padding: 10px;top: 2px;position: relative;margin-right: 10px;}.header { background-color: rgba(0, 124, 185, 0.09); } * { border-radius: 0 !important } body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #666; } .login-container label{ color: #fff000; !important; } .section .container { padding: 50px 0 } .page-ntv .header .video-intro { background-color: #565631 } .page-ntv .header .wrap-mark { background: rgba(91, 91, 64, .64) } .page-ntv .video-intro { z-index: initial !important } .fileinput-remove { float: right; font-size: 21px; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: #fff; z-index: 9999; text-align: center; } .tabs-left, .tabs-right { border-bottom: none } .tabs-left { border-right: 1px solid #ddd } .tabs-right { border-left: 5px solid #ddd } .tabs-left > li, .tabs-right > li { float: none } .tabs-left > li { margin-right: -1px } .tabs-right > li { margin-left: -5px } .tabs-right > li strong { font-size: 20px; line-height: 1.2; display: block; margin-bottom: 5px; } .tabs-right > li p { font-size: 13px; text-align: justify; margin-bottom: 3px; font-weight: 500; } .tabs-left > li.active > a, .tabs-left > li.active > a:focus, .tabs-left > li.active > a:hover { border-bottom-color: #ddd; border-right-color: transparent } .tabs-right > li.active > a, .tabs-right > li.active > a:focus, .tabs-right > li.active > a:hover { border: 0; border-left: 5px solid #F6C667 } .tabs-left > li > a { border-radius: 4px 0 0 4px; margin-right: 0; display: block } .tabs-right > li > a { border-radius: 0 4px 4px 0; margin-right: 0; padding: 7px 25px 8px; color: #999 } .sideways { margin-top: 50px; border: none; position: relative } .sideways > li { height: 20px; width: 120px; margin-bottom: 100px } .sideways > li > a { border-bottom: 1px solid #ddd; border-right-color: transparent; text-align: center; border-radius: 4px 4px 0 0 } .sideways > li.active > a, .sideways > li.active > a:focus, .sideways > li.active > a:hover { border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #ddd } .sideways.tabs-left { left: -50px } .sideways.tabs-right { right: -50px } .sideways.tabs-right > li { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .sideways.tabs-left > li { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) } .container { max-width: 1110px } .header .container { position: relative; min-height: 600px } .page-ntv .header .logo { display: block; margin-top: 20px; padding-left: 100px } .page-ntv .header .pull-right h4 { margin-top: 20px; color: #fff; font-size: 16px; padding-right: 100px; padding-top: 20px } .page-ntv .header .pull-right h4 i { font-weight: 300 } .page-ntv .header .box-content { position: absolute; bottom: 150px; left: 0; right: 0 } .page-ntv .header .img-content { position: absolute; right: 0; bottom: 25px } .page-ntv .header .box-content h1 { color: #fff; font-weight: 300; line-height: 1.5 } .page-ntv .header .box-content h1 span { display: block } .page-ntv .header .box-content h1 span:first-child { font-weight: 400 } .page-ntv .header .box-content h1 span:last-child { font-size: 25px } .page-ntv .header .box-content h1 strong { color: #fff200; font-weight: 600 } .page-ntv .header .icon-play { position: absolute; width: 70px; display: block; height: 70px; margin: -35px auto auto; left: 0; top: 50%; right: 0 } .page-ntv .header .icon-play:hover img { opacity: 1 } .page-ntv .header .icon-play img { width: 70px; height: 70px; opacity: .5 } .page-ntd .btn-download-free { text-align: center; margin: 50px auto 35px; font-size: 12px; padding: 15px 55px; } .btn-download-free { padding: 15px; display: table; background: #fff200; font-size: 38px; color: #2b2b2b; font-weight: 600; text-align: center; margin: 40px 0 50px } .btn-download-android, .btn-download-iphone { padding: 10px 30px 10px 10px; text-align: center } .btn-download-android { display: inline-block; background: #39b54a; font-size: 17px; color: #fff; margin-right: 30px } .btn-download span { line-height: 32px; display: inline-block; font-size: 16px; float: left } .btn-download.btn-download-free { text-decoration: none; background: #F6C667; color: #000; /* box-shadow: 6px 6px rgba(85, 97, 111, .5) !important; */ } .btn-download.btn-download-free:hover { background: #ff0 } .link-ntv { color: #fff !important; line-height: 80px } .btn-download.btn-download-android:hover { text-decoration: none; background: #37a646; color: #fff } .btn-download.btn-download-iphone:hover { text-decoration: none; background: #2799c8; color: #fff } .btn-download i { /* font-size: 32px; */ /* line-height: 32px; */ /* margin-right: 15px; */ /* float: left; */ /* display: inline-block; */ } .btn-download-iphone { display: inline-block; background: #2aabe1; font-size: 17px; color: #fff } .page-ntv .section-2 h2.text-center { font-size: 50px; color: #fff200; line-height: 2 } .page-ntv .section-2 h2.text-center span { color: #fff } .page-ntv .section-2 p.text-center { max-width: 800px; display: block; margin: auto auto 10px; font-weight: 600; color: #444; font-style: italic } .box .owl-buttons .owl-prev { left: -10px } .box .owl-buttons .owl-next { right: -10px } .box .owl-buttons div { width: 32px; height: 32px; text-align: center; background: #ff0; position: absolute; line-height: 32px; color: #333; top: 50%; margin-top: 25px } .page-ntv .section-2 .box-item { padding: 100px 20px 15px; margin: 100px 30px 0; background: #9c9d70; position: relative } .page-ntv .section-2 .box-item .image { display: block; margin: auto; position: absolute; left: 0; right: 0; top: -25px; width: 120px; height: 120px; border-radius: 100% !important; border: 1px solid #ff0 } .page-ntv .section-2 .box-item .image img { display: block; margin: auto; position: absolute; left: 0; right: 0 } .page-ntv .section-2 .box-item .name { display: block; color: #fff } .page-ntv .section-2 .box-item .school { display: block; color: #ff0 } .page-ntv .section-2 .box-item .content { font-style: italic; padding-top: 15px; border-top: 1px solid #333; color: #333; text-align: justify; margin: 10px } .page-ntv .section-2 .download { padding: 60px 0 10px; border-top: 1px solid #eee; margin-top: 15px } .page-ntv .section-2 .download .btn-download { box-shadow: 0 1px 1px #333 } .page-ntv .section-2 { background: #a2a470 } .page-ntv .footer { background: #fff200; color: #333; padding: 30px 0 20px } .page-ntv .footer .input-group .form-control { border: 1px solid #333; border-right: 0 } .page-ntv .footer .input-group .btn { border: 1px solid #333; background: #fff; border-left: 0; height: 34px } .page-ntv .footer .input-group .btn i { color: #333; border-left: 1px solid #333; padding-left: 10px } .page-ntv .footer .list-inline > li a { display: block; line-height: 34px; color: #333; padding: 0 10px; font-weight: 600 } .typed-cursor { opacity: 1; -webkit-animation: blink .7s infinite; -moz-animation: blink .7s infinite; animation: blink .7s infinite } @keyframes blink { 0%, 100% { opacity: 1 } 50% { opacity: 0 } } @-webkit-keyframes blink { 0%, 100% { opacity: 1 } 50% { opacity: 0 } } @-moz-keyframes blink { 0%, 100% { opacity: 1 } 50% { opacity: 0 } } .page-ntd .header .hope-bot { position: absolute; top: 50px; right: 15px } .page-ntd .header .hope-bot .typed-cursor { position: absolute; right: 59px; top: 9px } .page-ntd .header .hope-bot .wrap { position: relative; padding-right: 40px; border: 0 } .page-ntd .header .hope-bot .message { display: inline-block; background: #fff; padding: 10px 30px 10px 10px; border-top-left-radius: 30px !important; border-bottom-left-radius: 30px !important; color: #333; font-size: 14px; font-weight: 600; height: 39px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .page-ntd .header .hope-bot .bot-icon { width: 55px; height: 55px; background: url(../img/hi_icon.png); position: absolute; right: 0; top: -6px } .page-ntd .header h1 { font-size: 50px; text-align: center; color: #fff } .page-ntd .header h1 span.yellow { color: #F6C667 } .page-ntd .header h1 span.intro { display: block; font-size: 15px; padding-top: 20px; font-weight: 400; line-height: 20px; max-width: 600px; margin: auto; } .page-ntd .header .box-content { padding-top: 140px; } .page-ntd .header .circle-1:hover { background: rgba(255, 255, 255, .15) } .page-ntd .header .circle-1:hover .circle-2 { background: rgba(255, 255, 255, .19) } .page-ntd .header .circle-1 { margin: auto; display: block; width: 90px; text-align: center; background: rgba(255, 255, 255, .1); height: 90px; border-radius: 100% !important; padding-top: 15px } .page-ntd .header .circle-2 { margin: auto; display: block; width: 60px; background: rgba(255, 255, 255, .13); height: 60px; line-height: 72px; border-radius: 100% !important; text-align: center } .page-ntd .header .fa-play { text-align: center; padding-left: 5px; color: #fff } .page-ntd .header .header-top { background: #007CB9; height: 80px } .page-ntd .header.fixed .header-top .container { min-height: initial } .page-ntd .header.fixed .header-top { position: fixed; height: 80px; z-index: 999; background: #007CB9; top: 0; left: 0; right: 0 } .page-ntd .header .header-top .logo { margin-top: 15px } .page-ntd .header .header-top .logo img { height: 50px } .page-ntd .header .header-top .btn-download {margin: 21px 0 0;padding: 10px;line-height: 18px;background: #4CAF50;color: #fff;text-transform: uppercase;} .page-ntd .header .wrap-mark { overflow: hidden } .page-ntd .section-1 .container { padding-top: 100px; overflow: hidden } .page-ntd .owl-pagination { float: right } .owl-pagination { text-align: center; bottom: -10px; position: relative } .owl-pagination .owl-page { display: inline-block; margin: 5px } .owl-pagination .owl-page.active span { background: #F6C667 } .owl-pagination .owl-page span { width: 15px; height: 15px; border-radius: 100% !important; background: #ccc; display: inline-block } .page-ntd .section-1 .owl-buttons > div.active { background: #F6C667; padding: 7px 17px } .page-ntd .section-1 .owl-buttons > div { display: inline-block; margin-left: 0; background: #888; padding: 5px 15px; color: #fff; font-weight: 600 } .page-ntd .section-1 .owl-buttons { position: absolute; top: -40px; right: 0 } .page-ntd .section-2 .wrap-1 { text-align: center } .page-ntd .section-2 .wrap-1 .btn-download-free { margin: -2px 0 0 100px; padding: 10px 30px; text-align: initial; display: inline-block; border: 1px solid #f4d03f; color: #f4d03f; background: #2596ce } .page-ntd .section-2 { background: #007CB9 } .page-ntd .section-2 .wrap-1 .fancybox:hover img { opacity: 1 } .page-ntd .section-2 .wrap-1 .fancybox img { width: 100px; opacity: .8; height: 100px } .page-ntd .section-2 .wrap-1 h3 { color: #fff; font-size: 14px; margin-top: 26px; line-height: 1 } .page-ntd .section-2 .wrap-2 { position: absolute; bottom: 50px; right: 0 } .page-ntd .section-2 .wrap-2 .fa { width: 50px; height: 50px; line-height: 50px; background: #c12025; text-align: center; color: #fff; border-radius: 100% !important; margin-right: 10px; float: left } .page-ntd .section-2 .wrap-2 span { color: #fff; float: left } .page-ntd .section-2 .wrap-2 span strong { display: block } .page-ntd .section-2 .container { min-height: 80px; position: relative; padding: 0 } .page-ntd .section-2 .wrap-mark { background: rgba(51, 51, 51, .87) } .page-ntd .box .box-item a, .page-ntd .box .box-item a img { display: block; margin: 15px auto } .header-bottom .btn-download{ box-shadow: 6px 6px rgba(85, 97, 111, .5) !important; } .page-ntd .header a { text-decoration: none !important } .page-ntd .section-3 h2.text-center { font-size: 35px; color: #0d63a5; line-height: 1.5 } .page-ntd .section-3 h2.text-center span { color: #333 } .page-ntd .section-3 p.text-center { max-width: 770px; display: block; margin: auto auto 50px; font-weight: 400; color: #001f3f; } .page-ntd .section-3 .download { padding: 50px 0 10px } .page-ntd .section-3 .download .btn-download { box-shadow: 0 1px 1px #333; margin: 0 auto } .page-ntd .box { min-height: 170px } .page-ntd .box .owl-buttons .owl-prev { left: -15px } .page-ntd .box .owl-buttons .owl-next { right: -15px } .page-ntd .box .owl-buttons div { width: 32px; height: 32px; text-align: center; background: 0 0; position: absolute; line-height: 32px; color: #3a90e0; top: 50%; margin-top: -18px; font-size: 36px } .page-ntd .footer-top { background: #005689; padding: 50px 0 0 } .page-ntd .footer-top .row-1 { padding-bottom: 5px; border-bottom: 1px solid #9e9e9e; margin-bottom: 30px } .page-ntd .footer-top .row-1 span { display: inline-block; margin-right: 15px; font-weight: 500; color: #444 } .page-ntd .footer-top .row-1 ul { display: inline-block } .page-ntd .footer-top .row-1 ul li:last-child { margin: 0; padding: 0 } .page-ntd .footer-top .row-2 { border-bottom: 1px solid #226890; padding-bottom: 30px } .page-ntd .footer-top .row-2 h4 { color: #fff; margin-bottom: 18px; font-size: 14px; font-weight: 500; text-transform: uppercase } .page-ntd .footer-top .row-2 ul li a:hover { color: #f6c667 } .page-ntd .footer .row-2 ul li a { color: #eee; line-height: 25px; font-size: 13px; z-index: 99; position: relative } .footer .fa-facebook:hover { background: #4867aa !important } .footer .fa-google-plus:hover { background: #d94e2f !important } .footer .fa-twitter:hover { background: #00aced !important } .footer .fa-youtube-play:hover { background: #c0231f !important } .footer .fa-linkedin:hover { background: #007ab6 !important } .page-ntd .footer .fa { width: 40px; height: 40px; background: 0 0; color: #fff; font-size: 13px; line-height: 40px; text-align: center; padding: 0; border: 1px solid #fff; border-radius: 100% !important } .page-ntd .footer-top .row-2 p { margin-bottom: 20px; color: #eee } .page-ntd .footer-top .row-2 .form-control { height: 43px; padding: 12px } .page-ntd .footer-top .row-2 .btn { background: #007CB9; padding: 12px; border: 0 } .page-ntd .footer-bottom { background: #005689; color: #fff; padding-bottom: 25px; padding-top: 25px } .page-ntd .footer-bottom .copyright a { color: #f6c667 } .page-ntd .footer-bottom .copyright { margin: 0; font-size: 16px } .page-ntd .footer-bottom .copyright span { display: block; font-size: 13px; color: #eee; } .page-ntd-dk form.registration-form fieldset, .visible-xs.box-xs .owl-buttons { display: none } .page-ntv .owl-pagination .owl-page span { background: #fff } .page-ntv .owl-pagination .owl-page.active span, .visible-xs.box-xs .owl-pagination .owl-page.active span { background: #efef10 } .visible-xs.box-xs .content strong { font-size: 18px } .visible-xs.box-xs .content p { font-weight: 300; padding: 5px } .visible-xs.box-xs .content { text-align: center; margin-top: 50px } .page-ntv .visible-xs.box-xs .owl-controls { margin-top: -35px } .visible-xs.box-xs .owl-controls { position: absolute; left: 0; right: 0 } .visible-xs.box-xs .owl-pagination .owl-page span { background: #ccc } .visible-xs.box-xs { min-height: 550px } .form-control { box-shadow: none !important } textarea { min-height: 150px; resize: vertical } form .form-bottom .input-error { border-color: #19b9e7 } .page-ntd-dk ::-webkit-input-placeholder { color: rgba(255, 255, 255, .54); font-size: 15px; font-weight: 300 } .page-ntd-dk ::-moz-placeholder { color: rgba(255, 255, 255, .54); font-size: 15px; font-weight: 300 } .page-ntd-dk :-ms-input-placeholder { color: rgba(255, 255, 255, .54); font-size: 15px; font-weight: 300 } .page-ntd-dk :-moz-placeholder { color: rgba(255, 255, 255, .54); font-size: 15px; font-weight: 300 } .page-ntd-dk { background: #2491da; position: relative; min-height: 1000px; } .page-ntd-dk .text-center h1 {font-size: 38px;line-height: 1.5;color: #fff;padding: 50px 0;} .page-ntd-dk .text-center .guide { position: absolute; left: 15px; top: 10px; text-decoration: underline; color: #ff0 } .page-ntd-dk .text-center .close { position: absolute; top: 5px; right: 15px; width: 32px; height: 32px; border: 1px solid #fff; border-radius: 100% !important; line-height: 30px; color: #eee; opacity: 1 } .page-ntd-dk .form-group.has-error .form-control { border-color: #ff0 } .page-ntd-dk .form-control { height: 50px; line-height: 50px; font-size: 18px; background: rgba(255, 255, 255, .24); border-color: #58abe3; color: #fff } .page-ntd-dk .form-group .help-block-custom { font-size: 13px } .page-ntd-dk .help-block-custom { color: #ff0; display: block } .page-ntd-dk .help-block { color: #ff0; font-size: 13px; display: none } .page-ntd-dk .error-summary { color: #ff0; text-align: left; margin-bottom: 20px } .page-ntd-dk .form-group.has-error .help-block { display: block !important } .page-ntd-dk .control-label { color: #fff; font-weight: 400; font-size: 20px } .page-ntd-dk .form-group.has-error .select2-container--default .select2-selection--single .select2-selection__rendered { border: 1px solid #ff0 } .page-ntd-dk .select2-container .select2-selection--single { height: 50px; line-height: 50px; background: rgba(255, 255, 255, .24); color: #fff; border: 0 } .page-ntd-dk .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; height: 50px; background: 0 0; color: #fff } .page-ntd-dk .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff; border-width: 0 10px 10px } .page-ntd-dk .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent; border-width: 10px 10px 0; margin-left: -20px; margin-top: 7px } .page-ntd-dk .form-bottom { border-top: 1px solid #277cb4; padding-bottom: 90px } .page-ntd-dk .form-bottom .row-1 { text-align: center } .page-ntd-dk .form-bottom .row-1 .btn { margin: auto; text-align: center; background: #ff0; color: #333; font-weight: 600; font-size: 20px; padding: 10px 25px } .page-ntd-dk .form-bottom .row-2 { background: #327ad5; padding: 0; border-top: 1px solid #4373b5; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9 } .page-ntd-dk .form-bottom .row-2 .container { padding: 15px 0 0 } .page-ntd-dk .form-bottom .row-2 strong { color: #fff; line-height: 2; display: block } .page-ntd-dk .image-upload-wrap .file-footer-caption, .page-ntd-dk .image-upload-wrap .file-upload-indicator, .page-ntd-dk .image-upload-wrap .kv-file-upload, .page-ntd-dk .image-upload-wrap .kv-file-zoom { display: none } .page-ntd-dk .form-bottom .row-2 .progress { height: 10px } .page-ntd-dk .form-bottom .row-2 .progress .progress-bar { background-color: #ff0; color: #1a79ff } .page-ntd-dk .section .container { padding: 30px 0 20px } .page-ntd-dk .help-required { color: #ff0; margin: 0; padding: 0; line-height: 30px } .page-ntd-dk .form-bottom .pull-right .btn { background: 0 0; color: #ff0; border-radius: 100% !important; border: 1px solid #ff0; padding: 10px; width: 50px; height: 50px; margin-left: 10px } .page-ntd-dk .form-bottom .btn-previous { background: 0 0; border: none; color: #fff; margin: 0 10px; padding: 0; border-bottom: 1px dotted #fff } .page-ntd-dk .image-upload-wrap { position: relative; height: 270px; background: rgba(255, 255, 255, .24); overflow: hidden; margin-bottom: 40px } .page-ntd-dk .image-upload-wrap .file-drop-zone, .page-ntd-dk .image-upload-wrap .file-preview { padding: 0; margin: 0; border: 0 } .page-ntd-dk .image-upload-wrap:last-child { height: 300px } .page-ntd-dk .image-upload-wrap .cover { position: absolute; top: 0; left: 0; right: 0 } .page-ntd-dk .image-upload-wrap .file-drop-zone:hover { border: 0 } .page-ntd-dk .image-upload-wrap .file-preview-image { height: auto !important; width: 100% !important } .page-ntd-dk .image-upload-wrap .kv-file-content { height: 270px; border: 0; width: 100% !important } .page-ntd-dk .image-upload-wrap .avatar .file-preview-frame, .page-ntd-dk .image-upload-wrap .avatar .kv-file-content { height: 170px; border: 0; width: 100% !important } .page-ntd-dk .image-upload-wrap .file-preview-frame { width: 100% !important; height: 270px; padding: 0; margin: 0; border: 0; box-shadow: none !important } .page-ntd-dk .image-upload-wrap .file-thumbnail-footer { position: absolute; left: 0; right: 0; top: 0 } .page-ntd-dk .image-upload-wrap .file-actions { position: absolute; top: 0; left: 0; margin-top: 5px; margin-left: 5px } .page-ntd-dk .image-upload-wrap .btn-success { background: #00a651 } .page-ntd-dk .image-upload-wrap .img-360 .title { color: #fff; line-height: 2; text-align: center; margin-top: 80px } .page-ntd-dk .image-upload-wrap .img-360 p { max-width: 360px; text-align: center; display: block; padding-bottom: 10px; margin: auto; color: #fff; font-size: 12px } .page-ntd-dk .image-upload-wrap .cover .title { color: #fff; line-height: 2; margin-top: 80px } .page-ntd-dk .image-upload-wrap .avatar .title { line-height: 2; font-size: 20px; margin-top: 35px } .page-ntd-dk .validate-success .input-group-addon .fa { display: none } .page-ntd-dk .input-group-addon { background: rgba(255, 255, 255, .24); border: 0; color: #fff; font-size: 18px; cursor: pointer } .page-ntd-dk .image-upload-wrap .avatar { position: absolute; left: 70px; bottom: 0; width: 170px; height: 170px; background: #fff; border: 1px solid #eee } .page-ntd-dk #map { width: 100%; height: 400px; margin-top: 30px } .page-ntd-dk .validate-success { position: relative } .page-ntd-dk .validate-success:after { content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #3f0; position: absolute; right: 5px; top: 48px; font-size: 26px; z-index: 9 } .page-ntd-dk .custom-block.block-3 .form-group.validate-success:after { top: 48px } .page-ntd-dk .custom-block .validate-success:after { top: 10px } .page-ntd-dk .custom-block .col-sm-6 .form-group .control-label { line-height: 50px } .page-ntd-dk .custom-block .form-group { margin: 25px 0 !important } .page-ntd-dk textarea { resize: none; line-height: 1.5 !important } .page-ntd-dk .custom-block.block-3 .row { margin-top: 25px; margin-bottom: 25px } .page-ntd-dk .custom-block.block-1 .col-sm-6:last-child .form-group:last-child { height: 130px; overflow: hidden } .page-ntd-dk input[type=checkbox].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 } .page-ntd-dk input[type=checkbox].css-checkbox + label.css-label, .page-ntd-dk input[type=checkbox].css-checkbox + label.css-label.clr { padding-left: 47px; height: 33px; display: inline-block; line-height: 33px; background-repeat: no-repeat; background-position: 0 0; font-size: 33px; vertical-align: middle; cursor: pointer } .page-ntd-dk input[type=checkbox].css-checkbox + label.css-label.chk, .page-ntd-dk input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -33px } .page-ntd-dk label.css-label { background-image: url(../img/checkbox.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .page-ntd-dk.success .container .wrap a { color: #ff0 } .page-ntd-dk.success .container.text-center .wrap { color: #fff; padding-top: 100px } .page-ntd-dk .validate-success .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none } .form-group.has-error .select2-container--default .select2-selection--multiple { border: 1px solid #ff0 } .form-group .select2-container--default .select2-selection--multiple { min-height: 50px; font-size: 18px; background: rgba(255, 255, 255, .24); border-color: #58abe3; color: #666 } .form-group .select2-container .select2-search--inline .select2-search__field { margin-top: 10px; margin-left: 5px } .form-group .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgba(255, 255, 255, .24) } #page-content .list-group h4:after, #page-content > h3:after { content: ' '; border-top: 2px solid #eeb23d; display: block } .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice { line-height: 35px; padding: 0 10px; background: #fff } .form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-left: 10px; padding-right: 35px } .page-ntd-dk .g-recaptcha > div { margin: auto; display: block } .select2-container--default .select2-search--inline .select2-search__field { color: #fff } .page-ntd-dk .form-bottom .row-1 .btn-login { color: #fff !important; background: #1fcc54 !important } #page-content .list-group h4, #page-content > h3 { color: #007cb9; text-align: center; text-transform: uppercase } .page-ntd-dk .form-bottom .row-1 .btn-login:hover { opacity: .9 } #page-content > h3 { font-size: 30px; margin: 40px auto } #page-content > h3:after { width: 170px; margin: 5px auto auto } #page-content .list-group h4 { font-size: 16px; margin: 25px auto } #page-content .list-group h4:after { width: 70px; margin: 5px auto auto } #page-content .list-group { margin-top: 70px } #page-content .list-group .icon { background: url(../img/group-icon-1.png) no-repeat; display: block; margin: auto; height: 75px } #page-content .list-group .icon-1 { background-position: 0 0; width: 102px } #page-content .list-group .icon-2 { background-position: 0 -79px; width: 45px } #page-content .list-group .icon-3 { background-position: -111px 0; width: 90px } #page-content .list-group .icon-4 { background-position: -50px -81px; width: 67px } #page-content .list-group p { font-size: 13px; margin-bottom: 50px } #page-content p.text-justify:last-child { margin-bottom: 30px } .btn-read-more { padding: 5px; text-align: center; border-radius: 0; display: inline-block; border: 2px solid #337ab7; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 12px; color: #337ab7 } .btn-read-more:hover { color: #FFF; background: #337ab7 } .post { padding-bottom: 20px } .post .glyphicon { margin: 0 3px } .post-header-line { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 5px 0 5px 5px; font-size: 12px } .post-content { padding-bottom: 15px; padding-top: 15px } #page-content .media-list.main-list { padding: 20px 0 } #page-content .media-list.main-list .media, .single-post .col-1 .post-content { padding: 5px 0 } #page-content .media-list.main-list .media a.pull-left { width: 45% } #page-content .media-list.main-list .media a.pull-left img { width: 100% } #page-content .media-list.main-list .media .media-body { width: 55% } #page-content .media-list.main-list .media .media-body > a h4 { font-size: 14px; color: #333; line-height: 1.2 } #page-content .media-list.main-list .media .media-body > .date i { margin-right: 5px } #page-content .media-list.main-list .media .media-body > .date { font-size: 13px } .single-post .col-1 .post-content h1, .single-post .col-1 .post-content h2, .single-post .col-1 .post-content h3, .single-post .col-1 .post-content h4, .single-post .col-1 .post-content h5, .single-post .col-1 .post-content h6 { font-size: 16px; margin: 10px 0 } .breadcrumb { margin: 15px 0 } .single-post .col-1 h3 { margin: 5px 0 10px } .pdt-10 { padding-top: 15px !important; margin-left: -20px; font-size: 14px !important; } .single-post .post-content * { max-width: 100% !important; } .single-post .post-content .fck_detail, .single-post .post-content table { width: 100% !important; } .btn-fixed { position: fixed; top: 50px; right: 15px; } .main-list .media-body a { text-transform: capitalize } .main-list .media-body p { text-transform: uppercase; margin-top: 10px; font-size: 13px; } .header .logo{ position: relative; } .header .slogan { position: absolute; z-index: 99; color: #fff; font-size: 10px; font-weight: 200; right: 4px; font-style: italic; top: 33px; }