@charset "UTF-8"; * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body:before { content: ''; display: inline-block; background-image: deprecated-webkit-gradient(linear, left top, left bottom, transparent 0, purple 0, purple 3.0501207408%, transparent 3.0501207408%, transparent 4.2152121417%, purple 4.2152121417%, purple 7.2653328825%, transparent 7.2653328825%, transparent 8.4304242834%, purple 8.4304242834%, purple 11.4805450242%, transparent 11.4805450242%, transparent 12.6456364251%, purple 12.6456364251%, purple 15.6957571659%, transparent 15.6957571659%, transparent 16.8608485668%, purple 16.8608485668%, purple 19.9109693076%, transparent 19.9109693076%, transparent 21.0760607085%, purple 21.0760607085%, purple 24.1261814493%, transparent 24.1261814493%, transparent 25.2912728502%, purple 25.2912728502%, purple 28.341393591%, transparent 28.341393591%, transparent 29.5064849919%, purple 29.5064849919%, purple 32.5566057327%, transparent 32.5566057327%, transparent 33.7216971337%, purple 33.7216971337%, purple 36.7718178744%, transparent 36.7718178744%, transparent 37.9369092754%, purple 37.9369092754%, purple 40.9870300161%, transparent 40.9870300161%, transparent 42.1521214171%, purple 42.1521214171%, purple 45.2022421578%, transparent 45.2022421578%, transparent 46.3673335588%, purple 46.3673335588%, purple 49.4174542995%, transparent 49.4174542995%, transparent 50.5825457005%, purple 50.5825457005%, purple 53.6326664412%, transparent 53.6326664412%, transparent 54.7977578422%, purple 54.7977578422%, purple 57.8478785829%, transparent 57.8478785829%, transparent 59.0129699839%, purple 59.0129699839%, purple 62.0630907246%, transparent 62.0630907246%, transparent 63.2281821256%, purple 63.2281821256%, purple 66.2783028663%, transparent 66.2783028663%, transparent 67.4433942673%, purple 67.4433942673%, purple 70.4935150081%, transparent 70.4935150081%, transparent 71.658606409%, purple 71.658606409%, purple 74.7087271498%, transparent 74.7087271498%, transparent 75.8738185507%, purple 75.8738185507%, purple 78.9239392915%, transparent 78.9239392915%, transparent 80.0890306924%, purple 80.0890306924%, purple 83.1391514332%, transparent 83.1391514332%, transparent 84.3042428341%, purple 84.3042428341%, purple 87.3543635749%, transparent 87.3543635749%, transparent 88.5194549758%, purple 88.5194549758%, purple 91.5695757166%, transparent 91.5695757166%, transparent 92.7346671175%, purple 92.7346671175%, purple 95.7847878583%, transparent 95.7847878583%, transparent 96.9498792592%, purple 96.9498792592%, purple 100%, transparent 100%); background-image: -webkit-linear-gradient(left, transparent 0, purple 0, purple 3.0501207408%, transparent 3.0501207408%, transparent 4.2152121417%, purple 4.2152121417%, purple 7.2653328825%, transparent 7.2653328825%, transparent 8.4304242834%, purple 8.4304242834%, purple 11.4805450242%, transparent 11.4805450242%, transparent 12.6456364251%, purple 12.6456364251%, purple 15.6957571659%, transparent 15.6957571659%, transparent 16.8608485668%, purple 16.8608485668%, purple 19.9109693076%, transparent 19.9109693076%, transparent 21.0760607085%, purple 21.0760607085%, purple 24.1261814493%, transparent 24.1261814493%, transparent 25.2912728502%, purple 25.2912728502%, purple 28.341393591%, transparent 28.341393591%, transparent 29.5064849919%, purple 29.5064849919%, purple 32.5566057327%, transparent 32.5566057327%, transparent 33.7216971337%, purple 33.7216971337%, purple 36.7718178744%, transparent 36.7718178744%, transparent 37.9369092754%, purple 37.9369092754%, purple 40.9870300161%, transparent 40.9870300161%, transparent 42.1521214171%, purple 42.1521214171%, purple 45.2022421578%, transparent 45.2022421578%, transparent 46.3673335588%, purple 46.3673335588%, purple 49.4174542995%, transparent 49.4174542995%, transparent 50.5825457005%, purple 50.5825457005%, purple 53.6326664412%, transparent 53.6326664412%, transparent 54.7977578422%, purple 54.7977578422%, purple 57.8478785829%, transparent 57.8478785829%, transparent 59.0129699839%, purple 59.0129699839%, purple 62.0630907246%, transparent 62.0630907246%, transparent 63.2281821256%, purple 63.2281821256%, purple 66.2783028663%, transparent 66.2783028663%, transparent 67.4433942673%, purple 67.4433942673%, purple 70.4935150081%, transparent 70.4935150081%, transparent 71.658606409%, purple 71.658606409%, purple 74.7087271498%, transparent 74.7087271498%, transparent 75.8738185507%, purple 75.8738185507%, purple 78.9239392915%, transparent 78.9239392915%, transparent 80.0890306924%, purple 80.0890306924%, purple 83.1391514332%, transparent 83.1391514332%, transparent 84.3042428341%, purple 84.3042428341%, purple 87.3543635749%, transparent 87.3543635749%, transparent 88.5194549758%, purple 88.5194549758%, purple 91.5695757166%, transparent 91.5695757166%, transparent 92.7346671175%, purple 92.7346671175%, purple 95.7847878583%, transparent 95.7847878583%, transparent 96.9498792592%, purple 96.9498792592%, purple 100%, transparent 100%); background-image: -moz-linear-gradient(left, transparent 0, purple 0, purple 3.0501207408%, transparent 3.0501207408%, transparent 4.2152121417%, purple 4.2152121417%, purple 7.2653328825%, transparent 7.2653328825%, transparent 8.4304242834%, purple 8.4304242834%, purple 11.4805450242%, transparent 11.4805450242%, transparent 12.6456364251%, purple 12.6456364251%, purple 15.6957571659%, transparent 15.6957571659%, transparent 16.8608485668%, purple 16.8608485668%, purple 19.9109693076%, transparent 19.9109693076%, transparent 21.0760607085%, purple 21.0760607085%, purple 24.1261814493%, transparent 24.1261814493%, transparent 25.2912728502%, purple 25.2912728502%, purple 28.341393591%, transparent 28.341393591%, transparent 29.5064849919%, purple 29.5064849919%, purple 32.5566057327%, transparent 32.5566057327%, transparent 33.7216971337%, purple 33.7216971337%, purple 36.7718178744%, transparent 36.7718178744%, transparent 37.9369092754%, purple 37.9369092754%, purple 40.9870300161%, transparent 40.9870300161%, transparent 42.1521214171%, purple 42.1521214171%, purple 45.2022421578%, transparent 45.2022421578%, transparent 46.3673335588%, purple 46.3673335588%, purple 49.4174542995%, transparent 49.4174542995%, transparent 50.5825457005%, purple 50.5825457005%, purple 53.6326664412%, transparent 53.6326664412%, transparent 54.7977578422%, purple 54.7977578422%, purple 57.8478785829%, transparent 57.8478785829%, transparent 59.0129699839%, purple 59.0129699839%, purple 62.0630907246%, transparent 62.0630907246%, transparent 63.2281821256%, purple 63.2281821256%, purple 66.2783028663%, transparent 66.2783028663%, transparent 67.4433942673%, purple 67.4433942673%, purple 70.4935150081%, transparent 70.4935150081%, transparent 71.658606409%, purple 71.658606409%, purple 74.7087271498%, transparent 74.7087271498%, transparent 75.8738185507%, purple 75.8738185507%, purple 78.9239392915%, transparent 78.9239392915%, transparent 80.0890306924%, purple 80.0890306924%, purple 83.1391514332%, transparent 83.1391514332%, transparent 84.3042428341%, purple 84.3042428341%, purple 87.3543635749%, transparent 87.3543635749%, transparent 88.5194549758%, purple 88.5194549758%, purple 91.5695757166%, transparent 91.5695757166%, transparent 92.7346671175%, purple 92.7346671175%, purple 95.7847878583%, transparent 95.7847878583%, transparent 96.9498792592%, purple 96.9498792592%, purple 100%, transparent 100%); background-image: -ms-linear-gradient(left, transparent 0, purple 0, purple 3.0501207408%, transparent 3.0501207408%, transparent 4.2152121417%, purple 4.2152121417%, purple 7.2653328825%, transparent 7.2653328825%, transparent 8.4304242834%, purple 8.4304242834%, purple 11.4805450242%, transparent 11.4805450242%, transparent 12.6456364251%, purple 12.6456364251%, purple 15.6957571659%, transparent 15.6957571659%, transparent 16.8608485668%, purple 16.8608485668%, purple 19.9109693076%, transparent 19.9109693076%, transparent 21.0760607085%, purple 21.0760607085%, purple 24.1261814493%, transparent 24.1261814493%, transparent 25.2912728502%, purple 25.2912728502%, purple 28.341393591%, transparent 28.341393591%, transparent 29.5064849919%, purple 29.5064849919%, purple 32.5566057327%, transparent 32.5566057327%, transparent 33.7216971337%, purple 33.7216971337%, purple 36.7718178744%, transparent 36.7718178744%, transparent 37.9369092754%, purple 37.9369092754%, purple 40.9870300161%, transparent 40.9870300161%, transparent 42.1521214171%, purple 42.1521214171%, purple 45.2022421578%, transparent 45.2022421578%, transparent 46.3673335588%, purple 46.3673335588%, purple 49.4174542995%, transparent 49.4174542995%, transparent 50.5825457005%, purple 50.5825457005%, purple 53.6326664412%, transparent 53.6326664412%, transparent 54.7977578422%, purple 54.7977578422%, purple 57.8478785829%, transparent 57.8478785829%, transparent 59.0129699839%, purple 59.0129699839%, purple 62.0630907246%, transparent 62.0630907246%, transparent 63.2281821256%, purple 63.2281821256%, purple 66.2783028663%, transparent 66.2783028663%, transparent 67.4433942673%, purple 67.4433942673%, purple 70.4935150081%, transparent 70.4935150081%, transparent 71.658606409%, purple 71.658606409%, purple 74.7087271498%, transparent 74.7087271498%, transparent 75.8738185507%, purple 75.8738185507%, purple 78.9239392915%, transparent 78.9239392915%, transparent 80.0890306924%, purple 80.0890306924%, purple 83.1391514332%, transparent 83.1391514332%, transparent 84.3042428341%, purple 84.3042428341%, purple 87.3543635749%, transparent 87.3543635749%, transparent 88.5194549758%, purple 88.5194549758%, purple 91.5695757166%, transparent 91.5695757166%, transparent 92.7346671175%, purple 92.7346671175%, purple 95.7847878583%, transparent 95.7847878583%, transparent 96.9498792592%, purple 96.9498792592%, purple 100%, transparent 100%); background-image: -o-linear-gradient(left, transparent 0, purple 0, purple 3.0501207408%, transparent 3.0501207408%, transparent 4.2152121417%, purple 4.2152121417%, purple 7.2653328825%, transparent 7.2653328825%, transparent 8.4304242834%, purple 8.4304242834%, purple 11.4805450242%, transparent 11.4805450242%, transparent 12.6456364251%, purple 12.6456364251%, purple 15.6957571659%, transparent 15.6957571659%, transparent 16.8608485668%, purple 16.8608485668%, purple 19.9109693076%, transparent 19.9109693076%, transparent 21.0760607085%, purple 21.0760607085%, purple 24.1261814493%, transparent 24.1261814493%, transparent 25.2912728502%, purple 25.2912728502%, purple 28.341393591%, transparent 28.341393591%, transparent 29.5064849919%, purple 29.5064849919%, purple 32.5566057327%, transparent 32.5566057327%, transparent 33.7216971337%, purple 33.7216971337%, purple 36.7718178744%, transparent 36.7718178744%, transparent 37.9369092754%, purple 37.9369092754%, purple 40.9870300161%, transparent 40.9870300161%, transparent 42.1521214171%, purple 42.1521214171%, purple 45.2022421578%, transparent 45.2022421578%, transparent 46.3673335588%, purple 46.3673335588%, purple 49.4174542995%, transparent 49.4174542995%, transparent 50.5825457005%, purple 50.5825457005%, purple 53.6326664412%, transparent 53.6326664412%, transparent 54.7977578422%, purple 54.7977578422%, purple 57.8478785829%, transparent 57.8478785829%, transparent 59.0129699839%, purple 59.0129699839%, purple 62.0630907246%, transparent 62.0630907246%, transparent 63.2281821256%, purple 63.2281821256%, purple 66.2783028663%, transparent 66.2783028663%, transparent 67.4433942673%, purple 67.4433942673%, purple 70.4935150081%, transparent 70.4935150081%, transparent 71.658606409%, purple 71.658606409%, purple 74.7087271498%, transparent 74.7087271498%, transparent 75.8738185507%, purple 75.8738185507%, purple 78.9239392915%, transparent 78.9239392915%, transparent 80.0890306924%, purple 80.0890306924%, purple 83.1391514332%, transparent 83.1391514332%, transparent 84.3042428341%, purple 84.3042428341%, purple 87.3543635749%, transparent 87.3543635749%, transparent 88.5194549758%, purple 88.5194549758%, purple 91.5695757166%, transparent 91.5695757166%, transparent 92.7346671175%, purple 92.7346671175%, purple 95.7847878583%, transparent 95.7847878583%, transparent 96.9498792592%, purple 96.9498792592%, purple 100%, transparent 100%); background-image: linear-gradient(left, transparent 0, purple 0, purple 3.0501207408%, transparent 3.0501207408%, transparent 4.2152121417%, purple 4.2152121417%, purple 7.2653328825%, transparent 7.2653328825%, transparent 8.4304242834%, purple 8.4304242834%, purple 11.4805450242%, transparent 11.4805450242%, transparent 12.6456364251%, purple 12.6456364251%, purple 15.6957571659%, transparent 15.6957571659%, transparent 16.8608485668%, purple 16.8608485668%, purple 19.9109693076%, transparent 19.9109693076%, transparent 21.0760607085%, purple 21.0760607085%, purple 24.1261814493%, transparent 24.1261814493%, transparent 25.2912728502%, purple 25.2912728502%, purple 28.341393591%, transparent 28.341393591%, transparent 29.5064849919%, purple 29.5064849919%, purple 32.5566057327%, transparent 32.5566057327%, transparent 33.7216971337%, purple 33.7216971337%, purple 36.7718178744%, transparent 36.7718178744%, transparent 37.9369092754%, purple 37.9369092754%, purple 40.9870300161%, transparent 40.9870300161%, transparent 42.1521214171%, purple 42.1521214171%, purple 45.2022421578%, transparent 45.2022421578%, transparent 46.3673335588%, purple 46.3673335588%, purple 49.4174542995%, transparent 49.4174542995%, transparent 50.5825457005%, purple 50.5825457005%, purple 53.6326664412%, transparent 53.6326664412%, transparent 54.7977578422%, purple 54.7977578422%, purple 57.8478785829%, transparent 57.8478785829%, transparent 59.0129699839%, purple 59.0129699839%, purple 62.0630907246%, transparent 62.0630907246%, transparent 63.2281821256%, purple 63.2281821256%, purple 66.2783028663%, transparent 66.2783028663%, transparent 67.4433942673%, purple 67.4433942673%, purple 70.4935150081%, transparent 70.4935150081%, transparent 71.658606409%, purple 71.658606409%, purple 74.7087271498%, transparent 74.7087271498%, transparent 75.8738185507%, purple 75.8738185507%, purple 78.9239392915%, transparent 78.9239392915%, transparent 80.0890306924%, purple 80.0890306924%, purple 83.1391514332%, transparent 83.1391514332%, transparent 84.3042428341%, purple 84.3042428341%, purple 87.3543635749%, transparent 87.3543635749%, transparent 88.5194549758%, purple 88.5194549758%, purple 91.5695757166%, transparent 91.5695757166%, transparent 92.7346671175%, purple 92.7346671175%, purple 95.7847878583%, transparent 95.7847878583%, transparent 96.9498792592%, purple 96.9498792592%, purple 100%, transparent 100%); height: 100%; left: 0; margin: 0 auto; max-width: 3000px; opacity: 0; position: fixed; right: 0; width: 100%; pointer-events: none; z-index: 9999; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .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%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .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: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .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; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; 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% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) 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; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; 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: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; 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: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; 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: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; 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: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -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: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -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: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); 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: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-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% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*! HTML5 Reset */ /*------------------------------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://meyerweb.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, .work-sort .work-sort-search label, .work-sort .work-sort-subcats li:first-child, .cv-grid .cv-section p b, .cv-grid .cv-section .content-standard div b, .content-standard .cv-grid .cv-section div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .cv-grid .cv-section .work-single .work-single-description div b, .work-single .work-single-description .cv-grid .cv-section div b, .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section p strong, .cv-grid .cv-section .content-standard div strong, .content-standard .cv-grid .cv-section div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .cv-grid .cv-section .work-single .work-single-description div strong, .work-single .work-single-description .cv-grid .cv-section div strong, .cv-grid .cv-section .gform_confirmation_message strong, h6, p, .content-standard div, .reader .reader-article .reader-article-wrapper .reader-article-content div, .work-single .work-single-description div, .gform_confirmation_message, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, nav, section, details, summary { display: block; } /* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* resetting the default cursor: https://gist.github.com/murtaugh/5247154 */ html, body { cursor: default; } code { cursor: text; } /* textarea and input[type="text"] already receive "cursor: text" via browsers' base stylesheets */ a, label, button, input[type="radio"], input[type="submit"], input[type="checkbox"], .clickable, input[type="button"], input[type="file"] { cursor: pointer; } button[disabled], input[disabled] { cursor: default; } /* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites. If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */ img, object, embed { max-width: 100%; } /* force a vertical scrollbar to prevent a jumpy page */ html { overflow-y: scroll; } /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font: 99% sans-serif; } table { font-size: inherit; font: 100%; } small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } /* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* standardize any monospaced elements */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* make buttons play nice in IE */ button, input[type=button] { width: auto; overflow: visible; } /* scale images in IE7 more attractively */ .ie7 img { -ms-interpolation-mode: bicubic; } /* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */ /** Micro clearfix from: http://nicolasgallagher.com/micro-clearfix-hack/ * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } /* text styles */ h1, h2, h3, h4, h5, .work-sort .work-sort-search label, .work-sort .work-sort-subcats li:first-child, .cv-grid .cv-section p b, .cv-grid .cv-section .content-standard div b, .content-standard .cv-grid .cv-section div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .cv-grid .cv-section .work-single .work-single-description div b, .work-single .work-single-description .cv-grid .cv-section div b, .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section p strong, .cv-grid .cv-section .content-standard div strong, .content-standard .cv-grid .cv-section div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .cv-grid .cv-section .work-single .work-single-description div strong, .work-single .work-single-description .cv-grid .cv-section div strong, .cv-grid .cv-section .gform_confirmation_message strong, p, .content-standard div, .reader .reader-article .reader-article-wrapper .reader-article-content div, .work-single .work-single-description div, .gform_confirmation_message { margin: 0 0 15px 0; } h1 { font-size: 36px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 14px; } h5, .work-sort .work-sort-search label, .work-sort .work-sort-subcats li:first-child, .cv-grid .cv-section p b, .cv-grid .cv-section .content-standard div b, .content-standard .cv-grid .cv-section div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .cv-grid .cv-section .work-single .work-single-description div b, .work-single .work-single-description .cv-grid .cv-section div b, .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section p strong, .cv-grid .cv-section .content-standard div strong, .content-standard .cv-grid .cv-section div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .cv-grid .cv-section .work-single .work-single-description div strong, .work-single .work-single-description .cv-grid .cv-section div strong, .cv-grid .cv-section .gform_confirmation_message strong { font-size: 12px; } p, .content-standard div, .reader .reader-article .reader-article-wrapper .reader-article-content div, .work-single .work-single-description div, .gform_confirmation_message { font-size: 14px; } body, html { height: 100%; } html { overflow-x: hidden; } body { font-size: 62.5%; -webkit-font-smoothing: antialiased; background-color: #fff; } .bug { position: fixed; bottom: 20px; left: 20px; background-color: #D0221B; border-radius: 500px; -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.35); -moz-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.35); box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.35); z-index: 999999999999; } @media screen and (min-width: 1024px) { .bug { bottom: 30px; left: 30px; } } .bug img { width: 40px; height: 40px; } @media screen and (min-width: 1024px) { .bug img { width: 60px; height: 60px; } } .noscroll { position: fixed; width: 100%; height: 100%; } .full { background-color: #fff; } .clear { clear: both; } .page-content { text-align: center; float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; padding: 30px 0; } .page-content:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .page-content { padding: 40px 0; float: left; display: block; margin-right: 1.165091401%; width: 49.4174542995%; margin-left: 25.2912728502%; } .page-content:last-child { margin-right: 0; } } @media screen and (min-width: 1281px) { .page-content { padding: 60px 0; } } .header-container { position: absolute; width: 100%; z-index: 99; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .header-container.fixed { position: fixed; } .header-search { display: none; float: left; width: 100%; background-color: #D0221B; } .header-search .header-search-form { float: left; display: block; margin-right: 1.165091401%; width: 100%; margin-left: 4.2152121417%; padding: 20px 0; } .header-search .header-search-form:last-child { margin-right: 0; } header { max-width: 3000px; margin-left: auto; margin-right: auto; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); position: relative; z-index: 99999999; } header:after { content: ""; display: table; clear: both; } header.fill { background-color: rgba(0, 0, 0, 0.8); } header .logo { margin-left: 4.2152121417%; float: left; display: block; margin-right: 1.165091401%; width: 45.2022421578%; padding: 10px 0; } header .logo:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { header .logo { float: left; display: block; margin-right: 1.165091401%; width: 11.4805450242%; padding: 10px 0; } header .logo:last-child { margin-right: 0; } } header .logo #svg-logo { width: 45px; height: 45px; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media screen and (min-width: 1024px) { header .logo #svg-logo { width: 75px; height: 75px; } .fixed header .logo #svg-logo { width: 55px; height: 55px; } } header nav { display: none; } @media screen and (min-width: 1024px) { header nav { float: left; display: block; margin-right: 1.165091401%; width: 74.7087271498%; display: block; } header nav:last-child { margin-right: 0; } } header nav .menu { -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); text-align: right; margin: 30px 0 0; max-height: 30px; overflow: hidden; } header nav .menu.active { max-height: 210px; margin-bottom: 55px; } header nav .menu.active>li a { color: #fff; } .fixed header nav .menu { margin: 20px 0; } header nav .menu .sub-menu li:nth-child(2) { -webkit-animation-delay: .075s; /* Chrome, Safari, Opera */ animation-delay: .075s; } header nav .menu .sub-menu li:nth-child(3) { -webkit-animation-delay: .15s; /* Chrome, Safari, Opera */ animation-delay: .15s; } header nav .menu .sub-menu li:nth-child(4) { -webkit-animation-delay: .225s; /* Chrome, Safari, Opera */ animation-delay: .225s; } header nav .menu .sub-menu li:nth-child(5) { -webkit-animation-delay: .3s; /* Chrome, Safari, Opera */ animation-delay: .3s; } header nav .menu .sub-menu li:nth-child(6) { -webkit-animation-delay: .375s; /* Chrome, Safari, Opera */ animation-delay: .375s; } header nav .menu .sub-menu li:nth-child(7) { -webkit-animation-delay: .45s; /* Chrome, Safari, Opera */ animation-delay: .45s; } header nav .menu .sub-menu li:nth-child(8) { -webkit-animation-delay: .525s; /* Chrome, Safari, Opera */ animation-delay: .525s; } header nav .menu .sub-menu li:nth-child(9) { -webkit-animation-delay: .6s; /* Chrome, Safari, Opera */ animation-delay: .6s; } header nav .menu>li { text-align: left; vertical-align: top; letter-spacing: 1px; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; line-height: 1.5; display: inline-block; } @media screen and (min-width: 1024px) { header nav .menu>li { margin: 0 12px; } } @media screen and (min-width: 1281px) { header nav .menu>li { margin: 0 20px; } } @media screen and (min-width: 1441px) { header nav .menu>li { margin: 0 25px; } } header nav .menu>li a { color: #999; text-decoration: none; } header nav .menu>li a:hover { color: #D0221B; } header nav .menu>li .sub-menu { margin-top: 18px; } header nav .menu>li .sub-menu li { font-size: 13px; font-size: 1.3rem; } header nav .menu>li .sub-menu a { color: #666; } header nav .menu>li .sub-menu a:hover { color: #D0221B; } header .nav-icons { float: left; display: block; margin-right: 1.165091401%; width: 45.2022421578%; margin-top: 12px; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } header .nav-icons:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { header .nav-icons { float: left; display: block; margin-right: 1.165091401%; width: 3.0501207408%; margin-top: 20px; } header .nav-icons:last-child { margin-right: 0; } .fixed header .nav-icons { margin-top: 10px; } } header .nav-icons .nav-hamburger, header .nav-icons .nav-search { float: right; width: 40px; cursor: pointer; position: relative; } @media screen and (min-width: 1024px) { header .nav-icons .nav-hamburger, header .nav-icons .nav-search { width: 50px; } } header .nav-icons .nav-search { position: relative; } header .nav-icons .nav-search #svg-search { width: 40px; height: 40px; } @media screen and (min-width: 1024px) { header .nav-icons .nav-search #svg-search { width: 50px; height: 50px; } } @media screen and (min-width: 1024px) { header .nav-icons .nav-hamburger { display: none; } } header .nav-icons .nav-hamburger #hamburger { position: absolute; cursor: pointer; top: 0; left: 0; opacity: 1; width: 40px; height: 40px; } @media screen and (min-width: 1024px) { header .nav-icons .nav-hamburger #hamburger { width: 50px; height: 50px; } } header .nav-icons .nav-hamburger #close { position: absolute; cursor: pointer; top: 0; left: 0; opacity: 0; width: 40px; height: 40px; } @media screen and (min-width: 1024px) { header .nav-icons .nav-hamburger #close { width: 50px; height: 50px; } } .nav-mobile { float: left; display: block; margin-right: 1.165091401%; width: 100%; background-color: rgba(0, 0, 0, 0.8); } .nav-mobile:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .nav-mobile { display: none; } } .nav-mobile .menu-mobile-column { float: left; display: block; margin-right: 1.165091401%; width: 45.2022421578%; margin-left: 4.2152121417%; } .nav-mobile .menu-mobile-column:last-child { margin-right: 0; } .nav-mobile .menu { -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); max-height: 0px; overflow: hidden; margin: 0; } .nav-mobile .menu.active { max-height: 450px; margin: 30px 0 60px; } .nav-mobile li:nth-child(2) { -webkit-animation-delay: .075s; /* Chrome, Safari, Opera */ animation-delay: .075s; } .nav-mobile li:nth-child(3) { -webkit-animation-delay: .15s; /* Chrome, Safari, Opera */ animation-delay: .15s; } .nav-mobile li:nth-child(4) { -webkit-animation-delay: .225s; /* Chrome, Safari, Opera */ animation-delay: .225s; } .nav-mobile li:nth-child(5) { -webkit-animation-delay: .3s; /* Chrome, Safari, Opera */ animation-delay: .3s; } .nav-mobile li:nth-child(6) { -webkit-animation-delay: .375s; /* Chrome, Safari, Opera */ animation-delay: .375s; } .nav-mobile li:nth-child(7) { -webkit-animation-delay: .45s; /* Chrome, Safari, Opera */ animation-delay: .45s; } .nav-mobile li:nth-child(8) { -webkit-animation-delay: .525s; /* Chrome, Safari, Opera */ animation-delay: .525s; } .nav-mobile li:nth-child(9) { -webkit-animation-delay: .6s; /* Chrome, Safari, Opera */ animation-delay: .6s; } .nav-mobile li { text-align: left; vertical-align: top; letter-spacing: 1px; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; line-height: 1.5; } .nav-mobile li a { color: #999; text-decoration: none; } .nav-mobile li .sub-menu { margin-bottom: 18px; } .nav-mobile li .sub-menu a { color: #666; } .button-standard { display: inline-block; border: 2px solid #fff; padding: 10px 30px; background-color: transparent; color: #fff; font-size: 11px; font-size: 1.1rem; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } .button-standard.black { border-color: #000; color: #000; } @media screen and (min-width: 1024px) { .button-standard { padding: 12px 55px; font-size: 15px; font-size: 1.5rem; border: 3px solid #fff; } } .button-standard:hover { background-color: #fff; color: #D0221B; } .instagram { max-width: 3000px; margin-left: auto; margin-right: auto; margin: 30px 30px 40px; } .instagram:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1024px) { .instagram { margin: 200px auto; } } .instagram .instagram-arrow { display: none; } @media screen and (min-width: 1024px) { .instagram .instagram-arrow { float: left; display: block; margin-right: 1.165091401%; width: 3.0501207408%; } .instagram .instagram-arrow:last-child { margin-right: 0; } } .instagram .instagram-arrow img { position: relative; top: 0; } @media screen and (min-width: 1024px) { .instagram .instagram-arrow-left { margin-left: 4.2152121417%; } } .instagram .instagram-arrow-right { text-align: right; } .instagram .instagram-photos { float: left; display: block; margin-right: 1.165091401%; width: 100%; } .instagram .instagram-photos:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .instagram .instagram-photos { float: left; display: block; margin-right: 1.165091401%; width: 83.1391514332%; } .instagram .instagram-photos:last-child { margin-right: 0; } } .instagram .instagram-photos .instagram-photo { text-align: center; } .instagram .instagram-photos .instagram-photo:nth-child(4n) { margin-right: 0; } .instagram .instagram-button { float: left; display: block; margin-right: 1.165091401%; width: 100%; text-align: center; margin: 30px 0 0; } .instagram .instagram-button:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .instagram .instagram-button { margin: 40px 0 0; } } .instagram .instagram-button .button-standard { border-color: #999; color: #999; background-color: transparent; } .photofeature { max-width: 3000px; margin-left: auto; margin-right: auto; background-position: center center; background-size: cover; height: 80%; max-height: 825px; border-top: 1px solid #999; border-bottom: 1px solid #999; position: relative; } .photofeature:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1024px) { .photofeature { height: 100%; } } @media screen and (min-width: 1281px) { .photofeature { background-attachment: fixed; } } .photofeature .photofeature-content { float: left; display: block; margin-right: 1.165091401%; width: 95.7847878583%; margin-left: 4.2152121417%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .photofeature .photofeature-content:last-child { margin-right: 0; } .photofeature .photofeature-content span { color: #D0221B; } .photofeature .photofeature-content .button-standard { margin: 20px 0 0; border-color: #D0221B; color: #D0221B; background-color: transparent; } .newsletter { max-width: 3000px; margin-left: auto; margin-right: auto; margin: 40px auto; } .newsletter:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1024px) { .newsletter { margin: 100px auto; } } .newsletter .newsletter-copy { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .newsletter .newsletter-copy:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .newsletter .newsletter-copy { float: left; display: block; margin-right: 1.165091401%; width: 19.9109693076%; } .newsletter .newsletter-copy:last-child { margin-right: 0; } } .newsletter .newsletter-form { float: left; display: block; margin-right: 1.165091401%; width: 95.7847878583%; margin-left: 4.2152121417%; } .newsletter .newsletter-form:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .newsletter .newsletter-form { float: left; display: block; margin-right: 1.165091401%; width: 70.4935150081%; margin-left: 0%; } .newsletter .newsletter-form:last-child { margin-right: 0; } } .newsletter .newsletter-form .gform_wrapper .gform_body { border: none; margin: 0; padding: 0; float: left; display: block; margin-right: 1.2163637118%; width: 100%; } .newsletter .newsletter-form .gform_wrapper .gform_body:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .newsletter .newsletter-form .gform_wrapper .gform_body { float: left; display: block; margin-right: 1.2163637118%; width: 77.9964426713%; } .newsletter .newsletter-form .gform_wrapper .gform_body:last-child { margin-right: 0; } } .newsletter .newsletter-form .gform_footer { margin: 0; padding: 0; clear: none; float: left; display: block; margin-right: 1.2163637118%; width: 100%; } .newsletter .newsletter-form .gform_footer:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .newsletter .newsletter-form .gform_footer { float: left; display: block; margin-right: 1.2163637118%; width: 20.7871936168%; } .newsletter .newsletter-form .gform_footer:last-child { margin-right: 0; } } .newsletter .newsletter-form .gfield label { display: none; } .newsletter .newsletter-form .ginput_container label { display: block; font-size: 8px; font-size: 0.8rem; font-weight: 400 !important; color: #999; margin-top: 3px; } .newsletter .newsletter-form .gform_fields li { clear: none; float: left; width: 100%; } @media screen and (min-width: 1024px) { .newsletter .newsletter-form .gform_fields li { width: 46%; margin-right: 4%; } } .newsletter .newsletter-form .gform_fields li input[type=text] { border: none; border-bottom: 3px solid #ededed; width: 100%; padding: 13px 0; -webkit-appearance: none; border-radius: 0; } .newsletter .newsletter-form .newsletter-form-input { float: left; display: block; margin-right: 1.165091401%; width: 95.7847878583%; margin-bottom: 15px; } .newsletter .newsletter-form .newsletter-form-input:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .newsletter .newsletter-form .newsletter-form-input { float: left; display: block; margin-right: 1.5595117805%; width: 26.6514637141%; margin-left: 5.6421950989%; } .newsletter .newsletter-form .newsletter-form-input:last-child { margin-right: 0; } } .newsletter .newsletter-form .newsletter-form-input input[type=text] { border: none; border-bottom: 3px solid #ededed; width: 100%; padding: 13px 0; -webkit-appearance: none; border-radius: 0; } .newsletter .newsletter-form .newsletter-form-submit { float: left; display: block; margin-right: 1.165091401%; width: 49.4174542995%; margin-top: 10px; } .newsletter .newsletter-form .newsletter-form-submit:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .newsletter .newsletter-form .newsletter-form-submit { margin-top: 0px; float: left; display: block; margin-right: 1.5595117805%; width: 21.0092686152%; margin-left: 5.6421950989%; } .newsletter .newsletter-form .newsletter-form-submit:last-child { margin-right: 0; } } .newsletter .newsletter-form .newsletter-form-submit .button-standard { border-color: #D0221B; color: #D0221B; background-color: transparent; width: 100%; -webkit-appearance: none; border-radius: 0; } #footer { max-width: 3000px; margin-left: auto; margin-right: auto; padding: 40px 0; background-color: #ededed; bottom: 0; } #footer:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1024px) { #footer { padding: 80px 0; } } #footer .footer-links { display: none; } @media screen and (min-width: 1024px) { #footer .footer-links { display: block; float: left; display: block; margin-right: 1.165091401%; width: 7.2653328825%; margin-left: 4.2152121417%; } #footer .footer-links:last-child { margin-right: 0; } } #footer .footer-links .menu>li { text-align: left; vertical-align: top; letter-spacing: 1px; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 13px; font-size: 1.3rem; line-height: 1.5; } #footer .footer-links .menu>li a { color: #D0221B; text-decoration: none; } #footer .footer-links .menu>li a:hover { color: #D0221B; } #footer .footer-links .menu>li .sub-menu { margin-bottom: 18px; } #footer .footer-links .menu>li .sub-menu a { color: #333; } #footer .footer-links .menu>li .sub-menu a:hover { color: #D0221B; } #footer .footer-logos { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } #footer .footer-logos:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { #footer .footer-logos { float: left; display: block; margin-right: 1.165091401%; width: 49.4174542995%; margin-left: 12.6456364251%; margin-right: 0; } #footer .footer-logos:last-child { margin-right: 0; } } #footer .footer-logos h5, #footer .footer-logos .work-sort .work-sort-search label, .work-sort .work-sort-search #footer .footer-logos label, #footer .footer-logos .work-sort .work-sort-subcats li:first-child, .work-sort .work-sort-subcats #footer .footer-logos li:first-child, #footer .footer-logos .cv-grid .cv-section p b, .cv-grid .cv-section p #footer .footer-logos b, #footer .footer-logos .cv-grid .cv-section .content-standard div b, .cv-grid .cv-section .content-standard div #footer .footer-logos b, #footer .footer-logos .content-standard .cv-grid .cv-section div b, .content-standard .cv-grid .cv-section div #footer .footer-logos b, #footer .footer-logos .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div #footer .footer-logos b, #footer .footer-logos .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div #footer .footer-logos b, #footer .footer-logos .cv-grid .cv-section .work-single .work-single-description div b, .cv-grid .cv-section .work-single .work-single-description div #footer .footer-logos b, #footer .footer-logos .work-single .work-single-description .cv-grid .cv-section div b, .work-single .work-single-description .cv-grid .cv-section div #footer .footer-logos b, #footer .footer-logos .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section .gform_confirmation_message #footer .footer-logos b, #footer .footer-logos .cv-grid .cv-section p strong, .cv-grid .cv-section p #footer .footer-logos strong, #footer .footer-logos .cv-grid .cv-section .content-standard div strong, .cv-grid .cv-section .content-standard div #footer .footer-logos strong, #footer .footer-logos .content-standard .cv-grid .cv-section div strong, .content-standard .cv-grid .cv-section div #footer .footer-logos strong, #footer .footer-logos .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div #footer .footer-logos strong, #footer .footer-logos .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div #footer .footer-logos strong, #footer .footer-logos .cv-grid .cv-section .work-single .work-single-description div strong, .cv-grid .cv-section .work-single .work-single-description div #footer .footer-logos strong, #footer .footer-logos .work-single .work-single-description .cv-grid .cv-section div strong, .work-single .work-single-description .cv-grid .cv-section div #footer .footer-logos strong, #footer .footer-logos .cv-grid .cv-section .gform_confirmation_message strong, .cv-grid .cv-section .gform_confirmation_message #footer .footer-logos strong { color: #D0221B; margin-bottom: 25px; } #footer .footer-logos .footer-logos-friends { float: left; display: block; margin-right: 1.2723564479%; width: 63.1736885644%; margin-bottom: 20px; } #footer .footer-logos .footer-logos-friends:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { #footer .footer-logos .footer-logos-friends { width: 100%; margin-bottom: 60px; } } #footer .footer-logos .footer-logos-friends li { display: inline-block; margin-right: 80px; margin-bottom: 20px; } #footer .footer-logos .footer-logos-friends li img { width: 135px; max-width: 100%; } #footer .footer-logos .footer-logos-connect { float: left; display: block; margin-right: 1.2723564479%; width: 35.5539549877%; } #footer .footer-logos .footer-logos-connect:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { #footer .footer-logos .footer-logos-connect { width: 100%; clear: both; } } #footer .footer-logos .footer-logos-connect li { margin-bottom: 15px; } @media screen and (min-width: 1024px) { #footer .footer-logos .footer-logos-connect li { float: left; margin-right: 20px; } } #footer .footer-copyright { float: left; display: block; margin-right: 1.165091401%; width: 100%; text-align: center; margin: 20px auto 0; } #footer .footer-copyright:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { #footer .footer-copyright { margin: 80px auto 0; } } #footer .footer-copyright p, #footer .footer-copyright .content-standard div, .content-standard #footer .footer-copyright div, #footer .footer-copyright .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content #footer .footer-copyright div, #footer .footer-copyright .work-single .work-single-description div, .work-single .work-single-description #footer .footer-copyright div, #footer .footer-copyright .gform_confirmation_message { line-height: 2.4; } #footer .footer-copyright a { color: #666; text-decoration: underline; } #footer .footer-copyright a:hover { text-decoration: none; color: #D0221B; } #footer .footer-copyright span { color: #666; font-size: 7px; font-size: 0.7rem; } .rotating { -webkit-animation: rotate 1.5s; -moz-animation: rotate 1.5s; animation: rotate 1.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .feature { position: relative; max-width: 3000px; margin-left: auto; margin-right: auto; height: 650px; max-height: 825px; overflow: hidden; background-color: #000; background-repeat: no-repeat; background-size: cover; background-position: center center; } .feature:after { content: ""; display: table; clear: both; } .feature .hide { opacity: 0; } @media screen and (min-width: 1024px) { .feature { height: 100%; } } .archive .feature { height: 300px; } @media screen and (min-width: 1024px) { .archive .feature { height: 650px; } } .feature.work { max-height: 650px; } .feature .feature-image { float: left; height: 100%; width: 100%; position: absolute; top: 0; right: 0; z-index: 8; } @media screen and (min-width: 1024px) { .feature .feature-image { width: 52%; } } .feature .feature-image .feature-image-container { float: left; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0; -webkit-transition: all 1.4s; -moz-transition: all 1.4s; transition: all 1.4s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .feature .feature-image .feature-image-container.active { z-index: 9; opacity: 1; -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06); } .feature .feature-panel { position: absolute; float: left; display: block; margin-right: 1.165091401%; width: 100%; height: auto; padding: 30px 0 40px; bottom: 0; -webkit-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1); z-index: 10; } .feature .feature-panel:last-child { margin-right: 0; } .archive .feature .feature-panel { height: 100%; padding: 130px 0 40px; } @media screen and (min-width: 1024px) { .feature .feature-panel { height: 100%; padding: 0; float: left; display: block; margin-right: 1.165091401%; width: 49.4174542995%; } .feature .feature-panel:last-child { margin-right: 0; } } .feature .feature-panel.feature-left { background-color: #D0221B; } @media screen and (min-width: 1024px) { .feature .feature-panel.feature-left { opacity: 0; left: -50%; } } .feature .feature-panel.feature-left.active { display: block !important; left: 0 !important; opacity: 1; } .ie9 .feature .feature-panel.feature-left { background-color: #D0221B; } .feature .feature-panel.feature-right { background-image: -webkit-linear-gradient(-270deg, rgba(0, 0, 0, 0.78) 18%, rgba(0, 0, 0, 0.2)); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.78) 18%, rgba(0, 0, 0, 0.2)); } @media screen and (min-width: 1024px) { .feature .feature-panel.feature-right { right: -52%; } } .feature .feature-panel.feature-right.active { display: block !important; right: 0 !important; margin-right: 0; } .ie9 .feature .feature-panel.feature-right { background-color: #000; } .feature .feature-panel .feature-text { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .feature .feature-panel .feature-text:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .feature .feature-panel .feature-text { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); float: left; display: block; margin-right: 2.3576515979%; width: 82.9403914003%; margin-left: 8.5298042998%; } .feature .feature-panel .feature-text:last-child { margin-right: 0; } } .feature .feature-panel .feature-text .view-work { display: none; } @media screen and (min-width: 768px) { .feature .feature-panel .feature-text .view-work { display: inline-block; } } .feature .feature-panel p, .feature .feature-panel .content-standard div, .content-standard .feature .feature-panel div, .feature .feature-panel .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .feature .feature-panel div, .feature .feature-panel .work-single .work-single-description div, .work-single .work-single-description .feature .feature-panel div, .feature .feature-panel .gform_confirmation_message { max-width: 550px; } .feature .feature-panel h1 { max-width: 550px; } .feature .feature-panel .feature-read-more .button-standard { padding: 0; } .feature .feature-panel .feature-read-more .button-standard img { float: left; height: 60px; } .feature .feature-panel .feature-read-more .button-standard span { padding: 15px 25px 0 25px; float: left; } .feature h1 { color: #fff; } .feature h1.feature-title-med { font-size: 40px; font-size: 4rem; } .feature h1.feature-title-sm { font-size: 30px; font-size: 3rem; } .feature h1.feature-title-xsm { font-size: 25px; font-size: 2.5rem; } .feature p, .feature .content-standard div, .content-standard .feature div, .feature .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .feature div, .feature .work-single .work-single-description div, .work-single .work-single-description .feature div, .feature .gform_confirmation_message { color: #fff; } .feature .button-standard { margin-top: 10px; } @media screen and (min-width: 1024px) { .feature .button-standard { margin-top: 30px; } } .feature .feature-pagination { float: left; display: block; margin-right: 2.3576515979%; width: 82.9403914003%; margin-left: 8.5298042998%; position: absolute; bottom: 25px; left: 0; } .feature .feature-pagination:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .feature .feature-pagination { bottom: 40px; } } .feature .feature-pagination .feature-pager { float: left; width: 30px; height: 3px; margin-right: 7px; background-color: rgba(255, 255, 255, 0.35); cursor: pointer; display: none; } .feature .feature-pagination .feature-pager.active { background-color: #fff; } .sidebar { display: none; } @media screen and (min-width: 1024px) { .sidebar { float: left; display: block; margin-right: 0%; width: 15.6957571659%; margin-left: 4.2152121417%; position: -webkit-sticky; position: sticky; top: 120px; z-index: 98; background-color: #fff; border-bottom: 5px solid #D0221B; margin-top: 20px; -webkit-box-shadow: 20px 20px 85px rgba(0, 0, 0, 0.05); -moz-box-shadow: 20px 20px 85px rgba(0, 0, 0, 0.05); box-shadow: 20px 20px 85px rgba(0, 0, 0, 0.05); } .sidebar:last-child { margin-right: 0; } } .sidebar ul { float: left; width: 100%; margin-bottom: 0; } .sidebar ul li { float: left; width: 100%; } .sidebar ul li.current-menu-item a { color: #666; } .sidebar ul li a { float: left; width: 100%; padding: 14px 30px; border-top: 1px solid #ededed; text-decoration: none; color: #999; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; color: #D0221B; letter-spacing: 1px; } .sidebar-share .sidebar-share-image img { width: 100%; } .sidebar-share-links { float: left; width: 100%; padding: 10%; margin-bottom: 20px; } .sidebar-share-links h2 { text-align: center; color: #999; margin-bottom: 35px; } .sidebar-share-links .sidebar-share-links-link { float: left; width: 50%; text-align: center; } .sidebar-share-links .sidebar-share-links-link img { width: 20px; } .sidebar-share-links .sidebar-share-links-link.one { border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 0 0 20px 0; } .sidebar-share-links .sidebar-share-links-link.two { border-bottom: 1px solid #ededed; padding: 0 0 20px 0; } .sidebar-share-links .sidebar-share-links-link.three { border-right: 1px solid #ededed; padding: 20px 0 0 0; } .sidebar-share-links .sidebar-share-links-link.four { padding: 20px 0 0 0; } .content-standard a { color: #D0221B; } .content-standard p, .content-standard div, .content-standard .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .content-standard div, .content-standard .work-single .work-single-description div, .work-single .work-single-description .content-standard div, .content-standard .gform_confirmation_message { margin-bottom: 20px; } .content-standard ol, .content-standard ul { margin: 30px 0 30px 60px; } .content-standard ul { list-style-type: disc; } .content-standard .caption { float: left; width: 100%; background-color: #fff; padding: 30px 5%; font-style: oblique; font-size: 7px; font-size: 0.7rem; color: #999; } .content-standard img { height: auto; text-align: center; max-width: 100%; } .title { max-width: 3000px; margin-left: auto; margin-right: auto; padding: 20px 0; background-color: #000; min-height: 112px; position: relative; } .title:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1024px) { .title { padding: 40px 0; } } .title.nosidebar .title-text { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .title.nosidebar .title-text:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .title.nosidebar .title-text { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .title.nosidebar .title-text:last-child { margin-right: 0; } } .title .title-text { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; height: 100%; padding-top: 90px; } .title .title-text:last-child { margin-right: 0; } .title .title-text h4 { color: #666; margin-bottom: 0; } .title .title-text h4 a { color: #D0221B; } .title .title-text.title-text-center h1, .title .title-text.title-text-center p, .title .title-text.title-text-center .content-standard div, .content-standard .title .title-text.title-text-center div, .title .title-text.title-text-center .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .title .title-text.title-text-center div, .title .title-text.title-text-center .work-single .work-single-description div, .work-single .work-single-description .title .title-text.title-text-center div, .title .title-text.title-text-center .gform_confirmation_message, .title .title-text.title-text-center h3 { text-align: center; } .title .title-text.title-text-center p, .title .title-text.title-text-center .content-standard div, .content-standard .title .title-text.title-text-center div, .title .title-text.title-text-center .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .title .title-text.title-text-center div, .title .title-text.title-text-center .work-single .work-single-description div, .work-single .work-single-description .title .title-text.title-text-center div, .title .title-text.title-text-center .gform_confirmation_message, .title .title-text.title-text-center h3 { color: #999; } @media screen and (min-width: 1024px) { .title .title-text { float: left; display: block; margin-right: 1.165091401%; width: 66.2783028663%; margin-left: 25.2912728502%; padding-top: 130px; } .title .title-text:last-child { margin-right: 0; } } .title .title-text.title-text-hasinfo { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .title .title-text.title-text-hasinfo:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .title .title-text.title-text-hasinfo { float: left; display: block; margin-right: 1.165091401%; width: 49.4174542995%; margin-left: 25.2912728502%; } .title .title-text.title-text-hasinfo:last-child { margin-right: 0; } } .title .title-text h1 { color: #fff; } .title .title-text h1 span { color: #666; } .title .title-text-info { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .title .title-text-info:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .title .title-text-info { float: left; display: block; margin-right: 1.165091401%; width: 15.6957571659%; text-align: right; position: absolute; bottom: 45px; right: 4.2152121417%; } .title .title-text-info:last-child { margin-right: 0; } } .title .title-text-info h4 { color: #999; line-height: 1.1; } .notice { display: block; position: fixed; bottom: 0; right: -100%; padding: 15px 30px 15px 15px; background-color: #fff; width: 100%; z-index: 996; -webkit-box-shadow: 15px 15px 85px rgba(0, 0, 0, 0.15); -moz-box-shadow: 15px 15px 85px rgba(0, 0, 0, 0.15); box-shadow: 15px 15px 85px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); } @media screen and (min-width: 500px) { .notice { width: 500px; right: -500px; padding: 30px 70px 30px 30px; } } .notice.active { right: 0; -webkit-transition-delay: 2.5s; /* Safari */ transition-delay: 2.5s; } .notice h3 { line-height: 1; } .notice .notice-image { float: left; width: 33%; padding-top: 5px; } .notice .notice-image img { width: 100%; } .notice .notice-info { float: left; width: 67%; padding: 0 0 0 20px; } .notice .notice-info p, .notice .notice-info .content-standard div, .content-standard .notice .notice-info div, .notice .notice-info .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .notice .notice-info div, .notice .notice-info .work-single .work-single-description div, .work-single .work-single-description .notice .notice-info div, .notice .notice-info .gform_confirmation_message { line-height: 1.2; } .notice .notice-info h5 a, .notice .notice-info .work-sort .work-sort-search label a, .work-sort .work-sort-search .notice .notice-info label a, .notice .notice-info .work-sort .work-sort-subcats li:first-child a, .work-sort .work-sort-subcats .notice .notice-info li:first-child a, .notice .notice-info .cv-grid .cv-section p b a, .cv-grid .cv-section p .notice .notice-info b a, .notice .notice-info .cv-grid .cv-section .content-standard div b a, .cv-grid .cv-section .content-standard div .notice .notice-info b a, .notice .notice-info .content-standard .cv-grid .cv-section div b a, .content-standard .cv-grid .cv-section div .notice .notice-info b a, .notice .notice-info .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b a, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .notice .notice-info b a, .notice .notice-info .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b a, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .notice .notice-info b a, .notice .notice-info .cv-grid .cv-section .work-single .work-single-description div b a, .cv-grid .cv-section .work-single .work-single-description div .notice .notice-info b a, .notice .notice-info .work-single .work-single-description .cv-grid .cv-section div b a, .work-single .work-single-description .cv-grid .cv-section div .notice .notice-info b a, .notice .notice-info .cv-grid .cv-section .gform_confirmation_message b a, .cv-grid .cv-section .gform_confirmation_message .notice .notice-info b a, .notice .notice-info .cv-grid .cv-section p strong a, .cv-grid .cv-section p .notice .notice-info strong a, .notice .notice-info .cv-grid .cv-section .content-standard div strong a, .cv-grid .cv-section .content-standard div .notice .notice-info strong a, .notice .notice-info .content-standard .cv-grid .cv-section div strong a, .content-standard .cv-grid .cv-section div .notice .notice-info strong a, .notice .notice-info .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong a, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .notice .notice-info strong a, .notice .notice-info .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong a, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .notice .notice-info strong a, .notice .notice-info .cv-grid .cv-section .work-single .work-single-description div strong a, .cv-grid .cv-section .work-single .work-single-description div .notice .notice-info strong a, .notice .notice-info .work-single .work-single-description .cv-grid .cv-section div strong a, .work-single .work-single-description .cv-grid .cv-section div .notice .notice-info strong a, .notice .notice-info .cv-grid .cv-section .gform_confirmation_message strong a, .cv-grid .cv-section .gform_confirmation_message .notice .notice-info strong a { color: #D0221B; text-decoration: none; } .notice .notice-close { position: absolute; top: 3px; right: 1px; cursor: pointer; } @media screen and (min-width: 1024px) { .notice .notice-close { top: 8px; right: 10px; } } .notice .notice-close img { width: 30px; height: 30px; } @media screen and (min-width: 1024px) { .notice .notice-close img { width: 50px; height: 50px; } } .related { max-width: 3000px; margin-left: auto; margin-right: auto; padding: 100px 0; display: none; } .related:after { content: ""; display: table; clear: both; } .related .related-title { float: left; display: block; margin-right: 1.165091401%; width: 70.4935150081%; margin-left: 4.2152121417%; margin-bottom: 40px; } .related .related-title:last-child { margin-right: 0; } .related .related-button { float: left; display: block; margin-right: 1.165091401%; width: 19.9109693076%; text-align: right; } .related .related-button:last-child { margin-right: 0; } .related .related-button .button-standard { color: #D0221B; border-color: #D0221B; } .related .related-items { width: 100%; } .related .related-items .related-items-item { float: left; display: block; margin-right: 1.2723564479%; width: 44.7605328466%; border-top: 1px solid #ededed; margin-bottom: 40px; } .related .related-items .related-items-item:last-child { margin-right: 0; } .related .related-items .related-items-item:nth-child(even) { margin-right: 0; } .related .related-items .related-items-item:nth-child(odd) { margin-left: 4.2152121417%; } .related .related-items .related-items-item .related-items-item-image { float: left; display: block; margin-right: 2.8425855704%; width: 28.0101901008%; } .related .related-items .related-items-item .related-items-item-image:last-child { margin-right: 0; } .related .related-items .related-items-item .related-items-item-image img { float: left; width: 100%; } .related .related-items .related-items-item .related-items-item-info { float: left; display: block; margin-right: 2.8425855704%; width: 69.1472243289%; padding-top: 20px; } .related .related-items .related-items-item .related-items-item-info:last-child { margin-right: 0; } .pagination { background-color: #fff; } .navigation { float: left; width: 100%; } .navigation ol { width: 100%; list-style-type: none; text-align: center; } .navigation ol li { display: inline-block; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; } @media screen and (min-width: 1024px) { .navigation ol li { font-size: 20px; font-size: 2rem; } } .navigation ol li a { padding: 10px 6px; color: #999; text-decoration: none; } @media screen and (min-width: 1024px) { .navigation ol li a { font-size: 20px; font-size: 2rem; padding: 5px 10px; } } .navigation ol li a:hover { color: #D0221B; } .navigation ol li span.title { background-color: transparent; color: #999; } .navigation ol li span.current { color: #D0221B; padding: 10px 6px; } @media screen and (min-width: 1024px) { .navigation ol li span.current { padding: 5px 10px; } } .search-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(208, 32, 27, 0.95); z-index: 997; display: none; } .search-overlay #search-overlay-close { position: fixed; top: 10px; right: 10px; cursor: pointer; } .search-overlay #searchform { float: left; width: 90%; margin-left: 5%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 1024px) { .search-overlay #searchform { width: 70%; margin-left: 15%; } } .search-overlay #searchform label { color: rgba(255, 255, 255, 0.7) !important; font-size: 11px; font-size: 1.1rem; margin: 3px 25px 0 0; letter-spacing: 1px; line-height: 1.1; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; display: none; } @media screen and (min-width: 768px) { .search-overlay #searchform label { font-size: 13px; font-size: 1.3rem; } } .search-overlay #searchform input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .search-overlay #searchform input[type="search"] { padding: 0px 0px 10px; border: none; border-bottom: 3px solid #fff; transition: border 0.3s; background-color: transparent; width: 85%; margin-right: 4%; color: #fff; webkit-appearance: none; border-radius: 0; font-size: 20px; font-size: 2rem; line-height: 1; -webkit-appearance: none; } @media screen and (min-width: 1024px) { .search-overlay #searchform input[type="search"] { font-size: 30px; font-size: 3rem; } } @media screen and (min-width: 1281px) { .search-overlay #searchform input[type="search"] { font-size: 40px; font-size: 4rem; } } @media screen and (min-width: 1441px) { .search-overlay #searchform input[type="search"] { font-size: 50px; font-size: 5rem; } } .search-overlay #searchform input[type="image"] { width: 9%; } .search-overlay #searchform input[type="search"]:focus, .search-overlay #searchform input[type="image"]:focus { outline: 0; } .error404 footer { display: none; } .notfound { float: left; width: 100%; height: 100%; background-color: rgba(208, 34, 27, 0.95); background-position: center center; background-image: url("https://obeygiant.com/images/2015/02/obey-manifesto-sticker-1600x900.jpg"); } .notfound .title-text { background-color: rgba(208, 34, 27, 0.9); position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; height: 100%; } .notfound .title-text .title-text-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .notfound .title-text .title-text-center h1 { color: #fff; } .notfound .title-text .title-text-center p, .notfound .title-text .title-text-center .content-standard div, .content-standard .notfound .title-text .title-text-center div, .notfound .title-text .title-text-center .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .notfound .title-text .title-text-center div, .notfound .title-text .title-text-center .work-single .work-single-description div, .work-single .work-single-description .notfound .title-text .title-text-center div, .notfound .title-text .title-text-center .gform_confirmation_message { color: #fff; max-width: 550px; margin: 0 auto; margin-bottom: 40px; font-size: 8px; font-size: 0.8rem; padding: 0 20px; line-height: 1.3; } @media screen and (min-width: 1024px) { .notfound .title-text .title-text-center p, .notfound .title-text .title-text-center .content-standard div, .content-standard .notfound .title-text .title-text-center div, .notfound .title-text .title-text-center .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .notfound .title-text .title-text-center div, .notfound .title-text .title-text-center .work-single .work-single-description div, .work-single .work-single-description .notfound .title-text .title-text-center div, .notfound .title-text .title-text-center .gform_confirmation_message { margin-bottom: 80px; line-height: 1.6; } } .notfound .title-text #searchform { float: left; width: 90%; margin-left: 5%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 1024px) { .notfound .title-text #searchform { width: 70%; margin-left: 15%; } } .notfound .title-text #searchform label { color: rgba(255, 255, 255, 0.7) !important; font-size: 11px; font-size: 1.1rem; margin: 3px 25px 0 0; letter-spacing: 1px; line-height: 1.1; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; display: none; } @media screen and (min-width: 768px) { .notfound .title-text #searchform label { font-size: 13px; font-size: 1.3rem; } } .notfound .title-text #searchform input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .notfound .title-text #searchform input[type="search"] { padding: 6px; border: none; transition: border 0.3s; background-color: #fff; width: 80%; margin-right: 1%; color: #D0221B; webkit-appearance: none; border-radius: 0; font-size: 14px; font-size: 1.4rem; line-height: 1; -webkit-appearance: none; } @media screen and (min-width: 1024px) { .notfound .title-text #searchform input[type="search"] { font-size: 18px; font-size: 1.8rem; width: 50%; } } @media screen and (min-width: 1281px) { .notfound .title-text #searchform input[type="search"] { font-size: 20px; font-size: 2rem; width: 40%; } } @media screen and (min-width: 1441px) { .notfound .title-text #searchform input[type="search"] { font-size: 25px; font-size: 2.5rem; width: 30%; } } .notfound .title-text #searchform input[type="image"] { width: 7%; } .notfound .title-text #searchform input[type="search"]:focus, .notfound .title-text #searchform input[type="image"]:focus { outline: 0; } .loader { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background-color: #D0221B; border-radius: 50%; } .loader:after { content: ''; position: absolute; border-radius: 50%; top: 50%; left: 50%; border: 0px solid white; transform: translate(-50%, -50%); animation: loading 1000ms ease-out forwards infinite; } @keyframes loading { 0% { border: 0px solid white; } 20% { border: 8px solid white; width: 0%; height: 0%; } 100% { border: 8px solid white; width: 100%; height: 100%; } } /* gallery-item */ .gallery-item { padding: 10px 10px 0 10px; } body { font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, Serif; font-weight: 400; font-style: normal; } h1, h2, h3, h4, h5, .work-sort .work-sort-search label, .work-sort .work-sort-subcats li:first-child, .cv-grid .cv-section p b, .cv-grid .cv-section .content-standard div b, .content-standard .cv-grid .cv-section div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .cv-grid .cv-section .work-single .work-single-description div b, .work-single .work-single-description .cv-grid .cv-section div b, .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section p strong, .cv-grid .cv-section .content-standard div strong, .content-standard .cv-grid .cv-section div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .cv-grid .cv-section .work-single .work-single-description div strong, .work-single .work-single-description .cv-grid .cv-section div strong, .cv-grid .cv-section .gform_confirmation_message strong, h6 { font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; } h1 { font-size: 28px; font-size: 2.8rem; line-height: .9; margin: 0 0 15px; } @media screen and (min-width: 1024px) { h1 { font-size: 50px; font-size: 5rem; } } h2 { font-size: 22px; font-size: 2.2rem; line-height: 1; margin-bottom: 15px; } @media screen and (min-width: 768px) { h2 { font-size: 27px; font-size: 2.7rem; margin-bottom: 30px; } } @media screen and (min-width: 1024px) { h2 { font-size: 30px; font-size: 3rem; margin-bottom: 30px; } } h3 { font-size: 15px; font-size: 1.5rem; } @media screen and (min-width: 1024px) { h3 { font-size: 20px; font-size: 2rem; } } h4 { font-size: 18px; font-size: 1.8rem; color: #000; margin: 0 0 10px; letter-spacing: 1px; line-height: .9; } h5, .work-sort .work-sort-search label, .work-sort .work-sort-subcats li:first-child, .cv-grid .cv-section p b, .cv-grid .cv-section .content-standard div b, .content-standard .cv-grid .cv-section div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .cv-grid .cv-section .work-single .work-single-description div b, .work-single .work-single-description .cv-grid .cv-section div b, .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section p strong, .cv-grid .cv-section .content-standard div strong, .content-standard .cv-grid .cv-section div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .cv-grid .cv-section .work-single .work-single-description div strong, .work-single .work-single-description .cv-grid .cv-section div strong, .cv-grid .cv-section .gform_confirmation_message strong { font-size: 11px; font-size: 1.1rem; color: #999; margin: 0 0 2px; letter-spacing: 1px; line-height: 1; } @media screen and (min-width: 768px) { h5, .work-sort .work-sort-search label, .work-sort .work-sort-subcats li:first-child, .cv-grid .cv-section p b, .cv-grid .cv-section .content-standard div b, .content-standard .cv-grid .cv-section div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .cv-grid .cv-section .work-single .work-single-description div b, .work-single .work-single-description .cv-grid .cv-section div b, .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section p strong, .cv-grid .cv-section .content-standard div strong, .content-standard .cv-grid .cv-section div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .cv-grid .cv-section .work-single .work-single-description div strong, .work-single .work-single-description .cv-grid .cv-section div strong, .cv-grid .cv-section .gform_confirmation_message strong { font-size: 13px; font-size: 1.3rem; } } h6 { font-size: 10px; font-size: 1rem; color: #ccc; margin: 0; letter-spacing: 1px; line-height: .9; } p, .content-standard div, .reader .reader-article .reader-article-wrapper .reader-article-content div, .work-single .work-single-description div, .gform_confirmation_message { color: #333; line-height: 1.7; font-size: 9px; font-size: 0.9rem; margin-bottom: 10px; } p.small, .content-standard div.small, .reader .reader-article .reader-article-wrapper .reader-article-content div.small, .work-single .work-single-description div.small, .small.gform_confirmation_message { font-size: 7px; font-size: 0.7rem; line-height: 1.5; } @media screen and (min-width: 1024px) { p.small, .content-standard div.small, .reader .reader-article .reader-article-wrapper .reader-article-content div.small, .work-single .work-single-description div.small, .small.gform_confirmation_message { font-size: 8px; font-size: 0.8rem; } } @media screen and (min-width: 1024px) { p, .content-standard div, .reader .reader-article .reader-article-wrapper .reader-article-content div, .work-single .work-single-description div, .gform_confirmation_message { font-size: 11px; font-size: 1.1rem; line-height: 1.8; margin-bottom: 20px; } } ol, ul { color: #333; line-height: 1.5; font-size: 8px; font-size: 0.8rem; margin-bottom: 15px; margin-left: 0; } @media screen and (min-width: 1024px) { ol, ul { font-size: 9.5px; font-size: 0.95rem; line-height: 1.8; } } input { font-size: 13px; font-size: 1.3rem; color: #999; margin: 0 0 2px; letter-spacing: 1px; line-height: .9; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; } blockquote { font-size: 16px; font-size: 1.6rem; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.1; color: #D0221B; } @media screen and (min-width: 1024px) { blockquote { font-size: 30px; font-size: 3rem; } } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -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; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-dots { text-align: center; margin-top: 30px; } @media screen and (min-width: 1024px) { .owl-dots { margin-top: 40px; } } .owl-dots .owl-dot { display: inline-block; margin: 0 3px; height: 4px; width: 4px; border-radius: 100px; background-color: #999; } .owl-dots .owl-dot.active { background-color: #D0221B; } @media screen and (min-width: 1024px) { .owl-dots .owl-dot { height: 6px; width: 6px; margin: 0 5px; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #ffffff; opacity: 0.95; filter: alpha(opacity=95); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-holder { width: 100%; margin: 20px 0; } @media screen and (min-width: 1024px) { .mfp-ajax-holder { width: 80%; margin: 0 10%; } } .mfp-ajax-holder .mfp-content { padding: 20px; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: fixed; right: 10px; top: 10px; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 11px; } .mfp-close-btn-in .mfp-close { color: #666; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #666; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #666; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #666; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 0px rgba(255, 255, 255, 0.95); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 0px rgba(255, 255, 255, 0.95); background: #ededed; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: center; position: absolute; color: #F3F3F3; word-wrap: break-word; font-size: 8.5px; font-size: 0.85rem; line-height: 1.4; width: 100%; padding-top: 20px; max-height: 80px; overflow: hidden; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .search-categories { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; padding: 80px 0 0 0; } .search-categories:last-child { margin-right: 0; } .search-categories li { display: inline-block; text-align: left; margin-right: 25px; } .search-categories li a { color: #D0221B; text-decoration: none; } .search-categories li a:hover { text-decoration: underline; } .search-categories li span { color: #666; } .search-postlist { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; border-bottom: 5px solid #ededed; padding: 80px 0; } .search-postlist:last-child { margin-right: 0; } .search-postlist h2 { clear: both; padding-top: 70px; } .search-postlist h2:first-child { padding-top: 0; } .search-postlist .search-postlist-item { float: left; display: block; margin-right: 1.2723564479%; width: 100%; border-top: 1px solid #ededed; margin-bottom: 40px; } .search-postlist .search-postlist-item:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .search-postlist .search-postlist-item { float: left; display: block; margin-right: 1.2723564479%; width: 49.363821776%; } .search-postlist .search-postlist-item:last-child { margin-right: 0; } } .search-postlist .search-postlist-item:nth-child(even) { margin-right: 0; } .search-postlist .search-postlist-item:nth-child(odd) { clear: both; } .search-postlist .search-postlist-item .search-postlist-item-image { float: left; display: block; margin-right: 1.2723564479%; width: 35.5539549877%; position: relative; } .search-postlist .search-postlist-item .search-postlist-item-image:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .search-postlist .search-postlist-item .search-postlist-item-image { float: left; display: block; margin-right: 2.5775079849%; width: 25.398176011%; } .search-postlist .search-postlist-item .search-postlist-item-image:last-child { margin-right: 0; } } .search-postlist .search-postlist-item .search-postlist-item-image img { float: left; width: 100%; } .search-postlist .search-postlist-item .search-postlist-item-image .search-postlist-item-type { position: absolute; bottom: 0; right: 0; width: 35px; height: 35px; background-color: #D0221B; } .search-postlist .search-postlist-item .search-postlist-item-image .search-postlist-item-image-video { position: absolute; top: 0; left: 0; width: 100%; } .search-postlist .search-postlist-item .search-postlist-item-info { padding-top: 20px; float: left; display: block; margin-right: 1.2723564479%; width: 58.5703996349%; margin-left: 4.6032889295%; } .search-postlist .search-postlist-item .search-postlist-item-info:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .search-postlist .search-postlist-item .search-postlist-item-info { float: left; display: block; margin-right: 2.5775079849%; width: 62.6990880055%; margin-left: 0%; } .search-postlist .search-postlist-item .search-postlist-item-info:last-child { margin-right: 0; } } /* at the very least you must set these two display properties */ /* this is so you can use CSS animations when toggling results */ /* visual styles */ .searchwp-live-search-results { box-sizing: border-box; -moz-box-sizing: border-box; background: #ededed; border-radius: 0px; width: 92% !important; min-height: 350px; max-height: 350px; padding: 30px 30px 15px; -webkit-box-shadow: 20px 20px 85px rgba(0, 0, 0, 0.15); -moz-box-shadow: 20px 20px 85px rgba(0, 0, 0, 0.15); box-shadow: 20px 20px 85px rgba(0, 0, 0, 0.15); border-bottom: 3px solid #D0221B; } @media screen and (min-width: 1024px) { .searchwp-live-search-results { width: 500px !important; } } .searchwp-live-search-result { float: left; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #ccc; } .searchwp-live-search-result-image { float: left; width: 25%; } .searchwp-live-search-result-image img { float: left; width: 100%; } .searchwp-live-search-result-title { float: left; width: 70%; padding-left: 5%; } /* positioning styles */ .searchwp-live-search-results { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; height: 0; overflow: hidden; z-index: 9999; position: absolute; display: none; } .searchwp-live-search-results-showing { display: block; opacity: 1; height: auto; overflow: auto; } .searchwp-live-search-no-results { padding: 3em 2em 0; text-align: center; } .reader { max-width: 3000px; margin-left: auto; margin-right: auto; margin: 0 auto; background-color: #fff; height: auto; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } .reader:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1024px) { .reader { margin: 0 auto; height: 80%; max-height: 850px; } .reader-active .reader { height: auto; max-height: 120000px; } } .reader .reader-article { float: left; display: block; margin-right: 1.165091401%; width: 100%; margin-right: 0; background-color: #ededed; height: 100%; position: relative; } .reader .reader-article:last-child { margin-right: 0; } .reader-active .reader .reader-article { height: auto; } @media screen and (min-width: 768px) { .reader .reader-article { float: left; display: block; margin-right: 1.165091401%; width: 100%; margin-left: 4.2152121417%; padding: 70px 0; height: 100%; } .reader .reader-article:last-child { margin-right: 0; } .reader-active .reader .reader-article { padding: 70px 0 130px; } } @media screen and (min-width: 1024px) { .reader .reader-article { float: left; display: block; margin-right: 1.165091401%; width: 70.4935150081%; margin-left: 4.2152121417%; } .reader .reader-article:last-child { margin-right: 0; } } .reader .reader-article .reader-article-thumb { float: left; display: block; margin-right: 1.165091401%; width: 49.4174542995%; margin-left: 25.2912728502%; margin: 0; background-color: #fff; position: relative; z-index: 98; -webkit-box-shadow: 20px 20px 85px rgba(0, 0, 0, 0.15); -moz-box-shadow: 20px 20px 85px rgba(0, 0, 0, 0.15); box-shadow: 20px 20px 85px rgba(0, 0, 0, 0.15); margin-top: 30px; -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); min-height: 100px; display: none; } .reader .reader-article .reader-article-thumb:last-child { margin-right: 0; } @media screen and (min-width: 768px) { .reader .reader-article .reader-article-thumb { float: left; display: block; margin-right: 1.6527639469%; width: 28.2451078022%; margin-left: 0%; margin: 0 0 0 -20px; display: block; } .reader .reader-article .reader-article-thumb:last-child { margin-right: 0; } .reader-active .reader .reader-article .reader-article-thumb { float: left; display: block; margin-right: 1.6527639469%; width: 22.2655334524%; } .reader-active .reader .reader-article .reader-article-thumb:last-child { margin-right: 0; } } .reader .reader-article .reader-article-thumb .reader-article-thumb-img { float: left; width: 100%; min-height: 100px; } .reader .reader-article .reader-article-thumb .thumb { top: 0; left: 0; display: none; width: 100%; float: left; } .reader .reader-article .reader-article-thumb .reader-article-thumb-loader { width: 100%; float: left; } .reader .reader-article .reader-article-thumb .reader-article-thumb-loader.hide { display: none; } .reader .reader-article .reader-article-thumb .sidebar-share-links { display: none; } .reader-active .reader .reader-article .reader-article-thumb .sidebar-share-links { display: block; } .reader .reader-article .reader-article-wrapper { height: 100%; overflow: hidden; float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; padding: 50px 0 50px; -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); } .reader .reader-article .reader-article-wrapper:last-child { margin-right: 0; } .reader-active .reader .reader-article .reader-article-wrapper { max-height: 120000px; height: auto; } @media screen and (min-width: 768px) { .reader .reader-article .reader-article-wrapper { float: left; display: block; margin-right: 1.6527639469%; width: 52.1634052015%; margin-left: 5.9795743498%; max-height: auto; padding: 0; } .reader .reader-article .reader-article-wrapper:last-child { margin-right: 0; } .reader-active .reader .reader-article .reader-article-wrapper { float: left; display: block; margin-right: 1.6527639469%; width: 64.1225539011%; } .reader-active .reader .reader-article .reader-article-wrapper:last-child { margin-right: 0; } } .reader .reader-article .reader-article-wrapper h2 { cursor: pointer; } .reader .reader-article .reader-article-wrapper h2:hover { color: #D0221B; } .reader .reader-article .reader-article-wrapper .reader-article-content { padding: 0 0; } .reader .reader-article .reader-article-wrapper .reader-article-content p, .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .gform_confirmation_message { max-width: 850px; margin-bottom: 20px; } @media screen and (min-width: 1024px) { .reader .reader-article .reader-article-wrapper .reader-article-content p, .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .gform_confirmation_message { margin-bottom: 20px; } } .reader .reader-article .reader-article-wrapper .reader-article-content a { color: #D0221B; } .reader .reader-article .reader-article-wrapper .reader-article-content img { max-width: 100%; height: auto; } @media screen and (min-width: 1024px) { .reader .reader-article .reader-article-wrapper .reader-article-content img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .1; } .reader-active .reader .reader-article .reader-article-wrapper .reader-article-content img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } } @media screen and (min-width: 1024px) { .reader .reader-article .reader-article-wrapper .reader-article-content { padding: 20px 0; } } .reader-active .reader .reader-article .reader-article-wrapper .reader-article-nextprev { display: block !important; } .reader .reader-article .reader-article-wrapper .reader-article-nextprev { display: none !important; } .reader .reader-article .reader-article-wrapper #read-next.hidden, .reader .reader-article .reader-article-wrapper #read-prev.hidden { opacity: .1; } .reader .reader-article .reader-article-wrapper .reader-article-btn { position: absolute; bottom: 50px; display: none; z-index: 9; } @media screen and (min-width: 1024px) { .reader .reader-article .reader-article-wrapper .reader-article-btn { bottom: 60px; display: block; } } .reader .reader-article .reader-article-wrapper .reader-article-btn .button-standard { border-color: #D0221B; color: #D0221B; } .reader .reader-article .reader-article-wrapper .reader-article-gradient { position: absolute; bottom: -1px; height: 45%; left: 0; width: 100%; } @media screen and (min-width: 1024px) { .reader .reader-article .reader-article-wrapper .reader-article-gradient { background-image: -webkit-linear-gradient(-270deg, #ededed 30%, rgba(237, 237, 237, 0)); background-image: linear-gradient(0deg, #ededed 30%, rgba(237, 237, 237, 0)); } } .reader-active .reader .reader-article .reader-article-wrapper .reader-article-gradient { display: none; } @media screen and (min-width: 1024px) { .reader .reader-article .reader-article-wrapper .reader-article-gradient { height: 65%; } } .ie9 .reader .reader-article .reader-article-wrapper .reader-article-gradient { background-image: url("../img/ie9-reader-gradient.png") !important; height: 55%; } .reader .reader-list { display: block; float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .reader .reader-list:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .reader .reader-list { display: block; float: left; display: block; margin-right: 1.165091401%; width: 24.1261814493%; margin-left: 0%; height: 100%; overflow-y: scroll; margin: 0; } .reader .reader-list:last-child { margin-right: 0; } } .reader .reader-list li { float: left; width: 100%; padding: 25px 0; border-bottom: 1px solid #ededed; cursor: pointer; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); display: none; } .reader .reader-list li:nth-child(2) { display: block; } .reader .reader-list li:nth-child(3) { display: block; } .reader .reader-list li:nth-child(4) { display: block; } .reader .reader-list li:nth-child(5) { display: block; } @media screen and (min-width: 1024px) { .reader .reader-list li { display: block; padding: 40px 0; } } @media screen and (min-width: 1024px) { .reader .reader-list li:hover { background-color: #ededed; } } .reader .reader-list li:last-child { border-bottom: none; } .reader .reader-list li .reader-list-thumb { float: left; width: 22%; margin-right: 8%; } .reader .reader-list li .reader-list-info { float: left; width: 65%; margin-right: 5%; } .reader .reader-list li .reader-list-info h6 { color: #999; } .reader .reader-list li .reader-list-info h5, .reader .reader-list li .reader-list-info .work-sort .work-sort-search label, .work-sort .work-sort-search .reader .reader-list li .reader-list-info label, .reader .reader-list li .reader-list-info .work-sort .work-sort-subcats li:first-child, .work-sort .work-sort-subcats .reader .reader-list li .reader-list-info li:first-child, .reader .reader-list li .reader-list-info .cv-grid .cv-section p b, .cv-grid .cv-section p .reader .reader-list li .reader-list-info b, .reader .reader-list li .reader-list-info .cv-grid .cv-section .content-standard div b, .cv-grid .cv-section .content-standard div .reader .reader-list li .reader-list-info b, .reader .reader-list li .reader-list-info .content-standard .cv-grid .cv-section div b, .content-standard .cv-grid .cv-section div .reader .reader-list li .reader-list-info b, .cv-grid .cv-section .reader .reader-list li .reader-list-info .reader-article .reader-article-wrapper .reader-article-content div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .reader-list li .reader-list-info b, .reader .reader-list li .reader-list-info .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .reader-list li .reader-list-info b, .reader .reader-list li .reader-list-info .cv-grid .cv-section .work-single .work-single-description div b, .cv-grid .cv-section .work-single .work-single-description div .reader .reader-list li .reader-list-info b, .reader .reader-list li .reader-list-info .work-single .work-single-description .cv-grid .cv-section div b, .work-single .work-single-description .cv-grid .cv-section div .reader .reader-list li .reader-list-info b, .reader .reader-list li .reader-list-info .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section .gform_confirmation_message .reader .reader-list li .reader-list-info b, .reader .reader-list li .reader-list-info .cv-grid .cv-section p strong, .cv-grid .cv-section p .reader .reader-list li .reader-list-info strong, .reader .reader-list li .reader-list-info .cv-grid .cv-section .content-standard div strong, .cv-grid .cv-section .content-standard div .reader .reader-list li .reader-list-info strong, .reader .reader-list li .reader-list-info .content-standard .cv-grid .cv-section div strong, .content-standard .cv-grid .cv-section div .reader .reader-list li .reader-list-info strong, .cv-grid .cv-section .reader .reader-list li .reader-list-info .reader-article .reader-article-wrapper .reader-article-content div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .reader-list li .reader-list-info strong, .reader .reader-list li .reader-list-info .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .reader-list li .reader-list-info strong, .reader .reader-list li .reader-list-info .cv-grid .cv-section .work-single .work-single-description div strong, .cv-grid .cv-section .work-single .work-single-description div .reader .reader-list li .reader-list-info strong, .reader .reader-list li .reader-list-info .work-single .work-single-description .cv-grid .cv-section div strong, .work-single .work-single-description .cv-grid .cv-section div .reader .reader-list li .reader-list-info strong, .reader .reader-list li .reader-list-info .cv-grid .cv-section .gform_confirmation_message strong, .cv-grid .cv-section .gform_confirmation_message .reader .reader-list li .reader-list-info strong { color: #D0221B; } .reader .reader-list li .reader-list-info p, .reader .reader-list li .reader-list-info .content-standard div, .content-standard .reader .reader-list li .reader-list-info div, .reader .reader-list li .reader-list-info .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .reader-list li .reader-list-info div, .reader .reader-list li .reader-list-info .work-single .work-single-description div, .work-single .work-single-description .reader .reader-list li .reader-list-info div, .reader .reader-list li .reader-list-info .gform_confirmation_message { margin-bottom: 0; color: #999; } .reader .reader-list li .reader-list-article { display: none; } #panel { position: fixed; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); z-index: 99; background-color: #fff; width: 100%; min-height: 100%; max-height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; background: #fff url("../img/preloader.gif") no-repeat center center; -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; } #panel.active { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } #panel #panel-content { float: left; width: 100%; min-height: 100%; height: auto; opacity: 0; -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); } @media screen and (min-width: 1024px) { #panel #panel-content { overflow: hidden; } } #panel #panel-content.active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #panel #panel-close { position: absolute; top: 10px; right: 10px; color: #D0221B; z-index: 999; cursor: pointer; width: 30px; height: 30px; -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; } #panel #panel-close svg { width: 100%; height: 100%; } @media screen and (min-width: 1024px) { #panel #panel-close { top: 20px; right: 20px; width: 50px; height: 50px; } } #result { position: fixed; top: 0%; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); z-index: 99; background-color: #fff; width: 100%; min-height: 100%; max-height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: all 1000ms cubic-bezier(1, 0, 0, 1); -moz-transition: all 1000ms cubic-bezier(1, 0, 0, 1); -o-transition: all 1000ms cubic-bezier(1, 0, 0, 1); transition: all 1000ms cubic-bezier(1, 0, 0, 1); /* easeInOutExpo */ background: #fff url("../img/preloader.gif") no-repeat center center; } @media screen and (min-width: 1024px) { #result { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } } #result.active { display: block; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } #result #result-content { float: left; width: 100%; min-height: 100%; height: auto; opacity: 0; -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); } @media screen and (min-width: 1024px) { #result #result-content { overflow: hidden; } } #result #result-content.active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #result-close { position: fixed; top: 20px; right: 20px; color: #D0221B; z-index: 999; display: none; cursor: pointer; width: 30px; height: 30px; -webkit-transition: all 600ms; -moz-transition: all 600ms; transition: all 600ms; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } @media screen and (min-width: 1024px) { #result-close { top: 10px; right: 10px; width: 50px; height: 50px; } } #result-close.active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); display: block; } .work { background-image: url("../img/temp-work-feature.jpg"); } .work-sort { max-width: 3000px; margin-left: auto; margin-right: auto; padding: 30px 0 0; } .work-sort:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1024px) { .work-sort { padding: 60px 0 0; } } .work-sort .work-sort-search { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; margin-bottom: 0; display: none; } .work-sort .work-sort-search:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .work-sort .work-sort-search { float: left; display: block; margin-right: 1.2723564479%; width: 35.5539549877%; } .work-sort .work-sort-search:last-child { margin-right: 0; } } .work-sort .work-sort-search label { margin-right: 20px; display: none; } .work-sort .work-sort-search input[type="text"] { border: 5px solid #ededed; padding: 4px 20px; width: 100%; background-color: #ededed; -webkit-appearance: none; float: left; border-radius: 0; } @media screen and (min-width: 1024px) { .work-sort .work-sort-search input[type="text"] { padding: 12px 20px; width: 300px; margin-right: 10px; } } .work-sort .work-sort-search input[type="submit"] { display: none; border: none; background-color: transparent; background-image: url("../img/icon-search-small.svg"); background-repeat: no-repeat; background-position: center right; padding: 8px 20px; width: 10%; margin-left: 2%; float: right; margin-top: 8px; } @media screen and (min-width: 1024px) { .work-sort .work-sort-search input[type="submit"] { display: block; padding: 12px 20px; margin-left: 0%; width: auto; background-position: center center; float: left; } } .work-sort .work-sort-search select { border: none; border-bottom: 3px solid #000; padding: 12px 50px 12px 0; -webkit-appearance: none; border-radius: 0; font-size: 15px; font-size: 1.5rem; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; letter-spacing: 1px; background: #fff url("../img/icon-select-arrow.svg") no-repeat center right; box-shadow: none; } .work-sort .work-sort-search select option { font-size: 11px; font-size: 1.1rem; } .work-sort .work-sort-subcats { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; text-align: center; } .work-sort .work-sort-subcats:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .work-sort .work-sort-subcats { float: left; display: block; margin-right: 1.2723564479%; width: 53.9671107055%; margin-left: 0%; text-align: right; } .work-sort .work-sort-subcats:last-child { margin-right: 0; } } .work-sort .work-sort-subcats ul { float: left; text-align: center; margin-top: 20px; width: 100%; } @media screen and (min-width: 1024px) { .work-sort .work-sort-subcats ul { margin-top: 10px; float: right; text-align: right; } } .work-sort .work-sort-subcats li:first-child { display: inline-block; width: 100%; margin-bottom: 15px; } @media screen and (min-width: 768px) { .work-sort .work-sort-subcats li:first-child { margin-right: 30px; width: auto; } } .work-sort .work-sort-subcats li { display: inline-block; margin-right: 5px; margin-bottom: 3px; } @media screen and (min-width: 768px) { .work-sort .work-sort-subcats li { margin-left: 5px; margin-right: 0px; } } .work-sort .work-sort-subcats li.active a { background-color: #D0221B; color: #fff; } .work-sort .work-sort-subcats li a { padding: 4px 6px; text-decoration: none; color: #D0221B; background-color: #ededed; border-radius: 3px; display: block; font-size: 8px; font-size: 0.8rem; } @media screen and (min-width: 768px) { .work-sort .work-sort-subcats li a { padding: 7px 10px; } } .work-sort .work-sort-subcats li a:hover { background-color: #D0221B; color: #fff; } .work-sort .work-sort-filter { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; text-align: left; } .work-sort .work-sort-filter:last-child { margin-right: 0; } @media screen and (min-width: 768px) { .work-sort .work-sort-filter { float: left; display: block; margin-right: 1.2723564479%; width: 44.7605328466%; margin-left: 0%; text-align: right; } .work-sort .work-sort-filter:last-child { margin-right: 0; } } .work-sort .work-sort-filter .button-standard { float: left; width: 100%; } @media screen and (min-width: 768px) { .work-sort .work-sort-filter .button-standard { width: auto; float: right; } } .work-sort .work-sort-wrapper { float: left; display: block; margin-right: 1.165091401%; width: 100%; background-color: #f9f9f9; padding-top: 30px; padding-bottom: 30px; display: none; margin-top: 40px; padding-left: 4.2152121417%; padding-right: 4.2152121417%; /* .work-sort-categories { @include span-columns(23 of 24); @include shift-in-context(1 of 24); @include media($tablet) { @include span-columns(11 of 24); } } .work-sort-year { @include span-columns(23 of 24); @include shift-in-context(1 of 24); @include media($tablet) { @include span-columns(11 of 24); @include shift-in-context(0 of 24); } } */ } .work-sort .work-sort-wrapper:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .work-sort .work-sort-wrapper { padding-top: 80px; padding-bottom: 80px; } } .work-sort .work-sort-wrapper li { float: left; margin-right: 5px; margin-bottom: 5px; padding: 10px 15px; background-color: #ededed; border-radius: 5px; color: #999; font-size: 9px; font-size: 0.9rem; } .work-sort .work-sort-wrapper li a { color: #D0221B; text-decoration: none; } .work-sort .work-sort-wrapper li a:hover { text-decoration: underline; } .work-sort .work-sort-wrapper .work-sort-two { float: left; width: 100%; } @media screen and (min-width: 1024px) { .work-sort .work-sort-wrapper .work-sort-two { width: 50%; } } .work-sort .work-sort-wrapper .work-sort-three { float: left; width: 100%; } @media screen and (min-width: 1024px) { .work-sort .work-sort-wrapper .work-sort-three { width: 33.3333%; } } .grid { max-width: 3000px; margin-left: auto; margin-right: auto; padding: 60px 0 120px 0; } .grid:after { content: ""; display: table; clear: both; } .grid .grid-wrapper { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .grid .grid-wrapper:last-child { margin-right: 0; } .grid .grid-wrapper h2 span { color: #ededed; } .grid .grid-item { float: left; display: block; margin-right: 1.2723564479%; width: 72.3802664233%; margin-left: 12.6456364251%; margin-bottom: 60px; position: relative; background-color: #fff; } .grid .grid-item:last-child { margin-right: 0; } @media screen and (min-width: 768px) { .grid .grid-item { float: left; display: block; margin-right: 1.2723564479%; width: 44.7605328466%; margin-left: 4.2152121417%; margin-bottom: 40px; } .grid .grid-item:last-child { margin-right: 0; } .grid .grid-item:nth-child(2n) { margin-right: 0; } .grid .grid-item:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 1024px) { .grid .grid-item { float: left; display: block; margin-right: 1.2723564479%; width: 26.3473771288%; margin-left: 9.2065778589%; position: relative; margin-bottom: 140px; cursor: pointer; } .grid .grid-item:last-child { margin-right: 0; } .grid .grid-item:nth-child(2n) { margin-right: 1.165091401%; } .grid .grid-item:nth-child(2n+1) { clear: none; } .grid .grid-item:nth-child(3n+1) { margin-left: 0%; clear: both; } .grid .grid-item:nth-child(3n) { margin-right: 0; } } .grid .grid-item .grid-item-image { float: left; width: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; } .grid .grid-item .grid-item-image img { width: 100%; float: left; } .grid .grid-item.active .grid-item-details { opacity: 1; } .grid .grid-item .grid-item-details { float: left; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .grid .grid-item .grid-item-details h5, .grid .grid-item .grid-item-details .work-sort .work-sort-search label, .work-sort .work-sort-search .grid .grid-item .grid-item-details label, .grid .grid-item .grid-item-details .work-sort .work-sort-subcats li:first-child, .work-sort .work-sort-subcats .grid .grid-item .grid-item-details li:first-child, .grid .grid-item .grid-item-details .cv-grid .cv-section p b, .cv-grid .cv-section p .grid .grid-item .grid-item-details b, .grid .grid-item .grid-item-details .cv-grid .cv-section .content-standard div b, .cv-grid .cv-section .content-standard div .grid .grid-item .grid-item-details b, .grid .grid-item .grid-item-details .content-standard .cv-grid .cv-section div b, .content-standard .cv-grid .cv-section div .grid .grid-item .grid-item-details b, .grid .grid-item .grid-item-details .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .grid .grid-item .grid-item-details b, .grid .grid-item .grid-item-details .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .grid .grid-item .grid-item-details b, .grid .grid-item .grid-item-details .cv-grid .cv-section .work-single .work-single-description div b, .cv-grid .cv-section .work-single .work-single-description div .grid .grid-item .grid-item-details b, .grid .grid-item .grid-item-details .work-single .work-single-description .cv-grid .cv-section div b, .work-single .work-single-description .cv-grid .cv-section div .grid .grid-item .grid-item-details b, .grid .grid-item .grid-item-details .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section .gform_confirmation_message .grid .grid-item .grid-item-details b, .grid .grid-item .grid-item-details .cv-grid .cv-section p strong, .cv-grid .cv-section p .grid .grid-item .grid-item-details strong, .grid .grid-item .grid-item-details .cv-grid .cv-section .content-standard div strong, .cv-grid .cv-section .content-standard div .grid .grid-item .grid-item-details strong, .grid .grid-item .grid-item-details .content-standard .cv-grid .cv-section div strong, .content-standard .cv-grid .cv-section div .grid .grid-item .grid-item-details strong, .grid .grid-item .grid-item-details .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .grid .grid-item .grid-item-details strong, .grid .grid-item .grid-item-details .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .grid .grid-item .grid-item-details strong, .grid .grid-item .grid-item-details .cv-grid .cv-section .work-single .work-single-description div strong, .cv-grid .cv-section .work-single .work-single-description div .grid .grid-item .grid-item-details strong, .grid .grid-item .grid-item-details .work-single .work-single-description .cv-grid .cv-section div strong, .work-single .work-single-description .cv-grid .cv-section div .grid .grid-item .grid-item-details strong, .grid .grid-item .grid-item-details .cv-grid .cv-section .gform_confirmation_message strong, .cv-grid .cv-section .gform_confirmation_message .grid .grid-item .grid-item-details strong { color: #D0221B; } .grid .grid-item .grid-item-details h5.sub, .grid .grid-item .grid-item-details .work-sort .work-sort-search label.sub, .work-sort .work-sort-search .grid .grid-item .grid-item-details label.sub, .grid .grid-item .grid-item-details .work-sort .work-sort-subcats li.sub:first-child, .work-sort .work-sort-subcats .grid .grid-item .grid-item-details li.sub:first-child, .grid .grid-item .grid-item-details .cv-grid .cv-section p b.sub, .cv-grid .cv-section p .grid .grid-item .grid-item-details b.sub, .grid .grid-item .grid-item-details .cv-grid .cv-section .content-standard div b.sub, .cv-grid .cv-section .content-standard div .grid .grid-item .grid-item-details b.sub, .grid .grid-item .grid-item-details .content-standard .cv-grid .cv-section div b.sub, .content-standard .cv-grid .cv-section div .grid .grid-item .grid-item-details b.sub, .grid .grid-item .grid-item-details .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b.sub, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .grid .grid-item .grid-item-details b.sub, .grid .grid-item .grid-item-details .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b.sub, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .grid .grid-item .grid-item-details b.sub, .grid .grid-item .grid-item-details .cv-grid .cv-section .work-single .work-single-description div b.sub, .cv-grid .cv-section .work-single .work-single-description div .grid .grid-item .grid-item-details b.sub, .grid .grid-item .grid-item-details .work-single .work-single-description .cv-grid .cv-section div b.sub, .work-single .work-single-description .cv-grid .cv-section div .grid .grid-item .grid-item-details b.sub, .grid .grid-item .grid-item-details .cv-grid .cv-section .gform_confirmation_message b.sub, .cv-grid .cv-section .gform_confirmation_message .grid .grid-item .grid-item-details b.sub, .grid .grid-item .grid-item-details .cv-grid .cv-section p strong.sub, .cv-grid .cv-section p .grid .grid-item .grid-item-details strong.sub, .grid .grid-item .grid-item-details .cv-grid .cv-section .content-standard div strong.sub, .cv-grid .cv-section .content-standard div .grid .grid-item .grid-item-details strong.sub, .grid .grid-item .grid-item-details .content-standard .cv-grid .cv-section div strong.sub, .content-standard .cv-grid .cv-section div .grid .grid-item .grid-item-details strong.sub, .grid .grid-item .grid-item-details .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong.sub, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .grid .grid-item .grid-item-details strong.sub, .grid .grid-item .grid-item-details .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong.sub, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .grid .grid-item .grid-item-details strong.sub, .grid .grid-item .grid-item-details .cv-grid .cv-section .work-single .work-single-description div strong.sub, .cv-grid .cv-section .work-single .work-single-description div .grid .grid-item .grid-item-details strong.sub, .grid .grid-item .grid-item-details .work-single .work-single-description .cv-grid .cv-section div strong.sub, .work-single .work-single-description .cv-grid .cv-section div .grid .grid-item .grid-item-details strong.sub, .grid .grid-item .grid-item-details .cv-grid .cv-section .gform_confirmation_message strong.sub, .cv-grid .cv-section .gform_confirmation_message .grid .grid-item .grid-item-details strong.sub { color: #666; } .grid .grid-item .grid-item-details .grid-item-details-spacer { float: left; width: 100%; position: relative; display: none; } .grid .grid-item .grid-item-details .grid-item-details-spacer img { width: 100%; float: left; } .grid .grid-item .grid-item-details .grid-item-details-text { float: left; width: 100%; height: 100%; padding: 60px 10%; background-color: rgba(255, 255, 255, 0.91); } .grid .grid-item .grid-item-details .grid-item-details-text .grid-item-details-text-title { margin-bottom: 20px; } .grid .grid-item .grid-item-details .grid-item-zoom { background-color: red; width: 60px; height: 60px; position: absolute; bottom: -30px; right: 0; } .work-single { max-width: 3000px; margin-left: auto; margin-right: auto; background-color: #fff; position: relative; } .work-single:after { content: ""; display: table; clear: both; } .work-single .soldout { color: #D0221B; } .work-single .work-single-icon-button { display: inline-block; text-align: right; position: absolute; bottom: 0px; left: 50%; } .work-single .work-single-icon-button a { display: block; padding: 15px 0; width: 200px; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; background-color: #D0221B; color: #fff; font-size: 8px; font-size: 0.8rem; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); margin-left: -100px; } .work-single .work-single-icon-button a:hover { width: 250px; margin-left: -125px; } .work-single .work-single-image { float: left; width: 100%; position: relative; overflow: hidden; text-align: center; } .work-single .work-single-image .work-single-image-wrapper { float: left; width: 100%; height: 100%; } .work-single .work-single-image .work-single-image-wrapper.video-type { float: left; width: 100%; height: auto; margin: 0; } @media screen and (min-width: 1024px) { .work-single .work-single-image .work-single-image-wrapper.video-type { float: left; width: 60%; margin: 0 20%; } } @media screen and (min-width: 1281px) { .work-single .work-single-image .work-single-image-wrapper.video-type { float: left; width: 50%; margin: 0 25%; } } .work-single .work-single-image .single-image { opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .single .work-single .work-single-image .single-image { padding-top: 20px; } .work-single .work-single-image .single-image.active { opacity: 1; } .work-single .work-single-info { float: left; float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; text-align: center; margin-top: 50px; margin-bottom: 50px; } .work-single .work-single-info:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .work-single .work-single-info { float: left; display: block; margin-right: 1.165091401%; width: 19.9109693076%; position: absolute; bottom: 30px; left: 40px; text-align: left; margin: 0; } .work-single .work-single-info:last-child { margin-right: 0; } } .work-single .work-single-info h5, .work-single .work-single-info .work-sort .work-sort-search label, .work-sort .work-sort-search .work-single .work-single-info label, .work-single .work-single-info .work-sort .work-sort-subcats li:first-child, .work-sort .work-sort-subcats .work-single .work-single-info li:first-child, .work-single .work-single-info .cv-grid .cv-section p b, .cv-grid .cv-section p .work-single .work-single-info b, .work-single .work-single-info .cv-grid .cv-section .content-standard div b, .cv-grid .cv-section .content-standard div .work-single .work-single-info b, .work-single .work-single-info .content-standard .cv-grid .cv-section div b, .content-standard .cv-grid .cv-section div .work-single .work-single-info b, .work-single .work-single-info .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .work-single .work-single-info b, .work-single .work-single-info .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .work-single .work-single-info b, .cv-grid .cv-section .work-single .work-single-info .work-single-description div b, .cv-grid .cv-section .work-single .work-single-description div .work-single-info b, .work-single .work-single-info .work-single-description .cv-grid .cv-section div b, .work-single .work-single-description .cv-grid .cv-section div .work-single-info b, .work-single .work-single-info .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section .gform_confirmation_message .work-single .work-single-info b, .work-single .work-single-info .cv-grid .cv-section p strong, .cv-grid .cv-section p .work-single .work-single-info strong, .work-single .work-single-info .cv-grid .cv-section .content-standard div strong, .cv-grid .cv-section .content-standard div .work-single .work-single-info strong, .work-single .work-single-info .content-standard .cv-grid .cv-section div strong, .content-standard .cv-grid .cv-section div .work-single .work-single-info strong, .work-single .work-single-info .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .work-single .work-single-info strong, .work-single .work-single-info .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .work-single .work-single-info strong, .cv-grid .cv-section .work-single .work-single-info .work-single-description div strong, .cv-grid .cv-section .work-single .work-single-description div .work-single-info strong, .work-single .work-single-info .work-single-description .cv-grid .cv-section div strong, .work-single .work-single-description .cv-grid .cv-section div .work-single-info strong, .work-single .work-single-info .cv-grid .cv-section .gform_confirmation_message strong, .cv-grid .cv-section .gform_confirmation_message .work-single .work-single-info strong { padding: 10px 0; } .work-single .work-single-info h3 { color: #999; line-height: 1; } .work-single .work-single-info p, .work-single .work-single-info .content-standard div, .content-standard .work-single .work-single-info div, .work-single .work-single-info .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .work-single .work-single-info div, .work-single .work-single-info .work-single-description div, .work-single .work-single-description .work-single-info div, .work-single .work-single-info .gform_confirmation_message { line-height: 1.4; color: #999; font-size: 8.5px; font-size: 0.85rem; margin-bottom: 0; } .work-single .work-single-description { float: left; display: block; margin-right: 1.165091401%; width: 100%; padding: 65px 0; border-top: 1px solid #ededed; background-color: #fff; } .work-single .work-single-description:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .work-single .work-single-description { padding: 100px 0; } } .work-single .work-single-description .work-single-description-text { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .work-single .work-single-description .work-single-description-text:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .work-single .work-single-description .work-single-description-text { float: left; display: block; margin-right: 1.165091401%; width: 40.9870300161%; margin-left: 29.5064849919%; } .work-single .work-single-description .work-single-description-text:last-child { margin-right: 0; } } .work-single .work-single-description .work-single-description-text a { color: #D0221B; } .work-single .work-single-description .work-single-description-text img { width: 100%; height: auto; } .work-single .work-single-icons { float: left; color: #ededed; width: 100%; background-color: #fff; height: 80px; bottom: 0; } .archive .work-single .work-single-icons .icon-all, .single-exhibition .work-single .work-single-icons .icon-all, .videos .work-single .work-single-icons .icon-all, .single-video .work-single .work-single-icons .icon-all { display: none; } @media screen and (min-width: 1024px) { .work-single .work-single-icons { position: absolute; right: 50px; background-color: transparent; bottom: 30px; border-top: 0px solid #333; width: auto; height: auto; } } .work-single .work-single-icons .work-single-icon { display: inline-block; text-align: right; margin: 20px 5px; position: relative; } @media screen and (min-width: 1024px) { .work-single .work-single-icons .work-single-icon { margin: 20px 5px; } } .work-single .work-single-icons .work-single-icon:hover .work-single-icon-hover { opacity: 1; top: -45px; z-index: 9999; min-height: 10px; height: auto; } .work-single .work-single-icons .work-single-icon:hover .work-single-icon-hover.social-icons { top: -223px; } .work-single .work-single-icons .work-single-icon:hover .work-single-icon-hover .social-block { float: left; width: 70px; height: 70px; background-color: blue; } .work-single .work-single-icons .work-single-icon:hover .work-single-icon-hover .social-block img { float: left; width: 70px; height: 70px; } .work-single .work-single-icons .work-single-icon:hover .work-single-icon-hover .social-block.twitter { background-color: #55acee; } .work-single .work-single-icons .work-single-icon:hover .work-single-icon-hover .social-block.facebook { background-color: #3a5795; } .work-single .work-single-icons .work-single-icon:hover .work-single-icon-hover .social-block.pinterest { background-color: #c92228; } .work-single .work-single-icons .work-single-icon a { color: #ededed; text-decoration: none; z-index: 999; } .work-single .work-single-icons .work-single-icon .work-single-icon-hover { height: 0; border-bottom: 15px solid #fff; opacity: 0; position: absolute; top: -35px; left: -20px; background-color: #D0221B; text-align: center; padding: 8px 10px 10px; color: white; font-size: 8px; font-size: 0.8rem; width: 70px; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .work-single .work-single-icons .work-single-icon .work-single-icon-hover:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #D0221B; border-width: 5px; margin-left: -5px; } .work-single .work-single-icons .work-single-icon .work-single-icon-hover.social-icons { top: -200px; padding: 0; } .work-single .work-single-icons .work-single-icon img { width: 30px; height: 30px; } .work-single .work-single-previous { float: left; width: 80px; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); clear: both; display: inline-block; position: relative; z-index: 999; } @media screen and (min-width: 1024px) { .work-single .work-single-previous { top: 46%; left: -25px; position: absolute; width: 100px; } } .work-single .work-single-previous:hover { left: 0px; } .work-single .work-single-previous:hover img { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .work-single .work-single-previous img { width: 100%; height: auto; opacity: .6; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .work-single .work-single-next { float: right; width: 80px; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); display: inline-block; position: relative; z-index: 999; } @media screen and (min-width: 1024px) { .work-single .work-single-next { top: 46%; right: -25px; position: absolute; width: 100px; } } .work-single .work-single-next:hover { right: 0px; } .work-single .work-single-next:hover img { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .work-single .work-single-next img { width: 100%; height: auto; opacity: .6; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .work-modal { max-width: 3000px; margin-left: auto; margin-right: auto; background-color: #fff; height: 100%; } .work-modal:after { content: ""; display: table; clear: both; } .work-modal .work-modal-close { position: absolute; top: 30px; right: 30px; } .work-modal .work-modal-top { width: 100%; min-height: 100%; background-color: #fff; } .work-modal .work-modal-top .work-modal-info { position: absolute; bottom: 30px; float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .work-modal .work-modal-top .work-modal-info:last-child { margin-right: 0; } .work-modal .work-modal-top .work-modal-info .work-modal-info-title { text-align: left; float: left; display: block; margin-right: 1.2723564479%; width: 44.7605328466%; } .work-modal .work-modal-top .work-modal-info .work-modal-info-title:last-child { margin-right: 0; } .work-modal .work-modal-top .work-modal-info .work-modal-info-keys { text-align: center; float: left; display: block; margin-right: 1.2723564479%; width: 7.934221411%; } .work-modal .work-modal-top .work-modal-info .work-modal-info-keys:last-child { margin-right: 0; } .work-modal .work-modal-top .work-modal-info .work-modal-info-medium { text-align: right; float: left; display: block; margin-right: 1.2723564479%; width: 44.7605328466%; } .work-modal .work-modal-top .work-modal-info .work-modal-info-medium:last-child { margin-right: 0; } .work-modal .work-modal-top .work-modal-image { position: absolute; float: left; width: 100%; height: 100%; padding: 5% 5%; text-align: center; } .work-modal .work-modal-bottom { background-color: #ededed; max-width: 3000px; margin-left: auto; margin-right: auto; padding: 120px 0; } .work-modal .work-modal-bottom:after { content: ""; display: table; clear: both; } .work-modal .work-modal-bottom .work-modal-bottom-description { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .work-modal .work-modal-bottom .work-modal-bottom-description:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .work-modal .work-modal-bottom .work-modal-bottom-description { float: left; display: block; margin-right: 1.165091401%; width: 74.7087271498%; margin-left: 12.6456364251%; } .work-modal .work-modal-bottom .work-modal-bottom-description:last-child { margin-right: 0; } } @media screen and (min-width: 1281px) { .work-modal .work-modal-bottom .work-modal-bottom-description { float: left; display: block; margin-right: 1.165091401%; width: 49.4174542995%; margin-left: 25.2912728502%; } .work-modal .work-modal-bottom .work-modal-bottom-description:last-child { margin-right: 0; } } .work-modal .work-modal-bottom .work-modal-bottom-totop { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; padding: 120px 0 0; } .work-modal .work-modal-bottom .work-modal-bottom-totop:last-child { margin-right: 0; } .work-modal .work-modal-bottom .work-modal-bottom-totop h5, .work-modal .work-modal-bottom .work-modal-bottom-totop .work-sort .work-sort-search label, .work-sort .work-sort-search .work-modal .work-modal-bottom .work-modal-bottom-totop label, .work-modal .work-modal-bottom .work-modal-bottom-totop .work-sort .work-sort-subcats li:first-child, .work-sort .work-sort-subcats .work-modal .work-modal-bottom .work-modal-bottom-totop li:first-child, .work-modal .work-modal-bottom .work-modal-bottom-totop .cv-grid .cv-section p b, .cv-grid .cv-section p .work-modal .work-modal-bottom .work-modal-bottom-totop b, .work-modal .work-modal-bottom .work-modal-bottom-totop .cv-grid .cv-section .content-standard div b, .cv-grid .cv-section .content-standard div .work-modal .work-modal-bottom .work-modal-bottom-totop b, .work-modal .work-modal-bottom .work-modal-bottom-totop .content-standard .cv-grid .cv-section div b, .content-standard .cv-grid .cv-section div .work-modal .work-modal-bottom .work-modal-bottom-totop b, .work-modal .work-modal-bottom .work-modal-bottom-totop .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .work-modal .work-modal-bottom .work-modal-bottom-totop b, .work-modal .work-modal-bottom .work-modal-bottom-totop .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .work-modal .work-modal-bottom .work-modal-bottom-totop b, .work-modal .work-modal-bottom .work-modal-bottom-totop .cv-grid .cv-section .work-single .work-single-description div b, .cv-grid .cv-section .work-single .work-single-description div .work-modal .work-modal-bottom .work-modal-bottom-totop b, .work-modal .work-modal-bottom .work-modal-bottom-totop .work-single .work-single-description .cv-grid .cv-section div b, .work-single .work-single-description .cv-grid .cv-section div .work-modal .work-modal-bottom .work-modal-bottom-totop b, .work-modal .work-modal-bottom .work-modal-bottom-totop .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section .gform_confirmation_message .work-modal .work-modal-bottom .work-modal-bottom-totop b, .work-modal .work-modal-bottom .work-modal-bottom-totop .cv-grid .cv-section p strong, .cv-grid .cv-section p .work-modal .work-modal-bottom .work-modal-bottom-totop strong, .work-modal .work-modal-bottom .work-modal-bottom-totop .cv-grid .cv-section .content-standard div strong, .cv-grid .cv-section .content-standard div .work-modal .work-modal-bottom .work-modal-bottom-totop strong, .work-modal .work-modal-bottom .work-modal-bottom-totop .content-standard .cv-grid .cv-section div strong, .content-standard .cv-grid .cv-section div .work-modal .work-modal-bottom .work-modal-bottom-totop strong, .work-modal .work-modal-bottom .work-modal-bottom-totop .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .work-modal .work-modal-bottom .work-modal-bottom-totop strong, .work-modal .work-modal-bottom .work-modal-bottom-totop .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .work-modal .work-modal-bottom .work-modal-bottom-totop strong, .work-modal .work-modal-bottom .work-modal-bottom-totop .cv-grid .cv-section .work-single .work-single-description div strong, .cv-grid .cv-section .work-single .work-single-description div .work-modal .work-modal-bottom .work-modal-bottom-totop strong, .work-modal .work-modal-bottom .work-modal-bottom-totop .work-single .work-single-description .cv-grid .cv-section div strong, .work-single .work-single-description .cv-grid .cv-section div .work-modal .work-modal-bottom .work-modal-bottom-totop strong, .work-modal .work-modal-bottom .work-modal-bottom-totop .cv-grid .cv-section .gform_confirmation_message strong, .cv-grid .cv-section .gform_confirmation_message .work-modal .work-modal-bottom .work-modal-bottom-totop strong { text-align: center; } /* fine art small grid */ .grid-wrapper h2 { clear: both; } .category-grid-items { float: left; width: 100%; padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #ededed; } .category-grid-item { float: left; width: 23.5%; margin-right: 2%; margin-bottom: 20px; } .category-grid-item:nth-child(4n) { margin-right: 0; } @media screen and (min-width: 768px) { .category-grid-item { width: 15%; margin-right: 2%; margin-bottom: 30px; } .category-grid-item:nth-child(4n) { margin-right: 2%; } .category-grid-item:nth-child(6n) { margin-right: 0; } } .category-grid-item.viewall { background-color: #ededed; text-align: center; position: relative; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; } .category-grid-item.viewall:hover { background-color: #D0221B; } .category-grid-item.viewall:hover h3 { color: #fff; } .category-grid-item.viewall h3 { left: 0; width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 1; color: #999; } .category-grid-item.viewall img { position: relative; z-index: 2; width: 100%; } .category-grid-item .grid-item-image { background-position: center center; background-size: cover; position: relative; overflow: hidden; } .category-grid-item .grid-item-image:hover .category-grid-zoom { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } .category-grid-item .grid-item-image .category-grid-zoom { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7) url("../img/icon-zoom-gray.svg") no-repeat center center; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; } .creator-content { background-color: #f9f9f9; max-width: 3000px; margin-left: auto; margin-right: auto; position: relative; } @media screen and (min-width: 1024px) { .creator-content:after { content: ""; display: table; clear: both; } } .creator-content:after { content: ""; display: table; clear: both; } .creator-content .creator-standard, .creator-content .creator-grid, .creator-content .creator-gallery-grid { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; border-bottom: 1px solid #ededed; padding: 40px 0; } @media screen and (min-width: 1024px) { .creator-content .creator-standard { float: right; display: block; margin-right: 1.165091401%; width: 70.5825457005%; margin-left: 1.9109693076%; } } .creator-content .creator-standard-image { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; border-bottom: 1px solid #ededed; padding: 40px 0; } .creator-content .creator-standard-image:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-standard-image { display: block; padding: 100px 0 80px; } .creator-content .creator-standard-image:last-child { margin-right: 0; } } .creator-content .creator-standard-image .creator-standard-image-left { float: left; display: block; margin-right: 1.2723564479%; width: 100%; } .creator-content .creator-standard-image .creator-standard-image-left:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-standard-image .creator-standard-image-left { float: left; display: block; margin-right: 1.6527639469%; width: 64.1225539011%; } .creator-content .creator-standard-image .creator-standard-image-left:last-child { margin-right: 0; } } .creator-content .creator-standard-image .creator-standard-image-right { float: left; display: block; margin-right: 1.2723564479%; width: 100%; } .creator-content .creator-standard-image .creator-standard-image-right:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-standard-image .creator-standard-image-right { float: left; display: block; margin-right: 1.6527639469%; width: 28.2451078022%; margin-left: 5.9795743498%; } .creator-content .creator-standard-image .creator-standard-image-right:last-child { margin-right: 0; } } .creator-content .creator-feature { float: left; display: block; margin-right: 1.165091401%; width: 100%; height: 400px; background: url("../img/temp-featurephoto.jpg") center center; background-size: cover; } .creator-content .creator-feature:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-feature { height: 700px; } } @media screen and (min-width: 1281px) { .creator-content .creator-feature { height: 850px; } } @media screen and (min-width: 1281px) { .creator-content .creator-feature.fixed { background-attachment: fixed; } } .creator-content .creator-feature .creator-feature-content { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .creator-content .creator-feature .creator-feature-content:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-feature .creator-feature-content { float: left; display: block; margin-right: 1.165091401%; width: 70.4935150081%; margin-left: 25.2912728502%; } .creator-content .creator-feature .creator-feature-content:last-child { margin-right: 0; } } .creator-content .creator-feature .creator-feature-content span { color: #D0221B; } .creator-content .creator-feature .creator-feature-content .button-standard { margin: 20px 0 0; border-color: #D0221B; color: #D0221B; background-color: transparent; } @media screen and (min-width: 1024px) { .creator-content .creator-standard-image, .creator-content .creator-grid, .creator-content .creator-gallery-grid, .creator-content .creator-postlist, .creator-content .creator-blockquote { float: left; margin-right: 1.165091401%; width: 70.5825457005%; margin-left: 1.9109693076%; } } .creator-content .creator-grid .creator-grid-item { padding: 0 0 15px 0; } @media screen and (min-width: 1024px) { .creator-content .creator-grid .creator-grid-item { padding: 0 0 40px 0; } } .creator-content .creator-grid .grid-two { width: 100%; } .creator-content .creator-grid .grid-two .creator-grid-item { float: left; display: block; margin-right: 1.2723564479%; width: 100%; } .creator-content .creator-grid .grid-two .creator-grid-item:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-grid .grid-two .creator-grid-item { float: left; display: block; margin-right: 1.6527639469%; width: 46.1838308516%; margin-left: 5.9795743498%; } .creator-content .creator-grid .grid-two .creator-grid-item:last-child { margin-right: 0; } } .creator-content .creator-grid .grid-two .creator-grid-item:nth-child(2n+1) { margin-left: 0%; margin-right: 0; clear: both; } .creator-content .creator-grid .grid-three { width: 100%; } .creator-content .creator-grid .grid-three .creator-grid-item { float: left; display: block; margin-right: 1.2723564479%; width: 100%; } .creator-content .creator-grid .grid-three .creator-grid-item:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-grid .grid-three .creator-grid-item { float: left; display: block; margin-right: 1.6527639469%; width: 28.2451078022%; margin-left: 5.9795743498%; } .creator-content .creator-grid .grid-three .creator-grid-item:last-child { margin-right: 0; } } .creator-content .creator-grid .grid-three .creator-grid-item:nth-child(3n+1) { margin-left: 0%; clear: both; } .creator-content .creator-grid .grid-three .creator-grid-item:nth-child(3n) { margin-right: 0; } .creator-content .creator-postlist { float: left; display: block; margin-right: 1.165091401%; width: 70%; margin-left: 4.2152121417%; border-bottom: 1px solid #ededed; padding: 40px 0; } .creator-content .creator-postlist:last-child { margin-right: 0; } .creator-content .creator-postlist h2 { clear: both; padding-top: 70px; } .creator-content .creator-postlist h2:first-child { padding-top: 0; } .creator-content .creator-postlist .creator-postlist-item { float: left; display: block; margin-right: 1.2723564479%; width: 100%; border-top: 1px solid #ededed; margin-bottom: 40px; } .creator-content .creator-postlist .creator-postlist-item:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-postlist .creator-postlist-item { float: left; display: block; margin-right: 1.6527639469%; width: 46.1838308516%; margin-left: 0%; } .creator-content .creator-postlist .creator-postlist-item:last-child { margin-right: 0; } .creator-content .creator-postlist .creator-postlist-item.omega { margin-left: 5.9795743498%; margin-right: 0; } } .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-image { float: left; display: block; margin-right: 1.2723564479%; width: 35.5539549877%; position: relative; } .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-image:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-image { float: left; display: block; margin-right: 3.5786636068%; width: 35.2633352458%; } .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-image:last-child { margin-right: 0; } } .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-image img { float: left; width: 100%; } .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-image .creator-postlist-item-type { position: absolute; bottom: 0; right: 0; width: 35px; height: 35px; background-color: #D0221B; } .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-image .creator-postlist-item-image-video { position: absolute; top: 0; left: 0; width: 100%; } .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-info { padding-top: 20px; float: left; display: block; margin-right: 1.2723564479%; width: 58.5703996349%; margin-left: 4.6032889295%; } .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-info:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-info { float: left; display: block; margin-right: 3.5786636068%; width: 61.1580011475%; margin-left: 0%; } .creator-content .creator-postlist .creator-postlist-item .creator-postlist-item-info:last-child { margin-right: 0; } } .creator-content .creator-blockquote { float: left; display: block; margin-right: 1.165091401%; width: 70%; margin-left: 29%; border-bottom: 1px solid #ededed; padding: 40px 0; } .creator-content .creator-blockquote:last-child { margin-right: 0; } .creator-content .creator-blockquote blockquote { font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, Serif; text-transform: none; letter-spacing: .8; font-size: 14px; font-size: 1.4rem; line-height: 1.4; } @media screen and (min-width: 1024px) { .creator-content .creator-blockquote blockquote { font-size: 24px; font-size: 2.4rem; } } .creator-content .creator-gallery-grid.creator-gallery-grid-wide { background-color: #fff; padding: 100px 0 150px; } @media screen and (min-width: 1024px) { .creator-content .creator-gallery-grid.creator-gallery-grid-wide { float: left; display: block; margin-right: 1.165091401%; width: 100%; margin-left: 0%; padding-left: 4.2152121417%; padding-right: 4.2152121417%; margin-right: 1.165091401%; } .creator-content .creator-gallery-grid.creator-gallery-grid-wide:last-child { margin-right: 0; } } .creator-content .creator-gallery-grid.creator-gallery-grid-wide .creator-gallery-grid-item { float: left; display: block; margin-right: 1.2723564479%; width: 100%; margin-bottom: 40px; } .creator-content .creator-gallery-grid.creator-gallery-grid-wide .creator-gallery-grid-item:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-gallery-grid.creator-gallery-grid-wide .creator-gallery-grid-item { width: 25%; padding: 0 1%; margin: 0 0 40px 0; clear: none; } } .creator-content .creator-gallery-grid.creator-gallery-grid-wide .creator-gallery-grid-item:nth-child(3n+1) { clear: none; } .creator-content .creator-gallery-grid .creator-gallery-grid-item { float: left; display: block; margin-right: 1.2723564479%; width: 100%; margin-bottom: 40px; } .creator-content .creator-gallery-grid .creator-gallery-grid-item:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .creator-content .creator-gallery-grid .creator-gallery-grid-item { float: left; display: block; margin-right: 1.6527639469%; width: 28.2451078022%; margin-left: 5.9795743498%; } .creator-content .creator-gallery-grid .creator-gallery-grid-item:last-child { margin-right: 0; } } .creator-content .creator-gallery-grid .creator-gallery-grid-item:nth-child(3n+1) { margin-left: 0%; clear: both; } .creator-content .creator-gallery-grid .creator-gallery-grid-item:nth-child(3n) { margin-right: 0; } .creator-content .creator-gallery-grid .creator-gallery-grid-item img { width: 100%; } .posttype-grid { max-width: 3000px; margin-left: auto; margin-right: auto; padding: 60px 0 120px 0; background-color: purple; } .posttype-grid:after { content: ""; display: table; clear: both; } .posttype-grid .grid-wrapper { float: left; display: block; margin-right: 1.165091401%; width: 70.4935150081%; margin-left: 25.2912728502%; } .posttype-grid .grid-wrapper:last-child { margin-right: 0; } .posttype-grid .grid-item { float: left; display: block; margin-right: 1.6527639469%; width: 28.2451078022%; margin-left: 5.9795743498%; position: relative; margin-bottom: 60px; cursor: pointer; } .posttype-grid .grid-item:last-child { margin-right: 0; } .posttype-grid .grid-item:nth-child(3n+1) { margin-left: 0%; } .posttype-grid .grid-item:nth-child(3n) { margin-right: 0; } .posttype-grid .grid-item .grid-item-image { float: left; width: 100%; } .posttype-grid .grid-item .grid-item-image img { width: 100%; float: left; } .posttype-grid .grid-item.active .grid-item-details { opacity: 1; } .posttype-grid .grid-item .grid-item-details { float: left; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .posttype-grid .grid-item .grid-item-details h5, .posttype-grid .grid-item .grid-item-details .work-sort .work-sort-search label, .work-sort .work-sort-search .posttype-grid .grid-item .grid-item-details label, .posttype-grid .grid-item .grid-item-details .work-sort .work-sort-subcats li:first-child, .work-sort .work-sort-subcats .posttype-grid .grid-item .grid-item-details li:first-child, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section p b, .cv-grid .cv-section p .posttype-grid .grid-item .grid-item-details b, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .content-standard div b, .cv-grid .cv-section .content-standard div .posttype-grid .grid-item .grid-item-details b, .posttype-grid .grid-item .grid-item-details .content-standard .cv-grid .cv-section div b, .content-standard .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details b, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .posttype-grid .grid-item .grid-item-details b, .posttype-grid .grid-item .grid-item-details .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details b, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .work-single .work-single-description div b, .cv-grid .cv-section .work-single .work-single-description div .posttype-grid .grid-item .grid-item-details b, .posttype-grid .grid-item .grid-item-details .work-single .work-single-description .cv-grid .cv-section div b, .work-single .work-single-description .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details b, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section .gform_confirmation_message .posttype-grid .grid-item .grid-item-details b, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section p strong, .cv-grid .cv-section p .posttype-grid .grid-item .grid-item-details strong, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .content-standard div strong, .cv-grid .cv-section .content-standard div .posttype-grid .grid-item .grid-item-details strong, .posttype-grid .grid-item .grid-item-details .content-standard .cv-grid .cv-section div strong, .content-standard .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details strong, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .posttype-grid .grid-item .grid-item-details strong, .posttype-grid .grid-item .grid-item-details .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details strong, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .work-single .work-single-description div strong, .cv-grid .cv-section .work-single .work-single-description div .posttype-grid .grid-item .grid-item-details strong, .posttype-grid .grid-item .grid-item-details .work-single .work-single-description .cv-grid .cv-section div strong, .work-single .work-single-description .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details strong, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .gform_confirmation_message strong, .cv-grid .cv-section .gform_confirmation_message .posttype-grid .grid-item .grid-item-details strong { color: #D0221B; } .posttype-grid .grid-item .grid-item-details h5.sub, .posttype-grid .grid-item .grid-item-details .work-sort .work-sort-search label.sub, .work-sort .work-sort-search .posttype-grid .grid-item .grid-item-details label.sub, .posttype-grid .grid-item .grid-item-details .work-sort .work-sort-subcats li.sub:first-child, .work-sort .work-sort-subcats .posttype-grid .grid-item .grid-item-details li.sub:first-child, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section p b.sub, .cv-grid .cv-section p .posttype-grid .grid-item .grid-item-details b.sub, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .content-standard div b.sub, .cv-grid .cv-section .content-standard div .posttype-grid .grid-item .grid-item-details b.sub, .posttype-grid .grid-item .grid-item-details .content-standard .cv-grid .cv-section div b.sub, .content-standard .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details b.sub, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b.sub, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .posttype-grid .grid-item .grid-item-details b.sub, .posttype-grid .grid-item .grid-item-details .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b.sub, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details b.sub, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .work-single .work-single-description div b.sub, .cv-grid .cv-section .work-single .work-single-description div .posttype-grid .grid-item .grid-item-details b.sub, .posttype-grid .grid-item .grid-item-details .work-single .work-single-description .cv-grid .cv-section div b.sub, .work-single .work-single-description .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details b.sub, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .gform_confirmation_message b.sub, .cv-grid .cv-section .gform_confirmation_message .posttype-grid .grid-item .grid-item-details b.sub, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section p strong.sub, .cv-grid .cv-section p .posttype-grid .grid-item .grid-item-details strong.sub, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .content-standard div strong.sub, .cv-grid .cv-section .content-standard div .posttype-grid .grid-item .grid-item-details strong.sub, .posttype-grid .grid-item .grid-item-details .content-standard .cv-grid .cv-section div strong.sub, .content-standard .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details strong.sub, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong.sub, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .posttype-grid .grid-item .grid-item-details strong.sub, .posttype-grid .grid-item .grid-item-details .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong.sub, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details strong.sub, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .work-single .work-single-description div strong.sub, .cv-grid .cv-section .work-single .work-single-description div .posttype-grid .grid-item .grid-item-details strong.sub, .posttype-grid .grid-item .grid-item-details .work-single .work-single-description .cv-grid .cv-section div strong.sub, .work-single .work-single-description .cv-grid .cv-section div .posttype-grid .grid-item .grid-item-details strong.sub, .posttype-grid .grid-item .grid-item-details .cv-grid .cv-section .gform_confirmation_message strong.sub, .cv-grid .cv-section .gform_confirmation_message .posttype-grid .grid-item .grid-item-details strong.sub { color: #666; } .posttype-grid .grid-item .grid-item-details .grid-item-details-spacer { float: left; width: 100%; position: relative; display: none; } .posttype-grid .grid-item .grid-item-details .grid-item-details-spacer img { width: 100%; float: left; } .posttype-grid .grid-item .grid-item-details .grid-item-details-text { float: left; width: 100%; height: 100%; padding: 60px 10%; background-color: rgba(255, 255, 255, 0.91); } .posttype-grid .grid-item .grid-item-details .grid-item-details-text .title { margin-bottom: 20px; } .posttype-grid .grid-item .grid-item-details .grid-item-zoom { background-color: red; width: 60px; height: 60px; position: absolute; bottom: -30px; right: 0; } .sightings footer { display: none; } .sightings { background-color: #ededed; } .sight { max-width: 3000px; margin-left: auto; margin-right: auto; height: 85%; position: relative; border-bottom: 1px solid #ededed; overflow: hidden; max-width: 1800px; } .sight:after { content: ""; display: table; clear: both; } .sight .sight-tab { background-color: #D0221B; float: left; display: block; margin-right: 1.165091401%; width: 49.4174542995%; margin-right: 0; position: absolute; top: 0; right: 0; z-index: 2; } .sight .sight-tab:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .sight .sight-tab { float: left; display: block; margin-right: 1.165091401%; width: 32.5566057327%; margin-right: 0; } .sight .sight-tab:last-child { margin-right: 0; } } @media screen and (min-width: 1441px) { .sight .sight-tab { float: left; display: block; margin-right: 1.165091401%; width: 24.1261814493%; margin-right: 0; } .sight .sight-tab:last-child { margin-right: 0; } } .sight .sight-tab a { float: left; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; color: #fff; text-decoration: none; width: 100%; padding: 15px; letter-spacing: 1px; } @media screen and (min-width: 1281px) { .sight .sight-tab a { padding: 22px; } } .sight .sight-map { float: left; display: block; margin-right: 1.165091401%; width: 100%; max-width: 1800px; margin: 0 auto; height: 100%; } .sight .sight-map:last-child { margin-right: 0; } .sight .sight-map img { max-width: none; } .sight #map-canvas .cluster { font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif !important; } .sight .sight-latest-panel { background-color: #D0221B; float: left; display: block; margin-right: 1.165091401%; width: 100%; margin-right: 0; position: absolute; z-index: 3; top: 0; right: -100%; height: 100%; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); padding: 50px 0; overflow: scroll; -webkit-overflow-scrolling: touch; } .sight .sight-latest-panel:last-child { margin-right: 0; } @media screen and (min-width: 1281px) { .sight .sight-latest-panel { float: left; display: block; margin-right: 1.165091401%; width: 66.2783028663%; margin-left: 33.7216971337%; margin-right: 0; } .sight .sight-latest-panel:last-child { margin-right: 0; } } .sight .sight-latest-panel.active { right: 0; } .sight .sight-latest-panel .sight-latest-panel-top { float: left; width: 100%; margin-bottom: 40px; } .sight .sight-latest-panel .sight-latest-panel-top h2 { color: #fff; } .sight .sight-latest-panel .sight-latest-panel-top .sight-latest-panel-title { float: left; display: block; margin-right: 1.7578775415%; width: 68.2006632683%; margin-left: 6.3598673463%; } .sight .sight-latest-panel .sight-latest-panel-top .sight-latest-panel-title:last-child { margin-right: 0; } .sight .sight-latest-panel .sight-latest-panel-top .sight-latest-panel-close { float: left; display: block; margin-right: 1.7578775415%; width: 17.3217244976%; text-align: right; } .sight .sight-latest-panel .sight-latest-panel-top .sight-latest-panel-close:last-child { margin-right: 0; } .sight .sight-latest-panel .sight-latest-panel-item { float: left; display: block; margin-right: 1.7578775415%; width: 87.2802653073%; margin-left: 6.3598673463%; border-top: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 30px; cursor: pointer; } .sight .sight-latest-panel .sight-latest-panel-item:last-child { margin-right: 0; } .sight .sight-latest-panel .sight-latest-panel-item:hover { background-color: #c22019; } @media screen and (min-width: 1024px) { .sight .sight-latest-panel .sight-latest-panel-item { float: left; display: block; margin-right: 1.7578775415%; width: 42.7611938829%; margin-left: 0%; padding-bottom: 60px; } .sight .sight-latest-panel .sight-latest-panel-item:last-child { margin-right: 0; } .sight .sight-latest-panel .sight-latest-panel-item:nth-child(2n+1) { margin-left: 6.3598673463%; } } .sight .sight-latest-panel .sight-latest-panel-item .sight-latest-panel-item-image { float: left; width: 30%; } .sight .sight-latest-panel .sight-latest-panel-item .sight-latest-panel-item-info { float: left; width: 60%; margin-left: 10%; padding-top: 20px; } .sight .sight-latest-panel .sight-latest-panel-item .sight-latest-panel-item-info h6 { margin-bottom: 2px; color: #fff; } .sight .sight-latest-panel .sight-latest-panel-item .sight-latest-panel-item-info h3 { margin-bottom: 0; line-height: 1; color: #fff; } .sight .sight-latest-panel .sight-latest-panel-item .sight-latest-panel-item-info h3.city { color: rgba(0, 0, 0, 0.4); } .sight .sight-panel { background-color: #fff; float: left; display: block; margin-right: 1.165091401%; width: 100%; margin-right: 0; position: absolute; z-index: 2; top: 0; right: -1200px; height: 100%; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .sight .sight-panel:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .sight .sight-panel { float: left; display: block; margin-right: 1.165091401%; width: 66.2783028663%; margin-left: 33.7216971337%; margin-right: 0; } .sight .sight-panel:last-child { margin-right: 0; } } .sight .sight-panel.active { right: 0; } .sight .sight-panel .sight-panel-top { height: 20%; padding: 0 5%; } .sight .sight-panel .sight-panel-top .sight-panel-title { float: left; display: block; margin-right: 1.165091401%; width: 70.4935150081%; margin-left: 4.2152121417%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #D0221B; } .sight .sight-panel .sight-panel-top .sight-panel-title:last-child { margin-right: 0; } .sight .sight-panel .sight-panel-top .sight-panel-title h3, .sight .sight-panel .sight-panel-top .sight-panel-title h5, .sight .sight-panel .sight-panel-top .sight-panel-title .work-sort .work-sort-search label, .work-sort .work-sort-search .sight .sight-panel .sight-panel-top .sight-panel-title label, .sight .sight-panel .sight-panel-top .sight-panel-title .work-sort .work-sort-subcats li:first-child, .work-sort .work-sort-subcats .sight .sight-panel .sight-panel-top .sight-panel-title li:first-child, .sight .sight-panel .sight-panel-top .sight-panel-title .cv-grid .cv-section p b, .cv-grid .cv-section p .sight .sight-panel .sight-panel-top .sight-panel-title b, .sight .sight-panel .sight-panel-top .sight-panel-title .cv-grid .cv-section .content-standard div b, .cv-grid .cv-section .content-standard div .sight .sight-panel .sight-panel-top .sight-panel-title b, .sight .sight-panel .sight-panel-top .sight-panel-title .content-standard .cv-grid .cv-section div b, .content-standard .cv-grid .cv-section div .sight .sight-panel .sight-panel-top .sight-panel-title b, .sight .sight-panel .sight-panel-top .sight-panel-title .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .sight .sight-panel .sight-panel-top .sight-panel-title b, .sight .sight-panel .sight-panel-top .sight-panel-title .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .sight .sight-panel .sight-panel-top .sight-panel-title b, .sight .sight-panel .sight-panel-top .sight-panel-title .cv-grid .cv-section .work-single .work-single-description div b, .cv-grid .cv-section .work-single .work-single-description div .sight .sight-panel .sight-panel-top .sight-panel-title b, .sight .sight-panel .sight-panel-top .sight-panel-title .work-single .work-single-description .cv-grid .cv-section div b, .work-single .work-single-description .cv-grid .cv-section div .sight .sight-panel .sight-panel-top .sight-panel-title b, .sight .sight-panel .sight-panel-top .sight-panel-title .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section .gform_confirmation_message .sight .sight-panel .sight-panel-top .sight-panel-title b, .sight .sight-panel .sight-panel-top .sight-panel-title .cv-grid .cv-section p strong, .cv-grid .cv-section p .sight .sight-panel .sight-panel-top .sight-panel-title strong, .sight .sight-panel .sight-panel-top .sight-panel-title .cv-grid .cv-section .content-standard div strong, .cv-grid .cv-section .content-standard div .sight .sight-panel .sight-panel-top .sight-panel-title strong, .sight .sight-panel .sight-panel-top .sight-panel-title .content-standard .cv-grid .cv-section div strong, .content-standard .cv-grid .cv-section div .sight .sight-panel .sight-panel-top .sight-panel-title strong, .sight .sight-panel .sight-panel-top .sight-panel-title .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .sight .sight-panel .sight-panel-top .sight-panel-title strong, .sight .sight-panel .sight-panel-top .sight-panel-title .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .sight .sight-panel .sight-panel-top .sight-panel-title strong, .sight .sight-panel .sight-panel-top .sight-panel-title .cv-grid .cv-section .work-single .work-single-description div strong, .cv-grid .cv-section .work-single .work-single-description div .sight .sight-panel .sight-panel-top .sight-panel-title strong, .sight .sight-panel .sight-panel-top .sight-panel-title .work-single .work-single-description .cv-grid .cv-section div strong, .work-single .work-single-description .cv-grid .cv-section div .sight .sight-panel .sight-panel-top .sight-panel-title strong, .sight .sight-panel .sight-panel-top .sight-panel-title .cv-grid .cv-section .gform_confirmation_message strong, .cv-grid .cv-section .gform_confirmation_message .sight .sight-panel .sight-panel-top .sight-panel-title strong { margin-bottom: 0; } .sight .sight-panel .sight-panel-top .sight-panel-title span { color: #000; } .sight .sight-panel .sight-panel-top .sight-panel-close { text-align: right; @incluce span-columns(5); position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sight .sight-panel .sight-panel-gallery { float: left; width: 100%; height: 80%; text-align: center; background-color: #000; overflow: hidden; position: relative; } .sight .sight-panel .sight-panel-gallery img { display: block; width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; position: static; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; object-fit: contain; } .sight .sight-panel .sight-panel-gallery .sight-panel-gallery-item { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .sight .sight-panel .sight-panel-gallery .arrow { background-position: center center; background-repeat: no-repeat; background-size: 25px; top: 50%; transition: translateY(-50%); position: absolute; width: 25px; height: 53px; z-index: 1; } .sight .sight-panel .sight-panel-gallery .prev-arrow { background-image: url("../img/icon-map-arrow-left.svg"); left: 5%; } .sight .sight-panel .sight-panel-gallery .next-arrow { background-image: url("../img/icon-map-arrow-right.svg"); right: 5%; } .sight .sight-panel .sight-panel-gallery .owl-carousel, .sight .sight-panel .sight-panel-gallery .owl-stage-outer, .sight .sight-panel .sight-panel-gallery .owl-stage, .sight .sight-panel .sight-panel-gallery .owl-item { height: 100%; } .sight .sight-panel .sight-panel-gallery .owl-controls { position: static; } .sight .sight-panel .sight-panel-gallery .owl-dots { position: absolute; margin: 0; bottom: 20px; left: 0; width: 100%; } .sight .sight-panel .sight-panel-bottom { height: 10%; padding: 0 5%; } .sight .sight-panel .sight-panel-bottom .sight-panel-bottom-pagination { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); float: left; width: 80%; } .sight .sight-panel .sight-panel-bottom .sight-panel-bottom-arrows { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); float: left; text-align: right; width: 20%; } .exhibitions-grid { max-width: 3000px; margin-left: auto; margin-right: auto; padding: 60px 0; background-color: #fff; } .exhibitions-grid:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1024px) { .exhibitions-grid { padding: 100px 0; } } @media screen and (min-width: 1281px) { .exhibitions-grid { padding: 100px 0; } } .exhibitions-grid .grid-wrapper { width: 91.5695757166%; margin-left: 4.2152121417%; display: flex; flex-wrap: wrap; } .exhibitions-grid .grid-wrapper:last-child { margin-right: 0; } .exhibitions-grid .grid-item { display: flex; margin-right: 1.2723564479%; width: 100%; position: relative; margin-bottom: 80px; cursor: pointer; } .exhibitions-grid .grid-item:last-child { margin-right: 0; } .exhibitions-grid .grid-item>a { display: flex; flex-direction: column; width: 100%; } @media screen and (min-width: 768px) { .exhibitions-grid .grid-item { display: flex; margin-right: 1.2723564479%; width: 44.7605328466%; margin-left: 4.6032889295%; } .exhibitions-grid .grid-item:last-child { margin-right: 0; } .exhibitions-grid .grid-item:nth-child(odd) { margin-left: 0%; clear: both; } .exhibitions-grid .grid-item:nth-child(even) { clear: none; } } @media screen and (min-width: 1024px) { .exhibitions-grid .grid-item { display: flex; margin-right: 1.2723564479%; width: 26.3473771288%; margin-left: 9.2065778589%; } .exhibitions-grid .grid-item:last-child { margin-right: 0; } .exhibitions-grid .grid-item:nth-child(odd) { margin-left: 9.2065778589%; clear: none; } .exhibitions-grid .grid-item:nth-child(3n+1) { margin-left: 0%; clear: both; } .exhibitions-grid .grid-item:nth-child(3n) { margin-right: 0; } } .exhibitions-grid .grid-item:hover .grid-item-image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .exhibitions-grid .grid-item:hover .grid-item-details .tab { right: -20px; padding: 7px 50px; } .exhibitions-grid .grid-item .grid-item-image { width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; background-position: center center; background-size: cover; background-color: #ededed; } .exhibitions-grid .grid-item .grid-item-image img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block; } .exhibitions-grid .grid-item .grid-item-details { width: 100%; background-color: #000; position: relative; height: 160px; margin-top: auto; } @media screen and (min-width: 768px) { .exhibitions-grid .grid-item .grid-item-details { height: 180px; } } @media screen and (min-width: 1024px) { .exhibitions-grid .grid-item .grid-item-details { height: 200px; } } .exhibitions-grid .grid-item .grid-item-details .tab { position: absolute; top: -32px; right: 0; background-color: #D0221B; padding: 7px 30px; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); } .exhibitions-grid .grid-item .grid-item-details .tab h2 { margin-bottom: 3px; color: #fff; } .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text { width: 60%; position: absolute; bottom: 20px; left: 10%; } .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text h5, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .work-sort .work-sort-search label, .work-sort .work-sort-search .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text label, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .work-sort .work-sort-subcats li:first-child, .work-sort .work-sort-subcats .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text li:first-child, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section p b, .cv-grid .cv-section p .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .content-standard div b, .cv-grid .cv-section .content-standard div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .content-standard .cv-grid .cv-section div b, .content-standard .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .work-single .work-single-description div b, .cv-grid .cv-section .work-single .work-single-description div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .work-single .work-single-description .cv-grid .cv-section div b, .work-single .work-single-description .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section .gform_confirmation_message .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section p strong, .cv-grid .cv-section p .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .content-standard div strong, .cv-grid .cv-section .content-standard div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .content-standard .cv-grid .cv-section div strong, .content-standard .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .work-single .work-single-description div strong, .cv-grid .cv-section .work-single .work-single-description div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .work-single .work-single-description .cv-grid .cv-section div strong, .work-single .work-single-description .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .gform_confirmation_message strong, .cv-grid .cv-section .gform_confirmation_message .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong { color: #fff; } .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text h5 span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .work-sort .work-sort-search label span, .work-sort .work-sort-search .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text label span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .work-sort .work-sort-subcats li:first-child span, .work-sort .work-sort-subcats .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text li:first-child span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section p b span, .cv-grid .cv-section p .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .content-standard div b span, .cv-grid .cv-section .content-standard div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .content-standard .cv-grid .cv-section div b span, .content-standard .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b span, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b span, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .work-single .work-single-description div b span, .cv-grid .cv-section .work-single .work-single-description div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .work-single .work-single-description .cv-grid .cv-section div b span, .work-single .work-single-description .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .gform_confirmation_message b span, .cv-grid .cv-section .gform_confirmation_message .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text b span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section p strong span, .cv-grid .cv-section p .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .content-standard div strong span, .cv-grid .cv-section .content-standard div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .content-standard .cv-grid .cv-section div strong span, .content-standard .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong span, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong span, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .work-single .work-single-description div strong span, .cv-grid .cv-section .work-single .work-single-description div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .work-single .work-single-description .cv-grid .cv-section div strong span, .work-single .work-single-description .cv-grid .cv-section div .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong span, .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .cv-grid .cv-section .gform_confirmation_message strong span, .cv-grid .cv-section .gform_confirmation_message .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text strong span { color: #999; } .exhibitions-grid .grid-item .grid-item-details .grid-item-details-text .grid-item-details-text-title { margin-bottom: 20px; } .contact-grid { padding: 50px 0; background-color: #f9f9f9; } @media screen and (min-width: 1024px) { .contact-grid { padding: 100px 0; } } .contact-grid .grid-item { border-bottom: 1px solid #999; padding-bottom: 60px; background-color: transparent; } .contact-grid .grid-item h2 a { color: #D0221B; text-decoration: none; } .contact-content { background-color: #ededed; max-width: 3000px; margin-left: auto; margin-right: auto; padding: 100px 0; } .contact-content:after { content: ""; display: table; clear: both; } .contact-content .contact-content-sidebar { float: left; display: block; margin-right: 1.165091401%; width: 95.7847878583%; margin-left: 4.2152121417%; } .contact-content .contact-content-sidebar:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .contact-content .contact-content-sidebar { float: left; display: block; margin-right: 1.165091401%; width: 19.9109693076%; margin-left: 4.2152121417%; margin-top: 30px; } .contact-content .contact-content-sidebar:last-child { margin-right: 0; } } .contact-content .contact-content-sidebar h2 { color: #D0221B; } .contact-content .contact-content-info { float: left; display: block; margin-right: 1.165091401%; width: 95.7847878583%; margin-left: 4.2152121417%; } .contact-content .contact-content-info:last-child { margin-right: 0; } @media screen and (min-width: 1024px) { .contact-content .contact-content-info { float: left; display: block; margin-right: 1.165091401%; width: 66.2783028663%; margin-left: 4.2152121417%; } .contact-content .contact-content-info:last-child { margin-right: 0; } } .gform_wrapper div.validation_error { border-color: #D0221B; color: #D0221B; } .gform_wrapper { margin-top: 0 !important; } .gform_wrapper .gform_heading h3.gform_title { font-size: 28px; font-size: 2.8rem; line-height: 1; margin-bottom: 30px; font-weight: normal; color: #D0221B; } @media screen and (min-width: 1024px) { .gform_wrapper .gform_heading h3.gform_title { font-size: 30px; font-size: 3rem; } } .gform_wrapper .gform_heading span { color: #333; line-height: 1.5; font-size: 8px; font-size: 0.8rem; } @media screen and (min-width: 1024px) { .gform_wrapper .gform_heading span { font-size: 9.5px; font-size: 0.95rem; line-height: 1.8; } } .gform_wrapper .gform_body { border-top: 1px solid #999; padding-top: 30px; margin-top: 40px; } .gform_wrapper .gform_body .top_label .gfield_label { font-weight: normal; margin-bottom: 10px; } .gform_wrapper .gform_body .ginput_container input { border: none; padding: 20px; color: #D0221B; text-transform: none; font-size: 10px; font-size: 1rem; } .gform_wrapper .gform_body .ginput_container textarea { padding: 20px; border: none; color: #D0221B; font-size: 11px; font-size: 1.1rem; } .gform_wrapper .gform_footer input.button { display: inline-block; border: 2px solid #D0221B; padding: 10px 30px; background-color: transparent; color: #D0221B; font-family: "Knockout 27 A", "Knockout 27 B", Sans-Serif; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; margin-top: 10px; font-size: 14px !important; font-size: 1.4rem !important; } @media screen and (min-width: 1024px) { .gform_wrapper .gform_footer input.button { padding: 12px 55px; font-size: 14px !important; font-size: 1.4rem !important; border: 3px solid #D0221B; margin-top: 0; } } .gform_wrapper .gform_footer input.button:hover { background-color: #fff; color: #D0221B; } .cv-grid { max-width: 3000px; margin-left: auto; margin-right: auto; padding: 60px 0; background-color: #fff; } .cv-grid:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1024px) { .cv-grid { padding: 100px 0; } } @media screen and (min-width: 1281px) { .cv-grid { padding: 100px 0; } } .cv-grid .grid-wrapper { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; } .cv-grid .grid-wrapper:last-child { margin-right: 0; } .cv-grid .cv-rows { float: left; display: block; margin-right: 1.165091401%; width: 91.5695757166%; margin-left: 4.2152121417%; margin-top: 80px; margin-bottom: 80px; } .cv-grid .cv-rows:last-child { margin-right: 0; } .cv-grid .cv-row { float: left; width: 100%; } .cv-grid .cv-row h2 { color: #D0221B; margin-bottom: 15px; } .cv-grid .cv-section { float: left; margin-bottom: 10px; padding-right: 0px; } @media screen and (min-width: 768px) { .cv-grid .cv-section { margin-bottom: 40px; padding-right: 80px; } } .cv-grid .cv-section h3 { margin-top: 25px; margin-bottom: 15px; color: #999; border-bottom: 1px solid #ededed; } @media screen and (min-width: 1024px) { .cv-grid .cv-section h3 { margin-top: 45px; margin-bottom: 25px; } } .cv-grid .cv-section p, .cv-grid .cv-section .content-standard div, .content-standard .cv-grid .cv-section div, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div, .cv-grid .cv-section .work-single .work-single-description div, .work-single .work-single-description .cv-grid .cv-section div, .cv-grid .cv-section .gform_confirmation_message { line-height: 1.6; color: #999; margin-bottom: 25px; font-size: 9px; font-size: 0.9rem; } .cv-grid .cv-section p b, .cv-grid .cv-section .content-standard div b, .content-standard .cv-grid .cv-section div b, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div b, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div b, .cv-grid .cv-section .work-single .work-single-description div b, .work-single .work-single-description .cv-grid .cv-section div b, .cv-grid .cv-section .gform_confirmation_message b, .cv-grid .cv-section p strong, .cv-grid .cv-section .content-standard div strong, .content-standard .cv-grid .cv-section div strong, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div strong, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div strong, .cv-grid .cv-section .work-single .work-single-description div strong, .work-single .work-single-description .cv-grid .cv-section div strong, .cv-grid .cv-section .gform_confirmation_message strong { color: #333; } .cv-grid .cv-section p a, .cv-grid .cv-section .content-standard div a, .content-standard .cv-grid .cv-section div a, .cv-grid .cv-section .reader .reader-article .reader-article-wrapper .reader-article-content div a, .reader .reader-article .reader-article-wrapper .reader-article-content .cv-grid .cv-section div a, .cv-grid .cv-section .work-single .work-single-description div a, .work-single .work-single-description .cv-grid .cv-section div a, .cv-grid .cv-section .gform_confirmation_message a { color: #999; text-decoration: underline; } .grid-sizer { width: 100%; } @media screen and (min-width: 768px) { .grid-sizer { width: 50%; } } @media screen and (min-width: 1281px) { .grid-sizer { width: 33.333333%; } } /*----- RULES If it’s a hack, it goes in _shame.scss. Document all hacks fully: 1) What part of the codebase does it relate to? 2) Why was this needed? 3) How does this fix it? 4) How might you fix it properly, given more time? Do not blame the developer; if they explained why they had to do it then their reasons are probably (hopefully) valid. Try and clean _shame.scss up when you have some down time. Even better, get a tech-debt story in which you can dedicate actual sprint time to it. The name is purely comical, there is no real shame in a hack. We all write a hack at some point pre- or post-production. This way the hacks are easy to find, though. -----*/ @media screen and (min-width: 1024px) { .single-post .creator-content .sidebar-share, .single-exhibition .creator-content .sidebar-share, .single-articles .creator-content .sidebar-share, .single-essays .creator-content .sidebar-share { float: left; display: block; margin-right: 0%; width: 15.6957571659%; margin-left: 4.2152121417%; max-width: 220px; } .single-post .creator-content .sidebar-share .sidebar-share-image img, .single-exhibition .creator-content .sidebar-share .sidebar-share-image img, .single-articles .creator-content .sidebar-share .sidebar-share-image img, .single-essays .creator-content .sidebar-share .sidebar-share-image img { display: block; width: 220px; max-width: 100%; } .single-post .creator-content .sidebar-share .sidebar-share-links, .single-exhibition .creator-content .sidebar-share .sidebar-share-links, .single-articles .creator-content .sidebar-share .sidebar-share-links, .single-essays .creator-content .sidebar-share .sidebar-share-links { width: 220px; max-width: 100%; } } .page-template-page-cv strong, .page-template-page-cv b { display: block; } strong, b { margin-top: 10px !important; }