/* 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)' (215,69): run-time error CSS1046: Expect comma, found '0' (215,73): 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: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:#3d586a; font-family:Roboto,sans-serif; -ms-overflow-style: scrollbar; } a, a:link { color:#3d586a; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } /*a:visited { color:#c4161c; }*/ a:hover { color:#009fe1; text-decoration:none; } select, select option { font-size:1em !important; height:30px !important; padding:3px 10px; } .glyphicon-home:before { content: "\e021"; 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"; } .hidden-xs {} body { padding-top:0px; font-size:13px; background:#f0f5f8 url(/Content/images/bg.jpg) no-repeat top center; background-attachment:fixed; } /* 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 { /*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:#206e61; } .highlight-color { color:#4ee19e;} .gray-color { color:#827d90; } .primary-bg { background-color:#c4161c; } .highlight-bg { background-color:#ffd400;} .dark-bg { background-color:#064581; color:#fff; } .white-bg { background-color:#fff; } .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; } .font-bigger { font-size:1.2em; } .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:#4ee19e; 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:rgba(255,255,255,1); margin-bottom:1em; box-shadow:0px 0px 7px 1px rgba(0,0,0,0.3325); } header .top-nav { padding:0.8em 0px; padding-top:17px; } header .top-nav ul { margin-bottom:0; padding-bottom:0; } header .top-nav ul li, header .top-nav ul li a, header .top-nav ul li a:link, header .top-nav ul li a:visited, header .top-nav ul li a:hover, header .top-nav ul li a:active { color:#c6d6e7; } header #logo { width:120px; height:60px; margin:5px auto; display:inline-block; background:url(/Content/images/logo_en.png) no-repeat top left; background-size:120px 60px; float:left; /*margin-top:15px;*/ margin-right:10px; } header .site-name { margin-bottom:0; font-size:2em; font-weight:700; /*letter-spacing:-1px;*/ margin-bottom:12px; margin-top:14px; color:#222; text-decoration:none; padding-left:15px; float:left; width:65%; } header .site-name span { font-weight:400; } 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; } header .pull-left.response-text { position:relative; } header .pull-left.response-text { padding-left:65px; } header #tlogo-img { background:url(/Content/images/tlogo_img.png) no-repeat top left; background-size:55px 20px; width:55px; height:20px; display:block; position:absolute; top:-6px; left:0; z-index:10; } /*---------------------------------------------------------------------------------*/ /* Menuzord - Responsive Megamenu */ header nav.primary-grdbg { border-top:solid 1px #8abe7c; background:-moz-linear-gradient(top, #4ee19e 0, #20b9e3 100%) no-repeat; background:linear-gradient(top, #4ee19e 0, #20b9e3 100%) no-repeat; background:-webkit-linear-gradient(top, #4ee19e 0, #20b9e3 100%) no-repeat; background:-o-linear-gradient(top, #4ee19e 0, #20b9e3 100%) no-repeat; background:-ms-linear-gradient(top, #4ee19e 0, #20b9e3 100%) no-repeat; -svg-background:linear-gradient(top, #4ee19e 0, #20b9e3 100%) no-repeat; } /* Menu Fixed */ .fixed { position:fixed; width:90%; margin:20px 0 0 -45%; left:50%; } #main-menu { border-top:solid 1px #ddd; } .menuzord { margin:0px auto; float:none; padding:0 0px; } .menuzord-menu { margin-top:-1px; margin-bottom:-1px; } /* 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; padding:12px 12px 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-color:#4ee19e; background:-moz-linear-gradient(top left, #4ee19e 0, #20b9e3 100%) no-repeat; background:linear-gradient(top left, #4ee19e 0, #20b9e3 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #20b9e3 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #20b9e3 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #20b9e3 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #20b9e3 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.175); 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;} /*---------------------------------------------------------------------------------*/ #lang-search { float:right; margin-top:1.5em; } #lang-search .lang-en { float:left; margin-right:1em; display:inline-block; margin-top:10px; } #searchbox { width:280px; float:right; /*padding-top:1.5em;*/ } /* 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:#3d586a !important; } .cse .gsc-control-cse, .gsc-control-cse { 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:#3d586a !important; } .gsc-input-box { height:auto !important; border2:0 !important; /*border:0 !important; border-radius:20px !important;*/ color:#3d586a !important; } .gsc-control-cse.gsc-control-cse-vi { padding:0px !important; border:0 !important; border-radius:20px !important; color:#3d586a !important; } input.gsc-input { font-size:13px !important; border:0 !important; border-radius:20px !important; color:#3d586a !important; } /*---------------------------------------------------------------------------------*/ /* HOME */ /*---------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------*/ /* Home - Banner Carousel */ #homeCarousel { margin-bottom:1em; box-shadow:2px 2px 7px 1px rgb(0 0 0 / 13%); } /* Carousel Caption */ #homeCarousel .carousel-caption { background:rgba(0,0,0,0.475); padding:1em 2em; padding-bottom:0.8em; left:50%; right:3%; bottom:40px; text-align:left; text-shadow:none; color:#fff; background:-moz-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; opacity:0.99; /*border-right:solid 10px #4ee19e;*/ } #homeCarousel .carousel-caption:after { content:""; width:5px; height:100%; position:absolute; right:0; top:0; bottom:0; display:block; background:-moz-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; } #homeCarousel .carousel-caption.article { font-size:1.2em; } #homeCarousel .carousel-caption.article .article-title { font-size:1.7em; line-height:1em; font-weight:bold; margin-bottom:5px; margin-top:0; } #homeCarousel .carousel-caption.article .article-title a {color:#fff; } #homeCarousel .carousel-caption.article p { margin-bottom:0; } #homeCarousel .carousel-caption.article .article-datetime { font-size:0.8em; opacity:0.85; margin-bottom:3px; } #homeCarousel .carousel-caption.article .article-datetime .badge-new { float:right; } #homeCarousel .carousel-caption.article .article-desc { font-size:13px; } #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:-moz-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; } #homeCarousel.carousel .item { height:450px; } #homeCarousel .carousel-inner > .item > img { position:absolute; left:-9999px; right:-9999px; bottom:0px; 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%; background:none; background-color:transparent; opacity:0.7; } #homeCarousel.carousel .carousel-control .glyphicon { /*background-color:#4ee19e;*/ font-size:14px; width:50px; height:50px; line-height:45px; text-align:center; border:solid 2px #fff; border-radius:50%; font-weight:normal; } #homeCarousel.carousel .carousel-indicators { display:none; visibility:hidden; } #homeCarousel.carousel .carousel-indicators li { margin:1px 5px; } /*---------------------------------------------------------------------------------*/ #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 { } section.content .box { /*background-color:#fff; box-shadow:0px 1px 3px rgba(0,0,0,0.175);*/ } section.content .box aside.right { } 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;*/ 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; }*/ /*---------------------------------------------------------------------------------*/ .box-shadow { box-shadow:0px 2px 2px rgba(0,0,0,0.0575); } section.content .section-article { margin-top:1em; margin-bottom:1em; } section.content .section-article .section-title { padding:7px 2em; padding-top:1.2em; background-color:#fff; margin-bottom:2px; display:block; width:100%; text-transform:uppercase; font-weight:bold; position:relative; } section.content .section-article .section-title h4 { display:inline-block; width:initial; margin:0; padding:0; font-size:1em; font-weight:bold; /*color:#7853c5;*/ } section.content .section-article .section-title:before { content:""; border: solid 6px transparent; border-left:solid 6px #00e1ff; width:12px; height:12px; position:absolute; left:0; bottom:0; z-index:2; transform: rotate(135deg); margin-bottom:-6px; margin-left:-6px; } section.content .section-article .section-title:after { content:""; width:16px; height:16px; position:absolute; right:1.2em; top:1.2em; z-index:2; background:url(/Content/images/rss_icon.png) no-repeat top left; } section.content .section-article .section-title ul { margin-bottom:0; margin-right:2em; } section.content .section-article .section-title a, section.content .section-article .section-title a:link, section.content .section-article .section-title a:visited { color:#666; font-size:0.9em; } section.content .section-article .section-title a:hover, section.content .section-article .section-title a:active { color:#009fe1; } section.content .section-article > .box { display:block; width:100%; padding:2em; padding-bottom:1em; } section.content .section-article > .box .featured.article-item { margin-bottom:2.5em; display:block; } section.content .section-article > .box .featured.article-item:hover a { color:#009fe1; } section.content .section-article > .box .featured.article-item .photo-wrap { float:left; width:50%; margin-right:1em; margin-bottom:5px; } .is-table-row { display:table; } .is-table-row > [class*="col-"] { float:none; display:table-cell; vertical-align:top; } .section-article .article-list { list-style-type:none; color:#4c998e; padding:0; margin:0; } .section-article .article-list .article-item { width:100%; display:inline-block; margin-bottom:1em; padding-bottom:1em; border-bottom:solid 1px #eee; } .section-article .article-list .article-item:hover a { color:#009fe1 } .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:90px; float:left; margin-right:1em; } .section-article .article-list .article-item .article-datetime, .section-article article.article-item .article-datetime { font-size:0.8em; margin:0; padding:0; margin-bottom:5px; color:#ccc; } .section-article .article-list .article-item .article-title, .section-article article.article-item .article-title { margin:0; font-size:1.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.5em; margin-bottom:10px; } .section-article article.featured.article-item .article-desc { } .read-more .glyphicon, .read-more:link .glyphicon, .read-more:visited .glyphicon { font-size:0.7em; } #shortcuts { padding-top:10px; } #shortcuts .box { border:solid 1px #ccc; 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; opacity:0.8; } #shortcuts .box h2 span { font-size:0.8em; font-weight:400; display:block; padding-bottom:5px; } #shortcuts .box.box-01, #shortcuts .box.box-02, #shortcuts .box.box-03 { padding-top:15px; padding-left:30px; } #shortcuts .glyphicon { top:0.8em; left:20px; font-size:2.6em; position:absolute; z-index:1; opacity:1; } #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 { margin-top:1em; margin-bottom:1em; } aside.right .content-box .sbox:first-child { /*margin-top:0;*/ } aside.right .content-box .sbox .sbox-content { background-color:#fff; padding:15px 2em; box-shadow:0px 2px 2px rgba(0,0,0,0.0575); } aside.right .content-box .sbox .title { padding:1em 2em; padding-top:1.2em; background-color:#fff; margin-bottom:2px; margin-top:0; display:block; width:100%; text-transform:uppercase; font-weight:bold; position:relative; } aside.right .content-box .sbox .title:before { content:""; border: solid 6px transparent; border-left:solid 6px #4ee19e; width:10px; height:10px; position:absolute; left:0; bottom:0; z-index:2; transform: rotate(135deg); margin-bottom:-6px; margin-left:-6px; } aside.right #online-register { display:none; visibility:hidden; } aside.right #online-register .title.dark-bg, aside.right #online-register .sbox-content.dark-bg { background-color:#1a3956; color:#eee; } aside.right #online-register .title.dark-bg:before { border-left:solid 6px #669c51; } 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 15px; line-height:25px; height:27px; font-size:1em; border:0; margin-bottom:10px; } aside.right #online-register .btn-block { padding:1em; border-radius:1px; background-color:#4ee19e; border:none; outline:none; font-weight:bold; } aside.right #online-register .input-group .input-group-addon { color:#eee; } 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; text-decoration:none; } aside.right #right-faq.sbox { background:-moz-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; color:#fff; padding-bottom:1em; } aside.right #recent-notify { } aside.right #recent-notify.sbox {} aside.right #recent-notify.sbox .sbox-content .article-title { font-size:1.5em; font-weight:bold; } aside.right #recent-notify.sbox .sbox-content .article-desc { } aside.right #recent-notify.sbox .sbox-content { } aside.right #online-register.sbox .sbox-content .article-list, aside.right #recent-notify.sbox .sbox-content .article-list { list-style-type:disc; color:#4c998e; padding-left:15px; margin-left:0px; } aside.right #online-register.sbox .sbox-content .article-list li, 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; } #featured-videos { padding-bottom:60px; margin-bottom:2em; margin-top:1em; padding-top:4em; background:-moz-linear-gradient(top left, #4ee19e 0, #b18cff 100%) no-repeat; background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; } #featured-videos .section-title { padding-bottom:1em; } #featured-videos .section-title a, #featured-videos .section-title a:link, #featured-videos .section-title a:visited { color:#fff; text-transform:uppercase; font-size:13px; color:#fff; font-weight:bold; } #featured-videos .section-title a.btn.pull-right { font-weight:normal; text-transform:initial; font-size:13px; } #featured-videos .section-title:after { content:""; width:100%; height:2px; background-color:#4ee19e; } #featured-videos .article-item .article-title { font-size:1em; margin-top:5px; } #featured-videos .article-item .article-datetime, #latest-photos .photos-caption .article-datetime { font-size:0.8em; opacity:0.95; margin-bottom:0; padding-bottom:0; margin-top:1.5em; } #featured-videos .article-item .article-title a, #featured-videos .article-item .article-title a:link, #featured-videos .article-item .article-title a:visited, #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; } #featured-videos .article-item .article-title a:hover, #featured-videos .article-item .article-title a:active { /*color:#4ee19e;*/ } #featured-videos .featured { margin-bottom:2em; margin-top:1em; } #featured-videos .featured .video-wrap { width:100%; } #featured-videos .featured .video-caption, #latest-photos .photos-caption { margin-top:1em; width:100%; } #featured-videos .featured .article-title { font-size:2.5em; font-weight:bold; } #featured-videos .featured:hover a, #featured-videos .featured:hover a:link, #featured-videos .featured:hover a:visited, #featured-videos .featured .article-title a:hover, #featured-videos .featured .article-title a:active { /*color:#4ee19e;*/ } #lastest-news { margin-bottom:0em; margin-top:1em; } #lastest-news .featured.article-item:hover a { color:#009fe1; } #lastest-news .featured.article-item .photo-wrap, #lastest-news .featured.article-item .photo-wrap img { width:100%; min-height:177px; } #lastest-news .featured.article-item .article-title { font-size:1.3em; } #lastest-news .featured.article-item .article-desc { /*display:none; visibility:hidden;*/ } #latest-photos {} #latest-photos .list-inline li { width:33%; margin:0; padding:0; margin-bottom:3px; border:solid 1px transparent; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; transition:all ease 0.5s; background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; } #latest-photos .list-inline li img { width:100%; opacity:0.9;-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; } /*---------------------------------------------------------------------------------*/ /* 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-group .panel+.panel { margin-top:1px; } #movie-trailer .panel-default>.panel-heading { color:#3d586a; background-color:#f6f7fa; border:0; border-radius:0px; position:relative; padding:1em; padding-left:2em; padding-right:2em; -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:#4ee19e; } #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:14px; font-weight:bold; } #movie-trailer .panel-default>.panel-heading.active { background-color:#26a8de; border-radius:0px 0px 0px 0px; background:-moz-linear-gradient(top left, #4ee19e 0, #b18cff 100%) no-repeat; background:linear-gradient(top left, #4ee19e 0, #b18cff 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #b18cff 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #b18cff 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #b18cff 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #b18cff 100%) no-repeat; } #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:5px; 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 { padding:2em; 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 0px #e3e4e6; position:relative; } footer:before { content:""; width:100%; height:0px; position:absolute; right:0; top:0; left:0; display:block; background:-moz-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; } /* Footer Nav Module */ /* Footer Logo */ /* Newsletter Block */ /* Social Block */ /* Categories Module */ #footer-nav { padding-top:4em; padding-bottom:4em; color:#9ec1e2; } #footer-nav .column { float:left; display:inline-block; width:49%; padding-right:1.333%;} #footer-nav .title, #footer-nav .short-intro .title { font-size:1em; font-weight:bold; text-transform:uppercase; color:#fff; margin-bottom:2em; position:relative; } #footer-nav .short-intro .title { font-size:1.2em; } #footer-nav .title:after { content:""; width:70px; height:1px; background-color:#26a8de; display:block; position:absolute; top:2em; } #footer-nav .list-unstyled { } #footer-nav .list-unstyled li { padding-bottom:0.5em; } #footer-nav .list-unstyled li:before { position:relative; top:-3px; display:inline-block; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; content:"\e131"; font-size:0.3em; margin-right:1.5em; color:#4ee19e; } #footer-nav a, #footer-nav .column .list-unstyled a { } #footer-nav .column .list-unstyled a:hover { } #footer-nav .glyphicon { margin-right:0.3em; } #footer-nav .btn.btn-default { background-color:transparent; font-size:13px; text-transform:uppercase; font-weight:bold; height:28px; padding:5px 2em; border-color:#26a8de; color:#26a8de; margin-bottom:2em; } #footer-nav hr { border:solid 1px #1e2d79; border-bottom-color:#1e7d9e; } /* Contact Info Module */ footer a, footer a:link, footer a:visited { color:#9ec1e2; } /* Footer Copyright */ #footer-copyright { padding-top:1em; padding-bottom:3em; color:#999; /*background:#2f98ad; color:#fff; background:-moz-linear-gradient(left, #1965bd 0, #44c19f 100%) no-repeat; background:linear-gradient(left, #1965bd 0, #44c19f 100%) no-repeat; background:-webkit-linear-gradient(left, #1965bd 0, #44c19f 100%) no-repeat; background:-o-linear-gradient(left, #1965bd 0, #44c19f 100%) no-repeat; background:-ms-linear-gradient(left, #1965bd 0, #44c19f 100%) no-repeat; -svg-background:linear-gradient(left, #1965bd 0, #44c19f 100%) no-repeat;*/ } #footer-copyright a, #footer-copyright a:link, #footer-copyright a:visited { color:#999; } footer #flogo { margin-bottom:0; margin-top:-5px; } footer #flogo-acct { background:url(/Content/images/flogo_acct.png) no-repeat top left; width:172px; height:54px; display:block; } footer #flogo-img { background:url(/Content/images/flogo_img.png) no-repeat top left; width:132px; height:54px; display:block; } /*---------------------------------------------------------------------------------*/ /* SUBPAGES */ /*---------------------------------------------------------------------------------*/ .page {} .page .sbox-content.box-shadow { padding:2em; } .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:1.3em; margin-bottom:1.3em; border-bottom:solid 1px #eee; } .page .article-list .article-item:last-child { border-bottom:none; } .page .article-list .article-item { margin-right:-15px; } .page .article-list .article-item img { display:block; max-width:240px; 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.7em; margin:0px; margin-bottom:5px; font-weight:bold; } .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:800px; height:auto !important; padding:7px; border:solid 1px #fff; border-radius:2px; } .page .article-detail p { font-size:1.135em; line-height:1.56em; /*text-align:justify;*/ margin-bottom:1.5em; } .page > .section-article { width:100% !important; } .page > .section-article .article-list { list-style-type:disc; color:#4c998e; padding-left:1.2em; } .page > .section-article .article-list li { border:none; } .page > .section-article .article-list .article-item { padding:0px; } .page > .section-article.recent .article-list li { display:list-item; margin-bottom:7px; } .page.gallery .article-detail img { max-width:initial !important; } .container-img .thumbnail.img-responsive { padding:0; } .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:167px; overflow:hidden; } .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:#fff; border-right-color:#fff; border-left-color:#fff; background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover, .pagination>li>a, .pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span { border-color:transparent; } /*---------------------------------------------------------------------------------*/ /* Breadcrumbs */ .breadcrumb-subpage { } .breadcrumb { margin-bottom:1em; background-color:#fff; /*margin-left:-15px;*/ font-weight:bold; position:relative; } .breadcrumb:after { content:""; width:100%; height:2px; position:absolute; right:0; bottom:0; left:0; display:block; background:-moz-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-webkit-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-o-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; background:-ms-linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; -svg-background:linear-gradient(top left, #4ee19e 0, #009ed6 100%) no-repeat; } .breadcrumb>li+li:before { content:"/\00a0"; padding:0 5px; color:#ccc; } .breadcrumb li:first-child { margin-left:-15px; } .breadcrumb li a { } .breadcrumb>.active { } /*---------------------------------------------------------------------------------*/ /* 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:#3d586a; } .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:#3d586a; 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; } @media (max-width: 480px) { section.content { margin-left:-15px !important; margin-right:-15px !important; } }