/** 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; cursor:default; } [style*="justify"] { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .page-header { border:none; margin:0; padding:0; -webkit-hyphens: initial; -moz-hyphens: initial; hyphens: initial; } 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%; } .nav > li > a > img { max-width: 100%; } .nav > li > a > img { max-width: 100%; } .nav > li > a:hover, .nav > li > a:focus { background-color: transparent ; } .nav-tabs > li > a:hover { border-color: transparent; } .form-horizontal .control-label { text-align:left; } td, th, label, dt { font-weight:300; } ul, ol { margin: 10px 0; padding: 0 0 0 20px; } ul ul, ol ul, ul ol, ol ol { margin:8px 0 14px 0; padding: 0 0 0 22px; } 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; } /************************************************************************************************************* ANIMATIONS **************************************************************************************************************/ .animCSS3 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-timing-function:ease-out; -webkit-animation-timing-function:ease-out; } @-webkit-keyframes slideLeftRetourn { 0% { opacity:0; -webkit-transform-origin: 0 0; -webkit-transform: translateX(-15px); } 100% { opacity:1; -webkit-transform-origin: 0 0; -webkit-transform: translateX(0); } } @keyframes slideLeftRetourn { 0% { opacity:0; transform-origin: 0 0; transform: translateX(-15px); } 100% { opacity:1; transform-origin: 0 0; transform: translateX(0); } } @-webkit-keyframes slideRightRetourn { 0% { opacity:0; -webkit-transform-origin: 0 0; -webkit-transform: translateX(15px); } 100% { opacity:1; -webkit-transform-origin: 0 0; -webkit-transform: translateX(0); } } @keyframes slideRightRetourn { 0% { opacity:0; transform-origin: 0 0; transform: translateX(15px); } 100% { opacity:1; transform-origin: 0 0; transform: translateX(0); } } @-webkit-keyframes slideUpRetourn { 0% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(10px); } 100% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(0); } } @keyframes slideUpRetourn { 0% { transform-origin: 0 0; transform: translateY(10px); } 100% { transform-origin: 0 0; transform: translateY(0); } } @-webkit-keyframes slideDownRetourn { 0% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(-15px); } 100% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(0); } } @keyframes slideDownRetourn { 0% { transform-origin: 0 0; transform: translateY(-15px); } 100% { transform-origin: 0 0; transform: translateY(0); } } @-webkit-keyframes littleFade { 0% { opacity:0; top:-8px; } 100% { opacity:1; top:0; } } @keyframes littleMoveUp { 0% { opacity:0; top:-8px; } 100% { opacity:1; top:0; } } @-webkit-keyframes swashIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0.9, 0.9); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); } } @keyframes swashIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0.92, 0.95); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); } } @-webkit-keyframes slide-left-delay { 0% { opacity:0; -webkit-transform-origin: 0 0; -webkit-transform: translateX(-30%); } 50% { opacity:0; -webkit-transform-origin: 0 0; -webkit-transform: translateX(-30%); } 100% { opacity:1; -webkit-transform-origin: 0 0; -webkit-transform: translateX(0%); } } @keyframes slide-left-delay { 0% { opacity:0; transform-origin: 0 0; transform: translateX(-30%); } 50% { opacity:0; transform-origin: 0 0; transform: translateX(-30%); } 100% { opacity:1; transform-origin: 0 0; transform: translateX(0%); } } @-webkit-keyframes slide-right-delay { 0% { opacity:0; -webkit-transform-origin: 0 0; -webkit-transform: translateX(30%); } 50% { opacity:0; -webkit-transform-origin: 0 0; -webkit-transform: translateX(30%); } 100% { opacity:1; -webkit-transform-origin: 0 0; -webkit-transform: translateX(0%); } } @keyframes slide-right-delay { 0% { opacity:0; transform-origin: 0 0; transform: translateX(30%); } 50% { opacity:0; transform-origin: 0 0; transform: translateX(30%); } 100% { opacity:1; transform-origin: 0 0; transform: translateX(0%); } } /******************************************************************************************************************************************** SITE *********************************************************************************************************************************************/ html { } body { min-width:980px; height:auto !important; /** to prevent a pb with Skrollr of JoomSpirit slider **/ text-align:left; color:#555; font: normal 0.8em/1.5 verdana, geneva, sans-serif; font-weight:300; background:#f2f2f2; } .uppercase-all * { text-transform: uppercase; } p { margin : 0 0 10px 0; } /** SITE **/ .wrapper-website { position:relative; width:980px; max-width:96%; margin : 0 auto; } .zindex10 { position:relative; z-index:10; } .zindex20 { position:relative; z-index:20; } .zindex30 { position:relative; z-index:30; } /************************************************************************************************************* HEADER **************************************************************************************************************/ .website-header { position:fixed; left:0; right:0; border-bottom: 2px solid #ff6600; } .website-header .wrapper-website { max-width:100%; } .empty-space { height:116px; } /************************************************************************************************************* Address and Contact parts **************************************************************************************************************/ .button-header-address { float:right; text-transform:uppercase; line-height:100px; transition : all 0.2s linear; cursor:pointer; } .website-header.header-fixed .button-header-address { line-height:60px; transition : all 0.6s ease-in-out; } .uppercase-none .button-header-address { text-transform: none; } .header-address-contact-opening { position:relative; overflow:hidden; display:none; box-shadow: 0 -3px 10px rgba(0,0,0,0.1) inset } .header-address-contact-opening > div { padding:40px 15px; } .header-address-contact-opening > div > div { position:relative; float:left; width:50%; padding: 0 20px 0 30px; } .header-address-contact-opening.parts-3 > div > div { width:33%; } .header-address-contact-opening [class^="fa-"]:before { font-size: 30px; position: absolute; left: 0; top: 3px; } .address-title, .contact-title, .opening-time-title { display:block; margin-bottom:6px; font-weight:bold; } /********************************************* LOGO ******************************************/ .logo-module { position:relative; float:left; margin: 0 18px 0 12px; } .logo-module p { margin:0; } .logo-module img { transition : all 0.2s linear; } .logo-module a, .logo-module a:hover { text-decoration:none; outline:none; } .website-title-text { text-align:center; transition : all 0.2s linear; display:table; /** to centered the title and optionnal slogan **/ height:100px; } .website-title-text > div { position:relative; display:table-cell; vertical-align:middle; } .website-title { display:block; font-size: 50px; line-height:60px; /** height of the Header **/ word-spacing: 3px; font-weight: normal; transition : all 0.2s linear; } .website-title span { transition : all 0.2s linear; } .website-slogan { display:block; font-weight: normal; margin-top:-5px; transition : all 0.2s linear; } .header-fixed .website-title-text { height:60px; } .header-fixed .website-slogan { display:none; } /********************************************* Translate ***********************************/ .module-translate { position:absolute; bottom: -30px; right:6px; } .module-translate .module-title { display:none; } .module-translate .moduletable { display:inline-block; *display:inline; *zoom:1; margin:0; } .module-translate .moduletable > div { padding: 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 { text-align:center; padding:12px 0; margin-top:30px; margin-bottom:30px; } .social-links ul { display:inline-block; *display:inline; *zoom:1; margin:0; padding:0; } .social-links li { display:inline-block; *display:inline; *zoom:1; width:auto; list-style:none; margin-left:-4px; } .social-links .text_social_icons { display:inline-block; *display:inline; *zoom:1; margin: 0 6px 0 0; font-size : 110%; vertical-align:middle; } .social-links li a { display:inline-block; *display:inline; *zoom:1; text-align:center; width:38px; line-height:38px; border-radius:50%; transition : all .5s ease-in-out; } .social-links li a i { font-size:22px; vertical-align:middle; } .social-links li a:hover { background:rgba(0,0,0,0.18); transition : all 0.5s ease-in-out; } /************************************************************************************************************* MAIN MENU **************************************************************************************************************/ .drop-down { position:relative; float:right; } span.title_menu { display: none; } .drop-down ul, .drop-down li { list-style: none; margin: 0; padding: 0; } .drop-down li { position:relative; display:inline-block; *display:inline; *zoom:1; z-index:1; padding: 0; margin:0; } .drop-down li:hover, .drop-down li:focus { position: relative; z-index: 10; cursor: default; } .drop-down li ul { display : none ; position: absolute; top: 100%; left: 0; z-index: 0; opacity:0; width: 240px; border-radius: 0 0 8px 8px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); font-size:90%; padding:6px 0; } .drop-down li ul.submenu-off-screen { left:initial; right:0; } .drop-down li li ul.submenu-off-screen { left:initial; right:100%; } .drop-down.columns-2 > div > ul > li > ul { width: 360px; } .drop-down.columns-2 > div > ul > li > ul > li { float:left; width:180px; } .drop-down.columns-3 > div > ul > li > ul { width: 500px; margin-left:-166px; } .drop-down.columns-3 > div > ul > li > ul > li { float:left; width:166px; } .drop-down.columns-2 > div > ul > li > ul > li:nth-child(2n+3) { clear:left; } .drop-down.columns-3 > div > ul > li > ul > li:nth-child(3n+4) { clear:left; } .drop-down li ul ul { top:0; left: 98%; margin:0; padding:0; font-size:100%; border-radius:8px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); } .drop-down li ul:hover { } .drop-down li li ul:hover { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); } .drop-down li li { float:none; padding: 0 15px; width:100%; } .drop-down li a, .drop-down li span { display : block; padding: 0; margin: 0 1px 0 0; font-weight: normal; text-decoration: none; text-transform:uppercase; text-align:left; line-height:100px; transition : none; word-wrap: break-word; transition : all 0.2s linear; } .uppercase-none .drop-down li a, .uppercase-none .drop-down li span { text-transform: none; } .drop-down li li a, .drop-down li li span { display : block; /** change **/ letter-spacing: 0px; padding: 13px 0; margin:0; line-height:inherit; } .drop-down li li li:first-child, .drop-down li li li:first-child a, .drop-down li li li:first-child span { border-radius:8px 8px 0 0; } .drop-down li li:last-child, .drop-down li li:last-child a, .drop-down li li:last-child span { border-radius:0 0 8px 8px; } .drop-down li a:hover, .drop-down li span:hover { transition : none; } @media screen and (min-width: 980px) { .drop-down li:hover > ul, .drop-down li:focus > ul { display : block ; z-index:10; opacity:1; transition : all 0.4s ease-in-out ; } .drop-down > div > ul > li.parent:hover { box-shadow: 0 0px 150px rgba(0,0,0,0.12), 0 0px 5px rgba(0,0,0,0.12); transition : all .4s ease-in-out; } } .drop-down a[href="#"] { cursor : default; } .drop-down li:hover > a, .drop-down li:hover > span { background:transparent; /** important for Joomla 3 Bootstrap **/ } /** animation menu **/ @media screen and (min-width: 980px) { .drop-down ul > li:hover > ul, .drop-down ul > li:focus > ul { animation : main_menu 0.4s ease 1; } @keyframes main_menu { 0% { top:80%; opacity:0.2; } 100% { top:100%; opacity:1; } } .drop-down ul ul > li:hover > ul, .drop-down ul ul > li:focus > ul { animation : sub_menu 0.4s ease 1; } @keyframes sub_menu { 0% { top:-15%; opacity:0; } 100% { top:0; opacity:1; } } } /** Header fixed **/ @media screen and (min-width: 980px) { .website-header.header-fixed .drop-down > div > ul > li > a, .website-header.header-fixed .drop-down > div > ul > li > span { line-height:60px; transition : all 0.6s ease-in-out; } .website-header.header-fixed .website-title-text { height:60px; padding-top:0; padding-bottom:0; transition : all 0.6s ease-in-out; } .website-header.header-fixed .logo-module .website-title { line-height:56px; transition : all 0.6s ease-in-out; } .website-header.header-fixed .website-title span { font-size:90%; transition : all 0.6s ease-in-out; } .website-header.header-fixed .logo-module img { max-height:60px; transition : all 0.6s ease-in-out; } .website-header.header-fixed .website-slogan { display:none; } } /******************************************************************************************************************************************** MODULE IMAGE **********************************************************************************************************************************************/ .image-position { position:relative; overflow:hidden; z-index:1; box-shadow: 0 0 16px rgba(0,0,0,0.25); } .image-position .moduletable > div { padding: 0; } .text-above-slideshow { position:absolute; top:0; bottom:0; right:0; left: 50%; padding:40px; z-index:99; } .text-above-slideshow > div { display:table; height:100%; } .text-above-slideshow > div > div { position:relative; display:table-cell; vertical-align:middle; } .title-slideshow { display:block; margin-bottom:20px; line-height:1.2; } .text-slideshow { display:block; } .link-slideshow { display:inline-block; margin-top:30px; padding: 10px 20px; } .link-slideshow:hover { text-decoration:none; background-image: url(../images/black-08.png); background-repeat:repeat; background-position:0 0; } /** mask **/ .mask-above-slideshow { position: absolute; bottom: -200vh; left: -60vw; top: -200vh; transform: rotateZ(-26deg); width: 100vw; z-index: 9; } /** animation **/ .mask-above-slideshow.animCSS3 { animation : anim_mask_slideshow 2s ease-out; } @keyframes anim_mask_slideshow { 0% { margin-left: -330px; opacity:0; } 50% { margin-left: -330px; opacity:0; } 100% { margin-left: 0; opacity:1; } } .text-above-slideshow.animCSS3 { animation : anim_text_slideshow 2s ease-out; } @keyframes anim_text_slideshow { 0% { left:calc(50% - 200px); opacity:0; } 50% { left:calc(50% - 200px); opacity:0; } 100% { left: 50%; opacity:1; } } /******************************************************************************************************************************************** MIDDLE WEBSITE *********************************************************************************************************************************************/ .website-content { position:relative; } .main-columns { clear:both; margin-top:40px; } /******************************************************************************************************************************************** positions IMAGE-TEXT-TOP and IMAGE-TEXT-BOTTOM *********************************************************************************************************************************************/ .image-text-top { margin:30px 0; } .image-text-top .moduletable, .image-text-bottom .moduletable { margin:0; } .image-text-top .moduletable > div, .image-text-bottom .moduletable > div { padding:0; } .image-text-top .module-title, .image-text-bottom .module-title { margin: 40px 0 30px 0; text-align:center; } .image-text-top .image-text-column h2, .image-text-bottom .image-text-column h2 { position:relative; display:inline-block; padding: 0 20px 10px 20px; border-bottom: 2px solid transparent; } [class*="color-"] > .image-text-column h2 { color : inherit; } .image-text-top [class*="color-"] > .image-text-column h2, .image-text-bottom [class*="color-"] > .image-text-column h2 { border-color:inherit; } [class*="color-"] > .image-text-column a { text-decoration:none; border-color: rgba(0,0,0,0.6); } [class*="color-"] > .image-text-column a:hover { background: rgba(0,0,0,0.6); color: rgba(255,255,255,0.8); } .color-black > .image-text-column a, .color-darkgrey > .image-text-column a, .color-indigo > .image-text-column a, .color-maroon > .image-text-column a, .color-midnightblue > .image-text-column a, .color-navy > .image-text-column a, .color-darkblue > .image-text-column a, .color-burlywood > .image-text-column a { border-color: rgba(255,255,255,0.4); } .color-black > .image-text-column a:hover, .color-darkgrey > .image-text-column a:hover, .color-indigo > .image-text-column a:hover, .color-maroon > .image-text-column a:hover, .color-midnightblue > .image-text-column a:hover, .color-navy > .image-text-column a:hover, .color-darkblue > .image-text-column a:hover, .color-burlywood > .image-text-column a:hover { border-color: rgba(255,255,255,0.8); } /********* code for a a single link with a background color *********/ a[class*="color-"] { border: 1px solid rgba(0, 0, 0, 0.15) !important; text-decoration: none !important; display: inline-block; font-size: 100%; letter-spacing: 2px !important; line-height: 20px !important; margin: 16px 6px 14px 6px !important; padding: 7px 20px !important; text-transform: uppercase; box-shadow: 3px 3px 18px -8px rgba(0, 0, 0, 0.35) !important; transition: all 0.4s linear; } a[class*="color-"]:hover { box-shadow: 8px 8px 23px -8px rgba(0, 0, 0, 0.5) !important; text-decoration:none; transition: all 0.4s linear; } a[class*="color-"]:focus { box-shadow: 3px 3px 18px -8px rgba(0, 0, 0, 0.35), 3px 3px 8px 0 rgba(0, 0, 0, 0.3) inset; } /********* style if width screen > 980 pixels *******/ @media screen and (min-width: 980px) { .image-text-top .image-text-image, .image-text-bottom .image-text-image { width: 50%; } .image-text-top .image-text-column, .image-text-bottom .image-text-column { float:none; margin-left:50%; padding:50px 35px 80px 80px; width:50%; } .image-text-top .image-text-right .image-text-column, .image-text-bottom .image-text-right .image-text-column { padding-left:30px; } .image-text-top .image-text-left .image-text-column, .image-text-bottom .image-text-left .image-text-column { padding-right:30px; } .boxed_layout .image-text-top .image-text-right .image-text-column, .boxed_layout .image-text-bottom .image-text-right .image-text-column { padding:30px 46px 30px 45px; } .boxed_layout .image-text-top .image-text-left .image-text-column, .boxed_layout .image-text-bottom .image-text-left .image-text-column { padding:30px 45px 30px 46px; } .image-text-top .image-text-column h2, .image-text-bottom .image-text-column h2 { display:block; padding: 0 0 10px 5px; } } /*** Shadow around image ****/ [class*="shadow-image-"] .image-text-image { box-shadow: 0 0 32px 35px inset; } .shadow-image-white .image-text-image { color:#fff !important; } .shadow-image-peachpuff .image-text-image { color:#ffdab9 !important; } .shadow-image-papayawhip .image-text-image { color:#ffefd5 !important; } .shadow-image-moccasin .image-text-image { color:#ffe4b5 !important; } .shadow-image-goldenrod .image-text-image { color:#daa520 !important; } .shadow-image-gold .image-text-image { color:#ffd700 !important; } .shadow-image-khaki .image-text-image { color:#f0e68c !important; } .shadow-image-lemonchiffon .image-text-image { color:#fffacd !important; } .shadow-image-palegoldenrod .image-text-image { color:#eee8aa !important; } .shadow-image-darkkhaki .image-text-image { color:#bdb76b !important; } .shadow-image-yellow .image-text-image { color:#ffff00 !important; } .shadow-image-lightgoldenrodyellow .image-text-image { color:#fafad2 !important; } .shadow-image-lightyellow .image-text-image { color:#ffffe0 !important; } .shadow-image-darkcyan .image-text-image { color:#008b8b !important; } .shadow-image-cyan .image-text-image { color:#00ffff !important; } .shadow-image-teal .image-text-image { color:#008080 !important; } .shadow-image-lightcyan .image-text-image { color:#e0ffff !important; } .shadow-image-olive .image-text-image { color:#808000 !important; } .shadow-image-olivedrab .image-text-image { color:#6b8e23 !important; } .shadow-image-yellowgreen .image-text-image { color:#9ACD32 !important; } .shadow-image-darkolivegreen .image-text-image { color:#556b2f !important; } .shadow-image-greenyellow .image-text-image { color:#adff2f !important; } .shadow-image-chartreuse .image-text-image { color:#7fff00 !important; } .shadow-image-lawngreen .image-text-image { color:#7cfc00 !important; } .shadow-image-darkgreen .image-text-image { color:#006400 !important; } .shadow-image-green .image-text-image { color:#008000 !important; } .shadow-image-forestgreen .image-text-image { color:#228b22 !important; } .shadow-image-lime .image-text-image { color:#00ff00 !important; } .shadow-image-limegreen .image-text-image { color:#32cd32 !important; } .shadow-image-lightgreen .image-text-image { color:#90ee90 !important; } .shadow-image-palegreen .image-text-image { color:#98fb98 !important; } .shadow-image-darkseagreen .image-text-image { color:#8fbc8f !important; } .shadow-image-seagreen .image-text-image { color:#2e8b57 !important; } .shadow-image-mediumseagreen .image-text-image { color:#3cb371 !important; } .shadow-image-springgreen .image-text-image { color:#00ff7f !important; } .shadow-image-mediumspringgreen .image-text-image { color:#00fa9a !important; } .shadow-image-lightseagreen .image-text-image { color:#20b2aa !important; } .shadow-image-mediumaquamarine .image-text-image { color:#66cdaa !important; } .shadow-image-darkred .image-text-image { color:#8b0000 !important; } .shadow-image-firebrick .image-text-image { color:#b22222 !important; } .shadow-image-red .image-text-image { color:#ff0000 !important; } .shadow-image-indianred .image-text-image { color:#cd5c5c !important; } .shadow-image-lightcoral .image-text-image { color:#f08080 !important; } .shadow-image-salmon .image-text-image { color:#fa8072 !important; } .shadow-image-darksalmon .image-text-image { color:#e9967a !important; } .shadow-image-lightsalmon .image-text-image { color:#ffa07a !important; } .shadow-image-crimson .image-text-image { color:#dc143c !important; } .shadow-image-deepskyblue .image-text-image { color:#00bfff !important; } .shadow-image-blue .image-text-image { color:#0000ff !important; } .shadow-image-aquamarine .image-text-image { color:#7fffd4 !important; } .shadow-image-turquoise .image-text-image { color:#40e0d0 !important; } .shadow-image-mediumturquoise .image-text-image { color:#48d1cc !important; } .shadow-image-aqua .image-text-image { color:#00ffff !important; } .shadow-image-paleturquoise .image-text-image { color:#afeeee !important; } .shadow-image-ocean .image-text-image { color:#39947f !important; } .shadow-image-lightcyan .image-text-image { color:#e0ffff !important; } .shadow-image-darkturquoise .image-text-image { color:#00ced1 !important; } .shadow-image-cadetblue .image-text-image { color:#5f9ea0 !important; } .shadow-image-powderblue .image-text-image { color:#b0e0e6 !important; } .shadow-image-lightblue .image-text-image { color:#add8e6 !important; } .shadow-image-skyblue .image-text-image { color:#87ceeb !important; } .shadow-image-lightskyblue .image-text-image { color:#87cefa !important; } .shadow-image-steelblue .image-text-image { color:#4682b4 !important; } .shadow-image-dodgerblue .image-text-image { color:#1e90ff !important; } .shadow-image-lightsteelblue .image-text-image { color:#b0c4de !important; } .shadow-image-cornflowerblue .image-text-image { color:#6495ed !important; } .shadow-image-midnightblue .image-text-image { color:#191970 !important; } .shadow-image-royalblue .image-text-image { color:#4169e1 !important; } .shadow-image-navy .image-text-image { color:#0079c7 !important; } .shadow-image-darkblue .image-text-image { color:#00008b !important; } .shadow-image-mediumblue .image-text-image { color:#0000cd !important; } .shadow-image-mediumslateblue .image-text-image { color:#7b68ee !important; } .shadow-image-rebeccapurple .image-text-image { color:#663399 !important; } .shadow-image-magenta .image-text-image { color:#ff00ff !important; } .shadow-image-lavender .image-text-image { color:#e6e6fa !important; } .shadow-image-darkslateblue .image-text-image { color:#493d8b !important; } .shadow-image-slateblue .image-text-image { color:#6a5acd !important; } .shadow-image-mediumslateblue .image-text-image { color:#7b68ee !important; } .shadow-image-mediumpurple .image-text-image { color:#9370db !important; } .shadow-image-blueviolet .image-text-image { color:#8a2be2 !important; } .shadow-image-indigo .image-text-image { color:#4b0082 !important; } .shadow-image-darkorchid .image-text-image { color:#9932cc !important; } .shadow-image-darkviolet .image-text-image { color:#9400d3 !important; } .shadow-image-mediumorchid .image-text-image { color:#ba55d3 !important; } .shadow-image-purple .image-text-image { color:#800080 !important; } .shadow-image-darkmagenta .image-text-image { color:#8b008b !important; } .shadow-image-fuchsia .image-text-image { color:#ff00ff !important; } .shadow-image-violet .image-text-image { color:#ee82ee !important; } .shadow-image-plum .image-text-image { color:#dda0dd !important; } .shadow-image-thistle .image-text-image { color:#d8bfd8 !important; } .shadow-image-orchid .image-text-image { color:#da70d6 !important; } .shadow-image-mediumvioletred .image-text-image { color:#c71585 !important; } .shadow-image-deeppink .image-text-image { color:#ff1493 !important; } .shadow-image-hotpink .image-text-image { color:#ff69b4 !important; } .shadow-image-palevioletred .image-text-image { color:#db7093 !important; } .shadow-image-pink .image-text-image { color:#ffc0cb !important; } .shadow-image-lightpink .image-text-image { color:#ffb6c1 !important; } .shadow-image-tomato .image-text-image { color:#ff6347 !important; } .shadow-image-orangered .image-text-image { color:#ff4500 !important; } .shadow-image-coral .image-text-image { color:#ff7f50 !important; } .shadow-image-darkorange .image-text-image { color:#ff8c00 !important; } .shadow-image-orange .image-text-image { color:#ffa500 !important; } .shadow-image-lightgrey .image-text-image { color:#d3d3d3 !important; } .shadow-image-slategrey .image-text-image { color:#708090 !important; } .shadow-image-lightslategrey .image-text-image { color:#778899 !important; } .shadow-image-grey .image-text-image { color:#808080 !important; } .shadow-image-lightgray .image-text-image { color:#f2f2f2 !important; } .shadow-image-dimgrey .image-text-image { color:#696969 !important; } .shadow-image-darkslategrey .image-text-image { color:#2f4f4f !important; } .shadow-image-darkgrey .image-text-image { color:#444 !important; } .shadow-image-black .image-text-image { color:#000 !important; } .shadow-image-silver .image-text-image { color:#c0c0c0 !important; } .shadow-image-gainsboro .image-text-image { color:#dcdcdc !important; } .shadow-image-whitesmoke .image-text-image { color:#f5f5f5 !important; } .shadow-image-snow .image-text-image { color:#fffafa !important; } .shadow-image-mistyrose .image-text-image { color:#ffe4e1 !important; } .shadow-image-seashell .image-text-image { color:#fff5ee !important; } .shadow-image-linen .image-text-image { color:#faf0e6 !important; } .shadow-image-antiquewhite .image-text-image { color:#faebd7 !important; } .shadow-image-oldlace .image-text-image { color:#fdf5e6 !important; } .shadow-image-floralwhite .image-text-image { color:#fffaf0 !important; } .shadow-image-beige .image-text-image { color:#f5f5dc !important; } .shadow-image-ivory .image-text-image { color:#fffff0 !important; } .shadow-image-honeydew .image-text-image { color:#f0fff0 !important; } .shadow-image-mintcream .image-text-image { color:#f5fffa !important; } .shadow-image-azure .image-text-image { color:#f0ffff !important; } .shadow-image-aliceblue .image-text-image { color:#f0f8ff !important; } .shadow-image-ghostwhite .image-text-image { color:#f8f8ff !important; } .shadow-image-lavenderblush .image-text-image { color:#fff0f5 !important; } .shadow-image-maroon .image-text-image { color:#800000 !important; } .shadow-image-brown .image-text-image { color:#a52a2a !important; } .shadow-image-rosybrown .image-text-image { color:#bc8f8f !important; } .shadow-image-sienna .image-text-image { color:#a0522d !important; } .shadow-image-saddlebrown .image-text-image { color:#8b4513 !important; } .shadow-image-chocolate .image-text-image { color:#d2691e !important; } .shadow-image-sandybrown .image-text-image { color:#f4a460 !important; } .shadow-image-peru .image-text-image { color:#cd853f !important; } .shadow-image-bisque .image-text-image { color:#ffe4c4 !important; } .shadow-image-burlywood .image-text-image { color:#deb887 !important; } .shadow-image-tan .image-text-image { color:#d2b48c !important; } .shadow-image-navajowhite .image-text-image { color:#ffdead !important; } .shadow-image-blanchedalmond .image-text-image { color:#ffebcd !important; } .shadow-image-wheat .image-text-image { color:#f5deb3 !important; } .shadow-image-darkgoldenrod .image-text-image { color:#b8860b !important; } .shadow-image-cornsilk .image-text-image { color:#fff8dc !important; } /****** animations ********/ .image-text-top .image-text-column.animCSS3, .image-text-bottom .image-text-column.animCSS3 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: none; animation-fill-mode: none; animation-timing-function:easeOutQuad; -webkit-animation-timing-function:easeOutQuad; } @media screen and (min-width: 980px) { .image-text-top.animCSS3 .image-text-left .image-text-column, .image-text-bottom .image-text-left .image-text-column.animCSS3 { -webkit-animation-name: TextMoveRight; animation-name: TextMoveRight; -webkit-animation-duration: 2s; animation-duration: 2s; } @keyframes TextMoveRight { 0% { opacity:0.2; margin-left:calc(50% + 40px); } } @-webkit-keyframes TextMoveRight { 0% { opacity:0.2; margin-left:calc(50% + 40px); } } .boxed_layout .image-text-top .image-text-right .image-text-column.animCSS3, .boxed_layout .image-text-bottom .image-text-right .image-text-column.animCSS3 { -webkit-animation-name: TextMoveLeftBoxed; animation-name: TextMoveLeftBoxed; -webkit-animation-duration: 2s; animation-duration: 2s; } @keyframes TextMoveLeftBoxed { 0% { opacity:0.2; margin-left: -40px; } } @-webkit-keyframes TextMoveLeftBoxed { 0% { opacity:0.2; margin-left: -40px; } } .boxed_layout .image-text-top .image-text-left .image-text-column.animCSS3, .boxed_layout .image-text-bottom .image-text-left .image-text-column.animCSS3 { -webkit-animation-name: TextMoveRightBoxed; animation-name: TextMoveRightBoxed; -webkit-animation-duration: 2s; animation-duration: 2s; } @keyframes TextMoveRightBoxed { 0% { opacity:0.2; margin-left:calc(50% + 40px); } } @-webkit-keyframes TextMoveRightBoxed { 0% { opacity:0.2; margin-left:calc(50% + 40px); } } } /******************************************************************************************************************************************** Video *********************************************************************************************************************************************/ .module_video { margin: 40px auto 30px auto; max-width:96%; box-shadow: 0 0 60px rgba(0,0,0,0.6); } /******************************************************************************************************************************************** BREADCRUMB *********************************************************************************************************************************************/ .module-breadcrumb { position:relative; margin: 10px 20px; 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 { display:none; } .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 , BOTTOM and FOOTER module position **************************************************************************************************************/ .top-module-position { position : relative; clear:both; margin: 30px 0; z-index:1; } .bottom-module-position { position : relative; clear:both; margin: 30px 0; z-index:1; } .footer-module-position { position : relative; clear:both; margin: 30px 0; z-index:1; } .moduletable > div { padding: 18px; } .top-module-position .moduletable > div, .bottom-module-position .moduletable > div, .footer-module-position .moduletable > div { padding:18px 0; } .top-module-position .moduletable > div > div, .bottom-module-position .moduletable > div > div, .footer-module-position .moduletable > div > div { margin-left: auto; margin-right: auto; margin-top:5px; padding:0 18px; } /****** animations ********/ .top-module-position.animCSS3 { -webkit-animation-name: slideDownRetourn; animation-name: slideDownRetourn; } .bottom-module-position.animCSS3, .footer-module-position.animCSS3 { -webkit-animation-name: slideDownRetourn; animation-name: slideDownRetourn; } /*************************** positions IMAGE-TEXT-TOP and IMAGE-TEXT-BOTTOM ********************************************/ .top-module-position .moduletable.image-text > div, .bottom-module-position .moduletable.image-text > div { padding: 0; margin:40px 0; } .top-module-position .moduletable.image-text > div > div, .bottom-module-position .moduletable.image-text > div > div { padding: 0; } /********* style if width screen > 980 pixels *******/ @media screen and (min-width: 980px) { .top-module-position .image-text-image, .bottom-module-position .image-text-image { width: 50%; } .top-module-position .image-text-column, .bottom-module-position .image-text-column { float:none; margin-left:calc(50%); padding:30px 35px; width:50%; text-align:center; } .top-module-position .image-text-right .image-text-column, .bottom-module-position .image-text-right .image-text-column { margin-left:0; } /** H2 title centered *********/ .top-module-position .image-text-column h2, .bottom-module-position .image-text-column h2 { padding:10px 14px 10px 14px; text-align:center; } } /************************************************************************************************************* Google map position **************************************************************************************************************/ .google-map-position { height:35vh; margin:30px 0 0 0; } /************************************************************************************************************* SIDEBAR CONTENT **************************************************************************************************************/ .left_column { position:relative; float:left; width:180px; min-height:350px; background : transparent url(../images/fade-left-column.png) 100% 0 no-repeat; background-size: 233px 100%; padding: 7px 0px 0px 0px; margin: 13px 0px 0px 6px; z-index:1; } .right_column { position:relative; float:right; width:180px; min-height:350px; background : transparent url(../images/fade-right-column.png) 0 0 no-repeat; background-size: 233px 100%; padding: 7px 0px 0px 15px; margin: 13px 0px 0 0px; z-index:1; } .left_column > div { background : transparent url(../images/fade-right-column.png) 0 0 no-repeat; min-height:250px; padding:6px 0 30px 15px; margin: -8px 15px 0 0; } .right_column > div { background : transparent url(../images/fade-left-column.png) 100% 0 no-repeat; min-height:250px; padding:6px 15px 30px 0 ; margin: -8px 0 0 0; } .with-users-image .left_column > div, .with-users-image .right_column > div, .with-top .left_column > div, .with-top .right_column > div { background-image : none; min-height:0; } .left_column > div > div, .right_column > div > div { background : #f4f4f4 url(../images/fade-inside-column.png) 0 0 repeat-x; } .with-users-image .left_column > div > div, .with-users-image .right_column > div > div { background-image : none; background-color : transparent; } .left_column .moduletable, .right_column .moduletable { margin-bottom: 0; } .main_content { position:relative; float:left; padding:0 30px 20px 30px; z-index:2; } .main_component { position:relative; z-index:1; } .main_component > * { padding: 35px 0 40px 0; } /****** animations ********/ .main_component.animCSS3 { -webkit-animation-name: littleMoveUp; animation-name: littleMoveUp; } .left_column.animCSS3 { -webkit-animation-name: slideLeftRetourn; animation-name: slideLeftRetourn; } .right_column.animCSS3 { -webkit-animation-name: slideRightRetourn; animation-name: slideRightRetourn; } /************************************************************************************************************* Contact, USER TOP and BOTTOM **************************************************************************************************************/ .contact-modules { padding-top: 16px ; margin:0 -18px; clear:both; } .users_top { margin-top: 20px ; padding: 0px 0 10px 0; clear:both; } .users_bottom { margin: 0 ; padding: 25px 0 0 0; clear:both; } .users_footer { margin: 30px ; padding: 0; clear:both; } .users_top .moduletable, .users_bottom .moduletable, .users_footer .moduletable { margin-bottom:15px; } .contact-modules .moduletable { margin-top:15px; } .users_top .moduletable > div, .users_bottom .moduletable > div, .users_footer .moduletable > div { padding-top:18px; padding-bottom:18px; } .user1, .user2, .user4, .user5, .user7, .user8, .contact1, .contact2 { float:left; margin-right:2%; } .user3, .user6, .user9, .contact3 { float:left; } /****** animations ********/ .user1.animCSS3, .user4.animCSS3, .user7.animCSS3 { -webkit-animation-name: slideLeftRetourn; animation-name: slideLeftRetourn; } .user2.animCSS3, .user5.animCSS3, .user8.animCSS3 { -webkit-animation-name: slideUpRetourn; animation-name: slideUpRetourn; } .user3.animCSS3, .user6.animCSS3, .user9.animCSS3 { -webkit-animation-name: slideRightRetourn; animation-name: slideRightRetourn; } /************************************************************************************************************* TYPOGRAPHY **************************************************************************************************************/ .lead { font-size: 115%; line-height: 1.7; padding: 8px 0; } /** TITLE **/ h1, h2, h3, h4, h5, h6 { padding:20px 0 14px 0; font-weight:normal; line-height:1; text-rendering: optimizelegibility; } h1, .componentheading, .blog > h2 { display: block; font-size: 220%; margin : 0 0 26px 0; padding : 14px 0 14px 10px; border-top:1px dotted rgba(0,0,0,0.3); border-bottom:1px dotted rgba(0,0,0,0.3); } 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; } .h1-shadow-light h1, .h1-shadow-light h1 a, .h1-shadow-light .componentheading { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .h1-shadow-dark h1, .h1-shadow-dark h1 a, .h1-shadow-dark .componentheading { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); } h2 { font-size:150%; } h2 a { text-decoration: none; } h2 a:hover { text-decoration: none; } .content-module > h2 { padding-top:4px; } /** [itemprop*="articleBody"] > h1:first-child, [itemprop*="articleBody"] > h2:first-child { margin-top:0; padding-top:0; } **/ 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:26px; padding:8px 15px; letter-spacing:0.5px; background: rgba(0,0,0,0.06); border-left:4px solid; } .uppercase-menu-title h2.contentheading, .uppercase-menu-title h1 + h1, .uppercase-menu-title .page-header h2 { text-transform: uppercase; } /** modules **/ .module-title { position:relative; } .module-title h3 { margin:4px 0 10px 0; padding: 0 0 12px 0; letter-spacing:0px; font-weight:normal; font-size:130%; } .uppercase-menu-title .module-title h3 { text-transform: uppercase; } /** LINK **/ a { color:#999; font-weight:300; text-decoration : none; transition : color 0.4s linear 0.1s; } a:hover { color:#444; text-decoration : underline; 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; padding-left: 22px; } 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: -18px; width: auto; margin-right:10px; } 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 { 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; 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 **/ p.readmore { clear:both; margin:25px 0; } p.readmore a { background:rgba(0,0,0,0.04); border:2px solid rgba(0,0,0,0.06); padding:6px 10px; color: #555; } /** 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); } /***************************** COLORS ****************************/ [class*="color-"] { padding:18px; margin:14px 0; } .content-module [class*="color-"] { padding:0; margin:0; } [class*="color-"] .module-title h3 { color:inherit; } [class*="color-"] a { text-decoration: underline; } [class*="color-"] a:hover { text-decoration: none; } .color-white, .moduletable.color-white > div, .title-centered.color-white .module-title h3, .horizontal-menu.color-white li { background:#fff; } .color-peachpuff, .moduletable.color-peachpuff > div, .title-centered.color-peachpuff .module-title h3, .horizontal-menu.color-peachpuff li { background:#ffdab9; } .color-papayawhip, .moduletable.color-papayawhip > div, .title-centered.color-papayawhip .module-title h3, .horizontal-menu.color-papayawhip li { background:#ffefd5; } .color-moccasin, .moduletable.color-moccasin > div, .title-centered.color-moccasin .module-title h3, .horizontal-menu.color-moccasin li { background:#ffe4b5; } .color-goldenrod, .moduletable.color-goldenrod > div, .title-centered.color-goldenrod .module-title h3, .horizontal-menu.color-goldenrod li { background:#daa520; } .color-gold, .moduletable.color-gold > div, .title-centered.color-gold .module-title h3, .horizontal-menu.color-gold li { background:#ffd700; } .color-khaki, .moduletable.color-khaki > div, .title-centered.color-khaki .module-title h3, .horizontal-menu.color-khaki li { background:#f0e68c; } .color-lemonchiffon, .moduletable.color-lemonchiffon > div, .title-centered.color-lemonchiffon .module-title h3, .horizontal-menu.color-lemonchiffon li { background:#fffacd; } .color-palegoldenrod, .moduletable.color-palegoldenrod > div, .title-centered.color-palegoldenrod .module-title h3, .horizontal-menu.color-palegoldenrod li { background:#eee8aa; } .color-darkkhaki, .moduletable.color-darkkhaki > div, .title-centered.color-darkkhaki .module-title h3, .horizontal-menu.color-darkkhaki li { background:#bdb76b; } .color-yellow, .moduletable.color-yellow > div, .title-centered.color-yellow .module-title h3, .horizontal-menu.color-yellow li { background:#ffff00; } .color-lightgoldenrodyellow, .moduletable.color-lightgoldenrodyellow > div, .title-centered.color-lightgoldenrodyellow .module-title h3, .horizontal-menu.color-lightgoldenrodyellow li { background:#fafad2; } .color-lightyellow, .moduletable.color-lightyellow > div, .title-centered.color-lightyellow .module-title h3, .horizontal-menu.color-lightyellow li { background:#ffffe0; } .color-darkcyan, .moduletable.color-darkcyan > div, .title-centered.color-darkcyan .module-title h3, .horizontal-menu.color-darkcyan li { background:#008b8b; } .color-cyan, .moduletable.color-cyan > div, .title-centered.color-cyan .module-title h3, .horizontal-menu.color-cyan li { background:#00ffff; } .color-teal, .moduletable.color-teal > div, .title-centered.color-teal .module-title h3, .horizontal-menu.color-teal li { background:#008080; } .color-lightcyan, .moduletable.color-lightcyan > div, .title-centered.color-lightcyan .module-title h3, .horizontal-menu.color-lightcyan li { background:#e0ffff; } .color-olive, .moduletable.color-olive > div, .title-centered.color-olive .module-title h3, .horizontal-menu.color-olive li { background:#808000; } .color-olivedrab, .moduletable.color-olivedrab > div, .title-centered.color-olivedrab .module-title h3, .horizontal-menu.color-olivedrab li { background:#6b8e23; } .color-yellowgreen, .moduletable.color-yellowgreen > div, .title-centered.color-yellowgreen .module-title h3, .horizontal-menu.color-yellowgreen li { background:#9ACD32; } .color-darkolivegreen, .moduletable.color-darkolivegreen > div, .title-centered.color-darkolivegreen .module-title h3, .horizontal-menu.color-darkolivegreen li { background:#556b2f; } .color-greenyellow, .moduletable.color-greenyellow > div, .title-centered.color-greenyellow .module-title h3, .horizontal-menu.color-greenyellow li { background:#adff2f; } .color-chartreuse, .moduletable.color-chartreuse > div, .title-centered.color-chartreuse .module-title h3, .horizontal-menu.color-chartreuse li { background:#7fff00; } .color-lawngreen, .moduletable.color-lawngreen > div, .title-centered.color-lawngreen .module-title h3, .horizontal-menu.color-lawngreen li { background:#7cfc00; } .color-darkgreen, .moduletable.color-darkgreen > div, .title-centered.color-darkgreen .module-title h3, .horizontal-menu.color-darkgreen li { background:#006400; } .color-green, .moduletable.color-green > div, .title-centered.color-green .module-title h3, .horizontal-menu.color-green li { background:#008000; } .color-forestgreen, .moduletable.color-forestgreen > div, .title-centered.color-forestgreen .module-title h3, .horizontal-menu.color-forestgreen li { background:#228b22; } .color-lime, .moduletable.color-lime > div, .title-centered.color-lime .module-title h3, .horizontal-menu.color-lime li { background:#00ff00; } .color-limegreen, .moduletable.color-limegreen > div, .title-centered.color-limegreen .module-title h3, .horizontal-menu.color-limegreen li { background:#32cd32; } .color-lightgreen, .moduletable.color-lightgreen > div, .title-centered.color-lightgreen .module-title h3, .horizontal-menu.color-lightgreen li { background:#90ee90; } .color-palegreen, .moduletable.color-palegreen > div, .title-centered.color-palegreen .module-title h3, .horizontal-menu.color-palegreen li { background:#98fb98; } .color-darkseagreen, .moduletable.color-darkseagreen > div, .title-centered.color-darkseagreen .module-title h3, .horizontal-menu.color-darkseagreen li { background:#8fbc8f; } .color-seagreen, .moduletable.color-seagreen > div, .title-centered.color-seagreen .module-title h3, .horizontal-menu.color-seagreen li { background:#2e8b57; } .color-mediumseagreen, .moduletable.color-mediumseagreen > div, .title-centered.color-mediumseagreen .module-title h3, .horizontal-menu.color-mediumseagreen li { background:#3cb371; } .color-springgreen, .moduletable.color-springgreen > div, .title-centered.color-springgreen .module-title h3, .horizontal-menu.color-springgreen li { background:#00ff7f; } .color-mediumspringgreen, .moduletable.color-mediumspringgreen > div, .title-centered.color-mediumspringgreen .module-title h3, .horizontal-menu.color-mediumspringgreen li { background:#00fa9a; } .color-lightseagreen, .moduletable.color-lightseagreen > div, .title-centered.color-lightseagreen .module-title h3, .horizontal-menu.color-lightseagreen li { background:#20b2aa; } .color-mediumaquamarine, .moduletable.color-mediumaquamarine > div, .title-centered.color-mediumaquamarine .module-title h3, .horizontal-menu.color-mediumaquamarine li { background:#66cdaa; } .color-darkred, .moduletable.color-darkred > div, .title-centered.color-darkred .module-title h3, .horizontal-menu.color-darkred li { background:#8b0000; } .color-firebrick, .moduletable.color-firebrick > div, .title-centered.color-firebrick .module-title h3, .horizontal-menu.color-firebrick li { background:#b22222; } .color-red, .moduletable.color-red > div, .title-centered.color-red .module-title h3, .horizontal-menu.color-red li { background:#ff0000; } .color-indianred, .moduletable.color-indianred > div, .title-centered.color-indianred .module-title h3, .horizontal-menu.color-indianred li { background:#cd5c5c; } .color-lightcoral, .moduletable.color-lightcoral > div, .title-centered.color-lightcoral .module-title h3, .horizontal-menu.color-lightcoral li { background:#f08080; } .color-salmon, .moduletable.color-salmon > div, .title-centered.color-salmon .module-title h3, .horizontal-menu.color-salmon li { background:#fa8072; } .color-darksalmon, .moduletable.color-darksalmon > div, .title-centered.color-darksalmon .module-title h3, .horizontal-menu.color-darksalmon li { background:#e9967a; } .color-lightsalmon, .moduletable.color-lightsalmon > div, .title-centered.color-lightsalmon .module-title h3, .horizontal-menu.color-lightsalmon li { background:#ffa07a; } .color-crimson, .moduletable.color-crimson > div, .title-centered.color-crimson .module-title h3, .horizontal-menu.color-crimson li { background:#dc143c; } .color-deepskyblue, .moduletable.color-deepskyblue > div, .title-centered.color-deepskyblue .module-title h3, .horizontal-menu.color-deepskyblue li { background:#00bfff; } .color-blue, .moduletable.color-blue > div, .title-centered.color-blue .module-title h3, .horizontal-menu.color-blue li { background:#0000ff; } .color-aquamarine, .moduletable.color-aquamarine > div, .title-centered.color-aquamarine .module-title h3, .horizontal-menu.color-aquamarine li { background:#7fffd4; } .color-turquoise, .moduletable.color-turquoise > div, .title-centered.color-turquoise .module-title h3, .horizontal-menu.color-turquoise li { background:#40e0d0; } .color-mediumturquoise, .moduletable.color-mediumturquoise > div, .title-centered.color-mediumturquoise .module-title h3, .horizontal-menu.color-mediumturquoise li { background:#48d1cc; } .color-aqua, .moduletable.color-aqua > div, .title-centered.color-aqua .module-title h3, .horizontal-menu.color-aqua li { background:#00ffff; } .color-paleturquoise, .moduletable.color-paleturquoise > div, .title-centered.color-paleturquoise .module-title h3, .horizontal-menu.color-paleturquoise li { background:#afeeee; } .color-ocean, .moduletable.color-ocean > div, .title-centered.color-ocean .module-title h3, .horizontal-menu.color-ocean li { background:#39947f; } .color-lightcyan, .moduletable.color-lightcyan > div, .title-centered.color-lightcyan .module-title h3, .horizontal-menu.color-lightcyan li { background:#e0ffff; } .color-darkturquoise, .moduletable.color-darkturquoise > div, .title-centered.color-darkturquoise .module-title h3, .horizontal-menu.color-darkturquoise li { background:#00ced1; } .color-cadetblue, .moduletable.color-cadetblue > div, .title-centered.color-cadetblue .module-title h3, .horizontal-menu.color-cadetblue li { background:#5f9ea0; } .color-powderblue, .moduletable.color-powderblue > div, .title-centered.color-powderblue .module-title h3, .horizontal-menu.color-powderblue li { background:#b0e0e6; } .color-lightblue, .moduletable.color-lightblue > div, .title-centered.color-lightblue .module-title h3, .horizontal-menu.color-lightblue li { background:#add8e6; } .color-skyblue, .moduletable.color-skyblue > div, .title-centered.color-skyblue .module-title h3, .horizontal-menu.color-skyblue li { background:#87ceeb; } .color-lightskyblue, .moduletable.color-lightskyblue > div, .title-centered.color-lightskyblue .module-title h3, .horizontal-menu.color-lightskyblue li { background:#87cefa; } .color-steelblue, .moduletable.color-steelblue > div, .title-centered.color-steelblue .module-title h3, .horizontal-menu.color-steelblue li { background:#4682b4; } .color-dodgerblue, .moduletable.color-dodgerblue > div, .title-centered.color-dodgerblue .module-title h3, .horizontal-menu.color-dodgerblue li { background:#1e90ff; } .color-lightsteelblue, .moduletable.color-lightsteelblue > div, .title-centered.color-lightsteelblue .module-title h3, .horizontal-menu.color-lightsteelblue li { background:#b0c4de; } .color-cornflowerblue, .moduletable.color-cornflowerblue > div, .title-centered.color-cornflowerblue .module-title h3, .horizontal-menu.color-cornflowerblue li { background:#6495ed; } .color-midnightblue, .moduletable.color-midnightblue > div, .title-centered.color-midnightblue .module-title h3, .horizontal-menu.color-midnightblue li { background:#191970; } .color-royalblue, .moduletable.color-royalblue > div, .title-centered.color-royalblue .module-title h3, .horizontal-menu.color-royalblue li { background:#4169e1; } .color-navy, .moduletable.color-navy > div, .title-centered.color-navy .module-title h3, .horizontal-menu.color-navy li { background:#0079c7; } .color-darkblue, .moduletable.color-darkblue > div, .title-centered.color-darkblue .module-title h3, .horizontal-menu.color-darkblue li { background:#00008b; } .color-mediumblue, .moduletable.color-mediumblue > div, .title-centered.color-mediumblue .module-title h3, .horizontal-menu.color-mediumblue li { background:#0000cd; } .color-mediumslateblue, .moduletable.color-mediumslateblue > div, .title-centered.color-mediumslateblue .module-title h3, .horizontal-menu.color-mediumslateblue li { background:#7b68ee; } .color-rebeccapurple, .moduletable.color-rebeccapurple > div, .title-centered.color-rebeccapurple .module-title h3, .horizontal-menu.color-rebeccapurple li { background:#663399; } .color-magenta, .moduletable.color-magenta > div, .title-centered.color-magenta .module-title h3, .horizontal-menu.color-magenta li { background:#ff00ff; } .color-lavender, .moduletable.color-lavender > div, .title-centered.color-lavender .module-title h3, .horizontal-menu.color-lavender li { background:#e6e6fa; } .color-darkslateblue, .moduletable.color-darkslateblue > div, .title-centered.color-darkslateblue .module-title h3, .horizontal-menu.color-darkslateblue li { background:#493d8b; } .color-slateblue, .moduletable.color-slateblue > div, .title-centered.color-slateblue .module-title h3, .horizontal-menu.color-slateblue li { background:#6a5acd; } .color-mediumslateblue, .moduletable.color-mediumslateblue > div, .title-centered.color-mediumslateblue .module-title h3, .horizontal-menu.color-whimediumslatebluete li { background:#7b68ee; } .color-mediumpurple, .moduletable.color-mediumpurple > div, .title-centered.color-mediumpurple .module-title h3, .horizontal-menu.color-mediumpurple li { background:#9370db; } .color-blueviolet, .moduletable.color-blueviolet > div, .title-centered.color-blueviolet .module-title h3, .horizontal-menu.color-blueviolet li { background:#8a2be2; } .color-indigo, .moduletable.color-indigo > div, .title-centered.color-indigo .module-title h3, .horizontal-menu.color-indigo li { background:#4b0082; } .color-darkorchid, .moduletable.color-darkorchid > div, .title-centered.color-darkorchid .module-title h3, .horizontal-menu.color-darkorchid li { background:#9932cc; } .color-darkviolet, .moduletable.color-darkviolet > div, .title-centered.color-darkviolet .module-title h3, .horizontal-menu.color-darkviolet li { background:#9400d3; } .color-mediumorchid, .moduletable.color-mediumorchid > div, .title-centered.color-mediumorchid .module-title h3, .horizontal-menu.color-mediumorchid li { background:#ba55d3; } .color-purple, .moduletable.color-purple > div, .title-centered.color-purple .module-title h3, .horizontal-menu.color-purple li { background:#800080; } .color-darkmagenta, .moduletable.color-darkmagenta > div, .title-centered.color-darkmagenta .module-title h3, .horizontal-menu.color-darkmagenta li { background:#8b008b; } .color-fuchsia, .moduletable.color-fuchsia > div, .title-centered.color-fuchsia .module-title h3, .horizontal-menu.color-fuchsia li { background:#ff00ff; } .color-violet, .moduletable.color-violet > div, .title-centered.color-violet .module-title h3, .horizontal-menu.color-violet li { background:#ee82ee; } .color-plum, .moduletable.color-plum > div, .title-centered.color-plum .module-title h3, .horizontal-menu.color-plum li { background:#dda0dd; } .color-thistle, .moduletable.color-thistle > div, .title-centered.color-thistle .module-title h3, .horizontal-menu.color-thistle li { background:#d8bfd8; } .color-orchid, .moduletable.color-orchid > div, .title-centered.color-orchid .module-title h3, .horizontal-menu.color-orchid li { background:#da70d6; } .color-mediumvioletred, .moduletable.color-mediumvioletred > div, .title-centered.color-mediumvioletred .module-title h3, .horizontal-menu.color-mediumvioletred li { background:#c71585; } .color-deeppink, .moduletable.color-deeppink > div, .title-centered.color-deeppink .module-title h3, .horizontal-menu.color-deeppink li { background:#ff1493; } .color-hotpink, .moduletable.color-hotpink > div, .title-centered.color-hotpink .module-title h3, .horizontal-menu.color-hotpink li { background:#ff69b4; } .color-palevioletred, .moduletable.color-palevioletred > div, .title-centered.color-palevioletred .module-title h3, .horizontal-menu.color-palevioletred li { background:#db7093; } .color-pink, .moduletable.color-pink > div, .title-centered.color-pink .module-title h3, .horizontal-menu.color-pink li { background:#ffc0cb; } .color-lightpink, .moduletable.color-lightpink > div, .title-centered.color-lightpink .module-title h3, .horizontal-menu.color-lightpink li { background:#ffb6c1; } .color-tomato, .moduletable.color-tomato > div, .title-centered.color-tomato .module-title h3, .horizontal-menu.color-tomato li { background:#ff6347; } .color-orangered, .moduletable.color-orangered > div, .title-centered.color-orangered .module-title h3, .horizontal-menu.color-orangered li { background:#ff4500; } .color-coral, .moduletable.color-coral > div, .title-centered.color-coral .module-title h3, .horizontal-menu.color-coral li { background:#ff7f50; } .color-darkorange, .moduletable.color-darkorange > div, .title-centered.color-darkorange .module-title h3, .horizontal-menu.color-darkorange li { background:#ff8c00; } .color-orange, .moduletable.color-orange > div, .title-centered.color-orange .module-title h3, .horizontal-menu.color-orange li { background:#ffa500; } .color-lightgrey, .moduletable.color-lightgrey > div, .title-centered.color-lightgrey .module-title h3, .horizontal-menu.color-lightgrey li { background:#d3d3d3; } .color-slategrey, .moduletable.color-slategrey > div, .title-centered.color-slategrey .module-title h3, .horizontal-menu.color-slategrey li { background:#708090; } .color-lightslategrey, .moduletable.color-lightslategrey > div, .title-centered.color-lightslategrey .module-title h3, .horizontal-menu.color-lightslategrey li { background:#778899; } .color-grey, .moduletable.color-grey > div, .title-centered.color-grey .module-title h3, .horizontal-menu.color-grey li { background:#808080; } .color-lightgray, .moduletable.color-lightgray > div, .title-centered.color-lightgray .module-title h3, .horizontal-menu.color-lightgray li { background:#f2f2f2; } .color-dimgrey, .moduletable.color-dimgrey > div, .title-centered.color-dimgrey .module-title h3, .horizontal-menu.color-dimgrey li { background:#696969; } .color-darkslategrey, .moduletable.color-darkslategrey > div, .title-centered.color-darkslategrey .module-title h3, .horizontal-menu.color-darkslategrey li { background:#2f4f4f; } .color-darkgrey, .moduletable.color-darkgrey > div, .title-centered.color-darkgrey .module-title h3, .horizontal-menu.color-darkgrey li { background:#444; } .color-black, .moduletable.color-black > div, .title-centered.color-black .module-title h3, .horizontal-menu.color-black li { background:#000; } .color-silver, .moduletable.color-silver > div, .title-centered.color-silver .module-title h3, .horizontal-menu.color-silver li { background:#c0c0c0; } .color-gainsboro, .moduletable.color-gainsboro > div, .title-centered.color-gainsboro .module-title h3, .horizontal-menu.color-gainsboro li { background:#dcdcdc; } .color-whitesmoke, .moduletable.color-whitesmoke > div, .title-centered.color-whitesmoke .module-title h3, .horizontal-menu.color-whitesmoke li { background:#f5f5f5; } .color-snow, .moduletable.color-snow > div, .title-centered.color-snow .module-title h3, .horizontal-menu.color-snow li { background:#fffafa; } .color-mistyrose, .moduletable.color-mistyrose > div, .title-centered.color-mistyrose .module-title h3, .horizontal-menu.color-mistyrose li { background:#ffe4e1; } .color-seashell, .moduletable.color-seashell > div, .title-centered.color-seashell .module-title h3, .horizontal-menu.color-seashell li { background:#fff5ee; } .color-linen, .moduletable.color-linen > div, .title-centered.color-linen .module-title h3, .horizontal-menu.color-linen li { background:#faf0e6; } .color-antiquewhite, .moduletable.color-antiquewhite > div, .title-centered.color-antiquewhite .module-title h3, .horizontal-menu.color-antiquewhite li { background:#faebd7; } .color-oldlace, .moduletable.color-oldlace > div, .title-centered.color-oldlace .module-title h3, .horizontal-menu.color-oldlace li { background:#fdf5e6; } .color-floralwhite, .moduletable.color-floralwhite > div, .title-centered.color-floralwhite .module-title h3, .horizontal-menu.color-floralwhite li { background:#fffaf0; } .color-beige, .moduletable.color-beige > div, .title-centered.color-beige .module-title h3, .horizontal-menu.color-beige li { background:#f5f5dc; } .color-ivory, .moduletable.color-ivory > div, .title-centered.color-ivory .module-title h3, .horizontal-menu.color-ivory li { background:#fffff0; } .color-honeydew, .moduletable.color-honeydew > div, .title-centered.color-honeydew .module-title h3, .horizontal-menu.color-honeydew li { background:#f0fff0; } .color-mintcream, .moduletable.color-mintcream > div, .title-centered.color-mintcream .module-title h3, .horizontal-menu.color-mintcream li { background:#f5fffa; } .color-azure, .moduletable.color-azure > div, .title-centered.color-azure .module-title h3, .horizontal-menu.color-azure li { background:#f0ffff; } .color-aliceblue, .moduletable.color-aliceblue > div, .title-centered.color-aliceblue .module-title h3, .horizontal-menu.color-aliceblue li { background:#f0f8ff; } .color-ghostwhite, .moduletable.color-ghostwhite > div, .title-centered.color-ghostwhite .module-title h3, .horizontal-menu.color-ghostwhite li { background:#f8f8ff; } .color-lavenderblush, .moduletable.color-lavenderblush > div, .title-centered.color-lavenderblush .module-title h3, .horizontal-menu.color-lavenderblush li { background:#fff0f5; } .color-maroon, .moduletable.color-maroon > div, .title-centered.color-maroon .module-title h3, .horizontal-menu.color-maroon li { background:#800000; } .color-brown, .moduletable.color-brown > div, .title-centered.color-brown .module-title h3, .horizontal-menu.color-brown li { background:#a52a2a; } .color-rosybrown, .moduletable.color-rosybrown > div, .title-centered.color-rosybrown .module-title h3, .horizontal-menu.color-rosybrown li { background:#bc8f8f; } .color-sienna, .moduletable.color-sienna > div, .title-centered.color-sienna .module-title h3, .horizontal-menu.color-sienna li { background:#a0522d; } .color-saddlebrown, .moduletable.color-saddlebrown > div, .title-centered.color-saddlebrown .module-title h3, .horizontal-menu.color-saddlebrown li { background:#8b4513; } .color-chocolate, .moduletable.color-chocolate > div, .title-centered.color-chocolate .module-title h3, .horizontal-menu.color-chocolate li { background:#d2691e; } .color-sandybrown, .moduletable.color-sandybrown > div, .title-centered.color-sandybrown .module-title h3, .horizontal-menu.color-sandybrown li { background:#f4a460; } .color-peru, .moduletable.color-peru > div, .title-centered.color-peru .module-title h3, .horizontal-menu.color-peru li { background:#cd853f; } .color-bisque, .moduletable.color-bisque > div, .title-centered.color-bisque .module-title h3, .horizontal-menu.color-bisque li { background:#ffe4c4; } .color-burlywood, .moduletable.color-burlywood > div, .title-centered.color-burlywood .module-title h3, .horizontal-menu.color-burlywood li { background:#deb887; } .color-tan, .moduletable.color-tan > div, .title-centered.color-tan .module-title h3, .horizontal-menu.color-tan li { background:#d2b48c; } .color-navajowhite, .moduletable.color-navajowhite > div, .title-centered.color-navajowhite .module-title h3, .horizontal-menu.color-navajowhite li { background:#ffdead; } .color-blanchedalmond, .moduletable.color-blanchedalmond > div, .title-centered.color-blanchedalmond .module-title h3, .horizontal-menu.color-blanchedalmond li { background:#ffebcd; } .color-wheat, .moduletable.color-wheat > div, .title-centered.color-wheat .module-title h3, .horizontal-menu.color-wheat li { background:#f5deb3; } .color-darkgoldenrod, .moduletable.color-darkgoldenrod > div, .title-centered.color-darkgoldenrod .module-title h3, .horizontal-menu.color-darkgoldenrod li { background:#b8860b; } .color-cornsilk, .moduletable.color-cornsilk > div, .title-centered.color-cornsilk .module-title h3, .horizontal-menu.color-cornsilk li { background:#fff8dc; } .moduletable.title-centered.color-white .module-title, .moduletable.title-centered.color-peachpuff .module-title, .moduletable.title-centered.color-papayawhip .module-title, .moduletable.title-centered.color-moccasin .module-title, .moduletable.title-centered.color-gold .module-title, .moduletable.title-centered.color-khaki .module-title, .moduletable.title-centered.color-lemonchiffon .module-title, .moduletable.title-centered.color-palegoldenrod .module-title, .moduletable.title-centered.color-yellow .module-title, .moduletable.title-centered.color-lightgoldenrodyellow .module-title, .moduletable.title-centered.color-lightyellow .module-title, .moduletable.title-centered.color-cyan .module-title, .moduletable.title-centered.color-lightcyan .module-title, .moduletable.title-centered.color-greenyellow .module-title, .moduletable.title-centered.color-chartreuse .module-title, .moduletable.title-centered.color-lawngreen .module-title, .moduletable.title-centered.color-lime .module-title, .moduletable.title-centered.color-lightgreen .module-title, .moduletable.title-centered.color-palegreen .module-title, .moduletable.title-centered.color-springgreen .module-title, .moduletable.title-centered.color-mediumspringgreen .module-title, .moduletable.title-centered.color-aquamarine .module-title, .moduletable.title-centered.color-aqua .module-title, .moduletable.title-centered.color-paleturquoise .module-title, .moduletable.title-centered.color-lightcyan .module-title, .moduletable.title-centered.color-powderblue .module-title, .moduletable.title-centered.color-lightblue .module-title, .moduletable.title-centered.color-lavender .module-title, .moduletable.title-centered.color-thistle .module-title, .moduletable.title-centered.color-pink .module-title .moduletable.title-centered.color-lightpink .module-title, .moduletable.title-centered.color-lightgrey .module-title, .moduletable.title-centered.color-gainsboro .module-title .moduletable.title-centered.color-whitesmoke .module-title, .moduletable.title-centered.color-snow .module-title, .moduletable.title-centered.color-mistyrose .module-title .moduletable.title-centered.color-seashell .module-title, .moduletable.title-centered.color-linen .module-title, .moduletable.title-centered.color-antiquewhite .module-title, .moduletable.title-centered.color-oldlace .module-title, .moduletable.title-centered.color-floralwhite .module-title, .moduletable.title-centered.color-beige .module-title, .moduletable.title-centered.color-ivory .module-title, .moduletable.title-centered.color-honeydew .module-title, .moduletable.title-centered.color-mintcream .module-title, .moduletable.title-centered.color-azure .module-title, .moduletable.title-centered.color-aliceblue .module-title, .moduletable.title-centered.color-ghostwhite .module-title, .moduletable.title-centered.color-lavenderblush .module-title, .moduletable.title-centered.color-bisque .module-title, .moduletable.title-centered.color-navajowhite .module-title, .moduletable.title-centered.color-blanchedalmond .module-title, .moduletable.title-centered.color-wheat .module-title, .moduletable.title-centered.color-cornsilk .module-title, .moduletable.title-centered.color-turquoise .module-title, .moduletable.title-centered.color-lightgrey .module-title, .moduletable.title-centered.color-lightgray .module-title { border-color: #222; border-color : rgba(0,0,0,0.18); } .moduletable.title-centered.color-goldenrod .module-title, .moduletable.title-centered.color-darkkhaki .module-title, .moduletable.title-centered.color-darkcyan .module-title, .moduletable.title-centered.color-teal .module-title, .moduletable.title-centered.color-olive .module-title, .moduletable.title-centered.color-olivedrab .module-title, .moduletable.title-centered.color-yellowgreen .module-title, .moduletable.title-centered.color-darkolivegreen .module-title, .moduletable.title-centered.color-darkgreen .module-title, .moduletable.title-centered.color-green .module-title, .moduletable.title-centered.color-forestgreen .module-title, .moduletable.title-centered.color-limegreen .module-title, .moduletable.title-centered.color-darkseagreen .module-title, .moduletable.title-centered.color-seagreen .module-title, .moduletable.title-centered.color-mediumseagreen .module-title, .moduletable.title-centered.color-mediumaquamarine .module-title, .moduletable.title-centered.color-lightseagreen .module-title, .moduletable.title-centered.color-darkred .module-title, .moduletable.title-centered.color-firebrick .module-title, .moduletable.title-centered.color-red .module-title, .moduletable.title-centered.color-indianred .module-title, .moduletable.title-centered.color-lightcoral .module-title, .moduletable.title-centered.color-salmon .module-title, .moduletable.title-centered.color-darksalmon .module-title, .moduletable.title-centered.color-lightsalmon .module-title, .moduletable.title-centered.color-crimson .module-title, .moduletable.title-centered.color-deepskyblue .module-title, .moduletable.title-centered.color-blue .module-title, .moduletable.title-centered.color-orchid .module-title, .moduletable.title-centered.color-mediumturquoise .module-title, .moduletable.title-centered.color-darkturquoise .module-title, .moduletable.title-centered.color-cadetblue .module-title, .moduletable.title-centered.color-skyblue .module-title, .moduletable.title-centered.color-lightskyblue .module-title, .moduletable.title-centered.color-steelblue .module-title, .moduletable.title-centered.color-dodgerblue .module-title, .moduletable.title-centered.color-lightsteelblue .module-title, .moduletable.title-centered.color-cornflowerblue .module-title, .moduletable.title-centered.color-royalblue .module-title, .moduletable.title-centered.color-midnightblue .module-title, .moduletable.title-centered.color-navy .module-title, .moduletable.title-centered.color-darkblue .module-title, .moduletable.title-centered.color-mediumblue .module-title, .moduletable.title-centered.color-mediumslateblue .module-title, .moduletable.title-centered.color-rebeccapurple .module-title, .moduletable.title-centered.color-magenta .module-title, .moduletable.title-centered.color-darkslateblue .module-title, .moduletable.title-centered.color-slateblue .module-title, .moduletable.title-centered.color-mediumslateblue .module-title, .moduletable.title-centered.color-mediumpurple .module-title, .moduletable.title-centered.color-blueviolet .module-title, .moduletable.title-centered.color-indigo .module-title, .moduletable.title-centered.color-darkorchid .module-title, .moduletable.title-centered.color-darkviolet .module-title, .moduletable.title-centered.color-purple .module-title, .moduletable.title-centered.color-darkmagenta .module-title, .moduletable.title-centered.color-fuchsia .module-title, .moduletable.title-centered.color-violet .module-title, .moduletable.title-centered.color-plum .module-title, .moduletable.title-centered.color-mediumvioletred .module-title, .moduletable.title-centered.color-deeppink .module-title, .moduletable.title-centered.color-hotpink .module-title, .moduletable.title-centered.color-palevioletred .module-title, .moduletable.title-centered.color-tomato .module-title, .moduletable.title-centered.color-orangered .module-title, .moduletable.title-centered.color-coral .module-title, .moduletable.title-centered.color-darkorange .module-title, .moduletable.title-centered.color-orange .module-title, .moduletable.title-centered.color-slategrey .module-title, .moduletable.title-centered.color-lightslategrey .module-title, .moduletable.title-centered.color-grey .module-title, .moduletable.title-centered.color-dimgrey .module-title, .moduletable.title-centered.color-darkslategrey .module-title, .moduletable.title-centered.color-darkgrey .module-title, .moduletable.title-centered.color-black .module-title, .moduletable.title-centered.color-silver .module-title, .moduletable.title-centered.color-maroon .module-title, .moduletable.title-centered.color-brown .module-title, .moduletable.title-centered.color-rosybrown .module-title, .moduletable.title-centered.color-sienna .module-title, .moduletable.title-centered.color-saddlebrown .module-title, .moduletable.title-centered.color-chocolate .module-title, .moduletable.title-centered.color-sandybrown .module-title, .moduletable.title-centered.color-peru .module-title, .moduletable.title-centered.color-burlywood .module-title, .moduletable.title-centered.color-tan .module-title, .moduletable.title-centered.color-darkgoldenrod .module-title, .moduletable.title-centered.color-mediumorchid .module-title, .moduletable.title-centered.color-ocean .module-title { border-color: #eee; border-color : rgba(255,255,255,0.2); } .color-white, .moduletable.color-white > div, .color-white a, .color-white a:hover, .color-peachpuff, .moduletable.color-peachpuff > div, .color-peachpuff a, .color-peachpuff a:hover, .color-papayawhip, .moduletable.color-papayawhip > div, .color-papayawhip a, .color-papayawhip a:hover, .color-moccasin, .moduletable.color-moccasin > div, .color-moccasin a, .color-moccasin a:hover, .color-gold, .moduletable.color-gold > div, .color-gold a, .color-gold a:hover, .color-khaki, .moduletable.color-khaki > div, .color-khaki a, .color-khaki a:hover, .color-lemonchiffon, .moduletable.color-lemonchiffon > div, .color-lemonchiffon a, .color-lemonchiffon a:hover, .color-palegoldenrod, .moduletable.color-palegoldenrod > div, .color-palegoldenrod a, .color-palegoldenrod a:hover, .color-yellow, .moduletable.color-yellow > div, .color-yellow a, .color-yellow a:hover, .color-lightgoldenrodyellow, .moduletable.color-lightgoldenrodyellow > div, .color-lightgoldenrodyellow a, .color-lightgoldenrodyellow a:hover, .color-lightyellow, .moduletable.color-lightyellow > div, .color-lightyellow a, .color-lightyellow a:hover, .color-cyan, .moduletable.color-cyan > div, .color-cyan a, .color-cyan a:hover, .color-lightcyan, .moduletable.color-lightcyan > div, .color-lightcyan a, .color-lightcyan a:hover, .color-greenyellow, .moduletable.color-greenyellow > div, .color-greenyellow a, .color-greenyellow a:hover .color-chartreuse, .moduletable.color-chartreuse > div, .color-chartreuse a, .color-chartreuse a:hover, .color-lawngreen, .moduletable.color-lawngreen > div, .color-lawngreen a, .color-lawngreen a:hover, .color-lime, .moduletable.color-lime > div, .color-lime a, .color-lime a:hover, .color-lightgreen, .moduletable.color-lightgreen > div, .color-lightgreen a, .color-lightgreen a:hover, .color-palegreen, .moduletable.color-palegreen > div, .color-palegreen a, .color-palegreen a:hover, .color-springgreen, .moduletable.color-springgreen > div, .color-springgreen a, .color-springgreen a:hover, .color-mediumspringgreen, .moduletable.color-mediumspringgreen > div, .color-mediumspringgreen a, .color-mediumspringgreen a:hover, .color-turquoise, .moduletable.color-turquoise > div, .color-turquoise a, .color-turquoise a:hover, .color-aquamarine, .moduletable.color-aquamarine > div, .color-aquamarine a, .color-aquamarine a:hover, .color-aqua, .moduletable.color-aqua > div, .color-aqua a, .color-aqua a:hover, .color-paleturquoise, .moduletable.color-paleturquoise > div, .color-paleturquoise a, .color-paleturquoise a:hover, .color-lightcyan, .moduletable.color-lightcyan > div, .color-lightcyan a, .color-lightcyan a:hover, .color-powderblue, .moduletable.color-powderblue > div, .color-powderblue a, .color-powderblue a:hover, .color-lightblue, .moduletable.color-lightblue > div, .color-lightblue a, .color-lightblue a:hover, .color-lavender, .moduletable.color-lavender > div, .color-lavender a, .color-lavender a:hover, .color-thistle, .moduletable.color-thistle > div, .color-thistle a, .color-thistle a:hover, .color-pink, .moduletable.color-pink > div, .color-pink a, .color-pink a:hover, .color-lightpink, .moduletable.color-lightpink > div, .color-lightpink a, .color-lightpink a:hover, .color-lightgrey, .moduletable.color-lightgrey > div, .color-lightgrey a, .color-lightgrey a:hover, .color-gainsboro, .moduletable.color-gainsboro > div, .color-gainsboro a, .color-gainsboro a:hover, .color-whitesmoke, .moduletable.color-whitesmoke > div, .color-whitesmoke a, .color-whitesmoke a:hover, .color-snow, .moduletable.color-snow > div, .color-snow a, .color-snow a:hover, .color-mistyrose, .moduletable.color-mistyrose > div, .color-mistyrose a, .color-mistyrose a:hover, .color-seashell, .moduletable.color-seashell > div, .color-seashell a, .color-seashell a:hover, .color-linen, .moduletable.color-linen > div, .color-linen a, .color-linen a:hover, .color-antiquewhite, .moduletable.color-antiquewhite > div, .color-antiquewhite a, .color-antiquewhite a:hover, .color-oldlace, .moduletable.color-oldlace > div, .color-oldlace a, .color-oldlace a:hover, .color-floralwhite, .moduletable.color-floralwhite > div, .color-floralwhite a, .color-floralwhite a:hover, .color-beige, .moduletable.color-beige > div, .color-beige a, .color-beige a:hover, .color-ivory, .moduletable.color-ivory > div, .color-ivory a, .color-ivory a:hover, .color-honeydew, .moduletable.color-honeydew > div, .color-honeydew a, .color-honeydew a:hover, .color-mintcream, .moduletable.color-mintcream > div, .color-mintcream a, .color-lightyellow a:hover, .color-azure, .moduletable.color-azure > div, .color-azure a, .color-azure a:hover, .color-aliceblue, .moduletable.color-aliceblue > div, .color-aliceblue a, .color-aliceblue a:hover, .color-ghostwhite, .moduletable.color-ghostwhite > div, .color-ghostwhite a, .color-ghostwhite a:hover, .color-lavenderblush, .moduletable.color-lavenderblush > div, .color-lavenderblush a, .color-lavenderblush a:hover, .color-bisque, .moduletable.color-bisque > div, .color-bisque a, .color-bisque a:hover, .color-navajowhite, .moduletable.color-navajowhite > div, .color-navajowhite a, .color-navajowhite a:hover, .color-blanchedalmond, .moduletable.color-blanchedalmond > div, .color-blanchedalmond a, .color-blanchedalmond a:hover, .color-wheat, .moduletable.color-wheat > div, .color-wheat a, .color-wheat a:hover, .color-cornsilk, .moduletable.color-cornsilk > div, .color-cornsilk a, .color-cornsilk a:hover, .color-lightgrey, .moduletable.color-lightgrey > div, .color-lightgrey a, .color-lightgrey a:hover, .color-turquoise, .moduletable.color-turquoise > div, .color-turquoise a, .color-turquoise a:hover, .color-bisque, .moduletable.color-bisque > div, .color-bisque a, .color-bisque a:hover, .color-lightgray, .moduletable.color-lightgray > div, .color-lightgray a, .color-lightgray a:hover { color: #222; } .color-goldenrod, .moduletable.color-goldenrod > div, .color-goldenrod a, .color-goldenrod a:hover, .color-darkkhaki, .moduletable.color-darkkhaki > div, .color-darkkhaki a, .color-darkkhaki a:hover, .color-darkcyan, .moduletable.color-darkcyan > div, .color-darkcyan a, .color-darkcyan a:hover, .color-teal, .moduletable.color-teal > div, .color-teal a, .color-teal a:hover, .color-olive, .moduletable.color-olive > div, .color-olive a, .color-olive a:hover, .color-olivedrab, .moduletable.color-olivedrab > div, .color-olivedrab a, .color-olivedrab a:hover, .color-yellowgreen, .moduletable.color-yellowgreen > div, .color-yellowgreen a, .color-yellowgreen a:hover, .color-darkolivegreen, .moduletable.color-darkolivegreen > div, .color-darkolivegreen a, .color-darkolivegreen a:hover, .color-darkgreen, .moduletable.color-darkgreen > div, .color-darkgreen a, .color-darkgreen a:hover, .color-green, .moduletable.color-green > div, .color-green a, .color-green a:hover, .color-forestgreen, .moduletable.color-forestgreen > div, .color-forestgreen a, .color-forestgreen a:hover, .color-limegreen, .moduletable.color-limegreen > div, .color-limegreen a, .color-limegreen a:hover, .color-darkseagreen, .moduletable.color-darkseagreen > div, .color-darkseagreen a, .color-darkseagreen a:hover, .color-seagreen, .moduletable.color-seagreen > div, .color-seagreen a, .color-seagreen a:hover, .color-mediumseagreen, .moduletable.color-mediumseagreen > div, .color-mediumseagreen a, .color-mediumseagreen a:hover, .color-mediumaquamarine, .moduletable.color-mediumaquamarine > div, .color-mediumaquamarine a, .color-mediumaquamarine a:hover, .color-lightseagreen, .moduletable.color-lightseagreen > div, .color-lightseagreen a, .color-lightseagreen a:hover, .color-darkred, .moduletable.color-darkred > div, .color-darkred a, .color-darkred a:hover, .color-firebrick, .moduletable.color-firebrick > div, .color-firebrick a, .color-firebrick a:hover, .color-red, .moduletable.color-red > div, .color-red a, .color-red a:hover, .color-indianred, .moduletable.color-indianred > div, .color-indianred a, .color-indianred a:hover, .color-lightcoral, .moduletable.color-lightcoral > div, .color-lightcoral a, .color-lightcoral a:hover, .color-salmon, .moduletable.color-salmon > div, .color-salmon a, .color-salmon a:hover, .color-darksalmon, .moduletable.color-darksalmon > div, .color-darksalmon a, .color-darksalmon a:hover, .color-lightsalmon, .moduletable.color-lightsalmon > div, .color-lightsalmon a, .color-lightsalmon a:hover, .color-crimson, .moduletable.color-crimson > div, .color-crimson a, .color-crimson a:hover, .color-deepskyblue, .moduletable.color-deepskyblue > div, .color-deepskyblue a, .color-deepskyblue a:hover, .color-blue, .moduletable.color-blue > div, .color-blue a, .color-blue a:hover, .color-mediumturquoise, .moduletable.color-mediumturquoise > div, .color-mediumturquoise a, .color-mediumturquoise a:hover, .color-darkturquoise, .moduletable.color-darkturquoise > div, .color-darkturquoise a, .color-darkturquoise a:hover, .color-cadetblue, .moduletable.color-cadetblue > div, .color-cadetblue a, .color-cadetblue a:hover, .color-skyblue, .moduletable.color-skyblue > div, .color-skyblue a, .color-skyblue a:hover, .color-lightskyblue, .moduletable.color-lightskyblue > div, .color-lightskyblue a, .color-lightskyblue a:hover, .color-steelblue, .moduletable.color-steelblue > div, .color-steelblue a, .color-steelblue a:hover, .color-dodgerblue, .moduletable.color-dodgerblue > div, .color-dodgerblue a, .color-dodgerblue a:hover, .color-lightsteelblue, .moduletable.color-lightsteelblue > div, .color-lightsteelblue a, .color-lightsteelblue a:hover, .color-cornflowerblue, .moduletable.color-cornflowerblue > div, .color-cornflowerblue a, .color-cornflowerblue a:hover, .color-royalblue, .moduletable.color-royalblue > div, .color-royalblue a, .color-royalblue a:hover, .color-midnightblue, .moduletable.color-midnightblue > div, .color-midnightblue a, .color-midnightblue a:hover, .color-navy, .moduletable.color-navy > div, .color-navy a, .color-navy a:hover, .color-darkblue, .moduletable.color-darkblue > div, .color-darkblue a, .color-darkblue a:hover, .color-mediumblue, .moduletable.color-mediumblue > div, .color-mediumblue a, .color-mediumblue a:hover, .color-mediumslateblue, .moduletable.color-mediumslateblue > div, .color-mediumslateblue a, .color-mediumslateblue a:hover, .color-rebeccapurple, .moduletable.color-rebeccapurple > div, .color-rebeccapurple a, .color-rebeccapurple a:hover, .color-magenta, .moduletable.color-magenta > div, .color-magenta a, .color-magenta a:hover, .color-darkslateblue, .moduletable.color-darkslateblue > div, .color-darkslateblue a, .color-darkslateblue a:hover, .color-slateblue, .moduletable.color-slateblue > div, .color-slateblue a, .color-slateblue a:hover, .color-mediumslateblue, .moduletable.color-mediumslateblue > div, .color-mediumslateblue a, .color-mediumslateblue a:hover, .color-mediumpurple, .moduletable.color-mediumpurple > div, .color-darkcyan a, .color-mediumpurple a:hover, .color-blueviolet, .moduletable.color-blueviolet > div, .color-blueviolet a, .color-blueviolet a:hover, .color-indigo, .moduletable.color-indigo > div, .color-indigo a, .color-indigo a:hover, .color-darkorchid, .moduletable.color-darkorchid > div, .color-darkorchid a, .color-darkorchid a:hover, .color-darkviolet, .moduletable.color-darkviolet > div, .color-darkviolet a, .color-darkviolet a:hover, .color-purple, .moduletable.color-purple > div, .color-purple a, .color-purple a:hover, .color-darkmagenta, .moduletable.color-darkmagenta > div, .color-darkmagenta a, .color-darkmagenta a:hover, .color-fuchsia, .moduletable.color-fuchsia > div, .color-fuchsia a, .color-fuchsia a:hover, .color-violet, .moduletable.color-violet > div, .color-violet a, .color-violet a:hover, .color-plum, .moduletable.color-plum > div, .color-plum a, .color-plum a:hover, .color-orchid, .moduletable.color-orchid > div, .color-orchid a, .color-orchid a:hover, .color-mediumvioletred, .moduletable.color-mediumvioletred > div, .color-mediumvioletred a, .color-mediumvioletred a:hover, .color-deeppink, .moduletable.color-deeppink > div, .color-deeppink a, .color-deeppink a:hover, .color-hotpink, .moduletable.color-hotpink > div, .color-hotpink a, .color-hotpink a:hover, .color-palevioletred, .moduletable.color-palevioletred > div, .color-palevioletred a, .color-palevioletred a:hover, .color-tomato, .moduletable.color-tomato > div, .color-tomato a, .color-tomato a:hover, .color-orangered, .moduletable.color-orangered > div, .color-orangered a, .color-orangered a:hover, .color-coral, .moduletable.color-coral > div, .color-coral a, .color-coral a:hover, .color-darkorange, .moduletable.color-darkorange > div, .color-darkorange a, .color-darkorange a:hover, .color-orange, .moduletable.color-orange > div, .color-orange a, .color-orange a:hover, .color-slategrey, .moduletable.color-slategrey > div, .color-slategrey a, .color-slategrey a:hover, .color-lightslategrey, .moduletable.color-lightslategrey > div, .color-lightslategrey a, .color-lightslategrey a:hover, .color-grey, .moduletable.color-grey > div, .color-grey a, .color-grey a:hover, .color-dimgrey, .moduletable.color-dimgrey > div, .color-dimgrey a, .color-dimgrey a:hover, .color-darkslategrey, .moduletable.color-darkslategrey > div, .color-darkslategrey a, .color-darkslategrey a:hover, .color-darkgrey, .moduletable.color-darkgrey > div, .color-darkgrey a, .color-darkgrey a:hover, .color-black, .moduletable.color-black > div, .color-black a, .color-black a:hover, .color-silver, .moduletable.color-silver > div, .color-silver a, .color-silver a:hover, .color-maroon, .moduletable.color-maroon > div, .color-maroon a, .color-maroon a:hover, .color-brown, .moduletable.color-brown > div, .color-brown a, .color-brown a:hover, .color-rosybrown, .moduletable.color-rosybrown > div, .color-rosybrown a, .color-rosybrown a:hover, .color-sienna, .moduletable.color-sienna > div, .color-sienna a, .color-sienna a:hover, .color-saddlebrown, .moduletable.color-saddlebrown > div, .color-saddlebrown a, .color-saddlebrown a:hover, .color-chocolate, .moduletable.color-chocolate > div, .color-chocolate a, .color-chocolate a:hover, .color-sandybrown, .moduletable.color-sandybrown > div, .color-sandybrown a, .color-sandybrown a:hover, .color-peru, .moduletable.color-peru > div, .color-peru a, .color-peru a:hover, .color-burlywood, .moduletable.color-burlywood > div, .color-burlywood a, .color-burlywood a:hover, .color-tan, .moduletable.color-tan > div, .color-tan a, .color-tan a:hover, .color-darkgoldenrod, .moduletable.color-darkgoldenrod > div, .color-darkgoldenrod a, .color-darkgoldenrod a:hover, .color-mediumorchid, .moduletable.color-mediumorchid > div, .color-mediumorchid a, .color-mediumorchid a:hover, .color-ocean, .moduletable.color-ocean > div, .color-ocean a, .color-ocean a:hover { color: #eee; } a.color-white, a.color-white:hover, a.color-papayawhip, a.color-papayawhip:hover, a.color-moccasin, a.color-moccasin:hover, a.color-gold, a.color-gold:hover, a.color-khaki, a.color-khaki:hover, a.color-lemonchiffon, a.color-lemonchiffon:hover, a.color-palegoldenrod, a.color-palegoldenrod:hover, a.color-yellow, a.color-yellow:hover, a.color-lightgoldenrodyellow, a.color-lightgoldenrodyellow:hover, a.color-lightyellow, a.color-lightyellow:hover, a.color-cyan, a.color-cyan:hover, a.color-lightcyan, a.color-lightcyan:hover, a.color-greenyellow, a.color-greenyellow:hover, a.color-chartreuse, a.color-chartreuse:hover, a.color-lawngreen, a.color-lawngreen:hover, a.color-lime, a.color-lime:hover, a.color-lightgreen, a.color-lightgreen:hover, a.color-palegreen, a.color-palegreen:hover, a.color-springgreen, a.color-springgreen:hover, a.color-mediumspringgreen, a.color-mediumspringgreen:hover, a.color-turquoise, a.color-turquoise:hover, a.color-aquamarine, a.color-aquamarine:hover, a.color-aqua, a.color-aqua:hover, a.color-paleturquoise, a.color-paleturquoise:hover, a.color-lightcyan, a.color-lightcyan:hover, a.color-powderblue, a.color-powderblue:hover, a.color-lightblue, a.color-lightblue:hover, a.color-lavender, a.color-lavender:hover, a.color-thistle, a.color-thistle:hover, a.color-pink, a.color-pink:hover, a.color-lightpink, a.color-lightpink:hover, a.color-lightgrey, a.color-lightgrey:hover, a.color-gainsboro, a.color-gainsboro:hover, a.color-whitesmoke, a.color-whitesmoke:hover, a.color-snow, a.color-snow:hover, a.color-mistyrose, a.color-mistyrose:hover, a.color-seashell, a.color-seashell:hover, a.color-linen, a.color-linen:hover, a.color-antiquewhite, a.color-antiquewhite:hover, a.color-oldlace, a.color-oldlace:hover, a.color-floralwhite, a.color-floralwhite:hover, a.color-beige, a.color-beige:hover, a.color-ivory, a.color-ivory:hover, a.color-honeydew, a.color-honeydew:hover, a.color-lightyellow, a.color-lightyellow:hover, a.color-azure, a.color-azure:hover, a.color-aliceblue, a.color-aliceblue:hover, a.color-ghostwhite, a.color-ghostwhite:hover, a.color-lavenderblush, a.color-lavenderblush:hover, a.color-bisque, a.color-bisque:hover, a.color-navajowhite, a.color-navajowhite:hover, a.color-blanchedalmond, a.color-blanchedalmond:hover, a.color-wheat, a.color-wheat:hover, a.color-lightgrey, a.color-lightgrey:hover, a.color-turquoise, a.color-turquoise:hover, a.color-bisque, a.color-bisque:hover, a.color-lightgray, a.color-lightgray:hover { color: #222; } a.color-goldenrod, a.color-goldenrod:hover, a.color-darkkhaki, a.color-darkkhaki:hover, a.color-darkcyan, a.color-darkcyan:hover, a.color-teal:hover, a.color-olive, a.color-olive:hover, a.color-olivedrab, a.color-olivedrab:hover, a.color-yellowgreen, a.color-yellowgreen:hover, a.color-darkolivegreen, a.color-darkolivegreen:hover, a.color-darkgreen, a.color-darkgreen:hover, a.color-green, a.color-green:hover, a.color-forestgreen, a.color-forestgreen:hover, a.color-limegreen, a.color-limegreen:hover, a.color-darkseagreen, a.color-darkseagreen:hover, a.color-seagreen, a.color-seagreen:hover, a.color-mediumseagreen, a.color-mediumseagreen:hover, a.color-mediumaquamarine, a.color-mediumaquamarine:hover, a.color-lightseagreen, a.color-lightseagreen:hover, a.color-darkred, a.color-darkred:hover, a.color-firebrick, a.color-firebrick:hover, a.color-red, a.color-red:hover, a.color-indianred, a.color-indianred:hover, a.color-lightcoral, a.color-lightcoral:hover, a.color-salmon, a.color-salmon:hover, a.color-darksalmon, a.color-darksalmon:hover, a.color-lightsalmon, a.color-lightsalmon:hover, a.color-crimson, a.color-crimson:hover, a.color-deepskyblue, a.color-deepskyblue:hover, a.color-blue, a.color-blue:hover, a.color-mediumturquoise, a.color-mediumturquoise:hover, a.color-darkturquoise, a.color-darkturquoise:hover, a.color-cadetblue, a.color-cadetblue:hover, a.color-skyblue, a.color-skyblue:hover, a.color-lightskyblue, a.color-lightskyblue:hover, a.color-steelblue, a.color-steelblue:hover, a.color-dodgerblue, a.color-dodgerblue:hover, a.color-lightsteelblue, a.color-lightsteelblue:hover, a.color-cornflowerblue, a.color-cornflowerblue:hover, a.color-royalblue, a.color-royalblue:hover, a.color-midnightblue, a.color-midnightblue:hover, a.color-navy, a.color-navy:hover, a.color-darkblue, a.color-darkblue:hover, a.color-mediumblue, a.color-mediumblue:hover, a.color-mediumslateblue, a.color-mediumslateblue:hover, a.color-rebeccapurple, a.color-rebeccapurple:hover, a.color-magenta, a.color-magenta:hover, a.color-darkslateblue, a.color-darkslateblue:hover, a.color-slateblue, a.color-slateblue:hover, a.color-mediumslateblue, a.color-mediumslateblue:hover, a.color-mediumpurple, a.color-mediumpurple:hover, a.color-blueviolet, a.color-blueviolet:hover, a.color-indigo, a.color-indigo:hover, a.color-darkorchid, a.color-darkorchid:hover, a.color-darkviolet, a.color-darkviolet:hover, a.color-purple, a.color-purple:hover, a.color-darkmagenta, a.color-darkmagenta:hover, a.color-fuchsia, a.color-fuchsia:hover, a.color-violet, a.color-violet:hover, a.color-plum, a.color-plum:hover, a.color-orchid, a.color-orchid:hover, a.color-mediumvioletred, a.color-mediumvioletred:hover, a.color-deeppink, a.color-deeppink:hover, a.color-hotpink, a.color-hotpink:hover, a.color-palevioletred, a.color-palevioletred:hover, a.color-tomato, a.color-tomato:hover, a.color-orangered, a.color-orangered:hover, a.color-coral, a.color-coral:hover, a.color-darkorange, a.color-darkorange:hover, a.color-orange, a.color-orange:hover, a.color-slategrey, a.color-slategrey:hover, a.color-lightslategrey, a.color-lightslategrey:hover, a.color-grey, a.color-grey:hover, a.color-dimgrey, a.color-dimgrey:hover, a.color-darkslategrey, a.color-darkslategrey:hover, a.color-darkgrey, a.color-darkgrey:hover, a.color-black, a.color-black:hover, a.color-silver, a.color-silver:hover, a.color-maroon, a.color-maroon:hover, a.color-brown, a.color-brown:hover, a.color-rosybrown, a.color-rosybrown:hover, a.color-sienna, a.color-sienna:hover, a.color-saddlebrown, a.color-saddlebrown:hover, a.color-chocolate, a.color-chocolate:hover, a.color-sandybrown, a.color-sandybrown:hover, a.color-peru, a.color-peru:hover, a.color-burlywood, a.color-burlywood:hover, a.color-tan, a.color-tan:hover, a.color-darkgoldenrod, a.color-darkgoldenrod:hover, a.color-mediumorchid, a.color-mediumorchid:hover, a.color-ocean, a.color-ocean:hover { color: #eee; } /****************** Text color *********************/ .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, .bg-success, .bg-info, .bg-warning, .bg-danger { margin-bottom: 14px; padding: 18px; } .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: 300px; -moz-column-width: 300px; column-width: 300px; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; margin: 0 0 20px 0; } .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; } /******************************** Image with Text **************************/ .image-text-left, .image-text-right { position:relative; margin:0; padding:0; *zoom: 1; box-shadow: 3px 3px 18px -8px rgba(0, 0, 0, 0.35); transition: all 0.4s linear; } .image-text-left:hover, .image-text-right:hover { box-shadow: 8px 8px 23px -8px rgba(0,0,0,0.5); transition: all 0.4s linear; } .image-text-left:before, .image-text-left:after, .image-text-right:before, .image-text-right:after { display: table; content: ""; line-height: 0; } .image-text-left:after, .image-text-right:after { clear: both; } .image-text-image { display:block; text-indent: -9999px; height:50vh; min-height:400px; background-position:50% 50%; background-repeat:no-repeat; background-size: cover; } .image-text-column { text-align:center; padding: 40px 35px 40px 35px; } .image-text-column h2 { border:none; margin: 10px 0 25px 0; padding:0; } @media screen and (max-width: 700px) { .image-text-image { min-height:300px; } } @media screen and (max-width: 550px) { .image-text-image { min-height:250px; } } @media screen and (min-width: 980px) { .image-text-image { position:absolute; top:0; bottom:0; width:50%; height:auto; min-height:0; } .image-text-column { text-align:left; float:right; width:50%; padding: 14px 35px; } .image-text-image, .image-text-column { min-height:0; } .image-text-right .image-text-image { right:0; } .image-text-right .image-text-column { float:left; } .image-text-column h2 { margin: 10px 0 45px 0; } } @media screen and (min-width: 1100px) { .image-text-image, .image-text-column { min-height:400px; } .image-text-column { width:41.66%; padding: 24px 46px; } .image-text-image { width:58.34%; } } @media screen and (min-width: 1300px) { .image-text-image, .image-text-column { min-height:450px; } .image-text-column { width:33.34%; padding: 34px 50px; } .image-text-image { width:66.66%; } } .image-text-column h2, .image-text-column { color: inherit; } .image-text-column a { display:inline-block; *display:inline; *zoom:1; margin-top:16px; border:1px solid #333; letter-spacing: 2px; line-height: 20px; font-size:90%; padding: 7px 20px; text-transform: uppercase; transition: color 0.25s ease-in-out 0s, background-color 0.25s ease-in-out 0s; } .image-text-column a:hover { text-decoration:none; background: #333; color:#fff; transition: color 0.25s ease-in-out 0s, background-color 0.25s ease-in-out 0s; } /*** special code for editor in Joomla admin **/ @media screen and (min-width: 980px) { #tinymce .image-text-image { width:50% !important; box-sizing:border-box; } #tinymce .image-text-column { width:50% !important; padding: 14px 35px !important; box-sizing:border-box; } } /** Image with text below **/ .image-text-below { position:relative; margin:0; padding:0; box-shadow: 3px 3px 18px -8px rgba(0, 0, 0, 0.35); transition: all 0.4s linear; } .image-text-below:hover { box-shadow: 8px 8px 23px -8px rgba(0,0,0,0.5); transition: all 0.4s linear; } .image-text-below .image-text-image { position:relative; height:auto; width:auto; min-height:0; min-width:100%; } .image-text-below .image-text-column { float:none; text-align:left; padding: 30px 30px; margin:0; width:auto; min-height:0; background: rgba(0,0,0,0.02); } .image-text-below[class*="color-"] .image-text-column { background: transparent; } .image-text-below .image-text-column h2 { text-align:left; border:none; margin: 10px 0 25px 0; padding:0; } /************************************************************************************************************* 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, .js-border .main_component img.image-text-image { 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; background:#222; } @media screen and (min-width: 980px) { [class*="effect-image"] { box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33); } } [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; min-width:100%; } [class*="effect-image"] figcaption { margin-top:0 !important; padding: 26px 16px 0 16px; color: #fff; font-size: 1.25em; } [class*="effect-image"] figcaption::before, [class*="effect-image"] figcaption::after { pointer-events: none; } [class*="effect-image"] figcaption, [class*="effect-image"] figcaption > a { position: relative; } @media screen and (min-width: 980px) { [class*="effect-image"] figcaption { padding: 2em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } [class*="effect-image"] figcaption { position: absolute; top: 0; bottom:0; left: 0; right:0; font-style:normal; } } [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; } @media screen and (min-width: 980px) { [class*="effect-image"] h3 { text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1); } } [class*="effect-image"] h3, [class*="effect-image"] p { margin: 0; padding:0; } [class*="effect-image"] p { letter-spacing: 1px; font-size: 70%; padding: 1em 2em 0.5em 2em; text-transform: none; } [class*="effect-image"] h3, [class*="effect-image"] p { color: #fff; } [class*="effect-image"] a, [class*="effect-image"] a:hover { display:inline-block; color : white; font-style:normal; text-shadow: 0 0 6px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0); border:1px solid rgba(255,255,255,0.7); border-radius:12px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.24); margin:20px 0; padding:7px 12px; font-size:12px; text-transform:uppercase; transition : all 0.4s linear; } [class*="effect-image"] a:hover { color : white; font-style:normal; border:1px solid rgba(255,255,255,0.8); box-shadow: 0 0 6px rgba(0,0,0,0.4); background: rgba(0,0,0,0.20); text-decoration:none; cursor:pointer; } [class*="effect-image"] a:focus { border:1px solid rgba(255,255,255,0.5); box-shadow: 0 0 6px rgba(0,0,0,0.4) inset; } /***** EFFECT 01 **********/ @media screen and (min-width: 980px) { .effect-image-1:hover { background: #2e5d5a; } .effect-image-1 figcaption { padding: 3em; } .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; } .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 { opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } .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 **********/ @media screen and (min-width: 980px) { .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: 30px 12px 12px 12px; transition: background-color 0.35s; } .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: 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; } } /***** EFFECT 03 **********/ @media screen and (min-width: 980px) { .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-image-3 figcaption a, .effect-image-3 figcaption a:hover { margin-top:80px; } } /***** EFFECT 04 **********/ @media screen and (min-width: 980px) { .effect-image-4 { background: #030c17; } .effect-image-4 img { opacity: 0.9; transition: opacity 0.35s; } .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; 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; transition: transform 0.35s; } .effect-image-4 h3 { margin: 10px 0; } .effect-image-4 p { padding: 1em; opacity: 0; 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 **********/ @media screen and (min-width: 980px) { .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); } .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 **********/ @media screen and (min-width: 980px) { .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; } .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; } .effect-image-6 figcaption, .effect-image-6 figcaption a, .effect-image-6 figcaption a:hover { text-align:left !important; margin-top:30px; } } /************************************* Hover3d image effect ***************************/ .hover3d { position:relative; float: left; max-width: 90%; margin: 5%; } .hover3d-card { position: relative; will-change: transform; } .hover3d-card:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .hover3d-card.hover-in { transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; } .hover3d-card.hover-out { transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; } .hover3d-image { width: 100%; max-width: 100%; display: block; position:relative; } .hover3d .hover3d-image img { margin:0; } .hover3d-image:after { opacity: 1; background: rgba(0, 0, 0, 0) url(../images/shadow-card.png) no-repeat 0 0 / 100% 14px; content: ""; display: block; height: 14px; left: 0; position: absolute; top: 100%; width: 100%; z-index: -1; } .hover3d-detail > div { padding: 12px; background:rgba(0,0,0,0.8); } .hover3d-title { margin: 0 0 7px 0; padding:0; color:#fff; font-size:14px; font-weight: 700; font-family:verdana; text-transform: uppercase; } .hover3d-text { font-family:verdana; font-size:11px; line-height:1.3; color:#fff; } .hover3d-link { font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size:24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hover3d:hover .hover3d-link:before { content: "\f00e"; color:#fff; position:absolute; top:50%; left:50%; text-shadow: 0 0 10px rgba(0,0,0,0.7); z-index:20; } .hover3d a:hover { text-decoration:none; } @media screen and (min-width: 600px) { .hover3d-title { font-size:16px; } .hover3d-text { font-size:13px; } } @media screen and (min-width: 768px) { .hover3d-detail { position: absolute; left: 5%; right: 5%; top: 5%; bottom: 5%; border: 1px solid transparent; box-shadow: none; transition: all .5s ease; } .hover3d-detail > div { position: absolute; bottom: 5px; left: 0; padding: 0 18px 14px; right: 0; background: transparent; transform: translateZ(20px); } .hover3d:hover .hover3d-detail { box-shadow: 0 0 10px 2px rgba(0,0,0,0.5); border: 1px solid #fff; left: 6%; right: 6%; top: 6%; bottom: 6%; transition: all .5s ease; } .hover3d-title { font-size:20px; text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1); } .hover3d-text { font-size:15px; } } /************************************************************************************************************* 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 !important; } .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 > * { display:inline-block; *display:inline; *zoom:1; padding: 11px 13px 4px 13px; font-size: 110%; border-bottom: 4px solid #eee; border-color:rgba(0,0,0,0.07); color: inherit; transition : all 0.3s ease-in-out; } div[class*="horizontal-menu"] li a:hover { text-decoration:none; } div[class*="horizontal-menu color-"], div[class*="horizontal-menu color-"] > div { padding:0; margin:inherit; background: transparent !important; } div[class*="horizontal-menu color-"] li { opacity:0.8; } div[class*="horizontal-menu color-"] li:hover { opacity:1; } div[class*="horizontal-menu color-"] li li { margin-top:0; background: transparent; border-top:none; opacity:1; } div[class*="horizontal-menu color-"] a { text-decoration:none; } div[class*="horizontal-menu color-"] li a:hover { color:inherit !important; background-color: rgba(0, 0, 0, 0.12); border-color: rgba(0,0,0,0.3); } div[class*="horizontal-menu color-"] div li.current > a { background-color: rgba(0, 0, 0, 0.20); border-color: rgba(0,0,0,0.3); color:inherit !important; } .horizontal-menu.color-black li a:hover, .horizontal-menu.color-indigo li a:hover, .horizontal-menu.color-midnightblue li a:hover, .horizontal-menu.color-navy li a:hover, .horizontal-menu.color-darkblue li a:hover, .horizontal-menu.color-midnightblue li a:hover { background-color: rgba(255, 255, 255, 0.16); border-color: rgba(255,255,255,0.4); } .horizontal-menu.color-black div li.current > a, .horizontal-menu.color-indigo div li.current > a, .horizontal-menu.color-midnightblue div li.current > a, .horizontal-menu.color-navy div li.current > a, .horizontal-menu.color-darkblue div li.current > a, .horizontal-menu.color-midnightblue div li.current > a { background-color: rgba(255, 255, 255, 0.20); border-color: rgba(255,255,255,0.4); } /** display only 1 single level **/ div[class*="horizontal-menu"] ul ul { display : none; } /** normal mouse if hover curent menu item **/ li.current > * { cursor: default; } li.current > *:hover { color: inherit; } /** VERTICAL MENU **/ .left_column [class*="vertical-menu"], .right_column [class*="vertical-menu"] { margin:0 0 20px 0; } div[class*="vertical-menu"] > div { margin:0 ; padding:0 0 18px 0 !important; } div[class*="vertical-menu"] .module-title { padding: 18px; } 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; } div[class*="vertical-menu"] li { margin : 0; padding: 0; list-style:none; border-bottom:1px solid rgba(0,0,0,0.12); } div[class*="vertical-menu"] li > * { display:block; padding: 10px 10px 7px 18px; font-size: 110%; color: inherit; } div[class*="vertical-menu"] li:last-child { background-image: none; } div[class*="vertical-menu"] li a:hover { text-decoration:none; } div[class*="vertical-menu"] li.current > a { border-left: 6px solid #999; padding-left:12px; background-color:rgba(0,0,0,0.05); } div[class*="vertical-menu"] ul ul { padding:4px 0 2px 20px; font-size:inherit; } div[class*="vertical-menu"] li li { border:none; background-image: none; } div[class*="vertical-menu"] li li > * { padding: 6px 6px 6px 10px; font-size: 95%; border:none; text-transform:none; } div[class*="vertical-menu color-"] { padding:0; } div[class*="vertical-menu color-"] li { background: transparent; border-bottom:1px solid rgba(255,255,255,0.38); } .vertical-menu.color-white li, .vertical-menu.color-snow li, .vertical-menu.color-lightyellow li, .vertical-menu.color-lightgoldenrodyellow li, .vertical-menu.color-yellow li, .vertical-menu.color-lemonchiffon li, .vertical-menu.color-papayawhip li, .vertical-menu.color-lightcyan li, .vertical-menu.color-lightsteelblue li, .vertical-menu.color-lightcyan li, .vertical-menu.color-lavender li, .vertical-menu.color-gainsboro li, .vertical-menu.color-lightgray li, .vertical-menu.color-lavenderblush li, .vertical-menu.color-ghostwhite li, .vertical-menu.color-aliceblue li, .vertical-menu.color-azure li, .vertical-menu.color-mintcream li, .vertical-menu.color-honeydew li, .vertical-menu.color-ivory li, .vertical-menu.color-beige li, .vertical-menu.color-floralwhite li, .vertical-menu.color-oldlace li, .vertical-menu.color-linen li, .vertical-menu.color-seashell li, .vertical-menu.color-whitesmoke li, .vertical-menu.color-cornsilk li, .vertical-menu.color-blanchedalmond li, .vertical-menu.color-bisque li { border-bottom: rgba(0,0,0,0.12); } div[class*="vertical-menu color-"] li li { margin-top:0; background: transparent; border:none; } div[class*="vertical-menu color-"] a { text-decoration:none; } div[class*="vertical-menu color-"] li a:hover { color:inherit !important; background-color: rgba(0, 0, 0, 0.12); } div[class*="vertical-menu color-"] div li.current > a { background-color: rgba(0, 0, 0, 0.16); border-left: 6px solid rgba(0,0,0,0.3); color:inherit !important; } .vertical-menu.color-black li a:hover, .vertical-menu.color-indigo li a:hover, .vertical-menu.color-midnightblue li a:hover, .vertical-menu.color-navy li a:hover, .vertical-menu.color-darkblue li a:hover, .vertical-menu.color-midnightblue li a:hover { background-color: rgba(255, 255, 255, 0.16); } .vertical-menu.color-black div li.current > a, .vertical-menu.color-indigo div li.current > a, .vertical-menu.color-midnightblue div li.current > a, .vertical-menu.color-navy div li.current > a, .vertical-menu.color-darkblue div li.current > a, .vertical-menu.color-midnightblue div li.current > a { background-color: rgba(255, 255, 255, 0.20); border-color: rgba(255,255,255,0.4); } /************************************************************************************************************* MODULE CLASS SUFFIX **************************************************************************************************************/ /** add clearfix for each content module ****/ .content-module:before, .content-module:after { display: table; content: ""; line-height: 0; } .content-module:after { clear: both; } /*******/ .moduletable { position:relative; margin: 0; padding:0; } .text-centered { text-align:center; display: block !important; } .no-margin > div { padding:0 !important; margin:0 !important; } .moduletable.shadow { box-shadow : none; border:none; background: transparent url(../images/shadow-module.png) 50% 100% no-repeat; background-size: 100% 10px; padding-bottom:8px; margin : 0 0 6px 0 ; } .left_column p, .right_column p, .top-module-position p, .bottom-module-position p, .user1 p, .user2 p, .user3 p, .user4 p, .user5 p, .user6 p, .user7 p, .user8 p, .user9 p, .module-banner p { margin: 6px 0 ; } .moduletable { background: transparent; } .moduletable.radius > div { border-radius: 6px ; } .moduletable.border > div { box-shadow : 3px 3px 18px -8px rgba(0, 0, 0, 0.35); padding:18px 18px; transition: all 0.4s linear; } .moduletable.border > div:hover { box-shadow: 8px 8px 23px -8px rgba(0,0,0,0.5); transition: all 0.4s linear; } .title-centered .module-title h3 { text-align:center; border-top:1px dotted; border-bottom:1px dotted; padding:12px 0; } .title-band > div { padding-top:16px; } .title-band .module-title { margin:-16px -18px 10px -18px; padding: 12px 18px 0 18px; border-bottom:1px solid rgba(255,255,255,0.30); background: transparent url(../images/black-10.png) 0 0 repeat; } .vertical-menu.title-band .module-title { margin:-12px 0 10px 0; padding:16px 18px 5px 18px; } .title-band .module-title h3 { border:none; padding-bottom:2px; } .title-band .module-title h3 span { margin:0; padding:0; border:none; } .moduletable .icon-module { display : none; height:0; width:0; } .moduletable.badge-new .icon-module, .moduletable.badge-news .icon-module, .moduletable.badge-hot .icon-module, .moduletable.badge-top .icon-module, .moduletable.badge-gift .icon-module, .moduletable.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; } .moduletable.badge-new .icon-module { background: transparent url(../images/badge_new.png) 0 0 no-repeat !important; } .moduletable.badge-news .icon-module { background: transparent url(../images/badge_news.png) 0 0 no-repeat !important; } .moduletable.badge-hot .icon-module { background: transparent url(../images/badge_hot.png) 0 0 no-repeat !important; } .moduletable.badge-free .icon-module { background: transparent url(../images/badge_free.png) 0 0 no-repeat !important; } .moduletable.badge-gift .icon-module { background: transparent url(../images/badge_gift.png) 0 0 no-repeat !important; } .moduletable.badge-top .icon-module { background: transparent url(../images/badge_top.png) 0 0 no-repeat !important; } /** min height: **/ @media screen and (min-width: 980px ) { .min-height-100px .content-module, .min-height-100px .image-text-left, .min-height-100px .image-text-right { min-height:100px; } .min-height-125px .content-module, .min-height-125px .image-text-left, .min-height-125px .image-text-right { min-height:125px; } .min-height-150px .content-module, .min-height-150px .image-text-left, .min-height-150px .image-text-right { min-height:150px; } .min-height-175px .content-module, .min-height-175px .image-text-left, .min-height-175px .image-text-right { min-height:175px; } .min-height-200px .content-module, .min-height-200px .image-text-left, .min-height-200px .image-text-right { min-height:200px; } .min-height-225px .content-module, .min-height-225px .image-text-left, .min-height-225px .image-text-right { min-height:225px; } .min-height-250px .content-module, .min-height-250px .image-text-left, .min-height-250px .image-text-right { min-height:250px; } .min-height-275px .content-module, .min-height-275px .image-text-left, .min-height-275px .image-text-right { min-height:275px; } .min-height-300px .content-module, .min-height-300px .image-text-left, .min-height-300px .image-text-right { min-height:300px; } .min-height-325px .content-module, .min-height-325px .image-text-left, .min-height-325px .image-text-right { min-height:325px; } .min-height-350px .content-module, .min-height-350px .image-text-left, .min-height-350px .image-text-right { min-height:350px; } .min-height-375px .content-module, .min-height-375px .image-text-left, .min-height-375px .image-text-right { min-height:375px; } .min-height-400px .content-module, .min-height-400px .image-text-left, .min-height-400px .image-text-right { min-height:400px; } .min-height-425px .content-module, .min-height-425px .image-text-left, .min-height-425px .image-text-right { min-height:425px; } .min-height-450px .content-module, .min-height-450px .image-text-left, .min-height-450px .image-text-right { min-height:450px; } .min-height-475px .content-module, .min-height-475px .image-text-left, .min-height-475px .image-text-right { min-height:475px; } .min-height-500px .content-module, .min-height-500px .image-text-left, .min-height-500px .image-text-right { min-height:500px; } .min-height-525px .content-module, .min-height-525px .image-text-left, .min-height-525px .image-text-right { min-height:525px; } .min-height-550px .content-module, .min-height-550px .image-text-left, .min-height-550px .image-text-right { min-height:550px; } .min-height-575px .content-module, .min-height-575px .image-text-left, .min-height-575px .image-text-right { min-height:575px; } .min-height-600px .content-module, .min-height-600px .image-text-left, .min-height-600px .image-text-right { min-height:600px; } .min-height-625px .content-module, .min-height-625px .image-text-left, .min-height-625px .image-text-right { min-height:625px; } .min-height-650px .content-module, .min-height-650px .image-text-left, .min-height-650px .image-text-right { min-height:650px; } .min-height-675px .content-module, .min-height-675px .image-text-left, .min-height-675px .image-text-right { min-height:675px; } .min-height-700px .content-module, .min-height-700px .image-text-left, .min-height-700px .image-text-right { min-height:700px; } .min-height-725px .content-module, .min-height-725px .image-text-left, .min-height-725px .image-text-right { min-height:725px; } .min-height-750px .content-module, .min-height-750px .image-text-left, .min-height-750px .image-text-right { min-height:750px; } .min-height-775px .content-module, .min-height-775px .image-text-left, .min-height-775px .image-text-right { min-height:775px; } .min-height-800px .content-module, .min-height-800px .image-text-left, .min-height-800px .image-text-right { min-height:800px; } .min-height-825px .content-module, .min-height-825px .image-text-left, .min-height-825px .image-text-right { min-height:825px; } .min-height-850px .content-module, .min-height-850px .image-text-left, .min-height-850px .image-text-right { min-height:850px; } .min-height-875px .content-module, .min-height-875px .image-text-left, .min-height-875px .image-text-right { min-height:875px; } .min-height-900px .content-module, .min-height-900px .image-text-left, .min-height-900px .image-text-right { min-height:900px; } .min-height-925px .content-module, .min-height-925px .image-text-left, .min-height-925px .image-text-right { min-height:925px; } .min-height-950px .content-module, .min-height-950px .image-text-left, .min-height-950px .image-text-right { min-height:950px; } .min-height-975px .content-module, .min-height-975px .image-text-left, .min-height-975px .image-text-right { min-height:975px; } .min-height-1000px .content-module, .min-height-1000px .image-text-left, .min-height-1000px .image-text-right { min-height:1000px; } .min-height-10vh .content-module, .min-height-10vh .image-text-left, .min-height-10vh .image-text-right { min-height:10vh; } .min-height-15vh .content-module, .min-height-15vh .image-text-left, .min-height-15vh .image-text-right { min-height:15vh; } .min-height-20vh .content-module, .min-height-20vh .image-text-left, .min-height-20vh .image-text-right { min-height:20vh; } .min-height-25vh .content-module, .min-height-25vh .image-text-left, .min-height-25vh .image-text-right { min-height:25vh; } .min-height-30vh .content-module, .min-height-30vh .image-text-left, .min-height-30vh .image-text-right { min-height:30vh; } .min-height-35vh .content-module, .min-height-35vh .image-text-left, .min-height-35vh .image-text-right { min-height:35vh; } .min-height-40vh .content-module, .min-height-40vh .image-text-left, .min-height-40vh .image-text-right { min-height:40vh; } .min-height-45vh .content-module, .min-height-45vh .image-text-left, .min-height-45vh .image-text-right { min-height:45vh; } .min-height-50vh .content-module, .min-height-50vh .image-text-left, .min-height-50vh .image-text-right { min-height:50vh; } .min-height-55vh .content-module, .min-height-55vh .image-text-left, .min-height-55vh .image-text-right { min-height:55vh; } .min-height-60vh .content-module, .min-height-60vh .image-text-left, .min-height-60vh .image-text-right { min-height:60vh; } .min-height-65vh .content-module, .min-height-65vh .image-text-left, .min-height-65vh .image-text-right { min-height:65vh; } .min-height-70vh .content-module, .min-height-70vh .image-text-left, .min-height-70vh .image-text-right { min-height:70vh; } .min-height-75vh .content-module, .min-height-75vh .image-text-left, .min-height-75vh .image-text-right { min-height:75vh; } .min-height-80vh .content-module, .min-height-80vh .image-text-left, .min-height-80vh .image-text-right { min-height:80vh; } .min-height-85vh .content-module, .min-height-85vh .image-text-left, .min-height-85vh .image-text-right { min-height:85vh; } .min-height-90vh .content-module, .min-height-90vh .image-text-left, .min-height-90vh .image-text-right { min-height:90vh; } .min-height-95vh .content-module, .min-height-95vh .image-text-left, .min-height-95vh .image-text-right { min-height:95vh; } .min-height-100vh .content-module, .min-height-100vh .image-text-left, .min-height-100vh .image-text-right { min-height:100vh; } .min-height-100px .content-module iframe { height:100px; } .min-height-125px .content-module iframe { height:125px; } .min-height-150px .content-module iframe { height:150px; } .min-height-175px .content-module iframe { height:175px; } .min-height-200px .content-module iframe { height:200px; } .min-height-225px .content-module iframe { height:225px; } .min-height-250px .content-module iframe { height:250px; } .min-height-275px .content-module iframe { height:275px; } .min-height-300px .content-module iframe { height:300px; } .min-height-325px .content-module iframe { height:325px; } .min-height-350px .content-module iframe { height:350px; } .min-height-375px .content-module iframe { height:375px; } .min-height-400px .content-module iframe { height:400px; } .min-height-425px .content-module iframe { height:425px; } .min-height-450px .content-module iframe { height:450px; } .min-height-475px .content-module iframe { height:475px; } .min-height-500px .content-module iframe { height:500px; } .min-height-525px .content-module iframe { height:525px; } .min-height-550px .content-module iframe { height:550px; } .min-height-575px .content-module iframe { height:575px; } .min-height-600px .content-module iframe { height:600px; } .min-height-625px .content-module iframe { height:625px; } .min-height-650px .content-module iframe { height:650px; } .min-height-675px .content-module iframe { height:675px; } .min-height-700px .content-module iframe { height:700px; } .min-height-725px .content-module iframe { height:725px; } .min-height-750px .content-module iframe { height:750px; } .min-height-775px .content-module iframe { height:775px; } .min-height-800px .content-module iframe { height:800px; } .min-height-825px .content-module iframe { height:825px; } .min-height-850px .content-module iframe { height:850px; } .min-height-875px .content-module iframe { height:875px; } .min-height-900px .content-module iframe { height:900px; } .min-height-925px .content-module iframe { height:925px; } .min-height-950px .content-module iframe { height:950px; } .min-height-975px .content-module iframe { height:975px; } .min-height-1000px .content-module iframe { height:1000px; } .min-height-10vh .content-module iframe { height:10vh; } .min-height-15vh .content-module iframe { height:15vh; } .min-height-20vh .content-module iframe { height:20vh; } .min-height-25vh .content-module iframe { height:25vh; } .min-height-30vh .content-module iframe { height:30vh; } .min-height-35vh .content-module iframe { height:35vh; } .min-height-40vh .content-module iframe { height:40vh; } .min-height-45vh .content-module iframe { height:45vh; } .min-height-50vh .content-module iframe { height:50vh; } .min-height-55vh .content-module iframe { height:55vh; } .min-height-60vh .content-module iframe { height:60vh; } .min-height-65vh .content-module iframe { height:65vh; } .min-height-70vh .content-module iframe { height:70vh; } .min-height-75vh .content-module iframe { height:75vh; } .min-height-80vh .content-module iframe { height:80vh; } .min-height-85vh .content-module iframe { height:85vh; } .min-height-90vh .content-module iframe { height:90vh; } .min-height-95vh .content-module iframe { height:95vh; } .min-height-100vh .content-module iframe { height:100vh; } } /************************************************************************************************************* 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; font-style:italic; } .article-info .icon-calendar:before { content: none; } .article-info dd { display:inline-block; *display:inline; *zoom:1; margin:0 4px 0 0; } .article-info dd:after { content: "-"; margin-left:6px; } .article-info dd:last-child:after { content: none; margin-left:0; } .article-info-term { display:none; } /*** 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: 20px 0 35px 0; min-height: 20px; padding: 15px 20px; font-size:110%; } /** 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:0px 0 10px 0; overflow:hidden; margin-bottom:10px; } .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:48%; float:left; } .cols-2 .column-2 { width:48%; float:right; margin:0; } .cols-3 .column-1 { float:left; width:31%; padding:0px 5px; margin-right:3.5%; } .cols-3 .column-2 { float:left; width:31%; margin-left:0; padding:0px 5px; } .cols-3 .column-3 { float:right; width:31%; padding:0px 5px; } .items-row { overflow:hidden; margin-bottom:10px !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; } /************************************************************************************************************* FOOTER **************************************************************************************************************/ .website-footer { position:relative; clear:both; padding: 30px 0 30px 0; min-height:50px; border-top:1px solid rgba(0,0,0,0.10); font-size:95%; } .boxed_layout .website-footer { padding-left:24px; padding-right:24px; } .website-footer .moduletable { margin:0; } .website-footer .moduletable > div { padding: 0; } .website-footer a:hover { text-decoration:none; } .footer-search-menu { float:right; } .footer-search-menu.without_address { display:block; float:none; text-align:center; } .bottom_menu { display:inline-block; *display:inline; *zoom:1; margin-top:12px; } .address { float:left; margin: 0; padding:12px 0 0 0; } .address p { margin: 0px; } .address.without_bottom_menu { clear: both; float:none; text-align: center; } .address .moduletable, .bottom_menu .moduletable { display:inline-block; *display:inline; *zoom:1; } /** animation **/ .address.animCSS3, .footer-search-menu.animCSS3 { -webkit-animation-name: slideDownRetourn; animation-name: slideDownRetourn; } /********************************** SEARCH ******************************************/ .module-search { display:inline-block; *display:inline; *zoom:1; margin: 12px 0 0 12px; } .module-search .search { margin-right:-20px; } .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: 10px; font-size: inherit; height: 20px; width: auto; line-height: 20px; font-size:90%; padding: 0 26px 0 12px; vertical-align:middle; } .module-search input.button { position: relative; left: -26px; /** move the button in the search field **/ background:transparent !important; border:none !important; padding:0; } .module-search .fa-search { margin-left:-26px; line-height:20px; } .module-search input { background: rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.08); } .theme-dark .module-search input { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.08); } /************************************************************************************************************* BOTTOM MENU **************************************************************************************************************/ .bottom_menu ul { margin : 0; padding:0; } .bottom_menu li { padding: 0 5px ; 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; padding: 0 5px; 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: 27px; 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:#444; opacity:0.6; transition : all 0.3s ease-in-out; } .theme-dark #toTop .icon-up:before { color: #eee; } #toTop:hover .icon-up:before { opacity:0.8; } #toTopText { display: none; } #toTop span { color: #FFFFFF; } /************************************************************************************************************* OTHERS **************************************************************************************************************/ /** JS **/ .js-copyright { position : absolute; bottom:100px; 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_black_20.png) 0 0 no-repeat; z-index:1; } /** 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 **/ .item-image { margin-bottom:20px; } .pull-left, .pull-right, .pull-center, img[align="left"], img[align="right"] { display:block; max-width:100%; } .pull-left, img[align="left"], .img_caption.left { float:left; margin: 0 20px 20px 0 !important; } .pull-right, img[align="right"], .img_caption.right { float:right; margin: 0 0 20px 20px !important; } .img_caption img { margin-bottom:4px; } .pull-center { margin-left:auto !important; margin-right:auto !important; text-align:center; } .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-right: 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); } #jform_tags_chzn { width:220px !important; } #jform_tags_chzn input { width:190px !important; } /** Error message **/ #system-message-container { padding:0; } #system-message-container > div { background-color : rgba(0,0,0,0.1); padding:14px 12px 8px 16px ; margin: 12px 4px 120px 0; -moz-box-shadow:2px 2px 4px #ccc; -webkit-box-shadow:2px 2px 4px #ccc; box-shadow:2px 2px 4px #ccc; font-size:100%; } #system-message-container h4 { padding-top:5px; font-size:140%; color: red ; } #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:rgba(0,0,0,0.08); 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; display: block; font-size: 13px; height: 38px; line-height: 1.42857; padding: 6px 12px; 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; } /**** List all category **/ .categories-list > div { margin-bottom:40px; } .categories-list .page-header { text-align:left; } /** 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-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; } 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: 0 12px; } fieldset.only label { display:block; } /** for Joomla 3.5 **/ #searchForm .btn { margin-top:2px; } #searchForm .btn span { padding-right: 6px; } .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-30.png) 0 0 repeat; background: rgba(0,0,0,0.16); border-radius: 4px; border: 1px solid #999; border-color:rgba(0,0,0,0.2); color: #fff; font-size: 90%; font-weight:normal; text-shadow:none; letter-spacing:0.6px; margin:0; padding: 8px 11px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; } input[type="submit"]:hover, button:hover, .btn-primary:hover, .btn-default:hover, .btn:hover, .btn:focus { background : transparent url(../images/black-25.png) 0 0 repeat; background: rgba(0,0,0,0.3); border: 1px solid #999; border-color:rgba(0,0,0,0.16); color: #fff; } input[type="submit"]:active, button:active, .btn-primary:active, .btn-default:active, btn:active { background : transparent url(../images/black-30.png) 0 0 repeat; background: rgba(0,0,0,0.3); border-radius: 4px; border: 1px solid #999; color: #fff; } /** 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 { background:inherit; border: 1px solid #ddd; border-radius: 15px; display: inline-block; *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 **************************************************************************************************************/ .contact .page-header { margin-bottom:22px; } .contact > h2 { margin: 0 0 30px 0; padding:0; } .contact > h3 { display: 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; } /** 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; border-color: rgba(0,0,0,0.10); 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; color: inherit; border-color: rgba(0,0,0,0.10); } .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.2); border:none; } .contact .pane-toggler-down + div, /** J2.5 **/ .accordion-body.in { /** J3.5 **/ border:1px solid #e8e8e8 ; border-top:none !important; border-color: rgba(0,0,0,0.10); 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); 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 { /** 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); } .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; 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) ; } /***************************************************************************************** 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); 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; } /***************************************************************************************** Popup ******************************************************************************************/ body.contentpane { padding:0 20px; } .formelm { margin:10px 0 20px 0; } /**************************** 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; } #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; } /*** Icomoon used by Joomla **/ @font-face { font-family: 'IcoMoon'; src: url('../../../media/jui/fonts/IcoMoon.eot'); src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: 'IcoMoon'; content: attr(data-icon); speak: none; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-right: .25em; line-height: 14px; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'IcoMoon'; font-style: normal; speak: none; } [class^="icon-"].disabled, [class*=" icon-"].disabled { font-weight: normal; } .icon-joomla:before { content: "\e200"; } .icon-chevron-up:before, .icon-uparrow:before, .icon-arrow-up:before { content: "\e005"; } .icon-chevron-right:before, .icon-rightarrow:before, .icon-arrow-right:before { content: "\e006"; } .icon-chevron-down:before, .icon-downarrow:before, .icon-arrow-down:before { content: "\e007"; } .icon-chevron-left:before, .icon-leftarrow:before, .icon-arrow-left:before { content: "\e008"; } .icon-arrow-first:before { content: "\e003"; } .icon-arrow-last:before { content: "\e004"; } .icon-arrow-up-2:before { content: "\e009"; } .icon-arrow-right-2:before { content: "\e00a"; } .icon-arrow-down-2:before { content: "\e00b"; } .icon-arrow-left-2:before { content: "\e00c"; } .icon-arrow-up-3:before { content: "\e00f"; } .icon-arrow-right-3:before { content: "\e010"; } .icon-arrow-down-3:before { content: "\e011"; } .icon-arrow-left-3:before { content: "\e012"; } .icon-menu-2:before { content: "\e00e"; } .icon-arrow-up-4:before { content: "\e201"; } .icon-arrow-right-4:before { content: "\e202"; } .icon-arrow-down-4:before { content: "\e203"; } .icon-arrow-left-4:before { content: "\e204"; } .icon-share:before, .icon-redo:before { content: "\27"; } .icon-undo:before { content: "\28"; } .icon-forward-2:before { content: "\e205"; } .icon-backward-2:before, .icon-reply:before { content: "\e206"; } .icon-unblock:before, .icon-refresh:before, .icon-redo-2:before { content: "\6c"; } .icon-undo-2:before { content: "\e207"; } .icon-move:before { content: "\7a"; } .icon-expand:before { content: "\66"; } .icon-contract:before { content: "\67"; } .icon-expand-2:before { content: "\68"; } .icon-contract-2:before { content: "\69"; } .icon-play:before { content: "\e208"; } .icon-pause:before { content: "\e209"; } .icon-stop:before { content: "\e210"; } .icon-previous:before, .icon-backward:before { content: "\7c"; } .icon-next:before, .icon-forward:before { content: "\7b"; } .icon-first:before { content: "\7d"; } .icon-last:before { content: "\e000"; } .icon-play-circle:before { content: "\e00d"; } .icon-pause-circle:before { content: "\e211"; } .icon-stop-circle:before { content: "\e212"; } .icon-backward-circle:before { content: "\e213"; } .icon-forward-circle:before { content: "\e214"; } .icon-loop:before { content: "\e001"; } .icon-shuffle:before { content: "\e002"; } .icon-search:before { content: "\53"; } .icon-zoom-in:before { content: "\64"; } .icon-zoom-out:before { content: "\65"; } .icon-apply:before, .icon-edit:before, .icon-pencil:before { content: "\2b"; } .icon-pencil-2:before { content: "\2c"; } .icon-brush:before { content: "\3b"; } .icon-save-new:before, .icon-plus-2:before { content: "\5d"; } .icon-minus-sign:before, .icon-minus-2:before { content: "\5e"; } .icon-delete:before, .icon-remove:before, .icon-cancel-2:before { content: "\49"; } .icon-publish:before, .icon-save:before, .icon-ok:before, .icon-checkmark:before { content: "\47"; } .icon-new:before, .icon-plus:before { content: "\2a"; } .icon-plus-circle:before { content: "\e215"; } .icon-minus:before, .icon-not-ok:before { content: "\4b"; } .icon-ban-circle:before, .icon-minus-circle:before { content: "\e216"; } .icon-unpublish:before, .icon-cancel:before { content: "\4a"; } .icon-cancel-circle:before { content: "\e217"; } .icon-checkmark-2:before { content: "\e218"; } .icon-checkmark-circle:before { content: "\e219"; } .icon-info:before { content: "\e220"; } .icon-info-2:before, .icon-info-circle:before { content: "\e221"; } .icon-question:before, .icon-question-sign:before, .icon-help:before { content: "\45"; } .icon-question-2:before, .icon-question-circle:before { content: "\e222"; } .icon-notification:before { content: "\e223"; } .icon-notification-2:before, .icon-notification-circle:before { content: "\e224"; } .icon-pending:before, .icon-warning:before { content: "\48"; } .icon-warning-2:before, .icon-warning-circle:before { content: "\e225"; } .icon-checkbox-unchecked:before { content: "\3d"; } .icon-checkin:before, .icon-checkbox:before, .icon-checkbox-checked:before { content: "\3e"; } .icon-checkbox-partial:before { content: "\3f"; } .icon-square:before { content: "\e226"; } .icon-radio-unchecked:before { content: "\e227"; } .icon-radio-checked:before, .icon-generic:before { content: "\e228"; } .icon-circle:before { content: "\e229"; } .icon-signup:before { content: "\e230"; } .icon-grid:before, .icon-grid-view:before { content: "\58"; } .icon-grid-2:before, .icon-grid-view-2:before { content: "\59"; } .icon-menu:before { content: "\5a"; } .icon-list:before, .icon-list-view:before { content: "\31"; } .icon-list-2:before { content: "\e231"; } .icon-menu-3:before { content: "\e232"; } .icon-folder-open:before, .icon-folder:before { content: "\2d"; } .icon-folder-close:before, .icon-folder-2:before { content: "\2e"; } .icon-folder-plus:before { content: "\e234"; } .icon-folder-minus:before { content: "\e235"; } .icon-folder-3:before { content: "\e236"; } .icon-folder-plus-2:before { content: "\e237"; } .icon-folder-remove:before { content: "\e238"; } .icon-file:before { content: "\e016"; } .icon-file-2:before { content: "\e239"; } .icon-file-add:before, .icon-file-plus:before { content: "\29"; } .icon-file-minus:before { content: "\e017"; } .icon-file-check:before { content: "\e240"; } .icon-file-remove:before { content: "\e241"; } .icon-save-copy:before, .icon-copy:before { content: "\e018"; } .icon-stack:before { content: "\e242"; } .icon-tree:before { content: "\e243"; } .icon-tree-2:before { content: "\e244"; } .icon-paragraph-left:before { content: "\e246"; } .icon-paragraph-center:before { content: "\e247"; } .icon-paragraph-right:before { content: "\e248"; } .icon-paragraph-justify:before { content: "\e249"; } .icon-screen:before { content: "\e01c"; } .icon-tablet:before { content: "\e01d"; } .icon-mobile:before { content: "\e01e"; } .icon-box-add:before { content: "\51"; } .icon-box-remove:before { content: "\52"; } .icon-download:before { content: "\e021"; } .icon-upload:before { content: "\e022"; } .icon-home:before { content: "\21"; } .icon-home-2:before { content: "\e250"; } .icon-out-2:before, .icon-new-tab:before { content: "\e024"; } .icon-out-3:before, .icon-new-tab-2:before { content: "\e251"; } .icon-link:before { content: "\e252"; } .icon-picture:before, .icon-image:before { content: "\2f"; } .icon-pictures:before, .icon-images:before { content: "\30"; } .icon-palette:before, .icon-color-palette:before { content: "\e014"; } .icon-camera:before { content: "\55"; } .icon-camera-2:before, .icon-video:before { content: "\e015"; } .icon-play-2:before, .icon-video-2:before, .icon-youtube:before { content: "\56"; } .icon-music:before { content: "\57"; } .icon-user:before { content: "\22"; } .icon-users:before { content: "\e01f"; } .icon-vcard:before { content: "\6d"; } .icon-address:before { content: "\70"; } .icon-share-alt:before, .icon-out:before { content: "\26"; } .icon-enter:before { content: "\e257"; } .icon-exit:before { content: "\e258"; } .icon-comment:before, .icon-comments:before { content: "\24"; } .icon-comments-2:before { content: "\25"; } .icon-quote:before, .icon-quotes-left:before { content: "\60"; } .icon-quote-2:before, .icon-quotes-right:before { content: "\61"; } .icon-quote-3:before, .icon-bubble-quote:before { content: "\e259"; } .icon-phone:before { content: "\e260"; } .icon-phone-2:before { content: "\e261"; } .icon-envelope:before, .icon-mail:before { content: "\4d"; } .icon-envelope-opened:before, .icon-mail-2:before { content: "\4e"; } .icon-unarchive:before, .icon-drawer:before { content: "\4f"; } .icon-archive:before, .icon-drawer-2:before { content: "\50"; } .icon-briefcase:before { content: "\e020"; } .icon-tag:before { content: "\e262"; } .icon-tag-2:before { content: "\e263"; } .icon-tags:before { content: "\e264"; } .icon-tags-2:before { content: "\e265"; } .icon-options:before, .icon-cog:before { content: "\38"; } .icon-cogs:before { content: "\37"; } .icon-screwdriver:before, .icon-tools:before { content: "\36"; } .icon-wrench:before { content: "\3a"; } .icon-equalizer:before { content: "\39"; } .icon-dashboard:before { content: "\78"; } .icon-switch:before { content: "\e266"; } .icon-filter:before { content: "\54"; } .icon-purge:before, .icon-trash:before { content: "\4c"; } .icon-checkedout:before, .icon-lock:before, .icon-locked:before { content: "\23"; } .icon-unlock:before { content: "\e267"; } .icon-key:before { content: "\5f"; } .icon-support:before { content: "\46"; } .icon-database:before { content: "\62"; } .icon-scissors:before { content: "\e268"; } .icon-health:before { content: "\6a"; } .icon-wand:before { content: "\6b"; } .icon-eye-open:before, .icon-eye:before { content: "\3c"; } .icon-eye-close:before, .icon-eye-blocked:before, .icon-eye-2:before { content: "\e269"; } .icon-clock:before { content: "\6e"; } .icon-compass:before { content: "\6f"; } .icon-broadcast:before, .icon-connection:before, .icon-wifi:before { content: "\e01b"; } .icon-book:before { content: "\e271"; } .icon-lightning:before, .icon-flash:before { content: "\79"; } .icon-print:before, .icon-printer:before { content: "\e013"; } .icon-feed:before { content: "\71"; } .icon-calendar:before { content: "\43"; } .icon-calendar-2:before { content: "\44"; } .icon-calendar-3:before { content: "\e273"; } .icon-pie:before { content: "\77"; } .icon-bars:before { content: "\76"; } .icon-chart:before { content: "\75"; } .icon-power-cord:before { content: "\32"; } .icon-cube:before { content: "\33"; } .icon-puzzle:before { content: "\34"; } .icon-attachment:before, .icon-paperclip:before, .icon-flag-2:before { content: "\72"; } .icon-lamp:before { content: "\74"; } .icon-pin:before, .icon-pushpin:before { content: "\73"; } .icon-location:before { content: "\63"; } .icon-shield:before { content: "\e274"; } .icon-flag:before { content: "\35"; } .icon-flag-3:before { content: "\e275"; } .icon-bookmark:before { content: "\e023"; } .icon-bookmark-2:before { content: "\e276"; } .icon-heart:before { content: "\e277"; } .icon-heart-2:before { content: "\e278"; } .icon-thumbs-up:before { content: "\5b"; } .icon-thumbs-down:before { content: "\5c"; } .icon-unfeatured:before, .icon-asterisk:before, .icon-star-empty:before { content: "\40"; } .icon-star-2:before { content: "\41"; } .icon-featured:before, .icon-default:before, .icon-star:before { content: "\42"; } .icon-smiley:before, .icon-smiley-happy:before { content: "\e279"; } .icon-smiley-2:before, .icon-smiley-happy-2:before { content: "\e280"; } .icon-smiley-sad:before { content: "\e281"; } .icon-smiley-sad-2:before { content: "\e282"; } .icon-smiley-neutral:before { content: "\e283"; } .icon-smiley-neutral-2:before { content: "\e284"; } .icon-cart:before { content: "\e019"; } .icon-basket:before { content: "\e01a"; } .icon-credit:before { content: "\e286"; } .icon-credit-2:before { content: "\e287"; } .icon-expired:before { content: "\4b"; } /************** Others extensions **/ #Kunena select, #Kunena textarea, #Kunena input, #Kunena .inputbox { display:inline-block; *display:inline; *zoom:1; } /**** Center a video - Videobox ******/ .video-centered .content-module > div, .video-centered .content-module > div > div { margin:20px auto; }