/* Minification failed. Returning unminified contents. (20,1): run-time error CSS1019: Unexpected token, found '@import' (20,9): run-time error CSS1019: Unexpected token, found 'url(/Content/css/http:/fonts.googleapis.com/css?family=Roboto:300,400,700)' (271,108): run-time error CSS1046: Expect comma, found '0' (271,112): run-time error CSS1046: Expect comma, found '/' (729,110): run-time error CSS1046: Expect comma, found '0' (729,114): run-time error CSS1046: Expect comma, found '/' */ /*------------------------------------------------------------------------------------------ PRE-LOADER ------------------------------------------------------------------------------------------*/ .no-js #loader { /*display:none;*/ } .js #loader { display:block; position:absolute; left:100px; top:-0; } .se-pre-con { position:fixed; left:0px; top:-50px; width:100%; height:100%; z-index:9999; background:url(/Content/images/preloader.png) center no-repeat #fff; } .preloader { background-color:#ffffff; position:fixed; width:100%; height:100%; z-index:9999999; } .pace { -webkit-pointer-events:none; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; z-index:9999999; position:fixed; margin:0px auto; top:0; left:0; right:0; bottom:0; height:2px; width:100%; background:#fff; } .pace .pace-progress { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-transition:width 1s ease-in-out 1s linear; -moz-transition:width 1s ease-in-out 1s linear; -ms-transition:width 1s ease-in-out 1s linear; -o-transition:width 1s ease-in-out 1s linear; transition:width 1s ease-in-out 1s linear; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); max-width:100%; position:fixed; z-index:9999999; display:block; position:absolute; left:0px; top:0px; height:100%; background:#ffbe00; } .pace.pace-inactive { display:none; } /*------------------------------------------------------------------------------------------ 1. GENERAL COMPONENTS ------------------------------------------------------------------------------------------*/ @charset "UTF-8"; @import url(/Content/css/http:/fonts.googleapis.com/css?family=Roboto:300,400,700); body { padding-top:0px; padding-bottom:0px; color:#3d475b; font-family:Roboto,sans-serif; -ms-overflow-style: scrollbar; } a, a:link, a:visited { color:#007bd1; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; } a:hover { color:#007bd1; text-decoration:none; } p { } .glyphicon { font-family: "Glyphicons Halflings" !important;} .glyphicon-menu-left:before { content:"\e257"; } .glyphicon-menu-right:before { content:"\e258"; } .glyphicon-menu-down:before { content:"\e259"; } .glyphicon-menu-up:before { content:"\e260"; } .glyphicon-option-vertical:before { content:"\e235"; } .glyphicon-search:before { content:"\e003"; } .hidden-xs {} .container { /*max-width:1030px;*/ } body { padding-top:0px; font-size:14px; min-height:700px; } /* Remove Screen Flickers on Open and Hide Modal */ .modal2 { overflow-y:auto; } .modal-open2 { overflow:auto; overflow-x:hidden; } .modal-header2 .close { padding-left:7px; padding-right:7px;} .modal-header2.modal-title { line-height:18px;} .modal-header2.modal-title iframe { margin-top:5px;} /* Reset button styles */ .btn { font-size:13px; padding:0.7em 3em; margin:1em auto; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; } .btn-default, .btn-default:link, .btn-default:visited { /*color:#fff !important; background-color:#666; border:0px; border-bottom:solid 3px #575757;*/ -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; font-weight:bold; text-transform:uppercase; background-color:transparent; border-width:2px; border-color:#495660; color:#495660; padding:0.6em 3em; } .btn-default:hover, .btn-default:active { /*background-color:#555; border-bottom:solid 3px #474747;*/ border-color:#007bd1; color:#0061bf; } .btn-primary, .btn-primary:link, .btn-primary:visited { color:#fff !important; background-color:#00b1e4; border:0px; font-weight:bold; text-transform:uppercase; background:-moz-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:-webkit-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:-o-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:-ms-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; -svg-background:linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; box-shadow:1px 3px 9px rgba(0,0,0,0.325); } .btn-primary:hover, .btn-primary:active, .btn-primary.active { background:-moz-linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; background:linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; background:-webkit-linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; background:-o-linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; background:-ms-linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; -svg-background:linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; } /* Shared Components */ .primary-color { color:#47525b; } .highlight-color { color:#efb827;} .primary-bg { background-color:#347dee; color:#fff; } .highlight-bg { background-color:#fff7e1;} .bigger-text { font-size:1.2em; } .gen-module { padding-top:40px; padding-bottom:40px; } .hyphenate { -ms-word-break:break-all; word-break:break-all; hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto; } .primary-grdbg { background:-moz-linear-gradient(top, #c4161c 0, #aa0b0e 100%) no-repeat; background:linear-gradient(top, #c4161c 0, #aa0b0e 100%) no-repeat; background:-webkit-linear-gradient(top, #c4161c 0, #aa0b0e 100%) no-repeat; background:-o-linear-gradient(top, #c4161c 0, #aa0b0e 100%) no-repeat; background:-ms-linear-gradient(top, #c4161c 0, #aa0b0e 100%) no-repeat; -svg-background:linear-gradient(top, #c4161c 0, #aa0b0e 100%) no-repeat; } .highlight-grdbg { background:-moz-linear-gradient(top, #ffd400 0, #ffbe00 100%) no-repeat; background:linear-gradient(top, #ffd400 0, #ffbe00 100%) no-repeat; background:-webkit-linear-gradient(top, #ffd400 0, #ffbe00 100%) no-repeat; background:-o-linear-gradient(top, #ffd400 0, #ffbe00 100%) no-repeat; background:-ms-linear-gradient(top, #ffd400 0, #ffbe00 100%) no-repeat; -svg-background:linear-gradient(top, #ffd400 0, #ffbe00 100%) no-repeat; } /* Scroll To Top -------------------------------------------------------------------- ------------------------------------------------------------------------------------*/ .page_scrollup { display:none; visibility:hidden; } /*.page_scrollup { width:40px; height:40px; line-height:40px; opacity:0.8; position:fixed; bottom:10px; right:10px; display:none; border-radius:2px; text-align:center; color:#fff !important; font-size:1em; background:#E9573F; cursor:pointer; z-index:9999; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; transition:all ease 0.5s; background:-moz-linear-gradient(bottom, #00b1e4 0, #0061bf 100%) no-repeat; background:linear-gradient(bottom, #00b1e4 0, #0061bf 100%) no-repeat; background:-webkit-linear-gradient(bottom, #00b1e4 0, #0061bf 100%) no-repeat; background:-o-linear-gradient(bottom, #00b1e4 0, #0061bf 100%) no-repeat; background:-ms-linear-gradient(bottom, #00b1e4 0, #0061bf 100%) no-repeat; -svg-background:linear-gradient(bottom, #00b1e4 0, #0061bf 100%) no-repeat; } .page_scrollup:hover { opacity:1; }*/ /*------------------------------------------------------------------------------------------ 1. HOMEPAGE ------------------------------------------------------------------------------------------*/ /*---------------------------------------- HEADER -----------------------------------------*/ .bold { font-weight:bold; } header { border-top:solid 3px #253648; } header a, header a:link, header a:visited, header a:hover { text-decoration:none; } header > .container { background:url(/Content/images/header_ribbon.jpg) no-repeat bottom right; } header #logo, footer #flogo { width:64px; height:64px; margin:10px auto; display:inline-block; background:url(/Content/images/logo.png) no-repeat top left; background-size:64px 64px; float:left; margin-top:9px; margin-right:9px; } header .site-name { margin-bottom:0; font-size:1.25em; font-weight:700; /*letter-spacing:-1px;*/ margin-bottom:12px; margin-top:12px; } header .site-name span { font-size:1.65em; display:block; letter-spacing:0px; margin-bottom:-6px; } header .site-name small { margin:0; padding:0; } header .slogan { width:555px; height:36px; background:url(/Content/images/topnav_curve.jpg) no-repeat top right; text-align:center; padding-top:0.65em; } header .slogan h4 { margin:0; padding:0; color:#fff; font-size:13px; font-weight:600; padding-right:4em; } header .slogan .medal, header .slogan .medal::after { width:45px; height:83px; display:inline-block; background:url(/Content/images/medal_level1.png) no-repeat top right; } header .slogan .medal { position:relative; float:right; margin-top:-2em; margin-right:80px; } header .slogan .medal::after { content:""; position:absolute; top:0; left:50px; background:url(/Content/images/medal_level2.png) no-repeat top right; } .tuyensinh header { border:0; } .tuyensinh header > .container { background-image:none; } .tuyensinh header .list-inline.info { float:right; padding-top:2em; } .tuyensinh header .list-inline.info li { float:left; max-width:280px; font-size:14px; line-height:1.2; padding-left:20px; font-weight:600; color:#606d78; } .tuyensinh header .list-inline.info .icon { display:inline-block; width:25px; height:25px; line-height:30px; border-radius:50%; background-color:#eeb919; float:left; text-align:center; margin-right:5px; /*margin-top:-5px;*/ } .tuyensinh header .list-inline.info .icon.icon-location { background:#eeb919 url(/Content/images/ico_location.png) no-repeat center center; } .tuyensinh header .list-inline.info .icon.icon-email { background:#eeb919 url(/Content/images/ico_email.png) no-repeat center center; } .tuyensinh header .list-inline.info .icon.icon-phone { background:#eeb919 url(/Content/images/ico_phone.png) no-repeat center center; } .tuyensinh .tuyensinh-banner { display:block; width:100%; height:274px; } .tuyensinh .tuyensinh-type { padding:1em; padding-bottom:0px; } .tuyensinh .tuyensinh-type ul li { padding-left:1em; padding-right:1em; } .tuyensinh .tuyensinh-type ul li a { font-weight:600; font-size:16px; color:#024ffd; } .tuyensinh .tuyensinh-form { background:#e6f2fc url(/Content/images/phieu_bg.png) repeat-y top left; border-radius:15px; border-bottom:solid 5px #eeb919; border-top:solid 1px #fff; margin-bottom:2em; } .tuyensinh .tuyensinh-form form { position:relative; background:url(/Content/images/pages.png) repeat-y top right; padding:1em 4em; border-radius:12px; } .tuyensinh .tuyensinh-form h2.title, .tuyensinh .news-title h2 { color:#0061bf; font-weight:600; font-size:2em; letter-spacing:-1px; margin-top:0; } .tuyensinh .tuyensinh-form h4.title { background-color:#337def; font-size:1em; font-weight:600; color:#fff; border-radius:30px; display:inline-block; padding:5px 1em; padding-right:5em; margin-left:-1em; } .tuyensinh .tuyensinh-form .form-group {} .tuyensinh .tuyensinh-form .form-group label { font-size:13px; color:#606d78; font-weight:400; margin-bottom:0; } .tuyensinh .tuyensinh-form .form-group .form-control { border-color:#b9c8d4; height:32px; border-radius:3px; font-weight:600; font-size:14px; } .tuyensinh .tuyensinh-form .form-submit { position:absolute; bottom:-30px; right:25%; } .tuyensinh .news-title h2 { text-align:center; padding-top:1em; } .tuyensinh .box { border-radius:15px; background:rgba(255,255,255,0.7); padding-top:2em; } .tuyensinh label.required:after { content: "(*)"; font-weight: bold; color: red; padding-left: 5px; } /*---------------------------------------------------------------------------------*/ /* Menuzord - Responsive Megamenu */ header nav.primary-bg { border-bottom:solid 2px #004ec5 !important; background:#347dee; position:relative; } header nav.primary-bg nav { position:absolute; right:0; bottom:36px; z-index:1; background-color:#068153; color:#fff; border-radius:0 7px 0px 0px; } header nav.primary-bg nav::before { background:url(/Content/images/topnav_curve.png) no-repeat top right; height:32px; width:41px; position:absolute; left:-40px; content:""; } header nav.primary-bg nav::after { background:url(/Content/images/yellow_ribbon.png) no-repeat top right; height:60px; width:172px; position:absolute; right:60px; bottom:30px; content:""; } header nav.primary-bg nav ul { margin:0; } header nav.primary-bg nav ul li { border-right:solid 1px #34ae7e; font-size:13px; } header nav.primary-bg nav ul li:last-child { border-right:0; } header nav.primary-bg nav ul li a, header nav.primary-bg nav ul li a:link, header nav.primary-bg nav ul li a:visited { color:#fff; display:block; padding:7px 1em; } header nav.primary-bg nav ul li a:hover, header nav.primary-bg nav ul li a:active, header nav.primary-bg nav ul li a:focus { text-decoration:underline; } /* Menu Fixed */ .fixed { position:fixed; width:90%; margin:20px 0 0 -45%; left:50%; } .menuzord { margin:0px auto; float:none; padding:0 10px; } /* Menu items */ .menuzord-menu > li { /*background:url(/Content/images/nav_sep.gif) no-repeat right 5px; padding-right:2px;*/ /*margin-right:1px;*/ } .menuzord-menu > li:nth-last-child(-n+2) { background-image:none; } .menuzord-menu > li > a { font-size:13px; text-transform:uppercase; color:#fff; padding:15px 9px 12px; /*border-bottom:solid 1px transparent;*/ -o-transition:border .3s linear; -moz-transition:border .3s linear; -webkit-transition:border .3s linear; transition:border .3s linear; } .menuzord-menu > li:hover { /*background-color:#f4f4f4;*/ } /* Active/hover state (menu items) */ .menuzord-menu > li.active > a, .menuzord-menu > li:hover > a { color:#fff; border-bottom:0; background:-moz-linear-gradient(top, #004ec5 70%, #033684 100%) no-repeat; background:linear-gradient(top, #004ec5 70%, #033684 100%) no-repeat; background:-webkit-linear-gradient(top, #004ec5 70%, #033684 100%) no-repeat; background:-o-linear-gradient(top, #004ec5 70%, #033684 100%) no-repeat; background:-ms-linear-gradient(top, #004ec5 70%, #033684 100%) no-repeat; -svg-background:linear-gradient(top, #004ec5 70%, #033684 100%) no-repeat; } .menuzord-menu > li.active > a { opacity:0.8; } /* Hover state (dropdown items) */ .menuzord-menu ul.dropdown li:hover > a { color:#fff; } .menuzord.red .menuzord-menu > li.active > a, .menuzord.red .menuzord-menu > li:hover > a, .menuzord.red .menuzord-menu ul.dropdown li:hover > a { color:#fff; } .menuzord.red .menuzord-menu > li.active > a, .menuzord.red .menuzord-menu > li:hover > a { border-bottom-color:#fff; } /* Dropdown items */ .menuzord-menu ul.dropdown { min-width:230px; } .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown { background-color:rgba(255,255,255,0.97); box-shadow:2px 2px 4px rgba(0,0,0,0.5); padding:8px 15px; z-index:9999; } .menuzord-menu ul.dropdown li { font-size:1em; } .menuzord-menu ul.dropdown li:first-child { border:0; } .menuzord-menu ul.dropdown li:last-child { border-bottom:0; } .menuzord-menu ul.dropdown li a, .menuzord-menu .megamenu-row li a { padding:7px 0px; color:#666 !important; font-size:13px; -o-transition:border .3s linear; -moz-transition:border .3s linear; -webkit-transition:border .3s linear; transition:border .3s linear; } .menuzord-menu .megamenu-row li a { display:block; width:100%; } .menuzord-menu ul.dropdown li a:hover, .menuzord-menu .megamenu-row li a:hover { background-color:#337def; color:#fff !important; padding-left:10px !important; padding-right:10px !important; } .menuzord-menu .megamenu { box-shadow:2px 2px 4px rgba(0,0,0,0.5); } /* Dropdown items selected */ .menuzord.red .menuzord-menu ul.dropdown li:hover>a { background-color:#a1a7af; color:#fff !important; } .menuzord-menu .megamenu-row strong { font-weight:600; color:#004ec6; text-transform:uppercase; } .menuzord-menu ul.dropdown li.active > a, .menuzord-menu .megamenu-row.active li.active > a { background-color:#4b92ff; color:#fff !important; padding-left:10px !important; padding-right:10px !important; } /* navbar */ header .navbar-collapse { } header .navbar { border-radius:0; border:0; margin-bottom:0; min-height:110px;} header .navbar-nav { min-height:60px;} /*---------------------------------------------------------------------------------*/ #searchbox { width:250px; padding-top:0; position:absolute; right:0px; bottom:-6px; } /* Module Search Top Block */ #searchbox { /*padding-top:1em; width:250px;*/ } /* Header - Search */ .gsib_a, .gsc-input { padding:2px 15px !important; padding-right:0 !important; border:0 !important; color:#333 !important; opacity:1 !important; } .cse .gsc-control-cse, .gsc-control-cse { border:0 !important; background-color:transparent !important; border:0 !important; border-radius:3px !important; } .gsc-search-button.gsc-search-button-v2 { display:none !important; visibility:hidden !important; } .gsc-search-box, .gsc-search-box.gsc-search-box-tools { margin:0 !important; color:#333 !important; } .gsc-input-box { height:auto !important; border2:0 !important; border:0 !important; border-radius:3px !important; color:#333 !important; } .gsc-control-cse.gsc-control-cse-vi { /*padding:0px !important;*/ border:0 !important; border-radius:3px !important; color:#333 !important; } input.gsc-input { font-size:13px !important; border:0 !important; border-radius:3px !important; color:#333 !important; } /*---------------------------------------------------------------------------------*/ /* HOME */ /*---------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------*/ /* Home - Banner Carousel */ /* Carousel Caption */ #homeCarousel .carousel-caption { color:#fff; right:30%; left:30%; top:14em; text-shadow:1px 2px 8px rgb(0 0 0 / 60%); } #homeCarousel .carousel-caption a, #homeCarousel .carousel-caption a:link, #homeCarousel .carousel-caption a:visited, #homeCarousel .carousel-caption a:hover, #homeCarousel .carousel-caption a:active, #homeCarousel .carousel-caption a:focus { color:#fff; } #homeCarousel .carousel-caption h2 { font-size:3em; font-weight:600; text-transform:uppercase; } #homeCarousel .carousel-caption.article { font-size:1.2em; border-right:solid 3px #c4161c; } #homeCarousel .carousel-caption.article .article-title { font-size:1.3em; font-weight:bold; } #homeCarousel .carousel-caption.article .article-datetime { font-size:0.8em; opacity:0.5; } #homeCarousel .carousel-caption.article .article-desc {} #homeCarousel .carousel-caption.article .article-more { font-size:0.8em; } #homeCarousel .carousel-caption.article .article-more .glyphicon { font-size:0.8em; } #homeCarousel.carousel { background:#062a51; } /*#homeCarousel.carousel { background:#003969 url(/Content/images/slideshow_bg.png) repeat-x top center; }*/ #homeCarousel.carousel .item { height:600px; } #homeCarousel .carousel-inner > .item > img { position:absolute; left:-9999px; right:-9999px; margin:0 auto; max-width:none; min-width:100%; } .carousel-indicators { bottom:15px; } .carousel-indicators .active, .carousel-indicators li { margin: 1px 7px; } #homeCarousel.carousel .carousel-control { color:#fff; text-shadow:none; width:10%; } #homeCarousel.carousel .carousel-control .glyphicon { font-size:14px; width:50px; height:50px; line-height:45px; text-align:center; border:solid 2px #fff; border-radius:50%; font-weight:normal; } .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; transition-duration:3s; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } #home-video { width:450px; position:absolute; left:57%; bottom:64px; z-index:2000; } /*---------------------------------------------------------------------------------*/ #headline-maquee { } #home-headline { margin-bottom:20px; padding-top:10px; position:absolute; bottom:60px; margin-left:90px; left:auto; right:auto; z-index:2; width:1000px; background:#fff; border-radius:6px; border-bottom:solid 5px #ffbe00; -webkit-box-shadow:0 14px 28px 3px rgba(0,0,0,0.24), 0 9px 26px 8px rgba(0,0,0,0.22), 0 11px 15px -7px rgba(0,0,0,0.17); box-shadow:0 14px 28px 3px rgba(0,0,0,0.24), 0 9px 26px 8px rgba(0,0,0,0.22), 0 11px 15px -7px rgba(0,0,0,0.17); } #headline { margin-left:-15px; margin-bottom:3px; } #headline #headline-pre { background:url(/Content/images/headline_bg.png) no-repeat top left; float:left; width:107px; height:31px; color:#fff; font-weight:bold; padding:6px 5px; padding-left:10px; margin-top:3px; } #headline #scrollup { position:relative; overflow:hidden; height:40px; width:84%; padding-top:7px; } #headline ul.marquee { display:block; padding:0; margin:0; list-style:none; line-height:1; position:relative; overflow:hidden; height:37px; margin-left:1em; } #headline ul.marquee li { position:absolute; top:-999em; left:0; display:block; white-space:nowrap; padding:2px 10px; line-height:18px; } #headline ul.marquee li a, #headline ul.marquee li a:link, #headline ul.marquee li a:visited { font-weight:bold; text-decoration:none; font-size:1.12em; color:#3d475b; } #headline ul.marquee li .article-datetime { font-size:1em; margin-left:1em; opacity:0.7; } #headline ul.marquee li .article-datetime .glyphicon { } .breadcrumb-subpage #headline { margin-left:10px; margin-bottom:0; padding-top:5px; border-bottom:solid 1px #9ea5ca; } .breadcrumb-subpage #headline ul.marquee li a, .breadcrumb-subpage #headline ul.marquee li a:link, .breadcrumb-subpage #headline ul.marquee li a:visited { font-size:1em; } .breadcrumb-subpage #headline ul.marquee li .article-datetime { font-size:0.7em; } /*---------------------------------------------------------------------------------*/ section.content { padding-top:0em; padding-bottom:3em; } section.content .box { } section.content .box aside.right { } section.content .box .content-box { padding:15px 0px; } .box .box-title h2 { font-weight:600; font-size:2.5em; position:relative; margin-bottom:1em; color:#004ec6; } .box .box-title h2::after { content:""; position:absolute; bottom:-0.6em; left:50%; width:100px; margin-left:-50px; height:3px; background-color:#00b4e5; background:-moz-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:-webkit-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:-o-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:-ms-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; -svg-background:linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; display:block; } .box .box-title small { display:block; margin-top:7px; color:#999; font-size:0.4em; } #home-intro { padding-top:4em; padding-bottom:3em; background:url(/Content/images/why_us_bg.jpg) no-repeat top center; } #home-intro .content-box { padding-left:4em; padding-right:4em; } #home-intro .list-inline {} #home-intro .list-inline li { width:24%; text-align:center; vertical-align:top; } #home-intro .list-inline li img { display:inline-block; } #home-intro .list-inline li h4 { font-size:1em !important; font-weight:600; line-height:20px; } section.content .box .sbox { margin-bottom:15px; } section.content .box .sbox > .title { background-color:#fff; /*border:solid 1px #d9eff8;*/ border-bottom:solid 2px #fff; padding:10px 15px; margin-bottom:0; font-size:0.9em; font-weight:bold; position:relative; text-transform:uppercase; } section.content .box .sbox .title:after { background-color:#fff; height:2px; width:150px; position:absolute; left:-1px; bottom:-2px; content:""; } section.content .box .sbox .title, section.content .box .sbox .title a, section.content .box .sbox .title a:link, section.content .box .sbox .title a:visited, #home-product .section-title a, #home-product .section-title a:link, #home-product .section-title a:visited { color:#007bd1; } #home-product .bx-wrapper .bx-controls-direction a { top:20%; } #home-product .bx-controls.bx-has-pager { height:40px; } #home-product .bx-pager.bx-default-pager { display:block; height:35px; bottom:0px; } #home-product .bx-controls-direction .bx-prev { left:0; } #home-product .bx-controls-direction .bx-next { right:0; } .tuyensinh .content { background:url(/Content/images/tuyensinh_header.jpg) no-repeat top center; } /*---------------------------------------------------------------------------------*/ #home-articles { padding-top:4em; padding-bottom:6em; } #home-articles .box-title { } section.content .box .section-article { } section.content .box .section-article .section-title, #home-product .section-title { margin-bottom:1em; text-transform:uppercase; background-color:#fbf9f0; border:solid 1px #fff; border-bottom:solid 2px #d01c47; padding:10px; font-size:0.9em; font-weight:bold; position:relative; background:#fbf9f0 url(/Content/images/rss_icon.png) no-repeat 98.2% 10px; } section.content .box .section-article .section-title:after, #home-product .section-title:after { background-color:#ffd400; height:2px; width:150px; position:absolute; left:-1px; bottom:-2px; content:""; } section.content .box .section-article .section-title, section.content .box .section-article .section-title a, section.content .box .section-article .section-title a:link, section.content .box .section-article .section-title a:visited { color:#c2821d; } .is-table-row { display:table; } .is-table-row > [class*="col-"] { float:none; display:table-cell; vertical-align:top; } .section-article .article-list { } .section-article .article-list .article-item { padding:0; width:31%; display:inline-block; float:left; margin:0 1em; margin-bottom:2em; border:solid 1px #d9eff8; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; } .section-article .article-list .article-item:hover { border-color:#007bd1; } .section-article .article-list .article-item:last-child { padding-bottom:0; margin-bottom:0; } .section-article .article-list .article-item img { } .section-article .article-list .article-item .article-datetime, .section-article article.article-item .article-datetime { display:inline-block; font-size:12px; color:#fff; margin:0; padding:5px 13px; margin-bottom:1em; background:-moz-linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; background:linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; background:-webkit-linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; background:-o-linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; background:-ms-linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; -svg-background:linear-gradient(right, #00b1e4 0, #0061bf 100%) no-repeat; } .section-article .article-list .article-item .article-title, .section-article article.article-item .article-title { margin:0; font-size:14px; font-weight:bold; margin-bottom:1em; } /*.section-article article.article-item { margin-right:-15px; } .section-article article.article-item:first-child { padding-bottom:0.5em; margin-bottom:1.5em; border-bottom:solid 1px #eee; } */ .section-article article.article-item img { } .section-article article.article-item img.badge-new { float:none; margin-left:5px; margin-right:initial; } .section-article article.article-item .article-title { font-size:1.3em; margin-bottom:10px; } .section-article article.article-item .article-desc { padding:1em 2em; margin-top:-2em; } .section-article article.article-item .article-desc p { height:54px; overflow:hidden; } #testimonials { padding-top:6em; padding-bottom:4em; } #testimonials .content-box { } #testimonials .test-item { padding:1em 12em; } #testimonials .test-item .avatar, #testimonials .test-item .avatar img { border-radius:50%; } #testimonials .test-item .avatar { background-color:transparent; padding:10px; border:solid 10px rgba(255,255,255,0.3); } #testimonials .test-item h5 { color:#007bd1; font-size:1.2em; font-weight:600; } /*---------------------------------------------------------------------------------*/ /* About */ .latest-photos .carousel-control { background-color:transparent; background-image:none; /*background:#c4161c; width:30px; height:30px; border-radius:50%; border:0;*/ /*top:47%;*/ /*bottom:0; opacity:0;*/ } .latest-photos .carousel-control .glyphicon-chevron-left, .latest-photos .carousel-control .glyphicon-chevron-right, .latest-photos .carousel-control .icon-prev, .latest-photos .carousel-control .icon-next { font-size:0.5em; line-height:1.8em; text-shadow:none; color:#fff;} .latest-photos.carousel:hover .carousel-control { opacity:1; } .latest-photos .carousel-control:hover { border-color:#2eab2e; opacity:1; color:#fff; } .latest-photos .carousel-control:hover .glyphicon-chevron-left, .latest-photos .carousel-control:hover .glyphicon-chevron-right, .latest-photos .carousel-control:hover .icon-prev, .latest-photos .carousel-control:hover .icon-next { color:#fff; } .latest-photos .carousel-control .glyphicon { background-color:#000; line-height:30px; border-radius:50%; } /*---------------------------------------------------------------------------------*/ /* Tuyensinh Banner */ #tuyensinh-banner { background:#337def url(/Content/images/tuyensinh_fullsize_ads.jpg) no-repeat top center; height:180px; } #tuyensinh-banner .container a, #tuyensinh-banner .container a:link, #tuyensinh-banner .container a:visited { width:100%; height:180px; display:block; } /*---------------------------------------------------------------------------------*/ /* Projects */ #home-partner { margin-top:20px; } /* Client Logos */ #client-logos-slider { height:1%; margin:0 auto; margin-top:0px; overflow:hidden; position:relative; } #client-logos-slider .bx-wrapper { max-width:1170px !important; } #client-logos-slider .bxslider { list-style:none; text-align:center; } #client-logos-slider .bxslider li { margin-left:13px; } #client-logos-slider .bxslider li img { max-width:130px; } #client-logos-slider .overview li img:hover { transition:all 0.2s ease 0s; -webkit-animation:scbounce 1.2s ease both infinite; -moz-animation:scbounce 1.2s ease both infinite; -ms-animation:scbounce 1.2s ease both infinite; animation:scbounce 1.2s ease both infinite; } #web-links { text-align:right; margin-bottom:20px; } #web-links .form-control { border-radius:3px; background-color:#003969; color:#97adc5; padding:5px 10px; border-color:#2674b5; width:75%; float:right; height:28px; font-size:13px; } /*---------------------------------------------------------------------------------*/ /* Projects Detail */ /*---------------------------------------------------------------------------------*/ /* Projects */ #home-product { margin-bottom:0px; } #home-product .section-title { background-image:none; text-align:center; } #home-product .section-title:after { left:50%; margin-left:-75px; } #home-product .section-title a:active, #home-product .section-title a:hover, #home-product .section-title a:focus { text-decoration:none; } /*---------------------------------------------------------------------------------*/ #home-product { padding-top:4em; padding-bottom:6em; } #product-slider { height:1%; margin:0 auto; padding-top:1em; padding-bottom:1em; overflow:hidden; position:relative; } #product-slider .bx-wrapper { max-width:1170px !important; } #product-slider .bxslider { list-style:none; text-align:left; padding-bottom:10px; } #product-slider .bxslider li { /*display:inline-block;*/ margin-bottom:10px; margin-left:13px; /*background:#fff;*/ padding:0 !important; /*height:335px;*/ -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; } #product-slider .bxslider li:hover { border-bottom-color:#007bd1; } #product-slider .overview li img { width:100%; padding:0; margin:0; } #product-slider .overview li img:hover { transition:all 0.2s ease 0s; -webkit-animation:scbounce 1.2s ease both infinite; -moz-animation:scbounce 1.2s ease both infinite; -ms-animation:scbounce 1.2s ease both infinite; animation:scbounce 1.2s ease both infinite; } #product-slider .bxslider li.product-item {} #product-slider .bxslider li.product-item a, #product-slider .bxslider li.product-item a:link, #product-slider .bxslider li.product-item a:visited, #product-slider .bxslider li.product-item a:hover { color:#3d475b; } #product-slider .bxslider li.product-item img, #product-slider .bxslider li.product-item .product-info { float:left; display:inline-block; } #product-slider .bxslider li.product-item .product-info { width:160px; } #product-slider .bxslider li.product-item .product-info h4 { font-weight:600; font-size:1.4em; color:#002f76; } #product-slider .bxslider li.product-item .product-info p { margin-left:-1em; margin-bottom:5px; font-size:13px; } #product-slider .bxslider li.product-item .product-info p:nth-child(2n+1) { margin-left:-2em; } /*#product-slider .bxslider li, .product-list .product-item { position:relative; } #product-slider .bxslider li .product-info, .product-list .product-item .product-info { padding:1.5em; } #product-slider .bxslider li .product-title, .product-list .product-item .product-title { font-weight:bold; display:inline-block; float:left; } #product-slider .bxslider li .product-title a, .product-list .product-item .product-title a { color:#495660; } #product-slider .bxslider li .product-title:hover, #product-slider .bxslider li .product-title:focus, #product-slider .bxslider li:hover .product-title, #product-slider .bxslider li:focus .product-title { } #product-slider .bxslider li .btn-primary, .product-list .product-item .btn-primary { position:absolute; margin-top:70px; left:50%; margin-left:-60px; opacity:0; } #product-slider .bxslider li:hover .btn-primary, #product-slider .bxslider li:focus .btn-primary, .product-list .product-item:focus .btn-primary, .product-list .product-item:hover .btn-primary { margin-top:130px; opacity:1; } #product-slider .bxslider li:hover a, #product-slider .bxslider li:focus a, .product-list .product-item:focus a, .product-list .product-item:hover a { color:#007bd1; } #product-slider .bxslider li .product-title a, #product-slider .bxslider li .product-title a:link, #product-slider .bxslider li .product-title a:visited { } #product-slider .bxslider li .product-title a:hover, #product-slider .bxslider li .product-title a:active, #product-slider .bxslider li .product-title a:focus { text-decoration:none; } #product-slider .bxslider li .product-desc, .product-list .product-item .product-desc { padding-top:1em; } #product-slider .bxslider li .product-more .glyphicon { font-size:0.8em; } #product-slider .bxslider li img { } #product-slider .bxslider li .product-info h3, .product-list .product-item .product-info h3 { font-size:2em; text-align:right; float:right; font-weight:400; margin:0; padding:0; padding-bottom:1em; margin-top:-5px; color:#999; } #product-slider .bxslider li .product-info h3 small, .product-list .product-item .product-info h3 small { font-size:13px; color:#ccc; display:block; }*/ .bx-wrapper .bx-controls-direction a { /*background:-moz-linear-gradient(left, #00b1e4 0, #0061bf 100%) no-repeat; background:linear-gradient(left, #00b1e4 0, #0061bf 100%) no-repeat; background:-webkit-linear-gradient(left, #00b1e4 0, #0061bf 100%) no-repeat; background:-o-linear-gradient(left, #00b1e4 0, #0061bf 100%) no-repeat; background:-ms-linear-gradient(left, #00b1e4 0, #0061bf 100%) no-repeat; -svg-background:linear-gradient(left, #00b1e4 0, #0061bf 100%) no-repeat; color:#fff; border-radius:50%; top:40%;*/ } /*.bx-wrapper .bx-prev { left:0; } .bx-wrapper .bx-prev { background:url(/Content/images/bxslider_prev.gif) no-repeat top center; content:"\e079"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400;-webkit-font-smoothing: antialiased; text-align:center; text-indent: 0px; } .bx-wrapper .bx-next { right:0; } .bx-wrapper .bx-next { background:url(/Content/images/bxslider_next.gif) no-repeat top center; content:"\e079"; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400;-webkit-font-smoothing: antialiased; text-align:center; text-indent: 0px; } #testimonials .bx-wrapper .bx-prev, #testimonials .bx-wrapper .bx-next { } #testimonials .bx-wrapper .bx-controls-direction a { top:0; } #testimonials .bx-wrapper .bx-prev { left:auto; right:32px; }*/ /*---------------------------------------------------------------------------------*/ /* Article List */ .phone-call { background-color:#f4f8f9; padding-top:4em; padding-bottom:4em; } .phone-call .phone-text h2 { float:left; font-weight:600; font-size:2.1em; margin:0; } .phone-call .phone-text h2 small { display:block; font-weight:400; } .phone-call .phone-text h2 small strong { font-weight:600; } .phone-call .phone-text h2:first-child { padding-right:23px; border-right:solid 3px #ccc; } .phone-call .phone-text h2:last-child { margin-left:20px; } .color-blue { color:#00b1e4; } .color-green { color:#38b52b; } .phone-call .btn { margin-left:20px; } #home-photo-clip { padding-top:3em; padding-bottom:2em; } #home-photo-clip .box .box-title { font-size:0.65em; padding-bottom:2em; } /*---------------------------------------------------------------------------------*/ /* Responsive Embeded Google Map */ .google-maps { position:relative; padding-bottom:380px; height:0; overflow:hidden; } .google-maps iframe { position:absolute; top:0; left:0; width:100% !important; height:350px !important; } /*---------------------------------------------------------------------------------*/ /* Footer */ footer { clear:both; display:block; color:#97adc5; font-size:13px; } footer.primary-bg { background-color:#283548; background:-moz-linear-gradient(top, #283548 70%, #1a355f 100%) no-repeat; background:linear-gradient(top, #283548 70%, #1a355f 100%) no-repeat; background:-webkit-linear-gradient(top, #283548 70%, #1a355f 100%) no-repeat; background:-o-linear-gradient(top, #283548 70%, #1a355f 100%) no-repeat; background:-ms-linear-gradient(top, #283548 70%, #1a355f 100%) no-repeat; -svg-background:linear-gradient(top, #283548 70%, #1a355f 100%) no-repeat; } /* Footer Nav Module */ /* Footer Logo */ #footer-partners { padding-top:3em; padding-bottom:3em; } #footer-partners li { vertical-align:middle; /*padding:1em 3em;*/ } footer #flogo { margin-top:0; } footer .title.h2.text-uppercase { color:#fff; } footer .title.h2.text-uppercase span, footer .title.h2.text-uppercase small { display:block; } footer .title.h2.text-uppercase small { color:#fcc729 !important; } footer hr { border:0; height:2px; background:-moz-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:-webkit-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:-o-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; background:-ms-linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; -svg-background:linear-gradient(top left, #337def 50%, #eeb919 100%) no-repeat; } /* Newsletter Block */ /* Social Block */ /* Categories Module */ #footer-nav { padding-top:5em; padding-bottom:3em; color:#a1adbb; } #footer-nav .column { float:left; display:inline-block; width:33%; padding-right:1.333%;} #footer-nav .title { font-size:1em; font-weight:bold; text-transform:uppercase; } #footer-nav .title.h2 { font-size:1.7em; margin-top:0; } #footer-nav .title.h2 small { color:#97adc5; font-weight:bold; } #footer-nav .column .title { color:#337def; } #footer-nav .column ul { margin-left:0; padding-left:14px; } #footer-nav .column .list-unstyled li { padding-bottom:0.5em; } #footer-nav .column .list-unstyled li:before { position:relative; top:0px; display:inline-block; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; content:"\e258"; font-size:0.5em; margin-right:0.5em; } #footer-nav a, #footer-nav .column .list-unstyled a { color:#dee4eb; } #footer-nav .column .list-unstyled a:hover { color:#fff; text-decoration:none; } #footer-nav .glyphicon { margin-right:0.3em; } /* Footer Copyright */ #footer-copyright { padding-top:1em; padding-bottom:1em; } /* Footer Copyright */ #footer-copyright a, #footer-copyright a:link, #footer-copyright a:visited { color:#dee4eb; } footer .list-inline .icon { display:inline-block; } footer .list-inline .icon-facebook { background-image:url(/Content/images/icon_fb.png); width:29px; height:29px; } footer .list-inline .icon-youtube { background-image:url(/Content/images/icon_yt.png); width:29px; height:29px; } /*---------------------------------------------------------------------------------*/ /* SUBPAGES */ /*---------------------------------------------------------------------------------*/ .page {} .page .phone-call { padding-left:30px; padding-right:30px; } .page .product-detail {} .page .product-detail .product-item { background:#fff; } .page .product-detail .product-item img, .page .product-detail img { margin:1em auto; display:block; /*width:100% !important;*/ /*max-width:600px; height:auto !important;*/ } .page .product-detail .product-order { padding:1em; text-align:center; border:solid 1px #dddbd4; background-color:#f3f3f3; } .page .product-detail .btn-success { color:#fff !important; } .page .product-detail .btn { margin-right:1em; } .page .product-detail > .product-title { font-size:2em; font-weight:bold; } .page .product-detail .product-item { padding-bottom:1em; margin-bottom:1em; border-bottom:solid 1px #eee; } .page .product-detail .product-item:last-child { border-bottom:0; } .page .product-detail .product-item .product-title { font-size:2em; } .page .product-detail .product-item .product-more .glyphicon { font-size:0.8em; } #prod-cate {} #prod-cate .sbox-content { padding:15px; background-color:#fff; border:solid 1px #dcdcdc; border-top:0; } #prod-cate .sbox-content > ul, #prod-cate .sbox-content > ul ul { padding-left:15px; } #prod-cate .sbox-content > ul ul { padding-top:5px; } #prod-cate .sbox-content > ul li { font-weight:bold; padding-bottom:5px; } #prod-cate .sbox-content > ul li li { font-weight:normal; } /*---------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------*/ .is-table-row { display:table; } .is-table-row > [class*="col-"] { float:none; display:table-cell; vertical-align:top; } .page .article-list { padding-top:1em; border-radius: 3px; } .page .article-list .article-item { display:inline-block; float:left; height:350px; overflow:hidden; width: calc(100% / 3 - 2em); margin:1em 1em; margin-bottom:2em; /* padding-bottom:1em; margin-bottom:1em;*/ /*border-bottom:solid 1px #eee;*/ } .page .article-list .article-item a, .page .article-list .article-item a:link { color:#3d475b; } .page .article-list .article-item img { display:block; width:100%; height:170px;/* max-height:300px;*/ margin-bottom:1em; } .page .article-list .article-item img.badge-new { float:none; margin-left:5px; margin-right:initial; } .page .article-list .article-item .article-datetime, .page .article-detail .article-datetime { margin:0; padding:0; margin-bottom:5px; opacity:0.5; font-size:0.8em; } .page .article-list .article-item .article-title { font-size:1.3em; margin:0px; margin-bottom:5px; font-weight:bold; } .page .article-list .article-item:hover .article-title { color:#337def; } .page .article-list .article-item:hover .article-datetime, .page .article-list .article-item:hover .article-desc { color:#3d475b; } .page .article-detail { padding:1em 0em; } .page .article-detail .article-title { font-size:2em; } .page .article-detail img { margin:1em auto; display:block; /*width:100% !important;*/ max-width:800px; height:auto !important; padding:7px; border:solid 1px #fff; border-radius:2px; } .page .article-detail p { font-size:1.11em; line-height:1.7em; /*text-align:justify;*/ margin-bottom:1.5em; } .page #home-article.box .content-box p img { margin:1em auto; display:block; max-width:800px !important; height:auto !important; } .page > .section-article { width:100% !important; } .page > .section-article .article-list { list-style-type:disc; color:#ed1d24; } .page > .section-article .article-list li { border:none; } .page > .section-article .article-list .article-item { padding:0px; } .page > .section-article.recent .article-list { padding:1em; } .page > .section-article.recent .article-list li { display:list-item; margin-bottom:7px; width:100%; height:initial; margin:0.3em 1em; overflow:initial; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:#aaa; border-color:#aaa; } .tuyensinh.page .article-list .article-item { height:400px; } .tuyensinh.page .article-list .article-item img { height:230px; } /*---------------------------------------------------------------------------------*/ /* Breadcrumbs */ .breadcrumb-subpage, .breadcrumb { background-color:#e6f1fc; } .breadcrumb { margin-bottom:0; margin-left:10px; padding-top:15px; padding-bottom:15px; padding-left:0; font-weight:bold; border-top:solid 1px #fff; } .breadcrumb>li+li:before { content:"/\00a0"; padding:0 5px; color:#ccc; } .breadcrumb li a { } .breadcrumb>.active { } /*---------------------------------------------------------------------------------*/ /* Subpage - Aside Right */ aside.right .recent-notify { } aside.right .recent-notify.sbox { border-radius:4px; border: solid 1px #c8d2da; box-shadow:1px 1px 3px rgb(0 0 0 / 10%); } aside.right .recent-notify.sbox .title { } aside.right .recent-notify.sbox .sbox-content { } aside.right .recent-notify.sbox .sbox-content .article-list { list-style-type:disc; color:#ed1c24; padding:0px 15px; } aside.right .recent-notify.sbox .sbox-content .article-list li { float:none; width:100%; display:block; margin:0; padding-top:7px; padding-bottom:0.3em; margin-bottom:0.5em; border-bottom:dotted 1px #ccc; height:initial; } aside.right .recent-notify.sbox .sbox-content .article-list li:last-child { border-bottom:none; } aside.right .recent-notify.sbox .sbox-content article.article-item { padding:0px 15px; border-bottom:dotted 1px #ccc; } aside.right .recent-notify.sbox .sbox-content article.article-item .article-title, aside.right .recent-notify.sbox .sbox-content article.article-item p, aside.right .recent-notify.sbox .sbox-content article.article-item .article-desc { color: #2a3448; } aside.right .recent-notify.sbox .sbox-content article.article-item img { width:100% !important; max-width:250px; max-height:120px; } aside.right .recent-notify.sbox .sbox-content article.article-item .article-title { font-weight:600; font-size:14px; line-height:1.4; } aside.right .recent-notify.sbox .sbox-content article.article-item:hover .article-title, aside.right .recent-notify.sbox .sbox-content .article-list li:hover a { color:#337def; } aside.right .recent-notify.sbox .sbox-content .article-list li img { width:37%; height:initial; min-height:initial; float:left; margin-right:7px; max-width:200px; } .badge-new { width:30px; height:15px; background:url(/Content/images/new.gif) no-repeat top left; display:inline-block; margin-left:3px; } .desc-2lines { display: -webkit-box; /*max-width: 200px;*/ -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .desc-3lines { display: -webkit-box; /*max-width: 200px;*/ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .desc-4lines { display: -webkit-box; /*max-width: 200px;*/ -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } aside.right #ads-banner { margin-top:15px; } aside.right #ads-banner img { margin-bottom:5px; } aside.right #right-menu .sbox-content { border-radius:3px; padding-top:15px; } aside.right #right-menu .sbox-content strong { background-color:#fcc729; display:block; margin:15px; margin-bottom:5px; padding:5px 15px; border-radius:3px; text-transform:uppercase; } aside.right #right-menu ul { margin:0; padding:0; padding-left:15px; padding-right:15px; color:#fff; } aside.right #right-menu ul li { font-weight:400; border-bottom:solid 1px #1d5ab7; border-top:solid 1px #5a97f4; padding:5px 0px; font-size:13px; } aside.right #right-menu ul li:last-child { border-bottom:none; } aside.right #right-menu ul li a, aside.right #right-menu ul li a:link, aside.right #right-menu ul li a:visited { color:#fff; } aside.right #right-menu ul li a:hover, aside.right #right-menu ul li a:active { text-decoration:underline; } .page #course-intro { background:#a6c5f1; color:#fff; padding-top:1em; height:150px; background-repeat:no-repeat; background-position:top center; /*background-size:cover;*/ /*background-image:none !important;*/ } .page #course-intro .container .title { font-weight:600; font-size:3em; text-shadow:1px 1px 3px rgba(0,0,0,0.375); } .page #course-intro .container .list-inline.tabs { background-color:#eeb919; display:inline-block; margin-bottom:0; } .page #course-intro .container .list-inline.tabs li { padding:0; margin:0; } .page #course-intro .container .list-inline.tabs li a, .page #course-intro .container .list-inline.tabs li a:link, .page #course-intro .container .list-inline.tabs li a:visited { padding:15px; display:block; font-weight:600; color:#fff; border-right:solid 1px #a6c5f1; } .page #course-intro .container .list-inline.tabs li:hover, .page #course-intro .container .list-inline.tabs li:focus { background-color:#ffc000; } .page #course-intro .container .list-inline.tabs li.active { background-color:#2775ee; } .page .content-box table { width:100% !important; } .page .content-box table tr td { padding:5px !important; } .course-team {} .course-team .team-item { text-align: center; display: inline-block; vertical-align: top; width: 33%; margin-bottom: 3em; } .modal-body .team-item { text-align:center; display:inline-block; vertical-align:top; width:55%; margin-bottom:3em; } .modal-body .team-item { margin-bottom:0; } .course-team .team-item .team-avatar, .modal-body .team-item .team-avatar { width:120px; height:120px; display:inline-block; position:relative; } .course-team .team-item .team-avatar .avatar-wrap, .modal-body .team-item .team-avatar .avatar-wrap { overflow:hidden; border-radius:50%; width:120px; height:120px; border:solid 10px #e6f2fc; display:inline-block; vertical-align:middle; text-align:center; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s; } .course-team .team-item .team-avatar .avatar-wrap img, .modal-body .team-item .team-avatar .avatar-wrap img { margin-top:-20px; width:100px; /*border-radius:50%;*/ } .course-team .team-item:hover .team-avatar .avatar-wrap, .course-team .team-item .team-avatar .avatar-wrap:hover { border-color:#b0dbff; } .course-team .team-item .team-avatar::after { background:url(/Content/images/team_arrow.png) no-repeat top left; height:24px; width:24px; position:absolute; right:10px; bottom:10px; z-index:1; content:"";} .course-team .team-item h4, .modal-body .team-item h4 { font-weight:600; color:#007bd1; } .course-team .team-item p { margin: 0 25px; } .modal-body .team-item .team-info strong::before, .modal-body .team-item .team-info strong:before { background-color:#eeb919; height:5px; width:5px; content:""; display:inline-block; } body.modal-open { overflow: hidden; } /*.modal-dialog{ overflow-y: initial !important }*/ .modal-content .modal-body { background:url(/Content/images/why_us_bg.jpg) no-repeat bottom right; } .modal.fade { opacity:1 !important; } .modal.fade .modal-dialog { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); } .modal-dialog { display:inline-block; text-align:left; vertical-align:middle; } .modal-dialog.modal-md { width:50%; max-width:600px; min-width:560px; margin-bottom:0; } .modal{ overflow-y:auto; } .modal-open { overflow:auto; overflow-x:hidden; } .modal-backdrop { background-color:#001527; } .modal-backdrop.in { height:100%; opacity:.275; } .modal .modal-content { border-radius:4px; } .modal-header > .close { padding-left:7px; padding-right:7px; margin-top:1px; } .modal { border-radius:0; } .modal .modal-header { border-radius:0px; border-top:solid 0px #0483e9; border-bottom:0px solid #ddd; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s; } .modal .modal-header .close { border:0; text-shadow:none; border-radius:0px 4px 0px 0px; margin-right:0px; opacity:1; font-weight:normal; outline:none; width:35px !important; height:35px !important; position:absolute; top:-1px; right:0px; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; padding:0; margin:0; } .modal .modal-header .close:hover, .modal .modal-header .close:focus { opacity:1; outline:none; background-color:#ed5949; color:#fff; text-shadow:none; } .modal .modal-header .close .sr-only2 { font-size:12px; margin-left:5px; float:right; padding-top:5px; display:inline-block; } .modal .modal-content { border:0; -webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,0.24), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.07); box-shadow:0 24px 38px 3px rgba(0,0,0,0.24), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.07); } .modal .modal-body { -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s; padding-bottom:5px; } .modal .modal-footer { border-radius:0 0 4px 4px; background-color:#eef0f3; /*margin-top:-5px;*/ border:0; border-top:solid 1px #dee2e8; padding-top:10px; font-size:13px; color:#999; } .modal { text-align:center; padding:0!important; } .modal:before { content:''; display:inline-block; height:90%; vertical-align:middle; margin-right:-4px; } .modal-confirm.modal-dialog .model-header .modal-title { line-height:1.4 !important; } /*---------------------------------------------------------------------------------*/ /* Subpage - Product List */ .product-list { text-align:left; } .product-list .product-item { padding:0; width:31%; display:inline-block; float:left; margin:0 1em; margin-bottom:2em; border:solid 1px #d9eff8; } .product-list .product-item .photo-box {} .product-list .product-item .content-box {} .product-list .product-item .product-name { font-weight:bold; font-size:1em;} .product-list .product-item .product-name a { color:#222; } .product-list .product-item .product-name a:hover { color:#268ed1; } .product-list .product-item .product-desc {} .product-list .product-item .btn-default {} .product-list .product-item .btn-default .glyphicon { margin-left:1.5em; } .product-list .product-item:hover {} .product-list .product-item:hover .btn-default { background-color:#268ed1;} .subpage-content .product-list .product-item { width:25%; padding-right:2%; } /*---------------------------------------------------------------------------------*/ /* Subpage - Product Detail */ .page .product-detail { padding-left:60px; padding-right:60px; padding-top:3em; } .product-detail .title { padding-bottom:1em; margin-bottom:0em; text-transform:uppercase; font-size:2em; font-weight:600; } .product-detail .title h4 { margin:0; padding:0; font-weight:bold; font-size:1.5em; color:#222; } .product-detail img { max-width:1024px; } #product-detail .short-description { padding:1em; } #product-detail hr { margin:0.5em 0px; } #product-detail .product-photo { /*min-height:270px;*/ } #product-detail .product-photo .img-thumbnail { padding:2em; border-radius:0; } /*---------------------------------------------------------------------------------*/ /* Subpage - Article List */ .article-list { } .article-list .article-item { /*float:left; display:inline-block;*/ /*width:50%; padding-right:3%; min-height:220px; overflow:hidden;*/ } /* Pager */ .pagination { border-radius:0; } .pagination>li>a, .pagination>li>span { color:#666; } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span, .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-radius:0; } /*---------------------------------------------------------------------------------*/ /* Subpage - Article Detail */ .page #article-detail { padding-top:3em; } #article-detail .article-title { font-weight:bold; font-size:1.5em; color:#007bd1; } #article-detail .primary-color {} #article-detail .article-datetime { font-size:13px; } #article-detail .article-full-desc { font-size:0.97em; } #article-detail .article-full-desc .fancybox { display:inline-block; } #article-detail .article-full-desc .img-thumbnail { border-radius:0; margin:0.5em auto; } #other-articles { margin-top:1em; } #other-articles .title h4 { font-size:1.2em; } #other-articles li { font-size:0.97em; } #faq-accordion { } #faq-accordion .panel { margin-bottom: 5px; box-shadow: none; border:0; } #faq-accordion .panel .panel-title { font-size:18px; font-weight: bold; } #faq-accordion .panel .panel-title a { display:block; width:100%; padding:1em; padding-bottom:0; } #faq-accordion .panel-heading { background-color: #e6f2fc; border-bottom: solid 3px #276bcf !important; border-top: solid 1px #fff !important; } #faq-accordion .panel-body { padding:2em; } #faq-accordion .panel-body .faq-question { color:#004ec5; } .photos img.thumbnail.img-responsive { padding: 0; margin: 0; opacity: 1 !important; } .photos ul.list-inline { margin: 0; padding: 0; } .photos ul.list-inline li { background: #fff !important; border: 0; height:267px; overflow: hidden; } ul#list-photo.list-inline {} ul#list-photo.list-inline li { width:33%; padding:1em 1%; text-align:center; margin-bottom:20px; vertical-align:top; } ul#list-photo.list-inline li a { display:block; width:100%; background-color:#e6f1fc; text-align:center; padding:10px 1em; } ul#list-photo.list-inline li a img { width:100%; height:350px !important; border:0; } ul#list-photo.list-inline li a p { font-size:1em; line-height:1.2; padding:0em 2em; padding-top:0;} #latest-photos .photos-caption .article-datetime { font-size: 0.8em; opacity: 0.95; margin-bottom: 0; padding-bottom: 0; margin-top: 1.5em; } #latest-photos .photos-caption .article-title a, #latest-photos .photos-caption .article-title a:link, #latest-photos .photos-caption .article-title a:visited { color: #fff; font-size: 1.2em; } #latest-photos .photos-caption { margin-top: 1em; width: 100%; } #latest-photos { } #latest-photos .list-inline li { margin: 0; padding: 0; width:49.7%; padding-right:2%; margin-bottom:15px; border: solid 1px transparent; } #latest-photos .list-inline li img { width: 100%; min-height: 270px; opacity:1; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; } #latest-photos .list-inline li:hover { border-color: #fff; } #latest-photos .list-inline li:hover img { opacity: 1; } #latest-photos .carousel-inner>.item>a>img, .carousel-inner>.item>img { min-height:370px; } .ask-more { padding: 15px; background-color: #f6f7fa; margin-bottom: 20px; } .ask-more .input-group .input-group-addon { width: 100px; }