/** RESET Bootstrap and Browser CSS **/ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-family: Verdana, Arial, sans-serif; word-wrap: break-word; } .page-header { border:none; margin:0; padding:0; } h1, h2, h3, h4, h5, h6 { clear:both; margin: 0; padding : 0; font-size : 100%; font-family: 'Open Sans Condensed',sans-serif; } .nav::before, .nav::after { /** reset Bootstrap code for all menu with the automatic CSS class "nav" **/ content:normal; } blockquote { font-size: 100%; } input, button, select, textarea { font-family: Arial, Helvetica, sans-serif; } .nav > li > a > img { max-width: 100%; float:left; padding-right:15px; } .nav > li > a:hover, .nav > li > a:focus { background-color: transparent ; } .nav-tabs > li > a:hover { border-color: transparent; } .well { background: #fff; background: rgba(255,255,255,0.5); } .form-horizontal .control-label { text-align:left; } td, th, label, dt { font-weight:300; } ul, ol { margin: 0 0 10px 0; padding: 0 0 0 20px; } ul ul, ol ul, ul ol, ol ol { margin:6px 0; padding: 0 0 0 15px; } a:hover, a:focus { text-decoration:none; } option, .chzn-results { background:white; color:#666; padding:4px 7px; } .clr { clear:both; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } /** Hide the outline **/ *:hover, *:active, *:focus, input:focus, textarea:focus { outline:none !important; } /** resize image **/ img, video, .scale { /* Part 1: Set a maxium relative to the parent */ max-width:100%; /* Part 2: Scale the height according to the width, otherwise you get stretching */ height:auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /** to prevent a problem with sprites images, Google map and the property max-width:100% **/ #mapcanvas img, .gmnoprint img { max-width: none; } /******************************************************************************************************************************************** SITE *********************************************************************************************************************************************/ html, body { height:100%; background : #fff; } body { position:relative; text-align:left; font: normal 0.8em/1.8 verdana, geneva, sans-serif; background : transparent ; font-weight:300; } p { margin : 0 0 10px 0; } /** SITE **/ .hide-class { display:none; } .zindex10 { position:relative; z-index:10; } .zindex20 { position:relative; z-index:20; } .zindex30 { position:relative; z-index:30; } /** extra module positions **/ .module_google_map, .module_video { position:fixed; top:0; bottom:0; left:0; right:0; z-index:1; } /** Supersized forced Full screen when the content is hide **/ .full-width, .full-width a { left: 0 !important; width: 100% !important; right:inherit; } /** ken burns effect with CSS3 **/ .kenburns-home.home-page #supersized, .kenburns-all #supersized { overflow:hidden; } .kenburns-home.home-page #supersized img, .kenburns-all #supersized img { animation : kenburns 20s ease infinite; transform: scale(1.0); transform-origin: 50% 50%; } @keyframes kenburns { 0% { transform: scale(1.0); transform-origin: 50% 50%; } 40% { transform: scale(1.05); transform-origin: 50% 0%; } 60% { transform: scale(1.05); transform-origin: 50% 0%; } 100% { transform: scale(1.0); transform-origin: 50% 50%; } } /******************************************************************************************************************************************** WEBSITE BOX ********************************************************************************************************************************************/ .wrapper-website { position:absolute; /** to obtain a content box in all the height **/ min-height:100%; max-width:100%; } .no_content .wrapper-website { background : transparent !important; } .no_content #close-button-js { display:none; } /******************************** LOGO ******************************/ .logo-module { } .logo-module.centered { text-align:center; } .logo-module.left { float:left; } .logo-module.right { float:right; } .logo-module p { margin:0; } .logo-module a, .logo-module a:hover { text-decoration:none; outline:none; } .website-title { display:block; font-size: 50px; line-height:1; font-weight: normal; padding: 0 24px; } /******************************************************************************************************************************************** MAIN MENU *********************************************************************************************************************************************/ .column-menu { position:absolute; top:0; bottom:0; width:40px; background: #000; box-shadow: 4px 0 9px rgba(0, 0, 0, 0.5); color: #fff; z-index:99; } .mm-page { min-height: 100%; } .menu-dark .mm-menu { background : url(../images/shadow-menu-light.png) 50% 0 repeat-y; } .menu-light .mm-menu { background : url(../images/shadow-menu-dark.png) 50% 0 repeat-y; } .mm-opened #supersized, .mm-opened #supersized a { /** fixed a pb with IE **/ position:absolute; left:0; width:100%; } /**** jQuery.mmenu CSS ******/ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-panels, .mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { box-sizing: border-box; display: block; overflow: hidden; padding: 0; z-index:2; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -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); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; } .mm-panels > .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: inherit; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 20px; } .mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 20px; } .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: inherit; } .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: inherit; } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } /*************** Menu theme : color of borders **************/ .menu-light .mm-menu, .menu-light .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.08); } .menu-light .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .menu-light .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .menu-dark .mm-menu, .menu-dark .mm-menu .mm-listview { border-color: rgba(255, 255, 255, 0.15); } .menu-dark .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .menu-dark .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.1); } /*************** jQuery.mmenu offcanvas addon CSS **********/ .mm-page { box-sizing: border-box; position: relative; z-index:2; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: transparent; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /******** jQuery.mmenu multiline extension CSS *****/ .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; } /******** jQuery.mmenu pageshadow extension CSS ******/ .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; } .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } /******* jQuery.mmenu counters addon CSS ******/ em.mm-counter { font: inherit; font-size: 90%; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } /******** jQuery.mmenu navbars addon CSS *******/ .mm-menu > .mm-navbar { background: inherit; padding: 0; z-index: 3; -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); } .mm-navbar-bottom { border-top-width: 1px; border-top-style: solid; border-bottom: none; top: auto; bottom: 0; } .mm-navbar-top ~ .mm-navbar-top { border-bottom: none; } .mm-navbar-bottom ~ .mm-navbar-bottom { border-top: none; } .mm-navbar.mm-hasbtns { padding: 0 40px; } .mm-close:after { content: 'x'; } .mm-navbar[class*="mm-navbar-content-"] > * { box-sizing: border-box; display: block; float: left; } .mm-navbar > .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px; } .mm-navbar > .mm-breadcrumbs > * { display: inline-block; padding: 10px 3px; } .mm-navbar > .mm-breadcrumbs > a { text-decoration: underline; } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px; } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs { margin-left: 0; padding-left: 0; } .mm-navbar-top-1 { top: 0px; } .mm-hasnavbar-top-1 .mm-panels { top: 40px; } .mm-navbar-top-2 { top: 40px; } .mm-hasnavbar-top-2 .mm-panels { top: 80px; } .mm-navbar-top-3 { top: 80px; } .mm-hasnavbar-top-3 .mm-panels { top: 120px; } .mm-navbar-top-4 { top: 120px; } .mm-hasnavbar-top-4 .mm-panels { top: 160px; } .mm-navbar-bottom-1 { bottom: 0px; } .mm-hasnavbar-bottom-1 .mm-panels { bottom: 40px; } .mm-navbar-bottom-2 { bottom: 40px; } .mm-hasnavbar-bottom-2 .mm-panels { bottom: 80px; } .mm-navbar-bottom-3 { bottom: 80px; } .mm-hasnavbar-bottom-3 .mm-panels { bottom: 120px; } .mm-navbar-bottom-4 { bottom: 120px; } .mm-hasnavbar-bottom-4 .mm-panels { bottom: 160px; } .mm-navbar-size-2 { height: 80px; } .mm-navbar-size-3 { height: 120px; } .mm-navbar-size-4 { height: 160px; } .mm-navbar-content-2 > * { width: 50%; } .mm-navbar-content-3 > * { width: 33.33%; } .mm-navbar-content-4 > * { width: 25%; } .mm-navbar-content-5 > * { width: 20%; } .mm-navbar-content-6 > * { width: 16.67%; } .mm-navbar-content-7 > * { width: 14.28%; } .mm-navbar-content-8 > * { width: 12.5%; } .mm-navbar-content-9 > * { width: 11.11%; } .mm-navbar-content-10 > * { width: 10%; } /***** Hamburger icon *****/ #hamburger { position:fixed; top:22px; left:7px; z-index:2; } .mm-opened #hamburger { position:absolute; /** fixed a pb with IE **/ } #hamburger span { display: inline-block; *display:inline; *zoom:1; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size:30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor:pointer !important; -webkit-transition : all 0.4s ease-out; -moz-transition : all 0.4s ease-out; -ms-transition : all 0.4s ease-out; -o-transition : all 0.4s ease-out; transition : all 0.4s ease-out; } #hamburger span:before { content: "\f0c9"; } html.mm-opening #hamburger span:before { content: "\f00d"; } /******************************************************************************************************************************************** SEARCH *********************************************************************************************************************************************/ .module-search { padding: 16px 30px 10px 30px; } .mm-menu .module-search { padding: 10px 15px 10px 15px; text-align: left; } .module-search .moduletable { position:relative; margin:0; } #mod-finder-searchform { margin-top:30px; } .module-search label { display: none; } .module-search input { display: inline-block; *display:inline; *zoom:1; box-shadow : none; border-radius: 2px; font-size: inherit; height: 30px; width: auto; line-height: 30px; padding: 0 26px 0 12px; vertical-align:middle; } .module-search input.button { position: relative; background:transparent !important; border:none !important; padding:0; margin-left: -26px; /** move the button in the search field **/ } #mm_menu .fa-search { margin-left:-26px; } .menu-dark .module-search input { background: rgba(255, 255, 255, 0.14) 0 0 repeat; border: 1px solid rgba(255, 255, 255, 0.18); } .menu-light .module-search input { background: rgba(0, 0, 0, 0.08) 0 0 repeat; border: 1px solid rgba(0, 0, 0, 0.10); } /******************************************************************************************************************************************** TRANSLATE *********************************************************************************************************************************************/ .module-translate { position:absolute; top:6px; right:6px; z-index:99; vertical-align:middle; } .fullscreen .module-translate { display:none; } .module-translate .moduletable { display:inline-block; *display:inline; *zoom:1; margin:0; } div.mod-languages ul.lang-inline li { margin: 0 3px; } div.mod-languages img { vertical-align:top; margin-top:3px; } #jflanguageselection { margin:0 !important; float:none !important; } .rawimages { margin-top: 0px !important; } .module-translate .rawimages span { float:left; margin-right:4px; } /******************************************************************************************************************************************** SOCIAL ICONS *********************************************************************************************************************************************/ .social-links { position:fixed; bottom:0; left:0; width:40px; z-index:1; } .mm-opened .social-links { display:none; } .social-links ul { margin:0; padding:0; } .social-links li { display:block; list-style:none; } .social-links li a { display:block; position:relative; padding: 2px 0; font-size:16px; text-align:center; -webkit-transition : all 0.4s ease-out; -moz-transition : all 0.4s ease-out; -ms-transition : all 0.4s ease-out; -o-transition : all 0.4s ease-out; transition : all 0.4s ease-out; } .social-links li:hover a { -webkit-transition : all 0.4s ease-out; -moz-transition : all 0.4s ease-out; -ms-transition : all 0.4s ease-out; -o-transition : all 0.4s ease-out; transition : all 0.4s ease-out; } /** for google +1 only **/ .social-links li.google { margin-left:6px; } .social-links li > div { vertical-align:middle !important; } /********* Social icons in Main menu *************/ .mm-navbar .fa { font-size:16px; } .mm-navbar .google_plus { margin-top:3px; } /******************************************************************************************************************************************** CONTENT BOX *********************************************************************************************************************************************/ .main-content { margin: 20px 0 100px 40px; /** 40px is the width of .column-menu **/ } .all-content { position:relative; clear:both; padding:25px 0 40px 0; } /** Google map and Video **/ .google_map_page .column-content { padding:0; top:60%; } .google_map_page .column-content .all-content { float:left; width: 100%; } .content_with_video .column-content { padding:0; } .content_with_video .column-content .all-content { float:left; width: 100%; } /************************************************************************************************************* Breadcrumb **************************************************************************************************************/ .module-breadcrumb { background:transparent; margin : 0; padding: 0 24px; font-size:85%; } .module-breadcrumb h3 { display : none; } .breadcrumbs a:first-child:before, .breadcrumb li:first-child:before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; content: "\f015"; width: 20px; font-size:12px; } .module-breadcrumb a, .module-breadcrumb { text-decoration:none; } .module-breadcrumb a:hover { text-decoration:none; } .module-breadcrumb .divider { display: inline-block; *display:inline; *zoom:1; margin: 0 1px; } .module-breadcrumb .divider.icon-location { margin: 0; } .breadcrumb { background-color: transparent; border-radius: 0; list-style: none; margin: 0; padding: 0; } .breadcrumb > li { display: inline; } .breadcrumb > li + li:before { padding:0; content:''; color: inherit; } .breadcrumb .active { color: inherit; } /************************************************************************************************************* TOP and BOTTOM module position **************************************************************************************************************/ .top-module-position { position : relative; margin: 20px 0 10px 0; z-index:1; } .top-module-position> .moduletable > div { padding:12px 18px; } /** Bottom module position **/ .bottom-module-position { position : relative; clear:both; margin-top: 10px; z-index:1; } .bottom-module-position> .moduletable > div { padding:12px 18px; } /************************************************************************************************************* SIDEBAR CONTENT **************************************************************************************************************/ .left_column { position:relative; float:left; width:180px; margin: 0 10px 0 10px; z-index:1; } .right_column { position:relative; float:right; width:180px; margin: 0 10px 0 10px; z-index:1; } .left_column .moduletable, .right_column .moduletable { margin-bottom:10px; } .left_column .moduletable > div, .right_column .moduletable > div { padding: 18px; } .middle-content { position:relative; overflow:hidden; z-index:1; } .main_component { position:relative; padding: 0 40px 2px 40px; z-index:1; } .moduletable { margin-bottom:15px; } /************************************************************************************************************* USER TOP and BOTTOM **************************************************************************************************************/ .users_top, .users_bottom { margin: 0 ; padding: 0 0 20px 0; clear:both; } .users_bottom { padding: 20px 0 0 0; } .users_top .moduletable > div, .users_bottom .moduletable > div { padding: 12px 18px; } .user1, .user4 { float:left; margin-right:2%; } .user3, .user6 { float:right; margin-left:2%; } .user2, .user5 { position:relative; overflow:hidden; } /************************************************************************************************************* TYPOGRAPHY **************************************************************************************************************/ .lead { font-size: 120%; } /** TITLE **/ h1, h2, h3, h4, h5, h6 { margin:20px 0 8px 0; font-weight:normal; line-height:1.4; text-rendering: optimizelegibility; } h1, .componentheading, .blog > h2 { display: block; font-size: 220%; margin-bottom : 14px; padding : 0 0 4px 0; } .typo-light.bg-titles .page-header h1, .typo-light.bg-titles h1.article-title { margin: 0px -40px 14px -40px; padding : 4px 40px; background: rgba(0,0,0,0.10); } .typo-dark.bg-titles .page-header h1, .typo-dark.bg-titles h1.article-title { margin: 0px -40px 14px -40px; padding : 4px 40px; background: rgba(255,255,255,0.10); } h1 a { text-decoration: none; } h1 a:hover { text-decoration: none; } .uppercase-menu-title h1, .uppercase-menu-title .componentheading, .uppercase-menu-title .blog > h2 { text-transform: uppercase; } h2 { font-size:150%; } .typo-light.bg-titles .without-title h2 { margin: 20px -40px 12px -40px; padding: 4px 40px; background: rgba(0,0,0,0.10); } .typo-dark.bg-titles .without-title h2 { margin: 20px -40px 12px -40px; padding: 4px 40px; background: rgba(255,255,255,0.10); } h2 a { text-decoration: none; } h2 a:hover { text-decoration: none; } .content-module > h2 { padding-top:4px; } h3 { font-size:115%; font-weight:bold; } h4 { font-size:110%; } h5, h6 { font-size:100%; } /** title blog **/ h2.contentheading, h1 + h1, .page-header > h2 { margin-top:2px; padding:0 0 5px 0; letter-spacing:0.5px; border-bottom: 2px solid rgba(0, 0, 0, 0.05); } .uppercase-menu-title h2.contentheading, .uppercase-menu-title h1 + h1, .uppercase-menu-title .page-header h2 { text-transform: uppercase; } h2.contentheading > a , h1 + h1 > a, .page-header > h2 a { display:inline-block; *display:inline; *zoom:1; padding: 0 6px 5px 4px; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } /** modules **/ .module-title { position:relative; margin: -3px 0 5px 0; } .module-title h3 { margin:3px 0 6px 0; padding:0 0 8px 0; font-weight:normal; letter-spacing:0.5px; font-size:130%; color:#333; } .uppercase-menu-title .module-title h3 { text-transform: uppercase; } div[class*="vertical-menu"] .module-title h3 { padding: 12px 12px 8px; } /** LINK **/ a { color:#999; font-weight:300; text-decoration : none; -webkit-transition : color 0.4s linear 0.1s; -moz-transition : color 0.4s linear 0.1s; -ms-transition : color 0.4s linear 0.1s; -o-transition : color 0.4s linear 0.1s; transition : color 0.4s linear 0.1s; } a:hover { color:#444; text-decoration : none; -webkit-transition : color 0.2s linear 0s; -moz-transition : color 0.2s linear 0s; -ms-transition : color 0.2s linear 0s; -o-transition : color 0.2s linear 0s; transition : color 0.2s linear 0s; } a:active, a:focus { outline:none; } li span.separator { cursor:default; } /** List with Font Awesome **/ ul.check li, ul.chevron li, ul.angle li, ul.angle-double li, ul.circle li, ul.circle-o li, ul.star li, ul.star-o li, ul.tag li, ul.thumbs-o-up li, ul.check-square-o li, ul.arrow-circle li, ul.caret-simple li, ul.chevron-circle li, ul.chevron li, ul.hand-o li, ul.share li, .moduletable.check li, .moduletable.chevron li, .moduletable.angle li, .moduletable.angle-double li, .moduletable.circle li, .moduletable.circle-o li, .moduletable.star li, .moduletable.star-o li, .moduletable.tag li, .moduletable.thumbs-o-up li, .moduletable.check-square-o li, .moduletable.arrow-circle li, .moduletable.caret-simple li, .moduletable.chevron-circle li, .moduletable.chevron li, .moduletable.hand-o li, .moduletable.share li { list-style:none; margin: 0 0 6px 0; } ul.check li:before, ul.chevron li:before, ul.angle li:before, ul.angle-double li:before, ul.circle li:before, ul.circle-o li:before, ul.star li:before, ul.star-o li:before, ul.tag li:before, ul.thumbs-o-up li:before, ul.check-square-o li:before, ul.arrow-circle li:before, ul.caret-simple li:before, ul.chevron-circle li:before, ul.chevron li:before, ul.hand-o li:before, ul.share li:before, .moduletable.check li:before, .moduletable.chevron li:before, .moduletable.angle li:before, .moduletable.angle-double li:before, .moduletable.circle li:before, .moduletable.circle-o li:before, .moduletable.star li:before, .moduletable.star-o li:before, .moduletable.tag li:before, .moduletable.thumbs-o-up li:before, .moduletable.check-square-o li:before, .moduletable.arrow-circle li:before, .moduletable.caret-simple li:before, .moduletable.chevron-circle li:before, .moduletable.chevron li:before, .moduletable.hand-o li:before, .moduletable.share li:before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; vertical-align:middle; margin-left: -11px; width: auto; margin-right:8px; } ul.check li:before, ul.chevron li:before, ul.star li:before, ul.star-o li:before, ul.tag li:before, ul.thumbs-o-up li:before, ul.check-square-o li:before, ul.caret-simple li:before, ul.chevron-circle li:before, ul.chevron li:before, ul.hand-o li:before, ul.share li:before, .moduletable.check li:before, .moduletable.chevron li:before, .moduletable.star li:before, .moduletable.star-o li:before, .moduletable.tag li:before, .moduletable.thumbs-o-up li:before, .moduletable.check-square-o li:before, .moduletable.caret-simple li:before, .moduletable.chevron-circle li:before, .moduletable.chevron li:before, .moduletable.hand-o li:before, .moduletable.share li:before { font-size:60%; } ul.angle li:before, ul.angle-double li:before, ul.arrow-circle li:before, .moduletable.angle li:before, .moduletable.angle-double li:before, .moduletable.arrow-circle li:before { font-size:80%; } ul.circle li:before, ul.circle-o li:before, .moduletable.circle li:before, .moduletable.circle-o li:before { font-size:40%; } ul.check li:before, .moduletable.check li:before { content: "\f00c"; } ul.check-square-o li:before, .moduletable.check-square-o li:before { content: "\f046"; } ul.chevron li:before, .moduletable.chevron li:before { content: "\f054"; } ul.angle-double li:before, .moduletable.angle-doubleli:before { content: "\f101"; } ul.angle li:before, .moduletable.angle li:before { content: "\f105"; } ul.circle li:before, .moduletable.circle li:before { content: "\f111"; } ul.circle-o li:before, .moduletable.circle-o li:before { content: "\f10c"; } ul.star li:before, .moduletable.star li:before { content: "\f005"; } ul.star-o li:before, .moduletable.star-o li:before { content: "\f006"; } ul.thumbs-o-up li:before, .moduletable.thumbs-o-up li:before { content: "\f087"; } ul.hand-o li:before, .moduletable.hand-o li:before { content: "\f0a4"; } ul.arrow-circle li:before, .moduletable.arrow-circle li:before { content: "\f0a9"; } ul.caret-simple li:before, .moduletable.caret-simple li:before { content: "\f0da"; } ul.chevron-circle li:before, .moduletable.chevron-circle li:before { content: "\f138"; } ul.share li:before, .moduletable.share li:before { content: "\f064"; } ul.red li:before { color:red; } ul.blue li:before { color:blue; } ul.green li:before { color:green; } ul.purple li:before { color:purple; } ul.yellow li:before { color:yellow; } ul.black li:before { color:black; } ul.white li:before { color:white; } ul.grey li:before { color:grey; } ul.turquoise li:before { color:turquoise; } ul.pink li:before { color:pink; } ul li > h2, ul li > h3, ul li > h4 { display:inline-block; *display:inline; *zoom:1; margin-top : 0; padding-top:0; } /** Unordered lists without bullet **/ ul.simple li { list-style:none; margin: 0 0 6px 0; padding:8px 12px; border-left:2px solid #ddd; border-color:rgba(0,0,0,0.10); background:#f5f5f5; background:rgba(0,0,0,0.06); } /** Ordered lists **/ ol.simple { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ counter-reset: li-counter; } ol.simple > li { position: relative; margin: 0 0 20px 20px; padding-left: 14px; min-height: 36px; border-left: 2px solid #CCCCCC; border-color:rgba(0,0,0,0.16); } ol.simple > li:before { position: absolute; top: 0; left: -40px; font-size: 24px; line-height: 1; font-weight: bold; text-align: right; color: #aaa; color: rgba(0,0,0,0.3); content: counter(li-counter); counter-increment: li-counter; } ol.labels { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ counter-reset: li-counter; margin-top:40px; } ol.labels > li { position: relative; margin-bottom: 25px; padding: 30px 18px 18px 18px; background: #f4f4f4; background:rgba(0,0,0,0.06); } ol.labels > li:before { position: absolute; top: -14px; left: -12px; padding:0 20px 4px 20px; text-align: center; font: italic bold 17px/36px Georgia, Serif; color: #888; background: #e3e3e3; transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); overflow: hidden; content: counter(li-counter); counter-increment: li-counter; z-index: 1; } ol.circle { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ counter-reset: li-counter; margin-bottom:30px; } ol.circle > li { position: relative; padding: 37px; border-bottom: 1px dashed #ccc; border-color:rgba(0,0,0,0.16); } ol.circle > li:before { position: absolute; left: -11px; top: 12px; background: #f3f3f3; height: 40px; width: 40px; border: 1px solid rgba(0,0,0,.06); text-align: center; font: italic bold 17px/36px Georgia, Serif; color: #999; border-radius: 50%; content: counter(li-counter); counter-increment: li-counter; z-index: 1; } .upper-roman li:before { content: counter(li-counter, upper-roman) !important; } .lower-roman li:before { content: counter(li-counter, lower-roman) !important; } .upper-latin li:before { content: counter(li-counter, upper-latin) !important; } .lower-latin li:before { content: counter(li-counter, lower-latin) !important; } /* * Quotation */ blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; border-color: rgba(0,0,0,0.07); } blockquote p { margin-bottom: 0; font-size: 110%; font-weight: 300; line-height: 1.4; } blockquote small { display: block; line-height: 2.5; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } /** Dropcap **/ span.dropcap { display: block; color:#333; font-size: 260%; float: left; padding : 3px 8px 0 3px; line-height: 100%; } /** Inset paragraph **/ span.inset-left { display: block; float: left; font-size: 110%; font-style: italic; font-weight: bold; padding: 10px 14px; margin: 10px 10px 10px 0; width: 20%; min-width:150px; } span.inset-right { display: block; float: right; font-size: 110%; font-style: italic; font-weight: bold; padding: 10px 14px; margin: 10px 0 10px 10px; width: 20%; min-width:150px; } /** read more **/ .readmore { clear:both; margin:25px 0 !important; } /** Tables stripped & hover rows (override Bootstrap code) **/ .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: rgba(0,0,0,0.04);; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: rgba(0,0,0,0.06); } /** Text color & Contextual background **/ .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-white, .bg-grey, .bg-black, .bg-green, .bg-red, .bg-orange, .bg-violet, .bg-turquoise, .bg-blue, .bg-brown { padding:18px; margin-bottom:14px; } .bg-white { background:#fff; } .bg-grey { background:#eee; } .bg-brown { background:#b8b4a9; color:#fff; } .bg-blue { background: #0099cc; color:#fff; } .bg-black { background: #000; color:#bbb; } .bg-green { background: #85b159; color:#fff; } .bg-turquoise { background: #259b9a; color:#fff; } .bg-orange { background: #ff9933; color:#fff; } .bg-red { background: #cc3333; color:#fff; } .bg-violet { background: #a836c9; color:#fff; } .bg-white a, .bg-grey a, .bg-black a, .bg-green a, .bg-red a, .bg-orange a, .bg-violet a, .bg-turquoise a, .bg-blue a, .bg-brown a, .text-muted a, .text-black a, .text-blue a, .text-green a, .text-orange a, .text-red a, .text-violet a, .text-turquoise a, .text-white a, .text-brown a { font-weight:400; } .bg-black a, .bg-green a, .bg-red a, .bg-orange a, .bg-violet a, .bg-turquoise a, .bg-blue a, .bg-brown a { color:#fff; text-decoration:underline; } .bg-white a, .bg-grey a { color:#000; text-decoration:underline; } .bg-black a:hover, .bg-green a:hover, .bg-red a:hover, .bg-orange a:hover, .bg-violet a:hover, .bg-turquoise a:hover, .bg-blue a:hover, .bg-brown a:hover { color:#fff; text-decoration:none; } .bg-white a:hover, .bg-grey a:hover { color:#000; text-decoration:none; } .text-muted a:hover, .text-black a:hover, .text-blue a:hover, .text-green a:hover, .text-orange a:hover, .text-red a:hover, .text-violet a:hover, .text-turquoise a:hover, .text-white a:hover { text-decoration:underline; } .text-muted { color:#999; } .text-muted a, .text-muted a:hover { color: #444; } .text-black { color:#444; } .text-black a, .text-black a:hover { color: #000; } .text-blue { color:#0099cc; } .text-blue a, .text-blue a:hover { color: #006d91; } .text-green { color:#85b159; } .text-green a, .text-green a:hover { color: #58753B; } .text-orange { color:#ff9933; } .text-orange a, .text-orange a:hover { color: #B16B22; } .text-red { color:#cc3333; } .text-red a, .text-red a:hover { color: #791D1D; } .text-violet { color:#a836c9; } .text-violet a, .text-violet a:hover { color: #5F1E72; } .text-turquoise { color:#259b9a; } .text-turquoise a, .text-turquoise a:hover { color: #135453; } .text-white { color:#ddd; } .text-white a, .text-white a:hover { color: #fff; } .bg-primary { color: #fff; background-color: #428bca; } a.bg-primary:hover { background-color: #3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } /** Shadow message **/ .bg-shadow-light { border : 1px solid rgba(0,0,0,0.11); box-shadow:1px 1px 6px rgba(0,0,0,0.14); margin-right:5px; } .bg-shadow-dark { border : 1px solid rgba(0,0,0,0.20); box-shadow:2px 2px 5px rgba(0,0,0,0.42); margin-right:5px; } .radius-4 { border-radius:4px; } .radius-6 { border-radius:6px; } .radius-8 { border-radius:8px; } .radius-10 { border-radius:10px; } /************************** CSS3 COLUMNS *************************************/ .two-columns, .three-columns, .four-columns, .five-columns, .six-columns { -webkit-column-width: 160px; -moz-column-width: 160px; column-width: 160px; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } .two-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .three-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .four-columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .five-columns { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .six-columns { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } /************************************************************************************************************* IMAGES **************************************************************************************************************/ .js-border .main_component img, #tinymce .js-border img, img.js-border { border-radius: 3px; margin: 12px 1px 12px 0; box-shadow : 0px 1px 3px rgba(0,0,0,0.20); padding : 3px ; border : 1px solid #ddd ; border-color: rgba(0,0,0,0.10); background: rgba(255,255,255,0.26); } .js-border .main_component img.no-style, #tinymce .js-border img.no-style, .js-border .main_component .weblink-category img, .js-border .main_component .thumbnail img, .js-border .main_component .actions img, .js-border .main_component .gm-style img, .js-border .main_component .breadcrumb img { background: transparent; border-radius: 0; border:none; box-shadow:none; margin: 0; padding: 0; } /********************* Special Effects for Images ******************************************/ .js-border .main_component [class*="effect-image"] img { display: block; position: relative; background: transparent; border:none; border-radius: 0; box-shadow:none; margin: 0; padding: 0; } [class*="effect-image"] { position: relative; float: left; overflow: hidden; margin: 20px 1%; max-width:98%; text-align: center; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33); } /** no min width to prevent problem in Blog page @media screen and (min-width: 600px) { [class*="effect-image"] { min-width: 400px; } } **/ [class*="effect-image"] + p, [class*="effect-image"] + h1, [class*="effect-image"] + h2, [class*="effect-image"] + h3, [class*="effect-image"] + h4, [class*="effect-image"] + h5 { clear:both; } [class*="effect-image"] img { position: relative; display: block; } [class*="effect-image"] figcaption { padding: 2em; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } [class*="effect-image"] figcaption::before, [class*="effect-image"] figcaption::after { pointer-events: none; } [class*="effect-image"] figcaption, [class*="effect-image"] figcaption > a { position: absolute; top: 0; bottom:0; left: 0; right:0; font-style:normal; } /* Anchor will cover the whole item by default */ [class*="effect-image"] figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } [class*="effect-image"] h3 { text-transform: uppercase; text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1); font-weight: 300; } [class*="effect-image"] h3 span { font-weight: 800; } [class*="effect-image"] h3, [class*="effect-image"] p { margin: 0; padding:0; } [class*="effect-image"] p { letter-spacing: 1px; font-size: 70%; } [class*="effect-image"] h3, [class*="effect-image"] p { color: #fff; } [class*="effect-image"] a, [class*="effect-image"] a:hover { color : red; } /***** EFFECT 01 **********/ .effect-image-1:hover { background: #2e5d5a; } .effect-image-1 figcaption { padding: 3em; } @media screen and (min-width: 600px) { .effect-image-1 figcaption::before, .effect-image-1 figcaption::after { position: absolute; content: ''; opacity: 0; } .effect-image-1 figcaption::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .effect-image-1 figcaption::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); -ms-transform: scale(1); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } } @media screen and (min-width: 600px) { .effect-image-1 h3 { padding-top: 12%; transition: transform 0.35s; } .effect-image-1 h3 { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } } .effect-image-1 p { padding: 1em 2em 0.5em 2em; text-transform: none; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } @media screen and (max-width: 600px) { .effect-image-1 figcaption { padding: 20px; } .effect-image-1 p { padding: 8px 0px 0 0px; } } .effect-image-1 img, .effect-image-1 figcaption::before, .effect-image-1 figcaption::after, .effect-image-1 p { transition: opacity 0.35s, transform 0.35s; } .effect-image-1:hover img { opacity: 0.5; } .effect-image-1:hover figcaption::before, .effect-image-1:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effect-image-1:hover h3, .effect-image-1:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .effect-image-1:hover figcaption::after, .effect-image-1:hover h3, .effect-image-1:hover p, .effect-image-1:hover img { transition-delay: 0.15s; } /***** EFFECT 02 **********/ .effect-image-2 { background: #22682a; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjI2ODJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjOWI0YTFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhMzQyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#22682a), color-stop(40%,#9b4a1b), color-stop(100%,#3a342a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* IE10+ */ background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22682a', endColorstr='#3a342a',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .effect-image-2 img { opacity: 1; transition: opacity 0.35s; } .effect-image-2 figcaption { padding: 3em; transition: background-color 0.35s; } @media screen and (min-width: 600px) { .effect-image-2 figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; } } .effect-image-2 h3 { margin: 20% 0 10px 0; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .effect-image-2 figcaption::before, .effect-image-2 p { opacity: 0; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .effect-image-2:hover h3 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .effect-image-2:hover figcaption::before, .effect-image-2:hover p { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .effect-image-2:hover figcaption { background-color: rgba(58,52,42,0); } .effect-image-2:hover img { opacity: 0.4; } @media screen and (max-width: 600px) { .effect-image-2 figcaption { padding: 20px; } .effect-image-2 h3 { margin: 10px 0; } } /***** EFFECT 03 **********/ .effect-image-3 figcaption { text-align: right; } .effect-image-3 figcaption:hover { background: rgba(0,0,0,0.25); } .effect-image-3 h3, .effect-image-3 p { position: absolute; right: 30px; left: 30px; padding: 10px 0; } .effect-image-3 p { bottom: 30px; line-height: 1.5; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .effect-image-3 h3 { top: 30px; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } .effect-image-3:hover h3 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .effect-image-3 h3::after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: #fff; content: ''; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } .effect-image-3 h3::after, .effect-image-3 p { opacity: 0; transition: opacity 0.35s, transform 0.35s; } .effect-image-3:hover h3::after, .effect-image-3:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /***** EFFECT 04 **********/ .effect-image-4 { background: #030c17; } .effect-image-4 img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } @media screen and (min-width: 600px) { .effect-image-4 figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 2px solid #fff; box-shadow: 0 0 0 30px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4,1.4,1); transform: scale3d(1.4,1.4,1); } } .effect-image-4 h3 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } @media screen and (max-width: 600px) { .effect-image-4 h3 { margin: 10px 0; } } .effect-image-4 p { padding: 1em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5); } .effect-image-4:hover h3 { -webkit-transform: scale(0.9); transform: scale(0.9); } .effect-image-4:hover figcaption::before, .effect-image-4:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .effect-image-4:hover figcaption { background-color: rgba(58,52,42,0); } .effect-image-4:hover img { opacity: 0.4; } /***** EFFECT 05 **********/ .effect-image-5 { background: #2e5d5a; } .effect-image-5 img { max-width: none; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); opacity: 1; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-30px,0,0) scale(1.12); transform: translate3d(-30px,0,0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .effect-image-5:hover img { opacity: 0.5; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); } .effect-image-5 h3 { position: absolute; right: 0; bottom: 0; padding: 1em 1.2em; } .effect-image-5 p { padding: 0 10px 0 0; width: 50%; border-right: 1px solid #fff; text-align: right; opacity: 0; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0); } @media screen and (max-width: 600px) { .effect-image-5 p { width: 80%; } } .effect-image-5:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /***** EFFECT 06 **********/ .effect-image-6 { background: #3498db; } .effect-image-6 img { opacity: 0.95; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); } .effect-image-6 figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } .effect-image-6 p { position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; opacity: 0; transition: opacity 0.35s; } @media screen and (max-width: 600px) { .effect-image-6 p { margin: 12px; padding: 0 8px; max-width: none; border-right: 2px solid #fff; } } .effect-image-6 h3 { text-align: left; } .effect-image-6:hover img { opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .effect-image-6:hover figcaption::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } .effect-image-6:hover p { opacity: 1; transition-delay: 0.1s; } /************************************************************************************************************* TESTIMONIALS **************************************************************************************************************/ .testimonial-box { border: 1px solid #ddd; border-radius: 2px; margin : 20px 0; } .testimonial-header { background-color: #fcfcfc; border: 1px solid #fff; padding: 20px; position: relative; } .testimonial-header .testimonial-content { border-left: 3px solid #ff6838; color: #999; padding-left: 20px; } .testimonial-header:after { position: absolute; content:''; bottom: -9px; left: 20px; height: 0; width: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fcfcfc; z-index: 99; } .testimonial-footer { position: relative; background-color: #e9e9e9; border: 2px solid #fff; border-top: none ; color: #777; padding: 13px 20px 8px 20px; } .testimonial-footer span { color: #434343; font-weight: 700; } /************************************************************************************************************* COLUMN LAYOUTS **************************************************************************************************************/ .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth { float:left; margin : 10px 4% 10px 0; } .one-half { width:48%; } .one-third { width:30.6%; } .two-third { width:65.4%; } .one-fourth { width:22%; } .two-fourth { width:48%; } .three-fourth { width:74%; } .one-fifth { width:16.8%; } .two-fifth { width:37.6%; } .three-fifth { width:58.4%; } .four-fifth { width:79.2%; } .last { margin-right: 0 !important; } .last + * { clear:both; } /************************************************************************************************************* HORIZONTAL & VERTICAL MENUS **************************************************************************************************************/ /** Horizontal menu **/ div[class*="horizontal-menu"] ul { margin : 0; padding:0; list-style:none; } div[class*="horizontal-menu"] li { display:inline-block; *display:inline; *zoom:1; margin : 0 3px 4px 0; padding:0; list-style:none; } .horizontal-menu li { background:#f6f6f6; background:rgba(0,0,0,0.03); } div[class*="horizontal-menu"] li:last-child { margin-right:0; } div[class*="horizontal-menu"] li a { display:inline-block; *display:inline; *zoom:1; padding: 11px 13px 9px 13px; font-size: 110%; border:1px solid #eee; border-color:rgba(0,0,0,0.07); -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } .horizontal-menu li[class*="current"] > a, .horizontal-menu li[class*="current"] > a:hover { color: #fff; } div[class*="horizontal-menu-"] li a { color:#fff; border:none; } div[class*="horizontal-menu-"] li a:hover, div[class*="horizontal-menu-"] li[class*="current"] a { background-image: url(../images/black-10.png); background-repeat:repeat; color:#fff !important; text-decoration:none; } div.horizontal-menu-white li a, div.horizontal-menu-grey li a { color:#444; } div.horizontal-menu-white li a:hover, div.horizontal-menu-grey li a:hover, div.horizontal-menu-white li a.current, div.horizontal-menu-grey li a.current { color:#222 !important; } /** display only 1 single level **/ div[class*="horizontal-menu"] ul ul { display : none; } /** VERTICAL MENU **/ div[class*="vertical-menu"] > div { margin:0 ; padding:0 !important; } div[class*="vertical-menu"].title-band > div { padding: 12px 0 0 0 !important; } div[class*="vertical-menu"] .widget-title { padding: 12px 11px 0 0; } div[class*="vertical-menu"] ul { margin : 0; padding:0; list-style:none; } .vertical-menu ul { background:transparent url(../images/bg-vertical-menu.png) 100% 0 repeat-y; } div[class*="vertical-menu"] li { margin : 0; padding:0; list-style:none; } div[class*="vertical-menu"] li a, div[class*="vertical-menu"] li span { display:block; padding: 13px 10px 10px 12px; font-size: 110%; border-top:1px solid #ddd; border-color:rgba(0,0,0,0.10); -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } div[class*="vertical-menu"] li:first-child a, div[class*="vertical-menu"] li:first-child span { border-top:none; } div[class*="vertical-menu"] li a:hover, div[class*="vertical-menu"] li span:hover { text-decoration:none; } div[class*="vertical-menu"] ul ul { padding:0px 0 0px 20px; font-size:inherit; } div[class*="vertical-menu"] li li a, div[class*="vertical-menu"] li li span { padding: 6px 6px 6px 10px; font-size: 95%; border:none; text-transform:none; } .vertical-menu li[class*="current"] > a, .vertical-menu li[class*="current"] > a:hover { color: #fff; } div[class*="vertical-menu-"] li { border-bottom:1px solid #fff; border-top:none; } div[class*="vertical-menu-"] li:first-child { border-top:1px solid #fff; } div[class*="vertical-menu-"] li:last-child { border-bottom: none; } div[class*="vertical-menu-"] li a, div[class*="vertical-menu-"] li span { color:#fff; border:none; } div[class*="vertical-menu-"] li a:hover { background-image: url(../images/black-08.png); background-repeat:repeat; color:#fff; } div.vertical-menu-white li a, div.vertical-menu-grey li a, div.vertical-menu-white li span, div.vertical-menu-grey li span { color:#444; } div.vertical-menu-white li a:hover, div.vertical-menu-grey li a:hover, div.vertical-menu-white li a.current, div.vertical-menu-grey li a.current { color:#222 !important; } div[class*="vertical-menu-"] li[class*="current"] > a { background-image: url(../images/black-08.png); background-repeat:repeat; } div[class*="vertical-menu-"] li li { border:none; } div[class*="vertical-menu-"] li li:first-child { border-top:none; } /************************************************************************************************************* MODULE CLASS SUFFIX **************************************************************************************************************/ .moduletable { position:relative; } .left_column .moduletable > div, .right_column .moduletable > div { padding: 12px 18px; } .text-centered { text-align:center; } .no-margin, .no-margin div, .no-margin p { padding:0 !important; margin:0 !important; } .image200, .image250, .image300, .image350, .image400, .image450, .image500, .image200 div, .image250 div, .image300 div, .image350 div, .image400 div, .image450 div, .image500 div, .image200 p, .image250 p, .image300 p, .image350 p, .image400 p, .image450 p, .image500 p { margin : 0 !important; padding : 0 !important; } .moduletable.shadow { margin-bottom : 10px ; box-shadow : none; border:none; background: transparent url(../images/shadow-module.png) 50% 100% no-repeat; background-size: 100% 10px; padding-bottom:10px; margin : 0 0 12px 0 !important; } .left_column p, .right_column p, .user1 p, .user2 p, .user3 p, .user4 p, .user5 p, .user6 p, .user7 p, .user8 p, .user9 p { margin: 6px 0 ; } .left_column .white > div, .right_column .white > div, .top-module-position .white > div, .bottom-module-position .white > div, .user1 .white > div, .user2 .white > div, .user3 .white > div, .user4 .white > div, .user5 .white > div, .user6 .white > div, .user7 .white > div, .user8 .white > div, .user9 .white > div { background-color : #fff ; padding:12px 18px; } .vertical-menu-white ul, .horizontal-menu-white li { background-color: #fff ; } .left_column .black > div, .right_column .black > div, .top-module-position .black > div, .bottom-module-position .black > div, .user1 .black > div, .user2 .black > div, .user3 .black > div, .user4 .black > div, .user5 .black > div, .user6 .black > div, .user7 .black > div, .user8 .black > div, .user9 .black > div { background-color : #111 ; color:#999; padding:12px 18px; } .vertical-menu-black ul, .horizontal-menu-black li { background-color: #111 ; } .left_column .grey > div, .right_column .grey > div, .top-module-position .grey > div, .bottom-module-position .grey > div, .user1 .grey > div, .user2 .grey > div, .user3 .grey > div, .user4 .grey > div, .user5 .grey > div, .user6 .grey > div, .user7 .grey > div, .user8 .grey > div, .user9 .grey > div { background : #d6d6d6 ; padding:12px 18px; } .vertical-menu-grey ul, .horizontal-menu-grey li { background : #d6d6d6 ; } .left_column .blue > div, .right_column .blue > div, .top-module-position .blue > div, .bottom-module-position .blue > div, .user1 .blue > div, .user2 .blue > div, .user3 .blue > div, .user4 .blue > div, .user5 .blue > div, .user6 .blue > div, .user7 .blue > div, .user8 .blue > div, .user9 .blue > div { background-color: #0099cc ; color:#fff; padding:12px 18px; } .vertical-menu-blue ul, .horizontal-menu-blue li { background-color: #0099cc ; } .left_column .brown > div, .right_column .brown > div, .top-module-position .brown > div, .bottom-module-position .brown > div, .user1 .brown > div, .user2 .brown > div, .user3 .brown > div, .user4 .brown > div, .user5 .brown > div, .user6 .brown > div, .user7 .brown > div, .user8 .brown > div, .user9 .brown > div { background-color: #b8b4a9 ; color:#fff; padding:12px 18px; } .vertical-menu-brown ul, .horizontal-menu-brown li { background-color: #b8b4a9 ; } .left_column .green > div, .right_column .green > div, .top-module-position .green > div, .bottom-module-position .green > div, .user1 .green > div, .user2 .green > div, .user3 .green > div, .user4 .green > div, .user5 .green > div, .user6 .green > div, .user7 .green > div, .user8 .green > div, .user9 .green > div { background-color: #85b159; color:#fff; padding:12px 18px; } .vertical-menu-green ul, .horizontal-menu-green li { background-color: #85b159; } .left_column .turquoise > div, .right_column .turquoise > div, .top-module-position .turquoise > div, .bottom-module-position .turquoise > div, .user1 .turquoise > div, .user2 .turquoise > div, .user3 .turquoise > div, .user4 .turquoise > div, .user5 .turquoise > div, .user6 .turquoise > div, .user7 .turquoise > div, .user8 .turquoise > div, .user9 .turquoise > div { background-color: #259b9a; color:#fff; padding:12px 18px; } .vertical-menu-turquoise ul, .horizontal-menu-turquoise li { background-color: #259b9a; } .left_column .orange > div, .right_column .orange > div, .top-module-position .orange > div, .bottom-module-position .orange > div, .user1 .orange > div, .user2 .orange > div, .user3 .orange > div, .user4 .orange > div, .user5 .orange > div, .user6 .orange > div, .user7 .orange > div, .user8 .orange > div, .user9 .orange > div { background-color: #ff9933; color:#fff; padding:12px 18px; } .vertical-menu-orange ul, .horizontal-menu-orange li { background-color: #ff9933; } .left_column .red > div, .right_column .red > div, .top-module-position .red > div, .bottom-module-position .red > div, .user1 .red > div, .user2 .red > div, .user3 .red > div, .user4 .red > div, .user5 .red > div, .user6 .red > div, .user7 .red > div, .user8 .red > div, .user9 .red > div { background-color: #cc3333; color:#fff; padding:12px 18px; } .vertical-menu-red ul, .horizontal-menu-red li { background-color: #cc3333; } .left_column .violet > div, .right_column .violet > div, .top-module-position .violet > div, .bottom-module-position .violet > div, .user1 .violet > div, .user2 .violet > div, .user3 .violet > div, .user4 .violet > div, .user5 .violet > div, .user6 .violet > div, .user7 .violet > div, .user8 .violet > div, .user9 .violet > div { background-color: #a836c9; color:#fff; padding:12px 18px; } .vertical-menu-violet ul, .horizontal-menu-violet li { background-color: #a836c9; } .left_column .blue .module-title h3, .right_column .blue .module-title h3, .top-module-position .blue .module-title h3, .bottom-module-position .blue .module-title h3, .user1 .blue .module-title h3, .user2 .blue .module-title h3, .user3 .blue .module-title h3, .user4 .blue .module-title h3, .user5 .blue .module-title h3, .user6 .blue .module-title h3, .user7 .blue .module-title h3, .user8 .blue .module-title h3, .user9 .blue .module-title h3, .left_column .brown .module-title h3, .right_column .brown .module-title h3, .top-module-position .brown .module-title h3, .bottom-module-position .brown .module-title h3, .user1 .brown .module-title h3, .user2 .brown .module-title h3, .user3 .brown .module-title h3, .user4 .brown .module-title h3, .user5 .brown .module-title h3, .user6 .brown .module-title h3, .user7 .brown .module-title h3, .user8 .brown .module-title h3, .user9 .brown .module-title h3, .left_column .green .module-title h3, .right_column .green .module-title h3, .top-module-position .green .module-title h3, .bottom-module-position .green .module-title h3, .user1 .green .module-title h3, .user2 .green .module-title h3, .user3 .green .module-title h3, .user4 .green .module-title h3, .user5 .green .module-title h3, .user6 .green .module-title h3, .user7 .green .module-title h3, .user8 .green .module-title h3, .user9 .green .module-title h3, .left_column .orange .module-title h3, .right_column .orange .module-title h3, .top-module-position .orange .module-title h3, .bottom-module-position .orange .module-title h3, .user1 .orange .module-title h3, .user2 .orange .module-title h3, .user3 .orange .module-title h3, .user4 .orange .module-title h3, .user5 .orange .module-title h3, .user6 .orange .module-title h3, .user7 .orange .module-title h3, .user8 .orange .module-title h3, .user9 .orange .module-title h3, .left_column .violet .module-title h3, .right_column .violet .module-title h3, .top-module-position .violet .module-title h3, .bottom-module-position .violet .module-title h3, .user1 .violet .module-title h3, .user2 .violet .module-title h3, .user3 .violet .module-title h3, .user4 .violet .module-title h3, .user5 .violet .module-title h3, .user6 .violet .module-title h3, .user7 .violet .module-title h3, .user8 .violet .module-title h3, .user9 .violet .module-title h3, .left_column .turquoise .module-title h3, .right_column .turquoise .module-title h3, .top-module-position .turquoise .module-title h3, .bottom-module-position .turquoise .module-title h3, .user1 .turquoise .module-title h3, .user2 .turquoise .module-title h3, .user3 .turquoise .module-title h3, .user4 .turquoise .module-title h3, .user5 .turquoise .module-title h3, .user6 .turquoise .module-title h3, .user7 .turquoise .module-title h3, .user8 .turquoise .module-title h3, .user9 .turquoise .module-title h3, .left_column .red .module-title h3, .right_column .red .module-title h3, .top-module-position .red .module-title h3, .bottom-module-position .red .module-title h3, .user1 .red .module-title h3, .user2 .red .module-title h3, .user3 .red .module-title h3, .user4 .red .module-title h3, .user5 .red .module-title h3, .user6 .red .module-title h3, .user7 .red .module-title h3, .user8 .red .module-title h3, .user9 .red .module-title h3 { color:#fff; text-shadow : none; border:none; background-image:none; } .left_column .grey .module-title h3, .right_column .grey .module-title h3, .top-module-position .grey .module-title h3, .bottom-module-position .grey .module-title h3, .user1 .grey .module-title h3, .user2 .grey .module-title h3, .user3 .grey .module-title h3, .user4 .grey .module-title h3, .user5 .grey .module-title h3, .user6 .grey .module-title h3, .user7 .grey .module-title h3, .user8 .grey .module-title h3, .user9 .grey .module-title h3 { text-shadow : none; border:none; } .left_column .black .module-title h3, .right_column .black .module-title h3, .top-module-position .black .module-title h3, .bottom-module-position .black .module-title h3, .user1 .black .module-title h3, .user2 .black .module-title h3, .user3 .black .module-title h3, .user4 .black .module-title h3, .user5 .black .module-title h3, .user6 .black .module-title h3, .user7 .black .module-title h3, .user8 .black .module-title h3, .user9 .black .module-title h3 { color:#ddd; text-shadow : none; border:none; } .left_column .blue .module-title h3 span, .right_column .blue .module-title h3 span, .top-module-position .blue .module-title h3 span, .bottom-module-position .blue .module-title h3 span, .user1 .blue .module-title h3 span, .user2 .blue .module-title h3 span, .user3 .blue .module-title h3 span, .user4 .blue .module-title h3 span, .user5 .blue .module-title h3 span, .user6 .blue .module-title h3 span, .user7 .blue .module-title h3 span, .user8 .blue .module-title h3 span, .user9 .blue .module-title h3 span, .left_column .brown .module-title h3 span, .right_column .brown .module-title h3 span, .top-module-position .brown .module-title h3 span, .bottom-module-position .brown .module-title h3 span, .user1 .brown .module-title h3 span, .user2 .brown .module-title h3 span, .user3 .brown .module-title h3 span, .user4 .brown .module-title h3 span, .user5 .brown .module-title h3 span, .user6 .brown .module-title h3 span, .user7 .brown .module-title h3 span, .user8 .brown .module-title h3 span, .user9 .brown .module-title h3 span, .left_column .green .module-title h3 span, .right_column .green .module-title h3 span, .top-module-position .green .module-title h3 span, .bottom-module-position .green .module-title h3 span, .user1 .green .module-title h3 span, .user2 .green .module-title h3 span, .user3 .green .module-title h3 span, .user4 .green .module-title h3 span, .user5 .green .module-title h3 span, .user6 .green .module-title h3 span, .user7 .green .module-title h3 span, .user8 .green .module-title h3 span, .user9 .green .module-title h3 span, .left_column .orange .module-title h3 span, .right_column .orange .module-title h3 span, .top-module-position .orange .module-title h3 span, .bottom-module-position .orange .module-title h3 span, .user1 .orange .module-title h3 span, .user2 .orange .module-title h3 span, .user3 .orange .module-title h3 span, .user4 .orange .module-title h3 span, .user5 .orange .module-title h3 span, .user6 .orange .module-title h3 span, .user7 .orange .module-title h3 span, .user8 .orange .module-title h3 span, .user9 .orange .module-title h3 span, .left_column .grey .module-title h3 span, .right_column .grey .module-title h3 span, .top-module-position .grey .module-title h3 span, .bottom-module-position .grey .module-title h3 span, .user1 .grey .module-title h3 span, .user2 .grey .module-title h3 span, .user3 .grey .module-title h3 span, .user4 .grey .module-title h3 span, .user5 .grey .module-title h3 span, .user6 .grey .module-title h3 span, .user7 .grey .module-title h3 span, .user8 .grey .module-title h3 span, .user9 .grey .module-title h3 span, .left_column .violet .module-title h3 span, .right_column .violet .module-title h3 span, .top-module-position .violet .module-title h3 span, .bottom-module-position .violet .module-title h3 span, .user1 .violet .module-title h3 span, .user2 .violet .module-title h3 span, .user3 .violet .module-title h3 span, .user4 .violet .module-title h3 span, .user5 .violet .module-title h3 span, .user6 .violet .module-title h3 span, .user7 .violet .module-title h3 span, .user8 .violet .module-title h3 span, .user9 .violet .module-title h3 span, .left_column .turquoise .module-title h3 span, .right_column .turquoise .module-title h3 span, .top-module-position .turquoise .module-title h3 span, .bottom-module-position .turquoise .module-title h3 span, .user1 .turquoise .module-title h3 span, .user2 .turquoise .module-title h3 span, .user3 .turquoise .module-title h3 span, .user4 .turquoise .module-title h3 span, .user5 .turquoise .module-title h3 span, .user6 .turquoise .module-title h3 span, .user7 .turquoise .module-title h3 span, .user8 .turquoise .module-title h3 span, .user9 .turquoise .module-title h3 span, .left_column .black .module-title h3 span, .right_column .black .module-title h3 span, .top-module-position .black .module-title h3 span, .bottom-module-position .black .module-title h3 span, .user1 .black .module-title h3 span, .user2 .black .module-title h3 span, .user3 .black .module-title h3 span, .user4 .black .module-title h3 span, .user5 .black .module-title h3 span, .user6 .black .module-title h3 span, .user7 .black .module-title h3 span, .user8 .black .module-title h3 span, .user9 .black .module-title h3 span, .left_column .red .module-title h3 span, .right_column .red .module-title h3 span, .top-module-position .red .module-title h3 span, .bottom-module-position .red .module-title h3 span, .user1 .red .module-title h3 span, .user2 .red .module-title h3 span, .user3 .red .module-title h3 span, .user4 .red .module-title h3 span, .user5 .red .module-title h3 span, .user6 .red .module-title h3 span, .user7 .red .module-title h3 span, .user8 .red .module-title h3 span, .user9 .red .module-title h3 span { margin:0; padding:0; border:none; } .left_column .blue a, .right_column .blue a, .top-module-position .blue a, .bottom-module-position .blue a, .user1 .blue a, .user2 .blue a, .user3 .blue a, .user4 .blue a, .user5 .blue a, .user6 .blue a, .user7 .blue a, .user8 .blue a, .user9 .blue a, .left_column .brown a, .right_column .brown a, .top-module-position .brown a, .bottom-module-position .brown a, .user1 .brown a, .user2 .brown a, .user3 .brown a, .user4 .brown a, .user5 .brown a, .user6 .brown a, .user7 .brown a, .user8 .brown a, .user9 .brown a, .left_column .green a, .right_column .green a, .top-module-position .green a, .bottom-module-position .green a, .user1 .green a, .user2 .green a, .user3 .green a, .user4 .green a, .user5 .green a, .user6 .green a, .user7 .green a, .user8 .green a, .user9 .green a, .left_column .orange a, .right_column .orange a, .top-module-position .orange a, .bottom-module-position .orange a, .user1 .orange a, .user2 .orange a, .user3 .orange a, .user4 .orange a, .user5 .orange a, .user6 .orange a, .user7 .orange a, .user8 .orange a, .user9 .orange a, .left_column .violet a, .right_column .violet a, .top-module-position .violet a, .bottom-module-position .violet a, .user1 .violet a, .user2 .violet a, .user3 .violet a, .user4 .violet a, .user5 .violet a, .user6 .violet a, .user7 .violet a, .user8 .violet a, .user9 .violet a, .left_column .turquoise a, .right_column .turquoise a, .top-module-position .turquoise a, .bottom-module-position .turquoise a, .user1 .turquoise a, .user2 .turquoise a, .user3 .turquoise a, .user4 .turquoise a, .user5 .turquoise a, .user6 .turquoise a, .user7 .turquoise a, .user8 .turquoise a, .user9 .turquoise a, .left_column .red a, .right_column .red a, .top-module-position .red a, .bottom-module-position .red a, .user1 .red a, .user2 .red a, .user3 .red a, .user4 .red a, .user5 .red a, .user6 .red a, .user7 .red a, .user8 .red a, .user9 .red a { color:#ddd; } .left_column .black a, .right_column .black a, .top-module-position .black a, .bottom-module-position .black a, .user1 .black a, .user2 .black a, .user3 .black a, .user4 .black a, .user5 .black a, .user6 .black a, .user7 .black a, .user8 .black a, .user9 .black a { color:#999; } .left_column .blue a:hover, .right_column .blue a:hover, .top-module-position .blue a:hover, .bottom-module-position .blue a:hover, .user1 .blue a:hover, .user2 .blue a:hover, .user3 .blue a:hover, .user4 .blue a:hover, .user5 .blue a:hover, .user6 .blue a:hover, .user7 .blue a:hover, .user8 .blue a:hover, .user9 .blue a:hover, .left_column .brown a:hover, .right_column .brown a:hover, .top-module-position .brown a:hover, .bottom-module-position .brown a:hover, .user1 .brown a:hover, .user2 .brown a:hover, .user3 .brown a:hover, .user4 .brown a:hover, .user5 .brown a:hover, .user6 .brown a:hover, .user7 .brown a:hover, .user8 .brown a:hover, .user9 .brown a:hover, .left_column .green a:hover, .right_column .green a:hover, .top-module-position .green a:hover, .bottom-module-position .green a:hover, .user1 .green a:hover, .user2 .green a:hover, .user3 .green a:hover, .user4 .green a:hover, .user5 .green a:hover, .user6 .green a:hover, .user7 .green a:hover, .user8 .green a:hover, .user9 .green a:hover, .left_column .orange a:hover, .right_column .orange a:hover, .top-module-position .orange a:hover, .bottom-module-position .orange a:hover, .user1 .orange a:hover, .user2 .orange a:hover, .user3 .orange a:hover, .user4 .orange a:hover, .user5 .orange a:hover, .user6 .orange a:hover, .user7 .orange a:hover, .user8 .orange a:hover, .user9 .orange a:hover, .left_column .violet a:hover, .right_column .violet a:hover, .top-module-position .violet a:hover, .bottom-module-position .violet a:hover, .user1 .violet a:hover, .user2 .violet a:hover, .user3 .violet a:hover, .user4 .violet a:hover, .user5 .violet a:hover, .user6 .violet a:hover, .user7 .violet a:hover, .user8 .violet a:hover, .user9 .violet a:hover, .left_column .turquoise a:hover, .right_column .turquoise a:hover, .top-module-position .turquoise a:hover, .bottom-module-position .turquoise a:hover, .user1 .turquoise a:hover, .user2 .turquoise a:hover, .user3 .turquoise a:hover, .user4 .turquoise a:hover, .user5 .turquoise a:hover, .user6 .turquoise a:hover, .user7 .turquoise a:hover, .user8 .turquoise a:hover, .user9 .turquoise a:hover, .left_column .black a:hover, .right_column .black a:hover, .top-module-position .black a:hover, .bottom-module-position .black a:hover, .user1 .black a:hover, .user2 .black a:hover, .user3 .black a:hover, .user4 .black a:hover, .user5 .black a:hover, .user6 .black a:hover, .user7 .black a:hover, .user8 .black a:hover, .user9 .black a:hover, .left_column .red a:hover, .right_column .red a:hover, .top-module-position .red a:hover, .bottom-module-position .red a:hover, .user1 .red a:hover, .user2 .red a:hover, .user3 .red a:hover, .user4 .red a:hover, .user5 .red a:hover, .user6 .red a:hover, .user7 .red a:hover, .user8 .red a:hover, .user9 .red a:hover, .left_column .blue .active > a, .right_column .blue .active > a, .top-module-position .blue .active > a, .bottom-module-position .blue .active > a, .user1 .blue .active > a, .user2 .blue .active > a, .user3 .blue .active > a, .user4 .blue .active > a, .user5 .blue .active > a, .user6 .blue .active > a, .user7 .blue .active > a, .user8 .blue .active > a, .user9 .blue .active > a, .left_column .brown .active > a, .right_column .brown .active > a, .top-module-position .brown .active > a, .bottom-module-position .brown .active > a, .user1 .brown .active > a, .user2 .brown .active > a, .user3 .brown .active > a, .user4 .brown .active > a, .user5 .brown .active > a, .user6 .brown .active > a, .user7 .brown .active > a, .user8 .brown .active > a, .user9 .brown .active > a, .left_column .green .active > a, .right_column .green .active > a, .top-module-position .green .active > a, .bottom-module-position .green .active > a, .user1 .green .active > a, .user2 .green .active > a, .user3 .green .active > a, .user4 .green .active > a, .user5 .green .active > a, .user6 .green .active > a, .user7 .green .active > a, .user8 .green .active > a, .user9 .green .active > a, .left_column .orange .active > a, .right_column .orange .active > a, .top-module-position .orange .active > a, .bottom-module-position .orange .active > a, .user1 .orange .active > a, .user2 .orange .active > a, .user3 .orange .active > a, .user4 .orange .active > a, .user5 .orange .active > a, .user6 .orange .active > a, .user7 .orange .active > a, .user8 .orange .active > a, .user9 .orange .active > a, .left_column .violet .active > a, .right_column .violet .active > a, .top-module-position .violet .active > a, .bottom-module-position .violet .active > a, .user1 .violet .active > a, .user2 .violet .active > a, .user3 .violet .active > a, .user4 .violet .active > a, .user5 .violet .active > a, .user6 .violet .active > a, .user7 .violet .active > a, .user8 .violet .active > a, .user9 .violet .active > a, .left_column .turquoise .active > a, .right_column .turquoise .active > a, .top-module-position .turquoise .active > a, .bottom-module-position .turquoise .active > a, .user1 .turquoise .active > a, .user2 .turquoise .active > a, .user3 .turquoise .active > a, .user4 .turquoise .active > a, .user5 .turquoise .active > a, .user6 .turquoise .active > a, .user7 .turquoise .active > a, .user8 .turquoise .active > a, .user9 .turquoise .active > a, .left_column .black .active > a, .right_column .black .active > a, .top-module-position .black .active > a, .bottom-module-position .black .active > a, .user1 .black .active > a, .user2 .black .active > a, .user3 .black .active > a, .user4 .black .active > a, .user5 .black .active > a, .user6 .black .active > a, .user7 .black .active > a, .user8 .black .active > a, .user9 .black .active > a, .left_column .red .active > a, .right_column .red .active > a, .top-module-position .red .active > a, .bottom-module-position .red .active > a, .user1 .red .active > a, .user2 .red .active > a, .user3 .red .active > a, .user4 .red .active > a, .user5 .red .active > a, .user6 .red .active > a, .user7 .red .active > a, .user8 .red .active > a, .user9 .red .active > a { color:#fff ; } .blue h4, .green h4, .orange h4, .violet h4, .red h4, .black h4, .turquoise h4, .brown h4 { color : #444; } .left_column .radius > div, .right_column .radius > div, .top-module-position .radius > div, .bottom-module-position .radius > div, .user1 .radius > div, .user2 .radius > div, .user3 .radius > div, .user4 .radius > div, .user5 .radius > div, .user6 .radius > div, .user7 .radius > div, .user8 .radius > div, .user9 .radius > div { border-radius: 6px ; } .left_column > .border > div, .right_column > .border > div, .top-module-position > .border > div, .bottom-module-position > .border > div, .user1 > .border > div, .user2 > .border > div, .user3 > .border > div, .user4 > .border > div, .user5 > .border > div, .user6 > .border > div, .user7 > .border > div, .user8 > .border > div, .user9 > .border > div { border:1px solid #ddd; border-color : rgba(0,0,0, 0.10); box-shadow : 0px 0px 3px 0px rgba(0,0,0, 0.10) ; padding:12px 18px; } .title-centered .module-title { clear:both; margin: 13px 0 -7px 0; border-top: 1px dotted #bbb; border-color : rgba(0,0,0,0.18); text-align:center; } .black.title-centered .module-title { border-color: rgba(255,255,255,0.25); } .title-centered .module-title h3 { position:relative; top:-14px; display:inline; padding: 0 15px; border:none; } .title-centered .module-title h3 span { margin:0; padding:0; border:none; } .title-centered.grey .module-title h3 { background : #d6d6d6 !important; } .title-centered.orange .module-title h3 { background : #ff9933 !important; } .title-centered.green .module-title h3 { background : #85b159 !important; } .title-centered.red .module-title h3 { background : #cc3333 !important; } .title-centered.blue .module-title h3 { background : #0099cc !important; } .title-centered.turquoise .module-title h3 { background : #259b9a !important; } .title-centered.white .module-title h3 { background : #fff !important; } .title-centered.violet .module-title h3 { background : #a836c9 !important; } .title-centered.brown .module-title h3 { background : #b8b4a9 !important; } .title-centered.black .module-title h3 { background : #000 !important; } .title-band > div { padding-top:12px; } .title-band .module-title { margin:-12px -18px 10px -18px; padding: 5px 0 0 18px; border-bottom:1px solid rgba(255,255,255,0.30); background: transparent url(../images/black-10.png) 0 0 repeat; } div[class*="vertical-menu"].title-band .module-title { margin:-15px 0 -1px 0; padding:0; } .title-band.black .module-title { background: transparent url(../images/white-16.png) 0 0 repeat; } .title-band .module-title h3 { border:none; } .title-band .module-title h3 span { margin:0; padding:0; border:none; } .left_column .title-centered.blue .module-title, .right_column .title-centered.blue .module-title, .top-module-position .title-centered.blue .module-title, .bottom-module-position .title-centered.blue .module-title, .user1 .title-centered.blue .module-title, .user2 .title-centered.blue .module-title, .user3 .title-centered.blue .module-title, .user4 .title-centered.blue .module-title, .user5 .title-centered.blue .module-title, .user6 .title-centered.blue .module-title, .user7 .title-centered.blue .module-title, .user8 .title-centered.blue .module-title, .user9 .title-centered.blue .module-title, .left_column .title-centered.turquoise .module-title, .right_column .title-centered.turquoise .module-title, .top-module-position .title-centered.turquoise .module-title, .bottom-module-position .title-centered.turquoise .module-title, .user1 .title-centered.turquoise .module-title, .user2 .title-centered.turquoise .module-title, .user3 .title-centered.turquoise .module-title, .user4 .title-centered.turquoise .module-title, .user5 .title-centered.turquoise .module-title, .user6 .title-centered.turquoise .module-title, .user7 .title-centered.turquoise .module-title, .user8 .title-centered.turquoise .module-title, .user9 .title-centered.turquoise .module-title, .left_column .title-centered.brown .module-title, .right_column .title-centered.brown .module-title, .top-module-position .title-centered.brown .module-title, .bottom-module-position .title-centered.brown .module-title, .user1 .title-centered.brown .module-title, .user2 .title-centered.brown .module-title, .user3 .title-centered.brown .module-title, .user4 .title-centered.brown .module-title, .user5 .title-centered.brown .module-title, .user6 .title-centered.brown .module-title, .user7 .title-centered.brown .module-title, .user8 .title-centered.brown .module-title, .user9 .title-centered.brown .module-title, .left_column .title-centered.violet .module-title, .right_column .title-centered.violet .module-title, .top-module-position .title-centered.violet .module-title, .bottom-module-position .title-centered.violet .module-title, .user1 .title-centered.violet .module-title, .user2 .title-centered.violet .module-title, .user3 .title-centered.violet .module-title, .user4 .title-centered.violet .module-title, .user5 .title-centered.violet .module-title, .user6 .title-centered.violet .module-title, .user7 .title-centered.violet .module-title, .user8 .title-centered.violet .module-title, .user9 .title-centered.violet .module-title, .left_column .title-centered.green .module-title, .right_column .title-centered.green .module-title, .top-module-position .title-centered.green .module-title, .bottom-module-position .title-centered.green .module-title, .user1 .title-centered.green .module-title, .user2 .title-centered.green .module-title, .user3 .title-centered.green .module-title, .user4 .title-centered.green .module-title, .user5 .title-centered.green .module-title, .user6 .title-centered.green .module-title, .user7 .title-centered.green .module-title, .user8 .title-centered.green .module-title, .user9 .title-centered.green .module-title, .left_column .title-centered.orange .module-title, .right_column .title-centered.orange .module-title, .top-module-position .title-centered.orange .module-title, .bottom-module-position .title-centered.orange .module-title, .user1 .title-centered.orange .module-title, .user2 .title-centered.orange .module-title, .user3 .title-centered.orange .module-title, .user4 .title-centered.orange .module-title, .user5 .title-centered.orange .module-title, .user6 .title-centered.orange .module-title, .user7 .title-centered.orange .module-title, .user8 .title-centered.orange .module-title, .user9 .title-centered.orange .module-title, .left_column .title-centered.red .module-title, .right_column .title-centered.red .module-title, .top-module-position .title-centered.red .module-title, .bottom-module-position .title-centered.red .module-title, .user1 .title-centered.red .module-title, .user2 .title-centered.red .module-title, .user3 .title-centered.red .module-title, .user4 .title-centered.red .module-title, .user5 .title-centered.red .module-title, .user6 .title-centered.red .module-title, .user7 .title-centered.red .module-title, .user8 .title-centered.red .module-title, .user9 .title-centered.red .module-title { border-color : #eee; border-color : rgba(255,255,255,0.3); } .icon-module { display : none; } .badge-new .icon-module, .badge-news .icon-module, .badge-hot .icon-module, .badge-top .icon-module, .badge-gift .icon-module, .badge-free .icon-module { display : block; position:absolute; top:0; right:0; margin: 0 !important; padding : 0 !important; height:39px; width:39px; border:none !important; box-shadow : none !important; border-radius: 0 !important; } .badge-new .icon-module { background: transparent url(../images/badge_new.png) 0 0 no-repeat !important; } .badge-news .icon-module { background: transparent url(../images/badge_news.png) 0 0 no-repeat !important; } .badge-hot .icon-module { background: transparent url(../images/badge_hot.png) 0 0 no-repeat !important; } .badge-free .icon-module { background: transparent url(../images/badge_free.png) 0 0 no-repeat !important; } .badge-gift .icon-module { background: transparent url(../images/badge_gift.png) 0 0 no-repeat !important; } .badge-top .icon-module { background: transparent url(../images/badge_top.png) 0 0 no-repeat !important; } /************************************************************************************************************* Slideshow SUPERSIZED **************************************************************************************************************/ #supersized-loader { position:absolute; top:65%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/supersized/progress.gif) no-repeat center center; } #supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:1; height:100%; width:100%; } #supersized img { width:auto; height:auto; position:relative; max-width : none; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background: transparent; display:block; } #supersized a.prevslide { z-index:-20; } #supersized a.activeslide { z-index:-10; } #supersized a.image-loading { background:#111 url(../images/supersized/progress.gif) no-repeat center center; width:100%; height:100%; } #supersized a.prevslide img, #supersized a.activeslide img { display:inline; } .hide_function, .hide_thumbnails { position:absolute !important; top: -10px !important; left:-9999px !important; height : 0 !important; } /** Button Full Screen **/ #close-button-js { position:fixed; width:24px; height:53px; cursor:pointer; background : transparent url(../images/open-button.png) 0 -159px no-repeat; z-index:999; top:100px; left:420px; -webkit-transition : all 0.6s ease-in-out; -moz-transition : all 0.6s ease-in-out; -ms-transition : all 0.6s ease-in-out; -o-transition : all 0.6s ease-in-out; transition : all 0.6s ease-in-out; } #close-button-js { /*top:60px; right:-24px; BWI */ opacity:0.6; } #close-button-js:hover { opacity:1; } #close-button-js:active { background-position: 0 -106px; opacity:1; } #open-button-js { position:fixed; width:24px; height:53px; cursor:pointer; left:2px; top:100px; background : transparent url(../images/open-button.png) 0 -53px no-repeat; opacity:0.6; z-index:999; -webkit-transition : all 0.6s ease-in-out; -moz-transition : all 0.6s ease-in-out; -ms-transition : all 0.6s ease-in-out; -o-transition : all 0.6s ease-in-out; transition : all 0.6s ease-in-out; } .content-position-right #open-button-js { left:inherit; right:0px; background-position: 0 -159px; } #open-button-js:hover { opacity:1; } #open-button-js:active { background-position: 0 0px; opacity:1; } .content-position-right #open-button-js:active { background-position: 0 -106px; } /** Prev / Next Slide **/ #prevslide, #nextslide { position:fixed; height:43px; width:43px; bottom:50%; margin-top:-21px; opacity:0.4 !important; z-index:99; } #prevslide { left:15px; background: transparent url(../images/supersized/back.png) 0 0 no-repeat; } #nextslide { right:15px; background: transparent url(../images/supersized/forward.png) 0 0 no-repeat; } #prevslide:active, #nextslide:active { margin-top:-19px; } #prevslide:hover, #nextslide:hover { cursor:pointer; opacity:0.9 !important; } /** Thumbs **/ #thumb-tray { position:fixed; bottom:0; left:0; width:100%; margin-bottom:-6px; background: transparent url(../images/black-50.png) 0 0 repeat; overflow:hidden; text-align:center; box-shadow: 0px 0px 4px #000; z-index:40; } .menu-white #thumb-tray { background:transparent url(../images/white-40.png) 0 0 repeat; } #thumb-back, #thumb-forward { position:absolute; z-index:5; bottom:0; height:100%; width:40px; opacity:0.65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); } #thumb-back { left:0; background: url(../images/supersized/thumb-back.png) no-repeat center center; } #thumb-forward { right:0; background:url(../images/supersized/thumb-forward.png) no-repeat center center; } #thumb-back:hover, #thumb-forward:hover { cursor:pointer; background-color:rgba(255,255,255, 0.18); opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } #thumb-back:hover { border-right:1px solid rgba(255,255,255, 0.3); } #thumb-forward:hover { border-left:1px solid rgba(255,255,255, 0.3); } ul#thumb-list { display:inline-block; list-style:none; position:relative; left:0px; padding: 0; margin:0; } ul#thumb-list li { background:#111; list-style:none; display:inline; width:120px; overflow:hidden; float:left; margin:0; } ul#thumb-list li img { width:120px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); } ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } ul#thumb-list li:hover { cursor:pointer; } /****** Play - Pause button *******/ .control-slideshow { position:fixed; bottom:120px; right:15px; height:40px; width:40px; z-index:20; } #play-button > span { display:block; height:40px; width:40px; cursor:pointer; background: rgba(0,0,0,0.65) url(../images/supersized/pause.png) 0 0 no-repeat; border-radius:50%; border : 1px solid rgba(255,255,255,0.20); box-shadow : 0 0 6px 2px rgba(255,255,255,0.60); opacity:0.4; } #play-button > span:hover { opacity:0.9; } #play-button > span:active { opacity:0.9; box-shadow : 0 0 4px 0px rgba(255,255,255,0.65); } #play-button > span.full-screen-button-play { background-image: url(../images/supersized/play.png); } /************************************************************************************************************* ARTICLE JOOMLA **************************************************************************************************************/ /** icons **/ ul.actions { float:right; margin: 6px 8px 0 4px; padding:0 ; } ul.actions li { background-image: none; margin: 0 ; padding:0 ; list-style:none; display:inline-block; *display:inline; *zoom:1; } ul.actions a { text-decoration:none; } /** article info **/ .article-info { font-size:90%; margin:8px 0 15px 0; } .article-info dd { margin:0; } .article-info-term { display:none; } /** article index **/ #article-index { background: transparent url(../images/black-03.png) 0 0 repeat; border-radius: 6px; float: right; margin: 10px 0 20px 30px; clear : both; padding: 8px 12px; width: 17%; } /* ++++++++++++++ position ++++++++++++++ */ .blog-featured { padding: 0; } .items-leading { padding: 0; overflow:hidden; } div[class*="leading-"] { margin-bottom:35px; } .row-separator { display: block; clear: both; margin: 0; border: 0px; height:1px; } .item-separator { clear: both; margin: 0 0 20px 0; } .shownocolumns { width:98% !important; } /* ++++++++++++++ blog ++++++++++++++ */ .cols-1 { display: block; float: none !important; margin: 0 !important; } .cols-2 .column-1 { width:46%; float:left; } .cols-2 .column-2 { width:46%; float:right; margin:0; } .cols-3 .column-1 { float:left; width:30%; padding:0px 5px; margin-right:5%; } .cols-3 .column-2 { float:left; width:30%; margin-left:0; padding:0px 5px; } .cols-3 .column-3 { float:right; width:30%; padding:0px 5px; } .items-row { overflow:hidden; margin-bottom:30px !important; } .column-1, .column-2, .column-3, .column-4 { padding:10px 5px; } .column-2 { width:55%; margin-left:40%; } .column-3 { width:30%; } .cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4 { float: left; clear: right; width:22.75%; margin-left:0; } .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4 { margin-left:3%; } .blog-more { padding:10px 5px } span.content_rating img { display:inline-block; margin:0 1px; } span.content_vote input { display:inline-block; margin:0 2px; } .pagenav { list-style:none; margin: 0; padding:30px 0 0 0; } .pagenav-prev { float:left; } .pagenav-next { float:right; } /******************************************************************************************************************************************** SIDEBAR FOOTER *********************************************************************************************************************************************/ .sidebar-footer { position : absolute; bottom:0; left:0; right:0; padding: 0 0 0 40px ; z-index:10; } .address { clear:both; padding:0 40px; margin-bottom:12px; } .address p { margin: 0; } .address a { color : inherit; text-decoration:underline; } /************************************************************************************************************* BOTTOM MENU **************************************************************************************************************/ .bottom_menu { margin-top:12px; padding: 0 30px; } .bottom_menu .moduletable { margin:0; } .typo-light .bottom_menu { background: rgba(0,0,0,0.07); } .typo-dark .bottom_menu { background: rgba(255,255,255,0.07); } .bottom_menu ul { margin : 0; padding:0; } .bottom_menu li { padding: 8px 10px 4px 10px ; margin:0; display:inline-block; *display:inline; *zoom:1; line-height : inherit ; list-style : none; } .bottom_menu li a { display:inline-block; *display:inline; *zoom:1; text-decoration:none; font-weight:normal; font-size:90%; padding: 0; margin: 0; } .bottom_menu.without_address li { display:inline; float:none; width:auto; } .bottom_menu.without_address li a { display:inline; } /************************************************************************************************************* SCROLL TO TOP **************************************************************************************************************/ #toTop { bottom: 0px; cursor: pointer; display: none; position: fixed; right: 9px; text-align: center; z-index: 999; } #toTop .icon-up:before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; content: "\f0aa"; font-size:28px; color : #fff; opacity:0.6; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } #toTop:hover .icon-up:before { opacity:0.8; } #toTopText { display: none; } /************************************************************************************************************* OTHERS **************************************************************************************************************/ /** JS **/ .js-copyright { position : fixed; bottom:10px; right:3px; width:8px; height:130px; z-index:20; } .jslink { position : absolute; bottom:0; left:0; text-indent:-9999px; width:8px; height:130px; background : transparent url(../images/js_white_26.png) 0 0 no-repeat; z-index:1; display:none; } /** tooltips form **/ .tip-wrap { background-color:#fff; border:1px solid #ccc; border-radius : 6px; color : #666; z-index:999; } .tip { padding : 8px 8px 16px 8px; min-width:160px; color : #555; } .tip-wrap .tip-top, .tip-wrap .tip, .tip-wrap .tip-bottom { background-image : none; height:auto; } .tip-title { color : #028bc0; margin: -2px 0 4px 0; } .actions .tip { padding : 0; min-width:0; } .tooltip { position: absolute; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); background:transparent !important; border:none !important; z-index:999; } .tooltip * { color: #666 !important; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px ; padding: 5px 8px; } .tooltip.right { margin-left: 3px; padding: 5px 8px; } .tooltip.bottom { margin-top: 3px; padding: 5px 8px; } .tooltip.left { margin-left: -3px; padding: 5px 8px; } .tooltip-inner { max-width: 200px; padding: 8px 12px; margin-bottom:4px text-align: left; text-decoration: none; background-color: #fff; border:1px solid #ccc; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 48% !important; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #ccc; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #ccc; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #ccc; } .tooltip.bottom .tooltip-arrow { top: 0; left: 48% !important; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #ccc; } /** Image float style **/ .pull-left, .pull-right, img[align="left"], img[align="right"] { max-width:100%; } .pull-left, img[align="left"], .img_caption.left { float:left; margin: 0 20px 20px 0; } .pull-right, img[align="right"], .img_caption.right { float:right; margin: 0 0 20px 20px; } .img_caption img { margin-bottom:4px; } .pull-center { margin-left:0auto; margin-right:auto; } .pull-left img, .pull-right img, img[align="left"], img[align="right"] { margin-top:6px; } .js-border .pull-left img, .js-border .pull-right img, .js-border img[align="left"], .js-border img[align="right"] { margin-top:3px; } figcaption, p.img_caption { font-style:italic; font-size:85%; text-align:center; } .js-border figcaption { margin-top:-10px; } .img-fulltext-left, .pull-left.item-image { float:left; margin-right: 20px; margin-bottom: 20px; max-width:100%; } .img-intro-left { float: left; margin-right: 10px; margin-bottom: 10px; max-width:100%; } .img-fulltext-right, .pull-right.item-image { float: right; margin-left: 20px; margin-bottom: 20px; max-width:100%; } .img-intro-right { float: right; margin-left: 10px; margin-bottom: 10px; max-width:100%; } .img-fulltext-none { display:block; margin:10px 0; } .img_caption.none { margin-left:auto; margin-right:auto; } /** tags **/ .element-invisible { display:none !important; } .tag-category { min-height:300px; } .label-info { display:inline-block; *display:inline; *zoom:1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color : #2d6987; color: #eee; padding:2px 8px; -moz-box-shadow:1px 1px 2px #aaa; -webkit-box-shadow:1px 1px 2px #aaa; box-shadow:1px 1px 2px #aaa; *display: inline; *zoom: 1; } .label-info:hover { color : #fff; background-color : #32769a; -moz-box-shadow:1px 1px 2px #888; -webkit-box-shadow:1px 1px 2px #888; box-shadow:1px 1px 2px #888; } ul.inline { margin:0 0 26px 0; padding:0; } ul.inline > li, ol.inline > li { display:inline-block; *display:inline; *zoom:1; padding-left: 5px; padding-right: 5px; } .thumbnails { margin:0; list-style:none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .thumbnails > li { float: left; margin-left: 20px; } .tag-category ul.thumbnails { margin-top: 16px; } .list-striped, .row-striped { list-style: none; line-height: 18px; text-align: left; vertical-align: middle; border-top: 1px solid rgba(0,0,0,0.14); margin: 22px 0 10px 0; padding-left:0; } .list-striped li, .list-striped dd, .row-striped .row, .row-striped .row-fluid { border-bottom: 1px solid rgba(0,0,0,0.14); padding: 8px 14px 30px 14px; } .list-striped li > h3, .list-striped dd > h3, .row-striped .row > h3, .row-striped .row-fluid > h3 { border-bottom: 1px solid rgba(0,0,0,0.14); padding: 8px; margin : -8px -14px 20px -14px; font-size:130%; } .list-striped li:nth-child(odd), .list-striped dd:nth-child(odd), .row-striped .row:nth-child(odd), .row-striped .row-fluid:nth-child(odd) { background : rgba(0,0,0,0.03); } /** Error Message contact form **/ #system-message-container dl#system-message, #system-message-container #system-message > div { background-color : #f0f0f0; padding:14px 12px 8px 16px ; margin: 12px 4px 20px 0; -moz-box-shadow:2px 2px 4px #ccc; -webkit-box-shadow:2px 2px 4px #ccc; box-shadow:2px 2px 4px #ccc; } #system-message-container #system-message .error, #system-message-container #system-message h4 { padding-top:5px; font-size:140%; color: red ; } #system-message-container #system-message .error.message, #system-message-container #system-message > div > div { font-size:100%; color: #000 ; } #system-message-container ul { margin : 0 !important; } #system-message-container li { background-image : none !important; padding : 8px 0 0 0 !important; } #system-message a.close { display:none; } /** **/ select, textarea, input, .inputbox { background : transparent url(../images/black-04.png) 0 0 repeat; background : rgba(100,100,100,0.07) ; border: 1px solid #ddd; border-color:rgba(100,100,100,0.20); border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset; color: #666666; display: block; font-size: 13px; height: 38px; line-height: 1.42857; padding: 6px 12px; -webkit-transition : all 0.15s ease-in-out 0s; -moz-transition : all 0.15s ease-in-out 0s; -ms-transition : all 0.15s ease-in-out 0s; -o-transition : all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; width: auto; } input[type="radio"], input[type="checkbox"] { height:auto; } textarea { min-height:100px; } /** Contact category / Category list **/ table.category { margin-top:20px; } .contact-category th, .category-list th, table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th { background:rgba(0,0,0,0.05); text-transform:uppercase; font-size:95%; font-weight:normal; padding:14px; border:1px solid #ddd; } .contact-category td, .category-list td, table.weblinks td, table.newsfeeds td, table.category td, table.jlist-table td { padding:14px; border:1px solid #ddd; } .badge, .badge.tip { min-width:0; color: #fff; padding : 3px 7px; margin: 0 0 0 10px; font-weight:300; } /*** category description **/ .category-desc { background-color: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.04); border-radius: 4px; margin-bottom: 20px; min-height: 20px; padding: 15px 20px; font-size:110%; } /**** List all category **/ .categories-list > div { margin-bottom:40px; } .categories-list .page-header { text-align:left; } .categories-list .category-desc { border:none; background:transparent; padding:10px; font-size:100%; } /** Registration form **/ #member-registration dt { margin-top:20px; } #member-registration > div { margin:10px 0 60px; } .remind, .reset { margin-bottom:140px; } /** Login **/ .login label { margin-top:20px; } #remember-lbl { margin-right:8px; } .login #remember { display: inline-block; *display:inline; *zoom:1; height:auto; } .login button { margin: 20px 0 15px 0; } .login .form-horizontal .control-label { text-align : left; } .login + div .nav-tabs { border: none; } .login + div .nav-stacked > li + li { margin-top:0; } .login + div .nav-stacked > li { border: 1px solid #DDDDDD; } /** Module Login **/ #login-form label { font-weight:normal; } #login-form label[for="modlgn-passwd"] { margin-top:10px; } #login-form label[for="modlgn-remember"] { margin-right:8px; } #modlgn-remember { display: inline-block; *display:inline; *zoom:1; height:auto; } #login-form input[type="submit"] { margin:3px 0 15px 0; } #login-form ul { padding-left:15px; } .login-greeting { margin:20px 0 12px 0; } /** Module Login Joomla 3.X **/ #form-login-password, #form-login-remember { margin-top:13px; } #form-login-submit { margin: 10px 0 13px 0; } /** profile **/ .profile-edit dt { margin-top:20px; } .profile-edit form > div { margin:10px 0 60px 0; } /** News feed **/ .newsfeed li > h3 { font-size:140%; } .newsfeed-category { margin-bottom:40px; } .newsfeed-category form > ul { margin-top:30px; } .newsfeed-category form li { margin-bottom:24px; } /** Weblinks **/ .weblink-category td.title p a { display: inline-block; *display:inline; *zoom:1; margin-right:20px; } .weblink-category td.title p a:before { display: inline-block; *display:inline; *zoom:1; content:":"; margin: 0 10px; } .weblink-category td.title p + p { margin:0 0 30px 18px; font-style:italic; } .weblink-category td.hits { vertical-align:top; } .weblink-category dt, .weblink-category dd { display: inline-block; *display:inline; *zoom:1; } .weblink-category .item-title { font-size:120%; } /** Search form **/ #searchForm { margin:30px 0 80px 0; } .word label { margin: 0 12px 20px 0; } #search-searchword { display: inline-block; *display:inline; *zoom:1; margin:0 8px 20px 0; } fieldset.phrases { clear:both; margin-top:40px; } fieldset.phrases > div { margin-left:12px; } fieldset.phrases .phrases-box input { display:block; float:left; clear:both; margin-right:12px; } fieldset.phrases .phrases-box label { display:block; float:left; } fieldset.phrases .ordering-box { clear:both; padding-top:30px; } fieldset.phrases .ordering { margin-right:12px; } fieldset.phrases #ordering { display: inline-block; *display:inline; *zoom:1; } fieldset.only { clear:both; margin-top:40px; } fieldset.only input { display:block; float:left; clear:both; margin: 4px 12px 0 12px; } fieldset.only label { display:block; float:left; } /** for Joomla 3.5 **/ #searchForm .btn { margin-top:2px; } .icon-search { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search:before { content: "\f002"; } .search .controls label { clear:both; margin:0 0 7px 20px; } .search label.checkbox { clear:both; margin:0 0 7px 32px; } .search .radio, .search .checkbox { margin:0; padding:0; min-height:0; } .search .radio + .radio, .search .checkbox + .checkbox { margin-top:0; } /** Search results **/ dt.result-title { margin-top:30px; font-size:120%; } dt.result-title:first-child { margin-top:0; } .result-category { padding-bottom:14px; } .result-text .highlight { border:none; background:rgba(0,0,0,0.04); margin:0; padding:3px 9px; border-radius:4px; } .result-created { margin-top:8px; font-size:90%; font-style:italic; } /** Advanced search Joomla 3.5 **/ #finder-search { margin-bottom:80px; } #finder-search .word button, #finder-search .word a.btn { margin-top:20px; } /** Button ( Joomla 2.5 ) **/ input[type="submit"], button, .btn-primary, .btn-default, btn { background : transparent url(../images/black-50.png) 0 0 repeat; background: rgba(0,0,0,0.5); border-radius: 4px; border: 1px solid #999; border-color:rgba(0,0,0,0.2); color: #FFFFFF !important; font-size: 90%; font-weight:normal; text-shadow:none; letter-spacing:0.6px; margin:0; padding: 8px 11px; text-transform: uppercase; -webkit-transition : all 0.3s ease-in-out 0s; -moz-transition : all 0.3s ease-in-out 0s; -ms-transition : all 0.3s ease-in-out 0s; -o-transition : all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } input[type="submit"]:hover, button:hover, .btn-primary:hover, .btn-default:hover, btn:hover { background : transparent url(../images/black-60.png) 0 0 repeat; background: rgba(0,0,0,0.60); border: 1px solid #999; border-color:rgba(0,0,0,0.2); } input[type="submit"]:active, button:active, .btn-primary:active, .btn-default:active, btn:active { background : transparent url(../images/black-50.png) 0 0 repeat; background: rgba(0,0,0,0.5); border-radius: 4px; border: 1px solid #999; box-shadow: 1px 1px 3px rgba(0,0,0,0.6) inset; } /** Items more **/ .items-more { margin-top:50px; } .items-more .nav { border-bottom:none; } .items-more .nav-tabs { margin:0 0 0 10px; padding: 0 0 0 20px; list-style:inherit; } .items-more .nav-tabs > li > a { border:none; } .items-more .nav-stacked > li + li { margin-top:0; } .items-more .nav > li > a:hover, .items-more .nav > li > a:focus { background:transparent; } .items-more ol { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ counter-reset: li-counter; margin: 0 0 30px 10px; padding: 0 0 0 20px; } .items-more ol > li { position: relative; padding: 7px 10px 6px 0px; border-bottom: 1px dashed #ccc; border-color:rgba(0,0,0,0.16); } .items-more ol > li:first-child { border-top: 1px dashed #ccc; border-color:rgba(0,0,0,0.16); } .items-more ol > li a { display:block; margin:0; border:none; padding: 10px 15px; } .items-more ol > li:before { position: absolute; left: -28px; top: 12px; background: #f3f3f3; height: 27px; width: 27px; border: 1px solid rgba(0,0,0,.06); text-align: center; font: italic bold 12px/23px Georgia, Serif; color: #999; border-radius: 50%; content: counter(li-counter); counter-increment: li-counter; z-index: 1; } /** Pagination **/ .pagination { display: inline-block; *display:inline; *zoom:1; padding-left: 0; margin: 50px 0 10px 0; border-radius: 4px; } .pagination .pull-right { float:none !important; } .pagination ul { padding-left:2px; } .pagination li { display: inline-block; *display:inline; *zoom:1; } .pagination li > a, .pagination li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; background-color: rgba(0,0,0,0.03); border: 1px solid #ddd; border-color:rgba(0,0,0,0.10); } /** navigation inside Blog articles for Joomla 2.5 **/ .pagenav { list-style: outside none none; margin: 20px 0; padding-left: 0; text-align: center; *zoom: 1; } .pagenav:before, .pagenav:after { content: none; display: table; line-height: 0; } .pagenav:after { clear: both; } .pagenav li { display: inline; } .pagenav li > a, .pagenav li > span { border: 1px solid #ddd; border-radius: 15px; display: none; *display:inline; *zoom:1; padding: 5px 14px; } .pagenav-prev > a, .pagenav-prev > span { float: left; } .pagenav-next > a, .pagenav-next > span { float: right; } /************************************************************************************************************* Contact Form **************************************************************************************************************/ .main_component .contact { margin-bottom:100px; } .contact h1 { margin-bottom:30px; } .contact > h2 { margin: 0 0 30px 0; padding:0; } .contact > h3 { display: none; } .panel { background: #fff; background: rgba(255,255,255,0.5); border:none; } .contact .jicons-text { display:none; } .contact label { font-weight:normal; } .contact select, .contact textarea, .contact input[type="text"], .contact input[type="password"], .contact input[type="datetime"], .contact input[type="datetime-local"], .contact input[type="date"], .contact input[type="month"], .contact input[type="time"], .contact input[type="week"], .contact input[type="number"], .contact input[type="email"], .contact input[type="url"], .contact input[type="search"], .contact input[type="tel"], .contact input[type="color"], .contact .inputbox { width:100%; } /************************ Contact infos ****************/ .contact-position, .contact-address, p > span.contact-emailto, p > span.contact-telephone, p > span.contact-fax, p > span.contact-mobile, p > span.contact-webpage { margin-left:70px; } dd > span.contact-emailto, dd > span.contact-telephone, dd > span.contact-fax, dd > span.contact-mobile, dd > span.contact-webpage { display:block; margin-top:20px; } .contact-position.dl-horizontal dd, .contact-address.dl-horizontal dd { margin-left:0; } /** Contact image **/ .contact-image { margin: 0 0 30px 36px; } #slide-contact .thumbnail.pull-right { margin: 0 12px 12px 20px; } /** Contact position **/ .contact-position { margin-bottom:20px; } #slide-contact dd { margin-left:0; } p.contact-position:before, .contact-position dd:before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; content: "\f007"; width: 27px; margin-left:-30px; vertical-align: middle; } /** Address **/ .contact address:before, .contact-postcode::before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; content: "\f041"; width: 27px; margin-left:-30px; vertical-align: middle; } .contact-street { /*margin-left:-3px; BWI*/ font-size: 140%; } /** Infos **/ .contact-contactinfo p { margin-bottom:20px; } .contact-emailto:before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; content: "\f0a4"; width: 24px; margin-left:-31px; vertical-align: middle; } .contact-telephone:before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; content: "\f095"; width: 24px; margin-left:-31px; vertical-align: middle; } .contact-fax:before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; content: "\f02f"; width: 24px; margin-left:-31px; vertical-align: middle; } .contact-mobile:before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; content: "\f10b"; width: 24px; margin-left:-31px; vertical-align: middle; } .contact-webpage:before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; content: "\f08e"; width: 24px; margin-left:-31px; vertical-align: middle; } /** Contact Form **/ .contact-form { margin:50px 10px 10px 10px; padding:30px; border-radius:6px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; box-shadow : 0 -25px 42px -21px rgba(100,100,100,0.14), 0 25px 42px -21px rgba(100,100,100,0.14); } .contact legend { font-size: 14px; line-height: 20px; margin-bottom: 20px; padding: 0 0 5px 0; } .contact-form dl, /** J2.5 **/ .contact-form .control-group { /** J3.5 **/ max-width:400px; } .contact .contact-form dt, /** J2.5 **/ .contact .form-horizontal .control-label { /** J3.5 **/ padding-top: 10px; text-align:left; } #jform_contact_email_copy-lbl { float:left; margin-right:30px; } .contact .contact-form dd, /** J2.5 **/ .contact .form-horizontal .control-group { /** J3.5 **/ margin-bottom: 20px; } #jform_contact_email_copy { display: inline-block; *display:inline; *zoom:1; margin-top:0; height:19px; width:19px; } .contact .contact-form button { margin:30px 0 0 5px; } .contact-form .optional { display:none; } /** Misc Infos **/ .contact-miscinfo { margin: 30px 0; padding:15px; background-color: #D9EDF7; border-left: 10px solid rgba(0,0,0,0.03); } .jicons-icons img { display:none; } /********** Contact Sliders ****************/ .accordion-inner { *zoom: 1; } .accordion-inner:before, .accordion-inner:after { display: table; content: ""; line-height: 0; } .accordion-inner:after { clear: both; } .accordion-group { /** J3.5 **/ margin-bottom:20px; background: #fff; background: rgba(255,255,255,0.5); border:none; } .contact .pane-toggler-down + div, /** J2.5 **/ .accordion-body.in { /** J3.5 **/ border:1px solid #e8e8e8 !important; border-top:none !important; padding-top:25px !important; } .pane-sliders #basic-details, .pane-sliders #display-form, .pane-sliders #display-misc { margin:0; padding:0; } #basic-details > a, #display-form > a, #display-misc > a, /** J2.5 **/ .accordion-heading > strong > a { /** J3.5 **/ display:block; color: inherit; padding:10px 15px; border: 1px solid #e8e8e8; border-color: rgba(0,0,0,0.07); font-weight:normal; background: #eee; background: rgba(0,0,0,0.05); -webkit-transition : background 0.3s ease-in-out 0s; -moz-transition : background 0.3s ease-in-out 0s; -ms-transition : background 0.3s ease-in-out 0s; -o-transition : background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s; } .pane-sliders #basic-details a:hover, .pane-sliders #display-form a:hover, .pane-sliders #display-misc a:hover, .pane-sliders #basic-details.pane-toggler-down a, .pane-sliders #display-form.pane-toggler-down a, .pane-sliders #display-misc.pane-toggler-down a, /** J2.5 **/ .accordion-heading strong a:hover, .accordion-heading strong a:focus { /** J3.5 **/ background: #ddd; background: rgba(0,0,0,0.10); color: inherit; text-decoration:none; } .pane-sliders .contact-form, /** J2.5 **/ .accordion-group .contact-form { /** J3.5 **/ margin:0 ; padding:15px; border-radius:6px; border: none; box-shadow :none; } .contact #display-misc.pane-toggler-down + div, /** J2.5 **/ .accordion-group #display-misc { /** J3.5 **/ padding-top:0 !important; } .pane-sliders .contact-miscinfo, /** J2.5 **/ .accordion-group .contact-miscinfo { /** J3.5 **/ margin: 0; border:none; background:transparent; } /********** Contact Tabs ****************/ #myTabContent dd { margin-left:0; } dl.tabs { clear: both; margin: 50px 0 0 0; } div.current, #myTabContent { border: 1px solid #ddd; clear: both; padding: 30px 10px 15px 10px; } div.current dd { margin: 0; padding: 0; } dl.tabs dt, #myTabTabs li { background: none repeat scroll 0 0 #F0F0F0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; color: #666666; float: left; margin-right: 4px; padding: 4px 10px; } #main dl.tabs h3, #main2 dl.tabs h3 { margin: 0; } .contact .tabs h3 { margin: 0; padding : 4px 12px; font-weight:normal; } .open h3 a { text-decoration : none; font-weight:normal; } #myTabTabs li a, #myTabTabs li a:hover { background:transparent; border:none; text-decoration:none; margin:0; } .tabs .contact-form, #myTabContent .contact-form { margin:0 ; padding:15px; border-radius:6px; border: none; box-shadow :none; } .tabs .contact-miscinfo, /** J2.5 **/ #myTabContent .contact-miscinfo, .contact-miscinfo dl, .contact-miscinfo dd { /** J3.5 **/ margin: 0; border:none; background:transparent; } /** Frontend admin Joomla 3.5 **/ form#application-form { padding-bottom:100px; } form#application-form fieldset.form-horizontal { margin-top:30px; } form#application-form .control-label { margin:20px 0 10px 0; padding:0; } #jform_offline, #jform_sef { padding: 10px 0 0 0; display:block; } #jform_offline input, #jform_sef input { display:block; float:left; clear:both; margin: 0 8px 0 0; } #jform_offline label, #jform_sef label { display:block; float:none; margin: -4px 0 10px 0; } /** Frontend admin article Joomla 3.5 **/ .edit #adminForm .btn-toolbar { margin:20px 0 0px 0; } .edit #adminForm > fieldset { margin-bottom:100px; } .edit #adminForm .btn-toolbar + fieldset > ul { display:none; } .edit #adminForm .control-label { margin:20px 0 3px 0; padding:0; } .edit #adminForm .tab-content > .tab-pane { display: block; clear:both; border-top:2px dotted #ddd; padding-top:30px; margin-top:30px; } .edit #adminForm .editor { margin-top:20px; } .edit #adminForm .chzn-container-multi .chzn-choices li.search-field input[type="text"] { height:auto; } #jform_publish_up, #jform_publish_down { float:left; } #jform_publish_up_img, #jform_publish_down_img { display: inline-block; *display:inline; *zoom:1; margin:1px 0 0 6px; background:rgba(0,0,0,0.4); } .icon-calendar, .icon-remove, .icon-eye, [class*="icon-folder"] { display: inline-block; *display:inline; *zoom:1; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size:20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-calendar:before { content: "\f073"; } .edit .media-preview, .edit .media-preview ~ a { display:inline-block; *display:inline; *zoom:1; background : transparent url(../images/black-04.png) 0 0 repeat; background : rgba(100,100,100,0.12) ; border: 1px solid #bbb; border-color:rgba(100,100,100,0.20); border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset; color: #666666; font-size: 13px; height: 38px; line-height: 26px; padding: 6px 12px; margin:-1px 1px 0 1px; -webkit-transition : all 0.15s ease-in-out 0s; -moz-transition : all 0.15s ease-in-out 0s; -ms-transition : all 0.15s ease-in-out 0s; -o-transition : all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; width: auto; } .media-preview + input { display:inline; } .edit .media-preview ~ a:hover { background : transparent url(../images/black-06.png) 0 0 repeat; background : rgba(100,100,100,0.17) ; } .icon-remove:before { content: "\f12d"; } .icon-eye:before { content: "\f06e"; } /***************************************************************************************** Create an Article Joomla 2.5 / 3.5 ******************************************************************************************/ .edit #adminForm .formelm, .edit .formelm-area, .edit .form-note { clear:both; padding-top:12px; } .edit #adminForm .formelm-buttons { margin:12px 0 ; } .edit .readmore { clear:none; margin:0; } .edit .readmore a { background: transparent; border: none; padding: 0 24px 0 6px; } .edit label { clear:both; } .edit .inputbox { clear:both; } .editor button:hover { background: inherit; border:none; } /***************************************************************************************** Iframe ******************************************************************************************/ body.modal { min-width:0; background: #fff; padding:0; margin:0; } .modal a { color: #08c; } iframe, svg { max-width:100%; } #sbox-window, #sbox-window * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .well { background: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.06); border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 10px; } .row, .row-fluid { width: 100%; *zoom: 1; } .row:before, .row-fluid:before, .row:after, .row-fluid:after { display: table; line-height: 0; content: ""; } .row:after, .row-fluid:after { clear: both; } .modal .row [class*="span"], .modal .row-fluid [class*="span"] { display: block; float: left; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modal .row [class*="span"]:first-child, .modal .row-fluid [class*="span"]:first-child { margin-left: 0; } .modal .row .controls-row [class*="span"] + [class*="span"], .modal .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .modal .span12 { width: 100%; *width: 99.94680851063829%; } .modal .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .modal .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .modal .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .modal .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .modal .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .modal .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .modal .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .modal .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .modal .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .modal .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .modal .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 18px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 18px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055); box-shadow: 0 1px 3px rgba(0,0,0,0.055); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a.thumbnail:hover, a.thumbnail:focus { border-color: #08c; -webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25); -moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25); box-shadow: 0 1px 4px rgba(0,105,214,0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555; } .height-50 { height:50px; } .height-80 { height: 80px; } .width-80 { width: 80px; } .center, .table td.center, .table th.center { text-align: center; } [class*="icon-folder"]:before { content: "\f07b"; } /**************************** frontend editing module ***********************/ body .jmodedit { background: #fff !important; border-radius:6px; border: 1px solid rgba(0,0,0,0.4); padding:6px; width:52px; height:46px; } body .jmodedit:hover { background: #fff !important; } body .jmodedit .icon-edit, body .popover .icon-edit { color: #666 !important; } body .jmodedit:hover .icon-edit, body .popover:hover .icon-edit { color: #222 !important; } .icon-edit { display: inline-block; *display:inline; *zoom:1; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size:20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-edit:before { content: "\f044"; } #modules-form .accordion-body { padding: 20px; } #modules-form label { display: block; } #modules-form .control-label .hasTooltip { display: inline-block; *display: inline; *zoom:1; } #modules-form .chzn-container { width : 220px !important; } #modules-form .nav-tabs { border : none; } #modules-form .media-preview { float:left; margin : 7px 16px 0 8px; } #modules-form .spacer { text-indent: -9999em; border-bottom: 2px dotted rgba(0,0,0,0.16); margin-bottom:18px; display:block; } .collapse:hover { overflow: visible; }