www.gusucode.com > 50:【198-3361】HTML5响应式珠宝类网站织梦模板(自适应移动设备)优化版 > 50:【198-3361】HTML5响应式珠宝类网站织梦模板(自适应移动设备)优化版/skin/css/fb9c977685b9403585f0114bbc44212c.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ .ls-container { visibility: hidden; position: relative } .ls-lt-container { position: absolute } .ls-lt-container, .ls-lt-container * { text-align: left !important; direction: ltr !important } .ls-container-fullscreen { margin: 0 auto !important; padding: 2% !important; background: black !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border: none !important } .ls-container-fullscreen .ls-thumbnail-wrapper, .ls-container-fullscreen .ls-fullscreen, .ls-container-fullscreen .ls-shadow { display: none !important } .ls-overflow-hidden { overflow: hidden } .ls-inner { position: relative; background-position: center center; z-index: 2 } .ls-loading-container { position: absolute !important; display: none; z-index: 3 !important; left: 50% !important; top: 50% !important } .ls-loading-indicator { margin: 0 auto } .ls-inner, .ls-slide { width: 100%; height: 100% } .ls-slide, .ls-layer { position: absolute; display: none; background-position: center center; overflow: hidden } .ls-active, .ls-animating { display: block !important } .ls-slide>* { position: absolute; line-height: normal; margin: 0; left: 0; top: 0 } .ls-slide .ls-bg { left: 0px; top: 0px; transform: none !important; -o-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important } .ls-yourlogo { position: absolute; z-index: 99 } .ls-bar-timer { position: absolute; width: 0; height: 2px; background: white; border-bottom: 2px solid #555; opacity: .55; filter: alpha(opacity=55); z-index: 4; top: 0 } .ls-circle-timer { width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; z-index: 4; opacity: .65; filter: alpha(opacity=65); display: none } .ls-ct-half { background: white } .ls-ct-center { background: #444 } .ls-ct-left, .ls-ct-right { width: 50%; height: 100%; overflow: hidden } .ls-ct-left, .ls-ct-right { float: left; position: relative } .ls-ct-rotate { width: 200%; height: 100%; position: absolute; top: 0 } .ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half { left: 0 } .ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half { right: 0 } .ls-ct-hider, .ls-ct-half { position: absolute; top: 0 } .ls-ct-hider { width: 50%; height: 100%; overflow: hidden } .ls-ct-half { width: 200%; height: 100% } .ls-ct-center { width: 50%; height: 50%; left: 25%; top: 25%; position: absolute } .ls-ct-half, .ls-ct-center { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px } .ls-bottom-nav-wrapper { height: 0 } .ls-bottom-slidebuttons { text-align: left } .ls-bottom-nav-wrapper, .ls-below-thumbnails { z-index: 2; height: 0; position: relative; text-align: center; margin: 0 auto } .ls-below-thumbnails { display: none; z-index: 6 } .ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none } * .ls-bottom-nav-wrapper *, * .ls-bottom-nav-wrapper span * { direction: ltr !important } .ls-bottom-slidebuttons { position: relative; z-index: 1000 } .ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides { position: relative } .ls-nothumb { text-align: center !important } .ls-link { position: absolute; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; background-image: url(../images/blank.gif) } .ls-slide>a>* { background-image: url(../images/blank.gif) } .ls-vpcontainer { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .ls-videopreview { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer } .ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer } .ls-tn { display: none !important } .ls-thumbnail-hover { display: none; position: absolute; left: 0 } .ls-thumbnail-hover-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none } .ls-thumbnail-hover-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .ls-thumbnail-hover-img { position: absolute; overflow: hidden } .ls-thumbnail-hover img { max-width: none !important; position: absolute; display: inline-block; visibility: visible !important; left: 50%; top: 0 } .ls-thumbnail-hover span { left: 50%; top: 100%; width: 0; height: 0; display: block; position: absolute; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important } .ls-thumbnail-wrapper { position: relative; width: 100%; margin: 0 auto; z-index: 4 } .ls-thumbnail { position: relative; margin: 0 auto } .ls-thumbnail-inner, .ls-thumbnail-slide-container { width: 100% } .ls-thumbnail-slide-container { overflow: hidden !important; position: relative } .ls-touchscroll { overflow-x: auto !important } .ls-thumbnail-slide { text-align: center; white-space: nowrap; float: left; position: relative } .ls-thumbnail-slide a { overflow: hidden; display: inline-block; width: 0; height: 0; position: relative } .ls-thumbnail-slide img { max-width: none !important; max-height: 100% !important; height: 100%; visibility: visible !important } .ls-shadow { display: none; position: absolute; z-index: 1; top: 100%; width: 100%; left: 0; overflow: hidden !important; visibility: hidden } .ls-shadow img { width: 100% !important; height: auto !important; position: absolute !important; left: 0 !important; bottom: 0 !important } .ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next { visibility: hidden } .ls-wp-fullwidth-container { width: 100%; position: relative } .ls-wp-fullwidth-helper { position: absolute } .ls-overflow-hidden { overflow: hidden } .ls-lt-tile { position: relative; float: left; perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; -moz-perspective: 1000px; -webkit-perspective: 1000px } .ls-lt-tile img { visibility: visible; display: inline-block } .ls-curtiles { overflow: hidden } .ls-curtiles, .ls-nexttiles { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .ls-curtile, .ls-nexttile { overflow: hidden; position: absolute; width: 100% !important; height: 100% !important; backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden } .ls-curtile { left: 0; top: 0 } .ls-curtile img, .ls-nexttile img { position: absolute; filter: inherit } .ls-3d-container { position: relative; overflow: visible !important } .ls-3d-box { position: absolute; top: 50%; left: 50%; transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d } .ls-3d-box div { overflow: hidden; background: #777; margin: 0; padding: 0; position: absolute } .ls-fullscreen { position: absolute; z-index: 10; cursor: pointer; display: block } html * .ls-nav-prev, html * .ls-nav-next, html * .ls-container img, html * .ls-bottom-nav-wrapper a, html * .ls-container .ls-fullscreen, body * .ls-nav-prev, body * .ls-nav-next, body * .ls-container img, body * .ls-bottom-nav-wrapper a, body * .ls-container .ls-fullscreen, #ls-global * .ls-nav-prev, #ls-global * .ls-nav-next, #ls-global * .ls-container img, #ls-global * .ls-bottom-nav-wrapper a, #ls-global * .ls-container .ls-fullscreen, html * .ls-thumbnail a, body * .ls-thumbnail a, #ls-global * .ls-thumbnail a { transition: none; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; border: 0 } html * .ls-slide > a, body * .ls-slide > a, #ls-global * .ls-slide > a, html * .ls-slide > h1, body * .ls-slide > h1, #ls-global * .ls-slide > h1, html * .ls-slide > h2, body * .ls-slide > h2, #ls-global * .ls-slide > h2, html * .ls-slide > h3, body * .ls-slide > h3, #ls-global * .ls-slide > h3, html * .ls-slide > h4, body * .ls-slide > h4, #ls-global * .ls-slide > h4, html * .ls-slide > h5, body * .ls-slide > h5, #ls-global * .ls-slide > h5, html * .ls-slide > p, body * .ls-slide > p, #ls-global * .ls-slide > p, html * .ls-slide > div, body * .ls-slide > div, #ls-global * .ls-slide > div, html * .ls-slide > span, body * .ls-slide > span, #ls-global * .ls-slide > span, html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide>* { transition: none; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none } html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide>* { margin: 0 } html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img { background: none !important; min-width: 0 !important; max-width: none !important; border-radius: 0; box-shadow: none; border: 0; padding: 0 } html * .ls-wp-container .ls-slide > *, body * .ls-wp-container .ls-slide > *, #ls-global * .ls-wp-container .ls-slide>* { line-height: normal; outline: none; padding: 0; margin: 0; border: 0 } html * .ls-wp-container .ls-slide > a > *, body * .ls-wp-container .ls-slide > a > *, #ls-global * .ls-wp-container .ls-slide>a>* { margin: 0 } html * .ls-wp-container .ls-slide > a, body * .ls-wp-container .ls-slide > a, #ls-global * .ls-wp-container .ls-slide>a { text-decoration: none } .ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container, .ls-container * { box-sizing: content-box !important; -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important } html * .ls-yourlogo, body * .ls-yourlogo, #ls-global * .ls-yourlogo { margin: 0 } html * .ls-tn, body * .ls-tn, #ls-global * .ls-tn { display: none } .site { overflow: visible !important } .ls-debug-console * { margin: 0 !important; padding: 0 !important; border: 0 !important; color: white !important; text-shadow: none !important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important; line-height: normal !important; -webkit-font-smoothing: antialiased !important; text-align: left !important; font-style: normal !important } .ls-debug-console h1 { padding-top: 10px !important; font-size: 17px !important; font-weight: bold !important } .ls-debug-console h1:first-child { padding-top: 0 !important } .ls-debug-console ul { padding-top: 10px !important; list-style: none !important } .ls-debug-console li { margin-left: 10px !important; font-size: 13px !important; position: relative !important; font-weight: normal !important } html * .ls-debug-console li ul, body * .ls-debug-console li ul, #ls-global * .ls-debug-console li ul { display: none; width: 260px; left: -10px } .ls-debug-console li ul { position: absolute !important; bottom: 100% !important; padding: 10px 10px 10px 0 !important; background: white !important; border-radius: 10px !important; box-shadow: 0 0 20px black !important } html * .ls-debug-console li:hover ul, body * .ls-debug-console li:hover ul, #ls-global * .ls-debug-console li:hover ul { display: block } .ls-debug-console li ul * { color: black !important } .ls-debug-console a { text-decoration: none !important; border-bottom: 1px dotted white !important } .ls-error { border-radius: 5px !important; -moz-border-radius: 5px !important; -wenkit-border-radius: 5px !important; background: white !important; height: auto !important; width: auto !important; color: white !important; padding: 20px 40px 30px 80px !important; position: relative !important; box-shadow: 0 2px 20px -5px black } .ls-error p { line-height: normal !important; text-shadow: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; text-align: justify !important; font-family: Arial, sans-serif !important } .ls-error .ls-error-title { line-height: 40px !important; color: red !important; font-weight: bold !important; font-size: 16px !important } .ls-error .ls-error-text { color: #555 !important; font-weight: normal !important; font-size: 13px !important } .ls-error .ls-exclam { width: 40px !important; height: 40px !important; position: absolute !important; left: 20px !important; top: 20px !important; border-radius: 50px !important; -moz-border-radius: 50px !important; -webkit-border-radius: 50px !important; font-size: 30px !important; font-weight: bold !important; color: white !important; line-height: 40px !important; background: red !important; text-align: center !important } html * .ls-container .ls-shadow, html * .ls-container .ls-slide > *, html * .ls-container .ls-fullscreen, html * .ls-container .ls-3d-container, html * .ls-container .ls-lt-container, html * .ls-container .ls-lt-container *, html * .ls-container .ls-thumbnail-wrapper, html * .ls-container .ls-bottom-nav-wrapper, body * .ls-container .ls-shadow, body * .ls-container .ls-slide > *, body * .ls-container .ls-fullscreen, body * .ls-container .ls-3d-container, body * .ls-container .ls-lt-container, body * .ls-container .ls-lt-container *, body * .ls-container .ls-thumbnail-wrapper, body * .ls-container .ls-bottom-nav-wrapper, #ls-global * .ls-container .ls-shadow, #ls-global * .ls-container .ls-slide > *, #ls-global * .ls-container .ls-fullscreen, #ls-global * .ls-container .ls-3d-container, #ls-global * .ls-container .ls-lt-container, #ls-global * .ls-container .ls-lt-container *, #ls-global * .ls-container .ls-thumbnail-wrapper, #ls-global * .ls-container .ls-bottom-nav-wrapper, .ls-gpuhack { transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .ls-gpuhack { width: 100% !important; height: 100% !important } html * .ls-container .ls-webkit-hack, body * .ls-container .ls-webkit-hack, #ls-global * .ls-container .ls-webkit-hack { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1 } @media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) { #ls-test3d { position: absolute; left: 9px; height: 3px } } div.wpcf7 { margin: 0; padding: 0 } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px,1px,1px,1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0 } div.wpcf7-mail-sent-ok { border: 2px solid #398f14 } div.wpcf7-mail-sent-ng { border: 2px solid #f00 } div.wpcf7-spam-blocked { border: 2px solid #ffa500 } div.wpcf7-validation-errors { border: 2px solid #f7e700 } span.wpcf7-form-control-wrap { position: relative } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #f00; background: #fff; padding: .2em .8em } span.wpcf7-list-item { margin-left: 0.5em } .wpcf7-display-none { display: none } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px } div.wpcf7 div.ajax-error { display: none } div.wpcf7 .placeheld { color: #888 } /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .fancybox-opened { z-index: 8030 } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0,0,0,0.5) } .fancybox-outer, .fancybox-inner { position: relative } .fancybox-inner { overflow: hidden } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100% } .fancybox-image { max-width: 100%; max-height: 100% } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png') } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060 } #fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040 } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040 } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden } .fancybox-prev span { left: 10px; background-position: 0 -36px } .fancybox-next span { right: 10px; background-position: 0 -72px } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important } .fancybox-lock { overflow: hidden } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png') } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll } .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050 } .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8) } .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden } .nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important } .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; background: white; filter: alpha(opacity=0); opacity: 0 } .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0 } .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden } .nivo-box img { display: block } .nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .nivo-caption p { padding: 5px; margin: 0 } .nivo-caption a { display: inline !important } .nivo-html-caption { display: none } .nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer } .nivo-prevNav { left: 0px } .nivo-nextNav { right: 0px } .nivo-controlNav { text-align: center; padding: 15px 0 } .nivo-controlNav a { cursor: pointer } .nivo-controlNav a.active { font-weight: bold } /*! jQuery UI - v1.10.2 - 2013-04-01 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; min-height: 0 } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px } .ui-accordion .ui-accordion-content { border-top: 0; overflow: auto } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none } .ui-button-icon-only { width: 2.2em } button.ui-button-icon-only { width: 2.4em } .ui-button-icons-only { width: 3.4em } button.ui-button-icons-only { width: 3.7em } .ui-button .ui-button-text { display: block; line-height: normal } .ui-button-text-only .ui-button-text { padding: .4em 1em } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em } input.ui-button { padding: .4em 1em } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em } .ui-buttonset { margin-right: 7px } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border:0; padding:0 } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month-year { width: 100% } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0 } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-progressbar { height: 2em; text-align: left; overflow: hidden } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100% } .ui-progressbar .ui-progressbar-overlay { background: url("../images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25 } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none } .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0 } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0 } .ui-spinner-up { top: 0 } .ui-spinner-down { bottom: 0 } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px } .ui-tabs { position: relative; padding: .2em } .ui-tabs .ui-tabs-nav { margin: 0 } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; border-bottom-width: 0; padding: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa } body .ui-tooltip { border-width: 2px } @font-face { font-family: 'Codeus'; src: url('/wp-content/themes/codeus/fonts/Codeus.eot'); src: url('/wp-content/themes/codeus/fonts/Codeus.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/codeus/fonts/Codeus.ttf') format('truetype'), url('/wp-content/themes/codeus/fonts/Codeus.woff') format('woff'), url('/wp-content/themes/codeus/fonts/Codeus.svg#Codeus') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'Codeus-Socials'; src: url('/wp-content/themes/codeus/fonts/Codeus-Socials.eot'); src: url('/wp-content/themes/codeus/fonts/Codeus-Socials.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/codeus/fonts/Codeus-Socials.ttf') format('truetype'), url('/wp-content/themes/codeus/fonts/Codeus-Socials.woff') format('woff'), url('/wp-content/themes/codeus/fonts/Codeus-Socials.svg#Codeus-Socials') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'Codeus-portfolio'; src: url('/wp-content/themes/codeus/fonts/Codeus-portfolio.eot'); src: url('/wp-content/themes/codeus/fonts/Codeus-portfolio.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/codeus/fonts/Codeus-portfolio.ttf') format('truetype'), url('/wp-content/themes/codeus/fonts/Codeus-portfolio.woff') format('woff'), url('/wp-content/themes/codeus/fonts/Codeus-portfolio.svg#Codeus') format('svg'); font-weight: normal; font-style: normal } @font-face { font-family: 'Codeus-Icons'; src: url('/wp-content/themes/codeus/fonts/Codeus-Icons.eot'); src: url('/wp-content/themes/codeus/fonts/Codeus-Icons.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/codeus/fonts/Codeus-Icons.ttf') format('truetype'), url('/wp-content/themes/codeus/fonts/Codeus-Icons.woff') format('woff'), url('Codeus-Icons.svg#Codeus Icons') format('svg'); font-weight: normal; font-style: normal } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; outline: none } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } blockquote, q { quotes: none; font-style: italic } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } img { vertical-align: top; max-width: 100%; width: auto; height: auto } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } * html .clearfix { height: 1% } *:first-child + html .clearfix { min-height: 1% } .clear { height: 0; font-size: 0; line-height: 0; clear: both } body { background-position: 50% 50%; background-repeat: repeat; background-attachment: fixed; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #content .inner > p, .block.content .inner>p { margin-bottom: 20px } a { text-decoration: none } a:hover { text-decoration: none } .colorLink { color: #3d8901; font-size: 15px; font-weight: bold } a.colorLink:hover { color: #333; text-decoration: none } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none } h1, h2, h3, h4, h5, h6, table thead th { text-transform: uppercase } h1 { margin-bottom: 0.689655em } h2, body.home h3.widget-title { margin-bottom: 0.555556em } #content>.inner>h2 { margin-bottom: 1.111112em } h3 { margin-bottom: 0.766667em } h4 { margin-bottom: 0.583333em } h5 { margin-bottom: 0.666667em } h6 { margin-bottom: 0.631579em } sup, sub { font-size: 70% } table { border: 8px solid transparent } thead tr td, thead tr th { font-size: 24px; padding: 13px 25px 19px 25px } th, td { padding: 15px 25px } table.nostyle { border: 0 none } table.nostyle thead tr td, table.nostyle thead tr th { font-size: inherit; padding: 0 } table.nostyle th, table.nostyle td { padding: 0 } table.nostyle thead tr { background-color: transparent !important } table.nostyle tr:nth-child(even) { background-color: transparent !important } ol.styled { list-style: none; padding: 0; margin: 0 } ul.styled { list-style: none; padding: 0; margin: 0 } .nocomments { display: none } input[type="submit"], button, a.button { display: inline-block; position: relative; margin-top: 30px; border: 0 none; padding: 18px 20px 17px 60px; text-transform: uppercase; cursor: pointer } a.button:hover { text-decoration: none } input[type="submit"] { padding: 14px 25px } button:before, a.button:before { position: absolute; left: 20px; top: 50%; margin-top: -15px; font-family: 'Codeus'; font-weight: normal; font-size: 16px; content: '\e603'; text-indent: 6px; border: 1px solid transparent; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px } blockquote p:after { font-family: 'Codeus'; font-weight: normal; font-size: 25px; top: 10px; position: relative; content: '\00a0 \e600'; font-style: normal; vertical-align: bottom } .icon { position: absolute; left: 0; width: 28px; line-height: 28px; font-size: 21px; font-family: 'Codeus-Icons'; font-weight: normal; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; text-align: center; border: 1px solid transparent } @-moz-document url-prefix() { } .noscript+.loading { position: relative; margin: 0 auto; height: 80px } .noscript+.loading:before { content: ''; position: absolute; width: 70px; height: 70px; left: 50%; margin-left: -35px; top: 50%; margin-top: -35px; background: url('../images/preloader.gif') no-repeat 50% 50%; background-color: #fff; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px } input[type="text"], input[type="password"], textarea, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="month"], input[type="week"] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 7px; margin: 3px; border: 0 none; font-size: 88.2%; font-family: inherit; border: 1px solid transparent } .pagination { text-align: center; margin-right: -17px; padding: 20px 0 30px } .page-links-title { display: inline-block; line-height: 50px; text-transform: uppercase; margin-right: 15px; vertical-align: top } .pagination>a, .pagination>span { display: inline-block; width: 49px; margin-right: 17px; height: 49px; line-height: 49px; border: 1px solid transparent; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; text-align: center; text-decoration: none; font-weight: normal } .pagination a:hover { text-decoration: none } .pagination a.prev, .pagination a.next { position: relative; text-indent: 50px; overflow: hidden; vertical-align: bottom } .pagination a.prev:before, .pagination a.next:before { position: absolute; left: 0; top: 0; font-family: 'Codeus'; font-weight: normal; width: 49px; line-height: 49px; line-height: 49px; font-size: 30px; text-align: center; text-indent: 0; background: transparent } .pagination a.prev:before { content: '\e606'; text-indent: -8px } .pagination a.next:before { content: '\e607' } .socials-sharing { margin-top: 30px } .socials ul { margin: 0 -15px -15px 0; font-size: 0 } .socials li { display: inline-block; margin: 0 15px 15px 0 !important; padding: 0 !important } .socials li a { display: inline-block; position: relative; width: 35px; height: 35px; text-indent: 100%; overflow: hidden; white-space: nowrap; vertical-align: top } .socials li a:after { position: absolute; top: 0; left: 0; width: 35px; height: 35px; line-height: 35px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; text-align: center; text-indent: 0; font-family: 'Codeus-Socials'; font-weight: normal; font-size: 18px; color: #fff; background-color: #d6dde3 } .socials li a:hover:after { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s } .socials li.twitter a:after { content: '\e603' } .socials li.facebook a:after { content: '\e601' } .socials li.linkedin a:after { content: '\e604' } .socials li.googleplus a:after { content: '\e602' } .socials li.stumbleupon a:after { content: '\e606' } .socials li.rss a:after { content: '\e608' } .tags { margin: 30px 0 } #page { width: 100%; min-height: 100%; background-repeat: no-repeat; background-position: 50% 0; box-shadow: 0 0 11px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 11px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 11px 0 rgba(0,0,0,0.2); position: relative; z-index: 10 } #page.fullwidth { padding: 0 } #page.boxed { width: 1260px; margin: 0 auto } @media only screen and (max-width:1259px) { #page.boxed { width: auto } } .central-wrapper { width: 1200px; margin: 0 auto } #page.boxed #header.header-fixed .central-wrapper { width: 1200px } @media only screen and (max-width:1259px) { #page.boxed { width: auto } } .page-title-block { text-align: center; background-color: #4fa4c8; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover } .page-title-block-content { padding: 23px 0 26px 0 } .page-title-block .page-title-block-header h1 { margin: 0; text-transform: none; font-size: 100%; line-height: 1.2; color: #fff } @media only screen and (max-width:550px) { .page-title-block .page-title-block-header h1 { font-size: 77% } } .page-title-block .page-excerpt { margin: 11px 0 0 0; font-size: 112% } #header { position: relative; border-top: 0 none; z-index: 10 } #header .central-wrapper { padding-bottom: 20px } #header.header-fixed { background: #1f1d20; } #header.header-fixed:after { content: ""; position: absolute; z-index: -1; top: 100%; bottom: 0; width: 120%; height: 7px; left: -10%; right: -10%; background: -webkit-radial-gradient(50% -3%, ellipse cover, rgba(31, 29, 32, 0.4), rgba(31, 29, 32, 0.2), rgba(31, 29, 32, 0.0) 50%); background: radial-gradient(ellipse at 50% -3%, rgba(31, 29, 32, 0.4), rgba(31, 29, 32, 0.2), rgba(31, 29, 32, 0.0) 50%) } #header.header-fixed { position: fixed; left: 0; top: 0; width: 100% } #header h1 { margin: 0 } #header .logo { float: left; padding: 20px 0 0 20px; max-width: 50%; line-height: 0 } #header .logo img.header-fixed-logo { display: none } #header .logo a { font-size: 16px } @media only screen and (max-width:1199px) { #header .logo img { display: none !important } #header .logo img.header-fixed-logo { display: inline !important } } #header .logo-position-right .logo { float: right; padding: 20px 20px 0 0 } #header.header-fixed .logo { padding-top: 13px } #header #site-navigation { float: right } #header .logo-position-right #site-navigation { float: left } #header #site-navigation .menu-toggle { display: none } #header #site-navigation ul { list-style: none; padding: 0; margin: 0 } #header #site-navigation li { display: inline-block; padding: 20px 0 0; position: relative; z-index: 20 } #header.header-fixed #site-navigation>ul>li { padding-top: 17px } #header #site-navigation li a { display: block; padding: 0 15px; text-transform: uppercase; white-space: nowrap } #header.header-fixed #site-navigation>ul>li>a { line-height: 42px } #header #site-navigation li a:hover { text-decoration: none } #header #site-navigation ul ul { display: none; position: absolute; left: 0; top: 100%; width: 280px; box-shadow: 0 0 3px 0 #aaa; -moz-box-shadow: 0 0 3px 0 #aaa; -webkit-box-shadow: 0 0 3px 0 #aaa } #header #site-navigation ul ul.horizontalFlip { left: auto; right: 0 } #header #site-navigation li:hover > ul, #header #site-navigation li.hover>ul { display: block; animation: menuLevel2Show 0.3s ease-out forwards; -webkit-animation: menuLevel2Show 0.3s ease-out forwards } @-webkit-keyframes menuLevel2Show { 0% { opacity:0; margin-top:30px } 10% { opacity:0; margin-top:30px } 100% { opacity:1; margin-top:0px } } @keyframes menuLevel2Show { 0% { opacity:0; margin-top:30px } 10% { opacity:0; margin-top:30px } 100% { opacity:1; margin-top:0px } } #header #site-navigation li li { display: block; padding: 0 } #header #site-navigation li li a { padding: 7px 25px; position: relative; white-space: normal } #header #site-navigation li li.menu-parent-item>a:before { position: absolute; right: 15px; font-family: 'Codeus'; font-size: 11px; content: '\e60f' } #header #site-navigation ul ul ul { left: 100%; top: 0 } #header #site-navigation ul ul li:hover > ul, #header #site-navigation ul ul li.hover>ul { display: block; animation: menuLevel3Show 0.3s ease-out forwards; -webkit-animation: menuLevel3Show 0.3s ease-out forwards } @-webkit-keyframes menuLevel3Show { 0% { opacity:0; margin-left:30px; margin-top:0 } 10% { opacity:0; margin-left:30px; margin-top:0 } 100% { opacity:1; margin-left:0px; margin-top:0 } } @keyframes menuLevel3Show { 0% { opacity:0; margin-left:30px; margin-top:0 } 10% { opacity:0; margin-left:30px; margin-top:0 } 100% { opacity:1; margin-left:0px; margin-top:0 } } #header #site-navigation ul ul ul.horizontalFlip { left: auto; right: 100% } #header #site-navigation ul ul li:hover > ul.horizontalFlip, #header #site-navigation ul ul li.hover>ul.horizontalFlip { display: block; animation: menuLevel3FlipShow 0.3s ease-out forwards; -webkit-animation: menuLevel3FlipShow 0.3s ease-out forwards } @-webkit-keyframes menuLevel3FlipShow { 0% { opacity:0; margin-right:30px; margin-top:0 } 10% { opacity:0; margin-right:30px; margin-top:0 } 100% { opacity:1; margin-right:0px; margin-top:0 } } @keyframes menuLevel3FlipShow { 0% { opacity:0; margin-right:30px; margin-top:0 } 10% { opacity:0; margin-right:30px; margin-top:0 } 100% { opacity:1; margin-right:0px; margin-top:0 } } .content-wrap { position: relative; z-index: 8 } #main { padding: 40px 0 0 } #main .central-wrapper { padding-bottom: 40px } .panel { padding-right: 350px } body.home .panel { padding-right: 380px } .center { float: left; position: relative; padding: 0 0 0 15px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .content-right .panel { padding-right: 0; padding-left: 350px } .content-right .center { padding: 0 15px 0 0; margin-right: 0; float: right } .fullwidth { padding: 0 15px; clear: both } .sidebar { float: right; width: 270px; padding: 0 15px 0 65px; margin-right: -350px } .content-right .sidebar { float: left; width: 270px; padding: 0 65px 0 15px; margin-left: -350px; margin-right: 0 } body.home .sidebar { width: 330px; padding: 0 15px 0 35px; margin-right: -380px } body.home .content-right .sidebar { width: 330px; padding: 0 35px 0 15px; margin-left: -380px; margin-right: 0 } .sidebar .widget+.widget { margin-top: 35px; border-top: 1px solid transparent; padding-top: 35px } .sidebar .widget.picturebox + .widget, .sidebar .widget.widget_submenu + .widget, .sidebar .widget.widget_nav_menu + .widget, .sidebar .widget.widget_categories + .widget, .sidebar .widget.widget_meta + .widget, .sidebar .widget.widget_search + .widget, .sidebar .widget.Custom_Flickr + .widget, .sidebar .widget.project_info + .widget, .sidebar .widget.widget_testimonials+.widget { border-top: 0 solid; margin-top: 25px } #footer #contacts { padding: 60px 0 } #footer .socials-icons .text { padding-bottom: 35px } #footer .socials-icons li a { width: 60px; height: 60px } #footer .socials-icons li a:after { width: 60px; height: 60px; line-height: 60px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; font-size: 32px; background-color: #7b848f } #footer .socials-icons li a:hover:after { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s } #bottom-line { padding: 15px 0 } #bottom-line ul.footer-nav { list-style: none; padding: 0; margin: 0 } #bottom-line .footer-nav li { display: inline-block; margin-right: 20px; position: relative; padding-left: 1.2em } #bottom-line .footer-nav li a { display: block; white-space: nowrap } #bottom-line .footer-nav li:before { position: absolute; font-family: 'Codeus'; font-weight: normal; content: '\e60f'; font-size: 64.7%; left: 0.5em } .block { z-index: 9 } .slideshow { position: relative; overflow: hidden } .slideshow.noscript, .slideshow.noscript+.loading { height: 470px; display: block !important } .slideshow.noscript+.loading { margin-top: -470px; z-index: 10 } .slideshow .nivo-controlNav { padding: 0 0 16px; height: 17px; margin-top: -33px; position: relative; z-index: 20 } .slideshow .nivo-controlNav a { display: inline-block; background: url('../images/slideshow-buttons.png') no-repeat 0 0; height: 17px; width: 17px; margin: 0 4px 0 0 !important; text-indent: -100px; overflow: hidden } .slideshow .nivo-controlNav a.active { background-position: -17px 0 } .slideshow .nivo-controlNav a.active { background-position: -17px 0 } .slideshow .nivo-caption { padding: 0; overflow: visible; opacity: 1; position: relative; width: 1200px; margin: 0 auto } .slideshow .caption-left, .slideshow .caption-right { position: absolute; bottom: 50px; max-width: 50% } .slideshow .caption-left { left: 20px } .slideshow .caption-right { right: 20px } @media only screen and (max-width:1439px) { .slideshow .nivo-caption { width: auto } .slideshow .caption-left { left: 155px } .slideshow .caption-right { right: 155px } } @media only screen and (max-width:799px) { .slideshow .caption-left { left: 80px } .slideshow .caption-right { right: 80px } } .slideshow .caption-left .title, .slideshow .caption-left .description { float: left; text-align: left } .slideshow .caption-right .title, .slideshow .caption-right .description { float: right; text-align: right } .slideshow .nivo-caption .title { color: #fff; background-color: #3b526f; background-color: rgba(59, 82, 111, 0.6); padding: 10px 15px } .slideshow .nivo-caption .description { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.6); padding: 0 10px } .quickfinder { padding: 50px 0 } h2+.quickfinder { padding-top: 30px } .quickfinder ul { text-align: justify; margin-bottom: -60px; font-size: 1px; line-height: 0 } .quickfinder ul:after { content: ''; display: inline-block; width: 100%; height: 0; font-size: 0; overflow: hidden } .quickfinder ul li { display: inline-block; text-align: center; width: 255px; vertical-align: top; margin-bottom: 60px } .quickfinder ul li { width: 255px; padding: 0 10px } .quickfinder ul li a { text-decoration: none } .quickfinder ul li span { display: block } .quickfinder ul li .image { position: relative; width: 120px; height: 120px; line-height: 120px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; font-weight: normal; text-align: center; font-family: 'Codeus-Icons'; margin: 0 auto 25px; font-size: 55px; overflow: hidden } body.lazy-enabled .quickfinder ul li .image { transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0) } .quickfinder ul li .image.thumb { background: transparent } .quickfinder ul li .image.thumb span { margin: 0; height: 170px; width: 170px; position: relative } .quickfinder ul li .image.thumb img { position: relative; border-radius: 85px; -moz-border-radius: 85px; -webkit-border-radius: 85px } .quickfinder ul li .image.thumb .overlay { height: 100%; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; background-color: rgb(58, 83, 112) } .quickfinder ul li:hover .image.thumb .overlay { opacity: 0.8 } body.lazy-enabled .quickfinder ul li .caption { opacity: 0 } .quickfinder ul li .image span { width: 120px; height: 120px; line-height: 120px; margin: 1px auto 0; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; text-align: center; font-family: 'Codeus-Icons'; font-size: 55px; overflow: hidden; cursor: pointer; font-weight: normal } .quickfinder ul li .title { text-transform: uppercase; margin-bottom: 15px } .quickfinder.block { background-position: 50% 0; background-repeat: repeat; padding-bottom: 0 } .quickfinder.block .central-wrapper { padding-bottom: 30px } .portfolio { padding: 20px 0 } .portfolio .galleriffic, .portfolio .rubrics { position: relative; overflow: hidden } .portfolio .galleriffic ul.thumbs, .portfolio .rubrics ul.thumbs { text-align: justify; margin-bottom: -30px; font-size: 1px; line-height: 0 } .portfolio .galleriffic ul.thumbs:after, .portfolio .rubrics ul.thumbs:after { content: ''; display: inline-block; width: 100%; height: 0; font-size: 0px; overflow: hidden } .portfolio .galleriffic ul.thumbs li, .portfolio .rubrics ul.thumbs li { display: inline-block; text-align: center; vertical-align: top; margin-bottom: 47px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); display: none } .portfolio.small .rubrics ul.thumbs li { margin-bottom: 43px } .portfolio.small ul li { width: 267px } .portfolio.medium ul li { width: 371px } .center .portfolio.medium ul li { width: 292px } .portfolio.big ul li { width: 565px } .portfolio ul.thumbs li { max-width: 100% } .portfolio ul.thumbs li a { text-decoration: none; padding-bottom: 0; display: block; position: relative; text-align: center; overflow: hidden } .portfolio ul.thumbs li a span { display: block } .portfolio ul.thumbs li .image { position: relative } @media only screen and (max-width:565px) { .portfolio.small .galleriffic ul.thumbs, .portfolio.small .rubrics ul.thumbs { text-align: center } } @media only screen and (max-width:771px) { .portfolio.medium .galleriffic ul.thumbs, .portfolio.medium .rubrics ul.thumbs { text-align: center } } @media only screen and (max-width:1199px) { .portfolio.big .galleriffic ul.thumbs, .portfolio.big .rubrics ul.thumbs { text-align: center } } .portfolio ul.thumbs li .image .overlay { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(58,83,112,0.8); display: none } .portfolio ul.thumbs li .overlay .p-icon { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; line-height: 100px; margin: -50px 0 0 -50px; font-family: 'Codeus'; font-weight: normal; font-size: 52px; border: 1px solid transparent; border-radius: 50px; color: transparent } .portfolio ul.thumbs li.inner-link .overlay .p-icon:before, .portfolio ul.thumbs li.self-link .overlay .p-icon:before { content: '\e60b' } .portfolio ul.thumbs li.outer-link .overlay .p-icon:before { content: '\e60c' } .portfolio ul.thumbs li.full-image .overlay .p-icon:before { content: '\e60d' } .portfolio ul.thumbs li.youtube .overlay .p-icon:before, .portfolio ul.thumbs li.vimeo .overlay .p-icon:before, .portfolio ul.thumbs li.self_video .overlay .p-icon:before { content: '\e60e' } .portfolio ul.thumbs li .caption { width: 100% } .portfolio ul.thumbs li .title { position: relative; text-transform: uppercase; padding: 0 70px 0 25px; height: 60px; line-height: 60px; text-align: left; white-space: nowrap } .portfolio.small ul.thumbs li .title { height: 45px; margin: -45px 0 0 0; background: none; line-height: 45px } .portfolio ul.thumbs li .small-title { text-transform: uppercase; text-align: left; line-height: 1.2; margin: 20px 0 0 0 } .portfolio ul.thumbs li .title .title-inner { position: relative; height: 60px; overflow: hidden; z-index: 2 } .portfolio ul.thumbs li .title .title-inner-content { position: relative; z-index: 2 } .portfolio ul.thumbs li .title .title-hover-color { position: absolute; width: 100%; height: 0; left: 0; top: 0; z-index: 1; font-size: 0; line-height: 1 } .portfolio ul.thumbs li .share-block-toggle { font-family: 'Codeus-Socials'; font-weight: normal; position: absolute; bottom: 0; right: 0; height: 100%; width: 10.9%; font-size: 20px; z-index: 2 } .portfolio.medium ul.thumbs li .share-block-toggle { width: 16.6% } .portfolio.small ul.thumbs li .share-block-toggle { width: 45px } .portfolio ul.thumbs li .share-block { position: absolute; top: 100%; left: 0; right: 0; height: 60px; line-height: 60px; z-index: 2 } .portfolio.small ul.thumbs li .share-block { height: 45px; line-height: 45px } .portfolio ul.thumbs li .share-block a { font-family: 'Codeus-Socials'; font-weight: normal; width: 16.6666%; height: 100%; float: left; font-size: 24px } .portfolio ul.thumbs li .description { padding: 20px 0 0; min-height: 20px; text-align: left } .portfolio.small ul.thumbs li .description { padding-top: 11px } .portfolio ul.thumbs li .info { font-size: 88.2%; line-height: 1.471; text-align: left; padding: 0 0 0 0 } .portfolio ul.thumbs li .info span { margin: 0 8px 0 6px } .portfolio ul.thumbs li .info a { display: inline; font-size: 88.2%; line-height: 1.471; cursor: pointer } .portfolio ul.thumbs li .info a:hover { text-decoration: underline } .portfolio ul.filter { margin-bottom: 45px; text-align: center } .portfolio ul.filter li { display: inline-block; width: auto; padding-right: 15px; padding-left: 15px; line-height: 30px; min-height: 30px } .center .portfolio.medium ul.filter li { width: auto } .portfolio ul.filter li a { display: block } .portfolio ul.filter li.iconed a { position: relative; padding-left: 34px; background-position: 0 0; background-repeat: no-repeat; line-height: 30px; min-height: 30px } .portfolio ul.filter li.active a { text-decoration: underline } .portfolio ul.filter li .icon { background: none } .portfolio ul.filter li a:hover .icon, .portfolio ul.filter li.active a .icon { background: none } .portfolio ul.thumbs-temp { display: none } .portfolio.list ul.thumbs li { display: block; text-align: left; width: 100%; margin-bottom: 75px; background: transparent; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); display: none } .portfolio.list ul.thumbs li .left-block { float: left } .portfolio.list ul.thumbs li .right-block { display: block; text-align: left; margin-left: 400px } @media only screen and (max-width: 999px) { .portfolio.list ul.thumbs li .left-block { width: 45% } .portfolio.list ul.thumbs li .right-block { margin-left: 50% } } @media only screen and (max-width: 599px) { .portfolio.list ul.thumbs li .left-block { float: none; width: auto } .portfolio.list ul.thumbs li .right-block { margin-left: 0 } } .portfolio.list ul.thumbs li .description { padding-top: 0 } .portfolio.list ul.thumbs li .share-block-toggle { width: 16.666% } .block.portfolio { padding: 50px 0 60px; background-position: 50% 0; background-repeat: repeat } .block.portfolio h2 { margin-bottom: 20px; text-align: center } .block.portfolio .set-description { text-align: center; margin-bottom: 40px } .block.portfolio .carousel-wrapper { position: relative; margin-right: 135px; margin-left: 135px } .block.portfolio .carousel { margin: 0 auto; max-width: 1170px } .block.portfolio ul.thumbs { text-align: center; white-space: nowrap; overflow: hidden; position: relative } .block.portfolio ul.thumbs li { display: inline-block; padding: 0; width: 370px; margin-right: 15px; margin-left: 15px; vertical-align: top; position: absolute; left: 100%; max-width: 100%; overflow: hidden } .block.portfolio ul.thumbs li a { text-decoration: none; padding-bottom: 0; display: block; position: relative } .block.portfolio ul.thumbs li a span { display: block } .block.portfolio ul.thumbs li .image { position: relative } .block.portfolio ul.thumbs li .overlay { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(58,83,112,0.8); display: none } .block.portfolio ul.thumbs li .overlay .p-icon { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; line-height: 100px; margin: -50px 0 0 -50px; font-family: 'Codeus'; font-weight: normal; font-size: 52px; border: 1px solid transparent; border-radius: 50px; color: transparent } .block.portfolio ul.thumbs li.inner-link .overlay .p-icon:before, .block.portfolio ul.thumbs li.self-link .overlay .p-icon:before { content: '\e60b' } .block.portfolio ul.thumbs li.outer-link .overlay .p-icon:before { content: '\e60c' } .block.portfolio ul.thumbs li.full-image .overlay .p-icon:before { content: '\e60d' } .block.portfolio ul.thumbs li.youtube .overlay .p-icon:before, .block.portfolio ul.thumbs li.vimeo .overlay .p-icon:before, .block.portfolio ul.thumbs li.self_video .overlay .p-icon:before { content: '\e60e' } .block.portfolio ul.thumbs li .caption { width: 100% } .block.portfolio ul.thumbs li .title { position: relative; text-transform: uppercase; padding: 0 70px 0 25px; height: 60px; line-height: 60px; text-align: left; white-space: nowrap } .block.portfolio ul.thumbs li .small-title { display: none } .block.portfolio ul.thumbs li .title .title-inner { position: relative; height: 60px; overflow: hidden; z-index: 2 } .block.portfolio ul.thumbs li .title .title-inner-content { position: relative; z-index: 2 } .block.portfolio ul.thumbs li .title .title-hover-color { position: absolute; width: 100%; height: 0; left: 0; top: 0; z-index: 1; font-size: 0; line-height: 1 } .block.portfolio ul.thumbs li .share-block-toggle { font-family: 'Codeus-Socials'; font-weight: normal; position: absolute; bottom: 0; right: 0; height: 100%; width: 16.6666%; font-size: 20px; z-index: 2 } .block.portfolio ul.thumbs li .share-block { position: absolute; top: 100%; left: 0; right: 0; height: 60px; line-height: 60px; z-index: 2 } .block.portfolio ul.thumbs li .share-block a { font-family: 'Codeus-Socials'; font-weight: normal; width: 16.6666%; height: 100%; float: left; font-size: 24px } .block.portfolio ul.thumbs li .description { font-size: 17px; padding: 20px 10px 0; min-height: 40px; text-align: center } .block.news { padding: 20px 0 0; overflow: hidden } .block.news .central-wrapper { padding-bottom: 20px } .news_list { margin-right: -50px } .news_list .news_item { display: inline-block; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 50px 10px 120px; width: 33% } @media only screen and (max-width:1199px) { .panel .news_list .news_item { width: 100% } } @media only screen and (max-width:799px) { .block.news .fullwidth .news_list .news_item { width: 100% } } .news_list .news_item .left-col { float: left; margin-left: -110px; width: 105px } .news_list .news_item a.image { float: left; margin-right: 9px; width: 72px; height: 72px; padding: 11px; border-radius: 46px; -moz-border-radius: 46px; -webkit-border-radius: 46px; margin-bottom: 13px } .news_list .news_item a.image img, .news_list .news_item a.image .empty { width: 72px; height: 72px; border-radius: 36px; -moz-border-radius: 36px; -webkit-border-radius: 36px } .news_list .news_item a.image .empty { display: block; background: url('../images/dummy.png') no-repeat 50% 50% } .news_list .news_item .date { float: left; width: 94px; text-align: center; font-size: 88.2%; line-height: 1.2 } .news_list .news_item .news-content { float: left; width: 100% } .news_list .news_item .news-content .title { margin-bottom: 0px } .news_list .news_item .news-content .title a { text-decoration: none } .news_list .news_item .news-content .title a:hover { text-decoration: none } .news_list .news-content .text { font-size: 85% } .news_list .all-news { clear: both; padding: 0 0 0 87px } .news_list .all-news a { position: relative; text-decoration: none; display: inline-block } .news_list .all-news a:hover { text-decoration: none } .news_list .all-news a:before { display: inline-block; font-family: 'Codeus'; font-size: 12px; font-weight: normal; content: '\e60f'; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=1); position: relative; margin: 0 5px 0 0 } .newslist { position: relative } .newslist:before { content: ''; position: absolute; top: 0; bottom: 0; width: 11px; left: 147px; margin-left: -6px } .newslist:after { content: ''; position: absolute; bottom: -17px; width: 26px; height: 26px; left: 147px; margin-left: -13px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .newslist>li { position: relative; margin: 27px 0 0 0 } .newslist>li:first-child { margin: 0 } .newslist > li .news-info { float: left } .newslist > li .datetime { text-align: center; float: left; width: 100px; margin: 18px 0 0 0 } .newslist > li .datetime .day { display: block; font-size: 88.2%; line-height: 1.2 } .newslist > li .datetime .time { display: block; line-height: 1.2 } .newslist > li .thumbnail { position: relative; font-size: 0; line-height: 1; float: left } .newslist > li .thumbnail img { width: 72px; height: 72px; border: 11px solid transparent; border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; background: #fff } .newslist > li .thumbnail .empty { display: inline-block; width: 72px; height: 72px; position: relative; border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; border: 11px solid transparent } .newslist > li .thumbnail .empty:after { content: '\e616'; position: absolute; left: 0; font-family: 'Codeus'; width: 72px; height: 72px; font-size: 32px; line-height: 72px; text-align: center; text-indent: 0; top: 0; text-align: center } .newslist > li .text { padding: 37px 35px 37px 41px; position: relative; margin: 0 0 0 223px } .newslist > li .text:after { right: 100%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 18px; border-style: solid; top: 34px } .newslist+.pagination { margin-top: 20px } @media only screen and (max-width:999px) { .panel .newslist:before, .panel .newslist:after { display: none } .panel .newslist > li .news-info { float: none } .panel .newslist > li .news-info:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .panel .newslist > li .thumbnail { float: right } .panel .newslist > li .text { margin: 15px 0 0 0 } .panel .newslist > li .text:after { right: auto; top: -36px; left: 34px } } @media only screen and (max-width:799px) { #page .newslist:before, #page .newslist:after { display: block } #page .newslist > li .news-info { float: left } #page .newslist > li .news-info:after { content: ""; display: none; height: 0; clear: none } #page .newslist > li .thumbnail { float: left } #page .newslist > li .text { margin: 0 0 0 223px } #page .newslist > li .text:after { left: auto; top: auto; right: 100%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 18px; border-style: solid; top: 34px } } @media only screen and (max-width:599px) { #page .newslist:before, #page .newslist:after { display: none } #page .newslist > li .news-info { float: none } #page .newslist > li .news-info:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } #page .newslist > li .thumbnail { float: right } #page .newslist > li .text { margin: 15px 0 0 0 } #page .newslist > li .text:after { right: auto; top: -36px; left: 34px } } .block.content { padding: 70px 0 0 } .block.content .central-wrapper { padding-bottom: 60px } .gallery { position: relative; margin: 0 auto } .top-el { padding-bottom: 40px } .bottom-el { padding-top: 40px } .gallery li { position: relative; display: inline-block; text-align: center; vertical-align: top } .gallery .thumbs_wrapper { margin: 0 32px; position: relative } .gallery ul.thumbs { text-align: center; margin-right: -6px } .gallery.full ul.thumbs { margin-right: -15px } .gallery ul.thumbs li { padding: 6px 0 0; padding-top: 24px } .gallery ul.thumbs li img { opacity: 0.5 } .gallery.full ul.thumbs li { } .gallery ul.thumbs li:hover img, .gallery ul.thumbs li.selected img { opacity: 1 } .gallery ul.thumbs li a { display: block; position: relative; padding: 9px } .gallery ul.thumbs li.selected a { margin: 0; border: 9px solid transparent; padding: 0 } .gallery ul.thumbs li.selected a:before { content: ' '; font-size: 0; line-height: 0; width: 0; height: 0; border-width: 20px; border-color: transparent; border-style: solid; position: absolute; top: -49px; left: 50%; margin-left: -20px } .gallery ul.thumbs li.selected a:after { content: ' '; font-size: 0; line-height: 0; width: 11px; height: 7px; position: absolute; top: -17px; left: 50%; margin-left: -5px; background: url('../images/gallery_thumb_marker.png') left top no-repeat } .gallery .navigation .prev, .gallery .navigation .next { position: absolute; bottom: 0; width: 30px; overflow: hidden; text-indent: 30px; top: 15px } .gallery .navigation .prev:hover, .gallery .navigation .next:hover { text-decoration: none } .gallery .navigation .prev.disable, .gallery .navigation .next.disable { display: none } .gallery .container .navigation .prev, .gallery .container .navigation .next { top: 0 } .gallery .navigation .prev { left: -32px } .gallery .navigation .next { right: -32px } .gallery .navigation .prev:before, .gallery .navigation .next:before { position: absolute; left: 0; font-family: 'Codeus'; font-size: 18px; width: 28px; height: 28px; line-height: 29px; text-align: center; text-indent: 0; top: 50%; margin-top: -10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid transparent } .gallery .navigation .prev:before { content: '\e602'; text-indent: 2px } .gallery .navigation .next:before { content: '\e603'; text-indent: 7px } .gallery .navigation.preview-navigation .prev, .gallery .navigation.preview-navigation .next { position: absolute; bottom: 0; width: 69px; overflow: hidden; text-indent: 69px; display: none } .gallery .preview-navigation .prev { left: 27px } .gallery .preview-navigation .next { right: 27px } .gallery .navigation.preview-navigation .prev:before, .gallery .navigation.preview-navigation .next:before { position: absolute; left: 0; font-family: 'Codeus'; font-size: 39px; width: 64px; height: 64px; line-height: 64px; text-align: center; text-indent: 0; top: 50%; margin-top: -26px; border-radius: 33px; -moz-border-radius: 33px; -webkit-border-radius: 33px; color: transparent; border: 1px solid transparent } .gallery .navigation.preview-navigation .prev:before { content: '\e604'; text-indent: -10px } .gallery .navigation.preview-navigation .next:before { content: '\e605' } .gallery ul.preview { white-space: nowrap } .gallery ul.preview li { text-align: center } .gallery .container { margin-bottom: 10px } .gallery .slide-info { text-align: left; position: absolute; bottom: 0; left: 0; right: 0; padding: 19px 15px 17px 15px; background-color: #fff; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90) } .slideinfo .fancybox-title { text-align: center; padding: 10px 0; background-color: #fff; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); width: 100%; line-height: 26px } .gallery .slide-info .slide-caption, .slideinfo .fancybox-title .slide-caption { text-transform: uppercase; display: block } .gallery .slide-info .lide-description, .slideinfo .fancybox-title .lide-description { display: block } .gallery .preview li { position: relative } .gallery .preview li a { display: block; position: relative } .gallery .preview li a span.overlay { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; display: none; background-color: rgba(58,83,112,0.8) } .gallery .preview li a span.overlay .p-icon { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; line-height: 100px; margin: -50px 0 0 -50px; font-family: 'Codeus'; font-weight: normal; font-size: 52px; border: 1px solid transparent; border-radius: 50px; color: transparent } .gallery .preview li a span.overlay .p-icon:before { content: '\e60d' } .gallery.full .preview .slide-info, .gallery.small .preview .slide-info { text-align: left } .gallery.shortcode { margin-bottom: 20px } .gallery.small.shortcode { width: 613px } .gallery.small.shortcode.right { margin-right: 41px; float: left } .gallery.small.shortcode.left { margin-left: 41px; float: right } .gallery-three-columns { padding: 20px 0 } .gallery-three-columns ul { text-align: center; font-size: 0; line-height: 1; margin: 0 -10px 0 0 } .gallery-three-columns ul li { display: inline-block; text-align: center; vertical-align: top; margin: 0 10px 10px 0 } .gallery-three-columns ul li a { display: block; position: relative; overflow: hidden } .gallery-three-columns ul li a span.overlay { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(58,83,112,0.8); display: none } .gallery-three-columns ul li a span.overlay .p-icon { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; line-height: 100px; margin: -50px 0 0 -50px; font-family: 'Codeus'; font-weight: normal; font-size: 52px; border: 1px solid transparent; border-radius: 50px; color: transparent } .gallery-three-columns ul li a span.overlay .p-icon:before { content: '\e60d' } .gallery-four-columns { padding: 20px 0 } .gallery-four-columns ul { text-align: center; font-size: 0; line-height: 1; margin: 0 -10px 0 0 } .gallery-four-columns ul li { display: inline-block; text-align: center; vertical-align: top; margin: 0 10px 10px 0 } .gallery-four-columns ul li a { display: block; position: relative; overflow: hidden } .gallery-four-columns ul li a span.overlay { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(58,83,112,0.8); display: none } .gallery-four-columns ul li a span.overlay .p-icon { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; line-height: 100px; margin: -50px 0 0 -50px; font-family: 'Codeus'; font-weight: normal; font-size: 52px; border: 1px solid transparent; border-radius: 50px; color: transparent } .gallery-four-columns ul li a span.overlay .p-icon:before { content: '\e60d' } .divider { padding: 35px 0 0; margin: 0 0 35px; border-bottom: 1px solid transparent; clear: both } .divider.linebreak { padding: 0; margin: 0; border: 0 none; clear: none } .divider.dashed { border-bottom: 1px dashed transparent } .divider.double { border-bottom: 3px double transparent } .one_half, .one_third, .one_fourth { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .one_half:before, .one_half:after, .one_third:before, .one_third:after, .one_fourth:before, .one_fourth:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .one_half { padding-right: 25px } .one_half.last { padding-left: 25px; padding-right: 0 } .one_third { padding-right: 33px } .one_third+.one_third { padding: 0 17px } .one_third.last { padding: 0 0 0 33px } .one_half { width: 50% } .one_third { width: 33.33333% } .one_fourth { width: 25%; padding-right: 37px } .one_fourth+.one_fourth { padding: 0 25px 0 13px } .one_fourth+.one_fourth+.one_fourth { padding: 0 13px 0 25px } .one_fourth+.one_fourth.last { padding: 0 0 0 37px } .text_box { clear: both; border: 1px solid transparent } .text_box>.title, .text_box>.text { padding: 30px 40px } .text_box>.title { background-color: transparent; margin-bottom: 0 } .wrap-box { display: inline-block; position: relative; width: 100% } .wrap-box-content { position: relative; max-width: 100% } .wrap-box.left { float: left; margin: 0 25px 25px 0 } .wrap-box.right { float: right; margin: 0 0 25px 25px } .wrap-box.middle { display: inline-block } .wrap-box .wrap-box-inner { display: inline-block; max-width: 100%; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .image.wrap-box .wrap-box-inner { display: block } .wrap-box.style-1 .wrap-box-inner { border: 1px solid transparent } .wrap-box.style-2 .wrap-box-inner { border: 9px solid transparent; padding: 18px; background-color: #fff } .wrap-box.style-3 .wrap-box-inner { border: 13px solid transparent; background-color: #fff } .wrap-box.style-4 .wrap-box-inner:before, .wrap-box.style-4 .wrap-box-inner:after { content: ""; position: absolute; z-index: -2; bottom: 17px; left: 15px; width: 40%; height: 20%; max-width: 300px; -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45); box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45); -webkit-transform: rotate(-2.5deg); -moz-transform: rotate(-2.5deg); -ms-transform: rotate(-2.5deg); -o-transform: rotate(-2.5deg); transform: rotate(-2.5deg) } .wrap-box.style-4 .wrap-box-inner:after { right: 15px; left: auto; -webkit-transform: rotate(2.5deg); -moz-transform: rotate(2.5deg); -ms-transform: rotate(2.5deg); -o-transform: rotate(2.5deg); transform: rotate(2.5deg) } .wrap-box.style-5 .wrap-box-inner { background-color: #fff } .wrap-box.style-5 .shadow-wrap { width: 100%; height: 100%; padding: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .wrap-box.image.style-5 .shadow-wrap { height: auto } .wrap-box.style-5 .shadow-wrap:before, .wrap-box.style-5 .shadow-wrap:after { content: ""; position: absolute; z-index: -2; top: 22px; left: 2px; width: 40%; height: 20%; max-width: 300px; -webkit-box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.1); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg) } .wrap-box.style-5 .shadow-wrap:after { right: 2px; left: auto; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg) } .wrap-box.style-5 .wrap-box-inner:before, .wrap-box.style-5 .wrap-box-inner:after { content: ""; position: absolute; z-index: -2; bottom: 17px; left: 15px; width: 40%; height: 20%; max-width: 300px; -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45); box-shadow: 0 15px 25px rgba(0, 0, 0, 0.45); -webkit-transform: rotate(-2.5deg); -moz-transform: rotate(-2.5deg); -ms-transform: rotate(-2.5deg); -o-transform: rotate(-2.5deg); transform: rotate(-2.5deg) } .wrap-box.style-5 .wrap-box-inner:after { right: 15px; left: auto; -webkit-transform: rotate(2.5deg); -moz-transform: rotate(2.5deg); -ms-transform: rotate(2.5deg); -o-transform: rotate(2.5deg); transform: rotate(2.5deg) } .wrap-box.style-6 .wrap-box-inner { border: 1px solid transparent; padding: 19px; background-color: #fff } .wrap-box .wrap-box-element { vertical-align: top; width: 100%; height: 100% } .wrap-box.image .wrap-box-element { height: auto } .tabs, .accordion { clear: both; margin: 20px 0 } .accordion { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid transparent } .accordion h5 { padding: 0 40px 0; margin: 0 0 15px; position: relative } .accordion h5:before { position: absolute; left: 0; top: 50%; margin-top: -15px; font-family: 'Codeus'; content: '\e609'; font-size: 15px; border-radius: 15px; width: 28px; height: 28px; line-height: 28px; border: 1px solid transparent; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; text-align: center } .ui-accordion .ui-accordion-header { min-height: 30px } .accordion h5.ui-accordion-header-active:before { content: '\e60a' } .accordion>div { padding: 0 0 20px 0 } .tabs { padding: 8px } .tabs>ul.tabs-nav { padding: 0 14px } .tabs > ul.tabs-nav li { padding: 0 4px } .tabs > ul.tabs-nav li a { padding: 10px 15px } .tabs > ul.tabs-nav li.ui-tabs-active a { background-color: #fff } .tabs>.tab_wrapper { background-color: #fff; padding: 45px 40px } .dropcap { height: 15px } .dropcap span { display: block; float: left; margin: 0 8px 0 0; line-height: 50px; background: transparent; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; width: 50px; height: 50px; text-align: center; border: 1px solid transparent } .list ul { list-style: none; padding-left: 1.5em } .list ul li { position: relative } .list ul li+li { margin-top: 0.7em } .list ul li:before { float: left; font-family: 'Codeus'; font-weight: normal; font-size: 64.7%; margin-left: -1.7em } .list.arrow ul li:before { content: '\e60f' } .list.check ul li:before { content: '\e610'; font-size: 88.2% } .list.circle ul li:before { content: '\e611' } .list.minus ul li:before { content: '\e612'; font-size: 88.2% } .iconed-title, .iconed-text { padding-left: 60px; margin-left: -5px; min-height: 30px; position: relative; padding-top: 13px } .iconed-text { min-height: 39px } .iconed-title>.icon, .iconed-text>.icon { width: 50px; height: 50px; line-height: 50px; left: -4px; top: 0; border-radius: 26px; -moz-border-radius: 26px; -webkit-border-radius: 26px } .iconed-title>.icon { top: 50%; margin-top: -19px } .iconed-title>.icon.active, .iconed-text>.icon.active { color: #fff } .simple-icon { display: inline-block; vertical-align: middle; margin: 5px; line-height: 50px; background: transparent; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; width: 50px; height: 50px; text-align: center; border: 1px solid transparent; font-size: 21px; font-family: 'Codeus-Icons'; font-weight: normal } .alert-box { padding-bottom: 1px; margin: 20px 0 } .alert-box>div { padding: 30px 280px 35px 35px } .alert-box.iconed>div { padding-left: 180px } .alert-box .alert-button { float: right; margin: 20px -240px 20px 40px; max-width: 200px } .alert-box .button { margin-top: 0 } .alert-box .text { float: left; width: 100% } .alert-box .alert-icon { float: left; margin: 0 40px 0 -145px; width: 103px; height: 103px; line-height: 103px; vertical-align: top; font-size: 55px; font-family: 'Codeus-Icons'; border-radius: 52px; -moz-border-radius: 52px; -webkit-border-radius: 52px; text-align: center; border: 1px solid transparent; font-weight: normal } @media only screen and (max-width:799px) { .alert-box>div { padding: 30px 35px 35px } .alert-box.iconed>div { padding-left: 35px } .alert-box .alert-button { float: none; margin: 30px 0 0; text-align: center } .alert-box .text { float: none; width: auto } .alert-box .alert-icon { float: none; margin: 0 auto 30px } } h3.widget-title { margin-bottom: 0.766667em } .testimonials { margin-left: -10px; padding-left: 10px } .testimonial_item { padding-bottom: 20px; padding-left: 10px; display: inline-block; white-space: normal; vertical-align: top; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .testimonial_item table { width: 100%; margin-bottom: 15px; border-spacing: 0 } .testimonial_item table.nostyle td { vertical-align: bottom; padding-right: 12px; font-size: 88.2%; line-height: 1.471 } .testimonial_item td.image { width: 1% } .testimonial_item td.image div { height: 128px; width: 128px; padding: 11px; border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px; margin-left: -10px } .testimonial_item td.image img { height: 128px; width: 128px; border-radius: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px } .testimonials .button { margin-top: 0 } .testimonials .caroufredsel_wrapper { width: auto !important } .testimonials .testimonials-list { width: 100% !important; white-space: nowrap; overflow: hidden } .widget.project_info-item, .widget.contact_info { padding-bottom: 20px } .project_info-item+.project_info-item, .contact_info-item+.contacts-info-item { border-top: 1px solid transparent; padding-top: 20px; margin-top: 20px } .project_info-item.iconed .title, .contact_info-item.iconed .title { padding-left: 37px; position: relative; min-height: 30px; margin-bottom: 5px } .project_info-item.iconed .value, .contact_info-item.iconed .value { font-size: 88.2% } .project_info-item .title .icon, .contact_info-item .title .icon { background: transparent; font-size: 24px } .widget.project_info .button { margin-top: 15px } .widget.widget_text .textwidget, .widget.widget_black_studio_tinymce .textwidget1 { font-size: 88.2%; line-height: 1.471 } .widget.picturebox img { max-width: 100% } .widget.picturebox .description { padding: 25px 30px; font-size: 88.2%; line-height: 1.471 } .widget.widget_categories ul { list-style: none; padding: 0; margin: 0 } .widget.widget_meta ul { list-style: none; padding: 0; margin: 0 } .widget.widget_categories ul li, .widget.widget_meta ul li { border-bottom: 1px solid transparent } .widget.widget_categories ul li a, .widget.widget_meta ul li a { padding: 12px 20px 12px 35px; text-transform: uppercase; display: block; position: relative; line-height: 1.471 } .widget.widget_categories ul li a:before, .widget.widget_meta ul li a:before { position: absolute; left: 17px; top: 8px; font-family: 'Codeus'; font-weight: normal; text-align: left; font-size: 11px; line-height: 29px; width: 29px; content: '\e60f' } .widget.widget_recent_entries ul { list-style: none; padding: 0; margin: 0 } .widget.widget_rss ul { list-style: none; padding: 0; margin: 0 } .widget.Custom_Recent_Posts ul li, .widget.Custom_Popular_Posts ul li, .widget.widget_recent_entries ul li, .widget.widget_rss ul li { padding: 0; font-size: 88.2%; line-height: 1.471 } .widget.Custom_Recent_Posts ul li +li, .widget.Custom_Popular_Posts ul li +li, .widget.widget_recent_entries ul li +li, .widget.widget_rss ul li+li { padding-top: 34px } .widget.widget_recent_entries li a, .widget.widget_recent_entries li span, .widget.widget_rss li a.rsswidget, .widget.widget_rss li span.rss-date { display: block } .widget.widget_rss li span.rss-date { padding-bottom: 10px } .widget.Custom_Recent_Posts .image, .widget.Custom_Popular_Posts .image { float: left; margin-right: 9px; width: 72px; height: 72px; padding: 11px; border-radius: 46px; -moz-border-radius: 46px; -webkit-border-radius: 46px } .widget.Custom_Recent_Posts .image img, .widget.Custom_Popular_Posts .image img { width: 72px; height: 72px; border-radius: 36px; -moz-border-radius: 36px; -webkit-border-radius: 36px } .widget.Custom_Recent_Posts .image.dummy a, .widget.Custom_Popular_Posts .image.dummy a { display: block; width: 72px; height: 72px; border-radius: 36px; -moz-border-radius: 36px; -webkit-border-radius: 36px; background: url('../images/dummy.png') no-repeat 50% 50% } .widget.widget_recent_comments ul { list-style: none; padding: 0; margin: 0 } .widget.widget_recent_comments ul li { padding: 0 0 0 35px; font-size: 88.2%; line-height: 1.471 } .widget.widget_recent_comments ul li+li { padding-top: 28px } .widget.widget_recent_comments ul li:before { font-family: 'Codeus'; content: '\e613'; font-size: 20px; line-height: 1; margin-left: -35px; position: relative; top: 2px; float: left } .widget.Custom_Flickr .flickr { list-style: none; padding: 0; margin: 0; margin-right: -4px } .widget.Custom_Flickr .flickr-item { float: left; margin: 0 4px 4px 0; width: 87px } .widget.Custom_Flickr img { width: 87px } .widget_tag_cloud .tagcloud { line-height: 34px } .widget_tag_cloud a { margin-right: 20px } .widget.widget_nav_menu ul { list-style: none; padding: 0; margin: 0 } .widget.widget_submenu ul { list-style: none; padding: 0; margin: 0 } .widget.widget_nav_menu li, .widget.widget_submenu li { background: transparent; border-bottom: 1px solid transparent } .widget.widget_nav_menu li a, .widget.widget_submenu li a { display: block; padding: 12px 20px 12px 45px; text-transform: uppercase; position: relative } .widget.widget_nav_menu li a:hover, .widget.widget_submenu li a:hover { text-decoration: none } .widget.widget_nav_menu li.menu-item a:before, .widget.widget_submenu li.menu-item a:before { position: absolute; left: 3px; top: 9px; font-family: 'Codeus'; font-weight: normal; text-align: center; text-indent: 0; font-size: 11px; line-height: 29px; width: 29px; border: none; content: '\e60f'; text-indent: 7px } .widget.widget_nav_menu li.menu-parent-item a:before, .widget.widget_submenu li.menu-parent-item a:before { position: absolute; left: 3px; top: 9px; font-family: 'Codeus'; font-weight: normal; text-align: center; text-indent: 0; font-size: 17px; height: 29px; line-height: 30px; width: 29px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15x; border: 1px solid transparent; content: '\e603'; text-indent: 7px } .widget.widget_nav_menu li.current-menu-ancestor a:before, .widget.widget_submenu li.current-menu-ancestor a:before { content: '\e608'; line-height: 33px; text-indent: 2px } .widget.widget_nav_menu li ul, .widget.widget_submenu li ul { display: none } .widget.widget_nav_menu li.current-menu-item ul, .widget.widget_nav_menu li.current-menu-ancestor ul, .widget.widget_submenu li.current-menu-item ul, .widget.widget_submenu li.current-menu-ancestor ul { display: block; border-top: 1px solid transparent } .widget.widget_nav_menu li li.current-menu-ancestor ul, .widget.widget_nav_menu li.current-menu-ancestor li ul, .widget.widget_submenu li li.current-menu-ancestor ul, .widget.widget_submenu li.current-menu-ancestor li ul { border: 0 none } .widget.widget_nav_menu li li, .widget.widget_submenu li li { border: 0 none; padding: 0 0 0 45px } .widget.widget_nav_menu li li a, .widget.widget_submenu li li a { padding-left: 20px } .widget.widget_nav_menu li.current-menu-ancestor li a:hover, .widget.widget_submenu li.current-menu-ancestor li a:hover { text-decoration: none } .widget.widget_nav_menu li.current-menu-ancestor li a:before, .widget.widget_submenu li.current-menu-ancestor li a:before { position: absolute; left: 0; font-family: 'Codeus'; font-weight: normal; text-align: left; font-size: 11px; line-height: 29px; width: 29px; border: 0 none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; content: '\e60f'; text-indent: 0 } .widget.widget_nav_menu li.current-menu-item li a, .widget.widget_nav_menu li.current-menu-ancestor li a, .widget.widget_submenu li.current-menu-item li a, .widget.widget_submenu li.current-menu-ancestor li a { color: #3b3e4f; background-image: none; font-weight: normal } .widget.widget_nav_menu li li.current-menu-item a, .widget.widget_nav_menu li li.current-menu-ancestor a, .widget.widget_submenu li li.current-menu-item a, .widget.widget_submenu li li.current-menu-ancestor a { color: #48afdb } .widget.widget_nav_menu li li li, .widget.widget_nav_menu li li li { padding-left: 12px } .widget.widget_search form { padding: 35px; text-align: center } .widget.widget_search form input[type="text"] { width: 100%; background-color: #fffff; height: 38px; margin: 0 } .widget.widget_search #searchform #searchsubmit { margin-top: 20px; float: none } .widget.widget_search form label { display: none } .team-item { text-align: center } .team-item .team-image { width: 128px; height: 128px; margin: 20px auto 10px; padding: 11px; border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px } .team-item .team-image img { width: 128px; height: 128px; border-radius: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px } .team-item .team-name { margin-bottom: 14px } .team-item .team-phone, .team-item .team-email { position: relative; display: inline-block; padding-left: 37px } .team-item .team-phone { font-size: 124%; line-height: 1.471 } .team-item .team-email { font-size: 88.2%; line-height: 1.471 } .widget.widget_calendar table { border: 0 none } .widget.widget_calendar table thead tr td, .widget.widget_calendar table thead tr th { font-size: inherit; padding: 0 } .widget.widget_calendar table th, .widget.widget_calendar table td { padding: 0 } .widget.widget_calendar table thead tr { background-color: transparent !important } .widget.widget_calendar table tr:nth-child(even) { background-color: transparent !important } .widget.widget_calendar table { width: 100% } .widget.widget_calendar td { text-align: center; width: 14.3% } .widget.widget_calendar th, .widget.widget_calendar caption { font-weight: normal; font-size: 141.2%; line-height: 1.4em } .widget.widget_calendar caption { margin-bottom: 10px } .widget.widget_calendar td { height: 30px } .widget.widget_calendar td a { width: 28px; padding-right: 9px; text-align: right; display: inline-block; line-height:28px width: 37px } .widget.widget_calendar td#prev a, .widget.widget_calendar td#next a { background-color: transparent; width: auto; padding-right: 0; text-align: center; display: inline; line-height: 28px } .widget.widget_calendar td#prev { text-align: left } .widget.widget_calendar td#next { text-align: right } .widget.widget_archive ul { list-style: none; padding: 0; margin: 0 } .widget.widget_archive ul li { color: #48afdb; padding: 10px 20px 10px 17px; position: relative } .widget.widget_archive ul li a:before { position: absolute; left: 0; top: 8px; font-family: 'Codeus'; font-weight: normal; text-align: left; font-size: 11px; line-height: 29px; width: 29px; color: #3b3e4f; content: '\e60f' } .blog_list li { padding-left: 80px } .blog_list li+li { margin-top: 60px } .blog_list li .comment-info { float: left; width: 85px; padding: 0 5px; margin-left: -100px; text-transform: uppercase; text-align: center } .blog_list li .date-day { display: block; margin: 0 auto; line-height: 62px; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; width: 62px; height: 62px; text-align: center; overflow: hidden; font-weight: 400; text-decoration: none } .blog_list li .date-day span { display: block; margin: 1px auto 0; line-height: 60px; -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; width: 60px; height: 60px; text-align: center; overflow: hidden } .blog_list li .date-month { padding-top: 5px } .blog_list li .comment-count { margin-right: 18px } .blog_list li .comment-count b { font-size: 141%; font-weight: normal } .blog_list li .post-info { float: left; width: 550px } .blog_list li .post-info { float: left; width: 100%; border-bottom: 1px solid transparent; padding-bottom: 18px } .blog_list li .post-info h3 { margin-bottom: 18px } .post-image { padding-top: 9px; margin-bottom: 20px; text-align: center } .blog_list li .post-info-bottom { padding-top: 29px; font-size: 88.2% } .blog_list li .post-info-bottom .more-link b { font-size: 0; line-height: 1 } .blog_list li .post-info-bottom .more-link b:before { display: inline-block; font-family: 'Codeus'; font-size: 12px; font-weight: bold; content: '\e607'; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=1); position: relative; margin: 0 7px 0 0 } .blog_list li .post-info-bottom .categories { float: left } .categories .sep { margin: 0 10px } .blog_list li .post-info-bottom .comments-count { float: right } .post-tags-block { padding: 0 0 10px 0; border-bottom: 1px solid transparent; margin-bottom: 23px; margin-top: 52px } .post-tags { float: right; font-size: 15px; padding: 18px 0 0 0 } .post-tags-block .socials-sharing { float: left; margin: 0 } .post-tags-block .sep { margin: 0 10px } .post-author-block { padding: 30px 35px 31px 35px; margin: 53px 0 0 0 } .post-author-avatar { float: left } .post-author-avatar img { border: 10px solid #fff; border-radius: 51px; -moz-border-radius: 51px; -webkit-border-radius: 51px } .post-author-info { margin: 0 0 0 115px } .post-author-info .name { margin: 0 0 3px 0 } .post-author-info .date-info { font-size: 88.2%; line-height: 1.471; margin: 0 0 14px 0 } .post-related-posts { margin: 0 -20px 0 0; padding: 0 0 51px 0 } .post-related-posts-line { border-bottom: 1px solid transparent } .post-comments-margin { margin: 49px 0 0 0 } .post-related-posts h3 { margin-bottom: 0 } .related-element { display: inline-block; width: 260px; margin: 0 18px 0 0; vertical-align: top; padding-top: 34px } .related-element img { float: left; border: 10px solid transparent; border-radius: 51px; -moz-border-radius: 51px; -webkit-border-radius: 51px } .related-element .related-element-info { margin: 0 0 0 103px } .related-element.without-image>a { float: left; width: 82px; height: 82px; border-radius: 41px; -moz-border-radius: 41px; -webkit-border-radius: 41px; background: url('../images/dummy.png') no-repeat 50% 50% } .related-element .related-element-info a { font-size: 88.2%; line-height: 1.471 } .related-element .related-element-info .date { font-size: 88.2%; line-height: 1.471 } .post-posts-links { margin-bottom: 52px } .post-posts-links a { text-transform: uppercase; position: relative } .post-posts-links .left { float: left } .post-posts-links .left a { margin-left: 40px } .post-posts-links .left a:before { content: '\e602'; padding-right: 3px; position: absolute; left: -40px; top: -7px; font-family: 'Codeus'; width: 27px; height: 30px; font-size: 18px; line-height: 32px; text-align: center; text-indent: 4px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 1px solid transparent } .post-posts-links .right { float: right } .post-posts-links .right a { margin-right: 40px } .post-posts-links .right a:before { content: '\e603'; padding-left: 3px; position: absolute; right: -40px; top: -7px; font-family: 'Codeus'; width: 27px; height: 30px; font-size: 18px; line-height: 32px; text-align: center; text-indent: 4px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 1px solid transparent } #searchform { margin-bottom: 40px } #searchform #s { width: 100% } #searchform #searchsubmit { float: right } #commentform, #reply-title { padding-top: 55px } #reply-title+#commentform { padding: 0 } ol.commentlist li.comment { padding: 20px 0 27px; border-top: 1px solid transparent } ol.commentlist { border-bottom: 1px solid transparent } ol.commentlist>li.comment:first-child { border: none } ol.commentlist .left { float: left } ol.commentlist .left img { border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px } ol.commentlist .comment-content { margin: 0 0 0 70px } ol.commentlist .comment-content .text { padding-top: 11px } ol.commentlist .comment-content .comment-author { float: left } ol.commentlist .comment-content .comment-date { text-align: right; font-size: 88.2%; line-height: 1.471 } ol.commentlist .comment-content a.comment-reply-link, ol.commentlist .comment-content a.comment-edit-link { margin-left: 16px } ol.commentlist .comment-content a.comment-reply-link:before, ol.commentlist .comment-content a.comment-edit-link:before { display: inline-block; font-family: 'Codeus'; font-size: 12px; font-weight: bold; content: '\e605'; color: #48afdb; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=1); position: relative; margin: 0 7px 0 0 } ol.commentlist ul.children { list-style: none; padding: 0; margin: 0 } ol.commentlist ul.children { padding-top: 27px } ol.commentlist ul.children li { border-top: 1px solid transparent; padding-left: 67px } ol.commentlist ul.children li:last-child { padding-bottom: 0 } .comment-form input[type="text"], .comment-form textarea { background: #fff; border: 1px solid #d6dde3; border-top: 0; margin: 0 } .comment-form input[type="text"] { width: 270px; float: left } .comment-form textarea { border: 1px solid #d6dde3; margin-top: 36px; width: 100%; max-width: 100% } .comment-form p.first input[type="text"] { border-top: 1px solid #d6dde3 } .comment-form label { line-height: 1.2; position: relative } .comment-form input[type="text"]+label { display: block; margin: 0 0 0 288px; padding-top: 7px; padding-left: 35px } .comment-form label:before { position: absolute; left: 0; font-family: 'Codeus-Icons'; font-size: 20px; line-height: 14px; color: #d6dde3 } .comment-form label[for="author"]:before { content: '\e632' } .comment-form label[for="email"]:before { content: '\e601' } .comment-form label[for="url"]:before { content: '\e640' } .comment-form label b { font-weight: normal; color: #75889c } @media only screen and (max-width:362px) { .comment-form input[type="text"] { border: 1px solid #d6dde3 } } .block.map iframe { vertical-align: top } .contact-form { margin-top: 60px } .contact-form input[type="text"] { width: 270px; height: 35px; border: 1px solid #d6dde3; background-color: #fff; margin: 0 } .contact-form p + p input[type="text"] { width: 270px; height: 35px; border-top: 0 none } .contact-form textarea { border: 1px solid #d6dde3; background-color: #fff; margin: 35px 0 0; width: 100% } .contact-form .reset { float: right; padding-left: 1.0em; margin-top: 30px } .contact-form .reset:before { color: #48afdb; float: left; font-family: 'Codeus'; font-size: 64.7%; font-weight: normal; margin-left: -1.3em; content: "\e60f" } .contact-form label { margin-left: 15px; padding-left: 35px; font-weight: normal; position: relative } .contact-form label .required { color: #75889c } .contact-form label:before { position: absolute; left: 0; font-family: 'Codeus-Icons'; font-size: 20px; color: #d6dde3; margin-top: 3px } .contact-form label[for="name"]:before { content: '\e632' } .contact-form label[for="email"]:before { content: '\e601' } .contact-form label[for="site"]:before { content: '\e640' } @media only screen and (max-width:1199px) { body { min-width: 300px } .central-wrapper, #page.boxed #header.header-fixed .central-wrapper { width: 1000px } #header #site-navigation li a { padding: 0 10px } .block.quickfinder ul li { width: 220px } .quickfinder ul li { width: 220px } } @media only screen and (max-width:999px) { .central-wrapper { width: 800px } #header .central-wrapper { width: 100% } .slideshow.noscript, .slideshow.noscript+.loading { height: 300px } .slideshow.noscript+.loading { margin-top: -300px } .block.quickfinder ul li, .quickfinder ul li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 49% } .block.quickfinder ul li .title, .block.quickfinder ul li .description, .quickfinder ul li .title, .quickfinder ul li .description { max-width: 255px; margin-left: auto; margin-right: auto } .gallery { position: relative; margin: 0 auto; max-width: 100% } .gallery.full { margin: 0 } } @media only screen and (max-width:799px) { .central-wrapper { width: 100% } .slideshow.noscript, .slideshow.noscript+.loading { height: 200px } .slideshow.noscript+.loading { margin-top: -200px } .quickfinder ul li .image { transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none } .quickfinder ul li .caption { opacity: 1 } .block.quickfinder ul li .title, .block.quickfinder ul li .description { max-width: none } .quickfinder ul li .title, .quickfinder ul li .description { max-width: none } body.lazy-enabled .quickfinder ul li .image { transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none } body.lazy-enabled .quickfinder ul li .caption { opacity: 1 } .panel, body.home .panel { padding: 0 } .center { float: none; padding: 0 15px; background: none; width: auto; right: autp } .content-right .panel { padding: 0 } .content-right .center { float: none; padding: 0 15px; background: none; margin-right: 0; right: auto; left: auto } .fullwidth { padding: 0 15px; clear: both } .sidebar, body.home .sidebar { float: none; width: auto; padding: 0 20px; background: none; margin-right: 0; margin-top: 40px } .content-right .sidebar, body.home .content-right .sidebar { float: none; width: auto; padding: 0 20px; background: none; margin-left: 0; margin-right: 0 } .sidebar { margin-top: 60px } .one_half { float: none; width: auto; margin-bottom: 15px; padding-right: 0 } .one_half.last { position: relative; left: auto; margin-bottom: 0; padding-left: 0 } .one_third { float: none; width: auto; margin-right: 0; margin-bottom: 15px; padding-right: 0 } .one_third+.one_third { padding-left: 0; padding-right: 0 } .one_third.last { margin-right: 0; float: none; width: auto; margin-bottom: 0; padding-left: 0 } .one_fourth { padding-right: 0; float: none; width: auto; margin-bottom: 15px } .one_fourth+.one_fourth, .one_fourth+.one_fourth+.one_fourth { padding-left: 0; padding-right: 0 } .one_fourth.last, .one_fourth+.one_fourth.last { padding-left: 0 } #bottom-line { text-align: center } .gallery .slide-info { display: none } } @media only screen and (max-width:480px) { .block.portfolio ul.thumbs li .title { background: transparent !important; height: 45px; margin: -45px 0 0; line-height: 45px } .block.portfolio ul.thumbs li .small-title { display: block } .block.portfolio ul.thumbs li .title .title-inner { display: none } .block.portfolio ul.thumbs li .title .title-hover-color { display: none } .block.portfolio ul.thumbs li .share-block-toggle { width: 45px; font-size: 20px; line-height: 45px } .block.portfolio ul.thumbs li .description { padding: 11px 0 0 0; text-align: left } } @media only screen and (max-width:399px) { .block.quickfinder ul li .image, .block.quickfinder ul li .image span, .block.quickfinder ul li .image img { width: 120px; height: 120px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; line-height: 120px; font-size: 60px } .quickfinder ul li .image, .quickfinder ul li .image span, .quickfinder ul li .image img { width: 120px; height: 120px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; line-height: 120px; font-size: 60px } } .image.wrap-box .fancy { display: block; position: relative } .image.wrap-box .fancy .overlay { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(58,83,112,0.8); display: none } .image.wrap-box .fancy .overlay:before { content: '\e60d'; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; line-height: 100px; margin: -50px 0 0 -50px; font-family: 'Codeus'; font-weight: normal; font-size: 52px; border: 1px solid transparent; border-radius: 50px; color: transparent; text-align: center } .image.wrap-box { margin-bottom: 20px } .gallery-three-columns .image.wrap-box { margin-bottom: 0 } .gallery-four-columns .image.wrap-box { margin-bottom: 0 } .image.wrap-box.right { margin-left: 25px; margin-right: 0; float: right } .image.wrap-box.left { margin-right: 25px; margin-left: 0; float: left } .image.wrap-box.below { display: inline-block; float: none } .twitter-box .jtwt_tweet:before { font-family: 'Codeus-Socials'; content: '\e603'; font-size: 26px; line-height: 1; margin-left: -35px; position: relative; top: 2px; float: left } .twitter-box .jtwt_tweet { padding: 0 0 0 35px; font-size: 82.3%; line-height: 1.471 } .twitter-box .jtwt_tweet+.jtwt_tweet { padding-top: 28px } .team-element-email a { font-size: 15px; display: inline-block; padding-left: 30px; position: relative } .team-element-email a:before { position: relative; margin-left: -30px; content: '\e601'; font-family: 'Codeus-Icons'; display: inline-block; width: 30px; text-align: left; font-size: 140%; vertical-align: middle } .team-element-email a:hover { text-decoration: none } .team-element-position { font-size: 88.2%; line-height: 1.471 } .team-element-name { margin: 0 0 5px 0 } .team-element-image { width: 128px; height: 128px; margin: 35px auto 10px; padding: 11px; border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px } .team-element-image img { width: 128px; height: 128px; border-radius: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px } .team-element { display: inline-block; width: 228px; height: 308px; border: 1px solid transparent; text-align: center; text-align-last: center; margin: 0 0 28px 0; margin-right: 20px } .team-list { position: relative; text-align: center; text-align-last: center; margin-right: -20px } .team-list:after { content: ''; display: inline-block; width: 100%; height: 0; overflow: hidden } .team-list-wrapper h2 { margin-bottom: 20px } .wp-caption { } .wp-caption-text { } .sticky { } .gallery-caption { } .bypostauthor { } .alignleft { display: inline; float: left; margin-right: 15px } .alignright { display: inline; float: right; margin-left: 15px } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto } .lazy-enabled .lazy-loading { visibility: hidden } div.clients { padding: 30px 0 } .clients ul.list { text-align: center; font-size: 0px; line-height: 1 } .clients ul.list { margin: 0 -10px 0 0 } .center .clients ul.list { margin: 0 -10px 0 0 } .clients ul.list li { text-align: center; vertical-align: top; margin: 0 10px 10px 0; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); display: none } .clients ul.list li a { text-decoration: none; display: block; position: relative; width: 270px; height: 200px; transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s } .clients ul.list li a:hover { background-color: transparent } #center.fullwidth .clients ul.list li a { width: 285px } .clients ul.list li a:hover { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s } .clients ul.list li a span { display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(../images/grayscale.svg#greyscale) } .clients ul.list li a:hover span { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none } .block.clients { padding: 50px 0 40px; background-position: 50% 0; background-repeat: repeat } .block.clients h2 { margin-bottom: 20px; text-align: center } .block.clients .set-description { text-align: center; margin-bottom: 40px } .block.clients .carousel-wrapper { position: relative; margin-right: 135px; margin-left: 135px } .block.clients .carousel { margin: 0 auto; max-width: 1170px } .block.clients ul.list { text-align: center } .block.clients ul.list li { display: inline-block; padding: 0; margin-right: 15px; margin-left: 15px; vertical-align: top; background: transparent; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=1) } .block.clients ul.list li a { text-decoration: none; display: block; position: relative; width: 200px; height: 150px } .block.clients ul.list li a { background-color: transparent } .block.clients ul.list li a span { display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(../images/grayscale.svg#greyscale); filter: gray } .block.clients ul.list li a:hover span { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none } .clients ul.filter { padding-bottom: 28px; text-align: center } .clients ul.filter li { display: inline-block; width: auto; padding-right: 15px; padding-left: 15px; line-height: 30px; min-height: 30px } .center .clients.medium ul.filter li { width: auto } .clients ul.filter li a { display: block } .clients ul.filter li.iconed a { padding-left: 34px; background-position: 0 0; background-repeat: no-repeat; line-height: 30px; min-height: 30px; position: relative } .clients ul.filter li.active a { text-decoration: underline } .clients ul.filter li .icon { background: none } .clients ul.filter li a:hover .icon, .clients ul.filter li.active a .icon { background: none } .slideshow .nivo-directionNav a, html * .ls-container .ls-nav-prev, html * .ls-container .ls-nav-next, .block.clients .prev, .block.clients .next, .block.portfolio .prev, .block.portfolio .next { position: absolute; top: 0; overflow: hidden; font-size: 0; width: 70px; height: 100%; text-indent: 70px; background: none; text-decoration: none } .block.portfolio .prev, .block.portfolio .next { height: 270px } html * .ls-container .ls-nav-prev, html * .ls-container .ls-nav-next { height: 70px; top: 50%; margin-top: -35px } html * .ls-container .ls-nav-prev, html * .ls-container .ls-nav-next { display: block; z-index: 10 } .slideshow .nivo-directionNav a.nivo-nextNav:before, .slideshow .nivo-directionNav a.nivo-prevNav:before, html * .ls-container .ls-nav-prev:before, html * .ls-container .ls-nav-next:before, .block.clients .prev:before, .block.clients .next:before, .block.portfolio .prev:before, .block.portfolio .next:before { position: absolute; display: block; left: 0; top: 50%; font-family: 'Codeus'; font-weight: normal; text-align: left; text-indent: 0; font-size: 39px; line-height: 68px; width: 68px; margin-top: -35px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35x; text-align: center; border: 1px solid transparent } .slideshow .nivo-directionNav a.nivo-nextNav:before, .slideshow .nivo-directionNav a.nivo-prevNav:before, html * .slideshow .ls-container .ls-nav-prev:before, html * .slideshow .ls-container .ls-nav-next:before { border-color: transparent; color: transparent } .slideshow .nivo-directionNav a.nivo-prevNav:before, html * .ls-container .ls-nav-prev:before, .block.clients .prev:before, .block.portfolio .prev:before { content: '\e604'; text-indent: -10px } .slideshow .nivo-directionNav a.nivo-nextNav:before, html * .ls-container .ls-nav-next:before, .block.clients .next:before, .block.portfolio .next:before { content: '\e605' } html * .ls-container .ls-nav-prev { left: 0 } html * .ls-container .ls-nav-next { right: 0 } .slideshow .nivo-directionNav a.nivo-prevNav, html * .slideshow .ls-container .ls-nav-prev { left: 50px } .slideshow .nivo-directionNav a.nivo-nextNav, html * .slideshow .ls-container .ls-nav-next { right: 50px } .block.clients .prev { left: -85px } .block.clients .next { right: -85px } .block.portfolio .prev { left: -85px } .block.portfolio .next { right: -85px } @media only screen and (max-width:799px) { .block.clients .carousel-wrapper, .block.portfolio .carousel-wrapper { margin-right: 60px; margin-left: 60px } .slideshow .nivo-directionNav a, html * .slideshow .ls-nav-prev, html * .slideshow .ls-nav-next, .block.clients .prev, .block.clients .next, .block.portfolio .prev, .block.portfolio .next { position: absolute; top: 0; overflow: hidden; font-size: 0; width: 30px; height: 100%; text-indent: 30px; background: none; text-decoration: none } .block.portfolio .prev, .block.portfolio .next { height: 270px } html * .slideshow .ls-nav-prev, html * .slideshow .ls-nav-next { height: 30px; top: 50%; margin-top: -15px } .slideshow .nivo-directionNav a.nivo-nextNav:before, .slideshow .nivo-directionNav a.nivo-prevNav:before, html * .slideshow .ls-nav-prev:before, html * .slideshow .ls-nav-next:before, .block.clients .prev:before, .block.clients .next:before, .block.portfolio .prev:before, .block.portfolio .next:before { position: absolute; left: 0; top: 50%; font-family: 'Codeus'; font-weight: normal; text-align: left; text-indent: 0; font-size: 16px; line-height: 28px; width: 28px; margin-top: -15px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15x; text-align: center } .slideshow .nivo-directionNav a.nivo-nextNav:before, .slideshow .nivo-directionNav a.nivo-prevNav:before, html * .slideshow .ls-nav-prev:before, html * .slideshow .ls-nav-next:before { border-color: transparent; color: transparent } .slideshow .nivo-directionNav a.nivo-prevNav:before, html * .slideshow .ls-nav-prev:before, .block.clients .prev:before, .block.portfolio .prev:before { content: '\e602' } .slideshow .nivo-directionNav a.nivo-nextNav:before, html * .slideshow .ls-nav-next:before, .block.clients .next:before, .block.portfolio .next:before { content: '\e603'; text-indent: 6px } .slideshow .nivo-directionNav a.nivo-prevNav, html * .slideshow .ls-nav-prev { left: 15px } .slideshow .nivo-directionNav a.nivo-nextNav, html * .slideshow .ls-nav-next { right: 15px } .block.clients .prev { left: -45px } .block.clients .next { right: -45px } .block.portfolio .prev { left: -45px } .block.portfolio .next { right: -45px } } @media only screen and (max-width:799px) { #header #site-navigation .menu-toggle { display: block } #header #site-navigation { position: absolute; padding: 0; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; right: 20px; top: 50%; margin-top: -20px } #header #site-navigation .menu-toggle { border: none; float: right; width: 64px; height: 40px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none } #header #site-navigation .menu-toggle:after { content: ''; position: absolute; width: 100%; height: 1px; background: #75889c; top: 6px; left: 0; box-shadow: 0 9px 0 #75889c, 0 18px 0 #75889c, 0 27px 0 #75889c } #header #site-navigation ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; box-shadow: 0 0 3px 0 #aaa; -moz-box-shadow: 0 0 3px 0 #aaa; -webkit-box-shadow: 0 0 3px 0 #aaa } #header #site-navigation li { position: relative; display: block; padding: 0 } #header #site-navigation li a { padding: 7px 25px } #header #site-navigation>ul { position: absolute; width: 280px; right: 0; top: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } #header #site-navigation.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease } #header #site-navigation.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px) } #header #site-navigation.dl-menuwrapper li .dl-submenu { display: none } #header #site-navigation .dl-menu.dl-subview li, #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen > a, #header #site-navigation .dl-menu.dl-subview li.dl-subview>a { display: none } #header #site-navigation .dl-menu.dl-subview li.dl-subview, #header #site-navigation .dl-menu.dl-subview li.dl-subview .dl-submenu, #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen, #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, #header #site-navigation .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li { display: block } #header #site-navigation.dl-menuwrapper>.dl-submenu { position: absolute; width: 280px; top: 100%; right: 0; margin: 0 } #header #site-navigation .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s } @-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform:translateZ(-250px) rotateY(30deg) } 75% { -webkit-transform:translateZ(-372.5px) rotateY(15deg); opacity: .5 } 100% { -webkit-transform:translateZ(-500px) rotateY(0deg); opacity:0 } } @-moz-keyframes MenuAnimOut1 { 50% { -moz-transform:translateZ(-250px) rotateY(30deg) } 75% { -moz-transform:translateZ(-372.5px) rotateY(15deg); opacity: .5 } 100% { -moz-transform:translateZ(-500px) rotateY(0deg); opacity:0 } } @keyframes MenuAnimOut1 { 50% { transform:translateZ(-250px) rotateY(30deg) } 75% { transform:translateZ(-372.5px) rotateY(15deg); opacity: .5 } 100% { transform:translateZ(-500px) rotateY(0deg); opacity:0 } } #header #site-navigation .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform:translateZ(-500px) rotateY(0deg); opacity:0 } 20% { -webkit-transform:translateZ(-250px) rotateY(30deg); opacity:0.5 } 100% { -webkit-transform:translateZ(0px) rotateY(0deg); opacity:1 } } @-moz-keyframes MenuAnimIn1 { 0% { -moz-transform:translateZ(-500px) rotateY(0deg); opacity:0 } 20% { -moz-transform:translateZ(-250px) rotateY(30deg); opacity:0.5 } 100% { -moz-transform:translateZ(0px) rotateY(0deg); opacity:1 } } @keyframes MenuAnimIn1 { 0% { transform:translateZ(-500px) rotateY(0deg); opacity:0 } 20% { transform:translateZ(-250px) rotateY(30deg); opacity:0.5 } 100% { transform:translateZ(0px) rotateY(0deg); opacity:1 } } #header #site-navigation.dl-menuwrapper>.dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform:translateX(50%); opacity:0 } 100% { -webkit-transform:translateX(0px); opacity:1 } } @-moz-keyframes SubMenuAnimIn1 { 0% { -moz-transform:translateX(50%); opacity:0 } 100% { -moz-transform:translateX(0px); opacity:1 } } @keyframes SubMenuAnimIn1 { 0% { transform:translateX(50%); opacity:0 } 100% { transform:translateX(0px); opacity:1 } } #header #site-navigation.dl-menuwrapper>.dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform:translateX(0%); opacity:1 } 100% { -webkit-transform:translateX(50%); opacity:0 } } @-moz-keyframes SubMenuAnimOut1 { 0% { -moz-transform:translateX(0%); opacity:1 } 100% { -moz-transform:translateX(50%); opacity:0 } } @keyframes SubMenuAnimOut1 { 0% { transform:translateX(0%); opacity:1 } 100% { transform:translateX(50%); opacity:0 } } #header #site-navigation ul ul { display: none; position: absolute; left: 0; width: 280px; box-shadow: 0 0 3px 0 #aaa; -moz-box-shadow: 0 0 3px 0 #aaa; -webkit-box-shadow: 0 0 3px 0 #aaa } #header #site-navigation ul ul.horizontalFlip { left: auto; right: 0 } #header #site-navigation li:hover > ul, #header #site-navigation li.hover>ul { display: none; animation: none; -webkit-animation: none } @-webkit-keyframes menuLevel2Show { 0% { opacity:0; margin-top:30px } 10% { opacity:0; margin-top:30px } 100% { opacity:1; margin-top:0px } } @keyframes menuLevel2Show { 0% { opacity:0; margin-top:30px } 10% { opacity:0; margin-top:30px } 100% { opacity:1; margin-top:0px } } #header #site-navigation li li { display: block; padding: 0; background: #fff } #header #site-navigation li li a { padding: 7px 25px; position: relative; white-space: normal } #header #site-navigation li.menu-parent-item>a:before { position: absolute; right: 15px; font-family: 'Codeus'; font-size: 11px; content: '\e60f' } #header #site-navigation li.dl-back a { text-align: right } #header #site-navigation li.dl-back>a:before { position: absolute; left: 5px; font-family: 'Codeus'; font-size: 11px; content: '\e602' } #header #site-navigation ul ul li:hover > ul, #header #site-navigation ul ul li.hover>ul { display: none; animation: none; -webkit-animation: none } #header #site-navigation ul ul ul { left: 0 } #header #site-navigation ul ul ul.horizontalFlip { left: auto; right: 100% } #header #site-navigation ul ul li:hover > ul.horizontalFlip, #header #site-navigation ul ul li.hover>ul.horizontalFlip { display: none; animation: none; -webkit-animation: none } } .skill-element { margin: 0 0 15px 0 } .skill-header { margin: 0 0 5px 0 } .skill-title { font-size: 88.2%; line-height: 1.471; float: left } .skill-amount { float: right } .skill-line { font-size: 0; line-height: 1; height: 15px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px } .skill-line div { display: inline-block; font-size: 0; line-height: 1; height: 15px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px } .diagram-summary { font-size: 88.2%; line-height: 1.471; margin: 0 0 0.766667em 0 } .diagram-summary-text { margin: 0 0 0.766667em 0 } .diagram-circle { text-align: center } .diagram-circle { position: relative } .diagram-circle .box-wrapper { max-width: 550px; position: relative; text-align: left } .tab_wrapper .diagram-circle .box-wrapper { margin: 0 auto } .diagram-circle .box { position: relative } .diagram-circle .skills { display: none } .diagram-circle .text { font-size: 88.2%; line-height: 1.471; position: absolute; left: 0; top: 0; z-index: 1 } .diagram-circle .text div { display: table-cell; text-align: center; vertical-align: middle; line-height: 1.2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .diagram-circle .text div span { display: block; text-align: center; padding: 0 0 0 5px; margin: 0 } .diagram-item { padding: 0 0 20px } .widget .diagram-circle .text div, .widget .diagram-circle .text div span.title { font-size: inherit } .diagram-legend { display: inline-block; position: absolute; left: 0; top: 50%; z-index: 1; text-align: left } .diagram-legend .legend-element { margin: 0 0 26px 0 } .diagram-legend .legend-element .color { display: block; float: left } .diagram-legend .legend-element .title { display: block; line-height: 1; margin: 0 0 0 46px } .quickfinder ul li .descriptionbody span.styled-subtitle { font-size: 24px; line-height: 30px; color: #3B3E4F; font-weight: normal; text-transform: none }