/** 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: 0 0 10px 0; padding: 0 0 0 20px; } ul ul, ol ul, ul ol, ol ol { margin:6px 0; padding: 0 0 0 15px; } a:hover, a:focus { text-decoration:none; } option, .chzn-results { background:white; color:#666; padding:4px 7px; } .clr { clear:both; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } /** Hide the outline **/ *:hover, *:active, *:focus, input:focus, textarea:focus { outline:none !important; } /** resize image **/ img, video, .scale { /* Part 1: Set a maxium relative to the parent */ max-width:100%; /* Part 2: Scale the height according to the width, otherwise you get stretching */ height:auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /** to prevent a problem with sprites images, Google map and the property max-width:100% **/ #mapcanvas img, .gmnoprint img { max-width: none; } /************************************************************************************************************* 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(-15%); } 100% { opacity:1; -webkit-transform-origin: 0 0; -webkit-transform: translateX(0%); } } @keyframes slideLeftRetourn { 0% { opacity:0; transform-origin: 0 0; transform: translateX(-15%); } 100% { opacity:1; transform-origin: 0 0; transform: translateX(0%); } } @-webkit-keyframes slideRightRetourn { 0% { opacity:0; -webkit-transform-origin: 0 0; -webkit-transform: translateX(15%); } 100% { opacity:1; -webkit-transform-origin: 0 0; -webkit-transform: translateX(0%); } } @keyframes slideRightRetourn { 0% { opacity:0; transform-origin: 0 0; transform: translateX(15%); } 100% { opacity:1; transform-origin: 0 0; transform: translateX(0%); } } @-webkit-keyframes slideUpRetourn { 0% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(10%); } 100% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(0%); } } @keyframes slideUpRetourn { 0% { transform-origin: 0 0; transform: translateY(10%); } 100% { transform-origin: 0 0; transform: translateY(0%); } } @-webkit-keyframes slideDownRetourn { 0% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(-15%); } 100% { -webkit-transform-origin: 0 0; -webkit-transform: translateY(0%); } } @keyframes slideDownRetourn { 0% { transform-origin: 0 0; transform: translateY(-15%); } 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.9, 0.9); } 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 slide **/ 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; margin : 0 auto; } .wrapper-website.boxed-layout { margin : 20px auto 26px auto !important; } .boxed-layout.light-shadow { box-shadow: 0 0 10px rgba(0,0,0,0.30); } .boxed-layout.dark-shadow { box-shadow: 0 0 20px 3px rgba(0,0,0,0.46); } .zindex10 { position:relative; z-index:10; } .zindex20 { position:relative; z-index:20; } .zindex30 { position:relative; z-index:30; } .bg-no-repeat { position:fixed; top:0; left:0; right:0; height:100%; background-position:50% 0; background-repeat:no-repeat; -webkit-background-size: cover; /* pour Chrome et Safari */ -moz-background-size: cover; /* pour Firefox */ -o-background-size: cover; /* pour Opera */ background-size: cover; /* version standardisée */ z-index:-1; } .bg-repeat { position:fixed; top:0; left:0; right:0; height:100%; background-repeat:repeat; z-index:-1; } /** Google map **/ .simple-google-map { height:50vh; } /************************************************************************************************************* HEADER **************************************************************************************************************/ .website-header { position:absolute; top:0; left:0; right:0; border-bottom:1px solid rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.5); } .boxed-layout .website-header { box-shadow: none ; } .website-header.no-image { position:relative !important; box-shadow: 0 4px 9px rgba(0, 0, 0, 0.25); margin-top:0; } .logo-menu { position:relative; } /****** animations ********/ .top-header.animCSS3 { -moz-animation-name: slideDownRetourn; -webkit-animation-name: slideDownRetourn; animation-name: slideDownRetourn; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } /********************************************* LOGO ******************************************/ .logo-module { padding:6px 0 8px 0; margin-top:30px; text-align:center; } .logo-module p { margin:0; } .logo-module a, .logo-module a:hover { text-decoration:none; outline:none; } .website-title { display:block; font-size: 50px; line-height:0.85; word-spacing: 3px; font-weight: normal; margin: 0; padding:0; } .website-title.shadow-light { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } .website-title.shadow-dark { text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.85); } .website-slogan { display:block; padding:0 7px 7px 7px; text-align:center; } /****** animations ********/ .logo-module.animCSS3 { -webkit-animation-name: swashIn; animation-name: swashIn; } /******************************************* Sticky HEADER **************************************/ @media screen and (min-width: 980px) { .stuckMenu { position:absolute !important; } .stuckMenu.isStuck { position:fixed !important; } .website-header.isStuck { border:none; margin-top:0; } .isStuck { position:fixed; top:0; left:0; right:0; background: #ededed ; margin:0 auto; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5); z-index:99; } .isStuck > ul { margin: 0 auto; text-align:center; max-width:100%; } .isStuck .logo-module img { max-height:50px; } .isStuck .logo-module { padding:10px 0 8px 0; } .isStuck .website-title { line-height:0.65; } .isStuck .website-title span { font-size:80%; } .isStuck .website-slogan { display:none; } } /************************************************************************************************************* DROP DOWN MENU **************************************************************************************************************/ .drop-down { position:relative; margin: 0; padding:0; text-align:center; } span.title_menu { /*display: none;*/ } .drop-down ul, .drop-down li { list-style: none; margin: 0; padding: 0; } .drop-down li { position:relative; float:none; display:inline-block; *display:inline; *zoom:1; z-index:1; } .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: 180px; border-radius: 0 0 8px 8px; box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25); padding: 0 0 4px 0; background: #fff; font-size:90%; } .drop-down li ul ul { top: 1px; left: 98%; font-size:100%; border-radius:8px; } .drop-down > ul > li:last-child > ul { left:inherit; right:0; } .drop-down > ul > li:last-child > ul ul { left:inherit; right:97%; } .drop-down li ul:hover { box-shadow: 0 4px 5px rgba(0, 0, 0, 0.50); -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } .drop-down li li ul:hover { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); } .drop-down li li { float:none; width:100%; padding:0; margin:0; } .drop-down li a, .drop-down li span.separator { display : block; padding: 12px 12px; font-weight: normal; text-decoration: none; text-align:left; color : #888; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; word-wrap: break-word; } .drop-down.shadow-light > ul > li > a, .drop-down.shadow-light > ul > li > span { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .drop-down.shadow-dark > ul > li > a, .drop-down.shadow-dark > ul > li > span { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); } .isStuck .drop-down > ul > li > a, .isStuck .drop-down > ul > li > span { text-shadow: none; } .uppercase-none .drop-down li a, .uppercase-none .drop-down li span.separator { text-transform: none; } .drop-down li li a, .drop-down li li span.separator { display : block; /** change **/ letter-spacing: 0px; padding: 10px 10px 6px 13px; margin:0 3px; border-style:none; border-top:1px dashed #ddd; border-color : rgba(0,0,0,0.12); } /** add more space under the menu if no slideshow **/ @media screen and (min-width: 980px) { .no-image .drop-down li a, .no-image .drop-down li span.separator { padding-bottom:22px; } .no-image .drop-down li li a, .no-image .drop-down li li span.separator { padding-bottom:6px; } } .drop-down li li:first-child > a, .drop-down li li:first-child > span.separator { border:none; } .drop-down li a:hover, .drop-down li span.separator:hover { -webkit-transition : none; -moz-transition : none; -ms-transition : all 0.2s linear 0s; -o-transition : all 0.2s linear 0s; transition : all 0.2s linear 0s; } .drop-down li:hover > ul, .drop-down li:focus > ul { display : block ; z-index:10; opacity:1; -webkit-transition : all 0.4s ease-in-out; -moz-transition : all 0.4s ease-in-out; -ms-transition : all 0.4s ease-in-out; -o-transition : all 0.4s ease-in-out; transition : all 0.4s ease-in-out ; } 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:90%; opacity:0; } 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; } } } /********************************************* Translate ***********************************/ .module-translate { position:absolute; top:0; right:14px; z-index:99; vertical-align:middle; } @media screen and (min-width: 980px) { .isStuck .module-translate { /*display:none;*/ } } .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; } /******************************************************************************************************************************************** MODULE IMAGE **********************************************************************************************************************************************/ .image-position { position:relative; } .module-image { position:relative; max-width:100%; /* padding-top: 111px;*/ } .module-image .moduletable { position:relative; margin:0; z-index:1; } .module-image .moduletable > div { padding:0; } .image-module p { margin: 0; } .shadow-slideshow-top { position:absolute; top:0; left:0; width:100%; height:13px; background : transparent url(../images/shadow-slideshow-top.png) 0 0 no-repeat; background-size: 100% 13px; /** CSS3 property to set the width to 100% and height 13px **/ } .shadow-slideshow-bottom { position:absolute; bottom:0; left:0; width:100%; height:16px; background : transparent url(../images/shadow-slideshow-bottom.png) 0 100% no-repeat; background-size: 100% 13px; /** CSS3 property to set the width to 100% and height 13px **/ } .shadow-image-top { position:absolute; bottom:-8px; left:0; right:0; height:8px; background : transparent url(../images/shadow-image-top.png) 0 0 repeat-x; } .shadow-image-bottom { position:absolute; bottom:0; left:0; right:0; height:8px; background : transparent url(../images/shadow-image-bottom.png) 0 100% repeat-x; } .fade01-white-left { position:absolute; top:0; left:0; width:85px; height:100%; background:transparent url(../images/fade01-white-left.png) 0 0 repeat-y; z-index:10; } .fade01-white-right { position:absolute; top:0; right:0; width:85px; height:100%; background:transparent url(../images/fade01-white-right.png) 0 0 repeat-y; z-index:10; } .fade01-black-left { position:absolute; top:0; left:0; width:85px; height:100%; background:transparent url(../images/fade01-black-left.png) 0 0 repeat-y; z-index:10; } .fade01-black-right { position:absolute; top:0; right:0; width:85px; height:100%; background:transparent url(../images/fade01-black-right.png) 0 0 repeat-y; z-index:10; } .fade02-white-left { position:absolute; top:0; left:0; width:85px; height:100%; background:transparent url(../images/fade02-white-left.png) 0 0 repeat-y; z-index:10; } .fade02-white-right { position:absolute; top:0; right:0; width:85px; height:100%; background:transparent url(../images/fade02-white-right.png) 0 0 repeat-y; z-index:10; } .fade02-black-left { position:absolute; top:0; left:0; width:85px; height:100%; background:transparent url(../images/fade02-black-left.png) 0 0 repeat-y; z-index:10; } .fade02-black-right { position:absolute; top:0; right:0; width:85px; height:100%; background:transparent url(../images/fade02-black-right.png) 0 0 repeat-y; z-index:10; } /******************************************************************************************************************************************** positions IMAGE-TEXT-TOP and IMAGE-TEXT-BOTTOM *********************************************************************************************************************************************/ .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 [class*="color-"] .image-text-column h2, .image-text-bottom [class*="color-"] .image-text-column h2 { color : inherit; } [class*="color-"] .image-text-column a { text-decoration:none; color: rgba(0,0,0,0.6); 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-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: rgba(255, 255, 255, 0.7); border-color: rgba(255,255,255,0.4); } .color-black .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 { background: rgba(255, 255, 255, 0.8); color: rgba(0, 0, 0, 0.8); border-color: rgba(255,255,255,0.8); } /********* 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:calc(50%); padding:30px 35px; } .boxed_layout .image-text-top .image-text-right .image-text-column, .boxed_layout .image-text-bottom .image-text-right .image-text-column { margin-left:0; } .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 60px 30px 55px; } .boxed_layout .image-text-top .image-text-left .image-text-column, .boxed_layout .image-text-bottom .image-text-left .image-text-column { padding:30px 55px 30px 60px; } .image-text-top .image-text-left .image-text-image { box-shadow: -8px 0 12px rgba(0, 0, 0, 0.50) inset; transition: box-shadow 0.4s ease-in-out; } .image-text-top .image-text-left .image-text-image:hover { box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.50) inset; transition: box-shadow 0.4s ease-in-out; } .image-text-top .image-text-right .image-text-image { box-shadow: 8px 0 12px rgba(0, 0, 0, 0.50) inset; transition: box-shadow 0.4s ease-in-out; } .image-text-top .image-text-right .image-text-image:hover { box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.50) inset; transition: box-shadow 0.4s ease-in-out; } /** border top and bottom around the H2 title *********/ .image-text-top .image-text-left .image-text-column h2, .image-text-bottom .image-text-left .image-text-column h2 { padding:10px 50px 14px 6px; margin-bottom:25px; margin-right:-48px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left:0px solid transparent; /** for Safari **/ } .image-text-top .image-text-right .image-text-column h2, .image-text-bottom .image-text-right .image-text-column h2 { padding:10px 6px 14px 50px; margin-bottom:25px; margin-left:-48px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-right:0px solid transparent; /** for Safari **/ } [class*="image-text-"] .image-text-left.color-white .image-text-column h2, [class*="image-text-"] .image-text-left.color-peachpuff .image-text-column h2, [class*="image-text-"] .image-text-left.color-papayawhip .image-text-column h2, [class*="image-text-"] .image-text-left.color-moccasin .image-text-column h2, [class*="image-text-"] .image-text-left.color-gold .image-text-column h2, [class*="image-text-"] .image-text-left.color-khaki .image-text-column h2, [class*="image-text-"] .image-text-left.color-lemonchiffon .image-text-column h2, [class*="image-text-"] .image-text-left.color-palegoldenrod .image-text-column h2, [class*="image-text-"] .image-text-left.color-yellow .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightgoldenrodyellow .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightyellow .image-text-column h2, [class*="image-text-"] .image-text-left.color-cyan .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightcyan .image-text-column h2, [class*="image-text-"] .image-text-left.color-greenyellow .image-text-column h2, [class*="image-text-"] .image-text-left.color-chartreuse .image-text-column h2, [class*="image-text-"] .image-text-left.color-lawngreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-lime .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightgreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-palegreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-springgreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-mediumspringgreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-aquamarine .image-text-column h2, [class*="image-text-"] .image-text-left.color-aqua .image-text-column h2, [class*="image-text-"] .image-text-left.color-paleturquoise .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightcyan .image-text-column h2, [class*="image-text-"] .image-text-left.color-powderblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-lavender .image-text-column h2, [class*="image-text-"] .image-text-left.color-thistle .image-text-column h2, [class*="image-text-"] .image-text-left.color-pink .image-text-column h2 [class*="image-text-"] .image-text-left.color-lightpink .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightgrey .image-text-column h2, [class*="image-text-"] .image-text-left.color-gainsboro .image-text-column h2 [class*="image-text-"] .image-text-left.color-whitesmoke .image-text-column h2, [class*="image-text-"] .image-text-left.color-snow .image-text-column h2, [class*="image-text-"] .image-text-left.color-mistyrose .image-text-column h2 [class*="image-text-"] .image-text-left.color-seashell .image-text-column h2, [class*="image-text-"] .image-text-left.color-linen .image-text-column h2, [class*="image-text-"] .image-text-left.color-antiquewhite .image-text-column h2, [class*="image-text-"] .image-text-left.color-oldlace .image-text-column h2, [class*="image-text-"] .image-text-left.color-floralwhite .image-text-column h2, [class*="image-text-"] .image-text-left.color-beige .image-text-column h2, [class*="image-text-"] .image-text-left.color-ivory .image-text-column h2, [class*="image-text-"] .image-text-left.color-honeydew .image-text-column h2, [class*="image-text-"] .image-text-left.color-mintcream .image-text-column h2, [class*="image-text-"] .image-text-left.color-azure .image-text-column h2, [class*="image-text-"] .image-text-left.color-aliceblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-ghostwhite .image-text-column h2, [class*="image-text-"] .image-text-left.color-lavenderblush .image-text-column h2, [class*="image-text-"] .image-text-left.color-bisque .image-text-column h2, [class*="image-text-"] .image-text-left.color-navajowhite .image-text-column h2, [class*="image-text-"] .image-text-left.color-blanchedalmond .image-text-column h2, [class*="image-text-"] .image-text-left.color-wheat .image-text-column h2, [class*="image-text-"] .image-text-left.color-cornsilk .image-text-column h2, [class*="image-text-"] .image-text-left.color-turquoise .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightgrey .image-text-column h2 { border-image: linear-gradient(to right, rgba(0,0,0,0.7) 80%, rgba(0,0,0,0)); border-image-slice: 1; } [class*="image-text-"] .image-text-right.color-white .image-text-column h2, [class*="image-text-"] .image-text-right.color-peachpuff .image-text-column h2, [class*="image-text-"] .image-text-right.color-papayawhip .image-text-column h2, [class*="image-text-"] .image-text-right.color-moccasin .image-text-column h2, [class*="image-text-"] .image-text-right.color-gold .image-text-column h2, [class*="image-text-"] .image-text-right.color-khaki .image-text-column h2, [class*="image-text-"] .image-text-right.color-lemonchiffon .image-text-column h2, [class*="image-text-"] .image-text-right.color-palegoldenrod .image-text-column h2, [class*="image-text-"] .image-text-right.color-yellow .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightgoldenrodyellow .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightyellow .image-text-column h2, [class*="image-text-"] .image-text-right.color-cyan .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightcyan .image-text-column h2, [class*="image-text-"] .image-text-right.color-greenyellow .image-text-column h2, [class*="image-text-"] .image-text-right.color-chartreuse .image-text-column h2, [class*="image-text-"] .image-text-right.color-lawngreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-lime .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightgreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-palegreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-springgreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-mediumspringgreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-aquamarine .image-text-column h2, [class*="image-text-"] .image-text-right.color-aqua .image-text-column h2, [class*="image-text-"] .image-text-right.color-paleturquoise .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightcyan .image-text-column h2, [class*="image-text-"] .image-text-right.color-powderblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-lavender .image-text-column h2, [class*="image-text-"] .image-text-right.color-thistle .image-text-column h2, [class*="image-text-"] .image-text-right.color-pink .image-text-column h2 [class*="image-text-"] .image-text-right.color-lightpink .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightgrey .image-text-column h2, [class*="image-text-"] .image-text-right.color-gainsboro .image-text-column h2 [class*="image-text-"] .image-text-right.color-whitesmoke .image-text-column h2, [class*="image-text-"] .image-text-right.color-snow .image-text-column h2, [class*="image-text-"] .image-text-right.color-mistyrose .image-text-column h2 [class*="image-text-"] .image-text-right.color-seashell .image-text-column h2, [class*="image-text-"] .image-text-right.color-linen .image-text-column h2, [class*="image-text-"] .image-text-right.color-antiquewhite .image-text-column h2, [class*="image-text-"] .image-text-right.color-oldlace .image-text-column h2, [class*="image-text-"] .image-text-right.color-floralwhite .image-text-column h2, [class*="image-text-"] .image-text-right.color-beige .image-text-column h2, [class*="image-text-"] .image-text-right.color-ivory .image-text-column h2, [class*="image-text-"] .image-text-right.color-honeydew .image-text-column h2, [class*="image-text-"] .image-text-right.color-mintcream .image-text-column h2, [class*="image-text-"] .image-text-right.color-azure .image-text-column h2, [class*="image-text-"] .image-text-right.color-aliceblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-ghostwhite .image-text-column h2, [class*="image-text-"] .image-text-right.color-lavenderblush .image-text-column h2, [class*="image-text-"] .image-text-right.color-bisque .image-text-column h2, [class*="image-text-"] .image-text-right.color-navajowhite .image-text-column h2, [class*="image-text-"] .image-text-right.color-blanchedalmond .image-text-column h2, [class*="image-text-"] .image-text-right.color-wheat .image-text-column h2, [class*="image-text-"] .image-text-right.color-cornsilk .image-text-column h2, [class*="image-text-"] .image-text-right.color-turquoise .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightgrey .image-text-column h2 { border-image: linear-gradient(to left, rgba(0,0,0,0.7) 80%, rgba(0,0,0,0)); border-image-slice: 1; } [class*="image-text-"] .image-text-left.color-goldenrod .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkkhaki .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkcyan .image-text-column h2, [class*="image-text-"] .image-text-left.color-teal .image-text-column h2, [class*="image-text-"] .image-text-left.color-olive .image-text-column h2, [class*="image-text-"] .image-text-left.color-olivedrab .image-text-column h2, [class*="image-text-"] .image-text-left.color-yellowgreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkolivegreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkgreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-green .image-text-column h2, [class*="image-text-"] .image-text-left.color-forestgreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-limegreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkseagreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-seagreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-mediumseagreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-mediumaquamarine .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightseagreen .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkred .image-text-column h2, [class*="image-text-"] .image-text-left.color-firebrick .image-text-column h2, [class*="image-text-"] .image-text-left.color-red .image-text-column h2, [class*="image-text-"] .image-text-left.color-indianred .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightcoral .image-text-column h2, [class*="image-text-"] .image-text-left.color-salmon .image-text-column h2, [class*="image-text-"] .image-text-left.color-darksalmon .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightsalmon .image-text-column h2, [class*="image-text-"] .image-text-left.color-crimson .image-text-column h2, [class*="image-text-"] .image-text-left.color-deepskyblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-blue .image-text-column h2, [class*="image-text-"] .image-text-left.color-orchid .image-text-column h2, [class*="image-text-"] .image-text-left.color-mediumturquoise .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkturquoise .image-text-column h2, [class*="image-text-"] .image-text-left.color-cadetblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-skyblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightskyblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-steelblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-dodgerblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightsteelblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-cornflowerblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-royalblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-midnightblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-navy .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-mediumblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-mediumslateblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-rebeccapurple .image-text-column h2, [class*="image-text-"] .image-text-left.color-magenta .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkslateblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-slateblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-mediumslateblue .image-text-column h2, [class*="image-text-"] .image-text-left.color-mediumpurple .image-text-column h2, [class*="image-text-"] .image-text-left.color-blueviolet .image-text-column h2, [class*="image-text-"] .image-text-left.color-indigo .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkorchid .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkviolet .image-text-column h2, [class*="image-text-"] .image-text-left.color-purple .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkmagenta .image-text-column h2, [class*="image-text-"] .image-text-left.color-fuchsia .image-text-column h2, [class*="image-text-"] .image-text-left.color-violet .image-text-column h2, [class*="image-text-"] .image-text-left.color-plum .image-text-column h2, [class*="image-text-"] .image-text-left.color-mediumvioletred .image-text-column h2, [class*="image-text-"] .image-text-left.color-deeppink .image-text-column h2, [class*="image-text-"] .image-text-left.color-hotpink .image-text-column h2, [class*="image-text-"] .image-text-left.color-palevioletred .image-text-column h2, [class*="image-text-"] .image-text-left.color-tomato .image-text-column h2, [class*="image-text-"] .image-text-left.color-orangered .image-text-column h2, [class*="image-text-"] .image-text-left.color-coral .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkorange .image-text-column h2, [class*="image-text-"] .image-text-left.color-orange .image-text-column h2, [class*="image-text-"] .image-text-left.color-slategrey .image-text-column h2, [class*="image-text-"] .image-text-left.color-lightslategrey .image-text-column h2, [class*="image-text-"] .image-text-left.color-grey .image-text-column h2, [class*="image-text-"] .image-text-left.color-dimgrey .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkslategrey .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkgrey .image-text-column h2, [class*="image-text-"] .image-text-left.color-black .image-text-column h2, [class*="image-text-"] .image-text-left.color-silver .image-text-column h2, [class*="image-text-"] .image-text-left.color-maroon .image-text-column h2, [class*="image-text-"] .image-text-left.color-brown .image-text-column h2, [class*="image-text-"] .image-text-left.color-rosybrown .image-text-column h2, [class*="image-text-"] .image-text-left.color-sienna .image-text-column h2, [class*="image-text-"] .image-text-left.color-saddlebrown .image-text-column h2, [class*="image-text-"] .image-text-left.color-chocolate .image-text-column h2, [class*="image-text-"] .image-text-left.color-sandybrown .image-text-column h2, [class*="image-text-"] .image-text-left.color-peru .image-text-column h2, [class*="image-text-"] .image-text-left.color-burlywood .image-text-column h2, [class*="image-text-"] .image-text-left.color-tan .image-text-column h2, [class*="image-text-"] .image-text-left.color-darkgoldenrod .image-text-column h2, [class*="image-text-"] .image-text-left.color-mediumorchid .image-text-column h2 { border-image: linear-gradient(to right, rgba(255,255,255,0.7) 80%, rgba(0,0,0,0)); border-image-slice: 1; } [class*="image-text-"] .image-text-right.color-goldenrod .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkkhaki .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkcyan .image-text-column h2, [class*="image-text-"] .image-text-right.color-teal .image-text-column h2, [class*="image-text-"] .image-text-right.color-olive .image-text-column h2, [class*="image-text-"] .image-text-right.color-olivedrab .image-text-column h2, [class*="image-text-"] .image-text-right.color-yellowgreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkolivegreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkgreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-green .image-text-column h2, [class*="image-text-"] .image-text-right.color-forestgreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-limegreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkseagreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-seagreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-mediumseagreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-mediumaquamarine .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightseagreen .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkred .image-text-column h2, [class*="image-text-"] .image-text-right.color-firebrick .image-text-column h2, [class*="image-text-"] .image-text-right.color-red .image-text-column h2, [class*="image-text-"] .image-text-right.color-indianred .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightcoral .image-text-column h2, [class*="image-text-"] .image-text-right.color-salmon .image-text-column h2, [class*="image-text-"] .image-text-right.color-darksalmon .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightsalmon .image-text-column h2, [class*="image-text-"] .image-text-right.color-crimson .image-text-column h2, [class*="image-text-"] .image-text-right.color-deepskyblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-blue .image-text-column h2, [class*="image-text-"] .image-text-right.color-orchid .image-text-column h2, [class*="image-text-"] .image-text-right.color-mediumturquoise .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkturquoise .image-text-column h2, [class*="image-text-"] .image-text-right.color-cadetblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-skyblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightskyblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-steelblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-dodgerblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightsteelblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-cornflowerblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-royalblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-midnightblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-navy .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-mediumblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-mediumslateblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-rebeccapurple .image-text-column h2, [class*="image-text-"] .image-text-right.color-magenta .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkslateblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-slateblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-mediumslateblue .image-text-column h2, [class*="image-text-"] .image-text-right.color-mediumpurple .image-text-column h2, [class*="image-text-"] .image-text-right.color-blueviolet .image-text-column h2, [class*="image-text-"] .image-text-right.color-indigo .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkorchid .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkviolet .image-text-column h2, [class*="image-text-"] .image-text-right.color-purple .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkmagenta .image-text-column h2, [class*="image-text-"] .image-text-right.color-fuchsia .image-text-column h2, [class*="image-text-"] .image-text-right.color-violet .image-text-column h2, [class*="image-text-"] .image-text-right.color-plum .image-text-column h2, [class*="image-text-"] .image-text-right.color-mediumvioletred .image-text-column h2, [class*="image-text-"] .image-text-right.color-deeppink .image-text-column h2, [class*="image-text-"] .image-text-right.color-hotpink .image-text-column h2, [class*="image-text-"] .image-text-right.color-palevioletred .image-text-column h2, [class*="image-text-"] .image-text-right.color-tomato .image-text-column h2, [class*="image-text-"] .image-text-right.color-orangered .image-text-column h2, [class*="image-text-"] .image-text-right.color-coral .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkorange .image-text-column h2, [class*="image-text-"] .image-text-right.color-orange .image-text-column h2, [class*="image-text-"] .image-text-right.color-slategrey .image-text-column h2, [class*="image-text-"] .image-text-right.color-lightslategrey .image-text-column h2, [class*="image-text-"] .image-text-right.color-grey .image-text-column h2, [class*="image-text-"] .image-text-right.color-dimgrey .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkslategrey .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkgrey .image-text-column h2, [class*="image-text-"] .image-text-right.color-black .image-text-column h2, [class*="image-text-"] .image-text-right.color-silver .image-text-column h2, [class*="image-text-"] .image-text-right.color-maroon .image-text-column h2, [class*="image-text-"] .image-text-right.color-brown .image-text-column h2, [class*="image-text-"] .image-text-right.color-rosybrown .image-text-column h2, [class*="image-text-"] .image-text-right.color-sienna .image-text-column h2, [class*="image-text-"] .image-text-right.color-saddlebrown .image-text-column h2, [class*="image-text-"] .image-text-right.color-chocolate .image-text-column h2, [class*="image-text-"] .image-text-right.color-sandybrown .image-text-column h2, [class*="image-text-"] .image-text-right.color-peru .image-text-column h2, [class*="image-text-"] .image-text-right.color-burlywood .image-text-column h2, [class*="image-text-"] .image-text-right.color-tan .image-text-column h2, [class*="image-text-"] .image-text-right.color-darkgoldenrod .image-text-column h2, [class*="image-text-"] .image-text-right.color-mediumorchid .image-text-column h2 { border-image: linear-gradient(to left, rgba(255,255,255,0.7) 80%, rgba(0,0,0,0)); border-image-slice: 1; } } /****** 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 .image-text-column.animCSS3, .image-text-bottom .image-text-column.animCSS3 { -webkit-animation-name: TextMoveRight; animation-name: TextMoveRight; } @keyframes TextMoveRight { 0% { opacity:0.2; margin-left:calc(50% + 70px); } } @-webkit-keyframes TextMoveRight { 0% { opacity:0.2; margin-left:calc(50% + 70px); } } .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; } @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; } @keyframes TextMoveRightBoxed { 0% { opacity:0.2; margin-left:calc(50% + 40px); } } @-webkit-keyframes TextMoveRightBoxed { 0% { opacity:0.2; margin-left:calc(50% + 40px); } } } /******************************************************************************************************************************************** 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 { margin: 0; } .breadcrumb { background-color: transparent; border-radius: 0; list-style: none; margin: 0; padding: 0; } .breadcrumb > li { display: inline; } .breadcrumb > li + li:before { padding:0; content:''; color: inherit; } .breadcrumb .active { color: inherit; } /******************************************************************************************************************************************** MIDDLE WEBSITE *********************************************************************************************************************************************/ .website-content { position:relative; clear:both; } .boxed-layout .website-content { } .main-columns { clear:both; } /******************************************************************************************************************************************** USERS IMAGE *********************************************************************************************************************************************/ .users_image { margin: -25px -10px 20px -10px; } .without-image .users_image { margin: 10px 0 30px 0; } .user_image1, .user_image2, .user_image3 { position:relative; min-height:100px; background : transparent url(../images/fade-left-column.png) 100% 0 no-repeat; background-size: 233px 100%; padding: 7px 15px 0px 10px; z-index:1; } .user_image1 { float:left; margin: 0 15px 0 0; } .user_image2 { float:left; margin:10px 0 0 0; } .user_image3 { position:relative; overflow:hidden; margin: 0 10px 0 0; } .user_image1 > div, .user_image2 > div, .user_image3 > div { background : transparent url(../images/fade-right-column.png) 0 1px no-repeat; background-size: 233px 100%; padding:5px 0 0px 15px; margin: -8px 0 0 0; } .user_image2 > div { margin: -8px 0 0 -15px; } .user_image1 > div > div, .user_image2 > div > div, .user_image3 > div > div { background : #fff url(../images/fade-inside-column.png) 0 0 repeat-x; } /****** animations ********/ .users_image.animCSS3 { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: upModule; animation-name: upModule; perspective:1000px; } @-webkit-keyframes upModule { 0% { margin-top:-20px; } 100% { margin-top:-25px; } } @keyframes upModule { 0% { margin-top:-20px; } 100% { margin-top:-25px; } } .users_image.animCSS3 .user_image1, .users_image.animCSS3 .user_image2, .users_image.animCSS3 .user_image3 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: effectImage1; animation-name: effectImage1; } @-webkit-keyframes effectImage1 { 0% { background-position: 90% 0px; -webkit-transform:rotateX(-15deg); -ms-transform:rotateX(-15deg); transform:rotateX(-8deg); -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0; } 50% { -webkit-transform:rotateX(0deg); -ms-transform:rotateX(0deg); transform:rotateX(0deg); -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0; } 100% { background-position: 100% 0px; } } @keyframes effectImage1 { 0% { background-position: 90% 0px; -webkit-transform:rotateX(-15deg); -ms-transform:rotateX(-15deg); transform:rotateX(-15deg); -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0; } 50% { -webkit-transform:rotateX(0deg); -ms-transform:rotateX(0deg); transform:rotateX(0deg); -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0; } 100% { background-position: 100% 0px; } } .users_image.animCSS3 .user_image1 > div, .users_image.animCSS3 .user_image2 > div, .users_image.animCSS3 .user_image3 > div { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: effectImage2; animation-name: effectImage2; } @-webkit-keyframes effectImage2 { 0% { background-position: 10% 1px; } 100% { background-position: 0% 1px; } } @keyframes effectImage2 { 0% { background-position: 10% 1px; } 100% { background-position: 0% 1px; } } /************************************************************************************************************* TOP and BOTTOM module position **************************************************************************************************************/ .top-module-position { position : relative; clear:both; margin: 0 0 -15px 0; z-index:1; } .bottom-module-position { position : relative; clear:both; margin: 0 0 -15px 0; z-index:1; } .top-module-position .moduletable > div, .bottom-module-position .moduletable > div { padding-top:30px ; } .moduletable > div { padding: 18px; } .wide_layout .top-module-position .moduletable > div, .wide_layout .bottom-module-position .moduletable > div { padding:30px 0 18px 0; } .wide_layout .top-module-position .moduletable > div > div, .wide_layout .bottom-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 { -webkit-animation-name: slideUpRetourn; animation-name: slideUpRetourn; } /************************************************************************************************************* 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: -30px 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: -30px 0px 0 0px; z-index:1; } .without-image .left_column, .without-image .right_column { margin-top:24px; } .with-users-image .left_column, .with-users-image .right_column, .with-top .left_column, .with-top .right_column { margin-top: 250px; min-height:0; background-image : none; } .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; z-index:2; } .main_component { position:relative; z-index:1; } .main_component > * { padding: 25px 0 40px 0; } [itemprop="articleBody"] { position:relative; clear:both; overflow:hidden; } .moduletable { margin-bottom:15px; } /****** 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; } /************************************************************************************************************* USER TOP and BOTTOM **************************************************************************************************************/ .users_top { margin-top: 16px ; padding: 0px 0 10px 0; clear:both; } .users_bottom { margin: 0 ; padding: 25px 0 0 0; clear:both; } .users_top .moduletable, .users_bottom .moduletable { margin-bottom:15px; } .users_top .moduletable > div, .users_bottom .moduletable > div { padding-top:18px; padding-bottom:18px; } .user1, .user2, .user4, .user5 { float:left; margin-right:2%; } .user3, .user6 { position:relative; overflow:hidden; } /****** 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 : 0 0 4px 0; } h1 a { text-decoration: none; } h1 a:hover { text-decoration: none; } .uppercase-menu-title h1, .uppercase-menu-title .componentheading, .uppercase-menu-title .blog > h2 { } .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:2px; padding:8px 15px; letter-spacing:0.5px; background: rgba(0,0,0,0.06); border-bottom: 2px solid rgba(0, 0, 0, 0.05); 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; margin: -3px 0 5px 0; } .module-title h3 { margin:0px 0 14px 0; padding: 0px 0 8px 2px; letter-spacing:0px; font-weight:normal; font-size:130%; background: transparent url(../images/underline.png) 0 100% repeat-x; } .uppercase-menu-title .module-title h3 { text-transform: uppercase; } /** LINK **/ a { color:#999; font-weight:300; text-decoration : none; -webkit-transition : color 0.4s linear 0.1s; -moz-transition : color 0.4s linear 0.1s; -ms-transition : color 0.4s linear 0.1s; -o-transition : color 0.4s linear 0.1s; transition : color 0.4s linear 0.1s; } a:hover { color:#444; text-decoration : underline; -webkit-transition : color 0.2s linear 0s; -moz-transition : color 0.2s linear 0s; -ms-transition : color 0.2s linear 0s; -o-transition : color 0.2s linear 0s; transition : color 0.2s linear 0s; } a:active, a:focus { outline:none; } li span.separator { cursor:default; } /** List with Font Awesome **/ ul.check li, ul.chevron li, ul.angle li, ul.angle-double li, ul.circle li, ul.circle-o li, ul.star li, ul.star-o li, ul.tag li, ul.thumbs-o-up li, ul.check-square-o li, ul.arrow-circle li, ul.caret-simple li, ul.chevron-circle li, ul.chevron li, ul.hand-o li, ul.share li, .moduletable.check li, .moduletable.chevron li, .moduletable.angle li, .moduletable.angle-double li, .moduletable.circle li, .moduletable.circle-o li, .moduletable.star li, .moduletable.star-o li, .moduletable.tag li, .moduletable.thumbs-o-up li, .moduletable.check-square-o li, .moduletable.arrow-circle li, .moduletable.caret-simple li, .moduletable.chevron-circle li, .moduletable.chevron li, .moduletable.hand-o li, .moduletable.share li { list-style:none; margin: 0 0 6px 0; } ul.check li:before, ul.chevron li:before, ul.angle li:before, ul.angle-double li:before, ul.circle li:before, ul.circle-o li:before, ul.star li:before, ul.star-o li:before, ul.tag li:before, ul.thumbs-o-up li:before, ul.check-square-o li:before, ul.arrow-circle li:before, ul.caret-simple li:before, ul.chevron-circle li:before, ul.chevron li:before, ul.hand-o li:before, ul.share li:before, .moduletable.check li:before, .moduletable.chevron li:before, .moduletable.angle li:before, .moduletable.angle-double li:before, .moduletable.circle li:before, .moduletable.circle-o li:before, .moduletable.star li:before, .moduletable.star-o li:before, .moduletable.tag li:before, .moduletable.thumbs-o-up li:before, .moduletable.check-square-o li:before, .moduletable.arrow-circle li:before, .moduletable.caret-simple li:before, .moduletable.chevron-circle li:before, .moduletable.chevron li:before, .moduletable.hand-o li:before, .moduletable.share li:before { display: inline-block; *display:inline; *zoom:1; font-family: fontawesome; vertical-align:middle; margin-left: -11px; width: auto; margin-right:8px; } ul.check li:before, ul.chevron li:before, ul.star li:before, ul.star-o li:before, ul.tag li:before, ul.thumbs-o-up li:before, ul.check-square-o li:before, ul.caret-simple li:before, ul.chevron-circle li:before, ul.chevron li:before, ul.hand-o li:before, ul.share li:before, .moduletable.check li:before, .moduletable.chevron li:before, .moduletable.star li:before, .moduletable.star-o li:before, .moduletable.tag li:before, .moduletable.thumbs-o-up li:before, .moduletable.check-square-o li:before, .moduletable.caret-simple li:before, .moduletable.chevron-circle li:before, .moduletable.chevron li:before, .moduletable.hand-o li:before, .moduletable.share li:before { font-size:60%; } ul.angle li:before, ul.angle-double li:before, ul.arrow-circle li:before, .moduletable.angle li:before, .moduletable.angle-double li:before, .moduletable.arrow-circle li:before { font-size:80%; } ul.circle li:before, ul.circle-o li:before, .moduletable.circle li:before, .moduletable.circle-o li:before { font-size:40%; } ul.check li:before, .moduletable.check li:before { content: "\f00c"; } ul.check-square-o li:before, .moduletable.check-square-o li:before { content: "\f046"; } ul.chevron li:before, .moduletable.chevron li:before { content: "\f054"; } ul.angle-double li:before, .moduletable.angle-doubleli:before { content: "\f101"; } ul.angle li:before, .moduletable.angle li:before { content: "\f105"; } ul.circle li:before, .moduletable.circle li:before { content: "\f111"; } ul.circle-o li:before, .moduletable.circle-o li:before { content: "\f10c"; } ul.star li:before, .moduletable.star li:before { content: "\f005"; } ul.star-o li:before, .moduletable.star-o li:before { content: "\f006"; } ul.thumbs-o-up li:before, .moduletable.thumbs-o-up li:before { content: "\f087"; } ul.hand-o li:before, .moduletable.hand-o li:before { content: "\f0a4"; } ul.arrow-circle li:before, .moduletable.arrow-circle li:before { content: "\f0a9"; } ul.caret-simple li:before, .moduletable.caret-simple li:before { content: "\f0da"; } ul.chevron-circle li:before, .moduletable.chevron-circle li:before { content: "\f138"; } ul.share li:before, .moduletable.share li:before { content: "\f064"; } ul.red li:before { color:red; } ul.blue li:before { color:blue; } ul.green li:before { color:green; } ul.purple li:before { color:purple; } ul.yellow li:before { color:yellow; } ul.black li:before { color:black; } ul.white li:before { color:white; } ul.grey li:before { color:grey; } ul.turquoise li:before { color:turquoise; } ul.pink li:before { color:pink; } ul li > h2, ul li > h3, ul li > h4 { 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-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:#000080; } .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-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:#a9a9a9; } .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 { 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 { 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: #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: #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; } .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:103px 0 0 0; padding: 0; *zoom: 1; } .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; min-height:50vh; background-position:50% 50%; background-repeat:no-repeat; background-size: cover; } .image-text-column { text-align:center; padding: 14px 35px 30px 35px; } .image-text-column h2 { margin: 10px 0 25px 0; padding:0; } @media screen and (min-width: 980px) { .image-text-image { position:absolute; top:0; bottom:0; width:50%; } .image-text-column { text-align:left; float:right; width:50%; padding: 14px 35px; } .image-text-right .image-text-image { right:0; } .image-text-right .image-text-column { float:left; } .image-text-column { min-height:50vh; } .image-text-column h2 { margin: 10px 0 45px 0; } } @media screen and (min-width: 1100px) { .image-text-image, .image-text-column { min-height:450px; } .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:400px; } .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; } /************************************************************************************************************* IMAGES **************************************************************************************************************/ .js-border .main_component img, #tinymce .js-border img, img.js-border { border-radius: 3px; /*margin: 12px 1px 12px 0;*/ box-shadow : 0px 1px 3px rgba(0,0,0,0.20); padding : 3px ; border : 1px solid #ddd ; border-color: rgba(0,0,0,0.10); background: rgba(255,255,255,0.26); } .js-border .main_component img.no-style, #tinymce .js-border img.no-style, .js-border .main_component .weblink-category img, .js-border .main_component .thumbnail img, .js-border .main_component .actions img, .js-border .main_component .gm-style img, .js-border .main_component .breadcrumb img { background: transparent; border-radius: 0; border:none; box-shadow:none; margin: 0; padding: 0; } /********************* Special Effects for Images ******************************************/ .js-border .main_component [class*="effect-image"] img { display: block; position: relative; background: transparent; border:none; border-radius: 0; box-shadow:none; margin: 0; padding: 0; } [class*="effect-image"] { position: relative; float: left; overflow: hidden; margin: 20px 1%; max-width:98%; text-align: center; 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; } [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; -webkit-transition : all 0.4s linear; -moz-transition : all 0.4s linear; -ms-transition : all 0.4s linear; -o-transition : all 0.4s linear; 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; -webkit-transition: opacity 0.35s; 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; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4,1.4,1); transform: scale3d(1.4,1.4,1); } .effect-image-4 h3 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .effect-image-4 h3 { margin: 10px 0; } .effect-image-4 p { padding: 1em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5); } .effect-image-4:hover h3 { -webkit-transform: scale(0.9); transform: scale(0.9); } .effect-image-4:hover figcaption::before, .effect-image-4:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .effect-image-4:hover figcaption { background-color: rgba(58,52,42,0); } .effect-image-4:hover img { opacity: 0.4; } } /***** EFFECT 05 **********/ @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; } .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: 10px; color: inherit; } div[class*="horizontal-menu"] li a:hover { text-decoration:none; } div[class*="horizontal-menu color-"] { padding:0; margin:inherit; background: transparent; } 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); } .horizontal-menu {text-align:right} /** 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 !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 0 15px 0; padding:0; } .text-centered { text-align:center; } .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 .module-title h3 { text-shadow : none; border:none; background-image:none; } .moduletable.radius > div { border-radius: 6px ; } .moduletable.border > div { border:1px solid #ddd; border-color : rgba(0,0,0, 0.18); box-shadow : 0px 0px 3px 0px rgba(0,0,0, 0.10) ; padding:18px 18px; } .user7 > .moduletable.border > div, .user8 > .moduletable.border > div, .user9 > .moduletable.border > div { border:1px solid #ddd; border-color : rgba(255,255,255, 0.18); } .title-centered .module-title { clear:both; margin: 9px 0 -7px 0; border-top: 1px solid #bbb; border-color : rgba(0,0,0,0.18); text-align:center; } .title-centered .module-title h3 { position:relative; top:-10px; display:inline; background : #fff ; padding: 0 15px; border:none; } .title-centered .module-title h3 span { margin:0; padding:0; border:none; } .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; } .icon-module { display : none; } .badge-new .icon-module, .badge-news .icon-module, .badge-hot .icon-module, .badge-top .icon-module, .badge-gift .icon-module, .badge-free .icon-module { display : block; position:absolute; top:0; right:0; margin: 0 !important; padding : 0 !important; height:39px; width:39px; border:none !important; box-shadow : none !important; border-radius: 0 !important; } .badge-new .icon-module { background: transparent url(../images/badge_new.png) 0 0 no-repeat !important; } .badge-news .icon-module { background: transparent url(../images/badge_news.png) 0 0 no-repeat !important; } .badge-hot .icon-module { background: transparent url(../images/badge_hot.png) 0 0 no-repeat !important; } .badge-free .icon-module { background: transparent url(../images/badge_free.png) 0 0 no-repeat !important; } .badge-gift .icon-module { background: transparent url(../images/badge_gift.png) 0 0 no-repeat !important; } .badge-top .icon-module { background: transparent url(../images/badge_top.png) 0 0 no-repeat !important; } /************************************************************************************************************* 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: 18px 0 30px 0; min-height:50px; background: url(../images/shadow-image-top.png) 0 0px repeat-x; } .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; } /************************************************************************************************************* USER FOOTER **************************************************************************************************************/ .users_footer { background: #444; margin: 0 0 0px 0; padding: 20px; clear:both; } .users_footer.theme-users-dark { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.44) inset, 0 -3px 2px rgba(0, 0, 0, 0.24) inset; } .users_footer.theme-users-light { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2) inset, 0 -2px 4px rgba(0, 0, 0, 0.12) inset; } .boxed-layout .users_footer { padding : 20px 30px; } .users_footer .moduletable { margin-bottom:15px; } .users_footer .moduletable > div { padding: 28px 18px 12px 18px; padding-bottom:12px; } .user7, .user8 { float:left; margin-right:2%; } .user9 { position:relative; overflow:hidden; } .users_footer.theme-users-dark .module-title h3 { background: transparent url(../images/underline-black-theme.png) 0 100% repeat-x; } .users_footer.theme-users-light .module-title h3 { background: transparent url(../images/underline.png) 0 100% repeat-x; } .users_footer div[class*="color-"] .module-title h3 { color:inherit; } .users_footer.theme-users-dark .title-centered .module-title { border-color : #666; } .users_footer div[class*="vertical-menu"] li.current > a { border-left: none; padding-left: 0; color: inherit; } .users_footer div[class*="color-"] li a { text-decoration:none; } .users_footer div[class*="color-"] li a:hover { color:inherit !important; } .users_footer.theme-users-light div[class*="vertical-menu"] li { border:none; background: transparent url(../images/underline.png) 0 100% repeat-x; } .users_footer.theme-users-dark div[class*="vertical-menu"] li { border:none; background: transparent url(../images/underline-black-theme.png) 0 100% repeat-x; } .users_footer div[class*="vertical-menu"] li:last-child { background-image: none; } .users_footer div[class*="vertical-menu"] > div { padding: 28px 18px 12px 18px !important; } .users_footer div[class*="vertical-menu"] .module-title { padding: 0; } /********************************** 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: 2px; 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; } .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); } /******************************************************************************************************************************************** Social icons ********************************************************************************************************************************************/ .social-links { text-align:center; } .social-links > div { margin:0 auto; padding:20px 8px; } .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; } .social-links .text_social_icons { display:inline-block; *display:inline; *zoom:1; margin: 0 6px 0 0; font-size : 105%; font-style:italic; vertical-align:middle; } .social-links li a { display:inline-block; *display:inline; *zoom:1; text-align:center; width:32px; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; opacity:0.80; } .social-links li a i { font-size:20px; } .social-links li a:hover { opacity:1; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } /** for google +1 only **/ .social-links li.google { margin-right:6px; } .social-links li > div { padding: 0 0 0 2px !important; vertical-align:middle !important; -webkit-transition : all 0.4s ease-in-out; -moz-transition : all 0.4s ease-in-out; -ms-transition : all 0.4s ease-in-out; -o-transition : all 0.4s ease-in-out; transition : all 0.4s ease-in-out; } /** Animations border circle **/ .social-links li { position:relative; width:36px; height:36px; } .social-links li a { position:relative; z-index:10; border-radius:50%; width:20px; margin-top:8px; } .halfclip { width: 50%; height: 100%; right: 0px; top:0px; position: absolute; overflow: hidden; transform-origin: left center; z-index:1; } .social-links li:hover .halfclip { animation: cliprotate 0.4s 1; transform: rotate(180deg); } @keyframes cliprotate { 0% {transform: rotate(0deg);} 50% {transform: rotate(0deg);} 50.01% {transform: rotate(180deg);} 100% {transform: rotate(180deg);} } .halfcircle { box-sizing: border-box; height: 100%; right: 0px; top:0px; position: absolute; border: solid 1px transparent; border-top-color: white; border-left-color: white; border-radius: 50%; z-index:1; } .clipped { width: 200%; transform: rotate(-45deg); } .social-links li:hover .clipped { transform: rotate(135deg); animation: rotate 0.2s linear 2; } @keyframes rotate { 0% {transform: rotate(-45deg);} 100% {transform: rotate(135deg);} } .fixed { width: 100%; transform: rotate(135deg); opacity: 0; background:rgba(0,0,0,0.20); } .social-links li:hover .fixed { opacity: 1; animation: showfixed 0.4s 1; } @keyframes showfixed { 0% {opacity: 0;} 49.99% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 1;} } /************************************************************************************************************* 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; -webkit-transition : all 0.3s ease-in-out; -moz-transition : all 0.3s ease-in-out; -ms-transition : all 0.3s ease-in-out; -o-transition : all 0.3s ease-in-out; transition : all 0.3s ease-in-out; } .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:20px; 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); } /** 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 : transparent url(../images/black-04.png) 0 0 repeat; background : rgba(100,100,100,0.07) ; border: 1px solid #ddd; border-color:rgba(100,100,100,0.20); border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset; display: block; font-size: 13px; height: 38px; line-height: 1.42857; padding: 6px 12px; -webkit-transition : all 0.15s ease-in-out 0s; -moz-transition : all 0.15s ease-in-out 0s; -ms-transition : all 0.15s ease-in-out 0s; -o-transition : all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; width: auto; } input[type="radio"], input[type="checkbox"] { height:auto; } textarea { min-height:100px; } /** Contact category / Category list **/ table.category { margin-top:20px; } .contact-category th, .category-list th, table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th { background:rgba(0,0,0,0.05); text-transform:uppercase; font-size:95%; font-weight:normal; padding:14px; border:1px solid #ddd; } .contact-category td, .category-list td, table.weblinks td, table.newsfeeds td, table.category td, table.jlist-table td { padding:14px; border:1px solid #ddd; } .badge, .badge.tip { min-width:0; color: #fff; padding : 3px 7px; margin: 0 0 0 10px; font-weight:300; } /**** 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; } .icon-search { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search:before { content: "\f002"; } .search .controls label { clear:both; margin:0 0 7px 20px; } .search label.checkbox { clear:both; margin:0 0 7px 32px; } .search .radio, .search .checkbox { margin:0; padding:0; min-height:0; } .search .radio + .radio, .search .checkbox + .checkbox { margin-top:0; } /** Search results **/ dt.result-title { margin-top:30px; font-size:120%; } dt.result-title:first-child { margin-top:0; } .result-category { padding-bottom:14px; } .result-text .highlight { border:none; background:rgba(0,0,0,0.04); margin:0; padding:3px 9px; border-radius:4px; } .result-created { margin-top:8px; font-size:90%; font-style:italic; } /** Advanced search Joomla 3.5 **/ #finder-search { margin-bottom:80px; } #finder-search .word button, #finder-search .word a.btn { margin-top:20px; } /** Button ( Joomla 2.5 ) **/ input[type="submit"], button, .btn-primary, .btn-default, btn { background : transparent url(../images/black-30.png) 0 0 repeat; background: rgba(0,0,0,0.3); 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; -webkit-transition : all 0.3s ease-in-out 0s; -moz-transition : all 0.3s ease-in-out 0s; -ms-transition : all 0.3s ease-in-out 0s; -o-transition : all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } input[type="submit"]:hover, button:hover, .btn-primary:hover, .btn-default:hover, .btn:hover, .btn:focus { background : transparent url(../images/black-25.png) 0 0 repeat; background: rgba(0,0,0,0.40); border: 1px solid #999; border-color:rgba(0,0,0,0.2); 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 { 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); -webkit-transition : background 0.3s ease-in-out 0s; -moz-transition : background 0.3s ease-in-out 0s; -ms-transition : background 0.3s ease-in-out 0s; -o-transition : background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s; } .pane-sliders #basic-details a:hover, .pane-sliders #display-form a:hover, .pane-sliders #display-misc a:hover, .pane-sliders #basic-details.pane-toggler-down a, .pane-sliders #display-form.pane-toggler-down a, .pane-sliders #display-misc.pane-toggler-down a, /** J2.5 **/ .accordion-heading strong a:hover { /** J3.5 **/ background: #ddd; background: rgba(0,0,0,0.10); color: inherit; text-decoration:none; } .pane-sliders .contact-form, /** J2.5 **/ .accordion-group .contact-form { /** J3.5 **/ margin:0 ; padding:15px; border-radius:6px; border: none; box-shadow :none; } .contact #display-misc.pane-toggler-down + div, /** J2.5 **/ .accordion-group #display-misc { /** J3.5 **/ padding-top:0 !important; } .pane-sliders .contact-miscinfo, /** J2.5 **/ .accordion-group .contact-miscinfo { /** J3.5 **/ margin: 0; border:none; background:transparent; } /********** Contact Tabs ****************/ #myTabContent dd { margin-left:0; } dl.tabs { clear: both; margin: 50px 0 0 0; } div.current, #myTabContent { border: 1px solid #ddd; clear: both; padding: 30px 10px 15px 10px; } div.current dd { margin: 0; padding: 0; } dl.tabs dt, #myTabTabs li { background: none repeat scroll 0 0 #F0F0F0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; color: #666666; float: left; margin-right: 4px; padding: 4px 10px; } #main dl.tabs h3, #main2 dl.tabs h3 { margin: 0; } .contact .tabs h3 { margin: 0; padding : 4px 12px; font-weight:normal; } .open h3 a { text-decoration : none; font-weight:normal; } #myTabTabs li a, #myTabTabs li a:hover { background:transparent; border:none; text-decoration:none; margin:0; } .tabs .contact-form, #myTabContent .contact-form { margin:0 ; padding:15px; border-radius:6px; border: none; box-shadow :none; } .tabs .contact-miscinfo, /** J2.5 **/ #myTabContent .contact-miscinfo, .contact-miscinfo dl, .contact-miscinfo dd { /** J3.5 **/ margin: 0; border:none; background:transparent; } /** Frontend admin Joomla 3.5 **/ form#application-form { padding-bottom:100px; } form#application-form fieldset.form-horizontal { margin-top:30px; } form#application-form .control-label { margin:20px 0 10px 0; padding:0; } #jform_offline, #jform_sef { padding: 10px 0 0 0; display:block; } #jform_offline input, #jform_sef input { display:block; float:left; clear:both; margin: 0 8px 0 0; } #jform_offline label, #jform_sef label { display:block; float:none; margin: -4px 0 10px 0; } /** Frontend admin article Joomla 3.5 **/ .edit #adminForm .btn-toolbar { margin:20px 0 0px 0; } .edit #adminForm > fieldset { margin-bottom:100px; } .edit #adminForm .btn-toolbar + fieldset > ul { display:none; } .edit #adminForm .control-label { margin:20px 0 3px 0; padding:0; } .edit #adminForm .tab-content > .tab-pane { display: block; clear:both; border-top:2px dotted #ddd; padding-top:30px; margin-top:30px; } .edit #adminForm .editor { margin-top:20px; } .edit #adminForm .chzn-container-multi .chzn-choices li.search-field input[type="text"] { height:auto; } #jform_publish_up, #jform_publish_down { float:left; } #jform_publish_up_img, #jform_publish_down_img { display: inline-block; *display:inline; *zoom:1; margin:1px 0 0 6px; background:rgba(0,0,0,0.4); } .icon-calendar, .icon-remove, .icon-eye, [class*="icon-folder"] { display: inline-block; *display:inline; *zoom:1; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size:20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-calendar:before { content: "\f073"; } .edit .media-preview, .edit .media-preview ~ a { display:inline-block; *display:inline; *zoom:1; background : transparent url(../images/black-04.png) 0 0 repeat; background : rgba(100,100,100,0.12) ; border: 1px solid #bbb; border-color:rgba(100,100,100,0.20); border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05) inset; color: #666666; font-size: 13px; height: 38px; line-height: 26px; padding: 6px 12px; margin:-1px 1px 0 1px; -webkit-transition : all 0.15s ease-in-out 0s; -moz-transition : all 0.15s ease-in-out 0s; -ms-transition : all 0.15s ease-in-out 0s; -o-transition : all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; width: auto; } .media-preview + input { display:inline; } .edit .media-preview ~ a:hover { background : transparent url(../images/black-06.png) 0 0 repeat; background : rgba(100,100,100,0.17) ; } .icon-remove:before { content: "\f12d"; } .icon-eye:before { content: "\f06e"; } /** icon chevron right and left used by editor for read more button per example **/ span.icon-chevron-right::before, span.icon-rightarrow::before, span.icon-arrow-right::before { font-family: fontawesome; content: "\f054"; font-size:75%; margin-right:2px; } span.icon-chevron-left::before, span.icon-leftarrow::before, span.icon-arrow-left::before { font-family: fontawesome; content: "\f053"; font-size:75%; margin-right:2px; } /***************************************************************************************** Create an Article Joomla 2.5 / 3.5 ******************************************************************************************/ .edit #adminForm .formelm, .edit .formelm-area, .edit .form-note { clear:both; padding-top:12px; } .edit #adminForm .formelm-buttons { margin:12px 0 ; } .edit .readmore { clear:none; margin:0; } .edit .readmore a { background: transparent; border: none; padding: 0 24px 0 6px; } .edit label { clear:both; } .edit .inputbox { clear:both; } .editor button:hover { background: inherit; border:none; } /***************************************************************************************** Iframe ******************************************************************************************/ body.modal { min-width:0; background: #fff; padding:0; margin:0; } .modal a { color: #08c; } iframe, svg { max-width:100%; } #sbox-window, #sbox-window * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .well { background: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.06); border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 10px; } .row, .row-fluid { width: 100%; *zoom: 1; } .row:before, .row-fluid:before, .row:after, .row-fluid:after { display: table; line-height: 0; content: ""; } .row:after, .row-fluid:after { clear: both; } .modal .row [class*="span"], .modal .row-fluid [class*="span"] { display: block; float: left; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .modal .row [class*="span"]:first-child, .modal .row-fluid [class*="span"]:first-child { margin-left: 0; } .modal .row .controls-row [class*="span"] + [class*="span"], .modal .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .modal .span12 { width: 100%; *width: 99.94680851063829%; } .modal .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .modal .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .modal .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .modal .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .modal .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .modal .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .modal .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .modal .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .modal .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .modal .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .modal .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 18px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 18px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055); box-shadow: 0 1px 3px rgba(0,0,0,0.055); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a.thumbnail:hover, a.thumbnail:focus { border-color: #08c; -webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25); -moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25); box-shadow: 0 1px 4px rgba(0,105,214,0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555; } .height-50 { height:50px; } .height-80 { height: 80px; } .width-80 { width: 80px; } .center, .table td.center, .table th.center { text-align: center; } [class*="icon-folder"]:before { content: "\f07b"; } /**************************** frontend editing module ***********************/ body .jmodedit { background: #fff !important; border-radius:6px; border: 1px solid rgba(0,0,0,0.4); padding:6px; width:52px; height:46px; } body .jmodedit:hover { background: #fff !important; } body .jmodedit .icon-edit, body .popover .icon-edit { color: #666 !important; } body .jmodedit:hover .icon-edit, body .popover:hover .icon-edit { color: #222 !important; } .icon-edit { display: inline-block; *display:inline; *zoom:1; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size:20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-edit:before { content: "\f044"; } #modules-form .accordion-body { padding: 20px; } #modules-form label { display: block; } #modules-form .control-label .hasTooltip { display: inline-block; *display: inline; *zoom:1; } #modules-form .chzn-container { width : 220px !important; } #modules-form .nav-tabs { border : none; } #modules-form .media-preview { float:left; margin : 7px 16px 0 8px; } #modules-form .spacer { text-indent: -9999em; border-bottom: 2px dotted rgba(0,0,0,0.16); margin-bottom:18px; display:block; } .collapse:hover { overflow: visible; } /*** Up the article title with Page class suffix **/ @media screen and (min-width: 600px) { .main_component > [class*="title-60"] { margin-top:-60px; } .main_component > [class*="title-70"] { margin-top:-70px; } .main_component > [class*="title-80"] { margin-top:-80px; } .main_component > [class*="title-90"] { margin-top:-90px; } .main_component > [class*="title-100"] { margin-top:-100px; } .main_component > [class*="title-110"] { margin-top:-110px; } .main_component > [class*="title-120"] { margin-top:-120px; } .main_component > [class*="title-130"] { margin-top:-130px; } .main_component > [class*="title-140"] { margin-top:-140px; } .main_component > [class*="title-150"] { margin-top:-150px; } [class*="title-60"] > .page-header, [class*="title-60"] > h1 { margin-bottom:20px; } [class*="title-70"] > .page-header, [class*="title-70"] > h1 { margin-bottom:30px; } [class*="title-80"] > .page-header, [class*="title-80"] > h1 { margin-bottom:40px; } [class*="title-90"] > .page-header, [class*="title-90"] > h1 { margin-bottom:50px; } [class*="title-100"] > .page-header, [class*="title-100"] > h1 { margin-bottom:60px; } [class*="title-110"] > .page-header, [class*="title-110"] > h1 { margin-bottom:70px; } [class*="title-120"] > .page-header, [class*="title-120"] > h1 { margin-bottom:80px; } [class*="title-130"] > .page-header, [class*="title-130"] > h1 { margin-bottom:90px; } [class*="title-140"] > .page-header, [class*="title-140"] > h1 { margin-bottom:100px; } [class*="title-150"] > .page-header, [class*="title-150"] > h1 { margin-bottom:110px; } .h1-slide-shadow-light [class*="title-"] h1, .h1-slide-shadow-light [class*="title-"] h1 a, .h1-slide-shadow-light [class*="title-"] .componentheading { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .h1-slide-shadow-dark [class*="title-"] h1, .h1-slide-shadow-dark [class*="title-"] h1 a, .h1-slide-shadow-dark [class*="title-"] .componentheading { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); } } @-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none !important}.visible-tablet{display:none !important}.hidden-desktop{display:none !important}.visible-desktop{display:inherit !important} @media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important}.visible-desktop{display:none !important}.visible-tablet{display:inherit !important}.hidden-tablet{display:none !important}} @media(max-width:767px){.hidden-desktop{display:inherit !important}.visible-desktop{display:none !important}.visible-phone{display:inherit !important}.hidden-phone{display:none !important}} .visible-print{display:none !important} @media print{.visible-print{display:inherit !important}