/* Theme Name: Souffle Theme URI: http://mothemes.com/souffle Author: mothemes.com Author URI: http://mothemes.com/ License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Description: Premium WordPress theme designed by mothemes.com. Get support from mothemes forum. Follow mothemes on Twitter for the updates. Version: 1.2 Tags: light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready */ /* Reset */ @font-face { font-family: HelveticaNeueLTStd-MdCn.otf; src:url(fontfaces/HelveticaNeueLTStd-MdCn.otf) } @font-face { font-family: 'Conv_BebasNeue'; src: url('fontfaces/BebasNeue/BebasNeue.eot'); src: local('?'), url('fontfaces/BebasNeue/BebasNeue.woff') format('woff'), url('fontfaces/BebasNeue/BebasNeue.ttf') format('truetype'), url('fontfaces/BebasNeue/BebasNeue.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'helvetica-normal'; src:url('fontfaces/helvetica-normal.ttf'); } @font-face { font-family: Helvetica1; src:url(fontfaces/Helvetica/helvetica-neue1.ttf); } @font-face { font-family: Haettenschweiler; src: url(fonts/HATTEN.eot); src: local('?'), url(fontfaces/HATTEN.woff) format('woff'), url(fontfaces/HATTEN.ttf) format('truetype'), url(fontfaces/HATTEN.svg) format('svg'); } @font-face { font-family:haet; src:url(fontfaces/HATTEN.ttf); src: url(fonts/HATTEN.eot); src: local('?'), url(fonts/HATTEN.woff) format('woff'), url(fonts/HATTEN.ttf) format('truetype'), url(fonts/HATTEN.svg) format('svg'); } @font-face { font-family: bush_script; src: url('fontfaces/Brushsci/brushsci.eot'); src: url('fontfaces/Brushsci/brushsci.eot') format('embedded-opentype'), url('fontfaces/Brushsci/brushsci.woff') format('woff'), url('fontfaces/Brushsci/brushsci.ttf') format('truetype'), url('fontfaces/Brushsci/brushsci.svg#BrushScriptMTItalic') format('svg'); } @font-face { font-family: HATTEN; src:url(fontfaces/HATTEN.ttf) } @font-face { font-family: 'HelveticaNeueLTStd-LtCn'; src: url('fontfaces/HelveticaNeueLTStd-LtCn.otf'); } @font-face { font-family: 'HelveticaNeueLTStd-MdCn'; src: url('fontfaces/HelveticaNeueLTStd-MdCn.otf'); } @font-face { font-family:'ProximaNova-Bold'; src:url('fonts/ProximaNova-Bold.otf'); } @font-face { font-family:'ProximaNova-Semibold'; src:url('fonts/ProximaNova-Semibold.otf'); } @font-face { font-family:'ProximaNova-Regular'; src:url('fonts/ProximaNova-Regular.otf'); } @font-face { font-family:'ProximaNova-Extrabold'; src:url('fonts/ProximaNova-Extrabold.otf'); } 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, ol, ul, li, 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%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { -webkit-font-smoothing: antialiased; } body { line-height: 1; } .ie8 body { min-width: 980px; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } /* Helpers */ .center { text-align: center; } .hidden { display: none; visibility: hidden; } .clear { clear: both; } .nobr { white-space: nowrap; } /* Animations */ .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } /* Columns */ .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { position: relative; margin-right: 4%; float: left; min-height: 1px; height: auto !important; height: 1px; color:#5f5f5f; font-weight: 500; } .home .one-half { height: 270px !important; float:left; position:absolute; bottom:0px; } .one-half { width: 46%; } .one-third { width: 30.6666%; } .two-third { width: 65.3332%; } .one-fourth { width: 22%; } .dark .one-third { background:url(images/blackbox.png) #030303; ; padding: 10px 20px; margin-right: 1%; width: 27%; border-radius:4px; font-family:sans-serif,Helvetica ; min-height:180px; opacity:0.8; } .two-fourth { width: 48%; } .three-fourth { width: 74%; } .one-fifth { width: 16.8%; } .two-fifth { width: 37.6%; } .three-fifth { width: 58.4%; } .four-fifth { width: 79.2%; } .one-sixth { width: 13.3333%; } .two-sixth { width: 30.6666%; } .three-sixth { width: 47.9998%; } .four-sixth { width: 65.3332%; } .five-sixth { width: 82.6665%; } .last { margin-right: 0 !important; clear: right; } .one-half .one-half { margin-right: 8.3333%; width: 45.8333%; } .one-half .one-third { margin-right: 8.3333%; width: 27.7778%; } .one-half .two-third { margin-right: 8.3333%; width: 63.8889%; } .two-third .one-third { margin-right: 6.1224%; width: 29.2517%; } .two-third .two-third { margin-right: 6.1224%; width: 64.6258%; } .two-third .one-fourth { margin-right: 6.1224%; width: 20.4082%; } /* * Global */ body, label, input, button, select, textarea { font-family:'ProximaNova-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #444444; } body { -webkit-text-size-adjust: none; background-color: #dddddd; } /* Links */ a { text-decoration: none; outline: none; color: #fff ; } a:hover, a:active { text-decoration: none; color: #2466AB; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; } a i { text-decoration: none !important; } /* Custom selection colors */ ::-moz-selection { background: #4787ED; color: #fff; color: rgba(255, 255, 255, 0.85); text-shadow: none; } ::selection { background: #4787ED; color: #fff; color: rgba(255, 255, 255, 0.85); text-shadow: none; } /* Page */ #page { position: relative; } .wrapper { overflow: hidden; background-color: #ffffff; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15); } .boxed .wrapper { max-width: 1140px; margin: 0 auto; } #feature, #main { margin-top: 12px; margin-bottom: -15px; } #main { margin-bottom: 30px; } /* Wide */ .wide #page, #feature.full-width .inner { max-width: 100%; margin: 0 !important; } /* Feature Bottom Border */ #feature.flex .inner, #feature.nivo .inner { padding-bottom: 60px; border-bottom: 1px solid #d9d9d9; } /* * Structure */ .inner, .left-sidebar, .right-sidebar, .inner-html { max-width: 1114px; margin: 0 auto; } .left-sidebar .inner, .right-sidebar .inner { max-width: auto; margin: 0; } #primary { position: relative; float: left; width: 100%; } #secondary { position: relative; width: 240px; margin-top: 60px; } .left-sidebar #primary { float: right; margin: 0 0 0 -280px; } .left-sidebar #content { margin: 0 0 0 280px; } .left-sidebar #secondary { float: left; } .right-sidebar #primary { float: left; margin: 0 -280px 0 0; } .right-sidebar #content { margin: 0 280px 0 0; } .right-sidebar #secondary { float: right; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family:'ProximaNova-Regular'; text-rendering: optimizelegibility; } hr { border: 0; height: 1px; margin-bottom: 20px; background-color: #d9d9d9; } /* Text elements */ p { margin-bottom: 15px; font-family:'ProximaNova-Regular'; } ul, ol { margin: 0 0 15px 25px; } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 18px; } dt { font-weight: bold; } dd { margin-bottom: 18px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { font-style: italic; font-weight: normal; margin-bottom: 20px; padding: 15px 20px 5px 20px !important; border-left: 3px solid #18a3d3; background-color: #fafafa; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; color: #444444; } blockquote.alignleft { margin-right: 20px; width: 220px; } blockquote.alignright { margin-left: 20px; width: 220px; } code, pre { font: 12px Consolas, Monaco, 'Andale Mono', 'DejaVu Sans Mono', monospace; padding: 0 3px 2px; -webkit-border-radius: 2px; border-radius: 2px; } code { padding: 3px 4px; } pre { line-height: 20px; margin-bottom: 18px; overflow: auto; padding: 6px 8px 4px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, pre { border: 1px solid #d9d9d9; background-color: #fafafa; color: #444444; -webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,.05); box-shadow: inset 0 1px 0px rgba(0,0,0,.05); } pre code { padding: 0; color: inherit; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } abbr, acronym, dfn { border-bottom: 1px dotted #444444; cursor: help; } address { display: block; margin: 0 0 20px; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .input-text { display: inline-block; height: 22px; padding: 5px 6px; margin: 0; font-family: 'ProximaNova-Regular', 'Helvetica', 'sans-serif'; font-size: 16px; line-height: 22px; vertical-align: middle; -webkit-border-radius: 2px; width:94%; } textarea { height: auto; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .input-text { border: 1px solid #d9d9d9; background-color: #ffffff; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fcfcfc, #ffffff); background-image: -moz-linear-gradient(top, #fcfcfc, #ffffff); background-image: linear-gradient(to bottom, #fcfcfc, #ffffff); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .input-text:focus { border-color: #18a3d3; background: #ffffff; outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 0 6px rgba(24, 163, 211, 0.35); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 0 6px rgba(24, 163, 211, 0.35); } input.invalid, textarea.invalid { border-color: #b00 !important; border-color: rgba(200, 0, 0, 0.5) !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 2px 1px rgba(200,0,0,.3), 0 0 6px rgba(200,0,0,.3) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 2px 1px rgba(200,0,0,.3), 0 0 6px rgba(200,0,0,.3) !important; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; line-height: 30px; *margin-top: 4px; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { -webkit-box-shadow: none; box-shadow: none; outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* Placeholder */ input:-moz-placeholder, textarea:-moz-placeholder { color: #a2a2a2; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a2a2a2; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a2a2a2; } /* Theme Form Styles */ input#s { font-size: 14px; line-height: 1.2em; height: 20px; padding: 4px 10px; } input#searchsubmit { display: none; } /* Buttons */ button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; padding: 4px 12px; margin-bottom: 0; *zoom: 1; *border: 0; font-size: 12px; line-height: 20px; text-decoration: none !important; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #d8d8d8; -webkit-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.15); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #3260aa !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fb3e6), to(#1698c5)); background-image: -webkit-linear-gradient(top, #1fb3e6, #1698c5); background-image: -moz-linear-gradient(top, #1fb3e6, #1698c5); background-image: linear-gradient(to bottom, #1fb3e6, #1698c5); background-repeat: repeat-x; border-color: #117597; color: #ffffff; -webkit-appearance: none; } button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #444444; background-color: #f1f1f1; *background-color: #e4e4e4; } button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { border-color: #d8d8d8; } button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, button.active, input[type="submit"].active, input[type="button"].active, input[type="reset"].active { background: #eeeeee; background-color: #d8d8d8 \9; } button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { color: #444444; text-decoration: none; background-position: 0 -10px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1); -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } button:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { background: #eeeeee; outline: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } button.huge, input[type="submit"].huge, input[type="button"].huge, input[type="reset"].huge { font-size: 22px; font-weight: normal; line-height: normal; padding: 10px 18px; } button.huge i:before, input[type="submit"].huge i:before, input[type="button"].huge i:before, input[type="reset"].huge i:before { font-size: 28px; } button.large, input[type="submit"].large, input[type="button"].large, input[type="reset"].large { font-size: 14px; line-height: normal; padding: 8px 14px; } button.small, input[type="submit"].small, input[type="button"].small, input[type="reset"].small { font-size: 12px; line-height: 16px; padding: 3px 10px; } button.mini, input[type="submit"].mini, input[type="button"].mini, input[type="reset"].mini { padding: 1px 6px; font-size: 11px; line-height: 16px; } button.full, input[type="submit"].full, input[type="button"].full, input[type="reset"].full { display: block; } button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #ffffff; background-color: #1698c5; *background-color: #1487ae; } button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { border-color: #117597; } button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, button.active, input[type="submit"].active, input[type="button"].active, input[type="reset"].active { background: #1695c1; background-color: #117597 \9; } .btn { display: inline-block; float: left; padding: 15px 16px; margin-bottom: 0; *margin-left: .3em; *zoom: 1; *border: 0; font-family: "ProximaNova-Semibold", sans-serif; font-size: 22px; font-weight: bold; line-height: 20px; text-decoration: none !important; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #d8d8d8; -webkit-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(to bottom, #fafafa, #f1f1f1); background-repeat: repeat-x; border-color: #d8d8d8; color: #444444; *background-color: #f1f1f1; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.15); } .btn:hover, .btn:active { color: #444444; background-color: #f1f1f1; *background-color: #e4e4e4; } .btn:hover { border-color: #d8d8d8; } .btn:active, .btn.active { background: #eeeeee; background-color: #d8d8d8 \9; } .btn:hover { color: #444444; text-decoration: none; background-position: 0 -10px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1); -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:active { background: #eeeeee; outline: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .btn.huge { font-size: 22px; font-weight: bold; line-height: normal; padding: 10px 18px; } .btn.huge i:before { font-size: 28px; } .btn.large { font-size: 14px; line-height: normal; padding: 8px 14px; } .btn.small { font-size: 12px; line-height: 16px; padding: 3px 10px; } .btn.mini { padding: 1px 6px; font-size: 11px; line-height: 16px; } .btn.full { display: block; } .btn.primary { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #1698c5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fb3e6), to(#1698c5)); background-image: -webkit-linear-gradient(top, #1fb3e6, #1698c5); background-image: -moz-linear-gradient(top, #1fb3e6, #1698c5); background-image: linear-gradient(to bottom, #1fb3e6, #1698c5); background-repeat: repeat-x; border-color: #117597; color: #ffffff; *background-color: #1698c5; } .btn.primary:hover, .btn.primary:active { color: #ffffff; background-color: #1698c5; *background-color: #1487ae; } .btn.primary:hover { border-color: #117597; } .btn.primary:active, .btn.primary.active { background: #1695c1; background-color: #117597 \9; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn.white { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fafafa; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#fafafa)); background-image: -webkit-linear-gradient(top, #ffffff, #fafafa); background-image: -moz-linear-gradient(top, #ffffff, #fafafa); background-image: linear-gradient(to bottom, #ffffff, #fafafa); background-repeat: repeat-x; border-color: #e1e1e1; color: #444444; *background-color: #fafafa; } .btn.white:hover, .btn.white:active { color: #444444; background-color: #fafafa; *background-color: #ededed; } .btn.white:hover { border-color: #e1e1e1; } .btn.white:active, .btn.white.active { background: #f7f7f7; background-color: #e1e1e1 \9; } .btn.gray { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #888888; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#888888)); background-image: -webkit-linear-gradient(top, #999999, #888888); background-image: -moz-linear-gradient(top, #999999, #888888); background-image: linear-gradient(to bottom, #999999, #888888); background-repeat: repeat-x; border-color: #6f6f6f; color: #ffffff; *background-color: #888888; } .btn.gray:hover, .btn.gray:active { color: #ffffff; background-color: #888888; *background-color: #7b7b7b; } .btn.gray:hover { border-color: #6f6f6f; } .btn.gray:active, .btn.gray.active { background: #858585; background-color: #6f6f6f \9; } .btn.black { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #111111; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -moz-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; border: 1px solid #474747; color: #FFFFFF; *background-color: #111111; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } .btn.black:hover, .btn.black:active { color: #ffffff; background-color: #111111; *background-color: #040404; } .btn.black:hover { border-color: #FFFFFF; } .btn.black:active, .btn.black.active { background: #0e0e0e; background-color: #000000 \9; } .btn.black:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 1px rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 1px rgba(0,0,0,.25); } .btn.black:active { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.35); box-shadow: inset 0 1px 2px rgba(0,0,0,.35); } .btn.red { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #d14836; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d95f4f), to(#d14836)); background-image: -webkit-linear-gradient(top, #d95f4f, #d14836); background-image: -moz-linear-gradient(top, #d95f4f, #d14836); background-image: linear-gradient(to bottom, #d95f4f, #d14836); background-repeat: repeat-x; border-color: #ad3727; color: #ffffff; *background-color: #d14836; } .btn.red:hover, .btn.red:active { color: #ffffff; background-color: #d14836; *background-color: #c13e2c; } .btn.red:hover { border-color: #ad3727; } .btn.red:active, .btn.red.active { background: #d04432; background-color: #ad3727 \9; } .btn.orange { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #f77e05; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa9f1e), to(#f77e05)); background-image: -webkit-linear-gradient(top, #fa9f1e, #f77e05); background-image: -moz-linear-gradient(top, #fa9f1e, #f77e05); background-image: linear-gradient(to bottom, #fa9f1e, #f77e05); background-repeat: repeat-x; border-color: #c56504; color: #ffffff; *background-color: #f77e05; } .btn.orange:hover, .btn.orange:active { color: #ffffff; background-color: #f77e05; *background-color: #de7104; } .btn.orange:hover { border-color: #c56504; } .btn.orange:active, .btn.orange.active { background: #f27b05; background-color: #c56504 \9; } .btn.yellow { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #f7bb05; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7d52a), to(#f7bb05)); background-image: -webkit-linear-gradient(top, #f7d52a, #f7bb05); background-image: -moz-linear-gradient(top, #f7d52a, #f7bb05); background-image: linear-gradient(to bottom, #f7d52a, #f7bb05); background-repeat: repeat-x; border-color: #c59504; color: #444444; *background-color: #f7bb05; } .btn.yellow:hover, .btn.yellow:active { color: #444444; background-color: #f7bb05; *background-color: #dea804; } .btn.yellow:hover { border-color: #c59504; } .btn.yellow:active, .btn.yellow.active { background: #f2b705; background-color: #c59504 \9; } .btn.green { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #53af4e; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6cb858), to(#53af4e)); background-image: -webkit-linear-gradient(top, #6cb858, #53af4e); background-image: -moz-linear-gradient(top, #6cb858, #53af4e); background-image: linear-gradient(to bottom, #6cb858, #53af4e); background-repeat: repeat-x; border-color: #428c3e; color: #ffffff; *background-color: #53af4e; } .btn.green:hover, .btn.green:active { color: #ffffff; background-color: #53af4e; *background-color: #4b9d46; } .btn.green:hover { border-color: #428c3e; } .btn.green:active, .btn.green.active { background: #51ab4c; background-color: #428c3e \9; } .btn.cyan { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #21bbbd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2cc9cb), to(#21bbbd)); background-image: -webkit-linear-gradient(top, #2cc9cb, #21bbbd); background-image: -moz-linear-gradient(top, #2cc9cb, #21bbbd); background-image: linear-gradient(to bottom, #2cc9cb, #21bbbd); background-repeat: repeat-x; border-color: #199092; color: #ffffff; *background-color: #21bbbd; } .btn.cyan:hover, .btn.cyan:active { color: #ffffff; background-color: #21bbbd; *background-color: #1da6a7; } .btn.cyan:hover { border-color: #199092; } .btn.cyan:active, .btn.cyan.active { background: #20b7b9; background-color: #199092 \9; } .btn.dark-blue { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #0073b1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0073b1)); background-image: -webkit-linear-gradient(top, #0088cc, #0073b1); background-image: -moz-linear-gradient(top, #0088cc, #0073b1); background-image: linear-gradient(to bottom, #0088cc, #0073b1); background-repeat: repeat-x; border-color: #004c99; color: #ffffff; *background-color: #0073b1; } .btn.dark-blue:hover, .btn.dark-blue:active { color: #ffffff; } .btn.dark-blue:hover { border-color: #004c99; } .btn.dark-blue:active, .btn.dark-blue.active { background: #0063c7; background-color: #004c99 \9; } .btn.blue { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #0199cc; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2eaddb), to(#0199cc)); background-image: -webkit-linear-gradient(top, #2eaddb, #0199cc); background-image: -moz-linear-gradient(top, #2eaddb, #0199cc); background-image: linear-gradient(to bottom, #2eaddb, #0199cc); background-repeat: repeat-x; border-color: #017399; color: #ffffff; *background-color: #0199cc; } .btn.blue:hover, .btn.blue:active { color: #ffffff; background-color: #0199cc; *background-color: #0186b3; } .btn.blue:hover { border-color: #017399; } .btn.blue:active, .btn.blue.active { background: #0195c7; background-color: #017399 \9; } .btn.light-blue { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #4787ed; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed); background-image: -moz-linear-gradient(top, #4d90fe, #4787ed); background-image: linear-gradient(to bottom, #4d90fe, #4787ed); background-repeat: repeat-x; border-color: #1969e8; color: #ffffff; *background-color: #4787ed; } .btn.light-blue:hover, .btn.light-blue:active { color: #ffffff; background-color: #4787ed; *background-color: #3078eb; } .btn.light-blue:hover { border-color: #1969e8; } .btn.light-blue:active, .btn.light-blue.active { background: #4284ed; background-color: #1969e8 \9; } .btn.magenta { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #c72ecc; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ca4ccf), to(#c72ecc)); background-image: -webkit-linear-gradient(top, #ca4ccf, #c72ecc); background-image: -moz-linear-gradient(top, #ca4ccf, #c72ecc); background-image: linear-gradient(to bottom, #ca4ccf, #c72ecc); background-repeat: repeat-x; border-color: #9e25a2; color: #ffffff; *background-color: #c72ecc; } .btn.magenta:hover, .btn.magenta:active { color: #ffffff; background-color: #c72ecc; *background-color: #b329b7; } .btn.magenta:hover { border-color: #9e25a2; } .btn.magenta:active, .btn.magenta.active { background: #c32dc8; background-color: #9e25a2 \9; } .btn.pink { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background-color: #ed174f; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fb6089), to(#ed174f)); background-image: -webkit-linear-gradient(top, #fb6089, #ed174f); background-image: -moz-linear-gradient(top, #fb6089, #ed174f); background-image: linear-gradient(to bottom, #fb6089, #ed174f); background-repeat: repeat-x; border-color: #c20f3e; color: #ffffff; *background-color: #ed174f; } .btn.pink:hover, .btn.pink:active { color: #ffffff; background-color: #ed174f; *background-color: #da1145; } .btn.pink:hover { border-color: #c20f3e; } .btn.pink:active, .btn.pink.active { background: #ed124b; background-color: #c20f3e \9; } /* Widgets */ .widget_login input[type=edit], .widget_login input[type=password] { display: block; } .widget_login input[type=submit] { margin-right: 10px; } .widget_shopping_cart .buttons .button { margin-right: 5px; } /* Visual Composer Fixes */ #branding .icon { display: inline-block; width: auto; height: auto; margin-left: 0; vertical-align: baseline; } .flickr_badge_image { width: auto !important; height: auto !important; border-width: 0 !important; } /* * Flex Slider */ .flexslider .slides > li { position: relative; } #content .flex-control-nav { margin: 0 !important; padding-top: 10px; padding-bottom: 0 !important; } .flexslider blockquote { margin-bottom: 0; } .flexslider .slideimage { max-width: 100%; } .flexslider.show-controls { margin-bottom: 40px; } /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; overflow: hidden; -webkit-backface-visibility: hidden; } .flexslider .slides img { display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* FlexSlider Theme *********************************/ .flexslider { position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } /* Caption style */ .flex-caption { background: none; zoom: 1; } .flex-caption { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); font-size: 14px; line-height: 18px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { position: absolute; width: 22px; height: 38px; top: 50%; margin-top: -22px; text-indent: -9999px; white-space: nowrap; overflow: hidden; z-index: 10; outline: 0; cursor: pointer; background: url('images/sliders-sprite.png') no-repeat scroll; background-size: 62px 114px; } .flex-direction-nav .flex-next { right: -60px; background-position: -40px 0; } .flex-direction-nav .flex-prev { left: -60px; background-position: -18px 0; } #content .flex-direction-nav a { text-align: center; text-indent: 0; background: none; width: 22px; } #content .flex-direction-nav a:before { font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 28px; line-height: 38px; vertical-align: middle; display: inline-block; content: "\f105"; color: #18a3d3; } #content .flex-direction-nav .flex-prev:before { content: "\f104"; } #content .flex-direction-nav a:hover:before { color: #4dc2eb; } #content .flex-direction-nav a:active:before { color: #106e8e; } .full-width .flex-direction-nav .flex-next { right: 15px; } .full-width .flex-direction-nav .flex-prev { left: 15px; } .boxed .flex-direction-nav .flex-next { right: 15px; } .boxed .flex-direction-nav .flex-prev { left: 15px; } #content .flex-direction-nav .flex-next { right: -30px !important; } #content .flex-direction-nav .flex-prev { left: -30px !important; } .flex-direction-nav .flex-next:hover { background-position: -40px -38px; } .flex-direction-nav .flex-prev:hover { background-position: -18px -38px; } .flex-direction-nav .flex-next:active { background-position: -40px -76px; } .flex-direction-nav .flex-prev:active { background-position: -18px -76px; } .flex-direction-nav .flex-disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; margin: 0; } .flex-control-paging li a { text-decoration: none; outline: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; width: 14px; height: 14px; cursor: pointer; background: url('images/sliders-sprite.png') no-repeat scroll 0 0 transparent; background-size: 62px 114px; } .flex-control-paging li a.flex-active { background-position: 0 -28px !important; } .flex-control-paging li a:hover { background-position: 0 -14px; } /* Thumbs */ .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* Captions */ .flexslider .caption { position: absolute; opacity: 0; padding: 15px 20px 5px; z-index: 8; background-color: #000; background-color: rgba(0, 0, 0, 0.5); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 2px; border-radius: 2px; } .flexslider .caption h3, .flexslider .caption p { color: #fff; margin-bottom: 10px !important; } .flexslider .caption h3 { line-height: 1.2em; } .flexslider .caption p { padding: 0; margin: 0; } .flexslider .caption-top, .flexslider .caption-bottom { left: 20px; right: 20px; } .flexslider .caption-top { top: 20px; } .flexslider .caption-bottom { bottom: 40px; } .flexslider .caption-left, .flexslider .caption-right { top: 20px; width: 240px; } .flexslider .caption-left { left: 20px; } .flexslider .caption-right { right: 20px; } /* HTML */ .flexslider .inner-html { padding: 20px 0; } .flex.full-width .inner-html { padding: 40px 40px 20px; } /* * Nivo Slider */ .nivo-slider-wrap { position: relative; } .nivoSlider.show-controls { margin-bottom: 40px; } /* The Nivo Slider styles */ .nivoSlider { position: relative; width: 100%; height: auto; } .nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none !important; } .no-js .nivoSlider img { position: static; max-width: 100% !important; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .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; } /* The slices and boxes in the Slider */ .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; } /* Caption styles */ .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; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding: 5px; margin: 0; } .nivo-caption a { display: inline !important; } .nivo-html-caption { display: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position: absolute; width: 22px; height: 38px; top: 50%; margin-top: -22px; text-indent: -9999px; white-space: nowrap; overflow: hidden; z-index: 9; outline: 0; cursor: pointer; background: url('images/sliders-sprite.png') no-repeat scroll; background-size: 62px 114px; } .nivo-directionNav .nivo-nextNav { right: -60px; background-position: -40px 0; } .nivo-directionNav .nivo-prevNav { left: -60px; background-position: -18px 0; } #content .nivo-directionNav a { text-align: center; text-indent: 0; background: none; width: 22px; } #content .nivo-directionNav a:before { font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 28px; line-height: 38px; vertical-align: middle; display: inline-block; content: "\f105"; color: #18a3d3; } #content .nivo-directionNav .nivo-prevNav:before { content: "\f104"; } #content .nivo-directionNav a:hover:before { color: #4dc2eb; } #content .nivo-directionNav a:active:before { color: #106e8e; } .full-width .nivo-nextNav { right: 15px; } .full-width .nivo-prevNav { left: 15px; } .boxed .nivo-nextNav { right: 15px; } .boxed .nivo-prevNav { left: 15px; } #content .nivo-nextNav { right: -30px !important; } #content .nivo-prevNav { left: -30px !important; } .nivo-nextNav:hover { background-position: -40px -38px; } .nivo-prevNav:hover { background-position: -18px -38px; } .nivo-nextNav:active { background-position: -40px -76px; } .nivo-prevNav:active { background-position: -18px -76px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .nivo-controlNav a { text-decoration: none; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; zoom: 1; *display: inline; z-index: 9; width: 16px; height: 16px; margin: 0; cursor: pointer; background: url('images/sliders-sprite.png') no-repeat scroll 0 0 transparent; background-size: 62px 114px; } .nivo-controlNav a.active { background-position: 0 -28px !important; } .nivo-controlNav a:hover { background-position: 0 -14px; } /* * Revolution Slider */ .install-revslider { text-align: center; padding: 25px 0 15px; color: #666; text-shadow: 0 1px #fff; background-color: #ffffff; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ffffff)); background-image: -webkit-linear-gradient(top, #fafafa, #ffffff); background-image: -moz-linear-gradient(top, #fafafa, #ffffff); background-image: linear-gradient(to bottom, #fafafa, #ffffff); background-repeat: repeat-x; -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1); } #feature .btn, .content-block .btn { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.25); } #feature .btn:hover, .content-block .btn:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.25); } #feature .btn:active, .content-block .btn:active { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .bullet.last { clear: none; } /* * ColorBox */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #000; } #cboxContent { margin-top: 20px; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 2px; border-radius: 2px; -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); } #cboxTitle { position: absolute; bottom: -25px; left: 10px; color: #eee; text-shadow: 0 1px 2px #000; } #cboxCurrent { position: absolute; bottom: -25px; right: 10px; color: #eee; text-shadow: 0 1px 2px #000; } #cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; } #cboxPrevious, #cboxNext { position: absolute; top: 50%; margin-top: -35px; background: url('images/colorbox/controls.png') no-repeat scroll 0 0 transparent; width: 22px; height: 38px; text-indent: -9999px; } #cboxPrevious { left: 20px; } #cboxNext { right: 20px; background-position: -22px 0; } #cboxPrevious:hover { background-position: 0 -38px; } #cboxPrevious:active { background-position: 0 -76px; } #cboxNext:hover { background-position: -22px -38px; } #cboxNext:active { background-position: -22px -76px; } #cboxLoadingOverlay { background: #000; } #cboxLoadingGraphic { background: url('images/colorbox/loading.gif') no-repeat center center; } #cboxClose { position: absolute; top: -18px; right: -18px; display: block; background: url('images/colorbox/controls.png') no-repeat top right; width: 36px; height: 36px; text-indent: -9999px; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; height: 458px; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* MediaElement Player */ .mejs-container { position: relative; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; } .mejs-poster img { padding: 0; border: 0; display: block; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 80px; height: 60px; margin: -40px 0 0 -40px; background: url(images/me/bigplay.png) no-repeat; } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -60px; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -40px 0 0 -30px; -webkit-border-radius: 2px; border-radius: 2px; background: #333; background: url(images/me/background.png); background: rgba(0, 0, 0, 0.9); } .mejs-overlay-loading span { display: block; width: 60px; height: 60px; background: transparent url(images/me/loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; background: none; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; border: 1px solid #999; background: url(images/me/background.png); background-color: #e5e5e5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #fafafa, #e5e5e5); background-image: -moz-linear-gradient(top, #fafafa, #e5e5e5); background-image: linear-gradient(to bottom, #fafafa, #e5e5e5); background-repeat: repeat-x; height: 32px; width: 100%; -webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,1); box-shadow: inset 0 1px 2px rgba(255,255,255,1); -webkit-border-radius: 1px; border-radius: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mejs-audio .mejs-controls { -webkit-border-radius: 2px; border-radius: 2px; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; background: 0; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(images/me/controls.png) no-repeat; } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: solid 1px yellow; } /* End: CONTROL BAR */ /* Start: Time (current / duration) */ .mejs-container .mejs-controls .mejs-time { color: #444; text-shadow: 0 1px #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px ; overflow: hidden; text-align: center; padding: auto 4px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { font-size: 11px; color: #444; text-shadow: 0 1px #fff; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (current / duration) */ /* Start: Play/pause */ .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } /* End: Play/pause */ /* Stop */ .mejs-controls .mejs-stop button { background-position: -112px 0; } /* End: Play/pause */ /* Start: Progress bar */ .mejs-controls div.mejs-time-rail { width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background-color: #c3c3c3; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a3a3a3), to(#c3c3c3)); background-image: -webkit-linear-gradient(top, #a3a3a3, #c3c3c3); background-image: -moz-linear-gradient(top, #a3a3a3, #c3c3c3); background-image: linear-gradient(to bottom, #a3a3a3, #c3c3c3); background-repeat: repeat-x; } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-moz-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-ms-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-o-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #999; background: rgba(0, 0, 0, 0.1); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { width: 0; background-color: #2466AB; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18a3d3), to(#2466AB)); background-image: -webkit-linear-gradient(top, #18a3d3, #2466AB); background-image: -moz-linear-gradient(top, #18a3d3, #2466AB); background-image: linear-gradient(to bottom, #18a3d3, #2466AB); background-repeat: repeat-x; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #f2f2f2; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #999; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #f2f2f2; width: 36px; height: 15px; border: solid 1px #999; top: -26px; margin-left: -18px; text-align: center; color: #333; text-shadow: none; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #000; border-color: #999 transparent transparent transparent; -webkit-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: #f2f2f2; border: 1px solid #999; -webkit-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #bbb; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #444; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #444; cursor: N-resize; -webkit-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #c3c3c3; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a3a3a3), to(#c3c3c3)); background-image: -webkit-linear-gradient(top, #a3a3a3, #c3c3c3); background-image: -moz-linear-gradient(top, #a3a3a3, #c3c3c3); background-image: linear-gradient(to bottom, #a3a3a3, #c3c3c3); background-repeat: repeat-x; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #2466AB; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18a3d3), to(#2466AB)); background-image: -webkit-linear-gradient(top, #18a3d3, #2466AB); background-image: -moz-linear-gradient(top, #18a3d3, #2466AB); background-image: linear-gradient(to bottom, #18a3d3, #2466AB); background-repeat: repeat-x; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: TRACK (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(images/me/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #444; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #444; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #444; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { /*background: #333;*/ background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; /*font-weight: bold;*/ line-height: 22px; font-size: 12px; color: #444; } .mejs-captions-layer a { color: #444; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: url(images/me/background.png); background: rgba(20, 20, 20, 0.8); } /* End: TRACK (Captions and Chapters) */ .mejs-clear { clear: both; } /* Start: ERROR */ .me-cannotplay a { color: #444; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: ERROR */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: picture controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: picture controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; -webkit-border-radius: 4px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #444; color: #fff; } /* Start: SourceChooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(images/me/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #444; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: SourceChooser */ /*! Fotorama 3.0.8 | http://fotoramajs.com/license/ */ .fotorama__noise, .fotorama__thumbs_previews, .fotorama__caption_overlay, .fotorama_fullscreen .fotorama__caption { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAA7VBMVEX////6+vr5+fn09PTr6+v29vb4+Pj8/Pzx8fH19fXz8/P39/fu7u7y8vLq6urt7e39/f3+/v7v7+/w8PDm5ubn5+f7+/vl5eXp6ens7Ozi4uLf39/o6Ojj4+Pg4ODe3t7a2trd3d3h4eHk5OTT09PZ2dnb29vW1tbU1NTX19fc3NzV1dXY2NjMzMzR0dHGxsbQ0NDOzs7S0tLPz8/Nzc3Hx8fJycnLy8u8vLzFxcW1tbXIyMjKysq5ubnExMTDw8O4uLi6urrBwcHAwMC2tra+vr7CwsKoqKi7u7u9vb2xsbG3t7ezs7OsrKy0tLREM1c6AAAAT3RSTlMNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NrbSxDwAACP9JREFUeF692mWSJll6hNETyPAxMyRTcSMMCWH/y9GvlsnKNJ1TVZlaQJhF3PuC++Mh4oLtyEcMfBR8SgYZBezjlHrtXIJ7lhDKreK8i4N1QMCGhOwHUVnoRqrU3A2VDuRAtH1byppTHohsuiVKmgt9VhATELCm38uJJnUPR5Y9hQk/bzoHmWE2Vsc2yslffSKRtmLuI6uqf4XV5AesKcQ1eOTabHTU5byJLcG6/udfJxaX1Q3ZQB8x4FgxA2a8kYgBG8sZTVw5RPwrTQhbbsxNHMTpxQHtTAHE5VkDW0hMQ3/LofwXbvEh7ieqDuORLauQ4UJbLVBBCI1pL5TmwApd3o4nFxj7NOgqKGHG7i+7EMmbaZh3gukKt71+S3D+xDGPGQjpaarVgRw5DIx7SpalgXZt81sNGWGIC4qZpO6Fl6Pb0/qkL+8rG/R4B7A0ZPRPffaXce63JDEmhAGYw8q1wySN5qPkUsBtmhr5ZDYHkLIf3EekcNcCPFIoQm/Fg7Gg6PKpnq4bWjHabsyYGNDOusAqOfNuaaYJRM0FqgiN0i2FcbfG9nwf5hmiiGy8wPAU9HpGkXdWB93ZOWGPcur9k15qLNKb3Ff7YZysMh2BoSLkcUbT3PePkt47e3tpg53LNDcr1w7Xwk4f7XKI4WTmoEH/wnRIPx6pr9kcLyfeSDf6toYcLIyLNqaf8efI5iFO5PkE6C6Fy0eH8gJ5x2qqJUTAEwiGSkQbrjSKO+2NN9bVaHq0rLUFzWYtfCOXIYT0MErwMcXhyTTqE8B2LvdC7XZldrVoaLixNry7fbyshBMmEfSj0SkJ396gvsW5G8INAsQXWkygCENDPFqOubJSpjMjqKAXBwAAOvjay5yB5RypBX3A8ofOR2SBC5BK/7hVD4qCYT3DpZopisvvLrwbtQ+qsu5uN5ztVnUP2Jg7lUi6X+zupL+UWOlIYSDkQzshU2LaXQ+oUE1rIUOBbJwOdosV2gICPBXVdT7PMuw8CccfbkVlTk1x2O5ffzoutL5mTEydx0NgJmgHxQN/tP2ef42s1xvk0Isfyr2KBsx7G6UUGKUMOPa+T1DJXLE3zM4Pw61vOeoW5hR4ImFiNP4JTMZuATnJUT2w3q5ySRsRBeiCcQbIwD/xa2oqMEhI4ZRs1niPEnwofT/PMRdM77HYS66wtRSDN6peuk3gp1BZMHKnoPQXRuZ0bPbxzdWsxt0m7907mZ/V+h302vAsV2WR8VqqKrmfuHjx3nb73S9wv0exFLeJvg/s2HIZAuyb4b+ZDJDLL5yLEjuu1Q76burYyF2Lft4KcDXF8KJ3aUBSnQJ/3iZvaVfhFb+rI/Tni0ZV3hDPYI+pYqeMFvJEWKwYRSvC1R5MIInAgK18zXvZbcuTPxH+vknCx93gkegeEdJsV5dW6H9P1BeupAZkjmTqIRj/tGSToHteVpnyzga2RBtuK6ah64zmJ2x6HYMV9JhuMJ4ZhgOMKiW12mhT/juDwqzILZjQFsbXmZBKx2iOwZNDdoPxIIz224Uy/dFMLJz4Ptn603wcsoGFevWA/RZ5238Eve9uDWvRSaYRYRqseqvlM5LkhWbNVzXXzUUtuTlB/OOiQzN+7/0i1TDbjwbpiJ93TPgRth/SFaklOqxYLVabRhGo5+ge3PWFU8sV8rQwFw0U5jsCk/05Rh/HyjKmv/n8Cv6ewMgKUZPJ7mm5Ypq8dS5zOlCrIGb4Z2WWzzDDNcN8SKPNeMIUw6CZYVEcCrt3DxPgQNOx4922dVGE7o5EiA28qSHFVD8wqW0K+O6jZiufSz8r2m8/kuer8pkuexnz4jW0bzyYxARnfSwOG5qP+sQaIuY9ix8eELaaCsYIGTPsYbRGrhK7t/4obWGth/HfkdaWfT96izVkemUUDscQ6TkTmVpIxnh85AhDYU436oDQjPGnFrMMiWRNBlxYPN+3fLtDbntBxRPE/ZOGCp3dYHFJvDR/602fhTbXpzwpaNAP8qMe2bNK13N2/EUWzv+UQCIYmi2WZ6E8Ilbp905tmSn2R4O7ZlHd0HH+4ov8fdvz5h54/9dVFEyoVVpj6d03O+SzkCLeAbKKdjuTMR6m4GopXrPahU34UxvQCXZg0Yjq1OAUTUp69YiYc2lufZ0woPfAzuvXFq/f7ong9SeXPo2ATxSqS8NGbvjyrfPt+vf5Ff3Mm7yMXQXHVzbzevqvLyZexVHzcz1jCO747Nhfx0mss4UN4R01olG/ZlB2vzGKCHtraWy4Rn6DJ8TCnDuzGMBmWkAQFFNge1j0p+IjvZfYr8+jK7hmgbkEd+HTZDWVVFDoqCZ1SZ4P+AXHQ/vFmPcLVe3BJLthFQKc/SwObvm4HNgerwLz5Tzw+XgHOUq2qdhQl7mmeEv38AI26fWd75t7vgS9HkczmJmdUNZzGdwV/5G7albAeBbpvy+yFrsJRT3wzeDxWV/w8hruynB+KDGfMYwtwO+s+TWNnS8oyK/WG15IaD1/2geTV/2gbySYs0F8Mm2PqL8LBxUUdrc3wf9OM3DsE8e78UqNSWLkU43VS821V1J0nwv4h9dHOLzCsh2o5RUX6ah66yHbPnNrL5RBgSmOh11NHdiOVRX5KU1/1ZqNLwJWbL86mvrDEDIYbV2VNK291TvD5GQPtRoCvXKB3TNa9/VJFFsonY69LjCFP5lpUtKh8G9Q2ydERgPdXtUTOia73vtL/IPA1ztKmO+Z36TFBWH2n20Mq/dXL5PemUSkgY1J046Rz52gC8X07RuhK5NM4yYy4SiaAj5wPAxUjmQwK1HtOAGmvpX3UiMGs67zX2SZ1S5/mxNBoPQqGYPb9McF69lCc3ftevtMwv4yxe0VOQQM2H4OC/tD05U6Wh5OPJSn9DowMVuoMuMokl2nX6PQv2KGf/HH++q8op+dev5BUvp/h7XjVaM0XIFxJaGX+N7XbVLPOZKXCNP/f2DBF2UuX5ne+8wXvU5zPvOXyMtEz6/B5j8PlF4W0Z0VzN8Z3Q3tQTQ4efzm52k/VGRat+k4DCwhYqMG8Aq07nMy+0JR8jMW+pkc4IU4xWc85lUmJc6vnjz8N6MLmuXZKNefAAAAAElFTkSuQmCC"); } .fotorama_shadows .fotorama__wrap:before, .fotorama_shadows .fotorama__wrap:after, .fotorama_shadows .fotorama__thumbs_previews:before, .fotorama_shadows .fotorama__thumbs_previews:after, .fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft, .fotorama__thumb__dot, .fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft, .fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border, .fotorama__arr, .fotorama__fsi { -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); } .fotorama_shadows .fotorama__wrap:before, .fotorama_shadows .fotorama__wrap:after, .fotorama_shadows .fotorama__thumbs_previews:before, .fotorama_shadows .fotorama__thumbs_previews:after, .fotorama__thumb__dot, .fotorama__arr, .fotorama__fsi { -webkit-transition-duration: 333ms; -moz-transition-duration: 333ms; -o-transition-duration: 333ms; transition-duration: 333ms; } .fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft, .fotorama__thumb:hover .fotorama__thumb__dot, .fotorama__thumb_selected .fotorama__thumb__dot, .fotorama__thumb_selected:hover .fotorama__thumb__dot, .fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft, .fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border { -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0; } .fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft, .fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft, .fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .fullscreen, .fotorama__wrap, .fotorama__wrap_style_fade .fotorama__frame { background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, color-stop(0%, #f3f2f1), color-stop(12.8%, #f3f2f1), color-stop(100%, #cacac9)); background: -webkit-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px); background: -moz-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px); background: -o-radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px); background: radial-gradient(#f3f2f1, #f3f2f1 64px, #cacac9 500px); background-color: #cacac9; } .fotorama-outer, .fotorama__caption-outer { margin: 0; padding: 0; } .fotorama { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); *zoom: 1; position: relative; margin: 0; padding: 0; } .fotorama img { max-width: 99999px!important; min-width: 0!important; width: auto; } .fotorama:active, .fotorama:focus { outline: none; } .fullscreen { width: 100%!important; height: 100%!important; overflow: hidden !important; } .fullscreen * { visibility: hidden; overflow: visible; } .fotorama_fullscreen { visibility: visible; position: fixed!important; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; width: 100%!important; height: 100%!important; margin: auto!important; z-index: 2147483647!important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .fotorama_fullscreen * { visibility: visible; } .fotorama_fullscreen .fotorama__wrap, .fotorama_fullscreen .fotorama__thumbs { margin: 0 !important; } .fotorama_fullscreen.fotorama_fullscreen_quirks { position: absolute !important; } .fotorama__wrap { position: relative; overflow: hidden; *zoom: 1; margin: 0; padding: 0; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .fotorama__noise { top: 0; left: 0; bottom: 0; right: 0; position: absolute; } .fotorama_shadows .fotorama__wrap:before, .fotorama_shadows .fotorama__wrap:after, .fotorama_shadows .fotorama__thumbs_previews:before, .fotorama_shadows .fotorama__thumbs_previews:after { content: ""; display: block; position: absolute; text-decoration: none; top: 3px; bottom: 3px; width: 10px; height: auto; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; z-index: 10; *display: none !important; } .fotorama_shadows .fotorama__wrap:before, .fotorama_shadows .fotorama__thumbs_previews:before { -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.5) 2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px; left: -25px; } .fotorama_shadows .fotorama__wrap:after, .fotorama_shadows .fotorama__thumbs_previews:after { -webkit-box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px; -moz-box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.5) -2px 0 8px, rgba(0, 0, 0, 0.5) 0 0 3px; right: -25px; } .fotorama_shadows .fotorama__wrap_shadow:before, .fotorama_shadows .fotorama__thumbs_shadow:before { left: -10px; } .fotorama_shadows .fotorama__wrap_shadow:after, .fotorama_shadows .fotorama__thumbs_shadow:after { right: -10px; } .fotorama_shadows .fotorama__wrap_shadow_no-left:before, .fotorama_shadows .fotorama__thumbs_shadow_no-left:before { left: -25px; } .fotorama_shadows .fotorama__wrap_shadow_no-right:after, .fotorama_shadows .fotorama__thumbs_shadow_no-right:after { right: -25px; } .fotorama_shadows.fotorama_vertical .fotorama__wrap:before, .fotorama_shadows.fotorama_vertical .fotorama__wrap:after, .fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:before, .fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:after { top: auto; left: 3px; right: 3px; width: auto; height: 10px; -webkit-box-shadow: black,0,0,10px; -moz-box-shadow: black,0,0,10px; box-shadow: #000000, 0, 0, 10px; } .fotorama_shadows.fotorama_vertical .fotorama__wrap:before, .fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:before { -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px; top: -25px; } .fotorama_shadows.fotorama_vertical .fotorama__wrap:after, .fotorama_shadows.fotorama_vertical .fotorama__thumbs_previews:after { -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 8px, rgba(0, 0, 0, 0.5) 0 0 3px; bottom: -25px; } .fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow:before, .fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow:before { top: -10px; } .fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow:after, .fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow:after { bottom: -10px; } .fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow_no-left:before, .fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow_no-left:before { top: -25px; } .fotorama_shadows.fotorama_vertical .fotorama__wrap_shadow_no-right:after, .fotorama_shadows.fotorama_vertical .fotorama__thumbs_shadow_no-right:after { bottom: -25px; } .fotorama_shadows.fotorama_fullscreen .fotorama__wrap:before, .fotorama_shadows.fotorama_fullscreen .fotorama__wrap:after, .fotorama_shadows.fotorama_fullscreen .fotorama__thumbs_previews:before, .fotorama_shadows.fotorama_fullscreen .fotorama__thumbs_previews:after { display: none; } .fotorama__shaft { position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .fotorama_csstransitions .fotorama__wrap_style_touch * { -webkit-backface-visibility: hidden; } .fotorama_csstransitions .fotorama__wrap_style_touch .fotorama__shaft { -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; } .fotorama_csstransitions .fotorama__thumbs_previews * { -webkit-backface-visibility: hidden; } .fotorama__wrap_style_touch .fotorama__shaft { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; *cursor: move !important; } .fotorama__wrap_style_touch .fotorama__shaft_grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .fotorama__wrap_style_fade .fotorama__shaft, .fotorama_no-csstransitions .fotorama__shaft, .fotorama_no-csstransitions .fotorama__thumbs-shaft { -webkit-transform: translate(0, 0) !important; -moz-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .fotorama__wrap_with-div { border: 1px solid #7f7f7f; } .fotorama__thumbs { text-align: center; position: relative; min-height: 18px; margin: 0; padding: 0; font-size: 0; line-height: 0; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .fotorama_vertical .fotorama__thumbs { position: absolute; top: 0; left: 0; width: 18px; } .fotorama__thumbs-shaft { text-align: left; margin: 0; padding: 0; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; *display: inline; *zoom: 1; } .fotorama__thumb { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *vertical-align: auto; *display: inline; *zoom: 1; cursor: pointer; position: relative; width: 18px; height: 18px; margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } .fotorama__thumb__dot { display: block; width: 6px; height: 6px; position: relative; top: 6px; left: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background-color: #7f7f7f; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .fotorama__thumb:hover .fotorama__thumb__dot { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .fotorama__thumb_selected, .fotorama__thumb_selected:hover { cursor: default; } .fotorama__thumb_selected .fotorama__thumb__dot, .fotorama__thumb_selected:hover .fotorama__thumb__dot { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .fotorama__thumb_disabled { display: none; cursor: default; } .fotorama__thumbs_previews { overflow: hidden; background-color: #d2d2d1; } .fotorama__thumbs_previews .fotorama__thumbs-shaft { position: absolute; top: 0; left: 0; white-space: nowrap; } .fotorama__thumbs_previews .fotorama__thumb { width: auto; background: rgba(127, 127, 127, 0.25); } .fotorama__thumbs_previews .fotorama__thumb__img { width: auto; border: none; margin: 0; padding: 0; } .fotorama__thumbs_previews .fotorama__thumb-border { border: solid; border-color: #00d1ff #00afea #008ed6; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.25)), color-stop(100%, rgba(55, 55, 55, 0.05))); background: -webkit-linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05)); background: -moz-linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05)); background: -o-linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05)); background: linear-gradient(rgba(255, 255, 255, 0.25), rgba(55, 55, 55, 0.05)); background-color: rgba(175, 175, 175, 0.15); position: absolute; z-index: 10; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; display: none; } .fotorama_horizontal .fotorama__thumbs_previews .fotorama__thumb { margin-left: 0 !important; } .fotorama_vertical .fotorama__thumbs_previews .fotorama__thumb { float: none; display: block; margin-top: 0 !important; } .fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumbs-shaft { -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; } .fotorama_csstransitions .fotorama__thumbs_previews .fotorama__thumb-border { -webkit-transition-property: -webkit-transform, left, top, border, background, width, height; -moz-transition-property: -moz-transform, left, top, border, background, width, height; -o-transition-property: -o-transform, left, top, border, background, width, height; transition-property: transform left top border background width height; } .fotorama__frame { position: absolute; overflow: hidden; top: 0; left: 0; margin: 0; padding: 0; } .fotorama__frame * { z-index: 2; } .fotorama__frame_active { z-index: 5; } .fotorama__wrap_style_fade .fotorama__frame { left: 0 !important; } .fotorama__img { position: absolute; margin: 0!important; padding: 0!important; top: 0; left: 0; z-index: 1; } .fotorama_shadows .fotorama__img { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } .fotorama__arr { display: block; position: absolute; font-family: sans-serif; width: 44px; text-align: center; z-index: 10; color: white; -webkit-transition-property: opacity,margin; -moz-transition-property: opacity,margin; -o-transition-property: opacity,margin; transition-property: opacity margin; font-size: 18px; top: 50%; line-height: 72px; margin-top: -36px; text-shadow: black 0 0 5px; cursor: pointer; opacity: 0; font-style: normal!important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.15); } .fotorama__arr_prev { left: 0; margin-left: 0; } .fotorama__arr_next { left: 100%; margin-left: -44px; } .fotorama__arr_disabled { cursor: default; *display: none; } .fotorama_touch .fotorama__arr { opacity: 1!important; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .fotorama_touch .fotorama__arr_disabled { opacity: 0.11 !important; } .fotorama__wrap_mouseover .fotorama__arr { opacity: 0.6; } .fotorama__wrap_mouseover .fotorama__arr:hover, .fotorama__wrap_mouseover .fotorama__arr_hover { opacity: 1; text-shadow: #000000 0 0 5px, #000000 0 0 25px; } .fotorama__wrap_mouseover .fotorama__arr_prev, .fotorama_touch .fotorama__arr_prev { margin-left: 0; } .fotorama__wrap_mouseover .fotorama__arr_next, .fotorama_touch .fotorama__arr_next { margin-left: -44px; } .fotorama__wrap_mouseover .fotorama__arr_disabled, .fotorama__wrap_mouseover .fotorama__arr_disabled:hover, .fotorama_touch .fotorama__arr_disabled, .fotorama_touch .fotorama__arr_disabled:hover { opacity: 0.11; text-shadow: none; } .fotorama__wrap_mouseout .fotorama__arr { opacity: 0; } .fotorama__wrap_mouseout .fotorama__arr_prev { margin-left: -44px; } .fotorama__wrap_mouseout .fotorama__arr_next { margin-left: 0; } .fotorama__wrap_style_fade .fotorama__arr_prev { margin-left: 0; } .fotorama__wrap_style_fade .fotorama__arr_next { margin-left: -44px; } .fotorama_vertical .fotorama__arr { width: 72px; line-height: 44px; margin-top: 0; margin-left: 0; top: auto; left: 50%; margin-left: -36px; } .fotorama_vertical .fotorama__arr_prev { top: 0; margin-top: 0; } .fotorama_vertical .fotorama__arr_next { bottom: 0; margin-bottom: 0; } .fotorama_vertical .fotorama__wrap_mouseover .fotorama__arr_prev, .fotorama_vertical .fotorama_touch .fotorama__arr_prev { margin-top: 0; } .fotorama_vertical .fotorama__wrap_mouseover .fotorama__arr_next, .fotorama_vertical .fotorama_touch .fotorama__arr_next { margin-bottom: 0; } .fotorama_vertical .fotorama__wrap_mouseout .fotorama__arr_prev { margin-top: -44px; } .fotorama_vertical .fotorama__wrap_mouseout .fotorama__arr_next { margin-bottom: -44px; } .fotorama__caption { margin: 0.5em 0; white-space: normal; position: relative; } .fotorama__caption_overlay, .fotorama_fullscreen .fotorama__caption { background-color: #1e1d1c; color: white; z-index: 15; margin: 0; position: absolute; left: 0; bottom: 0; padding: 5px 10px; } .fotorama__fsi { position: absolute; width: 32px; height: 32px; right: 0; top: 0; opacity: 0; font-size: 0; line-height: 0; z-index: 20; cursor: pointer; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .fotorama__fsi .i0 { position: absolute; width: 32px; height: 32px; top: 0; left: 0; background: url("data:image/gif;base64,R0lGODlhAQABAIABAP///wAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="); border: none; } .fotorama__fsi i { position: absolute; width: 4px; height: 4px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; border: 1px solid #111111; } .fotorama__fsi .i1 .i1, .fotorama__fsi .i2 .i2, .fotorama__fsi .i3 .i3, .fotorama__fsi .i4 .i4 { width: 3px; height: 3px; border-color: #eee; top: 0; left: 0; margin: 0 !important; } .fotorama__fsi .i1 { top: 7px; left: 7px; border-right: none; border-bottom: none; margin: 2px 0 0 2px; } .fotorama__fsi .i2 { top: 7px; left: 18px; border-left: none; border-bottom: none; margin: 2px 0 0; } .fotorama__fsi .i3 { top: 18px; left: 18px; border-top: none; border-left: none; } .fotorama__fsi .i4 { top: 18px; left: 7px; border-right: none; border-top: none; margin: 0 0 0 2px; } .fotorama__fsi.fotorama__fsi_hover .i1, .fotorama__fsi.fotorama__fsi_hover .i2, .fotorama__fsi.fotorama__fsi_hover .i3, .fotorama__fsi.fotorama__fsi_hover .i4 { margin: 1px 0 0 1px; } .fotorama_fullscreen .fotorama__fsi .i1, .fotorama_fullscreen .fotorama__fsi .i2, .fotorama_fullscreen .fotorama__fsi .i3, .fotorama_fullscreen .fotorama__fsi .i4 { margin: 1px 0 0 1px; } .fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i1 { margin: 2px 0 0 2px; } .fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i2 { margin: 2px 0 0; } .fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i3 { margin: 0; } .fotorama_fullscreen .fotorama__fsi.fotorama__fsi_hover .i4 { margin: 0 0 0 2px; } .fotorama__wrap_mouseover .fotorama__fsi, .fotorama_touch .fotorama__fsi { opacity: 1; } .fotorama__state { position: absolute; width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; line-height: 32px; font-size: 32px; text-align: center; background-repeat: no-repeat; z-index: 6; top: 50%; left: auto; font-family: Georgia; } .fotorama__state svg { width: 32px; height: 32px; display: none; } .fotorama_vertical .fotorama__state { top: auto; left: 50%; } .fotorama_loading .fotorama__state span { top: -3px; } .fotorama_loading .fotorama__thumb-border { border-style: dashed; background: none; } .fotorama_error .fotorama__state { background-position: 0 0 !important; } .fotorama_error .fotorama__state svg { display: block; } .fotorama_error .fotorama__thumb-border { border-color: #ff002a #e50015 #c00!important; background: none; border-style: dashed; } .fotorama_error .fotorama__thumb_selected .fotorama__thumb__dot { background-color: #e50015!important; background-color: rgba(229, 0, 21, 0.5) !important; } /* WPStats */ img#wpstats { display: block; margin: 0 auto 20px; } /* Gravity Forms */ .wrapper .gform_wrapper select, .wrapper .gform_wrapper textarea, .wrapper .gform_wrapper input[type=text], .wrapper .gform_wrapper input[type=url], .wrapper .gform_wrapper input[type=email], .wrapper .gform_wrapper input[type=tel], .wrapper .gform_wrapper input[type=number], .wrapper .gform_wrapper input[type=password] { padding: 4px 6px; font-size: 14px; } .wrapper .gform_wrapper .gfield_checkbox li input[type=checkbox], .wrapper .gform_wrapper .gfield_radio li input[type=radio], .wrapper .gform_wrapper .gfield_checkbox li input { margin-left: 4px; } .wrapper .gform_wrapper .top_label .gfield_label { margin-top: 15px; font-weight: normal; } .wrapper .gform_wrapper .ginput_complex label, .wrapper .gform_wrapper .gfield_time_hour label, .wrapper .gform_wrapper .gfield_time_minute label, .wrapper .gform_wrapper .gfield_date_month label, .wrapper .gform_wrapper .gfield_date_day label, .wrapper .gform_wrapper .gfield_date_year label, .wrapper .gform_wrapper .instruction { font-size: 12px; letter-spacing: 0.5pt; } .wrapper .gform_wrapper img.ui-datepicker-trigger { margin-top: 6px; } .wrapper .gform_wrapper table.gfield_list td img { vertical-align: bottom; margin-bottom: 1px !important; } .wrapper .gform_wrapper .gf_progressbar_wrapper { border-bottom-style: solid; } .wrapper .gform_wrapper .gf_progressbar { height: 26px; background-image: none; border-width: 0; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .wrapper .gform_wrapper .percentbar_blue { height: 26px; line-height: 26px !important; font-size: 14px !important; background-image: none; background-color: #1698c5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fb3e6), to(#1698c5)); background-image: -webkit-linear-gradient(top, #1fb3e6, #1698c5); background-image: -moz-linear-gradient(top, #1fb3e6, #1698c5); background-image: linear-gradient(to bottom, #1fb3e6, #1698c5); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(0,0,0,.05); } .wrapper .gform_wrapper .gsection { font-size: 20px; line-height: 22px; border-bottom-style: solid; padding: 0 0 4px 0; margin: 32px 0 10px; } /* Entypo font styles */ @font-face { font-family: Entypo; src: url('fontfaces/Entypo/entypo.eot'); src: url('fontfaces/Entypo/entypo.eot?#iefix') format('embedded-opentype'), url('fontfaces/Entypo/entypo.woff') format('woff'), url('fontfaces/Entypo/entypo.ttf') format('truetype'), url('fontfaces/Entypo/entypo.svg#EntypoRegular') format('svg'); font-weight: normal; font-style: normal; } .icon:before { display: inline-block; vertical-align: -1px; font-family: Entypo; font-style: normal; font-weight: normal; margin-right: 2px; font-size: 20px; text-align: center; text-transform: none; } .icon.large:before { vertical-align: -3px; font-size: 30px; margin-right: 5px; } .icon.huge:before { vertical-align: -5px; font-size: 40px; margin-right: 10px; width: 40px; } .wrapper-icon { display: inline; line-height: .7em; } .icon.plus:before { content: '\2b'; } /* '+' */ .icon.minus:before { content: '\2d'; } /* '-' */ .icon.info:before { content: '\2139'; } /* 'ℹ' */ .icon.left-thin:before { content: '\2190'; } /* '←' */ .icon.up-thin:before { content: '\2191'; } /* '↑' */ .icon.right-thin:before { content: '\2192'; } /* '→' */ .icon.down-thin:before { content: '\2193'; } /* '↓' */ .icon.level-up:before { content: '\21b0'; } /* '↰' */ .icon.level-down:before { content: '\21b3'; } /* '↳' */ .icon.switch:before { content: '\21c6'; } /* '⇆' */ .icon.infinity:before { content: '\221e'; } /* '∞' */ .icon.plus-squared:before { content: '\229e'; } /* '⊞' */ .icon.minus-squared:before { content: '\229f'; } /* '⊟' */ .icon.home:before { content: '\2302'; } /* '⌂' */ .icon.keyboard:before { content: '\2328'; } /* '⌨' */ .icon.erase:before { content: '\232b'; } /* '⌫' */ .icon.pause:before { content: '\2389'; } /* '⎉' */ .icon.fast-forward:before { content: '\23e9'; } /* '⏩' */ .icon.fast-backward:before { content: '\23ea'; } /* '⏪' */ .icon.to-end:before { content: '\23ed'; } /* '⏭' */ .icon.to-start:before { content: '\23ee'; } /* '⏮' */ .icon.hourglass:before { content: '\23f3'; } /* '⏳' */ .icon.stop:before { content: '\25a0'; } /* '■' */ .icon.up-dir:before { content: '\25b4'; } /* '▴' */ .icon.youtube:before, .icon.play:before { content: '\25b6'; } /* '▶' */ .icon.right-dir:before { content: '\25b8'; } /* '▸' */ .icon.down-dir:before { content: '\25be'; } /* '▾' */ .icon.left-dir:before { content: '\25c2'; } /* '◂' */ .icon.adjust:before { content: '\25d1'; } /* '◑' */ .icon.cloud:before { content: '\2601'; } /* '☁' */ .icon.star:before { content: '\2605'; } /* '★' */ .icon.star-empty:before { content: '\2606'; } /* '☆' */ .icon.cup:before { content: '\2615'; } /* '☕' */ .icon.menu:before { content: '\2630'; } /* '☰' */ .icon.moon:before { content: '\263d'; } /* '☽' */ .icon.heart-empty:before { content: '\2661'; } /* '♡' */ .icon.heart:before { content: '\2665'; } /* '♥' */ .icon.note:before { content: '\266a'; } /* '♪' */ .icon.note-beamed:before { content: '\266b'; } /* '♫' */ .icon.layout:before { content: '\268f'; } /* '⚏' */ .icon.flag:before { content: '\2691'; } /* '⚑' */ .icon.tools:before { content: '\2692'; } /* '⚒' */ .icon.cog:before { content: '\2699'; } /* '⚙' */ .icon.attention:before { content: '\26a0'; } /* '⚠' */ .icon.flash:before { content: '\26a1'; } /* '⚡' */ .icon.record:before { content: '\26ab'; } /* '⚫' */ .icon.cloud-thunder:before { content: '\26c8'; } /* '⛈' */ .icon.tape:before { content: '\2707'; } /* '✇' */ .icon.flight:before { content: '\2708'; } /* '✈' */ .icon.email:before, .icon.mail:before { content: '\2709'; } /* '✉' */ .icon.pencil:before { content: '\270e'; } /* '✎' */ .icon.feather:before { content: '\2712'; } /* '✒' */ .icon.check:before { content: '\2713'; } /* '✓' */ .icon.cancel:before { content: '\2715'; } /* '✕' */ .icon.cancel-circled:before { content: '\2716'; } /* '✖' */ .icon.cancel-squared:before { content: '\274e'; } /* '❎' */ .icon.help:before { content: '\2753'; } /* '❓' */ .icon.quote:before { content: '\275e'; } /* '❞' */ .icon.plus-circled:before { content: '\2795'; } /* '➕' */ .icon.minus-circled:before { content: '\2796'; } /* '➖' */ .icon.right:before { content: '\27a1'; } /* '➡' */ .icon.direction:before { content: '\27a2'; } /* '➢' */ .icon.forward:before { content: '\27a6'; } /* '➦' */ .icon.ccw:before { content: '\27f2'; } /* '⟲' */ .icon.cw:before { content: '\27f3'; } /* '⟳' */ .icon.left:before { content: '\2b05'; } /* '⬅' */ .icon.up:before { content: '\2b06'; } /* '⬆' */ .icon.down:before { content: '\2b07'; } /* '⬇' */ .icon.list-add:before { content: '\e003'; } /* '' */ .icon.list:before { content: '\e005'; } /* '' */ .icon.left-bold:before { content: '\e4ad'; } /* '' */ .icon.right-bold:before { content: '\e4ae'; } /* '' */ .icon.up-bold:before { content: '\e4af'; } /* '' */ .icon.down-bold:before { content: '\e4b0'; } /* '' */ .icon.user-add:before { content: '\e700'; } /* '' */ .icon.help-circled:before { content: '\e704'; } /* '' */ .icon.info-circled:before { content: '\e705'; } /* '' */ .icon.eye:before { content: '\e70a'; } /* '' */ .icon.tag:before { content: '\e70c'; } /* '' */ .icon.upload-cloud:before { content: '\e711'; } /* '' */ .icon.reply:before { content: '\e712'; } /* '' */ .icon.reply-all:before { content: '\e713'; } /* '' */ .icon.code:before { content: '\e714'; } /* '' */ .icon.export:before { content: '\e715'; } /* '' */ .icon.print:before { content: '\e716'; } /* '' */ .icon.retweet:before { content: '\e717'; } /* '' */ .icon.comment:before { content: '\e718'; } /* '' */ .icon.chat:before { content: '\e720'; } /* '' */ .icon.vcard:before { content: '\e722'; } /* '' */ .icon.address:before { content: '\e723'; } /* '' */ .icon.location:before { content: '\e724'; } /* '' */ .icon.map:before { content: '\e727'; } /* '' */ .icon.compass:before { content: '\e728'; } /* '' */ .icon.trash:before { content: '\e729'; } /* '' */ .icon.doc:before { content: '\e730'; } /* '' */ .icon.doc-text-inv:before { content: '\e731'; } /* '' */ .icon.docs:before { content: '\e736'; } /* '' */ .icon.doc-landscape:before { content: '\e737'; } /* '' */ .icon.archive:before { content: '\e738'; } /* '' */ .icon.rss:before { content: '\e73a'; } /* '' */ .icon.share:before { content: '\e73c'; } /* '' */ .icon.basket:before { content: '\e73d'; } /* '' */ .icon.shareable:before { content: '\e73e'; } /* '' */ .icon.login:before { content: '\e740'; } /* '' */ .icon.logout:before { content: '\e741'; } /* '' */ .icon.volume:before { content: '\e742'; } /* '' */ .icon.resize-full:before { content: '\e744'; } /* '' */ .icon.resize-small:before { content: '\e746'; } /* '' */ .icon.popup:before { content: '\e74c'; } /* '' */ .icon.publish:before { content: '\e74d'; } /* '' */ .icon.window:before { content: '\e74e'; } /* '' */ .icon.arrow-combo:before { content: '\e74f'; } /* '' */ .icon.chart-pie:before { content: '\e751'; } /* '' */ .icon.language:before { content: '\e752'; } /* '' */ .icon.air:before { content: '\e753'; } /* '' */ .icon.database:before { content: '\e754'; } /* '' */ .icon.drive:before { content: '\e755'; } /* '' */ .icon.bucket:before { content: '\e756'; } /* '' */ .icon.thermometer:before { content: '\e757'; } /* '' */ .icon.down-circled:before { content: '\e758'; } /* '' */ .icon.left-circled:before { content: '\e759'; } /* '' */ .icon.right-circled:before { content: '\e75a'; } /* '' */ .icon.up-circled:before { content: '\e75b'; } /* '' */ .icon.down-open:before { content: '\e75c'; } /* '' */ .icon.left-open:before { content: '\e75d'; } /* '' */ .icon.right-open:before { content: '\e75e'; } /* '' */ .icon.up-open:before { content: '\e75f'; } /* '' */ .icon.down-open-mini:before { content: '\e760'; } /* '' */ .icon.left-open-mini:before { content: '\e761'; } /* '' */ .icon.right-open-mini:before { content: '\e762'; } /* '' */ .icon.up-open-mini:before { content: '\e763'; } /* '' */ .icon.down-open-big:before { content: '\e764'; } /* '' */ .icon.left-open-big:before { content: '\e765'; } /* '' */ .icon.right-open-big:before { content: '\e766'; } /* '' */ .icon.up-open-big:before { content: '\e767'; } /* '' */ .icon.progress-0:before { content: '\e768'; } /* '' */ .icon.progress-1:before { content: '\e769'; } /* '' */ .icon.progress-2:before { content: '\e76a'; } /* '' */ .icon.progress-3:before { content: '\e76b'; } /* '' */ .icon.back-in-time:before { content: '\e771'; } /* '' */ .icon.network:before { content: '\e776'; } /* '' */ .icon.inbox:before { content: '\e777'; } /* '' */ .icon.install:before { content: '\e778'; } /* '' */ .icon.lifebuoy:before { content: '\e788'; } /* '' */ .icon.mouse:before { content: '\e789'; } /* '' */ .icon.dot:before { content: '\e78b'; } /* '' */ .icon.dot-2:before { content: '\e78c'; } /* '' */ .icon.dot-3:before { content: '\e78d'; } /* '' */ .icon.suitcase:before { content: '\e78e'; } /* '' */ .icon.flow-cascade:before { content: '\e790'; } /* '' */ .icon.flow-branch:before { content: '\e791'; } /* '' */ .icon.flow-tree:before { content: '\e792'; } /* '' */ .icon.flow-line:before { content: '\e793'; } /* '' */ .icon.flow-parallel:before { content: '\e794'; } /* '' */ .icon.brush:before { content: '\e79a'; } /* '' */ .icon.paper-plane:before { content: '\e79b'; } /* '' */ .icon.magnet:before { content: '\e7a1'; } /* '' */ .icon.gauge:before { content: '\e7a2'; } /* '' */ .icon.traffic-cone:before { content: '\e7a3'; } /* '' */ .icon.cc:before { content: '\e7a5'; } /* '' */ .icon.cc-by:before { content: '\e7a6'; } /* '' */ .icon.cc-nc:before { content: '\e7a7'; } /* '' */ .icon.cc-nc-eu:before { content: '\e7a8'; } /* '' */ .icon.cc-nc-jp:before { content: '\e7a9'; } /* '' */ .icon.cc-sa:before { content: '\e7aa'; } /* '' */ .icon.cc-nd:before { content: '\e7ab'; } /* '' */ .icon.cc-pd:before { content: '\e7ac'; } /* '' */ .icon.cc-zero:before { content: '\e7ad'; } /* '' */ .icon.cc-share:before { content: '\e7ae'; } /* '' */ .icon.cc-remix:before { content: '\e7af'; } /* '' */ .icon.github:before { content: '\f300'; } /* '' */ .icon.github.circle:before { content: '\f301'; } /* '' */ .icon.flickr:before { content: '\f303'; } /* '' */ .icon.flickr.circle:before { content: '\f304'; } /* '' */ .icon.vimeo:before { content: '\f306'; } /* '' */ .icon.vimeo.circle:before { content: '\f307'; } /* '' */ .icon.twitter:before { content: '\f309'; } /* '' */ .icon.twitter.circle:before { content: '\f30a'; } /* '' */ .icon.facebook-alt:before { content: '\f30c'; } /* '' */ .icon.facebook.circle:before { content: '\f30d'; } /* '' */ .icon.facebook:before { content: '\f30e'; } /* '' */ .icon.google-plus:before, .icon.googleplus:before { content: '\f30f'; } /* '' */ .icon.google-plus.circle:before, .icon.googleplus.circle:before { content: '\f310'; } /* '' */ .icon.pinterest:before { content: '\f312'; } /* '' */ .icon.pinterest.circle:before { content: '\f313'; } /* '' */ .icon.tumblr:before { content: '\f315'; } /* '' */ .icon.tumblr.circle:before { content: '\f316'; } /* '' */ .icon.linkedin:before { content: '\f318'; } /* '' */ .icon.linkedin.circle:before { content: '\f319'; } /* '' */ .icon.dribbble:before { content: '\f31b'; } /* '' */ .icon.dribbble.circle:before { content: '\f31c'; } /* '' */ .icon.stumbleupon:before { content: '\f31e'; } /* '' */ .icon.stumbleupon.circle:before { content: '\f31f'; } /* '' */ .icon.last-fm:before, .icon.lastfm:before { content: '\f321'; } /* '' */ .icon.last-fm.circle:before, .icon.lastfm.circle:before { content: '\f322'; } /* '' */ .icon.rdio:before { content: '\f324'; } /* '' */ .icon.rdio.circle:before { content: '\f325'; } /* '' */ .icon.spotify:before { content: '\f327'; } /* '' */ .icon.spotify.circle:before { content: '\f328'; } /* '' */ .icon.qq:before { content: '\f32a'; } /* '' */ .icon.instagrem:before { content: '\f32d'; } /* '' */ .icon.dropbox:before { content: '\f330'; } /* '' */ .icon.evernote:before { content: '\f333'; } /* '' */ .icon.flattr:before { content: '\f336'; } /* '' */ .icon.skype:before { content: '\f339'; } /* '' */ .icon.skype.circle:before { content: '\f33a'; } /* '' */ .icon.renren:before { content: '\f33c'; } /* '' */ .icon.sina-weibo:before { content: '\f33f'; } /* '' */ .icon.paypal:before { content: '\f342'; } /* '' */ .icon.picasa:before { content: '\f345'; } /* '' */ .icon.soundcloud:before { content: '\f348'; } /* '' */ .icon.mixi:before { content: '\f34b'; } /* '' */ .icon.behance:before { content: '\f34e'; } /* '' */ .icon.google.circle:before { content: '\f351'; } /* '' */ .icon.vkontakte:before { content: '\f354'; } /* '' */ .icon.smashing:before { content: '\f357'; } /* '' */ .icon.db-shape:before { content: '\f600'; } /* '' */ .icon.sweden:before { content: '\f601'; } /* '' */ .icon.logo-db:before { content: '\f603'; } /* '' */ .icon.picture:before { content: '🌄'; } /* '\1f304' */ .icon.globe:before { content: '🌎'; } /* '\1f30e' */ .icon.leaf:before { content: '🍂'; } /* '\1f342' */ .icon.graduation-cap:before { content: '🎓'; } /* '\1f393' */ .icon.mic:before { content: '🎤'; } /* '\1f3a4' */ .icon.palette:before { content: '🎨'; } /* '\1f3a8' */ .icon.ticket:before { content: '🎫'; } /* '\1f3ab' */ .icon.video:before { content: '🎬'; } /* '\1f3ac' */ .icon.target:before { content: '🎯'; } /* '\1f3af' */ .icon.music:before { content: '🎵'; } /* '\1f3b5' */ .icon.trophy:before { content: '🏆'; } /* '\1f3c6' */ .icon.thumbs-up:before { content: '👍'; } /* '\1f44d' */ .icon.thumbs-down:before { content: '👎'; } /* '\1f44e' */ .icon.bag:before { content: '👜'; } /* '\1f45c' */ .icon.user:before { content: '👤'; } /* '\1f464' */ .icon.users:before { content: '👥'; } /* '\1f465' */ .icon.lamp:before { content: '💡'; } /* '\1f4a1' */ .icon.alert:before { content: '💥'; } /* '\1f4a5' */ .icon.water:before { content: '💦'; } /* '\1f4a6' */ .icon.droplet:before { content: '💧'; } /* '\1f4a7' */ .icon.credit-card:before { content: '💳'; } /* '\1f4b3' */ .icon.monitor:before { content: '💻'; } /* '\1f4bb' */ .icon.briefcase:before { content: '💼'; } /* '\1f4bc' */ .icon.floppy:before { content: '💾'; } /* '\1f4be' */ .icon.cd:before { content: '💿'; } /* '\1f4bf' */ .icon.folder:before { content: '📁'; } /* '\1f4c1' */ .icon.doc-text:before { content: '📄'; } /* '\1f4c4' */ .icon.calendar:before { content: '📅'; } /* '\1f4c5' */ .icon.chart-line:before { content: '📈'; } /* '\1f4c8' */ .icon.chart-bar:before { content: '📊'; } /* '\1f4ca' */ .icon.clipboard:before { content: '📋'; } /* '\1f4cb' */ .icon.attach:before { content: '📎'; } /* '\1f4ce' */ .icon.bookmarks:before { content: '📑'; } /* '\1f4d1' */ .icon.book:before { content: '📕'; } /* '\1f4d5' */ .icon.open-book:before { content: '📖'; } /* '\1f4d6' */ .icon.phone:before { content: '📞'; } /* '\1f4de' */ .icon.megaphone:before { content: '📣'; } /* '\1f4e3' */ .icon.upload:before { content: '📤'; } /* '\1f4e4' */ .icon.download:before { content: '📥'; } /* '\1f4e5' */ .icon.box:before { content: '📦'; } /* '\1f4e6' */ .icon.newspaper:before { content: '📰'; } /* '\1f4f0' */ .icon.mobile:before { content: '📱'; } /* '\1f4f1' */ .icon.signal:before { content: '📶'; } /* '\1f4f6' */ .icon.camera:before { content: '📷'; } /* '\1f4f7' */ .icon.shuffle:before { content: '🔀'; } /* '\1f500' */ .icon.loop:before { content: '🔁'; } /* '\1f501' */ .icon.arrows-ccw:before { content: '🔄'; } /* '\1f504' */ .icon.light-down:before { content: '🔅'; } /* '\1f505' */ .icon.light-up:before { content: '🔆'; } /* '\1f506' */ .icon.mute:before { content: '🔇'; } /* '\1f507' */ .icon.sound:before { content: '🔊'; } /* '\1f50a' */ .icon.battery:before { content: '🔋'; } /* '\1f50b' */ .icon.search:before { content: '🔍'; } /* '\1f50d' */ .icon.key:before { content: '🔑'; } /* '\1f511' */ .icon.lock:before { content: '🔒'; } /* '\1f512' */ .icon.lock-open:before { content: '🔓'; } /* '\1f513' */ .icon.bell:before { content: '🔔'; } /* '\1f514' */ .icon.bookmark:before { content: '🔖'; } /* '\1f516' */ .icon.link:before { content: '🔗'; } /* '\1f517' */ .icon.back:before { content: '🔙'; } /* '\1f519' */ .icon.flashlight:before { content: '🔦'; } /* '\1f526' */ .icon.chart-area:before { content: '🔾'; } /* '\1f53e' */ .icon.clock:before { content: '🕔'; } /* '\1f554' */ .icon.rocket:before { content: '🚀'; } /* '\1f680' */ .icon.block:before { content: '🚫'; } /* '\1f6ab' */ /* Font Awesome styles */ @font-face { font-family: FontAwesome; src: url('fontfaces/FontAwesome/fontawesome-webfont.eot?v=3.0.1'); src: url('fontfaces/FontAwesome/fontawesome-webfont.eot?v=3.0.1#iefix') format('embedded-opentype'), url('fontfaces/FontAwesome/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('fontfaces/FontAwesome/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-size: inherit; font-style: normal; display: inline-block; text-decoration: inherit; } a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } .icon-large:before { vertical-align: -1px; font-size: 20px; margin-right: 6px; } .icon-huge:before { vertical-align: -8px; font-size: 40px; margin-right: 8px; } .btn [class^="icon-"], .btn [class*=" icon-"] { line-height: .9em; } li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { width: 1.875em; } li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none; } li[class^="icon-"]:before, li[class*=" icon-"]:before, *[class^="icon-text"]:before, *[class*=" icon-text"]:before { text-indent: -2em; text-align: center; } *[class^="icon-text"]:before, *[class*=" icon-text"]:before { text-indent: -1.5em; } li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -1.3333333333333333em; } .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-mail:before, .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible!important; -webkit-animation-name: flip; -moz-backface-visibility: visible!important; -moz-animation-name: flip; -o-backface-visibility: visible!important; -o-animation-name: flip; backface-visibility: visible!important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible!important; -moz-animation-name: flipInX; -o-backface-visibility: visible!important; -o-animation-name: flipInX; backface-visibility: visible!important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible!important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible!important; -o-animation-name: flipOutX; -o-backface-visibility: visible!important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible!important; -moz-animation-name: flipInY; -o-backface-visibility: visible!important; -o-animation-name: flipInY; backface-visibility: visible!important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible!important; -moz-animation-name: flipOutY; -o-backface-visibility: visible!important; -o-animation-name: flipOutY; backface-visibility: visible!important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(0.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(0.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(0.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(0.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: 0.5s; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.lightSpeedOut { -webkit-animation-duration: .25s; -moz-animation-duration: .25s; -o-animation-duration: .25s; animation-duration: 0.25s; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } .animated.wiggle { -webkit-animation-duration: .75s; -moz-animation-duration: .75s; -o-animation-duration: .75s; animation-duration: 0.75s; } .header-full-width #branding { background-color: #FFFFFF !important; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .header-full-width #branding, .header-boxed #branding .inner { border-bottom: 1px solid #d5d5d5; } .menu-line-color.header-full-width #branding, .menu-line-color.header-boxed #branding .inner { border-bottom-color: #18a3d3; } #branding.fixed { position: fixed; z-index: 10002; left: 0; top: 0; right: 0; top: 28px; opacity: .95; } .logo-on-top #branding.fixed #site-title { display: none; } .header-boxed #branding.fixed { background: #ffffff; } #branding:after { content: ''; display: table; clear: both; } .logo-on-top #branding hgroup { text-align: center; float: none; margin-right: 0; } #branding hgroup { float: left; width: 25%; margin-top: 4px; margin-bottom: 6px !important; position:relative; z-index:999; } #site-title a { font-size: 28px; line-height: 24px; font-weight: normal; text-decoration: none; color: #555555; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } #site-title a:hover, #site-title a:focus, #site-title a:active { color: #18a3d3; } #site-title img { vertical-align: top; max-width: 100%; height: auto; display: block; } #site-description { font-size: 11px; line-height: 16px; color: #4eb6da; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } /* Search Form */ #branding #searchform { float: right; *float: none; width: 50px; margin-top: 20px; margin-right: -10px; overflow: hidden; } #branding .searchform-inner { width: 220px; } #branding #s { float: right; width: 156px; margin: 0; padding: 4px 6px 4px 6px; background-image: none; } #branding .icon { float: left; line-height: 30px; height: 30px; padding: 0 15px; cursor: pointer; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } #branding .icon:hover, #branding .icon.focus { color: #18a3d3; } #branding .icon:before { font-size: 18px; } #branding #searchsubmit { display: none; } #branding.small hgroup { margin-top: 10px; } #branding.small #searchform { margin-top: 10px; } .logo-on-top #branding.small #searchform { margin-top: 8px; margin-bottom: 8px; } /*.small #access a { line-height: 45px ; }*/ .small #access li.current_page_item > a, .small #access li. :hover > a {height: 42px;} .buttons-menu .small #branding hgroup { margin-bottom: 10px; } .buttons-menu .small #access a { margin-top: 0; margin-bottom: 6px; } .buttons-menu #access, #access { display: block; position: relative; margin-left: 0px; z-index: 500; /* Floating Menu */ } .buttons-menu #access ul, #access ul { font-size: 14px; list-style: none; margin: 0; padding-left: 0; float: right; } .buttons-menu #access.right ul, #access.right ul { float: right; } .buttons-menu #access li, #access li { float: left; position: relative; border-right: 1px solid #ccc; } .buttons-menu #access a, #access a { text-decoration: none; display: block; padding: 0 50px; line-height: 67px; margin-bottom: 0; color: #444444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-family:'ProximaNova-Semibold'; font-size: 16px; text-transform: uppercase; } .buttons-menu #access .menu-item-with-submenu > a:after, #access .menu-item-with-submenu > a:after { font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 11px; line-height: 11px; vertical-align: 1px; display: inline-block; content: "\f078"; padding-left: 6px; max-width: 10px; color: #777777; } .buttons-menu #access li:hover > a, #access li:hover > a, .buttons-menu #access li:hover > a:after, #access li:hover > a:after, .buttons-menu #access a:focus, #access a:focus { color: #2085bb; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .buttons-menu #access li.current_page_item > a, #access li.current_page_item > a, .buttons-menu #access li.current_page_item:hover > a, #access li.current_page_item:hover > a { height: 90px !important; border-bottom: 3px solid #3260aa; color: #3260aa; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .buttons-menu #access li.current_page_item:hover > a:after, #access li.current_page_item:hover > a:after { color: #18a3d3; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .buttons-menu #access li > a:active, #access li > a:active { background-color: rgba(0, 0, 0, 0.05); color: #18a3d3; -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15); -webkit-transition: box-shadow 0.1s linear; -moz-transition: box-shadow 0.1s linear; -o-transition: box-shadow 0.1s linear; transition: box-shadow 0.1s linear; } .buttons-menu #access ul li:hover > ul, #access ul li:hover > ul, .buttons-menu #access ul li.hover > ul, #access ul li.hover > ul { display: block; } .buttons-menu #access ul ul, #access ul ul { display: none; float: left; margin: 0; margin-top: -3px; border-top: 3px solid #18a3d3; position: absolute; top: 100%; left: 0; width: 190px; z-index: 99999; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .buttons-menu #access ul ul li, #access ul ul li { margin: 0; padding: 0; } .buttons-menu #access ul ul ul, #access ul ul ul { border-top-width: 0; left: 100%; margin-left: -2px; top: 0; } .buttons-menu #access ul ul a, #access ul ul a { font-size: 14px; height: auto !important; line-height: 16px !important; margin: 0 !important; -webkit-border-radius: 0; border-radius: 0; padding: 8px 18px 7px; border-bottom: 1px solid #e4e4e4 !important; width: 154px; background: #eeeeee; color: #444444; text-shadow: none; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } .buttons-menu #access ul ul li:last-child > a, #access ul ul li:last-child > a { border-bottom-width: 0 !important; } .buttons-menu #access ul ul .menu-item-with-submenu > a:after, #access ul ul .menu-item-with-submenu > a:after { font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 11px; line-height: 17px; display: block; float: right; margin-right: -5px; content: "\f054"; max-width: 10px; color: #999999; } .buttons-menu #access ul ul :hover > a, #access ul ul :hover > a, .buttons-menu #access ul ul a:hover, #access ul ul a:hover, .buttons-menu #access ul ul li > a:active, #access ul ul li > a:active { background-color: #1591bc; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fb3e6), to(#1591bc)); background-image: -webkit-linear-gradient(top, #1fb3e6, #1591bc); background-image: -moz-linear-gradient(top, #1fb3e6, #1591bc); background-image: linear-gradient(to bottom, #1fb3e6, #1591bc); background-repeat: repeat-x; -webkit-box-shadow: none; box-shadow: none; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } .buttons-menu #access ul ul :hover > a:after, #access ul ul :hover > a:after, .buttons-menu #access ul ul a:hover:after, #access ul ul a:hover:after, .buttons-menu #access ul ul li > a:active:after, #access ul ul li > a:active:after { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } .buttons-menu #access ul ul li.current_page_item > a, #access ul ul li.current_page_item > a, .buttons-menu #access ul ul li.current_page_item:hover > a, #access ul ul li.current_page_item:hover > a { padding-bottom: 7px !important; border-bottom-color: #e1e1e1; background: #e1e1e1 !important; color: #777777; -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15); text-shadow: none; } .buttons-menu #access ul ul li.current_page_item > a:after, #access ul ul li.current_page_item > a:after, .buttons-menu #access ul ul li.current_page_item:hover > a:after, #access ul ul li.current_page_item:hover > a:after { color: #999999; } .buttons-menu #access ul ul li > a:active, #access ul ul li > a:active { background-image: none; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } /* Buttons Style Menu */ .buttons-menu #access a { line-height: 34px; height: 34px !important; margin: 18px 0; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 4px !important; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } .buttons-menu #access li:hover > a, .buttons-menu #access a:focus { background-color: #1591bc; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1fb3e6), to(#1591bc)); background-image: -webkit-linear-gradient(top, #1fb3e6, #1591bc); background-image: -moz-linear-gradient(top, #1fb3e6, #1591bc); background-image: linear-gradient(to bottom, #1fb3e6, #1591bc); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.15); color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } .buttons-menu #access li:hover > a:after { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } .buttons-menu #access li.current_page_item > a, .buttons-menu #access li.current_page_item:hover > a { border-bottom-width: 0; background-color: rgba(0, 0, 0, 0.02); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.12)), to(rgba(0, 0, 0, 0.02))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.02)); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.15), inset 0 -1px 0px rgba(255,255,255,.25); box-shadow: inset 0 1px 2px rgba(0,0,0,.15), inset 0 -1px 0px rgba(255,255,255,.25); color: #444444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .buttons-menu #access li > a:active { background: #1591bc; -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.15); } /* Responsive Menu Switcher */ #responsive-menu-switcher { display: none; float: right; } .buttons-menu #responsive-menu-switcher a, #responsive-menu-switcher a { font-size: 18px; height: auto !important; line-height: 30px !important; margin: 0 !important; padding: 0 18px; -webkit-border-radius: 0 !important; border-radius: 0 !important; border-right: 1px solid #d9d9d9; color: #999999 !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .search-disabled #responsive-menu-switcher a { border-right-width: 0 !important; } #responsive-menu-switcher a:hover { color: #18a3d3 !important; } #responsive-menu-switcher a:active, #responsive-menu-switcher a.active { border-right-width: 0; margin-right: 1px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; background-color: #98d0e3; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18a3d3), to(#98d0e3)); background-image: -webkit-linear-gradient(top, #18a3d3, #98d0e3); background-image: -moz-linear-gradient(top, #18a3d3, #98d0e3); background-image: linear-gradient(to bottom, #18a3d3, #98d0e3); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.5); box-shadow: inset 0 1px 3px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.5); color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important; } /* Responsive Menu */ .responsive-menu { display: none; margin: 0 0 20px; border-top: 3px solid #18a3d3; background: #eeeeee; } .responsive-menu ul { font-size: 14px; list-style: none; margin: 0; padding-left: 0; } .responsive-menu li { position: relative; } .responsive-menu a { font-weight: bold; text-decoration: none; display: block; padding: 5px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #444444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .responsive-menu .menu-item-with-submenu > a:after { font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 11px; line-height: 11px; display: inline-block; content: "\f078"; padding-left: 6px; max-width: 10px; } .responsive-menu li > a:active { background: #e1e1e1 !important; -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2); } .responsive-menu li.current_page_item > a, .responsive-menu li.current_page_item:hover > a { background: #e1e1e1 !important; color: #777777; -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15); } .responsive-menu ul ul { margin: 0; } .responsive-menu ul ul a { padding-left: 30px; } .responsive-menu ul ul ul a { padding-left: 40px; } .wide .responsive-menu, .wide .responsive-menu > ul > li:last-child > a { margin: 0; } /* Top Bar */ #top-bar { font-size: 11px; padding: 4px 0; border-bottom: 1px solid #e6e6e6; background: #ffffff; color: #777777; } #top-bar .left { float: left; line-height: 28px; } #top-bar .left .icon:before { vertical-align: top; font-size:14px; color: #0B66A8; } #top-bar .right { text-align: right; float: right; } #top-bar #top-bar-menu ul { list-style: none; margin: 0; padding: 0; } #top-bar #top-bar-menu li { display: inline; font-weight: normal; } #top-bar #top-bar-menu a { padding: 0 5px; } #top-bar .widget { float: right; margin: 0; } #top-bar .widget_social a { margin-bottom: 0; color: #444444; } #top-bar a { color: #444444; text-shadow: none; font-family:'ProximaNova-Bold'; /*font-family:Helvetica1;*/ } #top-bar a:hover { color: #18a3d3; } #top-bar #language-flags { margin-top: 7px; } #top-bar #language-flags ul { list-style: none; margin: 0; padding: 0; } #top-bar #language-flags ul li { float: left; margin-left: 8px; overflow: hidden; } #top-bar #language-flags ul li img { opacity: 1; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; } #top-bar #language-flags ul li a img { opacity: 0.5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #top-bar #language-flags ul li img:hover { opacity: 1; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } /* Breadcrumbs */ #breadcrumbs { position: relative; margin: -10px 0 10px; font-size: 11px; } #breadcrumbs .separator:after { font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 14px; line-height: 14px; vertical-align: -1px; display: inline-block; content: "\f105"; padding: 0 2px; color: #a2a2a2; } /* Content */ #main { clear: both; *zoom: 1; margin-top:0; } #main:before, #main:after { display: table; content: ""; line-height: 0; } #main:after { clear: both; } .page-header { margin-bottom: 30px; } .page-title { font-size: 22px; margin: 10px 0 10px; } .hentry:before, .hentry:after { content: ''; display: table; } .hentry:after { clear: both; } .hentry { zoom: 1; } .hentry, .singular .hentry .hentry { margin: 0 0 40px; position: relative; } .hentry footer .inner, .singular .hentry .hentry footer .inner { padding: 0 0 45px; border-bottom: 1px solid #d9d9d9; } .singular .hentry { margin-bottom: 0; } .singular .hentry footer .inner { padding-bottom: 0; border-bottom-width: 0; } .blog .sticky .entry-header .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .entry-header h3 { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .entry-title, .entry-content .entry-title { font-size: 26px; line-height: 1.2em; margin: 0; } h1.entry-title, .entry-content h1.entry-title { font-size: 40px; line-height: 1em; font-family:'ProximaNova-Extrabold'; } .entry-title, .entry-title a { text-decoration: none; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #18a3d3; } .entry-title .icon { position: absolute; left: -40px; opacity: .5; } .boxed .entry-title .icon { position: static; left: 0; } .entry-title .icon:before { font-size: 28px; margin-right: 6px; margin-bottom: 6px; } .entry-content, .entry-summary { padding: 0px 0 10px; } .format-aside .entry-content { padding-top: 0; } .format-link .entry-content a { font-size: 16px; font-weight: bold; } .entry-content:before, .entry-content:after { content: ''; display: table; } .entry-content:after { clear: both; } /* .entry-content { zoom: 1; background:url(images/bookme.png) no-repeat right top ; } */ .entry-header .entry-meta { margin-top: 2px; } .entry-header .entry-meta a { font-weight: normal; font-size: 11px; } .entry-meta { font-size: 12px; line-height: 18px; } footer.entry-meta { clear: both; } .entry-meta .edit-link, .entry-meta .comments-link { float: right; } .entry-meta a { font-weight: bold; } .entry-meta .comments-link a { margin-top: -1px; } .entry-meta [class^="icon-"]:before { color: #a2a2a2; } /* Entry Meta Tag Links */ .entry-meta .tag-links { margin-left: 5px; } .entry-meta .tag-links .icon-tags { margin-right: 4px; } .entry-meta .tag-links a, .tagcloud a { font-weight: bold !important; font-size: 11px; text-decoration: none !important; display: inline-block; *display: inline; *zoom: 1; position: relative; height: 20px; line-height: 20px; padding: 0 6px; color: #444 !important; text-shadow: 0 1px 0 #fff; margin-right: 7px; margin-left: 10px; margin-bottom: 5px; background: url('images/tags-bg.png') repeat-x 0 -20px; background-size: 22px 120px; } .tagcloud a { font-size: 11px !important; } .entry-meta .tag-links a:before, .entry-meta .tag-links a:after, .tagcloud a:before, .tagcloud a:after { content: ''; top: 0; bottom: 0; display: block; position: absolute; background: url('images/tags-bg.png') no-repeat 0 0; background-size: 22px 120px; } .entry-meta .tag-links a:before, .tagcloud a:before { width: 12px; left: -12px; background-position: 0 0; } .entry-meta .tag-links a:after, .tagcloud a:after { width: 4px; right: -4px; background-position: right 0; } .entry-meta .tag-links a:hover, .tagcloud a:hover { background-position: 0 -60px; } .entry-meta .tag-links a:hover:before, .tagcloud a:hover:before { background-position: 0 -40px; } .entry-meta .tag-links a:hover:after, .tagcloud a:hover:after { background-position: right -40px; } .entry-meta .tag-links a:active, .tagcloud a:active { background-position: 0 -100px; } .entry-meta .tag-links a:active:before, .tagcloud a:active:before { background-position: 0 -80px; } .entry-meta .tag-links a:active:after, .tagcloud a:active:after { background-position: right -80px; } .single-author .entry-meta .by-author { display: none; } .entry-meta .social { text-align: right; border: 1px solid #d9d9d9; -webkit-border-radius: 2px; border-radius: 2px; padding: 8px 20px 2px; margin-bottom: 20px; background-color: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(to bottom, #fafafa, #f1f1f1); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 1px rgba(0,0,0,.1); } .social .socialite { float: right; } .social .socialite { display: block; margin-bottom: 6px; position: relative; background: url('images/social-sprite.png') 0 0 no-repeat; } .social .socialite span.shidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .social .socialite-loaded { background: none !important; } .social .twitter-share { width: 107px; height: 20px; background-position: 100% 0; } .social .facebook-like { width: 75px; height: 20px; background-position: 0 -22px; overflow: hidden; } .social .googleplus-one { width: 88px; height: 20px; background-position: 0 -44px; } .social .pinterest-pinit { width: 40px; height: 20px; background-position: 0 -66px; margin-right: 30px; } .social .vkontakte-like { width: 100px; height: 20px; background-position: 0 -88px; margin-right: 20px; } /* Entry Image */ .entry-image { text-align: center; margin: 20px 0; } .entry-image img { width: auto; } .single-post .entry-image, .entry-below .entry-image { margin-bottom: 0; } .entry-right .entry-image { float: right; margin-left: 20px; margin-top: 5px; margin-bottom: 20px; } .entry-left .entry-image { float: left; margin-top: 5px; margin-right: 20px; margin-bottom: 20px; } /* Content & Comment Headers */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 { color: #000000; } .entry-content .two-fifth h3{ color: #5e5e5e; font-family:'ProximaNova-Extrabold'; font-size:28px !important} .entry-content .three-fifth h3{ color: #5e5e5e; font-family:'ProximaNova-Extrabold'; font-size:28px !important} .entry-content h1, .comment-content h1, #feature h1 { font-size: 30px; line-height: 34px; margin: 0 0 20px; } .entry-content h2, .comment-content h2, #feature h2 { font-size: 24px; line-height: 30px; margin: 0 0 15px; } .entry-content h2.widgettitle { font-size: 20px; font-weight: normal; line-height: 26px; margin-bottom: 15px; } .entry-content h3, .comment-content h3, #feature h3 { font-size: 22px; line-height: 26px; margin: 0 0 14px; } .entry-content h4, .comment-content h4, #feature h4 { font-size: 20px; line-height: 22px; margin: 0 0 12px; } .entry-content h5, .comment-content h5, #feature h5 { font-size: 16px; line-height: 18px; margin: 0 0 11px; /*font-family: 'HelveticaNeueLTStd-MdCn';*/ font-style: italic; color: black !important; font-weight: 500 !important; } .entry-content h6, .comment-content h6, #feature h6 { font-size: 14px; font-weight: normal; line-height: 16px; margin: 0 0 10px; } /* Table */ .entry-content table, .comment-content table { margin-bottom: 20px; width: 100%; } .entry-content th, .comment-content th { font-weight: bold; padding: 6px 10px 6px; background-color: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(to bottom, #fafafa, #f1f1f1); background-repeat: repeat-x; color: #444444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .entry-content thead th { border-bottom: 1px solid #d9d9d9; } .entry-content th:first-child, .comment-content th:first-child { -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .entry-content th:last-child, .comment-content th:last-child { -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .entry-content td, .comment-content td { padding: 6px 10px 6px; border-top: 1px solid #d9d9d9; } .entry-content tbody tr:first-child td, .comment-content tbody tr:first-child td { border-top-width: 0; } .entry-content #s { width: 75%; } .comment-content ul, .comment-content ol { margin-bottom: 20px; } .comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul { margin-bottom: 0; } dl.gallery-item { margin: 0; } .entry-content .read-more-link { margin-top: 5px; margin-bottom: 25px; } .entry-meta .edit-link a, .commentlist .edit-link a { float: right; margin-right: 10px; } /* Blog Columns */ .blog-columns .entry-title .icon { position: static; left: 0; } .blog-columns .content-block { margin: 20px 0; padding: 15px 0; } /* Two Columns */ #primary .blog-columns.two-columns { margin-right: -2%; } #primary .blog-columns.two-columns article { vertical-align: top; display: inline-block; max-width: 460px; width: 48%; margin-right: 2%; } /* Three Columns */ #primary .blog-columns.three-columns { margin-right: -2%; } #primary .blog-columns.three-columns article { vertical-align: top; display: inline-block; max-width: 300px; width: 31%; margin-right: 2%; } /* Four Columns */ #primary .blog-columns.four-columns { margin-right: -2%; } #primary .blog-columns.four-columns article { vertical-align: top; display: inline-block; max-width: 220px; width: 22.5%; margin-right: 2%; } /* Password Protected */ .post-password-required input[type=password] { margin: 10px 0; } /* 404 Error */ .error404 #main #searchform { margin: 20px 0; } /* Custom */ a .icon-angle-right:before { margin-left: 3px; font-size: 20px; vertical-align: -2px; } /* Custom Scrollbar */ .custom-scrollbar:not(iframe)::-webkit-scrollbar { width: 12px; height: 12px; } .custom-scrollbar:not(iframe)::-webkit-scrollbar-button:vertical:end:increment, .custom-scrollbar:not(iframe)::-webkit-scrollbar-button:vertical:start:decrement, .custom-scrollbar:not(iframe)::-webkit-scrollbar-button:horizontal:start:decrement, .custom-scrollbar:not(iframe)::-webkit-scrollbar-button:horizontal:end:increment { display: none; } .custom-scrollbar:not(iframe)::-webkit-scrollbar-track { background-color: #ffffff; } .custom-scrollbar:not(iframe)::-webkit-scrollbar-track:hover { background-color: #f2f2f2; } .custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:vertical, .custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:horizontal { background-color: #d9d9d9; border: 1px solid #bfbfbf; -webkit-transition: all 0.3s ease-out; } .custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:vertical:hover, .custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:horizontal:hover { border-width: 0; background: #18a3d3; } .custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:vertical:active, .custom-scrollbar:not(iframe)::-webkit-scrollbar-thumb:horizontal:active { background: #1591bc; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.65); box-shadow: inset 0 1px 3px rgba(0,0,0,.65); } .custom-scrollbar:not(iframe)::-webkit-scrollbar-corner { background: none; } /* Responsive images */ .entry-content img, .entry-image img, .comment-content img, .widget img { max-width: 100%; } img[class*='align'], img[class*='wp-image-'], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { max-width: 100%; height: auto; } .ie8 img.size-full, .ie8 img.size-large, .ie8 img.wp-post-image { width: auto; } /* Make sure videos and embeds fit their containers */ embed, iframe, object, video { max-width: 100%; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft, .wp-caption.alignleft { margin: 15px 20px 15px 0; } img.alignright, .wp-caption.alignright { margin: 15px 0 15px 20px; } img.aligncenter { margin-top: 15px; margin-bottom: 15px; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { -webkit-border-radius: 2px; border-radius: 2px; } img.shadow { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .wp-caption { max-width: 100%; margin-top: 10px; margin-bottom: 20px; padding: 10px 10px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; border-radius: 3px; background-color: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(to bottom, #fafafa, #f1f1f1); background-repeat: repeat-x; } .wp-caption img { display: block; margin: 0 auto; max-width: 100%; -webkit-border-radius: 2px; border-radius: 2px; } .wp-caption .wp-caption-text, .gallery-caption { font-size: 12px; color: #9b9b9b; } .wp-caption .wp-caption-text { margin: 0; padding: 6px 0 0 10px; position: relative; } img.wp-smiley, .rsswidget img { border: 0; -webkit-border-radius: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Gallery */ .gallery { display: block; clear: both; margin: 0 auto; } .gallery .gallery-row { display: block; clear: both; margin: 0; } .gallery .gallery-image { opacity: 0; visibility: hidden; } .gallery .gallery-item { text-align: center; list-style: none; float: left; margin: 0 0 20px; padding: 0; } .gallery .gallery-image-wrap { overflow: hidden; position: relative; } .gallery .gallery-item img, .gallery .gallery-item img.thumbnail { max-width: 96%; display: block; height: auto; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .gallery .gallery-item img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .gallery-caption { margin-top: 5px; margin-bottom: 0; } /* Image sizes depending on the number of columns */ .gallery .col-0 { width: 100%; } .gallery .col-1 { width: 100%; } .gallery .col-2 { width: 50%; } .gallery .col-3 { width: 33.33%; } .gallery .col-4 { width: 25%; } .gallery .col-5 { width: 20%; } .gallery .col-6 { width: 16.66%; } .gallery .col-7 { width: 14.28%; } .gallery .col-8 { width: 12.5%; } .gallery .col-9 { width: 11.11%; } .gallery .col-10 { width: 10%; } .gallery .col-11 { width: 9.09%; } .gallery .col-12 { width: 8.33%; } .gallery .col-13 { width: 7.69%; } .gallery .col-14 { width: 7.14%; } .gallery .col-15 { width: 6.66%; } .gallery .col-16 { width: 6.25%; } .gallery .col-17 { width: 5.88%; } .gallery .col-18 { width: 5.55%; } .gallery .col-19 { width: 5.26%; } .gallery .col-20 { width: 5%; } .gallery .col-21 { width: 4.76%; } .gallery .col-22 { width: 4.54%; } .gallery .col-23 { width: 4.34%; } .gallery .col-24 { width: 4.16%; } .gallery .col-25 { width: 4%; } .gallery .col-26 { width: 3.84%; } .gallery .col-27 { width: 3.7%; } .gallery .col-28 { width: 3.57%; } .gallery .col-29 { width: 3.44%; } .gallery .col-30 { width: 3.33%; } .col-8 img, .col-9 img, .col-10 img, .col-11 img, .col-12 img, .col-13 img, .col-14 img, .col-15 img, .col-16 img, .col-17 img, .col-18 img, .col-19 img, .col-20 img, .col-21 img, .col-22 img, .col-23 img, .col-24 img, .col-25 img, .col-26 img, .col-27 img, .col-28 img, .col-29 img, .col-30 img { padding: 4px !important; } /* Gmap Image Fix */ .gmap img { max-width: none; } /* Portfolio Image & Image Frame Overlay Icons */ .image-frame img { width: 100% \0/; } @-moz-document url-prefix() { .image-frame img { width: 100%; } } .portfolio .overlay, .image-frame .overlay { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(24, 163, 211, 0.35); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .image-frame a { position: relative; display: block; } .portfolio.border .overlay, .portfolio.block .overlay { -webkit-border-radius: 2px; border-radius: 2px; } .portfolio .overlay span, .image-frame .overlay span { left: 50%; top: 50%; display: block; width: auto; text-align: center; margin: -22px 0 0 -22px; position: absolute; width: 46px; height: 46px; font-size: 32px; line-height: 42px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #edf9fd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#edf9fd)); background-image: -webkit-linear-gradient(top, #ffffff, #edf9fd); background-image: -moz-linear-gradient(top, #ffffff, #edf9fd); background-image: linear-gradient(to bottom, #ffffff, #edf9fd); background-repeat: repeat-x; opacity: .8; color: #18a3d3; text-shadow: 0 1px #fff; -webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.35), 0 0 100px 2px rgba(255,255,255,1); box-shadow: inset 0 1px 2px rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.35), 0 0 100px 2px rgba(255,255,255,1); -moz-transform: scale(3); -webkit-transform: scale(3); -o-transform: scale(3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio .overlay span:before, .image-frame .overlay span:before { font-size: 30px; margin-right: 0; } .portfolio li:hover .overlay, .image-frame:hover .overlay { visibility: visible; opacity: 1; } .portfolio li:hover .overlay span, .image-frame:hover .overlay span { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); } .ie8 .portfolio img, .ie8 .image-frame img { width: auto; height: auto; } .ie8 section.portfolio.two-columns { margin-right: -2.1%; } .ie8 section.portfolio.three-columns { margin-right: -2.1%; } .ie8 section.portfolio.four-columns { margin-right: -2.1%; } #content nav { clear: both; padding: 0 0 15px; } #content nav a { padding: 3px 9px 2px; } #content nav a, #content nav span { font-size: 12px; font-weight: bold; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } .entry-content #nav-below { margin-top: 30px; } /* PageNavi */ #content nav.wp-pagenavi span { margin: 0 10px 0 6px; } .nav-previous a, .nav-next a, #content nav.wp-pagenavi a, #content nav.wp-pagenavi span.current { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; *zoom: 1; *border: 0; font-size: 14px; line-height: 20px; text-decoration: none !important; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #d8d8d8; -webkit-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(to bottom, #fafafa, #f1f1f1); background-repeat: repeat-x; border-color: #d8d8d8; color: #444444; *background-color: #f1f1f1; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.15); padding: 4px 10px 3px; margin: 0 4px 0 0; } .nav-previous a:hover, .nav-next a:hover, #content nav.wp-pagenavi a:hover, #content nav.wp-pagenavi span.current:hover, .nav-previous a:active, .nav-next a:active, #content nav.wp-pagenavi a:active, #content nav.wp-pagenavi span.current:active { color: #444444; background-color: #f1f1f1; *background-color: #e4e4e4; } .nav-previous a:hover, .nav-next a:hover, #content nav.wp-pagenavi a:hover, #content nav.wp-pagenavi span.current:hover { border-color: #d8d8d8; } .nav-previous a:active, .nav-next a:active, #content nav.wp-pagenavi a:active, #content nav.wp-pagenavi span.current:active, .nav-previous a.active, .nav-next a.active, #content nav.wp-pagenavi a.active, #content nav.wp-pagenavi span.current.active { background: #eeeeee; background-color: #d8d8d8 \9; } .nav-previous a:hover, .nav-next a:hover, #content nav.wp-pagenavi a:hover, #content nav.wp-pagenavi span.current:hover { color: #444444; text-decoration: none; background-position: 0 -10px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1); -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .nav-previous a:focus, .nav-next a:focus, #content nav.wp-pagenavi a:focus, #content nav.wp-pagenavi span.current:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .nav-previous a:active, .nav-next a:active, #content nav.wp-pagenavi a:active, #content nav.wp-pagenavi span.current:active { background: #eeeeee; outline: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .nav-previous a.huge, .nav-next a.huge, #content nav.wp-pagenavi a.huge, #content nav.wp-pagenavi span.current.huge { font-size: 22px; font-weight: normal; line-height: normal; padding: 10px 18px; } .nav-previous a.huge i:before, .nav-next a.huge i:before, #content nav.wp-pagenavi a.huge i:before, #content nav.wp-pagenavi span.current.huge i:before { font-size: 28px; } .nav-previous a.large, .nav-next a.large, #content nav.wp-pagenavi a.large, #content nav.wp-pagenavi span.current.large { font-size: 14px; line-height: normal; padding: 8px 14px; } .nav-previous a.small, .nav-next a.small, #content nav.wp-pagenavi a.small, #content nav.wp-pagenavi span.current.small { font-size: 12px; line-height: 16px; padding: 3px 10px; } .nav-previous a.mini, .nav-next a.mini, #content nav.wp-pagenavi a.mini, #content nav.wp-pagenavi span.current.mini { padding: 1px 6px; font-size: 11px; line-height: 16px; } .nav-previous a.full, .nav-next a.full, #content nav.wp-pagenavi a.full, #content nav.wp-pagenavi span.current.full { display: block; } #content nav.wp-pagenavi span.current, #content nav.wp-pagenavi span.current:hover { background: #eeeeee; border-color: #cbcbcb; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.15); box-shadow: inset 0 1px 3px rgba(0,0,0,0.15); color: #959595; } /* Singular Navigation */ #nav-single { float: right; position: relative; top: 5px; width: 280px; text-align: right; z-index: 1; } #nav-single .nav-previous, #nav-single .nav-next { float: none; width: auto; } section.portfolio { /* Default */ /* Border */ /* Block */ /* Image with Overlay Title */ /* Image with Bottom Title */ /* Portfolio Filters */ /* One Column */ /* Two Columns */ /* Three Column */ /* Four */ /* Five */ } section.portfolio ul { list-style: none outside none; margin: 0; font-size: 0; } section.portfolio ul li { font-size: 13px; position: relative; display: -moz-inline-box; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 20px 20px 0; border:1px solid #ccc; } /* section.portfolio ul li img { display: block; height: 162px; width: 283px; } */ section.portfolio .image a { text-decoration: none !important; position: relative; display: block; } section.portfolio h2 { font-size: 16px; line-height: 7px; font-weight: normal; margin-bottom: 0px !important; text-align: left; } section.portfolio .description { font-size: 11px; line-height: 15px; margin-bottom: 10px; color: #a2a2a2; } section.portfolio .description ul { margin-right: 0; } section.portfolio .description p { margin-bottom: 3px; } section.portfolio .description ul li { font-size: 11px; line-height: 15px; display: block; text-align: left; width: auto; margin: 0 0 0 18px; } section.portfolio.default .details { margin-top: 12px; padding: 0 6px; } section.portfolio.default ul li img { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } section.portfolio.border .image { padding: 4px; border: 1px solid #d9d9d9; -webkit-border-radius: 3px; border-radius: 3px; background: #f2f2f2; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } section.portfolio.border .image:hover { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); } section.portfolio.border .image img { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; } section.portfolio.border .details { margin-top: 12px; padding: 0 6px; } section.portfolio.block ul li { border: 1px solid #d9d9d9; -webkit-border-radius: 3px; border-radius: 3px; background-color: #f2f2f2; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1); box-shadow: 0px 1px 3px rgba(0,0,0,.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.portfolio.block ul li .image { padding: 5px; } section.portfolio.block ul li img { display: block; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); } section.portfolio.block .details { padding: 3px 15px 0 15px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } section.portfolio.block .details h2 { line-height: normal; margin-top: 0; } section.portfolio.block .details .more-button { margin-bottom: 8px; } section.portfolio.title ul li img { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } section.portfolio.title .details { -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } section.portfolio.title .details, section.portfolio.title.one-column .details { position: absolute; z-index: 5; width: 100%; bottom: 0; opacity: 1; padding: 8px 0 8px 0; background: #444; background: rgba(0, 0, 0, 0.35); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } section.portfolio.title.one-column .description { float: left; width: 230px; margin-top: 12px; padding-left: 20px; } section.portfolio.title a:hover .details { opacity: 1; background: #18a3d3; background: rgba(24, 163, 211, 0.75); } section.portfolio.title .details h2 { font-size: 16px; margin: 0 10px; color: #fff; } section.portfolio.title .details .more-button { margin: 0 10px; } section.portfolio.title .description { margin-top: 10px; } section.portfolio.title-bottom ul li { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } section.portfolio.title-bottom.one-column ul li { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } section.portfolio.title-bottom ul li img { -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } section.portfolio.title-bottom.one-column img { -webkit-border-radius: 2px; border-radius: 2px; } section.portfolio.title-bottom.one-column .details { -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } section.portfolio.title-bottom .details { padding:4px 9px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; background: #ffffff; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; text-align: center; } section.portfolio.title-bottom li:hover .details { background: #18a3d3; } section.portfolio.title-bottom li:hover .details h2, section.portfolio.title-bottom li:hover .details .description { color: #ffffff; } section.portfolio.title-bottom .details .more-button { margin: 5px 0 5px; } section.portfolio.title-bottom .description { margin-top: 10px; } section.portfolio #filters.buttons { margin: 0 0 18px; } section.portfolio #filters.buttons a:first-child { border-left-width: 1px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } section.portfolio #filters.buttons a:last-child { border-right-width: 1px; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } section.portfolio #filters.buttons a { text-decoration: none; font-weight: bold; line-height: normal; text-align: center; cursor: pointer; display: inline-block; margin: 0 0 5px 0; padding: 5px 12px 5px; background-color: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(to bottom, #fafafa, #f1f1f1); background-repeat: repeat-x; color: #444444; border: 1px solid #cbcbcb; border-width: 1px 1px 1px 0; -webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,.25); box-shadow: inset 0 1px 2px rgba(255,255,255,.25); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } section.portfolio #filters.buttons a:hover { background-color: #fafafa; background-position: 0 5px; } section.portfolio #filters.buttons a:active, section.portfolio #filters.buttons a.active { background-color: #fafafa; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#fafafa)); background-image: -webkit-linear-gradient(top, #f1f1f1, #fafafa); background-image: -moz-linear-gradient(top, #f1f1f1, #fafafa); background-image: linear-gradient(to bottom, #f1f1f1, #fafafa); background-repeat: repeat-x; background-position: 0 0 !important; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); color: #444444; } section.portfolio #filters.borders { margin: 0 0 18px; } section.portfolio #filters.borders a { text-decoration: none; font-weight: bold; line-height: normal; text-align: center; cursor: pointer; display: inline-block; margin: 0 0 5px 0; padding: 5px 12px 5px; color: #444444; } section.portfolio #filters.borders a:hover { color: #18a3d3; } section.portfolio #filters.borders a.active { border-bottom: 3px solid #18a3d3; color: #444444; } section.portfolio.one-column li { width: 100%; margin-right: 0; } section.portfolio.one-column .image { float: left; width: 64%; } section.portfolio.one-column .details, section.portfolio.one-column.title .description { float: left; width: 30%; padding-left: 20px; } section.portfolio.one-column.block .details { padding-top: 20px; } section.portfolio.two-columns { margin-right: -2%; } section.portfolio.two-columns li { width: 47.9%; margin-right: 2%; } section.portfolio.three-columns { margin-right: -2%; } section.portfolio.three-columns li { width: 31.2%; margin-right: 2%; } section.portfolio.four-columns { margin-right: -2%; } section.portfolio.four-columns li { width: 22.9%; } section.portfolio.five-columns { margin-right: -2%; } section.portfolio.five-columns li { width: 17.9%; margin-right: 2%; } /* Portfolio Meta */ .portfolio-meta { margin: 0 0 30px 0; } .portfolio-meta ul { list-style: none outside none; margin: 0; padding: 0; } .portfolio-meta ul li, .portfolio-meta p { margin: 0 0 6px; } .portfolio-meta strong { color: #a2a2a2; } .widget { clear: both; margin: 0 0 30px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-wrap: break-word; } .widget-area > .widget:last-child { margin-bottom: 0; } .widget-title { font-size: 22px; font-weight: normal; line-height: 22px; margin-bottom: 12px; color: #909090 ; } .widget-title a { color: #777777; } .widget-title a:hover { text-decoration: none; color: #18a3d3; } #colophon .widget { margin-bottom: 20px; } #colophon .widget-title, #colophon .widget-title a, #colophon .widget-title a:hover { color: #777777; } #colophon .widget-title a:hover { text-decoration: underline; } .widget ul { list-style: none; margin: 0; } .widget select { /* max-width: 100%;*/ } .widget ul ul { margin-top: 0; margin-left: 1.5em; } .widget a { text-decoration: none; } .widget a:hover, .widget a:focus, .widget a:active { text-decoration: underline; } .widget_subnav ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_authors ul, .widget_pages ul, .widget_links ul, .widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_rss ul { margin-top: -10px; } .widget_subnav li, .widget_nav_menu li, .widget_recent_comments li, .widget_recent_entries li, .widget_authors li, .widget_pages li, .widget_links li, .widget_categories li, .widget_archive li, .widget_meta li, .widget_rss li, .posts-list li { margin: 0; padding: 3px 0; } .posts-list li { padding: 0 0 15px; } .widget_subnav li li, .widget_nav_menu li li, .widget_pages li li { padding: 0; border-bottom-width: 0; } /* Subnav Widget */ .widget_subnav .widget-title { padding: 6px 12px; margin-bottom: 1px; background: #f5f5f5; } .widget_subnav ul { margin-top: 0; padding: 6px 12px; background: #fafafa; -webkit-border-radius: 2px; border-radius: 2px; } .widget_subnav li a { color: #444444; } .widget_subnav li a:hover { color: #2466AB; text-decoration: none; } .widget_subnav li.current_page_item a, .widget_subnav li.current_page_item a:hover { font-weight: bold; text-decoration: none; cursor: default; color: #2466AB; } /* Calendar Widget */ .widget_calendar #wp-calendar { color: #555; width: 95%; text-align: center; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th { text-align: center; padding: 4px 0; } .widget_calendar #wp-calendar caption { font-weight: 500; padding: 5px 0 3px 0; } .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar tfoot td { background-color: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(to bottom, #fafafa, #f1f1f1); background-repeat: repeat-x; } .widget_calendar #wp-calendar th { font-weight: bold; } .widget_calendar #wp-calendar th:first-child, .widget_calendar #wp-calendar td:first-child { -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .widget_calendar #wp-calendar th:last-child, .widget_calendar #wp-calendar td:last-child { -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } /* Widget Text */ .textwidget ul { margin-left: 25px; } /* Social Icons Widget */ .widget_social { *zoom: 1; } .widget_social:before, .widget_social:after { display: table; content: ""; line-height: 0; } .widget_social:after { clear: both; } .widget_social a img { display: block; opacity: .85; filter: alpha(opacity=85); } .widget_social a:hover img { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .widget_social a img { margin: 0 8px 8px 0; } #header-right .widget_social a img, #footer-right .widget_social a img { margin: 0 0 0 8px; } #header-right .widget_social a img, #footer-right .widget_social a img { opacity: .65; filter: alpha(opacity=65); -webkit-filter: grayscale(1); } #header-right .widget_social a:hover img, #footer-right .widget_social a:hover img { opacity: 1; filter: alpha(opacity=100); -webkit-filter: grayscale(0); } /* Entypo */ .widget_social .Entypo a { display: inline-block; height: 28px; text-align: center; font-size: 12px; line-height: 28px; font-weight: bold; vertical-align: middle; opacity: .65; filter: alpha(opacity=50); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin: 0 2px 2px 0; color: #444444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } #colophon .widget_social .Entypo a { color: #444444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .widget_social .Entypo a:before { vertical-align: -1px; width: 28px; margin-right: 0; font-size: 16px; line-height: 28px; } .widget_social .Entypo a.circle:before { font-size: 24px; } .widget_social .Entypo a.label.circle:before { vertical-align: -4px; font-size: 24px; margin-right: 2px; } .widget_social .Entypo a:hover { text-decoration: none; opacity: .85; filter: alpha(opacity=75); } /* With Backgrounds */ .widget_social .Entypo a.bg { background: rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.25), inset 0 -1px 1px rgba(255,255,255,.15); box-shadow: inset 0 1px 1px rgba(0,0,0,.25), inset 0 -1px 1px rgba(255,255,255,.15); -webkit-border-radius: 2px; border-radius: 2px; margin: 0 6px 6px 0; } .widget_social .Entypo a.label { padding-right: 10px; } .widget_social .Entypo a.icon.bg:hover { color: #fff !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65) !important; } .widget_social .Entypo a.icon.bg.github:hover { background: #5590c9; } .widget_social .Entypo a.icon.bg.behance:hover { background: #1d1d1d; } .widget_social .Entypo a.icon.bg.pinterest:hover { background: #cb2027; } .widget_social .Entypo a.icon.bg.dribbble:hover { background: #ea4c89; } .widget_social .Entypo a.icon.bg.flickr:hover { background-color: #ff0084; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0063dc), to(#ff0084)); background-image: -webkit-linear-gradient(top, #0063dc, #ff0084); background-image: -moz-linear-gradient(top, #0063dc, #ff0084); background-image: linear-gradient(to bottom, #0063dc, #ff0084); background-repeat: repeat-x; } .widget_social .Entypo a.icon.bg.linkedin:hover { background: #0073b2; } .widget_social .Entypo a.icon.bg.phone:hover { background: #03af03; } .widget_social .Entypo a.icon.bg.rss:hover { background: #fd8127; } .widget_social .Entypo a.icon.bg.tumblr:hover { background: #2c4762; } .widget_social .Entypo a.icon.bg.vimeo:hover { background: #1ab7ea; } .widget_social .Entypo a.icon.bg.vkontakte:hover { background: #416288; } .widget_social .Entypo a.icon.bg.facebook:hover { background: #3b5998; } .widget_social .Entypo a.icon.bg.googleplus:hover, .widget_social .Entypo a.icon.bg.google-plus:hover { background: #cf3925; } .widget_social .Entypo a.icon.bg.lastfm:hover, .widget_social .Entypo a.icon.bg.last-fm:hover { background: #b00; } .widget_social .Entypo a.icon.bg.skype:hover { background: #009fdd; } .widget_social .Entypo a.icon.bg.twitter:hover { background: #00aced; } .widget_social .Entypo a.icon.bg.email:hover { background: #aaa; } .widget_social .Entypo a.icon.bg.youtube:hover { background: #af2b26; } .widget_social .Entypo a.icon.hover.github:hover { color: #5590c9 !important; } .widget_social .Entypo a.icon.hover.behance:hover { color: #1d1d1d !important; } .widget_social .Entypo a.icon.hover.pinterest:hover { color: #cb2027 !important; } .widget_social .Entypo a.icon.hover.dribbble:hover { color: #ea4c89 !important; } .widget_social .Entypo a.icon.hover.flickr:hover { color: #8032b0 !important; } .widget_social .Entypo a.icon.hover.linkedin:hover { color: #0073b2 !important; } .widget_social .Entypo a.icon.hover.phone:hover { color: #03af03 !important; } .widget_social .Entypo a.icon.hover.rss:hover { color: #fd8127 !important; } .widget_social .Entypo a.icon.hover.tumblr:hover { color: #2c4762 !important; } .widget_social .Entypo a.icon.hover.vimeo:hover { color: #1ab7ea !important; } .widget_social .Entypo a.icon.hover.vkontakte:hover { color: #416288 !important; } .widget_social .Entypo a.icon.hover.facebook:hover { color: #3b5998 !important; } .widget_social .Entypo a.icon.hover.googleplus:hover, .widget_social .Entypo a.icon.hover.google-plus:hover { color: #cf3925 !important; } .widget_social .Entypo a.icon.hover.lastfm:hover, .widget_social .Entypo a.icon.hover.last-fm:hover { color: #b00 !important; } .widget_social .Entypo a.icon.hover.skype:hover { color: #009fdd !important; } .widget_social .Entypo a.icon.hover.twitter:hover { color: #00aced !important; } .widget_social .Entypo a.icon.hover.email:hover { color: #aaa !important; } .widget_social .Entypo a.icon.hover.youtube:hover { color: #af2b26 !important; } /* Twitter Widget */ .widget_twitter a { font-weight: normal; } .widget_twitter .tweet_list li { word-wrap: break-word; margin-bottom: 15px; } .widget_twitter .tweet_list li:last-child { margin-bottom: 0; } .widget_twitter .tweet_list li img:hover { opacity: .8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .widget_twitter .tweet_list .tweet_time, .twitter-wrap .tweet_list .tweet_time { display: block; margin-top: -2px; } .widget_twitter .tweet_list .tweet_time a, .twitter-wrap .tweet_list .tweet_time a { font-size: 10px; font-weight: normal; color: #a2a2a2; } #colophon .widget_twitter .tweet_list .tweet_time a { color: #a2a2a2; } .widget_twitter .tweet_list .tweet_time a:hover, .twitter-wrap .tweet_list .tweet_time a:hover { color: #444444; } #colophon .widget_twitter .tweet_list .tweet_time a:hover { color: #444444; } .widget_twitter .header-follow { float: right; margin-top: 4px; font-weight: bold; } .widget_twitter iframe { margin-top: 15px; } /* Shortcode */ .twitter-wrap { margin-bottom: 20px; } .twitter-wrap .tweet_list { list-style: none; margin: 0; } .twitter-wrap .tweet_list li { line-height: inherit; word-wrap: break-word; margin: 0 0 15px; padding: 0; } .twitter-wrap .tweet_list a.tweet_avatar, .widget_twitter .tweet_list a.tweet_avatar { float: left; margin-right: 10px; } .tweet_avatar img { display: block; max-width: none; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } /* Flickr Widget */ .flickr-wrap { position: relative; margin-right: -15px; margin-bottom: -8px; } .flickr-wrap .flickr_badge_image { float: left; margin: 0 8px 8px 0; } .flickr-wrap .flickr_badge_image img { display: block; width: 75px; height: 75px; max-width: none; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .flickr-wrap .flickr_badge_image img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .flickr-wrap { margin-right: -9px; } footer .flickr_badge_image { margin: 0 8px 8px 0; } footer .one-third .flickr-wrap img { width: 56px !important; height: 56px !important; } footer .one-fourth .flickr-wrap img { width: 50px !important; height: 50px !important; } footer .one-fifth .flickr-wrap img { width: 52px !important; height: 52px !important; } footer .one-sixth .flickr-wrap img { width: 40px !important; height: 40px !important; } footer .one-half .one-half .flickr-wrap img { width: 70px !important; height: 70px !important; } footer .one-half .one-third .flickr-wrap img { width: 40px !important; height: 40px !important; } footer .two-third .one-third .flickr-wrap img { width: 60px !important; height: 60px !important; } footer .two-third .one-fourth .flickr-wrap img { width: 40px !important; height: 40px !important; } /* Advertisement 125 Widget */ .widget_advertisement a { display: block; margin: 0 10px 10px 0; float: left; } .widget_advertisement .aligncenter a { text-align: center; display: block; margin: 0 0 10px 0; float: none; } .widget_advertisement a:hover img { opacity: .8; filter: alpha(opacity=80); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /* Search Widget */ .widget_search input#s, .widget_mo_search input#s { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; background-image: url('images/search.png'); background-repeat: no-repeat; background-position: 5px 5px; } .widget_search input#s { padding-left: 28px; } .widget_mo_search input#s { width: 67%; height: 29px; background-image: none; vertical-align: bottom; } .widget_mo_search input#s:-moz-placeholder { line-height: 20px; } .widget_mo_search input#s:-ms-input-placeholder { line-height: 20px; } .widget_mo_search input#s::-webkit-input-placeholder { line-height: 20px; } .widget_mo_search button { vertical-align: bottom; } /* Contact Info Widget */ .widget_contact_info p, .contact-info p { margin-bottom: 2px; } .widget_contact_info .contact-zip { padding-left: 5px; } /* Shortcode */ .contact-info { margin-bottom: 10px; } /* Contact Form Widget */ /* Comment Form */ .widget_contact_form .contact-form textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget_contact_form .contact-form .contact-form-name .required, .widget_contact_form .contact-form .contact-form-email .required { font-size: 16px; left: 74%; } .widget_contact_form .contact-form input[type='text'], .widget_contact_form .contact-form input[type='email'] { width: 75%; } /* Google Maps Widget */ .widget_gmap .gmap { height: 240px; color: #555; } .gmap.shadow { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } /* List Style */ ul.list, ul.list ul { list-style: none outside none; padding: 0; } ul.list { margin-left: 0; } /* Sitemap List */ .list-sitemap li { margin-left: 0; list-style-type: none; } .list-sitemap li:before { font-family: FontAwesome; font-weight: normal; font-size: inherit; font-style: normal; display: inline-block; text-decoration: inherit; text-indent: -2em; text-align: center; content: "\f054"; color: #a2a2a2; } /* * Author Info */ #author-info { font-size: 12px; overflow: hidden; } .singular #author-info, .archive #author-info { background: #fafafa; border: 1px solid #d9d9d9; border-width: 1px 0; margin: 30px 0 0 0; padding: 20px 20px; } .archive #author-info { margin: 0 0 30px 0; } #author-avatar { float: left; margin-right: -78px; } #author-avatar img { padding: 3px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } #author-description { float: left; margin-left: 98px; } #author-description h2 { font-size: 24px; font-weight: bold; margin: 10px 0 10px; } /* * Related Posts and Popular Posts */ /* Post List */ .posts-list { list-style: none; margin: 0; } .posts-list li:last-child { padding-bottom: 0; } .posts-list p { margin: 0; } .posts-list .post-extra-info p { font-size: 13px; line-height: 18px; } .posts-list .thumbnail { display: block; float: left; margin: 0 8px 0 0; } .posts-list .thumbnail img { display: block; height: 34px; width: 34px; max-width: none; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .posts-list li:hover .thumbnail img { opacity: .8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .posts-list time { margin-top: -4px; font-size: 11px; display: block; color: #a2a2a2; } #colophon .posts-list time { color: #a2a2a2; } #related-popular { font-size: 12px; } .singular #related-popular { margin: 30px 0 0; } .singular #related-popular .inner { border-top: 1px solid #d9d9d9; padding: 20px 0 0px; overflow: hidden; } #related-popular h3 { font-size: 18px; line-height: 22px; padding: 0 0 12px; color: #555; } #related-popular ul { list-style: none outside none; margin: 0; padding: 0; } #related-popular ul li { clear: both; } #related-popular ul li .thumbnail { margin: 0 10px 0 0; } #related-popular img { float: left; } #related-popular time { display: block; font-size: 11px; } /* Contact Form */ .contact-form { margin-bottom: 20px; position: relative; } .contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea { position: relative; } .contact-form .contact-form-name, .contact-form .contact-form-first-name, .contact-form .contact-form-last-name, .contact-form .contact-form-email, .contact-form .contact-form-subject, .contact-form .contact-form-comment { position: relative; } .contact-form .contact-form-name label, .contact-form .contact-form-first-name label, .contact-form .contact-form-last-name label, .contact-form .contact-form-email label, .contact-form .contact-form-subject label, .contact-form .contact-form-comment label { position: absolute; display: inline-block; font-size: 12px; left: 2px; min-width: 60px; padding: 3px 6px; top: 1px; z-index: 1; cursor: text; color: #a2a2a2; } .contact-form textarea { display: block; resize: vertical; width: 98%; } .contact-form .contact-form-name .required, .contact-form .contact-form-email .required, .contact-form .contact-form-subject .required { color: #bd3500; font-size: 20px; left: 74%; position: absolute; top: 4px; z-index: 1; } .contact-form p { font-size: 12px; margin: 0 0 10px; padding: 0; } .contact-form p.form-submit { margin-bottom: 0; } .contact-form input[type='text'], .contact-form input[type='email'] { display: block; width: 75%; } /* Feature Contact Form */ #feature .layer-contact-form { width: 300px; padding: 25px 30px; background: rgba(0, 0, 0, 0.5); } #feature .contact-form input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #feature .contact-form label { text-shadow: none; } #feature .contact-form-first-name, #feature .contact-form-last-name { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #feature .contact-form-first-name { padding-right: 5px; } #feature .contact-form-last-name { padding-left: 5px; } #feature .contact-form-email { clear: left; } #feature .contact-form label { padding: 3px 6px; } #feature .contact-form-last-name label { margin-left: 5px; } #feature .contact-form input[type='text'], #feature .contact-form input[type='email'] { padding: 5px 5px 4px; height: 27px; display: block; width: 100%; } #feature .contact-form input[type='submit'] { display: block; padding-bottom: 1px; width: 100%; padding: 4px 12px 3px; } /* Framed Box */ .box { border: 1px solid #d9d9d9; margin-bottom: 20px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .box-2 { border-width: 0; border-left: 3px solid #18a3d3; background-color: #fafafa; -webkit-box-shadow: none; box-shadow: none; } .box.box-2, .box.box-2 .box-content { -webkit-border-radius: 0; border-radius: 0; } .box-3 { border-width: 0; background-color: #fafafa; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); } .box-content { padding: 15px 20px; } .box, .box .box-content { -webkit-border-radius: 3px; border-radius: 3px; } .box.center { text-align: center; } .icon.box { border-width: 0; margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .box.black { border-color: #333 !important; } .box.gray { border-color: #999 !important; } .box.white { border-color: #fff !important; } .box.red { border-color: #d14836 !important; } .box.orange { border-color: #f77e05 !important; } .box.yellow { border-color: #f7bb05 !important; } .box.green { border-color: #53af4e !important; } .box.cyan { border-color: #21bbbd !important; } .box.dark-blue { border-color: #0066cc !important; } .box.blue { border-color: #0199cc !important; } .box.light-blue { border-color: #4787ed !important; } .box.magenta { border-color: #c72ecc !important; } .box.pink { border-color: #ed174f !important; } .box p:last-child { margin-bottom: 0; } /* Alert */ .alert-box { padding: 8px 14px 8px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #f8f2d3; border: 1px solid #f6e4c1; -webkit-border-radius: 2px; border-radius: 2px; } .alert-box a { text-decoration: underline; } .alert-box, .alert-box a, .alert-box a:hover { text-decoration: none; color: #b38432; } .alert-box a { text-decoration: underline; } .alert-box .close { text-decoration: none; float: right; opacity: .5; filter: alpha(opacity=50); } .alert-box .close:before { line-height: 11px; vertical-align: middle; } .alert-box .close:hover { opacity: 1; filter: alpha(opacity=100); } .alert-box.success { background-color: #dff0d8; border-color: #d6e9c6; } .alert-box.success, .alert-box.success a { color: #468847; } .alert-box.error { background-color: #f2dede; border-color: #eed3d7; } .alert-box.error, .alert-box.error a { color: #b94a48; } .alert-box.info { background-color: #d9edf7; border-color: #bce8f1; } .alert-box.info, .alert-box.info a { color: #3a87ad; } /* Dark */ .alert-box.dark { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-color: #de7104; background-color: #f77e05; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fa9f1e), to(#f77e05)); background-image: -webkit-linear-gradient(top, #fa9f1e, #f77e05); background-image: -moz-linear-gradient(top, #fa9f1e, #f77e05); background-image: linear-gradient(to bottom, #fa9f1e, #f77e05); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(237, 166, 25, .65); box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(237, 166, 25, .65); } .alert-box.dark, .alert-box.dark a, .alert-box.success.dark, .alert-box.success.dark a, .alert-box.error.dark, .alert-box.error.dark a, .alert-box.info.dark, .alert-box.info.dark a { color: #fff; } .alert-box.success.dark { border-color: #32a132; background-color: #38b438; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#58c044), to(#38b438)); background-image: -webkit-linear-gradient(top, #58c044, #38b438); background-image: -moz-linear-gradient(top, #58c044, #38b438); background-image: linear-gradient(to bottom, #58c044, #38b438); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(72, 168, 72, .65); box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(72, 168, 72, .65); } .alert-box.error.dark { border-color: #c13e2c; background-color: #d14836; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d95f4f), to(#d14836)); background-image: -webkit-linear-gradient(top, #d95f4f, #d14836); background-image: -moz-linear-gradient(top, #d95f4f, #d14836); background-image: linear-gradient(to bottom, #d95f4f, #d14836); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(201, 29, 20, .65); box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(201, 29, 20, .65); } .alert-box.info.dark { border-color: #3078eb; background-color: #4787ed; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed); background-image: -moz-linear-gradient(top, #4d90fe, #4787ed); background-image: linear-gradient(to bottom, #4d90fe, #4787ed); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(0, 68, 204, .65); box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(0, 68, 204, .65); } /* Note Box */ .note-box { margin-bottom: 20px; padding: 10px 20px 15px 20px; border: 1px solid #ddd; border-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fbf478; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfbb6), to(#fbf478)); background-image: -webkit-linear-gradient(top, #fcfbb6, #fbf478); background-image: -moz-linear-gradient(top, #fcfbb6, #fbf478); background-image: linear-gradient(to bottom, #fcfbb6, #fbf478); background-repeat: repeat-x; color: #444; -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.15); box-shadow: 0 2px 12px rgba(0,0,0,.15); } .note-box h4.note-title { margin: 5px 0 0; letter-spacing: normal; text-transform: none; color: #444; } .note-content { margin-top: 8px; } .note-box.alignleft { margin: 2px 15px 15px 2px !important; } .note-box.alignright { margin: 2px 2px 15px 15px !important; } /* Dividers */ .divider { position: relative; display: block; clear: both; padding-top: 30px; margin-top: 30px; border-top: 1px solid #d9d9d9; } .divider.top a { font-size: 10px; text-decoration: none; text-align: right; position: absolute; top: 0; right: 0; width: 30px; padding: 0 2px; background-color: #fff; color: #d9d9d9; } .divider.top a:hover { color: #d9d9d9; } .space { position: relative; display: block; clear: both; padding-top: 30px; } .shadow-top { margin: 0 -40px; padding-top: 30px !important; background: url('images/content-shadow-top.png') no-repeat 50% 100%; } .shadow-bottom { margin: 0 -40px; padding-top: 30px !important; background: url('images/content-shadow-bottom.png') no-repeat 50% 0; } /* Tabs */ .tabs-container { margin-bottom: 20px; } .tabs-container .tabs:before, .tabs-container .tabs:after { display: table; content: ""; } .tabs-container .tabs:after { clear: both; } .tabs-container .tabs { border-bottom: 1px solid #d9d9d9; list-style: none; margin: 0; padding: 0; } .tabs-container .tabs > li { float: left; margin: 0 2px 0 0; } .tabs-container .tabs > li > a { line-height: 16px; padding: 9px 12px 6px; margin-bottom: 3px; display: block; } /* Vertical Tabs */ .tabs-container.tabs-left .tabs { border-width: 0; float: left; width: 16%; border-right: 1px solid #d9d9d9; } .tabs-container.tabs-left .tabs > li { display: block; float: none; margin: 0 -1px 3px 0; padding: 0; } .tabs-container.tabs-left .tabs > li > a { border-bottom-width: 0px !important; padding-left: 0; margin-bottom: 0; } .tabs-container.tabs-left .tabs > li > a.current, .tabs-container.tabs-left .tabs > li > a.current:hover { padding-right: 9px; margin-bottom: 0; border-right: 3px solid #18a3d3; } .tabs-container.tabs-left .panes { float: left; width: 83%; margin: 0; padding: 0; border-width: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tabs-container.tabs-left .panes > div { padding: 4px 0 15px 30px; } /* Pills */ .tabs-container.pills .tabs { border-bottom-width: 0; } .tabs-container.pills .tabs > li > a { margin-top: 2px; margin-bottom: 2px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #d9d9d9 !important; -webkit-border-radius: 2px; border-radius: 2px; background-color: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(to bottom, #fafafa, #f1f1f1); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); } .tabs-container.pills .tabs > li > a:active, .tabs-container.pills .tabs > li > a.current, .tabs-container.pills .tabs > li > a.current:hover { padding-bottom: 6px; background: #f1f1f1; outline: 0; -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.15); box-shadow: inset 0 1px 4px rgba(0,0,0,0.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .tabs-container .panes { margin-top: 20px; border-top-width: 0; } .tabs-container .panes > div { position: relative; display: none; } /* Accordion */ .accordion { margin-bottom: 20px; } .accordion .tab { border-bottom: 1px solid #d9d9d9; margin: 0 0 4px; padding: 6px 12px; line-height: 16px; cursor: pointer; } .accordion .tab.current { margin-bottom: 0; } .accordion .pane { display: none; padding: 10px 12px; margin: 0 0 2px; overflow: hidden; } /* Tabs, Accodion Styles */ .tabs-container .tabs > li > a, .accordion .tab { color: #777777; } .tabs-container .tabs > li > a:hover, .tabs-container.tabs-left .tabs > li > a:hover, .accordion .tab:hover { text-decoration: none; color: #18a3d3; } .tabs-container.tabs-left .tabs > li > a:hover { border-bottom-width: 0; } .tabs-container .tabs > li > a:active, .tabs-container.pills .tabs > li > a:active, .accordion .tab:active { outline: 0; } .tabs-container .tabs > li > a.current, .tabs-container .tabs > li > a.current:hover, .accordion .tab.current, .accordion .tab.current:hover { cursor: default; border-bottom: 3px solid #18a3d3; margin-bottom: 0; color: #444444; } /* Tooltips */ .tooltip-shortcode { display: inline-block; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; filter: alpha(opacity=@opacity * 100); opacity: 0; } .tooltip.in { filter: alpha(opacity=@opacity * 100); opacity: 80; -webkit-transition: margin 0.2s linear; -moz-transition: margin 0.2s linear; -o-transition: margin 0.2s linear; transition: margin 0.2s linear; } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 4px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #333; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35); } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #333; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #333; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #333; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #333; } /* Toggle */ .toggle { position: relative; margin-bottom: 10px; } .toggle-title { font-weight: bold; text-decoration: none; line-height: 18px; margin: 0; cursor: pointer; color: #444444; } .toggle-title:hover { text-decoration: none; color: #5e5e5e; } .toggle-title:before { display: inline-block; font-family: FontAwesome; font-size: 10px; line-height: 18px; text-align: center; vertical-align: 1px; text-decoration: none; width: 15px; height: 16px; padding-left: 1px; margin-right: 6px; content: "\f067"; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #e4e4e4; background-color: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(to bottom, #fafafa, #f1f1f1); background-repeat: repeat-x; color: #444444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.15); } .toggle-title:hover:before { opacity: 1; text-decoration: none; background-color: #f1f1f1; background-position: 0 -10px; color: #5e5e5e; } .toggle-active .toggle-title:before, .toggle-title:active:before { background: #f1f1f1; outline: 0; -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.15); box-shadow: inset 0 1px 4px rgba(0,0,0,0.15); } .toggle-active .toggle-title:before { content: "\f068"; } .toggle-content { display: none; margin: 10px 0 30px; } /* Image with Frame */ .image-frame { display: inline-block; position: relative; margin-bottom: 15px; } .image-frame.alignleft { margin-top: 15px; margin-right: 20px; } .image-frame.alignright { margin-top: 15px; margin-left: 20px; } .image-frame img { display: block; } .ie8 .image-frame img { width: auto; } /* Border */ .image-frame.border { border: 1px solid #d9d9d9; padding: 4px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #f2f2f2; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1); box-shadow: 0px 1px 3px rgba(0,0,0,.1); } .image-frame.border img { -webkit-border-radius: 2px; border-radius: 2px; } /* Image Shadow */ .image-frame.shadow img { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); box-shadow: 0 1px 2px rgba(0,0,0,0.3); } .image-frame.nomargin { margin-bottom: 0; } /* Dropcaps */ .dropcap, .dropcap2, .dropcap3, .dropcap4 { float: left; text-align: center; overflow: hidden; } .dropcap, .dropcap2, .dropcap3 { font-size: 22px; line-height: 34px; width: 36px; height: 36px; margin: 0 8px -4px 0; background: #eee; text-shadow: 0 1px 0 #fff; } .dropcap.inverted, .dropcap2.inverted, .dropcap3.inverted { background: #555; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } .dropcap { -webkit-border-radius: 18px; border-radius: 18px; -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.35); box-shadow: inset 0 1px 4px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.35); } .dropcap2 { -webkit-border-radius: 18px; border-radius: 18px; -webkit-box-shadow: inset 0 1px 4px rgba(255,255,255,.75), inset 0 -1px 4px rgba(0,0,0,.25); box-shadow: inset 0 1px 4px rgba(255,255,255,.75), inset 0 -1px 4px rgba(0,0,0,.25); } .dropcap3 { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.35); box-shadow: inset 0 1px 4px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.35); } .dropcap4 { font-size: 34px; font-weight: bold; text-align: left; line-height: 34px; margin: 0 8px 0 0; } /* Text with Icons */ .icon-text { padding: 0 0 0 17px; } .icon-text.icon-large { padding-left: 25px; } .icon-text.icon-huge { padding-left: 49px; } .icon-text:before { text-decoration: none !important; } .btn .icon-text { padding-left: 13px; } /* Heading Shortcode */ .heading.background { margin-bottom: 10px; } .heading i { float: left; } .heading.aligncenter { text-align: center; } .heading.iconontop { margin-bottom: 0; } .heading.iconontop i { float: none; margin-bottom: 0 !important; } .heading.iconontop h1, .heading.iconontop h2, .heading.iconontop h3, .heading.iconontop h4, .heading.iconontop h5 { padding-left: 0 !important; } .heading h1 { line-height: 34px; padding: 5px 0 0 62px; } .heading h2 { line-height: 15px; padding: 6px 0 0 40px; font-family:'ProximaNova-Bold'; text-transform: uppercase; } .heading h3 { line-height: 24px; padding: 3px 0 0 40px; } .heading h4 { line-height: 22px; padding: 1px 0 0 30px; } .heading h5 { line-height: 18px; padding: 0 0 0 22px; } .heading.background h1, .heading.iconontop h1 { padding: 11px 0 0 74px; } .heading.background h2, .heading.iconontop h2 { padding: 9px 0 0 62px; } .heading.background h3, .heading.iconontop h3 { padding: 7px 0 0 52px; } .heading.background h4, .heading.iconontop h4 { padding: 4px 0 0 42px; } .heading.background h5, .heading.iconontop h5 { padding: 2px 0 0 32px; } .heading .icon:before { text-align: left; color: #18a3d3; } .heading .icon.background { display: inline-block; padding: 0; margin-bottom: 5px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fafafa; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#fafafa)); background-image: -webkit-linear-gradient(top, #f1f1f1, #fafafa); background-image: -moz-linear-gradient(top, #f1f1f1, #fafafa); background-image: linear-gradient(to bottom, #f1f1f1, #fafafa); background-repeat: repeat-x; color: #444444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2); box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } .heading .icon.background:before, .heading.aligncenter .icon:before { text-align: center; } .heading .icon.h1 { width: 48px; } .heading .icon.background.h1 { width: 60px; height: 60px; } .heading .icon.h1:before { font-size: 54px; width: 60px; line-height: 48px; } .heading .icon.h2 { width: 36px; } .heading .icon.background.h2 { width: 48px; height: 48px; } .heading .icon.h2:before { font-size: 40px; width: 48px; line-height: 36px; } .heading .icon.h3 { width: 31px; } .heading .icon.background.h3 { width: 40px; height: 40px; } .heading .icon.h3:before { font-size: 35px; width: 40px; line-height: 31px; } .heading .icon.h4 { width: 24px; } .heading .icon.background.h4 { width: 32px; height: 32px; } .heading .icon.h4:before { font-size: 26px; width: 32px; line-height: 24px; } .heading .icon.h5 { width: 19px; } .heading .icon.background.h5 { width: 24px; height: 24px; } .heading .icon.h5:before { font-size: 20px; width: 24px; line-height: 19px; } .heading .icon.h1.background:before { font-size: 42px; line-height: 60px !important; } .heading .icon.h2.background:before { font-size: 32px; line-height: 48px !important; } .heading .icon.h3.background:before { font-size: 24px; line-height: 40px !important; } .heading .icon.h4.background:before { font-size: 22px; line-height: 32px !important; } .heading .icon.h5.background:before { font-size: 16px; line-height: 24px !important; } .heading .icon.background.rounded { -webkit-border-radius: 32px; border-radius: 32px; } .heading .icon.background.h1[class*=" icon-"]:before { line-height: 62px !important; } .heading .icon.background.h2[class*=" icon-"]:before { line-height: 50px !important; } .heading .icon.background.h3[class*=" icon-"]:before { line-height: 42px !important; } .heading .icon.background.h4[class*=" icon-"]:before { line-height: 34px !important; } .heading .icon.background.h5[class*=" icon-"]:before { line-height: 26px !important; } .heading .icon.background.inverted { background-color: #1e1e1e; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#1e1e1e)); background-image: -webkit-linear-gradient(top, #444444, #1e1e1e); background-image: -moz-linear-gradient(top, #444444, #1e1e1e); background-image: linear-gradient(to bottom, #444444, #1e1e1e); background-repeat: repeat-x; color: #ffffff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2), inset 0 -1px 1px rgba(0,0,0,.2); box-shadow: inset 0 1px 1px rgba(255,255,255,.2), inset 0 -1px 1px rgba(0,0,0,.2); } .heading .icon.background.inverted { background-color: #106e8e; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#18a3d3), to(#106e8e)); background-image: -webkit-linear-gradient(top, #18a3d3, #106e8e); background-image: -moz-linear-gradient(top, #18a3d3, #106e8e); background-image: linear-gradient(to bottom, #18a3d3, #106e8e); background-repeat: repeat-x; color: #fff; text-shadow: none; } .heading .icon.background.inverted:before { color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.25); } /* Icon & Text Colors */ .list-icon li { margin-bottom: 4px; } .list-icon li[class^="icon-"]:before, .contact-info .icon-text:before, .contact-info-wrap .icon-text:before { color: #999; } .icon-black:before, .icon.black:before, .text-black { color: #333 !important; } .icon-gray:before, .icon.gray:before, .text-gray { color: #999 !important; } .icon-white:before, .icon.white:before, .text-white { color: #fff !important; } .icon-red:before, .icon.red:before, .text-red { color: #d14836 !important; } .icon-orange:before, .icon.orange:before, .text-orange { color: #f77e05 !important; } .icon-yellow:before, .icon.yellow:before, .text-yellow { color: #f7bb05 !important; } .icon-green:before, .icon.green:before, .text-green { color: #53af4e !important; } .icon-cyan:before, .icon.cyan:before, .text-cyan { color: #21bbbd !important; } .icon-dark-blue:before, .icon.dark-blue:before, .text-dark-blue { color: #0066cc !important; } .icon-blue:before, .icon.blue:before, .text-blue { color: #0199cc !important; } .icon-light-blue:before, .icon.light-blue:before, .text-light-blue { color: #4787ed !important; } .icon-magenta:before, .icon.magenta:before, .text-magenta { color: #c72ecc !important; } .icon-pink:before, .icon.pink:before, .text-pink { color: #ed174f !important; } /* Full Width Block */ .content-block { margin: 0px 0 60px; border: 1px solid #d9d9d9; border-width: 1px 0; padding: 30px 0; background-color: #F7F7F7; -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1); } .content-block.red, .content-block.orange, .content-block.yellow, .content-block.green, .content-block.cyan, .content-block.dark-blue, .content-block.blue, .content-block.light-blue, .content-block.magenta, .content-block.pink { color: #fff; border-width: 0; -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25); } .content-block.red a, .content-block.orange a, .content-block.yellow a, .content-block.green a, .content-block.cyan a, .content-block.dark-blue a, .content-block.blue a, .content-block.light-blue a, .content-block.magenta a, .content-block.pink a { text-decoration: underline; color: #fff; } .content-block.red { background-color: #d95f4f; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d14836), to(#d95f4f)); background-image: -webkit-linear-gradient(top, #d14836, #d95f4f); background-image: -moz-linear-gradient(top, #d14836, #d95f4f); background-image: linear-gradient(to bottom, #d14836, #d95f4f); background-repeat: repeat-x; } .content-block.red h1, .content-block.red h2, .content-block.red h3, .content-block.red h4, .content-block.red h5, .content-block.red h6 { color: #f4cfca; } .content-block.orange { background-color: #fa9f1e; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f77e05), to(#fa9f1e)); background-image: -webkit-linear-gradient(top, #f77e05, #fa9f1e); background-image: -moz-linear-gradient(top, #f77e05, #fa9f1e); background-image: linear-gradient(to bottom, #f77e05, #fa9f1e); background-repeat: repeat-x; } .content-block.orange h1, .content-block.orange h2, .content-block.orange h3, .content-block.orange h4, .content-block.orange h5, .content-block.orange h6 { color: #fee2bc; } .content-block.yellow { background-color: #f7d52a; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7bb05), to(#f7d52a)); background-image: -webkit-linear-gradient(top, #f7bb05, #f7d52a); background-image: -moz-linear-gradient(top, #f7bb05, #f7d52a); background-image: linear-gradient(to bottom, #f7bb05, #f7d52a); background-repeat: repeat-x; color: #444; } .content-block.yellow h1, .content-block.yellow h2, .content-block.yellow h3, .content-block.yellow h4, .content-block.yellow h5, .content-block.yellow h6 { color: #7a703c; } .content-block.green { background-color: #6cb858; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#53af4e), to(#6cb858)); background-image: -webkit-linear-gradient(top, #53af4e, #6cb858); background-image: -moz-linear-gradient(top, #53af4e, #6cb858); background-image: linear-gradient(to bottom, #53af4e, #6cb858); background-repeat: repeat-x; } .content-block.green h1, .content-block.green h2, .content-block.green h3, .content-block.green h4, .content-block.green h5, .content-block.green h6 { color: #d3eacd; } .content-block.cyan { background-color: #2cc9cb; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#21bbbd), to(#2cc9cb)); background-image: -webkit-linear-gradient(top, #21bbbd, #2cc9cb); background-image: -moz-linear-gradient(top, #21bbbd, #2cc9cb); background-image: linear-gradient(to bottom, #21bbbd, #2cc9cb); background-repeat: repeat-x; } .content-block.cyan h1, .content-block.cyan h2, .content-block.cyan h3, .content-block.cyan h4, .content-block.cyan h5, .content-block.cyan h6 { color: #c0efef; } .content-block.dark-blue { background-color: #0088cc; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0066cc), to(#0088cc)); background-image: -webkit-linear-gradient(top, #0066cc, #0088cc); background-image: -moz-linear-gradient(top, #0066cc, #0088cc); background-image: linear-gradient(to bottom, #0066cc, #0088cc); background-repeat: repeat-x; } .content-block.dark-blue h1, .content-block.dark-blue h2, .content-block.dark-blue h3, .content-block.dark-blue h4, .content-block.dark-blue h5, .content-block.dark-blue h6 { color: #b3dbf0; } .content-block.blue { background-color: #2eaddb; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0199cc), to(#2eaddb)); background-image: -webkit-linear-gradient(top, #0199cc, #2eaddb); background-image: -moz-linear-gradient(top, #0199cc, #2eaddb); background-image: linear-gradient(to bottom, #0199cc, #2eaddb); background-repeat: repeat-x; } .content-block.blue h1, .content-block.blue h2, .content-block.blue h3, .content-block.blue h4, .content-block.blue h5, .content-block.blue h6 { color: #d5eff8; } .content-block.light-blue { background-color: #4d90fe; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4787ed), to(#4d90fe)); background-image: -webkit-linear-gradient(top, #4787ed, #4d90fe); background-image: -moz-linear-gradient(top, #4787ed, #4d90fe); background-image: linear-gradient(to bottom, #4787ed, #4d90fe); background-repeat: repeat-x; } .content-block.light-blue h1, .content-block.light-blue h2, .content-block.light-blue h3, .content-block.light-blue h4, .content-block.light-blue h5, .content-block.light-blue h6 { color: #cadeff; } .content-block.magenta { background-color: #ca4ccf; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c72ecc), to(#ca4ccf)); background-image: -webkit-linear-gradient(top, #c72ecc, #ca4ccf); background-image: -moz-linear-gradient(top, #c72ecc, #ca4ccf); background-image: linear-gradient(to bottom, #c72ecc, #ca4ccf); background-repeat: repeat-x; } .content-block.magenta h1, .content-block.magenta h2, .content-block.magenta h3, .content-block.magenta h4, .content-block.magenta h5, .content-block.magenta h6 { color: #efc9f1; } .content-block.pink { background-color: #fb6089; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ed174f), to(#fb6089)); background-image: -webkit-linear-gradient(top, #ed174f, #fb6089); background-image: -moz-linear-gradient(top, #ed174f, #fb6089); background-image: linear-gradient(to bottom, #ed174f, #fb6089); background-repeat: repeat-x; } .content-block.pink h1, .content-block.pink h2, .content-block.pink h3, .content-block.pink h4, .content-block.pink h5, .content-block.pink h6 { color: #fecfdc; } .content-block.dark { border-width: 0; background-color: #EFEFEF !important; color: #FFFFFF !important; background-image: none !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25); min-height:200px; } .content-block.dark h1, .content-block.dark h2, .content-block.dark h3, .content-block.dark h4, .content-block.dark h5, .content-block.dark h6 { color: #fff; } .content-block.light { border-width: 0; background: #fff; color: #333; -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25); } .content-block.light h1, .content-block.light h2, .content-block.light h3, .content-block.light h4, .content-block.light h5, .content-block.light h6 { color: #333; } .content-block.no-padding { padding: 0; } .content-block.full-width .inner { max-width: none; overflow: hidden; margin: 0 !important; width: 100%; } .content-block-inner > p:last-child { margin-bottom: 0; } .left-sidebar .content-block, .right-sidebar .content-block { margin: 20px 0; padding: 20px 0; border-width: 1px; -webkit-border-radius: 3px; border-radius: 3px; } .left-sidebar .content-block .inner, .right-sidebar .content-block .inner { padding-left: 20px; padding-right: 20px; } .content-block-inner > article:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom-width: 0 !important; } /* Pricing Table */ .pricing-table { padding-top: 20px; margin-bottom: 20px; } .pricing-table .plan { float: left; } .pricing-table.col-1 .plan { width: 100%; } .pricing-table.col-2 .plan { width: 50%; } .pricing-table.col-3 .plan { width: 33%; } .pricing-table.col-4 .plan { width: 25%; } .pricing-table.col-5 .plan { width: 20%; } .plan { text-align: center; border: 1px solid #d9d9d9; margin-right: -1px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .pricing-table .featured { font-weight: bold; font-size: 13px; line-height: 30px; height: 30px; margin: -30px -1px 0 -1px; position: relative; z-index: 10; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background: #333333; color: #ffffff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .pricing-table .gray .featured { background: #888; } .pricing-table .black .featured { background: #111; } .pricing-table .red .featured { background: #d14836; } .pricing-table .orange .featured { background: #f77e05; } .pricing-table .yellow .featured { background: #f7bb05; color: #444; text-shadow: none; } .pricing-table .green .featured { background: #53af4e; } .pricing-table .cyan .featured { background: #21bbbd; } .pricing-table .dark-blue .featured { background: #0066cc; } .pricing-table .blue .featured { background: #0199cc; } .pricing-table .light-blue .featured { background: #4787ed; } .pricing-table .magenta .featured { background: #c72ecc; } .pricing-table .pink .featured { background: #ed174f; } .plan .header { padding: 15px 0; border-bottom: 1px solid #d9d9d9; background-color: #f1f1f1; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f1f1f1)); background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1); background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1); background-image: linear-gradient(to bottom, #fafafa, #f1f1f1); background-repeat: repeat-x; } .plan .header h3 { font-size: 20px; line-height: 22px; margin-bottom: 5px; } .plan .price { font-size: 36px; line-height: 38px; font-weight: 400; } .plan .price span { display: block; font-weight: normal; font-size: 11px; margin: 5px 0 0 0; color: #a2a2a2; line-height: 11px; } .plan .signup { padding: 15px 0; text-align: center; border-top: 1px solid #d9d9d9; background: #f1f1f1; } .plan .signup .btn { padding-left: 20px; padding-right: 20px; font-weight: bold; } .plan ul { margin: 0; padding: 0; list-style: none; } .plan li { font-size: 12px; padding: 8px 0; text-align: center; } .plan li:nth-child(even) { background-color: #fbfbfb; } .plan li:last-child { border-width: 0; } .plan p { margin-bottom: 0; } /* Scroll to Top */ #to-top { position: fixed; display: none; bottom: 30px; right: 30px; width: 32px; height: 32px; padding: 0; opacity: .7; } #to-top:hover { opacity: 1; } #to-top:before { font-family: FontAwesome; font-size: 28px; line-height: 32px; text-align: center; text-shadow: 0 1px #fff; width: 32px; height: 32px; display: inline-block; content: "\f106"; } #comments { margin-top: 30px; } #comments > .inner { padding-top: 30px; border-top: 1px solid #d9d9d9; } #comments-title { font-size: 22px; margin: 0 0 20px; } .nopassword, .nocomments { color: #a2a2a2; font-size: 26px; font-weight: normal; margin: 40px 0; text-align: center; } .commentlist { list-style: none; margin: 0; padding: 0; } .comments-area article { margin: 0 0 20px; padding-bottom: 15px; position: relative; border-bottom: 1px solid #d9d9d9; } .comments-area article header { font-size: 12px; line-height: 20px; margin-bottom: 15px; -webkit-border-radius: 2px; border-radius: 2px; background: #f1f1f1; color: #a2a2a2; } .comments-area article header img { display: block; float: left; margin-right: 15px; padding: 0; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; } .comments-area article header .comment-author-inner { padding-top: 12px; } .comments-area article header .edit-link a { margin: 11px 10px 0; } .comments-area article header .fn { font-size: 18px; font-style: normal; font-weight: bold; color: #444444; } .comments-area article header a { color: #444444; } .comments-area article header a:hover { text-decoration: underline; } .comments-area .comment-content p { margin-bottom: 8px; } .comments-area .pingback { margin: 0 0 20px; } .comments-area .children { list-style: none; margin: 0; } .comments-area .children li.comment { margin-top: 20px; padding: 0 0 0 30px; } .comments-area li.bypostauthor > article header { background: #dcf1f8; } a.comment-reply-link .icon:before { vertical-align: 0; font-size: 14px; } .format-status img.avatar { float: left; width: auto; height: auto; margin: 0 20px 20px 0; } /* Comment Form */ #respond { margin-bottom: 20px; position: relative; } #respond input[type='text'], #respond textarea { position: relative; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { position: absolute; display: inline-block; left: 2px; min-width: 60px; padding: 5px 6px; top: 0; z-index: 1; cursor: text; color: #a2a2a2; } #respond textarea { display: block; resize: vertical; width: 98%; } #respond .comment-form-author .required, #respond .comment-form-email .required { color: #bd3500; } #respond .comment-notes, #respond .logged-in-as { font-size: 12px; color: #a2a2a2; } #respond p { font-size: 12px; margin: 0 0 10px; padding: 0; } #respond #cancel-comment-reply-link { color: #444444; font-family: Tahoma, sans-serif; margin-left: 10px; text-decoration: none; } #respond #cancel-comment-reply-link:before { font-family: Entypo; font-weight: normal; font-style: normal; font-size: 16px; line-height: 11px; display: inline-block; vertical-align: -2px; content: "\2715"; padding-right: 4px; max-width: 10px; } #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; } #respond input[type=text] { display: block; width: 75%; } .commentlist #respond { width: auto; margin: 20px 0 20px; padding-bottom: 15px; border-bottom: 1px solid #d9d9d9; } #reply-title { font-size: 21px; margin-bottom: 5px; } #cancel-comment-reply-link { font-size: 11px; font-weight: normal; line-height: 2.2em; text-decoration: none; display: block; position: absolute; top: 0px; right: 2px; color: #a2a2a2; } p.comment-form-comment { margin: 0; } .comment-awaiting-moderation { display: block; margin-bottom: 10px; } .form-allowed-tags { display: none; } #colophon { font-size: 13px; line-height: 19px; padding: 30px 0 0; border-top: 1px solid #f2f2f2; color: #444444; background:url(images/footertxt.jpg) !important; } #colophon input[type="text"], #colophon input[type="email"], #colophon input[type="tel"], #colophon select, #colophon textarea { line-height: 19px; width: 100% !important; box-shadow:none !important; } #colophon textarea { height:96px !important; } /* Footer Links */ #colophon a { color: #18a3d3; } #colophon a:hover, a:active { color: #2466AB; } /* Sub Footer */ #sub-footer { padding: 15px 0; border-top: 1px solid #e5e5e5; background:url(images/copy_bg.jpg) repeat-x !important; font-family:Helvetica1; font-size:12px; } #copyright { font-size: 14px; float: left; width:100%; color:fff; } #copyright a:hover { text-decoration: underline; } #footer-right { font-size: 11px; float: right; } #footer-menu { text-align: right; float: right; } #footer-menu ul { list-style: none; margin: 0; padding: 0; } #footer-menu li { display: inline; font-weight: normal; } #footer-menu a { padding: 0 5px; } #footer-right .widget { margin: 0; } #sub-footer a { color: #FFE168 !important; text-decoration: none !important; } #sub-footer a:hover { color: #18a3d3; } .phone { font-family:'ProximaNova-Bold'; font-size:16px; color: #0064B9; margin-top:0px; padding: 2px 0 5px; border-radius:0 0 4px 4px; } .address { float:left; font-size:17px; margin-right:50px; color:#443f3f; vertical-align:middle; margin-top:5px; font-family:Helvetica1; } .banneritalic { font-family:bush_script; font-size:65px; color:#fff; } .bannerfont { font-family:HATTEN; font-size:65px; color:#fff; } .banndesc { background:url(images/sl1_03.png); color:#201e20; border-radius:4px; padding:10px 10px 65px 10px; text-shadow:none; font-size:21px; } .banndescbluetxt {color:#0060a3; opacity:1;} .btnbann { margin-top:10px; float:right; font-family:Haettenschweiler; letter-spacing:1px; } .threem { color:#df1818; font-weight:bold; } .bannnlayer1 { width:580px; } .bannhead1 { width:100%; text-align:left; } .bannhead2 { width:100%; text-align:center } .bannhead3 { width:100%; text-align:right } #menu-item-15 { background-image:url(images/home.png) ; background-repeat:no-repeat; background-position:center center; } #menu-item-15 .current-menu-item { margin-top:15px !important; line-height:70px; } #menu-item-32 a { margin-right:-32px; } #wpcf7-f36-o1 { margin-top:-15px; } #wpcf7-f36-o1 textarea { height:80px } #wpcf7-f36-o1 input[type="submit"] { width:auto; } #wpcf7-f36-o1 p { margin-bottom:2px; } #menu-quick-links a { font-size:15px; letter-spacing:-1px; } .footflag{ background:url(images/footer-back.png) no-repeat top right; bottom:0; height:100px; margin-top:-100px; position:relative; float:right; width:166px; } .sliderbtbg{ background:url(images/sliderbg.png) repeat-x; height:154px; width:100%; } .book { font-family:haet; font-size:31px; } .mar { padding:30px 0; } #menu-item-2410 { background:url(images/home.png) no-repeat center center; border-left: 1px solid #ccc; } #menu-item-2410 a span { padding:auto 40px ; color:transparent; } .tp-button.blue, .tp-button.blue:hover, .purchase.blue, .purchase.blue:hover { } .tp-caption a { color: #FF7302; text-shadow: none; transition: all 0.2s ease-out 0s; } .tp-button { background:url(../images/enqbtn.jpg) border: 1px solid #0181AC; border-radius: 3px; color: #FFFFFF !important; cursor: pointer; font-family: Haettenschweiler,arial,sans-serif; font-size: 27px; height: 30px; letter-spacing: 1px; padding: 6px 13px 5px; text-decoration: none; text-align:center; line-height:27px } .mainmar { margin-top:0; } .entrymar {padding:0; } .inmar { margin-bottom:-5px; } .content-block.bluediv { background:url(images/back.jpg) repeat-y !important; height:250px; margin-top: 70px; background-size: 100% !important; position:relative; } .bgblue { /* background:url(images/bgbl.jpg) no-repeat left top;*/ height:308px; } .entry-content .whychoose h2 { font-family:Haettenschweiler,haet; font-size:60px; color:#0468BD; text-shadow: 0 0 6px #FFFFFF; line-height:60px; } .whyconte { background:url(images/posrback.png) no-repeat top center; } .choosemnu { margin-left:120px; } .choosemnu li { color:#000; list-style:disc; margin-top:20px; font-family:Helvetica; font-size:17px; line-height:10px; } .inner h2.tit { font-family:'ProximaNova-Extrabold'; font-size: 34px; margin-bottom: 20px; color:#004b8f; text-transform: uppercase; } .bookmitit { font-family: haet; font-weight: normal; margin-bottom: 5px; font-size: 33px !important; } .descbook { font-family: Roboto; font-size: 20px; } .complogo img { margin-right:30px; } .marginlog { margin:-15px auto } .blbk { background:url(images/blubackbg.jpg) repeat-x; } #sub-footer { background:#004b8f !important; border-top: 1px solid #E5E5E5; font-family: Helvetica1; font-size: 12px; padding: 15px 0; margin: 0; } #wpcf7-f2472-p53-o1 p { margin-bottom:2px; } #wpcf7-f2472-p53-o1 textarea { height:60px; } #wpcf7-f2472-p53-o1 input[type='submit'] { margin-top:5px; width:auto; background:#599FDA; } .widget_text { font-family:Helvetica, sans-serif } #colophon .one-fourth { width:23%; margin-right:2%; } #colophon .one-fourth a { font-family: 'ProximaNova-Bold'; text-decoration: none; color:#000000; } #menu-quicklinks a { font-size:15px; text-transform: uppercase; /* color:#000000 !important; */ } .blckread { font-family:Helvetica, sans-serif; color:#2e91d6; margin-top:10px; font-style:italic; } .design { float:left; display:inline-block; color:#fff; text-transform: uppercase; font-family: 'ProximaNova-Bold'; } .copy { float:left; display:inline-block; margin-right:4%; color:#fff; text-transform: uppercase; font-family:'ProximaNova-Regular'; } .copy span{ font-family:'ProximaNova-Bold'; } .footertxt { font-size:15px; letter-spacing:-0.8px; color: #000 ; } .whyconte .choosemnu h3 { color:#000000; line-height:13px; font-family:'ProximaNova-Semibold'; font-size: 19px; } .whyconte .choosemnu h3 span { color:#000000; line-height:13px; font-weight:normal; font-family:'ProximaNova-Extrabold'; } div.wpcf7 { margin-top: -5px !important; padding: 0; } .nobrd { background:none; } .pgtit { margin-top:50px; } .icon-phone { margin-left:5px; } .wpcf7-form p { margin-bottom:1px; } .wpcf7-submit { margin-top:2px; width:auto; background:#0073b1 !important; } .booktit { font-family: Haettenschweiler,haet; font-weight: normal; margin-bottom: 5px !important; font-size: 33px !important; } .bookcont { font-family: Roboto; font-size: 20px; margin-bottom:5px !important; } .tp-button { font-family:'ProximaNova-Bold' !important; margin-bottom:-10px; width:75%; margin-left:100px; padding:2px; background:url(images/getquote.png) !important; border:none !important; border-radius:0px !important; padding: 4px 13px 4px !important; text-transform:uppercase; font-size: 18px; } .tp-button.blue.small { margin-right: 25px; } .dakkcont { min-height:110px; color: #ffffff; } .readh { font-style:italic; color:#2E91D5; font-weight:bold; } .abtimg1 img {float:left; margin-right:13.2% ; margin-top:-25px; padding-bottom:20px} .sidebarspecial { background-color: #000000; color: #FFFFFF; padding: 12px 15px; -webkit-border-radius: 8px; overflow: hidden; text-align: center; } .sidebarspecial, h3 { font-size: 28px; color: #ffde3f; line-height: 20px; margin: 0 0 10px 0; } .sidebarspecial .btn.black { color: #FFDE3F; width: 80%; float: none !important; } .icon-text.icon-mail {color:#989898} .addr {color:#989898;font-size:16px;} .two-third h3 {color: #5E5E5E; font-family: proximanova-extrabold; font-size: 40px !important; line-height: 1em;} .one-third h3 {color: #5E5E5E; font-family: proximanova-extrabold; font-size:36px !important; line-height: 1em;} /* my css */ .wpcf7-form-control.wpcf7-submit {width: 100%;} .subbtn{ font-size:26px !important; font-family: proximanova-extrabold !important;} .subbtn1{ font-size:40.21px !important; font-family: Haettenschweiler !important; margin-top:55px !important; height:51px !important; width: 520px !important; border-radius: 5px; background-color:#0575c5 !important;} .contacttt{font-size: 21.51px !important;color:#8a8a8a !important;} .quote{border:solid 1px red;} .two-third p{ color: #7f7f7f; font-size: 16px; } .soc { font-size: 16px; margin: 0 0 5px; width: 334px; } .socico{ font-size:16px; } .socico p{ font-size:16px; font-family: 'HelveticaNeueLTStd-MdCn'; } .socico span{ margin:5px; 0 0 0; } .compurl a{ text-decoration:none; } .socico .face{ padding:10px 0 0 0; } .socico .inst{ padding:0px 0 0 0; } #colophon iframe{ border:1px solid #ccc !important; } #colophon input[type="submit"]{ bottom: 23px; position: absolute; right: -13px; text-transform: uppercase; width: 73px !important; } .conts select{ width:78% !important; max-width: 565px; color:#7F7F7F; } .vehicle{ margin-left:56px; } .conts input[type="submit"]{ background:#3260aa !important; border:none; font-size:20px; } .conts .subbtn{ border-radius: 0; font-size: 28px !important; width: 78%; float: left; margin-top: -52px; z-index: 999999; position: absolute; } #wpcf7-f2653-p2411-o1 {color:#5f5f5f;} .right-sidebar textarea{ height:80px; width:94%; } .right-sidebar .subbtn{ background:#0066b3 !important; border-radius:4px; padding: 10px 0px; font-size:22px !important; } .mand{ background:url(images/star.png) no-repeat center right!important; } #text-5 .widget-title{ font-family: "ProximaNova-Bold"; font-size: 20px; text-transform: uppercase; color:#004b8f !important; } #text-7 .widget-title{ font-family: "ProximaNova-Bold"; font-size: 20px; text-transform: uppercase; color:#004b8f !important; } #nav_menu-2 .widget-title{ font-family: "ProximaNova-Bold"; font-size: 20px; text-transform: uppercase; color:#004b8f !important; } .tp-button a{ color:#fff !important; font-size: 18px; } .entry-content img, .entry-image img{ padding: 0 5px 1px 0; } div.complogo { text-align: center;} #text-3 .widget-title { color: #0066b3; font-family: 'ProximaNova-Extrabold' !important; font-size: 58px; line-height: 48px; text-align: center; text-transform: uppercase; } /* my css */ #branding{ border-color:transparent !important; background-color: #FFFFFF !important; } #menu-header-menu li a { height: 95px; } .slide-serv { margin: 5px 0 0 0; } .sarv { float: left; height: auto; margin: 0 0.1%; width: 19.8%; position:relative; } .sarv > h1 { color: #fff; font-size: 1.7vw; line-height: 1em; margin: 17% 0 0; position: absolute; right: 9px; text-align: end; text-transform: uppercase; width: 97%; font-family:'ProximaNova-Regular'; } .sarv > h1 { text-align:right\9; } .sarv:hover div.abs{display:block\9; } .sarv h1 span{ font-weight: normal; font-family:'ProximaNova-Extrabold'; } .portfolio-title > a { color: #000; font-size: 16px; text-transform: uppercase; font-weight: normal; line-height: 41px; font-family:'ProximaNova-Bold'; } .whychoose.heading.clearfix { position: absolute; bottom:0px; } .bgblue .last{ margin: -12px 0 0; float:right; width:48%; position:relative; } .textwidget p{ margin-bottom:3px; } .textwidget span { font-size: 14px; color: #000; margin: 0 1px 0 0; } #colophon .last{ margin-left: 20px; margin-right: 0 !important; } .white-txt{ color:#fff; font-size:60px; text-transform:uppercase; } .yellow-txt{ color:#ffde00; font-size:60px; text-transform:uppercase; } .slide1 { left: -94px; line-height: 60px; position: absolute; top: -41px; } #menu-item-2363 { border-left: 1px solid #ccc !important; } #nav_menu-2 .menu-quicklinks-container { margin: 20px 0 0 0; } .sarv .abs { display: none; height: auto; position: absolute; top: 0; width: 100%; } .sarv:hover div.abs{display:block; } .clr{clear:both; } .sarv img { width: 100%; height: auto; } .itembox img{ padding:0px !important; } span.footertxt{ font-family:'ProximaNova-Regular'; font-size: 15px; } .time{ border-right:1px solid #ccc; padding:0 5px 0 0; float:left; font-family:'ProximaNova-Regular'; color:#000; font-size: 13px; } .time span{ font-family:'ProximaNova-Bold'; } .instr{ font-family:'ProximaNova-Regular'; float:left; margin:0 0 0 5px; color:#000; font-size: 13px; } #revolution-slider h1{ font-family:'ProximaNova-Bold'; font-size:59px; line-height:58px; } @media screen and (min-width: 1500px) { .sarv img { height: auto; width: 100%; } .sarv .abs{ height: 100%; width: 100%; } .sarv > h1 { margin: 17% 0 0; } .rev_slider_1_1_wrapper { max-height: 640px !important; } } /*=== END OF 1500px MEDIA QUERY ===*/ @media only screen and (max-width: 480px) { .choosemnu { margin-left: 20px; } .sarv > h1 { font-size: 8vw; margin-right: 4vw; width: 100%; } } @media only screen and (min-width:1081px) and (max-width: 1365px) { .blbkbg{ width:100%; } .complogo{ width:100%; } .dark .one-third{ width: 26.5% !important; } section.portfolio ul li img{ height: auto; width: 100%; } .portfolio-title > a{ font-size: 13px; } .whychoose.heading.clearfix{ top: -78px; width:100%; } .whyconte .choosemnu h3{ font-size: 16px; } .complogo img {margin-right: 10px;} #colophon .one-fourth{margin-right: 1%;} span.footertxt{font-size: 14px;} .whychoose.heading.clearfix > img { height: 349px; } } @media only screen and (min-width : 1000px) and (max-width: 1024px) { .one-half {width: 56%;} .whychoose.heading.clearfix {top: -50px !important;} .footflag {width: 100px; background-size: 100%; height: 110px; margin-top: -115px;} section.portfolio.four-columns li {width: 22%;} } @media only screen and (min-width: 768px) and (max-width: 999px) { .address { float: left; font-size: 16px; margin-left: 35px; color: #443f3f; vertical-align: middle; margin-top: 5px; font-family: Helvetica1; margin-right:0; } #top-bar .right {width: 40%;} .left a{ font-size:15px !important; } .copy{ font-size: 12px; margin-right: 3%; } .compurl{font-size: 16px;} .right-sidebar .subbtn{width: 88%;} .tp-caption{left: 220.3375px !important;} .bannerfont{font-size: 42px;} .bannhead3{width: 69%;} .banneritalic{font-size: 52px;} .bannhead2{width: 67%;} .bannhead1{width: 90%;} .banndesc{font-size: 18px;} .booktit{font-size: 30px !important;} .blbkbg{width:100%;} .entry-content .whychoose h2{font-size: 44px;} .choosemnu h3{font-size: 16px;} .soc{width:100%;} .socico .face{font-size:12px;} .socico .inst{font-size: 12px;} #revolution-slider h1{ font-size: 50px; line-height: 50px; } .sarv > h1 { font-size: 16px !important; } .entry-content h2, .comment-content h2, #feature h2{ font-size: 16px; } .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth{ margin-right: 1%; } section.portfolio h2{font-size: 16px;} .whychoose.heading.clearfix{ width: 100%; } .choosemnu{margin-left:35px;} .whyconte .choosemnu h3{font-size: 13px;} .tp-button{ margin-left: 21px;} .content-block.bluediv{ height: auto; margin-top: 24px; } .portfolio-title > a{font-size: 9px;} .complogo img { margin-right: 8px; width: 12%; } .compurl a{font-size: 15px;} .phtxt{font-size: 14px !important;} #colophon .one-fourth{margin-right: 1%;} } /*=== END OF STUPID UNMARKED MEDIA QUERY, THANKS TO ADBUZZ AND THEIR FANTASTIC DEVELOPERS!!! ===*/ @media only screen and (min-width:480px) and (max-width: 567px) { #branding hgroup{width:70%;} #top-bar .left{ text-align: right !important; } .address { float: none; font-size: 17px; margin-right: 0px !important; color: #443f3f; vertical-align: middle; margin-top: 5px; font-family: Helvetica1; text-align: center; } .bannerfont{font-size: 24px;} .tp-caption{left: 52.1375px;} .banneritalic{font-size: 36px;} .banndesc{ font-size:8px; padding: 10px 10px 50px 10px; } .bannhead3{width:34%;} .bannhead2{width: 32%;} .bannhead1{width: 100%;} .tp-button a{ padding: 0px 8px 0px !important; font-size: 18px; width:20%; } .booktit{ font-size: 24px !important;} .bookcont{ font-size: 12px !important;} .entry-content .whychoose h2{ font-size: 50px;} .blbkbg{ width:100%;} .choosemnu li{ margin-top:0px;} .whyconte .choosemnu h3{ font-size: 18px;} .footflag {display:none;} #sub-footer{ padding: 8px 0 !important;} .copy{ width:100%;} .right-sidebar .subbtn{ width: 90%;} #revolution-slider h1{ font-size: 38px; line-height: 36px; } .sarv { float: left; height: auto; margin: 0 3px 0px 3px; position: relative; width: 48.6%; } .sarv > h1{ font-size: 4.5vw !important; margin-right: 0 !important; } .inner h2.tit{ font-size: 30px; } section.portfolio ul li img{ padding: 0; } .bgblue .last { margin: 223px 0 0 !important; } .content-block.bluediv{ height:auto; } .whychoose.heading.clearfix > img { width: 100%; } .bgblue{ height: 454px; } } @media only screen and (max-width: 479px) { #branding hgroup{ width:75%; } #top-bar .left{ text-align:right !important; } .address { float: none; font-size: 15px; margin-right: 0px !important; color: #443f3f; vertical-align: middle; margin-top: 5px; font-family: Helvetica1; text-align: center; } .bannerfont{font-size: 20px;} .tp-caption{ left: 122.1px !important; } .banneritalic{ font-size: 36px; } .banndesc{ font-size:7px; padding: 10px 0px 50px 10px; } .bannhead3{ width:34%; } .bannhead2{ width: 32%; } .bannhead1{ width: 100%; } .tp-button a{ padding: 0px 8px 0px !important; font-size: 18px; width:20%; } .booktit{ font-size: 24px !important; } .bookcont{ font-size: 12px !important; } .entry-content .whychoose h2{ font-size: 38px; } .blbkbg{width:100%;} .choosemnu li {margin-top:0px;} .whyconte .choosemnu h3 {font-size: 18px;} .footflag {display:none;} #sub-footer{ padding: 0px 0 !important; } .copy{ width:100%; font-size: 11px; } .right-sidebar .subbtn{ width: 90%; } #revolution-slider h1{ font-size: 25px; line-height: 26px; } .sarv { float: left; height: auto; margin: 0 3px; width: 100%; position: relative; } .inner h2.tit{ font-size: 22px; } section.portfolio ul li img{ padding: 0; } .bgblue .last { margin: 110px 0 0 !important; } .content-block.bluediv{ height:365px; } .whychoose.heading.clearfix > img { width: 100%; } .bgblue{ height: 454px; } .whyconte .choosemnu h3 { font-size: 13px; } .tp-button{ margin-left:0px !important; } /*=== Extra css===*/ #revolution-slider h1 { font-size: 17px !important; line-height: 15px !important; } #revolution-slider h1 span { color: #ffde00 !important; font-size: 11px !important; } .content-block.bluediv {background-repeat:no-repeat !important; background-size:100% 100% !important} } @media only screen and (max-width: 359px) { #branding hgroup{ width:75%; } #top-bar .left{text-align:right !important;} .address { float: none; font-size: 15px; margin-right: 0px !important; color: #443f3f; vertical-align: middle; margin-top: 5px; font-family: Helvetica1; text-align: center; } .bannerfont{ font-size: 20px; } .tp-caption{ left: 122.1px !important; } .banneritalic{ font-size: 36px; } .banndesc{ font-size:7px; padding: 10px 0px 50px 10px; } .bannhead3{ width:34%; } .bannhead2{ width: 32%; } .bannhead1{ width: 100%; } .tp-button a{ padding: 0px 8px 0px !important; font-size: 18px; width:20%; } .booktit{font-size: 24px !important;} .bookcont{font-size: 12px !important;} .entry-content .whychoose h2{font-size: 38px;} .blbkbg{width:100%;} .choosemnu li{margin-top:0px;} .whyconte .choosemnu h3{font-size: 18px;} .footflag{display:none;} #sub-footer{padding: 0px 0 !important;} .copy{ width:100%; font-size: 11px; } .right-sidebar .subbtn{width: 90%;} #revolution-slider h1{ font-size: 25px; line-height: 26px; } .inner h2.tit{font-size: 22px;} section.portfolio ul li img{padding: 0;} .bgblue .last {margin: 110px 0 0 !important;} .content-block.bluediv{height:auto;} .whychoose.heading.clearfix > img {width: 100%;} .bgblue{height: 300px;} .whyconte .choosemnu h3 {font-size: 13px;} .tp-button{margin-left:0px !important;} .choosemnu{margin-left:0;} .content-block.bluediv {background-repeat:no-repeat !important; background-size:100% 100% !important} } /*=== END OF 368 MEDIA QUERY ===*/ #revolution-slider h1 {color:#FFF;} #revolution-slider h1 span {color:#ffde00 !important;} .ri-cap {text-align: right;} input[type="submit"] { width: 96.5% !important; max-width: 698px; padding: 15px 0; } .page-id-2485 .one-half { height: auto !important; position: inherit; } .page-id-2483 .one-half { height: auto !important; position: inherit; } .page-id-2487 .one-half { height: auto !important; position: inherit; } .page-id-2411 .one-half.last { height: auto !important; position: inherit; } .page-id-2411 .one-half { height: auto !important; position: inherit; } /*=== Extra css ===*/ @media only screen and (max-width: 640px) { .rev_slider_wrapper .rev_slider ul li, .rev_slider_wrapper .rev_slider >ul >li, .rev_slider_wrapper .rev_slider >ul >li:before {margin:0px !important;} .bgblue .one-half {width:70% !important; margin:0 auto !important} .bgblue .last { margin: 0px auto !important; width:90% !important; float:none !important; } #top-bar .left, #top-bar .right, #top-bar .widget { text-align: center !important; } .phone { font-size: 16.5pt !important; } .contactfixed { width: 100%; left: 0; margin-left: -15px; background-color: rgb(0, 73, 147) !important; font-size: 16pt !important; text-align: center; padding: 15px !important; border-top: 4px solid #FFFFFF; z-index: 9999999999999999999 !important; } .buttons-menu #access, #access { top: 5px !important; right: 10px !important; } } /*=== FLUENT NAVIGATION LOGO RESPONSIVENESS ===*/ @media only screen and (max-width: 860px) { #site-title img { padding: 10px 0px 0px 0px; margin-top: -5px; } .buttons-menu #access a, #access a { padding: 0 25px !important; } #menu-quicklinks a { font-size: 11px; } } /*=== END OF 860 NAVIGATION FIX MEDIA QUERY ===*/ @media only screen and (max-width: 768px) { .sidebarlogosponsors { width: 100%; float: none; text-align: center; } #branding hgroup { margin-bottom: 21px !important; } .tmgd-half { top: 0; float: none !important; width: 100% !important; padding-right: 0; padding: 25px 0; border-bottom: 1px solid #EFEFEF; } #menu-header-menu li a { height: 75px; } #access a { line-height: 80px !important; } #feature, #main { margin-top: 0px !important; } .content-block.bluediv { display: none !important; } .dark .one-third { width: 25%; } .est1976extra { font-size: 80px !important; margin-top: -100px !important; margin-bottom: 10px; line-height: 60px; } } /*=== END OF 768px MEDIA QUERY ===*/ h1, h2, h3, h4, h5, h6 { font-family: 'ProximaNova-Bold', 'ProximaNova-Regular', 'Helvetica', 'Sans-Serif' !important; } .est1976extra { float: right; text-align: right; margin-top: -68px; font-size: 105px; color: #EFEFEF; } #text-5 a { font-size: 30px; margin-top: 8px; } .contactfixed { position: fixed; bottom: 0; right: 0; padding: 20px; font-family: 'ProximaNova-Bold', 'ProximaNova-Regular', sans-serif; font-size: 18pt; background-color: rgba(6, 65, 160, 0.8); color: #FFFFFF !important; z-index: 999; text-decoration: none !important; } .contactfixed a { text-decoration: none !important; color: #FFFFFF !important; } .contactfixed:hover { font-size: 24pt !important; } .sarv { z-index: 9999 !important; } .readh { display: none !important; } .dakkcont { margin-top: 20px; } .whychoose.heading.clearfix img { width: 100%; } .slider-caption, .slider-caption h1 { font-size: 5vw !important; line-height: 2.5vw !important; } .sidebarlogosponsors { width: 95%; text-align: center; } .home .entry-content { display: none; } .slide2-content { position: absolute !important; left: 10vw !important; top: 10vh !important; } section.portfolio.title-bottom ul li img { width: 100%; } .tmgd-half { top: 0; float: left; width: 48%; padding-right: 10px; }