/* See http://code.google.com/p/minify/wiki/CommonProblems#@imports_can_appear_in_invalid_locations_in_combined_CSS_files */ div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; background: transparent; } a{vertical-align: baseline;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } html, body { display: block; height: 100%; min-height: 100%; } h1, h2, h3, h4, h5, h6, span, p, input { margin: 0; padding: 0; } table, tr, td { margin: 0; padding: 0; border-collapse: collapse; } ul, li, ol { margin: 0; padding: 0; } img { border: none; } /*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-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; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }@charset UTF-8; @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800); @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700); /* Style Index * / #0 Reset #1 Layout Structure #2 Main header #3 Main menu #4 Content styling #5 Comments #6 Photo gallery #7 Sidebar styling #8 Footer /* #0 Reset */ body { font-size: 14px; font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; color: #5e5e5e; background: url(/wp-content/themes/fraction-theme/images/background-1.jpg); } body, html { height: auto; } /* #1 Layout Structure */ a { color: #e34922; text-decoration: none; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } a:hover { color: #e34922; text-decoration: none; } .content a:hover { color: #e34922; text-decoration: underline; } a:focus { outline: 0; } .clear-float { clear:both; } .wrapper { width: 1190px; margin: 0px auto; position: relative; } .boxed:not(.active) { background: #fff; } .active.boxed { width: 1250px; margin: 0px auto; background: #fff; box-shadow: 0 0px 10px rgba(0,0,0,0.2); padding: 0px; min-height: 100%; } .left { float: left; } .right { float: right; } i.fa { line-height: inherit!important; font-weight: normal!important; font-size: inherit!important; display: inline-block!important; } img { max-width: 100%; height: auto; } .widget .list-group, .ot-slider .ot-slider-layer strong { font-family: 'Montserrat', sans-serif; } h1, h2, h3, h4, h5, h6 { line-height: 120%; font-family: 'Montserrat', sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none!important; } p { line-height: 150%; margin-bottom: 15px; } /* #2 Main header */ .header { display: block; /*background: silver;*/ padding-top: 20px; } .header.makefixed .header-right:not(.no-bottom) .search-header input[type=text], .header.makefixed .header-right:not(.no-bottom) .search-header input[type=search] { height: 46px; } .header.makefixed .header-right:not(.no-bottom) .search-header input[type=submit] { line-height: 46px; height: 46px; } .header.makefixed .header-right:not(.no-bottom) .search-header:after { line-height: 46px; height: 46px; font-size: 18px; } .header.makefixed > .wrapper { position: fixed; z-index: 100; top: 0px; margin-left: 25px; box-shadow: 0 5px 3px rgba(0,0,0,0.06); } .admin-bar .header.makefixed > .wrapper { top: 32px; } .header.makefixed .header-right:not(.no-bottom) .main-menu li > a i { font-size: 0; } .header.makefixed .main-menu li > a i { font-size: 0.8em; } .header.makefixed .header-socials { display: none!important; } .header.makefixed .header-logo { border-bottom: 0px; padding-bottom: 0px; } .header .header-logo h1 { font-size: 2.6em; } .header.makefixed .header-logo h1 { font-size: 1.46em; line-height: 100%; } .header.makefixed .main-menu > ul > li:not(.has-ot-mega-menu) li > a, .header.makefixed .main-menu > ul > li > a { font-size: 1em; padding: 16px 20px 16px 20px; } .header .header-right.no-bottom.has-social-block .main-menu > ul > li > a { font-size: 1.2em; padding: 38px 20px 37px 20px; } .header-right.no-bottom.has-social-block .search-header input[type=text], .header-right.no-bottom.has-social-block .search-header input[type=search] { height: 107px; } .header-right.no-bottom.has-social-block .search-header:after, .header-right.no-bottom.has-social-block .search-header input[type=submit] { height: 107px; line-height: 107px; } .header.makefixed .under-menu li a { font-size: 0.8em!important; } .header.makefixed .under-menu { line-height: 38px; } .header a { color: #fff; } .header > .wrapper { display: table; } .header:not(.makefixed) > .wrapper { left: 0px!important; margin-left: auto!important; } .header .header-left { display: table-cell; background: #1a1a1a url(/wp-content/themes/fraction-theme/images/header-logo-back.png) no-repeat top center; background-size: 100% auto; width: 20%; text-align: center; } .header .header-logo { display: block; margin: 12px 27px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative; } .header .header-left.no-socials .header-logo { border-bottom: 0px; padding-bottom: 0px; } .header .header-logo > a { position: relative; display: block; z-index: 5; } .header.makefixed .header-logo > a img { height: 20px; } /*.header.makefixed .header-logo > strong { line-height: 20px; font-size: 1em; }*/ .header.makefixed .header-left { width: 13%; } .header.makefixed .header-right { width: 87%; } .header .header-logo > strong { display: block; opacity: 0; position: absolute; color: #fff; top: 0px; left: 0px; width: 100%; line-height: 50px; z-index: 0; text-transform: uppercase; font-size: 1.4em; font-weight: 300; } .header .header-socials { margin: 12px 27px; text-align: center; } .header .header-socials a { font-size: 1em; display: inline-block; padding: 0 7px; } .header .header-right { display: table-cell; background: #e34a23; color: #fff; width: 80%; } .header { display: block; margin-bottom: 40px; /*position: relative;*/ z-index: 1000; } .search-header { display: block; top: 0px; right: 0px; } .search-header input[type=text], .search-header input[type=search] { display: block; border: 0px; background: transparent; z-index: 3; position: absolute; top: 0px; height: 72px; padding: 0; font-size: 18px; font-family: "Open Sans", sans-serif; font-weight: 300; color: #fff; width: 9%; right: 0px; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -webkit-appearance: none; } .search-header input[type=text]:focus, .search-header input[type=search]:focus, .search-header.active input[type=text], .search-header.active input[type=search] { width: 91%; right: 9%; opacity: 1; padding: 0 25px; background: #232323!important; } .main-menu li { -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; opacity: 1; } .main-menu > ul > li { /*padding-right: 1px;*/ } .main-menu > ul > li > a { box-shadow: inset -1px 0 0 rgba(255,255,255,0.2); transition: color, background 0.2s; -moz-transition: color, background 0.2s; -webkit-transition: color, background 0.2s; -o-transition: color, background 0.2s; } .main-menu > ul > li.no-description > a { padding-top: 27px; padding-bottom: 27px; } .header .search-header:after, .header .under-menu li a { transition: color, background 0.2s; -moz-transition: color, background 0.2s; -webkit-transition: color, background 0.2s; -o-transition: color, background 0.2s; } .hidelis li { opacity: 0; } .search-header input[type=submit] { display: block; position: absolute; right: 0px; top: 0px; z-index: 2; line-height: 72px; height: 72px; border: 0px; cursor: pointer; width: 9%; background: transparent; color: transparent; } .search-header input[type=search]::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } .search-header input[type=search]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } .search-header input[type=search]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } .search-header input[type=search]:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .search-header:after { display: block; position: absolute; content: '\f002'; font-family: "FontAwesome"; top: 0px; right: 0px; z-index: 0; width: 9%; line-height: 72px; height: 72px; font-size: 26px; text-align: center; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; } .search-header.active:after { background: #232323; } /* #3 Main menu */ .main-menu { display: block; z-index: 100; position: relative; background-color: inherit; } .main-menu ul { background-color: inherit; width: 100%; position: relative; } .main-menu li { display: block; float: left; background: inherit; position: relative; } .main-menu ul.sub-menu > li a { background: transparent; } .main-menu > ul > li:not(.has-ot-mega-menu) li a, .main-menu > ul > li > a { display: block; padding: 20px; color: #fff; text-decoration: none; z-index: 2; position: relative; background: inherit; text-transform: uppercase; font-size: 1.2em; font-weight: 500; } .main-menu > ul > li:not(.has-ot-mega-menu) li > a { font-size: 1em; padding: 17px 20px 17px 20px; font-weight: 700; } .main-menu li > a i { font-size: 0.6em; font-weight: 300; font-style: normal; display: block; line-height: 150%; } .main-menu li a > span { padding-right: 18px; display: block; position: relative; } .main-menu li a > span:after { display: block; font-family: "FontAwesome"; content: "\f107"; position: absolute; right: 0px; top: 0px; } .header .under-menu ul ul li a > span:after, .main-menu .sub-menu li a > span:after { content: '\f105'; } .main-menu li > ul { display: none; position: absolute; left: 0px; top: 100%; width: 300px; padding-left: 0px; padding-bottom: 6px; box-shadow: 0 3px 10px rgba(0,0,0,0.2); } /*.main-menu li > ul.ot-mega-menu { position: static; }*/ .main-menu li > ul:not(.ot-mega-menu) ul { left: 100%; top: 0px; } .main-menu li > ul.widget { width: 100%; } .main-menu li ul.ot-mega-menu ul { box-shadow: none; } .main-menu li ul.ot-mega-menu a > span:after { display: none; } .main-menu li:hover > ul { display: block; } .main-menu > ul > li:not(.has-ot-mega-menu) li:hover > a, .main-menu > ul > li:hover > a { background: #1e1e1e; color: #fff!important; } .main-menu li ul > li { float: none; display: block; margin-bottom: 0px; } .main-menu li > ul.sub-menu > li:after { display: block; position: absolute; bottom: 0px; height: 1px; background: rgba(255,255,255,0.03); left: 7%; right: 7%; content: ''; z-index: 2; } .main-menu li > ul.sub-menu.widget > li:after { display: none; } .main-menu > ul > li:not(.has-ot-mega-menu) > ul li > a { background: #1e1e1e; color: #a7a7a7; font-weight: normal; } .main-menu > ul > li:not(.has-ot-mega-menu) li:hover > a { background: #2b2b2b; color: #fff!important; } .main-menu.transition-active > ul > li > ul { visibility: hidden; } .main-menu.transition-active > ul > li:hover > ul { visibility: visible; } .header .under-menu { display: block; background: rgba(255,255,255,0.13); clear: both; line-height: 40px; z-index: 99; position: relative; } .header .under-menu:after { display: block; clear: both; content: ''; } .header .under-menu li { display: block; float: left; position: relative; background: transparent; } .header .under-menu > ul > li { border-right: 1px solid rgba(255,255,255,0.1); } .header .under-menu li a { display: block; padding: 0px 20px; color: rgba(255,255,255,0.9); font-size: 0.86em; font-weight: 500; text-transform: uppercase; text-decoration: none; } .header .under-menu li a > span:after { display: inline-block; content: "."; padding-left: 5px; } .header .under-menu li > ul { display: none; position: absolute; left: 0px; top: 100%; width: 230px; padding-left: 0px; background: #1a1a1a; } .header .under-menu li > ul a { color: #fff; background: transparent; } .header .under-menu li > ul li:hover > a { color: #fff; background: rgba(255,255,255,0.1); } .header .under-menu li > ul ul { left: 100%; top: 0px; } .header .under-menu li:hover > ul { display: block; } .header .under-menu li:hover > a { background: #1a1a1a; color: #fff!important; } .header .under-menu li:hover > ul li { float: none; display: block; } .header .under-menu li a > span { padding-right: 18px; display: block; position: relative; } .header .under-menu li a > span:after { display: block; font-family: "FontAwesome"; content: "\f107"; position: absolute; right: 0px; top: 0px; } /* megamenu */ .main-menu ul:after { clear: both; content: ''; display: block; } .main-menu li.has-ot-mega-menu { position: static!important; } .main-menu .ot-mega-menu { /*display: block;*/ position: absolute; left: 0px; width: 100.01%; } .main-menu .ot-mega-menu > li, .main-menu .ot-mega-menu > li > div { display: block; background: #1e1e1e; /*padding: 20px;*/ } .main-menu .ot-mega-menu > li.ot-dropdown:after, .main-menu .ot-mega-menu > li > div:after { display: block; clear: both; content: ''; } .main-menu .ot-mega-menu > li.ot-dropdown { float: left; width: 33.333333%; } .main-menu .ot-mega-menu > li.ot-dropdown > ul { display: block; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-menu .ot-mega-menu > li > div > div.widget { float: left; width: 33.333%; display: block; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav.main-menu { background: url(/wp-content/themes/fraction-theme/images/header-menu-back.png) no-repeat top center; background-size: 100% 100%; } .ot-mega-menu .widget:after { display: block; clear: both; content: ''; } .ot-mega-menu .widget.nopaddingplease { padding: 0px!important; } .ot-mega-menu .widget.lightcolor { background: #2b2b2b; z-index: 1; } .ot-mega-menu .widget-menu { display: block; margin-bottom: 0px; padding-bottom: 0px; background: transparent; } .ot-mega-menu .widget-menu li a i.fa { padding-right: 14px; } .ot-mega-menu .widget-menu li { display: block; background: transparent; position: relative; } .ot-mega-menu .widget-menu li:after { display: block; position: absolute; content: ''; background: rgba(255,255,255,0.07); height: 1px; top: 100%; left: 0px; width: 100%; } .ot-mega-menu .widget-menu li:last-child:after { display: none; } .ot-mega-menu .widget-menu a { display: block; background: transparent; font-size: 1em; padding: 17px 18px; margin-top: 1px; text-transform: none; } .ot-mega-menu .widget-menu li:hover > a { display: block; background: rgba(0,0,0,0.3); } .ot-mega-menu { overflow: hidden; } .ot-mega-menu .widget { position: relative; } .ot-mega-menu .widget .article-block .item:after, .ot-mega-menu .widget .article-block:after { display: block; clear: both; content: ''; } .ot-mega-menu .widget .article-block .item { clear: both; display: block; border-bottom: 1px dotted #444; padding-bottom: 14px; margin-bottom: 14px; } .ot-mega-menu .widget .article-block .item:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px; } .ot-mega-menu .widget .article-block .item-header { display: block; float: left; } .ot-mega-menu .widget .article-block .item.featured .item-header img { width: 110px; height: 110px; } .ot-mega-menu .widget .article-block .item.featured .item-content { display: block; margin-left: 125px!important; } .ot-mega-menu .widget .article-block .item-content { display: block; margin-left: 65px!important; } .ot-mega-menu .widget .article-block .item-content p { font-size: 12px; margin-bottom: 6px; line-height: 15px; opacity: 0.5; } .ot-mega-menu .widget .article-block .item-content h4 { font-size: 18px; margin-bottom: 6px; font-weight: 400; line-height: 15px; } .ot-mega-menu .widget .article-block .item-content span { font-size: 13px; font-weight: 400; line-height: 15px; opacity: 0.5; } .ot-mega-menu .widget { position: relative; } .ot-mega-menu .widget .widget-menu { z-index: 3; position: relative; } .ot-mega-menu > .menu-item:before { display: block; right: 100%; top: 20px; bottom: 20px; border-left: 1px dotted #444; content: ''; position: absolute; z-index: 0; } .ot-mega-menu .widget:before { display: block; top: 20px; bottom: 20px; right: 100%; border-left: 1px dotted #444; content: ''; position: absolute; z-index: 0; } .ot-mega-menu .widget:first-child:before { display: none; } /* #4 Content styling */ .home-featured-article { display: block; position: relative; margin-bottom: 40px; } .home-featured-article .home-featured-item { display: block; z-index: 2; position: absolute; left: 0px; top: 0px; visibility: hidden; text-decoration: none; min-height: 220px; } .home-featured-article .home-featured-item .feature-text { display: block; position: absolute; width: 70%; text-align: center; padding-bottom: 70px; bottom: 0px; padding-left: 15%; padding-right: 15%; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.7); box-shadow: inset 0 -380px 110px -200px rgba(0,0,0,0.7); padding-top: 70px; } .home-featured-article .home-featured-item .feature-text strong { display: block; margin-bottom: 15px; font-size: 2.6em; font-family: 'PT Sans Narrow', sans-serif; } .home-featured-article .home-featured-item .feature-text span { display: block; font-size: 1.2em; line-height: 150%; } .home-featured-article .home-featured-item.active { position: relative; left: 0px; top: 0px; visibility: visible; } .home-featured-article .home-featured-menu { display: block; z-index: 4; position: absolute; width: 100%; bottom: 0px; left: 0px; text-align: center; height: 1px; position: relative; top: -35px; } .home-featured-article .home-featured-menu a { display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size: 20px; overflow: hidden; color: transparent; background: transparent; box-shadow: inset 0 0 0 2px #fff; border-radius: 50%; margin-top: -20px; margin-left: 2px; margin-right: 2px; } .home-featured-article .home-featured-menu a:hover { color: transparent; background: #fff; } .home-featured-article .home-featured-menu a.active { background: #fff; } .ot-slider { display: block; padding-bottom: 40px; position: relative; background: #fff; z-index: 20; } .ot-slider:after { display: block; clear: both; content: ''; } .ot-slider .ot-slide { display: block; position: relative; } .ot-slider .ot-slider-layer { display: block; position: relative; float: left; overflow: hidden; } .ot-slider .ot-slider-layer img { max-width: 100%; height: auto; } .ot-slider .ot-slider-layer a { color: #fff!important; text-shadow: 0 1px 1px rgba(0,0,0,0.5); } .ot-slider .ot-slider-layer a:before { display: block; position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0) url("/wp-content/themes/fraction-theme/images/slider-img-bg.png") no-repeat center; background-size: 100% 100%; opacity: 0.5; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .ot-slider .ot-slider-layer a:hover:before { opacity: 0.9; background: rgba(0,0,0,0.2) url("/wp-content/themes/fraction-theme/images/slider-img-bg.png") no-repeat center; background-size: 100% 100%; } .ot-slider .ot-slider-layer strong { display: block; position: absolute; z-index: 5; bottom: 30px; left: 30px; right: 30px; font-size: 1.9em; font-weight: 600; letter-spacing: -1px; text-transform: uppercase; line-height: 120%; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .ot-slider .ot-slider-layer a:hover strong { bottom: 35px; } .ot-slider .ot-slider-layer strong i { font-style: normal; display: block; position: absolute; bottom: 100%; padding: 5px 10px; letter-spacing: 0px; font-size: 0.5em; background: #232323; text-shadow: none!important; margin-bottom: 10px; line-height: 120%; } .ot-slider .ot-slider-layer.first { width: 43.36%; margin-right: 0.84%; } .ot-slider .ot-slider-layer.second { width: 20.79%; margin-right: 0.84%; } .ot-slider .ot-slider-layer.second a strong { font-size: 1.3em; } .ot-slider .ot-slider-layer.third { margin-bottom: 0.7%; } .ot-slider .ot-slider-layer.fourth, .ot-slider .ot-slider-layer.third { width: 34.126%; } .ot-slider .ot-slider-layer.fourth a strong, .ot-slider .ot-slider-layer.third a strong { font-size: 1.32em; } .main-title { display: block; margin-bottom: 40px; padding: 4px 18px 10px 18px; font-size: 1.2em; text-transform: uppercase; color: #444444; border-left: 4px solid #e34922; } .main-title h2 { font-size: 2em; font-weight: 800; color: #444444; letter-spacing: -2px; } .main-title span { color: #999999; } .main-content:after { display: block; clear: both; content: ''; } .main-content.has-sidebar:before { display: block; content: ''; right: 27.66%; width: 1px; height: 100%; background: transparent; z-index: 0; border-right: 1px dotted #ccc; position: absolute; top: 0px; } .main-content.has-sidebar.big-sidebar-left:before { right: auto; left: 27.66%; } .main-content.has-sidebar > .left-content { display: block; float: left; width: 69.702%; } .main-content.has-double-sidebar > .left-content { display: block; float: left; width: 55.3%; } .main-content.has-sidebar > .left-content.right, .main-content.has-double-sidebar > .left-content.right, .main-content.has-small-sidebar > .left-content.right, .main-content > .left-content.right { float: right; } .main-content.has-small-sidebar > .left-content { display: block; float: left; width: 83.5%; } .main-content.has-double-sidebar #sidebar { margin-left: 3%; } .article-content .article-header iframe { width: 100%; } .main-content .article-list .item .item-header { font-size: 1.6em; } .main-content .article-list .item .item-header iframe { width: 100%; } .main-content .article-list .item .item-header p { width: 100%!important; white-space: normal; } .image-hover { display: inline-block; overflow: hidden; } .image-hover figure { margin: 0px; padding: 0px; position: relative; overflow: hidden; } .image-hover figure svg { position: absolute; top: 0px; left: 0px; z-index: 2; height: 100%; width: 100%; } .image-hover figure figcaption { position: absolute; top: 0px; z-index: 3; height: 100%; width: 100%; } .main-content.has-double-sidebar .article-list .image-hover figure figcaption { font-size: 0.65em; } .ot-mega-menu .widget .coloralert i { line-height: 110%!important; } .image-hover .hover-text { width: 100%; height: auto; text-align: center; position: absolute; z-index: 3; top: 90%; color: #fff; font-size: 2.1em; line-height: 100%; opacity: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .has-sidebar .home-block .article-list-block .image-hover .hover-text { font-size: 1.5em; } .image-hover:hover .hover-text { opacity: 1; top: 43%; } .image-hover .hover-text span { display: block; text-transform: uppercase; padding-top: 3px; font-size: 0.45em; line-height: 100%; } .image-hover img { transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .image-hover:hover img { transform: scale(1.1) rotate(2deg); -moz-transform: scale(1.1) rotate(2deg); -webkit-transform: scale(1.1) rotate(2deg); } .article-list { display: block; } .article-list .item { display: block; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #ccc; } .article-list .item .item-header { display: block; margin-bottom: 20px; } .article-list .item .item-content .content-category { display: block; margin-bottom: 5px; font-size: 1.3em; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; } .article-list .item .item-content .content-category a:hover { color: #232323!important; text-decoration: none!important; } .article-list .item .item-content h3 { display: block; margin-bottom: 12px; font-size: 2.2em; color: #444444; font-weight: 600; font-family: 'PT Sans Narrow', sans-serif; } .article-list .item .item-content p { display: block; margin-bottom: 15px; font-size: 1.1em; color: #737373; } .read-more-link { display: inline-block; font-size: 1.1em; font-weight: 600; line-height: 100%; } .read-more-link i.fa { padding-left: 10px; } .banner { display: block; text-align: center; } .home-block .banner { text-align: center; padding-bottom: 40px; } .home-block .banner img { max-width: 100%; height: auto; } .article-list .item.image-left .item-content h3 { font-size: 1.6em; } .item.image-left:after { display: block; clear: both; content: ''; } .item.image-left .item-header { width: 42.5%; float: left; margin-bottom: 0px; } .item.image-left .item-content { margin-left: 47%; } .image-left .image-hover .hover-text { padding-top: 4px; font-size: 1.5em; } .has-sidebar .image-left .image-hover .hover-text { font-size: 1.3em; } .widget .coloralert > i.fa { margin-top: 7px; } .header .widget .coloralert > i.fa { line-height: 60%!important; } .big-message { display: block; text-align: center; padding: 100px 0; } .big-message h2 { font-size: 200px; display: inline-block; padding: 16px 60px; line-height: 100%; background: #e34a23; color: #fff; margin-bottom: 20px; font-weight: 900; } .big-message h3 { display: inline-block; border-bottom: 2px solid #444444; font-weight: 300; font-size: 50px; color: #444444; text-transform: uppercase; margin-bottom: 25px; } .big-message p { display: block; font-size: 1.2em; } .big-message .msg-menu { padding-top: 20px; display: block; font-size: 1.3em; font-weight: bold; } .big-message .msg-menu a { display: inline-block; padding: 0 9px; color: #444444; position: relative; } .big-message .msg-menu a:after { display: block; width: 1px; height: 100%; top: 0px; right: -4px; content: ''; background: #ccc; position: absolute; } .big-message .msg-menu a:last-child:after { display: none; } .postside { width: 160px; padding-left: 25px; } .postside > h3 { display: block; padding-bottom: 10px; margin-bottom: 15px; font-size: 1.3em!important; font-weight: 800; text-transform: uppercase; letter-spacing: -0.5px; } .postside .item h4 { display: block; margin-bottom: 10px; color: #444444; font-size: 1.15em!important; font-weight: 600!important; } .postside .item p { font-size: 1em!important; } .article-content { display: block; } .article-content:after { display: block; clear: both; content: ''; } .article-header { display: block; clear: both; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #dadada; } .article-header > span { display: block; margin-top: 8px; font-size: 1.2em; color: #9c9c9c; } .article-header > span a { color: inherit; } .article-header > span > span { display: inline-block; position: relative; padding-right: 10px; margin-right: 10px; } .article-header > span > span:after { display: block; content: '/'; position: absolute; right: -6px; top: 0px; opacity: 0.3; } .article-header > span > span:last-child:after { display: none; } .article-content .article-header h1 { display: block; margin-bottom: 0px; } .article-content .article-header .video-embed, .article-content .article-header iframe, .article-content .article-header img { margin-bottom: 25px; } .article-content .article-header .content-category { display: block; margin-bottom: 5px; font-size: 1.3em; text-transform: uppercase; } .tag-cloud-body { display: block; border-top: 1px dotted #ccc; padding-top: 40px; margin-top: 40px; } .tag-cloud-body a { display: inline-block; background: transparent; background: #e34a23; color: #fff; padding: 7px 13px; position: relative; border: 1px solid transparent; text-decoration: none!important; text-transform: uppercase; font-size: 1em; font-weight: 600; border-radius: 3px; margin: 0px 2px 6px 0; box-shadow: inset 0 0 0 20px #fff; color: #e34a23; } .tag-cloud-body a:hover { box-shadow: inset 0 0 0 0 transparent; color: #fff!important; } .comment-list, .article-body-banner, .share-article-body { border-top: 1px dotted #ccc; padding-top: 45px; margin-top: 45px; display: block; position: relative; } .share-article-body .right { position: absolute; z-index: 5; top: 48px; right: 0px; } .share-body { display: block; float: left; color: #fff!important; text-decoration: none!important; position: relative; margin-left: 8px; } .share-body:hover { background: #444444; } .share-body i.fa { display: block!important; text-align: center; font-size: 1.8em!important; padding: 18px 0; width: 65px; } .share-body span { display: block; position: absolute; bottom: 5px; right: 5px; font-size: 0.75em; } .ot-facebook { background: #3b5998; } .ot-twitter { background: #00aced; } .ot-google { background: #dd4b39; } .ot-linkedin { background: #007bb6; } .ot-pinterest { background: #cb2027; } .review-article-detail, .similar-articles-list { display: block; background: #444444; color: #fff; margin-top: 45px; padding-top: 25px; margin-bottom: -46px; position: relative; z-index: 2; } .review-article-detail .main-title span, .review-article-detail .main-title h2, .similar-articles-list .main-title span, .similar-articles-list .main-title h2 { color: #fff; } .similar-articles-list .owl-theme .owl-controls { background: rgba(0,0,0,0.2); padding: 10px 0; margin-left: -14px; margin-right: -14px; } .similar-articles-list .owl-theme .owl-controls .owl-page span { background: #fff; } .similar-articles-list .similar-articles { padding: 0 14px; width: auto!important; } .similar-articles-list .similar-articles .item { padding: 10px 12px; text-align: center; } .similar-articles-list .similar-articles .item .item-header { display: block; margin-bottom: 8px; } .similar-articles-list .similar-articles .item a { color: #fff!important; } .similar-articles-list .similar-articles .item h4 { display: block; font-size: 1.3em; font-weight: 500; margin-bottom: 6px; line-height: 120%; font-family: 'PT Sans Narrow', sans-serif; } .similar-articles-list .similar-articles .item span { font-size: 0.9em; opacity: 0.3; } .review-item-bottomline .ot-star-rating:after, .review-item-line .ot-star-rating:after { color: rgba(0,0,0,0.3); } .review-item-bottomline .ot-star-rating > span:after, .review-item-line .ot-star-rating > span:after { color: #FFE000; } .review-summary-list { display: block; padding: 15px 23px; } .review-summary-list .review-item-line { display: block; margin-bottom: 19px; padding-bottom: 19px; border-bottom: 1px dotted rgba(255,255,255,0.3); position: relative; } .review-summary-list .review-item-line:last-child { margin-bottom: 0px; border-bottom: 0px; padding-bottom: 10px; } .review-summary-list .review-item-line > strong { display: block; font-size: 1.3em; } .review-summary-list .review-item-line > .right-bottom, .review-summary-list .review-item-line > .ot-star-rating { display: block; position: absolute; right: 0px; top: 0px; text-align: center; } .review-item-bottomline { padding: 23px; background: rgba(0,0,0,0.2); } .review-item-bottomline:after { display: block; clear: both; content: ''; } .review-item-bottomline .left-bottom { float: left; width: 80%; text-align: left; } .review-item-bottomline .left-bottom > strong { margin-bottom: 10px; font-size: 2em; display: block; } .review-item-bottomline .right-bottom { float: left; width: 20%; text-align: center; } .review-item-bottomline p { padding-right: 20px; } .review-item-bottomline p:last-child { margin-bottom: 0px; } .review-item-bottomline .right-bottom h2 { font-size: 3em; } .review-item-bottomline .right-bottom > span { display: block; margin-bottom: 15px; } .article-review-block { display: block; margin-bottom: 40px; } .article-review-block:after { display: block; clear: both; content: ''; } .article-review-block .item { width: 32.65%; margin-left: 1%; float: left; } .article-review-block .item:nth-child(3n+1) { clear: both; margin-left: 0px; } .article-review-block .item a { display: block; color: #fff; position: relative; } .article-review-block .item a:hover { color: #fff; } .article-review-block .item a:before { display: block; position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0) url("/wp-content/themes/fraction-theme/images/slider-img-bg.png") no-repeat center; background-size: 100% 100%; opacity: 0.5; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .article-review-block .item a:hover:before { opacity: 0.9; background: rgba(0,0,0,0.2) url("/wp-content/themes/fraction-theme/images/slider-img-bg.png") no-repeat center; background-size: 100% 100%; } .article-review-block .item a img { display: block; width: 100%; height: auto; } .article-review-block .item a > span { display: block; position: absolute; z-index: 5; bottom: 30px; left: 30px; right: 30px; font-size: 1.5em; font-weight: 600; letter-spacing: -1px; text-transform: uppercase; line-height: 120%; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .article-review-block .item a:hover > span { margin-bottom: 4px; } .article-review-block .item a > span > small { color: #ccc; background: rgba(0,0,0,0.7); bottom: 100%; margin-bottom: 36px; display: block; padding: 7px 8px; font-size: 0.6em; position: absolute; line-height: 100%; } .article-review-block .item a > span .star-rating { position: absolute; font-size: 0.75em; bottom: 100%; margin-bottom: 10px; } .archive-blocks { display: block; } .archive-blocks .image-hover { font-size: 0.6em; } .archive-blocks:after { display: block; content: ''; clear: both; } .archive-blocks .archive-single { display: block; width: 32%; padding-bottom: 10px; margin-left: 2%; float: left; } .archive-blocks .archive-single:nth-child(3n+1) { margin-left: 0px; clear: both; } .archive-blocks .image-hover .hover-text { padding-top: 7px; } .archive-blocks .item-header { margin-bottom: 10px!important; } .archive-blocks .item-content { font-size: 0.8em; } .archive-blocks .item-content h3 { margin-bottom: 10px!important; } .archive-blocks .item-content .item-meta { font-size: 1.3em!important; color: #B4B4B4; margin-bottom: 13px; display: block; } .archive-blocks .item-content .item-meta:last-child { margin-bottom: 0px; } .archive-blocks .item-content .item-meta span { display: inline-block; margin-right: 18px; position: relative; } .archive-blocks .item-content .item-meta span:after { display: block; content: '/'; position: absolute; right: -15px; top: 0px; } .archive-blocks .item-content .item-meta span:last-child { margin-right: 0px; } .archive-blocks .item-content .item-meta span:last-child:after { display: none; content: ''; } .archive-blocks .item-content p { font-size: 1.3em!important; } .archive-blocks .article-list .item { margin-bottom: 15px; padding-bottom: 18px; } .archive-blocks .archive-single > h3 { display: block; font-size: 1.7em; text-transform: uppercase; padding-bottom: 12px; margin-bottom: 15px; line-height: 100%; border-bottom: 3px solid #232323; letter-spacing: -1px; } .archive-button { display: block; font-size: 1em; font-weight: bold; text-transform: uppercase; background: #232323; padding: 15px 15px; text-decoration: none!important; color: #fff!important; margin-top: -16px; position: relative; z-index: 2; margin-bottom: 25px; text-align: center; border-radius: 2px; } .archive-button:hover { color: #fff!important; background: #232323!important; } .home-block { margin-bottom: 40px; border-bottom: 1px dotted #ccc; } .article-list-block { display: block; } .article-list-block:after { display: block; content: ''; clear: both; } .article-list-block .item { display: block; float: left; margin-left: 2%; width: 32%; margin-bottom: 40px; } .article-list-block .item:nth-child(3n+1) { margin-left: 0px; clear: both; } .article-list-block .item .item-header { display: block; margin-bottom: 15px; } .article-list-block .item .item-content h3 { display: block; margin-bottom: 12px; font-size: 1.7em; color: #444444; font-weight: 500; font-family: 'PT Sans Narrow', sans-serif; } .article-list-block .item .item-content .content-category { display: block; margin-bottom: 8px; font-size: 1.2em; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; } .article-list-block .item .item-content .content-category a { text-decoration: none; } .article-list-block .image-hover { font-size: 0.88em; } .main-title a.button { font-size: 0.8em; line-height: 150%; margin-top: 10px; display: inline-block; padding: 8px 17px; color: #e34922; text-decoration: none; text-transform: uppercase; border-radius: 2px; margin-right: -17px; background: #e34922; border: 1px solid transparent; box-shadow: inset 0 100px 0 0 #fff; } .main-title a.button:hover { color: #fff!important; box-shadow: inset 0 100px 0 0 rgba(255,255,255,0); } .article-links-block { display: block; } .article-links-block:after { display: block; content: ''; clear: both; } .article-links-block .item { display: block; float: left; margin-left: 2%; width: 32%; margin-bottom: 40px; } .article-links-block .item:nth-child(3n+1) { margin-left: 0px; clear: both; } .article-links-block .item .post-item { display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #ccc; } .article-links-block .item .post-item:last-child { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; } .article-links-block .item .post-item .itemdate { color: #B4B4B4; line-height: 1.7em; margin-right: 10px; display: inline-block; } .article-links-block .item .post-item h3 { font-weight: 300; color: #232323; font-size: 1.4em; font-family: 'PT Sans Narrow', sans-serif; } .has-sidebar .article-links-block .item .post-item { font-size: 0.9em; } .article-links-block .item .item-details { display: block; padding-top: 15px; } .article-links-block .item .item-details .item-head { display: block; margin-bottom: 15px; } .article-links-block .item .item-details .item-left { display: block; float: left; width: 36%; } .article-links-block .item .item-details .item-left img { width: 100%; height: auto; } .article-links-block .item .item-details .item-right { display: block; margin-left: 40%; margin-bottom: 10px; margin-top: -4px; } .article-links-block .item > h3 { display: block; font-size: 1.4em; margin-bottom: 15px; padding-bottom: 13px; line-height: 100%; color: #ef8722; border-bottom: 3px solid #ef8722; text-transform: uppercase; } .article-links-block .archive-button { margin-top: 20px; margin-bottom: 0px; } .category-default-block { display: block; padding-bottom: 30px; } .category-default-block .item-main { display: block; } .category-default-block .item-main .item-header { display: block; margin-bottom: 15px; } .category-default-block .item-main .item-header img { display: block; max-width: 100%; height: auto; } .category-default-block .item-main .item-content .content-category { display: block; margin-bottom: 8px; font-size: 1.3em; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; } .category-default-block .item-main .item-content h3 { display: block; margin-bottom: 12px; font-size: 1.7em; color: #444444; font-weight: 600; font-family: 'PT Sans Narrow', sans-serif; } .category-default-block .item-main .item-content p { display: block; margin-bottom: 15px; font-size: 1.1em; color: #737373; } .category-default-block .smaller-articles { padding-left: 15px; } .category-default-block .item { display: block; margin-bottom: 15px; padding-bottom: 15px; margin-top: -2px; border-bottom: 1px dotted #ccc; } .category-default-block .item:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; } .category-default-block .item:after { display: block; clear: both; content: ''; } .category-default-block .item .item-header { display: block; float: left; width: 61px; padding-top: 2px; } .category-default-block .item .item-content { margin-left: 76px; } .category-default-block .item .item-content h3 { display: block; margin-bottom: 8px; font-size: 1.3em; color: #444444; font-weight: 500; font-family: 'PT Sans Narrow', sans-serif; } .category-default-block .item .item-content .read-more-link { display: inline-block; font-size: 1em; } .article-author-block { border-top: 1px dotted #ccc; padding-top: 45px; margin-top: 45px; display: block; position: relative; } .article-author-block .author-block-inner:after { display: block; clear: both; content: ''; } .article-author-block .author-block-inner .author-block-header { display: block; float: left; } .article-author-block .author-block-inner .author-block-header img { max-width: 100%; width: 130px; height: auto; } .article-author-block .author-block-inner .author-block-content { display: block; margin-left: 160px; position: relative; } .article-author-block .author-block-inner .author-block-content p { font-size: 1.2em; } .article-author-block .author-block-inner .author-block-content h3 { font-size: 30px; color: #444444; margin-bottom: 12px; line-height: 100%; font-family: 'PT Sans Narrow', sans-serif; margin-top: -4px; display: inline-block; } .article-author-block .author-block-inner .author-soc-icons { margin-bottom: 12px; display: block; position: absolute; right: 0px; top: 0px; } .article-author-block .author-block-inner .author-soc-icons a { display: inline-block; background: #ccc; width: 25px; height: 25px; line-height: 26px; text-align: center; color: #fff; border-radius: 50%; margin-left: 4px; } .article-author-block .author-block-inner .author-soc-icons a:hover { background: #8F8F8F; } .portfolio-layout { display: block; position: relative; margin-bottom: 15px; } .portfolio-layout:after { display: block; clear: both; content: ''; } .portfolio-layout .item { width: 32%; float: left; margin-left: 2%; margin-bottom: 2%; padding-bottom: 2%; border-bottom: 1px dotted rgba(0,0,0,0.2); } .portfolio-layout .item:nth-child(3n+1) { clear: both; margin-left: 0px; } .portfolio-layout .item .item-header { display: block; margin-bottom: 15px; } .portfolio-layout .item .item-content .content-category { display: block; margin-bottom: 8px; font-size: 1.3em; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; } .portfolio-layout .item .item-content h3 { display: block; margin-bottom: 10px; font-size: 1.8em; color: #444444; font-weight: 600; font-family: 'PT Sans Narrow', sans-serif; } .portfolio-layout .item a.read-more-link { font-size: 1em; } .portfolio-layout .item .hover-text i.fa { line-height: 145%!important; font-size: 1.4em!important; } .main-content.has-sidebar .portfolio-layout .item .hover-text i.fa { line-height: 126%!important; font-size: 1.2em!important; } .category-select { display: block; padding: 14px 0 14px 20px; border-left: 4px solid #ccc; margin-top: -20px; margin-bottom: 40px; font-size: 1.1em; text-transform: uppercase; font-family: 'Open Sans', serif; color: #999999; } .category-select .category-meta { display: inline-block; padding-right: 10px; } .category-select .category-links { display: inline-block; margin-top: -6px; margin-bottom: -6px; } .category-select .category-links a { display: inline-block; line-height: 26px; background: #232323; color: #fff; padding: 0 10px; font-size: 0.8em; font-weight: bold; text-decoration: none; margin-right: 2px; box-shadow: inset 0 0 0 50px #ccc; } .category-select .category-links a.active, .category-select .category-links a:hover { color: #fff; text-decoration: none; box-shadow: inset 0 0 0 50px transparent; } .portfolio-single { display: block; margin-bottom: 40px!important; } .portfolio-content-info { display: block; background: #1c1c1c; width: 100%; color: #fff; font-size: 1em; } .portfolio-content-info h2, .portfolio-content-info h3, .portfolio-content-info h4 { margin: 0px!important; line-height: 130%; color: #fff!important; } .portfolio-content-info .portfolio-content-body b { margin: 0px; line-height: 130%; color: #fff; font-size: 18px; } .portfolio-content-info span { display: block; text-transform: uppercase; font-size: 12px; color: #868686; margin-bottom: 5px; font-weight: bold; } .portfolio-content-info ul { display: block; margin-top: 15px; } .portfolio-content-info p { display: block; margin-top: 13px; margin-bottom: 0px; } .portfolio-content-info ul i.fa { padding-right: 10px; } .portfolio-content-info .portfolio-content-header { background: #2E2E2E; padding: 20px 18px; } .portfolio-content-info .portfolio-content-body { padding: 20px 18px; position: relative; color: #ccc; } .portfolio-content-info .portfolio-content-body li { display: block; margin-bottom: 10px; } .portfolio-content-info .portfolio-content-body:before { display: block; position: absolute; content: ''; width: 90%; left: 15; top: -1px; height: 1px; background: #3d3d3d; } .portfolio-content-info .portfolio-content-body:nth-child(2):before { display: none!important; } .portfolio-content-info .portfolio-content-foot { padding: 20px 18px; background: #2E2E2E; position: relative; height: 35px; overflow: hidden; } .portfolio-content-info .portfolio-content-foot h4 { font-size: 2em; } .portfolio-content-info .portfolio-content-foot a { padding: 21px 26px; float: right; margin: -20px -18px auto auto; text-align: center; background: #8AAF2C; color: #fff; position: relative; text-decoration: none; text-transform: uppercase; line-height: 17px; box-shadow: inset 0 0 0 50px transparent; } .portfolio-content-info .portfolio-content-foot a.single-line { padding: 29px 26px; } .portfolio-content-info .portfolio-content-foot a:hover, .portfolio-content-info .portfolio-content-foot a span { color: #fff; } .portfolio-content-info .portfolio-content-foot a b { font-size: 1.2em; } .portfolio-content-info .portfolio-content-foot a:hover { box-shadow: inset 0 0 0 50px rgba(0,0,0,0.1); } .portfolio-single-images-frame { position: relative; margin-bottom: 20px; } .portfolio-single-images-frame span { display: none; } .portfolio-single-images-frame span.active { display: block; } .portfolio-single-images-thumbnails a { position: relative; display: inline-block; margin-right: 8px; margin-bottom: 8px; } .portfolio-single-images-thumbnails a img { display: block; width: 90px; } .portfolio-single-images-thumbnails a:hover:before { display: block; width: 100%; height: 100%; position: absolute; content: ''; left: 0px; top: 0px; z-index: 2; background: rgba(255,255,255,0.3); } .portfolio-single-images-thumbnails a.active:before { display: block; width: 100%; height: 100%; position: absolute; content: ''; left: 0px; top: 0px; z-index: 2; background: transparent; box-shadow: inset 0 0 0 4px #D13E19, inset 0 0 0 5px #fff; } /* #5 Comments */ ol#comments { display: block; list-style-type: none; border-bottom: 1px dotted #ccc; padding-bottom: 45px; margin-bottom: 40px; } ol#comments .user-author { display: inline-block; margin-left: 11px; background: #e34a23; color: #fff; font-size: 0.5em; font-weight: 600; padding: 5px 10px; border-radius: 2px; margin-top: -1px; } ol#comments .comment-block { display: block; margin-top: 40px; padding-top: 40px; border-top: 1px dotted #ccc; padding-left: 8%; padding-right: 8%; } .has-double-sidebar ol#comments .comment-block { padding-left: 0px; padding-right: 0px; } ol#comments li li .comment-block { padding-left: 180px; background: url(/wp-content/themes/fraction-theme/images/comments-sub-bg.png) no-repeat left top; background-size: 100% auto; } ol#comments .image-avatar { display: block; float: left; } .footer .image-avatar { } ol#comments .comment-text { display: block; margin-left: 110px; } ol#comments .comment-text .reply-id { display: block; float: right; font-size: 1.5em; font-weight: bold; text-decoration: none!important; } ol#comments .comment-text .user-nick { display: block; font-size: 1.6em; font-weight: 700; text-transform: uppercase; color: #444444; margin-bottom: 5px; font-family: 'PT Sans Narrow', sans-serif; } ol#comments .comment-text .user-nick a { color: inherit; } ol#comments .comment-text .time-stamp { display: block; margin-bottom: 13px; font-size: 1.1em; color: #aaa; } ol#comments .comment-text p { display: block; margin-bottom: 15px; font-size: 1.1em; color: #444444; } ol#comments .reply-button { display: inline-block; } ol#comments .reply-button i.fa { padding-right: 9px; } .block-comments #respond .comment-reply-title { padding-bottom: 10px; text-align: right; color: red; } .block-comments #respond p, .writecomment p { margin-bottom: 10px; } .block-comments #respond, .writecomment { display: block; margin-top: 35px; padding-top: 25px; border-top: 3px solid #e34a23; border-bottom: 1px dotted #ccc; padding-bottom: 25px; } .writecomment .coloralert { color: #fff; text-shadow: none; } .writecomment .coloralert > a[href='#close-alert'], .writecomment .coloralert > i.fa { color: #fff; } .writecomment .coloralert > a[href='#close-alert']:hover { color: #fff; } .comment-info { display: block; font-size: 1em; position: relative; margin-bottom: 25px!important; border-bottom: 1px dotted #ccc; padding-bottom: 25px; } .comment-info i.fa { display: block; position: absolute; left: 0px; top: 0px; font-size: 2em!important; color: #fff; background: #ccc; width: 50px; line-height: 50px!important; height: 50px; text-align: center; border-radius: 50%; } .comment-info span, .comment-info strong { display: block; margin-left: 70px; } .comment-info strong { font-size: 1.4em; color: #444444; margin-bottom: 7px; } .block-comments #respond form > p:not(.comment-info), .writecomment form > p:not(.comment-info) { width: 55%; display: block; margin-left: auto; margin-right: auto; } .block-comments #respond .contact-form-user, .writecomment .contact-form-user { display: block; margin-top: 40px; } .block-comments #respond p input[type=text], .writecomment p input[type=text] { width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #949494; border: 1px solid #c4c4c4; padding: 12px 15px; font-size: 1em; font-family: Arial; margin: 0px; border-radius: 2px; } .block-comments #respond p textarea, .writecomment p textarea { width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #949494; border: 1px solid #c4c4c4; padding: 12px 15px; font-size: 1em; font-family: Arial; height: 100px; border-radius: 2px; } .block-comments #respond p input[type=text].error, .writecomment p input[type=text].error { border: 1px solid #CC2719; } .block-comments #respond p .error-msg, .writecomment p .error-msg { color: #fff; background: #CC2719; display: block; padding: 7px 16px; font-size: 0.9em; margin-top: -1px; border-radius: 0 0 2px 2px; } .block-comments #respond p .error-msg i.fa, .writecomment p .error-msg i.fa { padding-right: 6px; } .block-comments #respond p input[type=submit], .writecomment p input[type=submit] { background: #e34922; border: 0px; color: #fff; padding: 12px 20px; cursor: pointer; font-weight: bold; font-size: 1em; text-transform: uppercase; margin-top: 12px; border-radius: 2px; } .block-comments #respond p input[type=submit]:focus, .block-comments #respond p input[type=submit]:hover, .writecomment p input[type=submit]:focus, .writecomment p input[type=submit]:hover { box-shadow: inset 0 0 0 20px rgba(255,255,255,0.1); } .block-comments #respond p input[type=submit]:active, .writecomment p input[type=submit]:active { box-shadow: inset 0 0 0 20px rgba(0,0,0,0.1); } .block-comments #respond .coloralert, .writecomment .coloralert { width: 50%; margin-left: auto; margin-right: auto; border-radius: 2px; } .block-comments #respond .coloralert p, .writecomment .coloralert p { margin-bottom: 4px; margin-left: 50px; } .has-double-sidebar .share-article-body .right { float: none; position: static; } .has-double-sidebar .share-article-body .right a:first-child { margin-left: 0px; } .has-double-sidebar .share-article-body .right:after { display: block; clear: both; content: ''; } .no-comments-yet { text-align: center; margin: 60px auto; } .no-comments-yet h3 { display: block; font-size: 2.5em; padding-bottom: 4px; color: #444444; } .no-comments-yet span { font-size: 1.1em; } /* #6 Photo gallery */ .photo-galleries { display: block; position: relative; margin-bottom: 15px; } .photo-galleries:after { display: block; clear: both; content: ''; } .photo-galleries .item { width: 32%; float: left; margin-left: 2%; margin-bottom: 2%; padding-bottom: 2%; border-bottom: 1px dotted rgba(0,0,0,0.2); } .photo-galleries .item:nth-child(3n+1) { clear: both; margin-left: 0px; } .photo-galleries .item .item-header { display: block; margin-bottom: 15px; } .photo-galleries .item .item-content .content-category { display: block; margin-bottom: 8px; font-size: 1.3em; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; } .photo-galleries .item .item-content h3 { display: block; margin-bottom: 10px; font-size: 1.8em; color: #444444; font-weight: 600; font-family: 'PT Sans Narrow', sans-serif; } .photo-galleries .item a.read-more-link { font-size: 1em; } .photo-galleries .item .hover-text i.fa { line-height: 145%!important; font-size: 1.4em!important; } .main-content.has-sidebar .photo-galleries .item .hover-text i.fa { line-height: 126%!important; font-size: 1.2em!important; } .similar-articles-list .main-title { margin-bottom: 20px; } .single-photo-gallery { background: #f8f8f8; display: block; position: relative; margin-bottom: 35px; border-bottom: 1px solid #dedede; } .single-photo-gallery .single-photo-content { display: block; padding: 45px; } .single-photo-gallery .single-photo-content .content-category { display: block; margin-bottom: 4px; font-size: 1.6em; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; } .single-photo-gallery .single-photo-content .content-category a { text-decoration: none!important; } .single-photo-gallery .single-photo-content h3 { display: block; margin-bottom: 15px; font-size: 3em; color: #444444; font-weight: 600; font-family: 'PT Sans Narrow', sans-serif; } .main-content.has-double-sidebar .single-photo-gallery .single-photo-content h3 { font-size: 2.2em; } .single-photo-gallery .single-photo-main { background: #0E0E0E; text-align: center; } .single-photo-gallery .single-photo-main a.next { display: block; position: absolute; z-index: 10; right: 0px; top: 29%; font-size: 30px; color: #fff; opacity: 0; font-family: "FontAwesome"; text-decoration: none; padding: 15px 30px; } .single-photo-gallery .single-photo-main:hover a.next { opacity: 1; } .single-photo-gallery .single-photo-main a.next:before { content: '\f054'; } .single-photo-gallery .single-photo-main a.prev { display: block; position: absolute; z-index: 10; left: 0px; top: 29%; font-size: 30px; color: #fff; opacity: 0; font-family: "FontAwesome"; text-decoration: none; padding: 15px 30px; } .single-photo-gallery .single-photo-main:hover a.prev { opacity: 1; } .single-photo-gallery .single-photo-main a.prev:before { content: '\f053'; } .single-photo-gallery .single-photo-content p { font-size: 1.2em; } .single-photo-gallery .single-photo-thumbs { background: #161616; padding: 20px; } .single-photo-gallery .single-photo-thumbs img { width: 100px; height: 100px; border: 2px solid transparent; padding: 1px; } .single-photo-gallery .single-photo-thumbs a:hover img { border: 2px solid #aaa; padding: 1px; } .single-photo-gallery .single-photo-thumbs a.active img { border: 2px solid #e34a23; padding: 1px; } /* #7 Sidebar styling */ .sidebar-fixed.is-now-fixed { position: absolute; z-index: 99; } .sidebar-fixed { position: relative; -moz-transition: padding-top 0.1s; -webkit-transition: padding-top 0.1s; -o-transition: padding-top 0.1s; } .small-sidebar { display: block; float: left; margin-left: 3%; width: 13.5%; } .small-sidebar.left { margin-left: 0px; } .main-content > .small-sidebar:first-child { margin-left: 0px; margin-right: 3%; } #sidebar { display: block; float: left; margin-left: 5%; width: 25.2%; position: relative; } .main-content.has-sidebar > #sidebar.left, .main-content > #sidebar:first-child { margin-left: 0px; margin-right: 5%; } .small-sidebar .widget, #sidebar .widget { display: block; margin-bottom: 35px; position: relative; } .small-sidebar .widget > h3 { display: block; padding-bottom: 10px; margin-bottom: 15px; font-size: 1.3em; font-weight: 800; text-transform: uppercase; letter-spacing: -0.5px; } .small-sidebar .widget .article-block .item { display: block; margin-bottom: 20px; border-bottom: 1px dotted #ccc; padding-bottom: 20px; } .small-sidebar .widget .article-block .item h4 { display: block; margin-bottom: 10px; color: #444444; font-size: 1.5em; font-weight: 500; font-family: 'PT Sans Narrow', sans-serif; } .small-sidebar .widget .article-block .item p { font-size: 1em; } .article-block .item-header { display: block; margin-bottom: 10px; } .small-sidebar .article-block.reviews { text-align: center; } .article-block.reviews .item-header { float: none; } .article-block.reviews .item-content { clear: both; } .article-block.reviews .item-content h4 { font-size: 1.2em; } .small-sidebar .article-block.reviews .item-content h4 { font-weight: normal; font-size: 1.2em; } .article-block.reviews .item-header, .article-block.reviews .item-header a.image-hover img, .article-block.reviews .item-header a { width: 100%; } .ot-star-rating { display: inline-block; margin-bottom: 15px; position: relative; font-size: 0; height: 16px; width: 83px; white-space: nowrap; overflow: hidden; } .ot-star-rating:last-child { margin-bottom: 0px; } .ot-star-rating:after { display: block; position: absolute; z-index: 2; content: '\f005\f005\f005\f005\f005'; top: 0; left: 0; font-size: 16px; line-height: 16px; color: rgba(0,0,0,0.1); font-family: 'FontAwesome'; letter-spacing: 2px; } .ot-star-rating > span { display: block; height: inherit; font-size: inherit; overflow: hidden; position: absolute; top: 0; left: 0; } .ot-star-rating > span:after { display: block; position: absolute; z-index: 5; content: '\f005\f005\f005\f005\f005'; top: 0; left: 0; font-size: 16px; line-height: 16px; color: orange; font-family: 'FontAwesome'; letter-spacing: 2px; } #sidebar .widget > .ot-tabbed { padding: 0px; width: 100%; display: table; background-color: #e34922; padding-bottom: 3px; border-radius: 2px 2px 0 0; border-bottom: 0px; } #sidebar .widget > .ot-tabbed h3 { display: table-cell; padding: 15px 18px 14px 18px; color: #232323; font-weight: 600; font-size: 1.15em; text-align: center; cursor: pointer; background: #fff; } #sidebar .widget > .ot-tabbed h3:hover { background: #F7F7F7; } #sidebar .widget > .ot-tabbed h3.active { color: #fff; background: transparent; } .ot-tab-block { display: none!important; } .ot-tab-block.active { display: block!important; } #sidebar .widget > h3 { display: block; padding: 11px 16px; color: #444444; font-weight: 600; font-size: 1.3em; background-color: #E4E4E4; border-left: 3px solid #3c98ca; text-transform: uppercase; } #sidebar .widget > form, #sidebar .widget > dl, #sidebar .widget > ul, #sidebar .widget > div { padding: 25px 0 25px 0; border-bottom: 1px dotted #ccc; } .widget > div { line-height: 150%; } #sidebar .widget > ul > li:first-child { margin-top: 0px; } .widget > ul li { margin-top: 10px; line-height: 120%; } .widget > ul li span { line-height: inherit; } .widget > ul li li { margin-left: 10px; } .widget > form > div .screen-reader-text { display: none; } .widget > form > div .search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 9px 10px; width: 60%; border: 1px solid #ccc; border-radius: 3px; } .widget > form > div #searchsubmit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px 10px; width: 37%; cursor: pointer; } .ot-mega-menu .widget > form > div .search { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: #fff; } .ot-mega-menu .widget > form > div #searchsubmit { background: rgba(255,255,255,0.7); border: 1px solid #fff; padding: 9px 10px; border-radius: 2px; } .ot-mega-menu .widget > form > div #searchsubmit:hover { background: rgba(255,255,255,0.8); } #sidebar .widget.colorful { color: #fff; background: transparent!important; } #sidebar .widget.colorful > h3 { background: transparent!important; /*border-bottom: 1px solid rgba(255,255,255,0.2);*/ /*margin-right: 18px; margin-left: 18px; padding-left: 0px; padding-right: 0px;*/ } #sidebar .widget.colorful > div { background: transparent; } #sidebar .widget.colorful { border-radius: 2px; } #sidebar .widget.colorful a { color: #fff!important; } #sidebar .widget.colorful .photo-gallery-widget .item, #sidebar .widget.colorful .comments-block .item, #sidebar .widget.colorful .article-block .item { border-bottom: 1px dotted rgba(255,255,255,0.3); } #sidebar .widget > div.banner { background: transparent; padding: 0px; } .widget .article-block h4 { font-size: 1.3em; color: #444444; margin-bottom: 2px; font-weight: 500; font-family: 'PT Sans Narrow', sans-serif; } .widget .article-block .content-category { display: block; margin-bottom: 2px; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; } .widget .article-block .item-content > span { font-size: 0.9em; } .widget .article-block .item .item-header { display: block; float: left; } .widget .article-block .item .item-header a { margin-top: 4px; } .widget .article-block .item .item-header img { width: 74px; } .small-sidebar .widget .article-block .item .item-header { float: none; } .small-sidebar .widget .article-block .item .item-header a, .small-sidebar .widget .article-block .item .item-header img { width: 100%; } .widget .article-block:not(.reviews) .item:not(.no-image) .item-content { display: block; margin-left: 90px; } .small-sidebar .widget .article-block:not(.reviews) .item:not(.no-image) .item-content { margin-left: 0px; clear: both; } .widget .photo-gallery-widget .item, .widget .comments-block .item, .widget .article-block .item { display: block; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dotted rgba(0,0,0,0.2); } .widget .article-block .item:after { display: block; clear: both; content: ''; } .widget .photo-gallery-widget .item:last-child, .widget .comments-block .item:last-child, #sidebar .widget .article-block .item:last-child { display: block; margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px!important; } .widget .subscribe-feed form p, .widget .subscribe-feed div p { display: block; margin-bottom: 0px; } .widget .subscribe-feed:after { display: block; clear: both; content: ''; } .widget .subscribe-feed .u_name, .widget .subscribe-feed .email { display: block; width: 100%; color: #232323; border: 0px; padding: 10px 15px; margin-bottom: 5px; border-radius: 2px; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget .subscribe-feed .button { display: block; float: left; width: 35%; color: #fff; border: 0px; padding: 10px 0px; cursor: pointer; background: rgba(0,0,0,0.3); border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12); text-shadow: 0 1px 0 rgba(0,0,0,0.2); } .widget .subscribe-feed .button:hover { background: rgba(0,0,0,0.4); } .widget > select { display: block; margin: 20px 0; width: 100%; } .widget > ul li, .widget > div > ul li { display: block; padding-top: 5px; } .widget > ul ul, .widget > div > ul ul { padding-left: 15px; } .widget select { max-width: 100%; padding: 5px 8px; } .widget a.rsswidget { vertical-align: baseline; padding-right: 5px; } .widget .rssSummary { display: block; padding: 10px 0; } .widget cite { display: block; margin-bottom: 30px; } .content #wp-calendar { width: 100%; } .content #wp-calendar caption { text-align: right; color: #333; font-size: 12px; } .content #wp-calendar thead { font-size: 10px; } .content #wp-calendar thead th { padding-bottom: 10px; } .content #wp-calendar tbody { color: #aaa; } .content #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #DBDBDB; text-align: center; padding:8px;} .content #wp-calendar tbody td:hover { background: #E7E7E7; } .content #wp-calendar tbody .pad { background: none; } .content #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } .content #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } .content .small-sidebar #wp-calendar tbody td { padding: 1px; } .content .small-sidebar #wp-calendar caption { margin-bottom: 0px; } .footer #wp-calendar, .header #wp-calendar { width: 100%;} .footer #wp-calendar caption, .header #wp-calendar caption { text-align: right; color: #fff; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } .footer #wp-calendar thead, .header #wp-calendar thead { font-size: 10px; text-align: center;} .footer #wp-calendar thead th, .header #wp-calendar thead th { padding-bottom: 10px; } .footer #wp-calendar tbody, .header #wp-calendar tbody { color: #aaa;} .footer #wp-calendar tbody td, .header #wp-calendar tbody td { background: #272727; border: 1px solid #353535; text-align: center; padding:8px;} .footer #wp-calendar tbody td:hover, .header #wp-calendar tbody td:hover { background: #2E2E2E; } .footer #wp-calendar tbody .pad, .header #wp-calendar tbody .pad { background: none; } .footer #wp-calendar tfoot #next, .header #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } .footer #wp-calendar tfoot #prev, .header #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #wp-calendar caption { text-align: center; font-weight: bold; font-size: 16px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px; } .coloralert { display: block; background: #f0f0f0; margin-bottom: 15px; color: #232323; position: relative; padding: 11px 25px 11px 15px; font-size: 0.9em; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); text-shadow: 0 1px 0 #fff; } .coloralert > i.fa { position: absolute; /*margin-top: 3px;*/ font-size: 35px!important; color: #D3D3D3; text-shadow: none; } .coloralert > p { position: relative; margin-left: 44px; } .ot-mega-menu .widget .coloralert > a[href='#close-alert'] { color: #232323!important; } .coloralert > a[href='#close-alert'] { position: absolute; right: 0px; top: 0px; display: block; padding: 13px 15px; color: #ccc; font-size: 14px; line-height: 100%; } .coloralert > a[href='#close-alert']:hover { color: #232323; } .widget .tagcloud a { font-size: 0.8em!important; margin: 0 2px 5px 0; display: inline-block; padding: 7px 10px; color: #fff!important; background: #e34922; text-decoration: none; text-transform: uppercase; line-height: 120%; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12); text-shadow: 0 1px 0 rgba(0,0,0,0.2); } .widget .tagcloud a:hover { background: #232323; } .image-avatar { display: inline-block; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 0 rgba(0,0,0,0.1); transition: all 0s; -moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s; } .image-avatar:hover { box-shadow: 0 0 0 20px transparent; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; } .comments-block { display: block; } .comments-block .item-header { display: block; float: left; } .comments-block .item-content { display: block; margin-left: 80px; } .comments-block .item-content h4 { margin-bottom: 5px; color: #444444; font-size: 1.5em; font-weight: 500; font-family: 'PT Sans Narrow', sans-serif; } .comments-block .item-content .read-more-link { font-size: 1em; } .comments-block .item-content p { margin-bottom: 6px; font-size: 1em; } .pagination { clear: both; display: block; padding-top: 0px; text-align: center; cursor: default; } .pagination .page-numbers.current, .pagination .page-numbers:hover { background: #444444; color: #fff!important; } .pagination .page-numbers.current { cursor: default; } .pagination .page-numbers { display: inline-block; color: #444444; text-shadow: none; font-weight: bold; font-size: 1em; line-height: 100%; padding: 12px 15px; border-radius: 30px; background: transparent; border: 1px solid #444444; margin: 0 1px; text-decoration: none!important; } .pagination .page-numbers.prev, .pagination .page-numbers.next { border-radius: 0px; border: 0px; font-weight: 600; background: transparent!important; color: #444444!important; text-transform: uppercase; font-size: 0.9em; } .pagination .page-numbers.prev:hover, .pagination .page-numbers.next:hover { text-decoration: underline!important; } .pagination .page-numbers.next i.fa { padding-left: 8px; } .pagination .page-numbers.prev i.fa { padding-right: 8px; } .ot-social-block { display: block; } .ot-social-block:after { display: block; clear: both; content: ''; } .photo-gallery-widget { display: block; position: relative; } .photo-gallery-widget:after { clear: both; display: block; content: ''; } .photo-gallery-widget .item-header { display: block; margin-bottom: 10px; position: relative; } .photo-gallery-widget .item-header a { float: left; display: block; /*margin-left: 2.5%;*/ margin-bottom: 2.6%; /*width: 23%;*/ } .photo-gallery-widget .item-header a.featured { width: 74.5%; } .photo-gallery-widget .item-header img { display: block; width: 100%; height: auto; } .photo-gallery-widget .item-header a:first-child { margin-left: 0px; } .photo-gallery-widget .item-header:after { display: block; clear: both; content: ''; } .colorful .photo-gallery-widget p { color: rgba(255,255,255,0.7); } .photo-gallery-widget p { margin-bottom: 0px; } .photo-gallery-widget h4 { margin-bottom: 10px; font-weight: 500; font-size: 1.6em; font-family: 'PT Sans Narrow', sans-serif; } .soc-link { display: block; text-transform: uppercase; text-decoration: none!important; text-align: center; font-weight: 700; font-size: 1em; color: #232323; float: left; width: 23%; margin-left: 2.6666%; } .soc-link:first-child { margin-left: 0px; } a.soc-link:hover { color: #232323!important; } .soc-link > span { font-size: 0.7em; } .soc-link strong { display: block; background: #232323; color: #fff; font-size: 1.5em; margin-bottom: 8px; padding: 10px 0; position: relative; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .soc-link strong:after { display: block; position: absolute; left: 50%; margin-left: -4px; bottom: -3px; width: 8px; height: 8px; background: inherit; content: ''; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } a.soc-link:hover strong { background: #232323!important; } .soc-link strong small { display: block; font-size: 0.45em; } .soc-link.soc-facebook { color: #3b5998; } .soc-link.soc-facebook strong { background: #3b5998; } .soc-link.soc-twitter { color: #00aced; } .soc-link.soc-twitter strong { background: #00aced; } .soc-link.soc-google { color: #dd4b39; } .soc-link.soc-google strong { background: #dd4b39; } .soc-link.soc-linkedin { color: #007bb6; } .soc-link.soc-linkedin strong { background: #007bb6; } .google-maps, .video-embed { display: block; position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 15px; } .google-maps iframe, .video-embed object, .video-embed embed, .video-embed iframe { display: block; position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; } .owl-carousel .owl-controls .owl-buttons { opacity: 0!important; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .owl-carousel:hover .owl-controls .owl-buttons { opacity: 1!important; } .owl-theme .owl-controls.clickable .owl-buttons div.owl-prev { position: absolute; right: 100%; top: 35%; border-radius: 0px; background: transparent; font-size: 0!important; margin: 0px; padding-right: 30px; } .owl-theme .owl-controls.clickable .owl-buttons div.owl-next { position: absolute; left: 100%; top: 35%; border-radius: 0px; background: transparent; font-size: 0!important; margin: 0px; padding-left: 30px; } .owl-theme .owl-controls.clickable .owl-buttons div.owl-prev:after { font-family: "FontAwesome"; content: '\f104'; font-size: 30px; display: block; background: rgba(0,0,0,0.9); text-transform: uppercase; padding: 20px 14px; } .owl-theme .owl-controls.clickable .owl-buttons div.owl-next:after { font-family: "FontAwesome"; content: '\f105'; font-size: 30px; display: block; background: rgba(0,0,0,0.9); text-transform: uppercase; padding: 20px 14px; } .ot-mega-menu .article-block .item-header { margin-bottom: 0px; } .widget .photo-gallery-widget .gallery-change { display: block; overflow: hidden; position: relative; } .widget .photo-gallery-widget .gallery-change a { display: block; position: absolute; top: 0px; left: 0px; z-index: 0; } .widget .photo-gallery-widget .gallery-change a img { opacity: 0; } .widget .photo-gallery-widget .gallery-change a.active { display: block; position: relative; z-index: 4; } .widget .photo-gallery-widget .gallery-change a.active img { opacity: 1; } .widget .photo-gallery-widget .gallery-navi a[href='#gal-left'] { display: block; position: absolute; left: 0px; top: 50%; margin-top: -15px; font-size: 20px; line-height: 20px; width: 20px; padding: 8px; background: rgba(0,0,0,0.8); z-index: 10; border-radius: 50%; color: #fff; text-align: center; opacity: 0; } .widget .photo-gallery-widget .gallery-navi a[href='#gal-right'] { display: block; position: absolute; right: 0px; top: 50%; margin-top: -15px; font-size: 20px; line-height: 20px; width: 20px; padding: 8px; background: rgba(0,0,0,0.8); z-index: 10; border-radius: 50%; color: #fff; text-align: center; opacity: 0; } .widget .photo-gallery-widget .item:hover .gallery-navi a[href='#gal-left'] { left: -14px; opacity: 1; } .widget .photo-gallery-widget .item:hover .gallery-navi a[href='#gal-right'] { right: -14px; opacity: 1; } .widget .photo-gallery-widget .gallery-navi a[href='#gal-left']:hover, .widget .photo-gallery-widget .gallery-navi a[href='#gal-right']:hover { background: #000; } /* #8 Footer */ .footer { display: block; margin-top: 40px; background: #1D1D1D url(/wp-content/themes/fraction-theme/images/header-logo-back.png) no-repeat top center; background-size: 100% auto; color: rgba(255,255,255,0.4); } .footer a { color: #fff; } .footer .footer-widgets { display: block; padding: 25px 0; } .footer .footer-widgets:after { display: block; clear: both; content: ''; } .footer .widget { display: block; float: left; width: 30%; margin-left: 5%; background: transparent!important; } .footer .widget > .ot-tabbed { display: block; margin-bottom: 20px; padding-bottom: 20px; position: relative; color: #fff; text-transform: uppercase; font-size: 1em; height: 28px; } .footer .widget > .ot-tabbed h3 { font-size: 1.2em; font-weight: 300; display: inline-block; vertical-align: bottom; cursor: pointer; float: right; line-height: 1.9em; color: rgba(255,255,255,0.5); } .footer .widget > .ot-tabbed h3.active { font-size: 1.7em; line-height: 1.2em; font-weight: 900; display: inline-block; float: none; color: #fff; position: absolute; } .footer .widget > h3 { display: block; margin-bottom: 20px; padding-bottom: 20px; position: relative; color: #fff; text-transform: uppercase; font-size: 1.7em; font-weight: 900; } .footer .widget > .ot-tabbed:after, .footer .widget > h3:after { display: block; position: absolute; width: 100%; left: 0px; bottom: 0px; height: 2px; background: transparent; content: ''; border-top: 1px solid #fff; border-bottom: 1px solid #fff; opacity: 0.2; } .footer .widget:nth-child(3n+1) { clear: both; margin-left: 0px; } .footer:after { display: block; clear: both; content: ''; } .footer-copyright { display: block; background: rgba(0,0,0,0.3); padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.1); } .footer-copyright p { margin-bottom: 0px; font-size: 0.92em; color: rgba(255,255,255,0.4); } .footer-copyright strong { color: #6e6e6e; font-weight: 700; } .footer a.soc-link:hover strong { background: #EBEBEB!important; color: #000!important; } .footer a.soc-link:hover { color: #fff!important; } .widget .list-group { display: block; } .footer .widget .list-group li { color: #fff; } .widget .list-group li { display: block; padding-top: 12px; font-size: 1.1em; padding-left: 35px; position: relative; line-height: 150%; } .widget .list-group li:first-child { padding-top: 0px; } .widget .list-group li i.fa { margin-right: 10px; position: absolute; left: 0px; } .footer .widget .item { border-bottom: 1px dotted rgba(255,255,255,0.2); } .footer .widget .item:last-child { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; } .footer .widget .article-block .item-content > span a, .footer .widget .article-block .content-category a { color: rgba(255,255,255,0.5)!important; } .footer .widget .tagcloud a { color: #000!important; background: rgba(255,255,255,0.4); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12); text-shadow: 0 1px 0 rgba(255,255,255,0.2); } .footer .widget .tagcloud a:hover { background: #fff; } .ot-mega-menu .widget:not(.lightcolor) { background: transparent!important; } .ot-mega-menu .widget > h3 { background: transparent!important; border-bottom: 1px solid rgba(255,255,255,0.2); padding-left: 0px; padding-right: 0px; padding-bottom: 12px; margin-bottom: 15px; font-size: 1.5em; text-transform: uppercase; } .ot-star-rating { overflow: visible; } .ot-star-rating > strong { font-size: 14px; padding-left: 98px; color: #aaa; font-weight: normal; line-height: 18px; } .has-sidebar .article-list-block .ot-star-rating > strong, .has-double-sidebar .article-list-block .ot-star-rating > strong { display: none; } .has-double-sidebar .article-list-block .image-hover .hover-text span { display: none; } .has-double-sidebar .article-list-block .image-hover .hover-text { font-size: 1.8em; } .breaking-news { display: block; /*margin-bottom: 45px;*/ overflow: hidden; background: #1c1c1c; color: #fff; margin-top: -15px; position: relative; z-index: 2; } .breaking-wrapper { display: block; background: #fff; padding-bottom: 45px; position: relative; z-index: 20; } .breaking-news .breaking-title { display: block; float: left; line-height: 48px; background: #e34a23; color: #fff; padding: 0px 8px 0px 15px; font-size: 14px; position: relative; } .breaking-news .breaking-title:before { display: block; position: absolute; z-index: 3; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; background: transparent url(/wp-content/themes/fraction-theme/images/header-logo-back.png) no-repeat top center; background-size: 100% auto; } .breaking-news .breaking-title:after { display: block; position: absolute; content: ''; width: 27px; height: 27px; background: inherit; right: -15px; top: 11px; transform: rotate(48deg) skew(30deg,20deg); -ms-transform: rotate(48deg) skew(30deg,20deg); -webkit-transform: rotate(48deg) skew(30deg,20deg); z-index: 0; } .breaking-news .breaking-title h3 { display: inline-block; font-weight: 600; text-transform: uppercase; padding-left: 6px; padding-right: 9px; font-size: inherit; position: relative; z-index: 1; line-height: inherit; } .breaking-news .breaking-block p, .breaking-news .breaking-block h4 { display: inline-block; line-height: inherit; margin-right: 10px; } .breaking-news .breaking-block p { font-size: 14px; } .breaking-news .breaking-block h4 { font-size: 16px; font-weight: 600; line-height: 47px; font-family: 'PT Sans Narrow', sans-serif; } .breaking-news .breaking-block h4 a { color: #fff; } .breaking-news .breaking-block { display: block; float: none; width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 180px; height: 37px; } .breaking-news .breaking-block ul { white-space: nowrap; width: 8000px; position: relative; font-size: 0; } .breaking-news .breaking-block ul li { display: inline-block; margin-right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; line-height: 45px; padding-right: 15px; } .breaking-news .comment-link { display: inline-block; font-weight: normal; font-size: 11px; color: #fff!important; text-decoration: none!important; } .breaking-news .comment-link i.fa { padding-right: 5px; } .breaking-news a.break-category { display: inline-block; font-weight: normal; font-size: 11px; color: #fff; text-decoration: none!important; background: #232323; line-height: 130%; padding: 4px 10px; margin-right: 10px; font-weight: bold; font-family: 'PT Sans Narrow', sans-serif; } .breaking-news a.break-category:hover { color: #fff; } /* lightbox */ .lightbox hr { margin: 20px 0px; } .lightbox p, .lightbox span, .lightbox h2, .lightbox h3 { color: #232323; text-shadow: none; } .lightbox .loading-box { padding: 50px 0px; line-height: 24px; } .startlightbox { overflow: hidden; } .startlightbox .lightbox { display: block; } .lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.94); text-align: center; z-index: 200; display: none; overflow-y: scroll!important; } .lightbox .main-black-block { box-shadow: none; background: #212121; color: #ccc; font-size: 11.5px; line-height: 20px; font-weight: 300; padding-bottom: 5px; color: #8a8a8a; } .lightbox .lightcontent .light-close:hover, .lightbox .lightcontent-loading .light-close:hover { color: #db2727; } .lightbox .lightcontent .light-close:active, .lightbox .lightcontent-loading .light-close:active { color: #b01e1e; } .lightbox .lightcontent .light-close, .lightbox .lightcontent-loading .light-close { display: block; right: 0px; top: -30px; font-family: Arial; position: absolute; font-size: 14px; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); } .lightbox .lightcontent, .lightbox .lightcontent-loading { background: #f4f4f4; width: 1140px; max-width: 100%; margin: 100px auto 70px auto; position: relative; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5); text-align: left; } .lightbox .light-title { display: block; position: absolute; top: -33px; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); height: 23px; width: 780px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lightbox .gallery-thumbs { margin-right: auto; margin-left: auto; margin-bottom: 30px; width: 95%; } .lightbox .thacontent { padding: 0px 25px 20px 25px; } .loading-box { display: block; text-align: center; } .loading-box .loading-image { display: block; text-align: center; padding-top: 20px; } .lightbox .carousel-left { left: 8px; } .lightbox .carousel-right { right: 8px; } .lightbox blockquote { padding-bottom: 30px; } .lightbox .article-main-content { padding: 0px 55px; width: auto; } .loading-message { display: block; background: #f0f0f0; padding: 10px 15px; font-size: 11px; line-height: 140%; } .loading-message img { display: block; float: left; width: 34px; padding-right: 15px; } .main-content-split .loading-message img { display: none; } .loading-message:before { display: block; content: ''; clear: both; } .loading-message b { font-size: 18px; display: block; padding-bottom: 4px; } .ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next { z-index: 20px; } .ls-fullwidth .ls-nav-next { right: 50px!important; } .ls-fullwidth .ls-nav-prev { left: 50px!important; } .light-close i.fa { padding-right: 6px; } .lightbox .big-photo-block .the-image { box-shadow: none; text-align: center; padding-top: 10px; background-color: transparent; } .lightbox .big-photo-block .the-image img { max-width: 98%; } .lightbox .big-photo-block .the-thumbs { margin-left: 1%; margin-right: 1%; overflow: hidden; } .lightbox .lightbox-content { display: block; padding: 0px 2% 8px 2%; } .the-image img { max-width: 100%; } .lightbox .photo-gallery-full { box-shadow: none; } .ot-menu-toggle { background-color: #e34a23; } .waiter.loading { background-image: url(/wp-content/themes/fraction-theme/images/loading-ot.gif); background-position: center; background-repeat: no-repeat; } .waiter.loading img { opacity: 0.3; } .header.makefixed .header-left { width: 20%; } .header.makefixed .header-right { width: 80%; } .header.makefixed .header-logo > a img { height: auto; } .article-content > img { margin-bottom: 15px; } .header.makefixed .header-right.no-bottom .main-menu > ul > li > a { padding: 21px 20px 21px 20px; } .header.makefixed .header-right.no-bottom .main-menu > ul > li.no-description > a { padding: 29px 20px 29px 20px; } .small-sidebar .widget .list-group li { font-size: 0.9em; padding-left: 20px; } .small-sidebar .widget { background: transparent!important; } .small-sidebar .widget .subscribe-feed .u_name, .small-sidebar .widget .subscribe-feed .email { border: 1px solid #ccc; } .small-sidebar .widget .subscribe-feed .button { padding-left: 10px; padding-right: 10px; width: auto; } .ot-mega-menu .widget .article-block .item-header img { width: 51px; height: 51px; } /* WooCommerce */ .woocommerce-ordering { float: right; margin-top: -43px; } .woocommerce-ordering select { padding: 4px 10px; } .woocommerce .products { padding-left: 0px; padding-top: 0px; clear: both; margin-top: -20px; } .woocommerce .products .product:after, .woocommerce .products:after { clear: both; display: block; content: ''; } .woocommerce .products .product { list-style: none; float: left; width: 23%; margin-left: 2.66%; position: relative; text-align: center; margin-top: 20px; } .woocommerce .products .product a:first-child { text-decoration: none; display: block; margin-bottom: 12px; color: #232323; } .woocommerce .products .product a.button { margin-bottom: 10px; float: left; } .woocommerce .products .product a:after { display: block; clear: both; content: ''; } .woocommerce .products .product h3 { display: block; font-size: 1.5em; margin-bottom: 10px; font-weight: normal; text-align: left; font-family: 'PT Sans Narrow', sans-serif; } .woocommerce .products .product:nth-child(4n+1) { clear: both; margin-left: 0px; } .woocommerce .product .onsale, .woocommerce .products .onsale { position: absolute; z-index: 10; top: 15px; padding: 7px 15px; background: rgb(230, 74, 25); color: #fff; } .woocommerce .products img { margin-bottom: 12px; width: 100%; max-width: 100%; } .woocommerce .products .star-rating { float: left; margin-bottom: 10px; } .woocommerce .products .price { float: left; clear: both; } .woocommerce .products .price del { display: inline-block; padding-right: 5px; color: #aaa; font-size: 0.9em; line-height: 1.2em; } .woocommerce .products .price .amount { font-weight: bold; color: #6CA516; } .woocommerce .products .price del .amount { font-weight: normal; color: inherit; } .woocommerce .product { display: block; margin-bottom: 30px; } .woocommerce .product:after { display: block; clear: both; content: ''; } .woocommerce .product > .images { float: left; width: 41%; display: block; } .woocommerce .product > .images > a > img { width: 100%; } .woocommerce .product > .images .thumbnails { display: block; padding-top: 5px; } .woocommerce .product > .images .thumbnails img { margin-left: 3.3%; margin-top: 10px; width: 31%; } .woocommerce .product > .images .thumbnails a:nth-child(3n+1) img { margin-left: 0px; clear: both; } .woocommerce .product > .summary { float: left; width: 56%; display: block; margin-left: 3%; } .woocommerce-tabs { display: block; clear: both; padding-top: 20px; } .woocommerce-tabs .entry-content { margin-top: -1px; float: right; border-radius: 0px; border: 1px solid #e9e9e9; padding: 30px; margin-bottom: 30px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce-tabs .tabs { padding-left: 0px; position: relative; margin: 0px; padding-bottom: 0px; } .woocommerce-tabs .tabs:after { display: block; clear: both; content: ''; } .woocommerce-tabs .tabs li { list-style: none; margin-left: 0px; margin-top: 0px; } .woocommerce-tabs .tabs li a { display: inline-block; color: #999999; border: 1px solid #e9e9e9; border-top-width: 2px; padding: 12px 30px; font-size: 14px; margin: 0 0px; margin-right: 5px; float: left; font-size: 14px; font-weight: 700; } .woocommerce-tabs .tabs li.active a { color: #000; border-bottom: 1px solid #fff; border-top: 2px solid #169fda; } .woocommerce-tabs #comments h2, .woocommerce-tabs #tab-description h2 { font-size: 1.4em; } .woocommerce #reviews #comments ol.commentlist { list-style: none; padding-left: 0px; } .woocommerce #reviews #comments ol.commentlist li { padding-left: 80px; position: relative; padding-top: 20px; margin-top: 0px; margin-bottom: 20px; border-top: 1px dotted #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce-page #reviews #comments ol.commentlist li img.avatar { -webkit-border-radius: 40px; -moz-border-radius: 45px; border-radius: 40px; border: 0; padding: 0; width: 50px; margin-top: 6px; position: absolute; top: 20px; left: 0px; } .woocommerce #reviews #comments .star-rating { margin-bottom: 8px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 8px; } .woocommerce .product { position: relative; } .woocommerce-info { display: block; margin-bottom: 20px; background: #f5f5f5; padding: 20px; border-left: 3px solid #ECC31F; } .woocommerce-info .button { float: right; margin-top: -7px!important; position: relative; } .woocommerce-message { display: block; margin-bottom: 20px; background: #f5f5f5; padding: 20px; border-left: 3px solid #8FBE29; } .woocommerce-message .button { float: right; margin-top: -7px!important; position: relative; } .woocommerce-error { display: block; margin-bottom: 20px; background: #f5f5f5; padding: 20px!important; border-left: 3px solid #DA222B; } .woocommerce-error li { list-style-type: none; } .woocommerce-message .button { float: right; margin-top: -7px!important; position: relative; } .summary .price { float: left; margin-top: 5px; font-size: 20px; margin-bottom: 12px; } div[itemprop="description"] { margin-bottom: 30px; clear: both; } .cart .quantity { position: relative; width: 120px; float: left; clear: both; height: 50px; margin-bottom: 5px; } .cart .quantity input.plus, .cart .quantity input.minus { background-color: #F8F8F8; background-repeat: repeat-x; border: 1px solid #E1E1E1; border-radius: 0 0 0 0; color: #666; cursor: pointer; display: inline!important; height: 35px; line-height: 35px; margin: 0; padding: 0; vertical-align: middle; width: 35px; position: relative; } .cart .quantity input.plus { left: 35px; } .woocommerce .container div.product form.cart .button { margin-bottom: 20px; } form.cart .button:focus { outline: none; } .container .form-submit input { background: #fff; border: 2px solid #111; color: #111; font-size: 14px; } .container .form-submit input:hover { border-color: #119dd9; color: #119dd9; border-radius: 0px; } .woocommerce .cart .quantity input.qty { border-left: medium none; border-right: medium none; border-top: 1px solid #e2e2e2; border-bottom-width: 1px; display: inline; height: 35px; line-height: 35px; margin: 0; padding: 0 5px; font-size: 15px; text-align: center; vertical-align: middle; width: 35px; position: relative; position: absolute; top: 0px; left: 35px; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce .summary button.button { font-size: 1em!important; clear: both; margin-bottom: 20px; padding: 9px 17px 10px 17px; background: #8BB818; } .woocommerce .summary .variations_form .variations { line-height: 150%; } .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty { background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border-color: #E1E1E1; font-weight: normal; font-size: 12px; } .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty { float: none!important; } .summary .product_meta { margin-top: 5px; margin-bottom: 15px; clear: both; } .summary .product_meta .divider { width: 30px; height: 2px; background: #e2e2e2; margin-bottom: 15px; } .summary .single_variation:after { display: block; clear: both; content: ''; } .summary .variations { margin-bottom: 10px; vertical-align: middle; } .summary .variations label { display: inline-block; padding-top: 5px; } .summary .variations td { padding-right: 10px; } .summary .variations select { padding: 3px 6px; cursor: pointer; border: 1px solid #e2e2e2; margin-right: 10px; } #review_form_wrapper form { margin-top: 35px; display: block; } #review_form_wrapper form > p label { margin-bottom: 5px; font-size: 14px; } #review_form_wrapper form > p { width: 55%; display: block; margin-left: auto; margin-right: auto; } #review_form_wrapper form > p textarea, #review_form_wrapper form > p input[type=text] { width: 100%; display: block; color: #949494; border: 1px solid #c4c4c4; padding: 12px 15px; font-size: 1em; font-family: Arial; margin: 0px; border-radius: 2px; line-height: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #review_form_wrapper p.stars { display: inline-block; margin-bottom: 0px; margin-left: 15px; position: relative; } #review_form_wrapper p.stars a { letter-spacing: 0px; font-size: 1em; color: transparent; display: inline-block; font-family: 'FontAwesome'; position: relative; margin-right: 4px; width: 20px; } #review_form_wrapper p.stars a.active:before, #review_form_wrapper p.stars a:hover:before { display: block; letter-spacing: 5px; font-size: inherit; content: ""; right: -1px; text-align: right; color: #F7B019; position: absolute; font-family: 'FontAwesome'; z-index: 20; } #review_form_wrapper p.stars > span:after { font-family: 'FontAwesome'; content: "\f005\f005\f005\f005\f005"; color: #ccc; display: block; position: absolute; top: 0px; letter-spacing: 5px; font-size: inherit; z-index: 0; } #review_form_wrapper p.stars a.active, #review_form_wrapper p.stars a:hover { z-index: 20; } #review_form_wrapper p.stars a.star-1 { z-index: 5; } #review_form_wrapper p.stars a.star-2 { z-index: 4; } #review_form_wrapper p.stars a.star-3 { z-index: 3; } #review_form_wrapper p.stars a.star-4 { z-index: 2; } #review_form_wrapper p.stars a.star-5 { z-index: 1; } #review_form_wrapper p.stars a.star-1.active:before, #review_form_wrapper p.stars a.star-1:hover:before { content: "\f005"; right: -3px; } #review_form_wrapper p.stars a.star-2.active:before, #review_form_wrapper p.stars a.star-2:hover:before { content: "\f005\f005"; right: -2px; } #review_form_wrapper p.stars a.star-3.active:before, #review_form_wrapper p.stars a.star-3:hover:before { content: "\f005\f005\f005"; right: 0px; } #review_form_wrapper p.stars a.star-4.active:before, #review_form_wrapper p.stars a.star-4:hover:before { content: "\f005\f005\f005\f005"; right: 1px; } #review_form_wrapper p.stars a.star-5.active:before, #review_form_wrapper p.stars a.star-5:hover:before { content: "\f005\f005\f005\f005\f005"; right: 2px; } #review_form_wrapper input[type=submit] { font-size: 0.8em!important; margin: 0 2px 5px 0; display: inline-block; padding: 8px 17px; color: #fff!important; background: #e34922; text-decoration: none!important; text-transform: uppercase; border-radius: 2px; border: 0px; cursor: pointer; } #review_form_wrapper input[type=submit]:hover { background: #232323!important; } .widget > form > div #s { padding: 8px 10px; width: 130px; } .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 1em; letter-spacing: 2px; width: 5.2em; font-family: 'FontAwesome'; display: inline-block; color: #F7B019; } .star-rating:before { content: "\f005\f005\f005\f005\f005"; color: #dfdbdf; float: left; top: 0; left: 0; position: absolute; letter-spacing: inherit; font-size: inherit; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; letter-spacing: inherit; font-size: inherit; } .star-rating span:before { color: #F7B019; content: "\f005\f005\f005\f005\f005"; top: 0; position: absolute; left: 0; letter-spacing: inherit; font-size: inherit; } .widget ul.product_list_widget li { padding-bottom: 14px; border-bottom: 1px solid #e7e7e7; } .widget ul.product_list_widget li:after { display: block; clear: both; content: ''; } .widget ul.product_list_widget li a { text-transform: none; font-size: 14px; color: #111; border: none; padding: 0px; line-height: 1.5em; width: 100%; } .widget ul.product_list_widget .star-rating { float: none !important; margin: 3px 0px 2px 0px !important; display: block; } .widget ul.product_list_widget li del span.amount, .widget ul.product_list_widget li del { color: #ccc; } .widget ul.product_list_widget li .reviewer, .widget ul.product_list_widget li .amount { font-size: 12px; color: #777; display: inline-block; margin-top: 5px; } .widget ul.product_list_widget li a:hover { text-decoration: underline; color: #111; } .widget .product_list_widget li img { /* float: left; */ max-width: 48px; margin-right: 15px; margin-top: 4px; } .widget ul.product_list_widget li img { position: absolute; left: 0px; } .widget ul.product_list_widget li { min-height: 58px; margin-bottom: 14px; } .widget ul.product_list_widget li a { display: block; position: relative; padding-left: 60px; width: auto; } .widget ul.product_list_widget li .quantity { line-height: 150%!important; } .widget ul.product_list_widget li .quantity .amount { line-height: inherit!important; margin-top: 0px!important; font-size: 1em; } .widget ul.product_list_widget li .variation p { margin-bottom: 0px; } .widget ul.product_list_widget li .quantity, .widget ul.product_list_widget li .variation, .widget ul.product_list_widget li .reviewer, .widget ul.product_list_widget li > del, .widget ul.product_list_widget li > .amount, .widget ul.product_list_widget .star-rating { margin-left: 60px!important; } .widget .widget_shopping_cart_content .total { display: block; border-top: 2px solid #DFDFDF; margin-top: 14px; padding-top: 12px; font-size: 1.14em; } .widget .widget_shopping_cart_content .total .amount { float: right; } .widget .widget_shopping_cart_content .buttons { margin-bottom: 0px; } .price_slider_wrapper .price_slider { margin-bottom: 15px; } .price_slider_wrapper input { -webkit-transition: none; -moz-transition: none; transition: none; } .price_slider_wrapper .price_slider_amount { text-align: right; line-height: 2.4em; font-size: 0.8751em; } .price_slider_wrapper .price_slider_amount .button { float: left; } .price_slider_wrapper .ui-slider { position: relative; text-align: left; } .price_slider_wrapper .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.75em; height: 0.8em; margin:0px -2px; border-radius: 1em; border: 1px solid #B8B8B8; cursor: pointer; background: #FAFAFA; outline: none; top: -0.2em; transition: none; } .price_slider_wrapper .ui-slider .ui-slider-handle:last-child { margin-left: -0.5em; } .price_slider_wrapper .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #3C98CA; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .price_slider_wrapper .price_slider_wrapper .ui-widget-content { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background: #f2f2f2!important; } .price_slider_wrapper .ui-slider-horizontal { height: .5em; background: #E6E6E6; } .price_slider_wrapper .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .woocommerce-pagination { display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; margin-top: 20px; } .woocommerce-pagination ul.page-numbers { display: inline-block; padding: 0px; margin: 0px; } .woocommerce-pagination .page-numbers li { display: inline-block; list-style: none; margin: 3px 1px!important; padding: 0px; } .woocommerce-pagination .page-numbers li .page-numbers { display: inline-block; color: #444444; text-shadow: none; font-weight: bold; font-size: 1em; line-height: 100%; padding: 12px 15px; border-radius: 30px; background: transparent; border: 1px solid #444444; margin: 0; text-decoration: none!important; } .woocommerce-pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers:hover { background: #444444; color: #fff!important; } .article-content .woocommerce .cart_totals h2 { font-size: 1em; margin-top: 0px; padding-top: 0px; padding-bottom: 8px; } table.cart { margin: 0px; margin-bottom: 30px; width: 70%; float: left; } table.cart tr th { text-align: left; text-transform: uppercase; font-size: 1em; padding-top: 3px; padding-bottom: 7px; padding-left: 0px; border-bottom: 2px solid #e2e2e2; } table.cart tr th.product-subtotal { text-align: right; } table.cart tr td { padding-left: 0px; font-size: 15px; text-align: left; vertical-align: middle; } table.cart tr td.product-add-to-cart { text-align: right; } table.cart tr td.product-thumbnail { font-size: 60px; } table.cart tr td img { max-height: 70px; max-width: 100%; width: auto; } table.cart tr td.product-name a { color: #333; border: none; padding: 0px; } table.cart tr td a:hover { border: none; color: #111; text-decoration: underline; } table.cart td .quantity { margin: 0px; width: auto; height: 35px; } table.cart .quantity input.plus, table.cart .quantity input.minus { height: 35px; line-height: 35px; width: 30px; font-weight: 400; } table.cart .quantity input.qty { height: 35px; left: 30px; line-height: 35px; } table.cart td.product-remove a { font-size: 13px; line-height: 20px; color: #999; padding: 2px 8px; border: 1px solid #eee; border-radius: 50%; text-align: center; } table.cart td.product-remove a:hover { color: #fff; background: #E93D12; border-radius: 50%; text-decoration: none; border: 1px solid transparent; } table.cart td dl { margin: 0px; } table.cart td dl p { font-size: 13px; margin: 0px; line-height: 1.4em; color: #888; margin-right: 15px; margin-left: 6px; } table.cart td dt, table.cart td dd { float: left; font-size: 12px; color: #888; font-size: 13px; color: #888; font-weight: normal; line-height: 1.4em; } table.cart td dt { text-transform: capitalize; color: #666; } .cart_totals h2 { padding: 1px 8px 2px 0px; text-transform: uppercase; font-size: 13px; padding-left: 0px; border-bottom: 2px solid #e2e2e2; margin-top: 0px; } .coupon h3 { padding: 11px 8px; text-transform: uppercase; font-size: 14px; padding-left: 0px; margin-bottom: 0px; margin-top: 20px; } .coupon input#coupon_code { width: 29.6%; padding: 6px 8px 7px 8px; margin-bottom: 10px; border-radius: 2px; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .coupon .button { width: auto; } .woocommerce-page .cart-collaterals input { width: 100%; margin-bottom: 2px; padding: 12px; font-size: 14px; } .woocommerce-page .cart-collaterals input.update-button, .woocommerce .update-button { background: #fff !important; font-weight: 700; border: 2px solid #e2e2e2; color: #aeaeae; } .woocommerce-page .cart-collaterals input.update-button:hover, .woocommerce .update-button:hover { border-color: #333; color: #333; } .woocommerce-page .cart-collaterals input.checkout-button, .woocommerce .checkout-button { background-color: #8FBE29; } .woocommerce .checkout-button { margin-bottom: 25px; } .woocommerce-page .cart-collaterals .coupon input.button { width: auto; font-size: 12px; padding: 10px 20px; } .cart_totals table { margin: 0px; font-size: 14px; margin-bottom: 20px; width: 100%; } .cart_totals table tr.order-total th, .cart_totals table tr.order-total td { border-bottom: 2px solid #e2e2e2; } .cart_totals table td { text-align: right; } .cart_totals table th, .cart_totals table td { border-bottom: 1px dotted #ccc; padding: 8px 8px 8px 0px; } .cart_totals table tr:nth-child(even), table.cart tr:nth-child(even) { background-color: #fff; } table.cart tr td.product-subtotal { text-align: right; font-weight: bold; } .cart-collaterals h2{ margin: 20px 0px 0px 0px; } table.cart tr:nth-child(even) { border-top: 1px dotted #e2e2e2; border-bottom: 1px dotted #e2e2e2; } .cart-collaterals .shipping_calculator h2 { padding-top: 0px; margin-top: 20px; margin-bottom: 0px; } .woocommerce:after { clear: both; content: ''; display: block; } .cart-collaterals h2 a, .cart-collaterals h2 a:hover { font-size: 16px; background-color: inherit; color: #289dcc; } .cart-collaterals h2 a:before { content: "\f196"; font-family: FontAwesome; margin-right: 8px; position: relative; bottom: -1px; } .woocommerce .shipping-calculator-form button { font-weight: 400; } .cart-collaterals .shipping-calculator-form select { width: 100%; padding: 6px 7px; } .cart-collaterals .shipping-calculator-form p { margin-bottom: 5px; } .cart-collaterals .shipping-calculator-form .input-text { width: 100%; padding: 5px 10px; margin-top: 5px; margin-bottom: 0px; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce-page .shipping-calculator-form button.button { font-size: 11px; font-weight: 400; } .woocommerce-page .shipping-calculator-form button.button:hover { border-radius: 0px; } .checkout-confirmed-payment { padding: 30px 30px 1px 30px; background: #d8f1d3; margin-bottom: 30px; } .checkout-confirmed-payment p { font-size: 24px; color: #4a863c; } .checkout-confirmed-payment ul li:before { background: #60a550 !important; } .cart_totals table th { text-align: left; font-weight: normal; } .woocommerce .cart .cart_item .quantity input.qty { left: 30px; } .shop_table.cart .coupon { padding-top: 15px; } .shop_table.cart .coupon label { padding-bottom: 5px; display: block; } .shop_table.cart .coupon .button { background-color: #aaa; } .article-content.page .main-title h2 { margin-bottom: 0px; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } p.form-row input.input-text { width: 100%; font-size: 15px; color: #333; padding: 10px 12px; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } span.required { color: red; } form.login { background: #f9f9f9; border: 2px solid #f0f0f0; padding: 32px; margin: 30px 0px; border-radius: 4px; font-size: 13px; } form.login label { display: block; } form.login input.input-text { width: 100%; } .woocommerce-page form.login input.button { font-size: 14px; margin: 5px 0px 22px 0px; } .woocommerce-page form.login input#rememberme { margin-right: 4px; } p.form-row label { display: inline-block; } p.form-row input.input-text { width: 100%; font-size: 15px; color: #333; } .addresses h3 { font-size: 18px; font-weight: 600; } .addresses address { padding-top: 5px; display: block; } .col2-set.addresses { overflow: hidden; } .col2-set.addresses .col-1, .col2-set.addresses .col-2 { float: left; margin-right: 30px; width: 46%; } .article-content .woocommerce-billing-fields h3, .article-content .woocommerce-shipping-fields h3 { font-size: 1.3em; } #order_review_heading { clear: both; padding-top: 20px; display: block; border-top: 2px solid #e2e2e2; } table.shop_table { width: 100%; margin-bottom: 30px; } table.shop_table th, table.shop_table td { padding: 10px; padding-left: 0px; font-size: 18px; } table.shop_table tr:nth-child(even) { background: #fff; } table.shop_table tr th, table.shop_table tfoot td { border-bottom: 2px solid #e2e2e2; } table.shop_table thead tr th { font-size: 13px; text-transform: uppercase; } table.shop_table tr.order-total th, table.shop_table tr.shipping th, table.shop_table tr.cart-subtotal th { text-align: left; } table.shop_table thead tr th.product-name { text-align: left; font-size: 1.2em; } table.shop_table thead tr th.product-subtotal { text-align: right; } table.shop_table .product-total, table.shop_table tfoot td { text-align: right; } table.shop_table tr.order-total th { text-transform: uppercase; } ul.payment_methods .payment_method_bacs p { background: #fff; padding: 15px; margin: 5px 0px 10px 0px; } ul.payment_methods { margin-left: 0px; background: #f2f2f2; padding: 20px!important; } ul.payment_methods li { margin-left: 0px; list-style-type: none; } ul.payment_methods li.payment_method_paypal img { margin-top: -2px; display: inline; margin-left: 7px; } ul.payment_methods li input { margin-right: 6px; } ul.payment_methods li:before { display: none; } ul.payment_methods p { color: #777; font-size: 13px; line-height: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input.button.place_order { padding: 12px 20px; font-size: 14px!important; } textarea.input-text { width: 100%; font-size: 15px; color: #333; width: 100%; font-size: 15px; color: #333; padding: 10px 12px; border: 1px solid #ccc; font-family: Arial; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shop_table .cart_item td { border-bottom: 1px solid #f0f0f0; } .widget ul.product_list_widget li:last-child { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; } /* BuddyPress */ .widget #bbp_search { padding: 3px 7px 6px 7px; border-radius: 2px; border: 1px solid #ccc; line-height: 150%; } .small-sidebar .widget #bbp_search_submit { margin-top: 8px; display: block; } .avatar-block .item-avatar { display: block; float: left; width: 50px; height: 50px; margin-left: 12px; margin-bottom: 12px; } .avatar-block .item-avatar:nth-child(4n+1) { clear: both; margin-left: 0px; } .avatar-block:after { display: block; clear: both; content: ''; } .widget .bbp-login-form input[type=password], .widget .bbp-login-form input[type=text], #sidebar .widget #bp-login-widget-form input[type=password], #sidebar .widget #bp-login-widget-form input[type=text] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; padding: 7px 10px; border: 1px solid #ccc; border-radius: 2px; } .widget .bbp-login-form input[type=password], .widget .bbp-login-form input[type=text] { padding: 8px; margin-bottom: 5px; border: 1px solid #ccc; } #sidebar .widget #bp-login-widget-form input[type=text] { margin-bottom: 5px; } #sidebar .widget #bp-login-widget-form label { display: block; margin-bottom: 5px; } .forgetmenot { margin-bottom: 15px; } .widget dl:after { display: block; clear: both; content: ''; } .widget dl dd { display: block!important; width: auto!important; /*float: right!important;*/ padding-bottom: 8px; } .widget dl dt { display: block!important; width: auto!important; padding-right: 10px; float: left!important; clear: both; padding-bottom: 8px; } body .widget dl.variantion dd, body .widget dl.variantion dt { padding-bottom: 0px!important; margin-bottom: 0px; } .price del { font-size: 80%; vertical-align: bottom; } .widget .bbp-login-form label { display: block!important; margin-bottom: 5px; } .widget .bbp-remember-me label { display: inline-block!important; width: auto!important; } .widget .bbp-login-links { margin-top: 10px; line-height: 130%; font-size: 12px!important; } .widget .item-list > li { display: block; } .widget .item-list > li:after { display: block; clear: both; content: ''; } .widget .item-list > li .item-avatar { float: left; width: 50px; height: 50px; } .widget .item-list > li .item { display: block; margin-left: 65px; } .widget .item-list > li .item .item-title { font-weight: bold; } .widget .item-options { display: block; background: rgba(0, 0, 0, 0.07)!important; font-size: 0; padding: 7px!important; } .widget .item-options:after { display: block; clear: both; content: ''; } .widget .item-options a { display: block; float: left; font-size: 13px; text-align: center; width: 33.33%; padding: 7px 0; line-height: 120%; } .widget .item-options a:hover { background: rgba(0, 0, 0, 0.05); } .widget .item-options a.selected { background: rgba(0, 0, 0, 0.1); } #buddypress div#message p, #sitewide-notice p { border: 0px; font-weight: normal; margin-top: 3px; text-decoration: none; padding: 15px 20px; color: #8A6D3B; background-color: #fdfaec; border-left: 3px solid #FAEBCC; } #buddypress #item-body .item-list-tabs, #buddypress > .item-list-tabs, #buddypress > #item-nav { background: rgba(0, 0, 0, 0.03)!important; padding: 10px; } #buddypress #item-nav li { text-align: center; } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span { color: #aaa; } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { padding: 8px 12px; } #buddypress .activity-list .activity-content .activity-inner p { font-size: 14px; } #buddypress #item-nav #user-activity:before { display: block; content: '\f021'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px; } #buddypress form#whats-new-form #whats-new-options select { margin-top: 8px; } #whats-new-post-in-box { line-height: 35px; } #buddypress #item-nav #user-xprofile:before { display: block; content: '\f007'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px; } #buddypress #item-nav #user-friends:before { display: block; content: '\f0c0'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px; } #buddypress #item-nav #user-groups:before { display: block; content: '\f115'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px; } #buddypress #item-nav #user-forums:before { display: block; content: '\f0e6'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px; } #buddypress #item-nav #user-notifications:before { display: block; content: '\f0a1'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px; } #buddypress #item-nav #user-messages:before { display: block; content: '\f075'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px; } #buddypress #item-nav #user-settings:before { display: block; content: '\f013'; font-family: "FontAwesome"; padding-bottom: 7px; font-size: 20px; } #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { font-size: 13px; color: #232323; } #buddypress div.item-list-tabs ul li.last select { border-radius: 2px; -moz-border-radius: 2px; padding: 3px 5px; border: 1px solid #ccc; } #buddypress div.item-list-tabs#subnav ul li.last { margin-top: 0px; } #activity-filter-select label, #members-order-select label, #groups-order-select label, .activity-filter-select label { line-height: 29px!important; } #buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 { font-size: 15px; } #buddypress #item-header { background: rgba(0, 0, 0, 0.054); padding: 20px 20px 4px 20px; } #buddypress div#item-header div#item-meta, #buddypress span.activity { font-size: 100%; } #item-header-content { display: block; margin-left: 170px!important; float: none!important; line-height: 150%; } #buddypress div.item-list-tabs#subnav { margin-bottom: 30px; } .wpf_wrapper .print_link, #buddypress a.button, #buddypress div.activity-meta a { padding: 5px 10px; line-height: 100%; font-size: 13px!important; color: #aaa!important; font-weight: bold; background: #fff!important; border: 1px solid #ccc!important; box-shadow: none; border-radius: 3px; -moz-border-radius: 3px; } .wpf_wrapper .print_link:hover, #buddypress a.button:hover, #buddypress div.activity-meta a:hover { background: #f0f0f0!important; } .activity-header p { margin-top: 0px!important; } #buddypress #activity-stream p { margin: 0px!important; } #buddypress .activity-list .activity-avatar { padding-top: 5px; } .bbp-search-form { margin-bottom: 17px; } #buddypress div.dir-search input[type=text], .bbp-search-form #bbp_search, #buddypress input[type=text] { padding: 4px 8px; background: #fff; border-radius: 3px; -moz-border-radius: 3px; } #buddypress ul.item-list li div.item-title span { line-height: 130%; } #buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 { margin-bottom: 8px; font-weight: bold; } #buddypress div.pagination { background: #f6f6f6; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: 1px solid #eaeaea; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { border-top: 1px solid #eaeaea; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { padding: 14px; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { margin-top: 7px; margin-bottom: 0px; } .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { font-size: 15px; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 13px; color: #aaa; } .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { background-color: #F2F7FF !important; } #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar { margin-bottom: 10px; } #bbpress-forums div.bbp-topic-content code, #bbpress-forums div.bbp-reply-content code, #bbpress-forums div.bbp-topic-content pre, #bbpress-forums div.bbp-reply-content pre { padding: 15px 20px; font-size: 14px; } div.bbp-reply-header { padding: 15px 15px; } #bbpress-forums div.reply { width: auto; } #buddypress .standard-form label, #buddypress .standard-form span.label { margin-top: 20px; margin-bottom: 10px; } #buddypress table.notification-settings { width: 100%; } #buddypress table.notification-settings tbody tr td { background: rgba(0, 0, 0, 0.05); } #buddypress table.notification-settings tbody tr:nth-child(odd) td { background: rgba(0, 0, 0, 0.02); } #buddypress table.notification-settings th { padding: 10px 10px; background: rgba(0, 0, 0, 0.1); } #buddypress table.notification-settings td { padding: 10px 10px; } .bp-login-widget-user-links { padding-top: 0px!important; line-height: 150%; position: absolute; top: 70px; left: 33%; padding: 0px!important; } #buddypress div.messages-options-nav { line-height: 24px; } div.bbp-template-notice.info { border: 0px; font-weight: normal; margin-top: 3px; text-decoration: none; padding: 6px 20px; color: #527085; background-color: #f0f8ff; border-left: 3px solid #cee1ef; border-radius: 0px; font-size: 14px; } div.bbp-template-notice p { font-size: 14px; line-height: 18px; } #bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p { font-size: 13px; font-weight: bold; } #bbpress-forums div.wp-editor-container { border: 1px solid #ccc; } button.button { border: 0px; cursor: pointer; } #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name { font-weight: bold; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 14px; line-height: 130%; } #bbpress-forums li .bbp-forum-title { font-weight: bold; font-size: 15px; } #buddypress div.dir-search { margin: auto 0 -50px 0; padding: 10px; } .hover-effect img { width: 100%; height: auto; } .wpf_wrapper { display: block; margin: 30px 0px; padding-bottom: 10px; } .main-article .hover-effect { margin-bottom: 15px; } .bbp-meta a, .bbp-meta { color: #575757!important; font-size: 100%; } .bbp-topic-title-meta { float: right; margin-top: -20px; color: #aaa; } #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content { font-size: 13px; line-height: 150%; } .widget > ul > li > div { color: #aaa; } .contact-info .fa-stack { position: absolute; } .the-error-msg { display: block; text-align: center; padding: 30px 0; } .the-error-msg strong { font-size: 40px; color: #232323; margin-bottom: 20px; display: block; } .the-error-msg p { margin-bottom: 15px; } #bbpress-forums .status-closed, #bbpress-forums .status-closed a { color: #232323; } .bbp-body .type-topic.status-closed, .bbp-body .type-topic.status-closed a { color: #aaa!important; } .bbp-header .bbp-reply-author, .bbp-footer .bbp-reply-author { font-size: 13px; line-height: 150%; } #bbpress-forums > #subscription-toggle { float: right; line-height: 150%; } div.bbp-breadcrumb { margin-bottom: 10px; } #bbpress-forums, #bbpress-forums p { font-family: Arial, sans-serif!important; } .bbp-topic-permalink { font-size: 14px; } .sticky .bbp-topic-permalink, .super-sticky .bbp-topic-permalink { font-weight: bold; } #bbpress-forums div.bbp-forum-content p, #bbpress-forums div.bbp-topic-content p, #bbpress-forums div.bbp-reply-content p { font-size: 14px; } #bbpress-forums #bbp-search-form #bbp_search { border: 1px solid #ccc; line-height: 150%; padding: 2px 10px 5px 10px; margin-right: 4px; } #buddypress form#whats-new-form textarea { border-radius: 3px; border: 1px solid #ccc; } /* Menu */ /* Desktop view */ .ot-menu-toggle { display: none; /*position: absolute;*/ /*left: 0px;*/ /*top: 0px;*/ /*right: 0px;*/ z-index: 1000; background: #1D1D1D; text-align: center; color: #f0f0f0!important; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 19px 0; width: 100%; } body.ot-menu-active .ot-menu-toggle:after { content: '\f00d'; font-family: "FontAwesome"; display: block; position: absolute; left: 15px; top: 15px; font-size: 18px; } .ot-menu-toggle i.fa { padding-right: 10px; } body.ot-menu-active { overflow: hidden; margin-left: 70%; -moz-transition: margin-left 0.2s; -webkit-transition: margin-left 0.2s; -o-transition: margin-left 0.2s; } body.ot-menu-active .ot-menu-list { left: 0px; margin-left: 0px; } body.ot-menu-active .ot-menu-toggle { left: 70%; } .ot-menu-toggle:hover { background: #232323; } .ot-menu-list h3 { padding: 15px; font-size: 18px; color: #ccc; margin-bottom: 0px; } .ot-menu-list li { border: 0px!important; border-top: 1px solid rgba(255,255,255,0.07)!important; } .ot-menu-list li li a { padding-left: 30px; } .ot-menu-list li a { color: #ccc; background: #232323; box-shadow: inset -20px 0 10px -10px rgba(0,0,0,0.2); } .ot-menu-list li a:hover { background: #1D1D1D; } .ot-menu-list li ul { height: auto!important; } .ot-menu-list a { padding: 12px 15px; display: block; font-size: 12px; } .ot-menu-list a i { display: none; } .ot-menu-list .big-drop > ul { display: none; } body.ot-menu-active { margin-left: 0px; } body.ot-menu-active .ot-menu-list { width: 70px; } body.ot-menu-active .ot-menu-toggle { left: -70px; } .ot-menu-list .mega-menu-full > ul { display: none!important; } .item .item-header a { max-width: 100%; } /* iPad view */ @media only screen and (max-width: 800px) and (min-width: 601px) { body.ot-menu-ipad-enable .ot-menu-toggle, body.ot-menu-ipad-enable .ot-menu-list { display: block!important; } body.ot-menu-ipad-enable .ot-menu-add { display: none!important; } body.ot-menu-active { margin-left: 40%; } body.ot-menu-active .ot-menu-list { width: 40%; } body.ot-menu-active .ot-menu-toggle { left: 40%; } } /* iPhone view */ @media only screen and (max-width: 600px) { body.ot-menu-ipad-enable:not(.ot-menu-iphone-enable) { margin-top: 0px; } body.ot-menu-iphone-enable .ot-menu-toggle, body.ot-menu-iphone-enable .ot-menu-list { display: block!important; } body.ot-menu-ipad-enable:not(.ot-menu-iphone-enable) .ot-menu-toggle, body.ot-menu-ipad-enable:not(.ot-menu-iphone-enable) .ot-menu-list { display: none!important; } body.ot-menu-iphone-enable .ot-menu-add { display: none!important; } body.ot-menu-ipad-enable:not(.ot-menu-iphone-enable) .ot-menu-add { display: none!important; } body.ot-menu-active { margin-left: 70%; } body.ot-menu-active .ot-menu-list { width: 70%; } body.ot-menu-active .ot-menu-toggle { left: 70%; } } /* Menu background */ .dat-menu-setup { background-color: #665140; background-image: url(/wp-content/themes/fraction-theme/images/photo-3.jpg); } /* Lightbox */ #lightbox-box { position:absolute; width:100%; height:100%; z-index:200; } #lightbox-box .lightbox-bg { display:block; position:fixed; background:rgba(0,0,0,0.8); width:100%; height:100%; z-index:199; } #lightbox-box.blackout > div > img { background:transparent!important; } #lightbox-box.blackout > div { opacity: 1; filter: alpha(opacity=100); } #lightbox-box > div > span { display:none; position:absolute; bottom:30px; left:0px; z-index:200; background:rgba(0,0,0,0.5); padding:12px 18px; font-size:13px; font-family:Arial; max-width:600px; color:#fff; } #lightbox-box > a { display:none; position:fixed; top:30px; right:30px; font-size:12px; font-weight:bold; color:transparent; overflow:hidden; width:30px; height:30px; background:url(/wp-content/themes/fraction-theme/images/lightbox-close.png) no-repeat center; opacity: 0.3; filter: alpha(opacity=30); z-index:201; } #lightbox-box > a:hover { opacity: 1; filter: alpha(opacity=100); } #lightbox-box > div { display:block; position:absolute; width:80px; height:80px; background:#fff url(/wp-content/themes/fraction-theme/images/loading.gif) no-repeat center; text-align:center; box-shadow:0px 1px 6px rgba(0,0,0,0.3); -moz-transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s; -webkit-transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s; -o-transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s; opacity: 0.8; filter: alpha(opacity=80); z-index:201; } #lightbox-box > div > font { position:absolute; bottom:-36px; right:0px; display:none; opacity: 0.8; filter: alpha(opacity=80); } #lightbox-box > div > font a { float:left; display:block; background-position:center top; background-repeat:no-repeat; color:transparent; width:28px; height:28px; } #lightbox-box > div > font a#lightbox-left { background-image:url(/wp-content/themes/fraction-theme/images/lightbox-left.jpg); } #lightbox-box > div > font a#lightbox-right { background-image:url(/wp-content/themes/fraction-theme/images/lightbox-right.jpg); } #lightbox-box > div > font a:hover { background-position:center bottom; } #lightbox-box.blackout > div > img { opacity: 1; filter: alpha(opacity=100); } #lightbox-box > div > img { width:100%; height:100%; background:transparent; opacity: 0.2; filter: alpha(opacity=20); } .lightbox-photo { line-height: 16px; } .paragraph-row { display: block; clear: both; position: relative; margin-bottom: 15px; } .paragraph-row:after { display: block; clear: both; content: ''; } .paragraph-row .column12{width:100%;*width:99.94680851063829%;} .paragraph-row .column11{width:91.48936170212765%;*width:91.43617021276594%;} .paragraph-row .column10{width:82.97872340425532%;*width:82.92553191489361%;} .paragraph-row .column9{width:74.46808510638297%;*width:74.41489361702126%;} .paragraph-row .column8{width:65.95744680851064%;*width:65.90425531914893%;} .paragraph-row .column7{width:57.44680851063829%;*width:57.39361702127659%;} .paragraph-row .column6{width:48.93617021276595%;*width:48.88297872340425%;} .paragraph-row .column5{width:40.42553191489362%;*width:40.37234042553192%;} .paragraph-row .column4{width:31.914893617021278%;*width:31.861702127659576%;} .paragraph-row .column3{width:23.404255319148934%;*width:23.351063829787233%;} .paragraph-row .column2{width:14.893617021276595%;*width:14.840425531914894%;} .paragraph-row .column1{width:6.382978723404255%;*width:6.329787234042553%;} .paragraph-row > li, .paragraph-row > div { float: left; margin-left: 2.127659574468085%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .paragraph-row > li:first-child, .paragraph-row > div:first-child { margin-left: 0px; padding-left: 0px; } .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 { color: #1a1a1a; margin-bottom: 15px; } .article-content h1 { font-size: 2.5em; font-weight: 700; } .article-content h2 { font-size: 2.3em; font-weight: 700; } .article-content h3 { font-size: 2.1em; font-weight: 700; } .article-content h4 { font-size: 1.9em; font-weight: 700; } .article-content h5 { font-size: 1.7em; font-weight: 700; } .article-content h6 { font-size: 1.5em; font-weight: 700; } .article-content p { margin-bottom: 15px; font-size: 1.15em; color: #737373; } p.caps:first-letter { font-size: 3em; font-weight: 500; float: left; margin: 0 7px 0 0; color: #1a1a1a; line-height: 100%; } /* asdasdasd */ .article-content { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .article-content p a.ot-link { outline: none; text-decoration: none; white-space: nowrap; position: relative; display: inline-block; vertical-align: bottom; } .article-content p a.ot-link::before, .article-content p a.ot-link::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .article-content p a.ot-link { text-decoration: none!important; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-perspective: 600px; perspective: 600px; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } .article-content p a.ot-link:hover, .article-content p a.ot-link:focus { color: #fff; } .article-content p a.ot-link::before, .article-content p a.ot-link::after { position: absolute; top: 0; left: -4px; z-index: -1; box-sizing: content-box; padding: 0 4px; width: 100%; height: 100%; content: ''; } .article-content p a.ot-link::before { background-color: #e34a23; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .article-content p a.ot-link:hover::before, .article-content p a.ot-link:focus::before { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .article-content p a.ot-link::after { border-bottom: 2px solid #e34a23; } .gallery-shortcode { display: block; margin-bottom: 15px; } .gallery-shortcode-photos { display: block; /*margin-bottom: 8px;*/ background: #1a1a1a; padding: 5px; width: auto!important; } .gallery-shortcode-photos img { width: 100%; } .gallery-shortcode-photos a { display: block; padding: 5px; } .gallery-shortcode-photos .hover-text { padding-top: 4px; display: block; } .gallery-shortcode-content { display: block; background: #232323; color: #fff; } .gallery-shortcode-content a { display: block; color: #fff!important; padding: 16px 20px; font-size: 1.22em; font-weight: 600; text-decoration: none!important; margin-right: 25%; } .gallery-shortcode-photos.owl-theme .owl-controls { position: absolute; right: 10px; bottom: -35px; } .gallery-shortcode-photos.owl-theme .owl-controls .owl-page span { background: #fff; } .wp-caption { border: 1px solid #eee; padding: 2%; padding-bottom: 0; max-width: 100%; margin-bottom: 15px!important; background: #fff; text-align: center; box-shadow: 0 2px 2px rgba(0,0,0,0.03); margin-top: 0px!important; } .wp-caption img { display: inline-block; margin-bottom: 10px; max-width: 100%; height: auto; } .wp-caption .wp-caption-text { font-size: 14px !important; } .aligncenter { display: block; margin: 5px auto 5px auto; } .ot-spacer, .spacer-1 { display: block; height: 2px; width: 100%; margin-top: 40px; margin-bottom: 40px; background: #dfdfdf; color: #dfdfdf; text-align: center; position: relative; border-bottom: 0px; font-size: 20px; } .spacer-2 { display: block; height: 6px; width: 100%; margin-top: 40px; margin-bottom: 40px; background: #dfdfdf; color: #dfdfdf; text-align: center; position: relative; } .spacer-2:before { display: block; content: ''; width: 100%; height: 2px; position: absolute; background: #fff; top: 2px; left: 0px; } .spacer-3 { display: block; height: 4px; width: 100%; margin-top: 40px; margin-bottom: 40px; background: #dfdfdf; color: #dfdfdf; text-align: center; position: relative; } .spacer-1 i.fa, .spacer-2 i.fa, .spacer-3 i.fa { display: inline-block; color: inherit; font-size: 22px; padding: 0 10px; background: #fff; position: absolute; top: -7px; z-index: 2; width: 30px; text-align: center; margin-left: -20px; } .spacer-1 i.fa { top: -9px; } p .marker { display: inline-block; padding: 0px 4px; margin: 0px 5px; background: #232323; border-radius: 2px; -moz-border-radius: 2px; color: #fff; font-weight: bold; } .article-content .social-icon { display: inline-block; color: #232323!important; margin-right: 15px; font-family: Arial; text-decoration: none!important; } .article-content .social-icon:after { display: block; clear: both; content: ''; } .article-content .social-icon:hover { color: #4b4b4b!important; } .article-content .social-icon i.fa { display: inline-block; background: #232323; color: #faf9f3; width: 24px; font-size: 12px; line-height: 24px; text-align: center; float: left; text-shadow: none!important; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; border-radius: 50%; } .article-content .social-icon:hover i.fa { background: #4b4b4b; } .article-content .social-icon b { color: inherit; display: block; margin-left: 32px; line-height: 130%; font-size: 14px; margin-top: -2px; } .article-content .social-icon span { color: inherit; display: block; margin-left: 32px; font-style: normal; font-size: 10px; line-height: 100%; opacity: 0.5; filter: alpha(opacity=50); } .accordion { display: block; margin-bottom: 15px; } .accordion > div { display: block; /*background: #fff;*/ border-radius: 2px; -moz-border-radius: 2px; /*box-shadow: 0px 2px 1px rgba(0,0,0,0.1);*/ padding: 15px; margin-bottom: 10px; box-shadow: 0 0 0 1px rgba(0,0,0,0.09); background: rgba(255,255,255,0.5); } .accordion > div.active > div { /*display: block;*/ } .accordion > div > div { display: none; margin-bottom: -15px; border-top: 1px dotted #cccccc; margin-top: 15px; padding-top: 15px; } .accordion > div > a { font-weight: bold; font-size: 16px; display: block; color: #363635; position: relative; margin: -15px; padding: 15px; line-height: 130%; text-decoration: none!important; } .accordion > div > a:after { display: block; content: ''; width: 11px; height: 3px; background: #ccc; position: absolute; right: 13px; top: 21px; } .accordion > div > a:before { display: block; content: ''; width: 3px; height: 11px; background: #ccc; position: absolute; right: 17px; top: 17px; } .accordion > div.active > a:before { display: none; } .short-tabs { display: block; margin-bottom: 15px; } .short-tabs > div { display: none; border-radius: 3px; -moz-border-radius: 3px; padding: 20px 20px 5px 20px; box-shadow: inset 0 0 0 1px #fff; background: #fff; border: 1px solid #d9d9d9; } .short-tabs > div.active { display: block; } .article-content .short-tabs > ul { display: block; margin: 0px; padding: 0px; list-style: none; } .short-tabs > ul li { background: transparent; padding: 0px; margin: 0px; display: inline-block; } .short-tabs > ul li a { font-size: 1.1em; display: block; background: #f9f9f9; padding: 13px 18px; border-radius: 3px 3px 0 0; border: 1px solid #e5e5e5; color: #232323; border-bottom: 0px; box-shadow: inset 0 -30px 25px -25px rgba(0,0,0,0.06); text-decoration: none!important; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .short-tabs > ul li a:hover { border: 1px solid #d9d9d9; border-bottom: 0px; background: #fff; } .short-tabs > ul li.active a { background: #fff; border: 1px solid #d9d9d9; border-bottom: 0px; border-radius: 3px 3px 2px 2px; margin-bottom: -15px; padding-bottom: 15px; box-shadow: inset 0 40px 35px -35px #fff; } blockquote { display: block; border-left: 3px solid #aaaaaa; padding: 7px 0px 7px 25px; font-style: italic; margin-bottom: 15px; } blockquote p { margin-bottom: 0px!important; } blockquote.style-2 { display: block; position: relative; border-left: 0px; padding-left: 40px; } blockquote.style-2:before { display: block; content: "\""; position: absolute; top: 5px; left: -10px; color: #aaaaaa; font-size: 75px; } blockquote.style-3 { display: block; position: relative; border-left: 0px; padding: 20px 25px; border: 1px dotted #232323; border-radius: 7px; -moz-border-radius: 7px; margin-left: 7%; margin-right: 7%; } .article-content ol, .article-content ul { padding: 3px 0 2px 20px; margin: 0 0 15px 0; } .article-content ol { list-style: decimal; } .article-content ul { list-style: disc; } .article-content ul.fa-ul { list-style: none; } .article-content ol li, .article-content ul li { background: transparent; padding: 0 0 0 0px; margin: 12px 0 0 0; } .article-content ol > li:first-child, .article-content ul > li:first-child { margin-top: 0px; } .article-content ul.fa-ul { padding-left: 0px; } .article-content ul.fa-ul li { padding-left: 23px; } .article-content ul.fa-ul li i.fa { margin-left: 20px; top: 0px; font-size: 12px; line-height: inherit; padding-top: 2px; } .article-content a.button { font-size: 0.8em!important; margin: 0 2px 5px 0; display: inline-block; padding: 8px 17px; color: #fff!important; background: #e34922; text-decoration: none!important; text-transform: uppercase; border-radius: 2px; } .article-content a.button:hover { background: #232323!important; } input#bp-login-widget-submit, .product a.button, .buttons a.button, input.button, button.button { font-size: 0.8em!important; margin: 0 2px 5px 0; display: inline-block; padding: 8px 17px; color: #fff!important; background: #e34922; text-decoration: none!important; text-transform: uppercase; border-radius: 2px; border: 0px; cursor: pointer; } input#bp-login-widget-submit:hover, .product a.button:hover, .buttons a.button:hover, input.button:hover, button.button:hover { background: #232323!important; } .article-content .coloralert { color: #fff; padding-bottom: 15px; background: #e34a23; border-radius: 2px; } .article-content .coloralert a:hover, .article-content .coloralert a { color: #fff!important; } .article-content .coloralert p { color: inherit; margin-bottom: 0px; } .article-content .coloralert i.fa { margin-top: 4px; } .article-content .short-tabs ul li { margin-top: 0px!important; } html, body, #dat-menu { width: 100%; height: 100%; } body.datnomargin { margin-top: 0px!important; /*overflow: hidden;*/ } .dat-menu-setup { position: relative; background-color: #665140; background-repeat: repeat; background-position: center center; background-size: cover; } .dat-menu-setup .dat-menu-container { min-height: 100%; position: relative; outline: 1px solid rgba(0,0,0,0); z-index: 10; -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); /* reset transforms (Chrome bug) */ transform: translateZ(0) translateX(0) rotateY(0deg); } .dat-menu-setup .dat-menu-container::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0px; opacity: 0; background: rgba(0,0,0,0.2); -webkit-transition: opacity 0.4s, height 0s 0.4s; transition: opacity 0.4s, height 0s 0.4s; } .dat-menu-setup .dat-menu-wrapper { position: relative; } .dat-menu-wrapper.dat-menu-padding { padding-top: 0px; } .component { margin: 0 auto; width: 60%; } .dat-menu-setup.dat-menu-load { position: fixed; -webkit-perspective: 1500px; perspective: 1500px; } .dat-menu-load .dat-menu-container { position: absolute; overflow: hidden; width: 100%; height: 100%; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dat-menu-load .dat-menu-wrapper { -webkit-transform: translateZ(-1px); } .dat-menu-animate .dat-menu-container::after { opacity: 1; height: 101%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .dat-menu-list { display: none; position: absolute; height: auto; font-size: 26px; line-height: 130%; max-height: 90%; overflow-x: hidden; overflow-y: hidden; padding-right: 10%; } .datnomargin .dat-menu-list { display: block; } .dat-menu-list { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .dat-menu-list { width: 0px; padding-left: 0px; z-index: -1; } .dat-menu-load .dat-menu-list { left: 0%; width: auto; padding-left: 15%; z-index: 1; overflow: hidden; } .dat-menu-list a { display: inline-block; font-weight: 300; margin: 0 0 30px 0; color: rgba(255,255,255,0.6); text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .dat-menu-list a:hover { color: #fff; } .dat-menu-list a { display: block; } .datnomargin .dat-menu-container { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .effect-1.dat-menu-animate .dat-menu-container { -webkit-transform: translateZ(-1500px) translateX(100%) rotateY(-45deg); transform: translateZ(-1500px) translateX(100%) rotateY(-45deg); } .effect-2.dat-menu-animate .dat-menu-container { -webkit-transform: translateZ(-1500px) translateX(100%) rotateY(0deg); transform: translateZ(-1500px) translateX(100%) rotateY(0deg); } .effect-3.dat-menu-animate .dat-menu-container { -webkit-transform: translateZ(0px) translateX(80%) rotateY(0deg); transform: translateZ(0px) translateX(80%) rotateY(0deg); } .no-csstransforms3d .dat-menu-animate .dat-menu-container { left: 75%; } .dat-menu-list > ul { margin: 0px!important } li.dat-menu-header span { font-weight: 700; display: block; padding-bottom: 20px; color: #fff; padding-top: 40px; text-transform: uppercase; } ul:first-child li.dat-menu-header:first-child span { padding-top: 0px; } .dat-menu-list > ul > li > ul { margin-left: 0px; padding-left: 0px; } .dat-menu-list li { opacity: 0; list-style: none; padding-left: 0px; margin-left: 0px; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .dat-menu-animate .dat-menu-list li { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .dat-menu-animate .dat-menu-list li:nth-child(2) { -webkit-transition-delay: 0.04s; transition-delay: 0.04s; } .dat-menu-animate .dat-menu-list li:nth-child(3) { -webkit-transition-delay: 0.08s; transition-delay: 0.08s; } .dat-menu-animate .dat-menu-list li:nth-child(4) { -webkit-transition-delay: 0.12s; transition-delay: 0.12s; } .dat-menu-animate .dat-menu-list li:nth-child(5) { -webkit-transition-delay: 0.16s; transition-delay: 0.16s; } .dat-menu-animate .dat-menu-list li:nth-child(6) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .dat-menu-animate .dat-menu-list li:nth-child(7) { -webkit-transition-delay: 0.24s; transition-delay: 0.24s; } .dat-menu-animate .dat-menu-list li:nth-child(8) { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .dat-menu-animate .dat-menu-list li:nth-child(9) { -webkit-transition-delay: 0.32s; transition-delay: 0.32s; } .dat-menu-animate .dat-menu-list li:nth-child(10) { -webkit-transition-delay: 0.36s; transition-delay: 0.36s; } .dat-menu-animate .dat-menu-list li:nth-child(11) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .dat-menu-animate .dat-menu-list li:nth-child(12) { -webkit-transition-delay: 0.44s; transition-delay: 0.44s; } .dat-menu-animate .dat-menu-list li:nth-child(13) { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; } .dat-menu-animate .dat-menu-list li:nth-child(14) { -webkit-transition-delay: 0.52s; transition-delay: 0.52s; } .dat-menu-animate .dat-menu-list li:nth-child(15) { -webkit-transition-delay: 0.56s; transition-delay: 0.56s; } .dat-menu-list { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .dat-menu-list.dat-submenu > ul > li > ul { margin-left: 15%!important; opacity: 0.7; } .dat-menu-list.dat-submenu > ul > li > ul ul { padding-left: 0px!important; } .dat-menu-list.dat-submenu > ul li.has-ot-mega-menu, .dat-menu-list.dat-submenu div { display: none!important; } .dat-menu-list.dat-submenu > ul li.dat-has-sub > ul > li { display: none; } .dat-menu-list.dat-submenu > ul li.dat-has-sub { position: relative; display: block; } .dat-menu-list.dat-submenu > ul li.dat-has-sub > a { display: block; padding-right: 50px; } .dat-menu-list ul li > a i { display: none; } .dat-menu-list.dat-submenu > ul li.dat-has-sub:after { position: absolute; display: block; content: '+'; top: 0px; right: 0px; color: #fff; } .dat-menu-list.dat-submenu > ul li.dat-has-sub.dat-sub-active:after { content: '-'; } .dat-menu-top-header { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 60px; font-size: 20px; font-weight: 700; line-height: 40px; padding: 10px; text-align: center; color: #fff; background: #232323; box-shadow: inset 0 30px 0 rgba(255,255,255,0.01), inset 0 -1px 0 rgba(255,255,255,0.05), 0 2px 5px rgba(0,0,0,0.2); z-index: 100000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dat-menu-top-header a, .dat-menu-top-header a:hover, .dat-menu-top-header a:active { color: #fff; } .dat-menu-list input[type='submit'], .dat-menu-top-header input[type='submit'] { display: none!important; } .dat-menu-top-header input[type='text'] { display: block; position: absolute; height: 40px; top: 10px; padding: 0 15px; line-height: 40px; border: 0px; background: #fff; border-radius: 40px; outline: none; opacity: 0; box-shadow: none; width: 0px; right: 60px; padding: 0 15px; width: 0px; z-index: 100; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size:16px; } .dat-menu-top-header input[type='text']:focus { right: 60px; width: 62%; opacity: 1; } .dat-menu-top-header a.dat-menu-menu { display: block; float: left; width: 40px; height: 40px; /*background: url(/wp-content/themes/fraction-theme/images/dat-header-icon-menu@2x.png) no-repeat center;*/ background-size: 40px 40px; text-decoration: none; } .dat-menu-top-header a.dat-menu-search { display: block; float: right; width: 40px; height: 40px; /*background: url(/wp-content/themes/fraction-theme/images/dat-header-icon-search@2x.png) no-repeat center;*/ background-size: 40px 40px; text-decoration: none; } .dat-menu-list .dat-menu-search-block input[type='text'] { display: block; height: 40px; padding: 0 15px; line-height: 40px; width: 100%; border: 0px; border-radius: 40px; color: #fff; outline: none; background: transparent; position: relative; z-index: 10; border: 1px solid rgba(255,255,255,0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dat-menu-list .dat-menu-search-block input[type='text']:focus { color: #232323; background: #fff; border: 1px solid #fff; } ul#dat-menu-list-inner { padding-left: 0px!important; } .dat-menu-temp { display: none!important; } .admin-bar:not(.datnomargin) .dat-menu-top-header { margin-top: 32px; } .dat-menu-top-header > img { display: inline-block; max-width: 70%; max-height: 35px; } @media screen and (max-width: 782px) { .admin-bar:not(.datnomargin) .dat-menu-top-header { margin-top: 46px; } } @media screen and (max-width: 77em) { .dat-menu-list.top { top: 15%; } .dat-menu-list.bottom { bottom: 15%; } } @media screen and (max-width: 36.625em), screen and (max-height: 41.75em) { .dat-menu-load .dat-menu-list { padding-left: 15%; } } @media screen and (max-width: 31em), screen and (max-height: 36.2em) { .dat-menu-list { font-size: 17px; width: 6.8em; } } @media screen and (max-height: 31.6em) { .dat-menu-list a { margin-bottom: 20px; } } /* DESKTOP */ @media only screen and (max-width: 1210px) { .boxed { overflow: hidden; } .active.boxed { max-width: 100%; } .wrapper { width: 97%; } .header:not(.makefixed) > .wrapper { left: 1.5%!important; margin-left: 0px!important; } .header .search-header input[type=text], .header .search-header input[type=search] { height: 46px; } .header .search-header input[type=submit] { line-height: 46px; height: 46px; } .header .search-header:after { line-height: 46px; height: 46px; font-size: 18px; } .header .main-menu li > a i { font-size: 0; } .header .header-socials { display: none!important; } .header .header-logo { border-bottom: 0px; padding-bottom: 0px; } .header .main-menu li > a { font-size: 1em!important; padding: 16px 20px 16px 20px!important; } .header .under-menu li a { font-size: 0.8em!important; } .header .under-menu { line-height: 38px; } .header .header-logo h1 { font-size: 1.46em; line-height: 100%; } .header-right.no-bottom.has-social-block .search-header input[type=text], .header-right.no-bottom.has-social-block .search-header input[type=search] { height: 46px; } .header-right.no-bottom.has-social-block .search-header:after, .header-right.no-bottom.has-social-block .search-header input[type=submit] { height: 46px; line-height: 46px; } .search-header { display: none; } } /* TABLET */ @media only screen and (max-width: 970px) { body, div, p, a, table, td { -webkit-text-size-adjust: none; letter-spacing: .015em; } .header.makefixed > .wrapper { position: relative!important; z-index: 100; top: 0px; margin-left: 25px; box-shadow: 0 5px 3px rgba(0,0,0,0.06); } .header { height: auto!important; } body { font-size: 12px; } .owl-theme .owl-controls.clickable .owl-buttons div.owl-prev, .owl-theme .owl-controls.clickable .owl-buttons div.owl-next { display: none; } .header .search-header input[type=text], .header .search-header input[type=search] { height: 46px; } .header .search-header input[type=submit] { line-height: 46px; height: 46px; } .header .search-header:after { line-height: 46px; height: 46px; font-size: 18px; } .header .main-menu li > a i { font-size: 0; } .header .header-socials { display: none!important; } .header .header-logo { border-bottom: 0px; padding-bottom: 0px; } .header .main-menu li > a { font-size: 1em!important; padding: 16px 13px 16px 13px!important; } .header .under-menu li a { font-size: 0.8em!important; padding: 0px 13px!important; } .header .under-menu { line-height: 38px; } .header .header-logo > strong { display: none; } .image-hover figure figcaption, .image-hover figure svg { display: none; } .pagination .page-numbers { padding: 9px 12px; } .main-menu .ot-mega-menu > li > div > div.widget { float: none; clear: both; display: block; width: 100%; margin: 0px; height: auto!important; } .main-menu .ot-mega-menu > li > div { margin-top: -1px; } .share-article-body .right { float: none; position: static; } .share-article-body .right a:first-child { margin-left: 0px; } .share-article-body .right:after { display: block; clear: both; content: ''; } ol#comments .comment-block { padding-left: 0px!important; padding-right: 0px!important; } .article-content ol > li, .article-content ul > li { font-size: 1.2em; } #sidebar .widget > .ot-tabbed h3 { font-size: 0.9em; } } /* TABLET 2 */ @media only screen and (max-width: 800px) { .header .header-right, .search-header { display: none!important; } .header .header-left { display: block; width: 100%; padding: 20px 0; } .footer .widget { display: block; width: 100%!important; clear: both!important; float: none!important; margin-bottom: 50px; margin-left: 0px; } .footer .widget:last-child { margin-bottom: 0px; } .main-content > .left-content { display: block; width: 100%!important; clear: both!important; float: none!important; } .small-sidebar, #sidebar { display: block; width: 100%; margin: 50px 0 0 0!important; padding-top: 30px; clear: both; float: none; border-top: 2px solid rgba(0,0,0,0.05); } .sidebar-fixed.is-now-fixed { position: static!important; } .widget .article-block.reviews .item .item-header { float: none!important; } .header .header-logo h1 { font-size: 2.2em; line-height: 100%; } .ot-slider { font-size: 0.8em; } .woocommerce .products .product { width: 48.67%; } .woocommerce .products .product:nth-child(2n+1) { clear: both; margin-left: 0px; } .main-content.has-sidebar:before { display: none; } .widget .photo-gallery-widget .item { text-align: center; } .photo-gallery-widget .item-header, .widget .photo-gallery-widget .gallery-change { display: inline-block; } } /* PHONE */ @media only screen and (max-width: 600px) { .wrapper { width: 92%; } .demo-settings { display: none!important; } .pagination .page-numbers.prev, .pagination .page-numbers.next { display: none; } .gallery-shortcode-photos.owl-theme .owl-controls { width: 100%; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.1); background: rgba(0,0,0,0.1); left: 0px; padding-top: 6px; padding-bottom: 6px; } .gallery-shortcode-content a { margin-right: 0px; padding-top: 50px; } .archive-blocks .archive-single, .photo-galleries .item, .paragraph-row > li, .paragraph-row > div { display: block; width: 100%!important; margin: 0px!important; clear: both; float: none!important; } .archive-blocks .archive-single, .photo-galleries .item { text-align: center; margin-bottom: 30px!important; padding-bottom: 30px; } .breaking-news { display: none; } .header { padding-top: 0px; } .header:not(.makefixed) > .wrapper, .header > .wrapper { width: 100%!important; left: 0px!important; } .single-photo-gallery .single-photo-content h3 { font-size: 2em; } .single-photo-gallery .single-photo-content { padding: 25px; } .ot-slider.owl-carousel { display: none!important; } .short-tabs > ul li a { font-size: 0; } .short-tabs > ul li { counter-increment: section; } .short-tabs > ul li a:before { font-size: 14px; content: counter(section); } .big-message { padding: 40px 0; } .big-message h2 { font-size: 80px; } .big-message h3 { font-size: 30px; } .item.image-left .item-header { float: none; width: 100%; margin-bottom: 20px; } .item.image-left .item-content { margin-left: 0px; } .postside { display: none; } .share-body i.fa { width: 45px; } #writecomment .coloralert { width: auto; } #writecomment form > p:not(.comment-info) { width: auto; } .review-item-bottomline .left-bottom { display: block; clear: both; width: 100%; margin-bottom: 20px; } .review-item-bottomline p { padding-right: 0px; } .review-item-bottomline .right-bottom { display: block; clear: both; width: 100%; } ol#comments .image-avatar { width: 30px; height: 30px; } ol#comments .comment-text { margin-left: 50px; } ol#comments .user-author { display: none; } .woocommerce .products .product { clear: both!important; margin-left: 0px!important; width: 100%!important; } .woocommerce .product > .images, .woocommerce .product > .summary { display: block; float: none; clear: both; margin-left: 0px; width: 100%; } .woocommerce .product > .summary { margin-top: 15px; } .woocommerce .products .price { display: block; float: none; } .woocommerce .products .price, .woocommerce .products .product h3, .woocommerce .products { text-align: center; } .woocommerce .products img { max-width: 100%; width: auto; } .home-featured-article .home-featured-item .feature-text span { display: none; } .woocommerce .products .star-rating, .woocommerce .products .product a.button { float: none; } .main-title a.button { display: none; } .image-hover img { transition: none; -webkit-transition: none; } .image-hover:hover img { transform: none; -webkit-transform: none; } .photo-gallery-widget .item-header, .widget .photo-gallery-widget .gallery-change { display: inline-block; } .small-sidebar .widget .article-block .item .item-header a, .small-sidebar .widget .article-block .item .item-header img { max-width: 100%; width: auto; } .category-default-block .item-main { margin-bottom: 20px; border-bottom: 1px dotted #ccc; padding-bottom: 20px; } .category-default-block .smaller-articles { padding-left: 0px; } .article-links-block .item, .article-review-block .item, .article-list-block .item { float: none; display: block; width: 100%; margin-left: 0px; clear: both; } .article-review-block .item { margin-bottom: 15px; } .home-featured-article { margin-bottom: 60px; } .category-default-block { max-width: 406px; margin-left: auto; margin-right: auto; } .article-list-block { max-width: 381px; margin-left: auto; margin-right: auto; } .article-links-block, .article-review-block { max-width: 400px; margin-left: auto; margin-right: auto; } .article-author-block .author-block-inner .author-block-header { display: none; } .article-author-block .author-block-inner .author-block-content { margin-left: 0px; } .portfolio-layout .item { width: 100%; margin-left: 0px; clear: both; padding-bottom: 20px; margin-bottom: 20px; font-size: 1.2em; } } /* PHONE */ @media only screen and (max-width: 320px) { .article-links-block .item, .article-review-block .item, .article-list-block .item { float: none; display: block; width: 100%; margin-left: 0px; clear: both; } .article-review-block .item { margin-bottom: 15px; } .home-featured-article { margin-bottom: 60px; } .home-featured-article .home-featured-item .feature-text span { display: none; } .main-title a.button { display: none; } .main-title h2 { font-size: 1.5em; } .home-featured-article .home-featured-item .feature-text { padding-top: 10px; padding-bottom: 0px; font-size: 0.6em; } .home-featured-article .home-featured-item { min-height: 0px; } .home-featured-article .home-featured-menu { top: 25px; } .home-featured-article .home-featured-menu a { box-shadow: inset 0 0 0 2px #232323; } .home-featured-article .home-featured-menu a:hover, .home-featured-article .home-featured-menu a.active { background: #232323; } .article-author-block .author-block-inner .author-soc-icons { position: static; top: auto; right: auto; } .article-author-block .author-block-inner .author-soc-icons a { margin-left: 0px; margin-right: 4px; } } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(/wp-content/themes/fraction-theme/images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(/wp-content/themes/fraction-theme/css/AjaxLoader.gif) no-repeat center center }