/* 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)' */ /*------------------------------------------------------------------------------------------ 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:0px; width:100%; height:100%; z-index:9999; background:url(/Content/images/preloader.gif) 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:#333; font-family:Roboto,sans-serif; -ms-overflow-style: scrollbar; } a, a:link { color:#596178; -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:visited { color:#c4161c; }*/ a:hover { color:#235fbd; text-decoration:none; } p { } select, select option { font-size:1em !important; height:30px !important; padding:3px 10px; } .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"; } .hidden-xs {} /* Color highlight when the selected text */ ::-moz-selection { /*background:#67ae41; color:#fff;*/ } ::selection { /*background:#67ae41; color:#fff;*/ } body { padding-top:0px; background:#eef5fa; font-size:13px; min-height:700px; } body > .container { box-shadow:0px 0px 1px 3px rgba(0,0,0,0.075); padding:0; background-color:#fff; width:1200px; } /* 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;} /* when form-control has forus */ .form-control:focus { /*border-color:#ff5916; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,89,22, .6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,89,22, .6);*/ } /* Reset button styles */ .btn { /*border-radius:3px; padding:6px 20px; font-size:13px;*/ } .btn-default { /*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; } .btn-default:hover, .btn-default:active { /*background-color:#555; border-bottom:solid 3px #474747;*/} .btn-primary, .btn-primary:link, .btn-primary:visited { color:#fff !important; background-color:#26a8de; border:0px; font-weight:bold; text-transform:uppercase; } .btn-primary:hover, .btn-primary:active, .btn-primary.active { /*background-color:#60a23d; border-bottom:solid 3px #518733;*/ } .btn-primary .glyphicon { font-size:0.8em; margin-top:0px; } /* Shared Components */ .primary-color { color:#2769c0; } .highlight-color { color:#ffd400;} .primary-bg { background-color:#c4161c; } .highlight-bg { background-color:#ffd400;} .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, #26a8de 0, #283990 100%) no-repeat; background:linear-gradient(top, #26a8de 0, #283990 100%) no-repeat; background:-webkit-linear-gradient(top, #26a8de 0, #283990 100%) no-repeat; background:-o-linear-gradient(top, #26a8de 0, #283990 100%) no-repeat; background:-ms-linear-gradient(top, #26a8de 0, #283990 100%) no-repeat; -svg-background:linear-gradient(top, #26a8de 0, #283990 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 { 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; } .page_scrollup:hover { opacity:1; } /*------------------------------------------------------------------------------------------ 1. HOMEPAGE ------------------------------------------------------------------------------------------*/ /*---------------------------------------- HEADER -----------------------------------------*/ .bold { font-weight:bold; } header { background:#235fbd url(/Content/images/banner.jpg) no-repeat top right; color:#fff; } header #logo { width:118px; height:97px; margin:7px auto; display:inline-block; background:url(/Content/images/logo.png) no-repeat top left; float:left; margin-top:15px; margin-right:15px; } header .site-name { margin-bottom:0; font-size:2.5em; font-weight:700; /*letter-spacing:-1px;*/ margin-bottom:21px; margin-top:21px; text-shadow:2px 2px 4px rgba(0,0,0,0.175); color:#fff; } header .site-name span { font-size:0.5em; font-weight:400; display:block; letter-spacing:0px; margin-bottom:3px; } header .hotline { font-size:1.2em; margin-top:30px; position:relative; margin-right:40px; } header .hotline span { display:block; } header .hotline:after { content:""; width:33px; height:33px; display:block; float:right; position:absolute; right:-40px; top:0; background:url(/Content/images/phone_icon.png) no-repeat top left; } /*---------------------------------------------------------------------------------*/ /* Menuzord - Responsive Megamenu */ header nav.primary-grdbg { border-top:solid 1px #50c4ea; } /* 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:1.1em; text-transform:uppercase; color:#fff; padding:12px 16px 10px; 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, #1383cc 0, #24a2d9 100%) no-repeat; background:linear-gradient(top, #1383cc 0, #24a2d9 100%) no-repeat; background:-webkit-linear-gradient(top, #1383cc 0, #24a2d9 100%) no-repeat; background:-o-linear-gradient(top, #1383cc 0, #24a2d9 100%) no-repeat; background:-ms-linear-gradient(top, #1383cc 0, #24a2d9 100%) no-repeat; -svg-background:linear-gradient(top, #1383cc 0, #24a2d9 100%) no-repeat; } /* 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:200px; } .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 { /*border-bottom:solid 1px #fff; border-top:solid 1px #dadada;*/ 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 { padding:7px 0px; color:#666 !important; } .menuzord-menu ul.dropdown li a:hover { background-color:#0092ca; color:#fff !important; padding-left:10px !important; padding-right:10px !important; } /* Dropdown items selected */ .menuzord.red .menuzord-menu ul.dropdown li:hover>a { background-color:#a1a7af; color:#fff !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:280px; float:right; padding-top:0.7em; margin-top:40px; } /* Module Search Top Block */ #searchbox { /*padding-top:1em; width:250px;*/ } /* Header - Search */ .gsib_a, .gsc-input { padding:3px 15px !important; padding-right:0 !important; border:0 !important; color:#333 !important; opacity:0.95 !important; } .cse .gsc-control-cse, .gsc-control-cse { border:0 !important; background-color:transparent !important; border:0 !important; border-radius:20px !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:20px !important; color:#333 !important; } .gsc-control-cse.gsc-control-cse-vi { /*padding:0px !important;*/ border:0 !important; border-radius:20px !important; color:#333 !important; } input.gsc-input { font-size:13px !important; border:0 !important; border-radius:20px !important; color:#333 !important; } /*---------------------------------------------------------------------------------*/ /* HOME */ /*---------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------*/ /* Home - Banner Carousel */ /* Carousel Caption */ #homeCarousel .carousel-caption { background:rgba(0,0,0,0.75); padding:1.5em; padding-bottom:1em; left:0%; right:0%; bottom:0px; text-align:left; text-shadow:none; color:#fff; box-shadow:1px 3px 5px rgba(0,0,0,0.275); } #homeCarousel .carousel-caption.article { font-size:1.2em; } #homeCarousel .carousel-caption.article .article-title { font-size:1.3em; font-weight:bold; margin-bottom:0; } #homeCarousel .carousel-caption.article .article-title a {color:#fff; } #homeCarousel .carousel-caption.article .article-datetime { font-size:0.8em; opacity:0.85; } #homeCarousel .carousel-caption.article .article-desc {} #homeCarousel .carousel-caption.article .article-more { font-size:0.8em; display:none; } #homeCarousel .carousel-caption.article .article-more .glyphicon { font-size:0.8em; } #homeCarousel.carousel { /*background-color:#c4161c;*/ } #homeCarousel.carousel .item { height:450px; } #homeCarousel .carousel-inner > .item > img { position:absolute; left:-9999px; right:-9999px; margin:0 auto; max-width:none; min-width:100%; } .carousel-indicators { bottom:0; display:none; } #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; } /*---------------------------------------------------------------------------------*/ #home-headline { margin-bottom:5px; margin-top:5px; } #headline { margin-left:-15px; margin-bottom:3px; } #headline #headline-pre { background:url(/Content/images/headline_bg.png) no-repeat top left; float:left; width:105px; height:30px; color:#fff; font-weight:bold; padding:6px 5px; padding-left:15px; margin-top:3px; } #headline #scrollup { position:relative; overflow:hidden; height:30px; width:83%; padding-top:7px; } #headline ul.marquee { display:block; padding:0; margin:0; list-style:none; line-height:1; position:relative; overflow:hidden; height:27px; } #headline ul.marquee li { position:absolute; top:-999em; left:0; display:block; white-space:nowrap; padding:2px 5px; 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; /*color:#fff;*/ } #headline ul.marquee li .article-datetime { font-size:0.8em; margin-left:0.5em; /*color:#fff;*/ opacity:0.7; } /*---------------------------------------------------------------------------------*/ section.content { padding:0px 15px; } section.content .box { /*background-color:#fff; box-shadow:0px 1px 3px rgba(0,0,0,0.175);*/ } section.content .box aside.right { background-color:#f6f7fa; box-shadow:1px 0px 0px rgba(0,0,0,0.025) inset; } section.content .box .content-box { padding:15px 0px; } section.content .box .sbox { /*margin-bottom:15px;*/ } section.content .box .sbox > .title { /*background-color:#fff; border:solid 1px #dcdcdc;*/ border-left:solid 2px #2f3744; padding:10px; margin-bottom:0; font-size:0.9em; font-weight:bold; position:relative; /*text-transform:uppercase;*/ } section.content .box .sbox .title:after { /*background-color:#ffd400; 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:#fff; } /*---------------------------------------------------------------------------------*/ section.content .box .section-article { } section.content .box .section-article .section-title, #home-product .section-title { margin-bottom:1em; text-transform:uppercase; background-color:#ebf3fb; /*border:solid 1px #fff;*/ border-bottom:solid 2px #509ae4; padding:10px; font-size:0.9em; font-weight:bold; position:relative; background:#ebf3fb url(/Content/images/rss_icon.png) no-repeat 97% 10px; } section.content .box .section-article .section-title:after, #home-product .section-title:after { background-color:#2f3744; 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:#4a5e93; } .is-table-row { display:table; } .is-table-row > [class*="col-"] { float:none; display:table-cell; vertical-align:top; } .section-article .article-list { border-top:dotted 1px #ccc; padding-top:1em; list-style-type:disc; color:#c4161c; padding-left:15px; margin-left:0px; } .section-article .article-list .article-item { width:100%; /*display:inline-block;*/ margin-bottom:0.7em; margin-left:0px; } .section-article .article-list .article-item:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; } .section-article .article-list .article-item img { max-width:110px; float:left; margin-right:1em; } .section-article .article-list .article-item .article-datetime, .section-article article.article-item .article-datetime { font-size:0.8em; opacity:0.5; margin:0; padding:0; margin-bottom:5px; } .section-article .article-list .article-item .article-title, .section-article article.article-item .article-title { margin:0; font-size:1em; font-weight:bold; } .section-article article.article-item { } .section-article article.article-item:first-child { /*padding-bottom:0.5em; margin-bottom:1.5em;*/ } .section-article article.article-item img { width:100%; float:none; margin-bottom:1em; } .section-article article.article-item img.badge-new { float:none; margin-left:5px; margin-right:initial; width:auto !important; } .section-article article.article-item .article-title { font-size:1.3em; margin-bottom:10px; } .section-article .section-title { margin-bottom:0 !important; } .section-article .box { display:block; padding:15px; background:-moz-linear-gradient(top, #f6f7fb 0, #ffffff 100%) no-repeat; background:linear-gradient(top, #f6f7fb 0, #ffffff 100%) no-repeat; background:-webkit-linear-gradient(top, #f6f7fb 0, #ffffff 100%) no-repeat; background:-o-linear-gradient(top, #f6f7fb 0, #ffffff 100%) no-repeat; background:-ms-linear-gradient(top, #f6f7fb 0, #ffffff 100%) no-repeat; -svg-background:linear-gradient(top, #f6f7fb 0, #ffffff 100%) no-repeat; } #home-article .section-article { display:inline-block; float:left; width:49%; margin-right:15px; } #home-article .section-article:nth-child(2n) { margin-right:0; } #shortcuts { padding-top:10px; } #shortcuts .box { border:solid 1px #b4c9de; background-color:#f3f5f8; width:100%; float:left; display:inline-block; padding:15px 5px; width:32.66%; margin-right:1%; min-height:85px; position:relative; -moz-transition:border .3s linear; -webkit-transition:border .3s linear; transition:border .3s linear; } #shortcuts .box:hover { border-color:#1172bf; } #shortcuts .box:last-child { margin-right:0; } #shortcuts .box h2 { font-size:1.6em; font-weight:700; margin:0; padding:0; } #shortcuts .box h2 span { font-size:0.8em; font-weight:400; display:block; } #shortcuts .box.box-01, #shortcuts .box.box-02 { padding-top:20px; padding-left:30px; } #shortcuts .box .tracuuvipham span { font-size:0.5em; font-weight:600; padding:2px 0px; } #shortcuts .glyphicon { top:0.8em; left:20px; font-size:2.3em; position:absolute; z-index:1; opacity:0.5; } #ext-links {} #ext-links .list-inline { border-top:solid 1px #eee; padding-top:20px; padding-bottom:20px; } #ext-links .list-inline li { width:33%; height:2em; font-weight:bold; } #ext-links .list-inline li img { margin-right:10px; } .required { color:red; } aside.right { } aside.right .content-box { padding-top:0 !important; } aside.right .content-box .sbox { } aside.right .content-box .sbox .sbox-content { background-color:#fff; padding:15px; } aside.right .content-box .sbox .title { background:-moz-linear-gradient(top, #52b8e8 0, #1172bf 100%) no-repeat; background:linear-gradient(top, #52b8e8 0, #1172bf 100%) no-repeat; background:-webkit-linear-gradient(top, #52b8e8 0, #1172bf 100%) no-repeat; background:-o-linear-gradient(top, #52b8e8 0, #1172bf 100%) no-repeat; background:-ms-linear-gradient(top, #52b8e8 0, #1172bf 100%) no-repeat; -svg-background:linear-gradient(top, #52b8e8 0, #1172bf 100%) no-repeat; } .form-control { padding-left:7px; font-size:13px; } .input-group-addon { font-size:13px; } aside.right #online-register {} aside.right #online-register .sbox-content { padding-bottom:5px; } aside.right #online-register .input-group, .ask-more .input-group { width:100%; margin-bottom:5px; } aside.right #online-register .input-group .input-group-addon, .ask-more .input-group .input-group-addon { background-color:transparent; border:none; font-size:1em; width:35%; text-align:left; padding-left:0; padding-right:0; } aside.right #online-register .input-group .form-control, .ask-more .input-group .form-control { border-radius:1px; padding:3px 7px; line-height:25px; height:27px; font-size:1em; } aside.right #center-location { } aside.right #center-location img { margin-bottom:10px; } aside.right #right-faq { margin-top:10px; } aside.right #right-faq a, aside.right #right-faq a:link, aside.right #right-faq a:visited { color:#fff; margin:0 !important; padding:0 !important; } aside.right #recent-notify { } aside.right #recent-notify.sbox {} aside.right #recent-notify.sbox .title { background:-moz-linear-gradient(top, #de0323 0, #be0e22 100%) no-repeat; background:linear-gradient(top, #de0323 0, #be0e22 100%) no-repeat; background:-webkit-linear-gradient(top, #de0323 0, #be0e22 100%) no-repeat; background:-o-linear-gradient(top, #de0323 0, #be0e22 100%) no-repeat; background:-ms-linear-gradient(top, #de0323 0, #be0e22 100%) no-repeat; -svg-background:linear-gradient(top, #de0323 0, #be0e22 100%) no-repeat; } aside.right #recent-notify.sbox .sbox-content { } aside.right #recent-notify.sbox .sbox-content .article-list { list-style-type:disc; color:#c4161c; padding-left:15px; margin-left:0px; } aside.right #recent-notify.sbox .sbox-content .article-list li { padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:dotted 1px #ddd; } aside.right #ads-banner { margin-top:15px; } aside.right #ads-banner img { margin-bottom:5px; } .hr-grid .pagination { margin:0; margin-top:5px; } aside.right .nav.nav-tabs a { padding:0; border:0; padding:1px 10px; } aside.right .nav-tabs>li>a, aside.right .nav-tabs>li>a:focus, aside.right .nav-tabs>li>a:hover, aside.right .nav-tabs>li.active>a, aside.right .nav-tabs>li.active>a:focus, aside.right .nav-tabs>li.active>a:hover { background-color:transparent; } /*---------------------------------------------------------------------------------*/ /* About */ .latest-photos .carousel-inner {} .latest-photos .carousel-inner .carousel-caption { bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.7); padding:10px; font-size:1em; } .latest-photos .carousel-inner .carousel-caption h4 { font-size:1em; padding:0; margin:0; } .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%; } .no-padding { padding:0 !important; } /*---------------------------------------------------------------------------------*/ /* 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:1000px !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:160px; } #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 {} #web-links .form-control { border-radius:0; } .ask-more { padding:15px; background-color:#f6f7fa; margin-bottom:20px; } .ask-more .input-group .input-group-addon { width:100px; } /* Movie Trailers */ #movie-trailer { } #movie-trailer .panel-default { border:0; border-radius:0 !important; box-shadow:none !important; } #movie-trailer .panel-default>.panel-heading { color:#333; background-color:#e6e8ec; border:0; border-radius:0px; position:relative; -webkit-transition: background-color .1s ease-in; -moz-transition: background-color .1s ease-in; -o-transition: background-color .1s ease-in; -ms-transition: background-color .1s ease-in; } #movie-trailer .panel-default>.panel-heading:hover { background-color:#eee; } #movie-trailer .panel-default>.panel-heading a, #movie-trailer .panel-default>.panel-heading a:link, #movie-trailer .panel-default>.panel-heading a:visited { color:#596178; text-decoration:none; display:block; font-size:1em; font-weight:bold; } #movie-trailer .panel-default>.panel-heading.active { background-color:#26a8de; border-radius:0px 0px 0px 0px; } #movie-trailer .panel-default>.panel-heading.active a { color:#fff; text-shadow:none; } #movie-trailer .panel-default .panel-heading a span { display:inline-block; width:40px; height:35px; padding-left:10px; position:absolute; top:1px; right:1px; padding-top:7px; } #movie-trailer .panel-default .panel-heading a span i:after { content:url(/Content/images/collapse_arrow_down.png); width:16px; height:9px; } #movie-trailer .panel-default>.panel-heading.active span i:after { content:url(/Content/images/collapse_arrow_up.png); } #movie-trailer .panel-default>.panel-heading+.panel-collapse>.panel-body { border:0; background-color:#f6f7fa; color:#444; border-radius:0px 0px 0px 0px; } /*---------------------------------------------------------------------------------*/ /* Projects Detail */ /*---------------------------------------------------------------------------------*/ /* Projects */ #home-product { margin-bottom:20px; } #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; } /*---------------------------------------------------------------------------------*/ /* Client Logos */ #product-slider { height:1%; margin:0 auto; padding-top:1em; padding-bottom:1em; overflow:hidden; position:relative; } #product-slider .bx-wrapper { max-width:1000px !important; } #product-slider .bxslider { list-style:none; text-align:left; } #product-slider .bxslider li { margin-left:13px; } #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 { position:relative; } #product-slider .bxslider li .product-title { position:absolute; left:5px; top:140px; font-weight:bold; background-color:#ffd400; padding:4px 10px; color:#fff; } #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 { background-color:#c4161c; } #product-slider .bxslider li .product-title a, #product-slider .bxslider li .product-title a:link, #product-slider .bxslider li .product-title a:visited { color:#fff; text-shadow:1px 1px rgba(0,0,0,0.175); } #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 { padding-top:1em; } #product-slider .bxslider li .product-more .glyphicon { font-size:0.8em; } #product-slider .bxslider li img { max-width:300px; } .bx-wrapper .bx-controls-direction a { background-color:#c4161c; 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;*/ } /*---------------------------------------------------------------------------------*/ /* Article List */ /*---------------------------------------------------------------------------------*/ /* 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; background-color:#f6f7fa; color:#666; border-top:solid 1px #e3e4e6; } /* Footer Nav Module */ /* Footer Logo */ /* Newsletter Block */ /* Social Block */ /* Categories Module */ #footer-nav { padding-top:2em; padding-bottom:2em; } /*#footer-nav .column { float:left; display:inline-block; width:49%; 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:#fff; font-weight:bold; } #footer-nav .column .list-unstyled { } #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 { } #footer-nav .column .list-unstyled a:hover { } #footer-nav .glyphicon { margin-right:0.3em; }*/ /* Contact Info Module */ /* Footer Copyright */ #footer-copyright { padding-top:1em; padding-bottom:1em; color:#fff; background-color:#2769c0; } #footer-copyright a, #footer-copyright a:link, #footer-copyright a:visited { color:#fff; } /*---------------------------------------------------------------------------------*/ /* SUBPAGES */ /*---------------------------------------------------------------------------------*/ .page {} .page .product-detail {} .page .product-detail p { /*font-size:1.1em;*/ } .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; } /*---------------------------------------------------------------------------------*/ .page .article-list { padding-top:1em; } .page .article-list .article-item { display:inline-block; width:100%; padding-bottom:1em; margin-bottom:1em; border-bottom:solid 1px #eee; } .page .article-list .article-item { margin-right:-15px; } .page .article-list .article-item img { display:block; max-width:160px; float:left; margin-right: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.5em; margin:0px; margin-bottom:5px; } .page .article-detail { padding:10px 0px; } .page .article-detail .article-title { font-size:2em; } .page .article-detail img { margin:1em auto; display:block; /*width:100% !important;*/ max-width:600px; height:auto !important; /*padding:7px; border:solid 1px #eee; border-radius:2px;*/ } .page .article-detail p { font-size:1.135em; line-height:1.56em; /*text-align:justify;*/ margin-bottom:0.5em; } .page .article-detail table th, .page .article-detail table td { padding:5px; } .page > .section-article { width:100% !important; } .page > .section-article .article-list { list-style-type:disc; color:#c4161c; } .page > .section-article .article-list li { border:none; } .page > .section-article .article-list .article-item { padding:0px; } .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; } /*---------------------------------------------------------------------------------*/ /* Breadcrumbs */ .breadcrumb-subpage { } .breadcrumb { margin-bottom:0; background-color:#fff; margin-left:-15px; font-weight:bold; } .breadcrumb>li+li:before { content:"/\00a0"; padding:0 5px; color:#ccc; } .breadcrumb li a { } .breadcrumb>.active { } #faq-accordion { } #faq-accordion .panel { margin-bottom:5px; box-shadow:none; } #faq-accordion .panel .panel-title { font-size:14px; font-weight:bold; } /*---------------------------------------------------------------------------------*/ /* Left Menu - Collapsed */ /*#aside-menu { } #aside-menu .title { margin:0; padding:0px; display:block; height:40px; overflow:hidden; color:#fff; font-size:16px; font-weight:bold; line-height:40px; padding-left:20px; text-decoration:none; text-transform:uppercase; } #aside-menu .title .black-arrow { background-color:#222; color:#fff; height:40px; width:40px; margin-left:10px; border-left:solid 1px #fff; display:inline-block; float:right; font-weight:normal; font-size:14px; text-align:center; } .nav-side-menu { overflow:auto; background-color:#eee; width:100%; height:100%; color:#333; } .nav-side-menu .toggle-btn { display:none; } .nav-side-menu ul, .nav-side-menu li { list-style:none; padding:0px; margin:0px; cursor:pointer; } .nav-side-menu ul { padding-left:10px; padding-right:10px; } .nav-side-menu ul .arrow { background-color:#fff; box-shadow:0px 1px 0px rgba(0,0,0,0.2) inset; -webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.2) inset; -moz-box-shadow:0px 1px 0px rgba(0,0,0,0.2) inset; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; width:14px; height:14px; line-height:16px; display:inline-block; float:right; } .nav-side-menu ul .arrow { position:relative; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:0.5em; } .nav-side-menu ul .collapsed .arrow:before, .nav-side-menu li .collapsed .arrow:before { content:"\e259"; } .nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before { content:"\e260"; } .nav-side-menu ul .active, .nav-side-menu li .active { } .nav-side-menu li { padding-left:10px; } .nav-side-menu li:first-child { border-top:0; } .nav-side-menu li:last-child { border-bottom:0; } .nav-side-menu li a { text-decoration:none; color:#333; display:block; padding-top:7px; padding-bottom:7px; } .nav-side-menu .menu-content>li>a { font-weight:bold; } .nav-side-menu li a i { padding-left:10px; width:20px; padding-right:20px; } .nav-side-menu ul .sub-menu { padding:0; margin-left:-20px; margin-right:-10px; padding-left:20px; padding-right:20px; background-color:#ddd; font-size:0.95em; margin-bottom:1px; box-shadow:0px 0px 1px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow:0px 0px 1px rgba(0,0,0,0.1) inset; } .nav-side-menu ul .sub-menu li a { padding-top:5px; padding-bottom:5px; } .nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active { color:#0084c2; } .nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a { color:#0084c2; } .nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li { border:none; border-bottom:solid 1px #ccc; margin-left:0px; padding-left:0; } .nav-side-menu li .sub-menu li:first-child { border-top:0; } .nav-side-menu li .sub-menu li:last-child { border-bottom:0; } .nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover { text-decoration:underline; } .nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before { display:inline-block; padding-left:10px; padding-right:10px; vertical-align:middle; }*/ /*---------------------------------------------------------------------------------*/ /* Subpage - Aside Right */ /*---------------------------------------------------------------------------------*/ /* Subpage - Product List */ .product-list {} .product-list .product-item { float:left; display:inline-block; width:20%; padding-right:0.7%; min-height:350px; margin-bottom:3em; } .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 */ #product-detail { } #product-detail .title { padding-bottom:1em; margin-bottom:0em; text-transform:uppercase; } #product-detail .title h4 { margin:0; padding:0; font-weight:bold; font-size:1.5em; color:#222; } #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;*/ } /*.article-list .article-item .article-title { font-weight:bold; font-size:1.2em; } .article-list .article-item .article-title a { } .article-list .article-item .article-desc { } .article-list .article-item .article-desc img { float:left; max-width:200px; margin-right:1em; } .article-list .article-item .article-desc img.img-thumbnail { border:0; padding:0; border-radius:0; } .article-list .article-item .article-desc .btn-default .glyphicon { margin-left:1em; }*/ /* 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 */ #article-detail { } #article-detail .article-title { font-weight:bold; font-size:1.5em; } #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; } .g-recaptcha { float: right; }