/* Animate.css - http: //daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .appear-animation { opacity: 0; } .appear-animation-visible { opacity: 1; } .animated, .appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);opacity: 1;} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);opacity: 1;} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);opacity: 1;} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);opacity: 1;} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);opacity: 1;} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);opacity: 1;} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);opacity: 1;} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);opacity: 1;} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);opacity: 1;} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);opacity: 1;} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);opacity: 1;} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);opacity: 1;} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); opacity: 1;} } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); opacity: 1;} } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); opacity: 1;} } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); opacity: 1;} } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); opacity: 1;} } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); opacity: 1;} } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); opacity: 1;} } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); opacity: 1;} } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); opacity: 1;} } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); opacity: 1;} } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); opacity: 1;} } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); opacity: 1;} } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); opacity: 1; } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; z-index: 5; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(//d3s4z2q0a2ovcp.cloudfront.net/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(//d3s4z2q0a2ovcp.cloudfront.net/AjaxLoader.gif) no-repeat center center } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto;} /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/gradient/g40.png) repeat-x top} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px} .tp-bannershadow.tp-shadow2 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4} .tp-dottedoverlay.twoxtwo { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.navbar-old { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left} /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px} .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px} .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%} /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/timer.png);position:absolute; z-index:200;top:0px} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none} .tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before { list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none } .tp-simpleresponsive >ul >li{ list-style:none; position:absolute; visibility:hidden } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/coloredbg.png) repeat} .tp-caption.slidelink a span { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/coloredbg.png) repeat} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa} .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px} .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px} .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px} .tp-leftarrow.preview2:after { content: '\e81f'; left:18px} .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#000} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px} .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px} .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat} .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#000} .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px} .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px} .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px} .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px} } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px} .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(//d3s4z2q0a2ovcp.cloudfront.net/../atropos-theme/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url(//d3s4z2q0a2ovcp.cloudfront.net/../font/revicons.eot?5510888); src: url(//d3s4z2q0a2ovcp.cloudfront.net/../font/revicons.eot?5510888#iefix) format('embedded-opentype'), url(//d3s4z2q0a2ovcp.cloudfront.net/../font/revicons.woff?5510888) format('woff'), url(//d3s4z2q0a2ovcp.cloudfront.net/../font/revicons.ttf?5510888) format('truetype'), url(//d3s4z2q0a2ovcp.cloudfront.net/../font/revicons.svg?5510888#revicons) format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url(//d3s4z2q0a2ovcp.cloudfront.net/../font/revicons.svg?5510888#revicons) format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'} /* '' */ .revicon-pencil-1:before { content: '\e831'} /* '' */ .revicon-picture-1:before { content: '\e803'} /* '' */ .revicon-cancel:before { content: '\e80a'} /* '' */ .revicon-info-circled:before { content: '\e80f'} /* '' */ .revicon-trash:before { content: '\e801'} /* '' */ .revicon-left-dir:before { content: '\e817'} /* '' */ .revicon-right-dir:before { content: '\e818'} /* '' */ .revicon-down-open:before { content: '\e83b'} /* '' */ .revicon-left-open:before { content: '\e819'} /* '' */ .revicon-right-open:before { content: '\e81a'} /* '' */ .revicon-angle-left:before { content: '\e820'} /* '' */ .revicon-angle-right:before { content: '\e81d'} /* '' */ .revicon-left-big:before { content: '\e81f'} /* '' */ .revicon-right-big:before { content: '\e81e'} /* '' */ .revicon-magic:before { content: '\e807'} /* '' */ .revicon-picture:before { content: '\e800'} /* '' */ .revicon-export:before { content: '\e80b'} /* '' */ .revicon-cog:before { content: '\e832'} /* '' */ .revicon-login:before { content: '\e833'} /* '' */ .revicon-logout:before { content: '\e834'} /* '' */ .revicon-video:before { content: '\e805'} /* '' */ .revicon-arrow-combo:before { content: '\e827'} /* '' */ .revicon-left-open-1:before { content: '\e82a'} /* '' */ .revicon-right-open-1:before { content: '\e82b'} /* '' */ .revicon-left-open-mini:before { content: '\e822'} /* '' */ .revicon-right-open-mini:before { content: '\e823'} /* '' */ .revicon-left-open-big:before { content: '\e824'} /* '' */ .revicon-right-open-big:before { content: '\e825'} /* '' */ .revicon-left:before { content: '\e836'} /* '' */ .revicon-right:before { content: '\e826'} /* '' */ .revicon-ccw:before { content: '\e808'} /* '' */ .revicon-arrows-ccw:before { content: '\e806'} /* '' */ .revicon-palette:before { content: '\e829'} /* '' */ .revicon-list-add:before { content: '\e80c'} /* '' */ .revicon-doc:before { content: '\e809'} /* '' */ .revicon-left-open-outline:before { content: '\e82e'} /* '' */ .revicon-left-open-2:before { content: '\e82c'} /* '' */ .revicon-right-open-outline:before { content: '\e82f'} /* '' */ .revicon-right-open-2:before { content: '\e82d'} /* '' */ .revicon-equalizer:before { content: '\e83a'} /* '' */ .revicon-layers-alt:before { content: '\e804'} /* '' */ .revicon-popup:before { content: '\e828'} /* '' */ .btn { margin-bottom: 2px; } .help-block { color: red; font-weight: bold; } /** Blog **************************************************************** **/ #blog { text-align:left; position:relative; border:0; margin:0; } #blog h2 a { text-decoration:none; } #blog div.left { padding-right:50px; } #blog .item { display:block; margin-bottom:60px; padding-bottom:80px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA6wAAAAJCAYAAAA2AqGEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExQTY2N0ZDRDJCRDMxRDAyRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRUFBNTQwNEIyREMxMUUyODczMEQzOTA3QTgwOUQ1MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRUFBNTQwM0IyREMxMUUyODczMEQzOTA3QTgwOUQ1MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTE4NzFGOUNBMUUzMkNFRDk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTFBNjY3RkNEMkJEMzFEMDJGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+We2AvgAAAmJJREFUeNrsnVmO4yAQQMHODfI79z9azx0i4RrshqjCgJNuL2D7PckCUyt4ozofbf9+ff0xxljzjS0dj8ejG9uRRNYVbLqkPxp3Bdl/bYgz9Z1znT4vtN3MuBWRPqM3Hr3yHcf7aD8Mw4uvzByiXzvqBnlfyiPq+3xystG+936sOi/N0QYf2bkr/zZzfU2Qv1zzeG3H+JnrbIJfW/KrZC9+w7gp5ZL0TUnH+0llRs1H25swZuYoyX8yPhfjp/6fcvMh8rHm25hL9de2X8sHAFyP78/XcXwv9bk4p1/a2x1z/u0cP7XbIp93OnPyJbYf2knaBpkkMi1PbcbvdNRJ7aVgn5XPyLT/wbfToeLGsanvdZwaG5SOi31vOp13XRf76eFCPJeOhfbpQ8XI+Utz0fJJP5er13nxG/u5XL0Pl6yDXh89f20vKtbU3m43l6z3Uy/Yycx5KjO6H+VJa3Lnvv6Yzu/3e3ofmrXfvNt9JfaLbXe23dJmTb01dGrL3+nUjr/0HrQNPEM13wEAAHsiF/crDfmRA9hKBb0avmr5q30/yMmf0yp5xB8v9t5ctraZbbVgr1E42AZj2AZ0t/gDwRb3nz3hM0vxCwBH3qC1mqecMJ406nPP4udoRRqF4bneaZvkWKtgPduG9SwFf4uFe2u/9h3l10eeGQCA8xe7bHaPn4tc2Ode6yzc18fO+SgF61U3xPbCuVhicf8BAFAssxbM4fBrKFwf5kbBykaf9WBuAAAAQKHCGrFm51tUClagiAMAAAAACjJoumDlX0cAAAAAAABAi1CwAgAAAAAAQJP8E2AA88qTvWwXIOkAAAAASUVORK5CYII=') no-repeat bottom center; } #blog .item-title { margin-bottom:20px; display:block; } #blog .item-title .label { font-size:10px; text-transform:uppercase; } #blog article header { margin:0 0 30px 0; } #blog figure img { width:100%; height:auto; display:block; margin-bottom:10px; } #blog .item h2 { margin:0; } #comments { margin-top:35px; } #blog .comment { margin:40px 0; } #blog a.replyBtn { float:right; font-size:11px; text-transform:uppercase; } #blog span.user-avatar { background:#eee; width:64px; height:64px; float:left; margin-right:10px; } #blog form input[type="text"], #blog form input[type="password"], #blog form input[type="email"], #blog form input[type="phone"], #blog form textarea { width:100%; } #blog .widget small { color:#999; display:block; font-size:11px; } #blog .widget { margin-bottom:70px; } #blog .widget h3 { margin-bottom:20px; } #blog .widget a.thumb { float:left; width:85px; overflow:hidden; text-align:center; } #blog .widget ul { list-style:none; margin:0; padding:0; } #blog .widget ul li a i { padding-right:8px; } #blog .widget ul li { margin:10px 0; } #blog .widget ul.nav-list li { margin:0; } #blog .widget ul.nav-list li a { padding-left:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #blog .widget ul.nav-list li a:hover { padding-left:10px; } #blog header.blog-post { margin-bottom:30px; } #blog header.blog-post h1 { font-weight:300; font-size:40px !important; line-height:60px !important; text-transform:none; margin:0; padding:0; } #blog .owl-carousel { margin-bottom:30px; } .owl-item .item { background:none !important; margin:0 !important; padding:0 !important; } #blog .socials { float:right; margin-top:-20px; } #blog p { padding:10px 0; } #blog form .col-md-3, #blog form .col-md-4, #blog form .col-md-6, #blog form .col-md-12 { padding:2px; } #commentForm { padding:15px; } /** Blog Timeline **************************************************************** **/ .blog-timeline { max-width:900px; margin:auto; } .blog-timeline:after { background: rgb(80,80,80); background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1))); background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); content: ""; display: block; height: 100%; left: 50%; margin-left: -2px; position: absolute; width: 4px; filter: alpha(opacity=35); opacity: 0.35; } .blog-timeline .timeline-item { margin: 20px 10px 10px 10px; padding: 20px; position: relative; width: 43%; float: left; z-index: 1; margin-bottom: 30px; background-color: #FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .blog-timeline .timeline-item.pull-right { margin-top:120px; } .blog-timeline .timeline-item .item-date { position:absolute; background:#fff; color:#333; font-size:20px; text-align:center; top:0; padding-top:6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .blog-timeline .timeline-item.pull-right .item-date:after { background: #FFF; border-right: 1px solid #FFF; border-top: 1px solid #FFF; content: ""; display: block; height: 14px; position: absolute; right: -6px; top: 11px; width: 14px; z-index: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .blog-timeline .timeline-item.pull-left .item-date:after { background: #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; content: ""; display: block; height: 14px; position: absolute; left: -6px; top: 11px; width: 14px; z-index: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .blog-timeline .timeline-item .item-date span { color:#fff; display:block; background-color:#333; padding:3px 10px 6px 10px; margin-top:6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .blog-timeline .timeline-item.pull-right .item-date { left:-20%; } .blog-timeline .timeline-item.pull-left .item-date { right:-20%; } .blog-timeline .timeline-item .item { background:none !important; margin-bottom:0 !important; padding-bottom:0 !important; } .blog-timeline-load-more { position:relative; text-align:center; margin-top:60px; } /** Blog Masonry **************************************************************** **/ #blog .masonry-item { margin: 2% 2% 0 0; padding: 20px; position: relative; float: left; min-height: 1px; background-color: #fff; width:31.3%; overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #blog .masonry-item .item { background:none !important; margin-bottom:0 !important; padding-bottom:0 !important; } #blog .masonry-search { width:97.9%; } /** Blog Masonry Fullwidth **************************************************************** **/ #blog .masonry-fullwidth { padding:15px !important; width:100%; display:block; position:relative; } #blog .masonry-fullwidth .masonry-item { margin: 1% 1% 0 0; width:24%; } #blog .masonry-fullwidth .masonry-search { width:99%; } /** Blog Masonry Sidebar **************************************************************** **/ #blog .masonry-sidebar .masonry-item { margin: 2% 2% 0 0; width:48%; } #blog .masonry-sidebar ul.pagination { margin-top:60px; } #blog .pagination { display: flex; justify-content: center; list-style: none; padding: 0; margin: 40px 0 20px; gap: 4px; } #blog .pagination a, #blog .pagination em, #blog .pagination span { display: inline-block; padding: 8px 14px; border: 1px solid #ddd; border-radius: 4px; color: #555; text-decoration: none; font-style: normal; font-size: 14px; background: #fff; transition: background 0.2s, border-color 0.2s; } #blog .pagination a:hover { background: #f5f5f5; border-color: #ccc; } #blog .pagination em.current { background: #F15757; color: #fff; border-color: #F15757; font-weight: bold; } #blog .pagination .disabled span, #blog .pagination .disabled a { color: #ccc; cursor: default; pointer-events: none; } #blog .pagination .previous_page, #blog .pagination .next_page { font-weight: 600; } /** Responsive **************************************************************** **/ @media only screen and (max-width: 960px) { #blog .masonry-item { width:47%; } #blog .masonry-fullwidth .masonry-item { width:37%; } } @media only screen and (max-width: 768px) { #blog .left { display:block; padding-right:16px !important; margin-bottom:100px; } #blog .socials { float:none; margin-top:0; text-align:center; } .blog-timeline .timeline-item { width:100%; float:none !important; margin:20px 0 0 0 !important; } .blog-timeline .timeline-item .item-date { display:none; } .blog-timeline:after { background:none; } #blog .masonry-sidebar .masonry-item, #blog .masonry-item { width:97%; margin:10px 0; } #blog .masonry-fullwidth .masonry-item { width:97%; } } /** ************************************* ** @Author Dorin Grigoras @Website www.stepofweb.com @Last Update 8:26 AM Monday, March 17, 2014 TABLE CONTENTS --------------------------- 01. Resets 02. Placeholder 03. Selection 04. JS Animation 05. Commons 06. Bootstrap Rewrite 07. Pure CSS Animations 06. Callouts 07. Headings 08. Paragraphs 09. Drop Caps & Cite 10. Blockquote 11. Progress Bar 12. Buttons 13. Labels 14. Alerts 15. Pagination 16. Parallax [Stellar] 17. Isotope 18. Dividers 19. Forms 20. Count To [number] 21. Tabs 22. Accordion 23. Toggle 24. Featured Box & Featured Icons 25. Image Thumbnail 26. Modal 27. Carousel 28. Breadcrumbs 29. Nav List (aside) 30. Price Table 31. Animation 32. Dropcap 33. Masonry 34. Media Elements 35. Testimonials 36. Background Patterns 37. Summernote HTML Editor 38. Colors --. Printable Div --------------------------- ** ************************************* **/ /** 01. Resets *************************************************** **/ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button { background: none; border: 0; margin: 0; padding: 0; cursor: pointer; } img { border: 0; vertical-align: top; } input:-webkit-autofill { color: #ffffff !important; } textarea { resize: none; } textarea, input, button, *:focus { outline:none !important; } textarea { resize: vertical; } select { border: 2px solid #E5E7E9; border-radius: 6px; height: 46px; padding: 12px; outline: none; } input[type="radio"], input[type="checkbox"] { display:inline-block; cursor:pointer; width:15px; height:15px; border:0; } iframe, fieldset { border: 0; margin: 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } a, a:focus, a:hover, a:active { outline: 0; cursor:pointer; } /** 02. Placeholder *************************************************** **/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /** 03. Selection *************************************************** **/ ::selection { color:#000; background:#ccc; text-shadow:none; } ::-moz-selection { color:#000; background:#ccc; text-shadow:none; } /** 04. JS Animation *************************************************** **/ .animate_from_bottom { opacity: 0; bottom: -50px; padding-left: 0px; position: relative; } .animate_from_left { opacity: 0; left: -80px; padding-right: 0px; position: relative; } .animate_from_right { opacity: 0; right: -80px; padding-left: 0px; position: relative; } .animate_fade_in { opacity: 0; right: 0px; position: relative; padding-left: 0px; } /** 05. Commons **************************************************************** **/ p, ol li, ul li { /*color: #7e8998; TODO CHECK IF NECESSARY*/ } pre { color: #666; padding: 16px; font-size: 12px; line-height: 16px; padding-bottom: 15px; font-family: 'Open Sans', sans-serif; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAMR2lDQ1BJQ0MgUHJvZmlsZQAASA2tV3dYU1cbf+9IAiEJIxABGWEvUfaUvQUFmUIdhCSQMGIIBBW3tbSCdaDiwFHRqohVqxWQOhBxWxS3dXyoRUGpxYELle/cQLBPn37/ffd5zrm//N73vPf3vvfck3MAtO0Fcnk+rgNQICtWJEaF8ielZ/AZ94AJI4AN+mAmEBbJQxIS4uB/Xm9uAEYZrzpTsf6n278bdEXiIiEAloDMWaIiYQHCvwCQHKFcUQxAa0W81YxiOYW7ENZXIIEIf6RwjgrTkXrQzxrE1iqf5MQwALoPgAZLIFDkAHDCEc8vEeagOBwRwi4ykVSG8GqEA4USAeI41xAeVVAwHWFtBME+629xcv6GBYKs4ZgCQc4wHsyFGgoa4dIieb5glurH/7MryFeieqkuC9SzJIroRHTXR3XbmDc9lsIshPfLsibEI6yH8BEplfEgbpMoo1MQpvw7hEVhqJbAQ/i1SBAei7AJAM5U5qWEDGFbgQIhlT8eKi2OSR7CqYrpiUPx8VxZ/gRqfqA4+ByJOEaNK8VFEUmIRxrw3GxpZAzC6F3hu0olyWkII514Y4k0dQLCHIRbi/KSKA1UnCulkjCKV/kolImUZmvEd2UrIqkckQ/BKihCSBWfsBQKVM8yRLxHsSQ5GvFoLBEnEodHIIyeS0wSy1KG9BASeXEoFYfyL5Xnq+Y30klUivOjKN4S4e1FJUnqsaeLFckUj+pG3MgVjKPmK9JMPJUXJ1A1ofS8gzgIg3DggxK1LJgOuSBt62noQb8GLZEgAAXkgBichxj1iDSVRYb6JCiFP0GGfIqGx4WqrGIoQfynYXZwrDNkq6wlqhF58Bg9oYA0JgNJfzIO9cGouZE+pK96HF9brZMeQQ+nR9Mj6Q5qBoRIdT5qCpD+CxeLbGKUnQL1MnUOX+LRHtPaaQ9p12kdtNuQCn+oogxlOk26SKFWMBx5PHSgaINVEaOKyaBb7UPaItWeZCgZgPQj7SSPNAZn0gNlEkIGodw8EauuHqVaOaztSy3VdVf7Uar5f8txiOc4cjyHVGSps0JvUl2Jf0b5YpGCCHnF/tOT+I44SJwhThDniCNEA/CJ40QjcZE4SuEhzZGq6uQMPy1RVdE8lINU7eNS59Lt8lH9azhXAWIoBdQ7QPO/WDyzGM0/CJsun6WQ5kiK+SFoFRbzY2TC0aP4bi6u7gDUmk75ALziqdZqjHf+C1fYDOBbjtYAajnlU14AAiuAw48BuG++cFYv0Se1AuDoZaFSUTLoR1I3Gvq30EZfhhGYgRXYo5zcwAv8IRgiYBzEQzKkw1RUdQkUINUzYA4shDKogBWwBjbAFtgGu+AnOAANcAROwGm4AJfhOtxBc6MTnkEvvIF+DMMYGBvjYkaYOWaDOWFumA8WiEVgcVgilo5lYjmYDFNic7CvsQqsEtuAbcVqsZ+xw9gJ7BzWjt3GHmDd2EvsA07gLFwfN8Vt8TG4Dx6Cx+LJ+BQ8By/ES/HF+DJ8HV6D78Hr8RP4Bfw63oE/w/sIILQIHmFBOBM+RBgRT2QQ2YSCmEeUE1VEDbGXaELv+irRQfQQ70k6ySX5pDOan9FkCikkC8l55FJyA7mLrCdbyavkA7KX/Exj00xoTjQ/WgxtEi2HNoNWRqui7aAdop1C304n7Q2dTufR7eje6NtMp+fSZ9OX0jfR99Gb6e30R/Q+BoNhxHBiBDDiGQJGMaOMsZ6xh3GccYXRyXinoaVhruGmEamRoSHTWKRRpbFb45jGFY0nGv2aOpo2mn6a8ZoizVmayzW3azZpXtLs1Oxn6jLtmAHMZGYucyFzHXMv8xTzLvOVlpaWpZav1kQtqdYCrXVa+7XOaj3Qes/SYzmywliTWUrWMtZOVjPrNusVm822ZQezM9jF7GXsWvZJ9n32Ow6XM5oTwxFx5nOqOfWcK5zn2praNtoh2lO1S7WrtA9qX9Lu0dHUsdUJ0xHozNOp1jmsc1OnT5er66obr1ugu1R3t+453S49hp6tXoSeSG+x3ja9k3qPuATXihvGFXK/5m7nnuJ26tP17fRj9HP1K/R/0m/T7zXQM/AwSDWYaVBtcNSgg0fwbHkxvHzect4B3g3ehxGmI0JGiEcsGbF3xJURbw1HGgYbig3LDfcZXjf8YMQ3ijDKM1pp1GB0z5g0djSeaDzDeLPxKeOekfoj/UcKR5aPPDDydxPcxNEk0WS2yTaTiyZ9pmamUaZy0/WmJ017zHhmwWa5ZqvNjpl1m3PNA82l5qvNj5s/5RvwQ/j5/HX8Vn6vhYlFtIXSYqtFm0W/pZ1liuUiy32W96yYVj5W2VarrVqseq3Nrcdbz7Gus/7dRtPGx0Zis9bmjM1bWzvbNNtvbRtsu+wM7WLsSu3q7O7as+2D7Avta+yvOdAdfBzyHDY5XHbEHT0dJY7VjpeccCcvJ6nTJqf2UbRRvqNko2pG3XRmOYc4lzjXOT8YzRsdN3rR6IbRz8dYj8kYs3LMmTGfXTxd8l22u9xx1XMd57rItcn1pZujm9Ct2u2aO9s90n2+e6P7Cw8nD7HHZo9bnlzP8Z7ferZ4fvLy9lJ47fXq9rb2zvTe6H3TR98nwWepz1lfmm+o73zfI77v/bz8iv0O+P3l7+yf57/bv2us3Vjx2O1jHwVYBggCtgZ0BPIDMwN/COwIsggSBNUEPQy2ChYF7wh+EuIQkhuyJ+R5qEuoIvRQ6Nswv7C5Yc3hRHhUeHl4W4ReRErEhoj7kZaROZF1kb1RnlGzo5qjadGx0Sujb8aYxghjamN6x3mPmzuuNZYVmxS7IfZhnGOcIq5pPD5+3PhV4+9OsJkgm9AQD/Ex8avi7yXYJRQm/DqRPjFhYvXEx4muiXMSzyRxk6Yl7U56kxyavDz5Top9ijKlJVU7dXJqberbtPC0yrSOSWMmzZ10Id04XZremMHISM3YkdH3VcRXa77qnOw5uWzyjSl2U2ZOOTfVeGr+1KPTtKcJph3MpGWmZe7O/CiIF9QI+rJisjZm9QrDhGuFz0TBotWibnGAuFL8JDsguzK7KycgZ1VOtyRIUiXpkYZJN0hf5Ebnbsl9mxeftzNvID8tf1+BRkFmwWGZnixP1jrdbPrM6e1yJ3mZvKPQr3BNYa8iVrGjCCuaUtRYrI82zxeV9spvlA9KAkuqS97NSJ1xcKbuTNnMi7McZy2Z9aQ0svTH2eRs4eyWORZzFs55MDdk7tZ52LyseS3zreYvnt+5IGrBroXMhXkLf1vksqhy0euv075uWmy6eMHiR99EfVNXxilTlN381v/bLd+R30m/a1vivmT9ks/lovLzFS4VVRUflwqXnv/e9ft13w8sy17Wttxr+eYV9BWyFTdWBq3cValbWVr5aNX4VfWr+avLV79eM23NuSqPqi1rmWuVazvWxa1rXG+9fsX6jxskG65Xh1bv22iyccnGt5tEm65sDt68d4vplootH36Q/nBra9TW+hrbmqpt9G0l2x5vT91+5kefH2t3GO+o2PFpp2xnx67EXa213rW1u012L6/D65R13Xsm77n8U/hPjXud927dx9tXsR/2K/c//Tnz5xsHYg+0HPQ5uPcXm182HuIeKq/H6mfV9zZIGjoa0xvbD4873NLk33To19G/7jxicaT6qMHR5ceYxxYfGzheeryvWd7ccyLnxKOWaS13Tk46ea11YmvbqdhTZ09Hnj55JuTM8bMBZ4+c8zt3+LzP+YYLXhfqL3pePPSb52+H2rza6i95X2q87Hu5qX1s+7ErQVdOXA2/evpazLUL1ydcb7+RcuPWzck3O26JbnXdzr/94veS3/vvLLhLu1t+T+de1X2T+zX/cfjPvg6vjqMPwh9cfJj08M4j4aNnfxT98bFz8WP246on5k9qu9y6jnRHdl9++tXTzmfyZ/09ZX/q/rnxuf3zX/4K/uti76TezheKFwMvl74yerXztcfrlr6EvvtvCt70vy1/Z/Ru13uf92c+pH140j/jI+Pjuk8On5o+x36+O1AwMCAXKASqvQCBejw7G+DlTgB2Oto7XAZgcgbPXCoPbPCciDA21Cj6H3jwXEYZ0B4CdgYDpCwAiGsG2IyaDcIsdKe238nBgLu7DzfEUFdRtrubCmAsBdqavBsYeGUKwGgC+KQYGOjfNDDwaTvaq98GaC4cPOtR3tQZ8ge0twe4MHMwHQqrr/8CGwxpxJZopZAAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAGbaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjQuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjcyPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjY0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjr3c2kAAABkSURBVFgJ7dWxDcAwDANBO7D2H1YDyEEW+C5g8W7ZECcC3t09K+g9QV2+KhaiiyikEAlQ7oYUIgHK4zZ0ZqL+1nWqihR/zfcrFEUUtyEL0SAVUogEKHdDCpEA5W5IIRKgPG5DFy8vCyP/wfEsAAAAAElFTkSuQmCC') repeat; border:#ccc 2px solid; box-shadow:#ccc 0 0 6px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .fsize11 { font-size:11px !important; line-height:15px !important; } .fsize12 { font-size:12px !important; line-height:16px !important; } .fsize13 { font-size:13px !important; line-height:17px !important; } .fsize14 { font-size:14px !important; line-height:18px !important; } .fsize15 { font-size:15px !important; line-height:19px !important; } .fsize16 { font-size:16px !important; line-height:20px !important; } .fsize17 { font-size:17px !important; line-height:23px !important; } .fsize18 { font-size:18px !important; line-height:24px !important; } .fsize19 { font-size:19px !important; line-height:25px !important; } .fsize20 { font-size:20px !important; line-height:26px !important; } .fsize26 { font-size:26px !important; line-height:30px !important; } .fsize30 { font-size:30px !important; line-height:36px !important; } .fsize40 { font-size:40px !important; line-height:46px !important; } .font300 { font-weight:300 !important; } .font400 { font-weight:400 !important; } .font600 { font-weight:600 !important; } .font700 { font-weight:700 !important; } .padding3 { padding:3px 0 !important; } .padding6 { padding:6px 0 !important; } .padding8 { padding:8px 0 !important; } .padding10 { padding:10px 0 !important; } .padding20 { padding:20px 0 !important; } .padding30 { padding:30px 0 !important; } .padding40 { padding:40px 0 !important; } .padding50 { padding:50px 0 !important; } .padding60 { padding:50px 0 !important; } .padding70 { padding:70px 0 !important; } .padding80 { padding:80px 0 !important; } .padding90 { padding:90px 0 !important; } .padding100 { padding:100px 0 !important; } .margin-top10 { margin-top:10px; } .margin-top20 { margin-top:20px; } .margin-top30 { margin-top:30px; } .margin-top40 { margin-top:40px; } .margin-top50 { margin-top:50px; } .margin-top60 { margin-top:60px; } .margin-top80 { margin-top:80px; } .margin-top100 { margin-top:100px; } .margin-top130 { margin-top:130px; } .margin-top150 { margin-top:150px; } .margin-top180 { margin-top:180px; } .margin-top200 { margin-top:200px; } .margin-bottom10 { margin-bottom:10px; } .margin-bottom20 { margin-bottom:20px; } .margin-bottom30 { margin-bottom:30px; } .margin-bottom40 { margin-bottom:40px; } .margin-bottom50 { margin-bottom:50px; } .margin-bottom60 { margin-bottom:60px; } .margin-bottom80 { margin-bottom:80px; } .margin-bottom100 { margin-bottom:100px; } .margin-bottom130 { margin-bottom:130px; } .margin-bottom150 { margin-bottom:150px; } .margin-bottom180 { margin-bottom:180px; } .margin-bottom200 { margin-bottom:200px; } .padding-top10 { padding-top:10px; } .padding-top20 { padding-top:20px; } .padding-top30 { padding-top:30px; } .padding-top40 { padding-top:40px; } .padding-top50 { padding-top:50px; } .padding-top60 { padding-top:60px; } .padding-top80 { padding-top:80px; } .padding-top100 { padding-top:100px; } .padding-top130 { padding-top:130px; } .padding-top150 { padding-top:150px; } .padding-top180 { padding-top:180px; } .padding-top200 { padding-top:200px; } .padding-bottom10 { padding-bottom:10px; } .padding-bottom20 { padding-bottom:20px; } .padding-bottom30 { padding-bottom:30px; } .padding-bottom40 { padding-bottom:40px; } .padding-bottom50 { padding-bottom:50px; } .padding-bottom60 { padding-bottom:60px; } .padding-bottom80 { padding-bottom:80px; } .padding-bottom100 { padding-bottom:100px; } .padding-bottom130 { padding-bottom:130px; } .padding-bottom150 { padding-bottom:150px; } .padding-bottom180 { padding-bottom:180px; } .padding-bottom200 { padding-bottom:200px; } .radius3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .radius6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .radius8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .fixed { position:fixed !important; } .relative { position:relative !important; } .nopadding { padding:0 !important; } .nopadding-left { padding-left:0 !important; } .nopadding-right { padding-right:0 !important; } .nopadding-top { padding-top:0 !important; } .nopadding-bottom { padding-bottom:0 !important; } .nomargin { margin:0 !important; } .nomargin-left { margin-left:0 !important; } .nomargin-right { margin-right:0 !important; } .nomargin-top { margin-top:0 !important; } .nomargin-bottom { margin-bottom:0 !important; } .noborder { border:0 !important; } .noradius { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; } .absolute { position:absolute !important; } .lowercase { text-transform:lowercase; } .uppercase { text-transform:uppercase; } .no-text-transform { text-transform:none !important; } .italic { font-style:italic; } .pointer { cursor:pointer; } .block { display:block !important; } .bold { font-weight:bold !important; } .fullwidth { width:100% !important; } .halfwidth { width:50% !important; } .container { position:relative; } i.fa { text-decoration:none !important;} .justify { text-align:justify; } .btn i.fa { /* padding-right:10px; */ } .btn-margin-top { margin-top:30px; } .text-underline { text-decoration:underline; } .nowrap { white-space: nowrap !important; } .wrap { white-space: normal !important; } .transparent { background:transparent !important;} .color-white { color:#fff !important; } .hover-scale { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .hover-scale:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } form .input-group-btn .btn i.fa { padding-right:0; } .label a, .label a:hover, a.label, a.label:hover { color:#fff; } /* social icons */ a.social { display:inline-block; width:36px; height:36px; line-height:38px; font-size:20px; text-align:center; background:rgba(0,0,0,0.3); color:#fff; margin:10px 1px; text-decoration:none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } a.social.fa-youtube-play:hover { background:#A40F09!important; color:#fff!important; } a.social.fa-instagram:hover { background:#833ab4!important; color:#fff!important; } a.social.fa-twitter:hover { background:#41b7d8!important; color:#fff!important; } a.social.fa-facebook:hover { background:#3b5997!important; color:#fff!important; } a.social.fa-google-plus:hover { background:#d64937!important; color:#fff!important; } a.social.fa-linkedin:hover { background:#0073b2!important; color:#fff!important; } a.social.fa-vimeo-square:hover { background:#388fc5!important; color:#fff!important; } a.social.fa-youtube-square:hover { background:#A40F09!important; color:#fff!important; } a.social.fa-flickr:hover { background:#ff0084!important; color:#fff!important; } a.social.fa-pinterest:hover { background:#cb2027!important; color:#fff!important; } a.social.fa-skype:hover { background:#00aff0!important; color:#fff!important; } a.social.fa-rss:hover { background:#e0812a!important; color:#fff!important; } a.social.default:hover { background:#37353A!important; color:#fff!important; } a.social.rounded { width:35px; height:35px; line-height:37px; } /* signin in with... */ .btn-facebook, .btn-twitter, .btn-google-plus { font-size:14px !important; height:40px; line-height:40px; display:inline-block; text-decoration:none !important; margin-bottom:3px; } .btn-facebook i.fa, .btn-twitter i.fa, .btn-google-plus i.fa { font-size:23px; float:left; height:40px; line-height:40px; padding:0; margin:0 10px 0 0; width:40px; text-align:center; position:relative; border-right:rgba(255,255,255,0.2) 1px solid; } .btn-facebook { background:#3b5997; color:#fff!important; } .btn-twitter { background:#41b7d8; color:#fff!important; } .btn-google-plus { background:#d64937; color:#fff!important; } .btn-facebook:hover { background:#37548e; } .btn-twitter:hover { background:#33b0d5; } .btn-google-plus:hover { background:#c43c28; } /* page header */ h2.page-header, h2.page-header a, h3.page-header, h3.page-header a { color:#ccc; } /* overlay */ .overlay { background:rgba(0,0,0, 0.2); position:absolute; left:0; right:0; top:0; bottom:0; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .overlay.gray { background:rgba(33,33,33,0.9) !important; } /* image rounded */ .rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* paddings , margins */ section.margin { margin:60px 0; } section.margin-top { margin-top:60px; } section.margin-bottom { margin-bottom:60px; } section.paddings { padding:60px 0; } .styleBackground h1, .styleBackground h2, .styleBackground h3, .styleBackground h4, .styleBackground h5, .styleBackground h6, .styleBackground p, .styleBackground .btn { color:#fff; } .cover { margin:60px 0; position:relative; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; width: 100%; padding:110px 0; } /* star rating */ ul.star-rated { margin-bottom:0; } ul.star-rated, ul.list-style-none { clear:both; display:inline-block; margin:0; padding:0; list-style:none; } ul.star-rated li { float:left; padding:0 2px; } ul.star-rated.pointer li { cursor:pointer; } /* list icon */ ul.list-icon { margin:0 0 10px 25px; padding:0; } ul.list-icon li { list-style:none; } ul.list-icon li:before { display: inline-block; height: 18px; width: 18px; line-height:18px; font-family: FontAwesome; content: ' '; float: left; margin:3px 0 0 -25px; font-style: normal; font-weight: normal; text-decoration: inherit; text-align: center; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } ul.list-icon.circle li:before { color:#fff; background-color:#333; } /* star */ ul.list-icon.star li:before { content:'\f005'; } ul.list-icon.star-o li:before { content:'\f006'; } /* check */ ul.list-icon.check li:before { content:'\f00c'; } ul.list-icon li.check:before { content:'\f00c'; } ul.list-icon.check-square li:before { content:'\f14a'; } ul.list-icon li.check-square:before { content:'\f14a'; } ul.list-icon.check-circle li:before { content:'\f058'; } ul.list-icon li.check-circle:before { content:'\f058'; } /* misc */ ul.list-icon.times li:before { content:'\f00d'; } ul.list-icon li.times:before { content:'\f00d'; } ul.list-icon li.x:before { content:'\f00d'; color:#ccc; } ul.list-icon.ban li:before { content:'\f05e'; } ul.list-icon.dot-circle li:before { content:'\f192'; } ul.list-icon.exclamation-circle li:before { content:'\f06a'; } ul.list-icon.icon-circle li:before { content:'\f05a'; } ul.list-icon.heart-o li:before { content:'\f08a'; } ul.list-icon.heart li:before { content:'\f004'; } ul.list-icon.angle-right li:before { content:'\f105'; } .breaknews-ticker { text-align:left !important; white-space: normal !important; display:block !important; font-size:13px; line-height:20px; } /** 06. Callouts * Not quite alerts, but custom and helpful notes for folks reading the docs. **************************************************************** **/ .bs-callout { clear:both; position:relative; overflow:hidden; background:#ddd; margin:60px 0; padding:36px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .bs-callout.whiteBg { background:#fff !important; } .bs-callout h1, .bs-callout h2, .bs-callout h3 { margin:0; text-transform:none; line-height:30px; } .bs-callout.margin-top { margin:60px 0 0 0; } .bs-callout.margin-bottom { margin:0 0 60px 0; } .bs-callout.margin-footer { margin:0 0 -60px 0; } .bs-callout.styleBackground { padding:50px 0; } .bs-callout .btn { margin:0 20px; } /** 07. Headings **************************************************************** **/ h1, h2, h3, h4, h5, h6 { margin:0; color:#333; font-family:'Open Sans'; font-weight:300; letter-spacing:-1px; } h1 { font-size: 3em; line-height: 44px; margin: 0 0 44px 0; } h2 { font-size: 2.2em; font-weight: 300; line-height: 42px; margin: 0 0 32px 0; } h3 { color: #CCC; font-size: 1.8em; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0 0 32px 0; } h4 { color: #CCC; font-size: 1.4em; font-weight: 400; letter-spacing: normal; line-height: 27px; margin: 0 0 14px 0; } h5 { color: #CCC; font-size: 1em; font-weight: 400; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h6 { color: #333; font-size: 1em; font-weight: 400; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h1 span.subtitle, h2 span.subtitle, h3 span.subtitle { display:block; font-size:15px; padding:0; margin:-10px 0 0 0; } /** 08. Paragraphs **************************************************************** **/ p { line-height: 22px; margin: 0 0 20px; } p.featured { font-size: 1.6em; line-height: 1.5em; font-weight:200; } /** 09. Drop Caps & Cite **************************************************************** **/ p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; } p.drop-caps.secundary:first-child:first-letter { background-color: #CCC; color: #FFF; padding: 6px; margin-right: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } cite:after { content: '\00A0 \2014'; } cite:before { content: '\2014 \00A0'; } /** 10. Blockquote **************************************************************** **/ blockquote { border-left: 5px solid #CCC; font-size: 1.3em; font-style: normal; letter-spacing: -1px; margin: 25px 0 25px 12px; padding: 0 0 0 25px; position: relative; } blockquote p { margin:0; padding:0; } blockquote cite { display: block; font-size: 0.75em; color: #9CA6B4; } /** 11. Progress Bar **************************************************************** **/ .progress { overflow:visible; background:#FAFAFA; height: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .progress-bar { position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } span.progress-bar-tooltip { padding: 4px 8px; background-color: #2E363F; color: #FFF; line-height: 15px; font-size: 11px; display: block; position: absolute; top: -28px; right: 5px; -o-border-radius: 3px; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } span.progress-bar-tooltip:after { border-color:#2E363F transparent; border-style:solid; border-width:5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0; } .progress.progress-striped { height:12px; } /* Circular Bar */ div.circular-bar { margin:10px 0; text-align:center; display:inline-block; height:200px; } div.circular-bar strong { display: block; font-size: 20px; font-weight: 600; line-height: 30px; } div.circular-bar label { display: block; font-size: 16px; font-weight: 300; } div.circular-bar-content { margin-top: -120px; } /** 12. Buttons **************************************************************** **/ .btn, .btn:hover { border: 0; padding: 8px 18px; border:rgba(255,255,255,0) 2px solid; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .btn.notransition { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .btn:active, .btn:focus, .btn.active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.disabled { background-color: #999; border: #bbb 2px solid; } .btn-default { background:none !important; border:#ddd 2px solid; padding:8px 18px; } .btn[disabled] { background-color:#999; border:#bbb 2px solid; } .btn-lg,.btn-lg:hover { padding: 12px 32px; } .btn-sm, .btn-sm:hover { padding: 6px 16px; } .btn-xs, .btn-xs:hover { padding: 3px 13px; } /** 13. Labels **************************************************************** **/ .label { font-weight: normal; padding: 0.4em 0.8em 0.5em; display: inline-block; } .label-default { border: 1px solid #CCC; padding: 0.3em 0.7em 0.4em; } /** 14. Alerts **************************************************************** **/ .alert { border: 0; } .alert i.fa { font-size:20px; margin-right:10px; } .alert.alert-success { background-color:#d2ebb8; border-left:#3C763D 3px solid; } .alert.alert-info { background-color:#aae1f5; border-left:#31708F 3px solid; } .alert.alert-warning { background-color:#fce3a3; border-left:#8A6D3B 3px solid; } .alert.alert-danger { background-color:#f8bac0; border-left:#A94442 3px solid; } /** 15. Pagination **************************************************************** **/ .pagination { /*border:#eee 1px solid;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .pagination > li > a, .pagination > li > span { border: 0; margin-left: 1px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: #F5F7F7; } /** 16. Parallax **************************************************************** **/ .parallax { position:relative; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; width: 100%; padding:80px 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; /* filter: alpha(opacity=0); opacity: 0; */ } .parallax.delayed { -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .parallax.parallax-init { opacity:1; filter:alpha(opacity=100); } .parallax.disable { background-size:auto; } .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .parallax p, .parallax .btn { color:#fff; text-shadow:#000 1px 1px 1px; } .parallax .btn { text-shadow:none; } /** 17. Isotope Filtering **************************************************************** **/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } ul.isotope-filter { margin-bottom:10px; padding-top:30px; padding-bottom:30px; border-bottom:#ddd 1px dotted; border-top:#ddd 1px dotted; } ul.isotope-filter li.active:before { border: 6px solid transparent; border-bottom-color: #f4f5f7; content: ''; position: absolute; bottom:0; left:50%; margin-left:-6px; z-index:10; } ul.isotope { margin:0; padding:0; list-style:none; } /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /* Disabling Isotope CSS3 Transitions **/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /** 18. Dividers **************************************************************** **/ hr { border:0; margin:60px 0; border-top:#ddd 1px solid; border-bottom:#fff 1px solid; } hr.half-margins { margin:30px 0; } hr.no-lines { border:transparent 0px solid; } article hr { margin:30px 0; } .divider { border: 0; margin: 60px 0; height: 4px; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; text-align: center; position: relative; clear: both; } .divider.half-margins { margin:30px 0; } .divider .fa { color: #bbb; background: #f4f5f7; /* same as background color */ text-align: center; display: inline-block; height: 50px; line-height: 50px; text-align: center; width: 50px; font-size: 20px; position: absolute; top: -25px; left: 50%; margin: 0 auto 0 -25px; } .divider.white .fa { /* for white background color OR white rounded icon */ background: #fff; color: #333; } li.divider { margin:6px; } /** 19. Forms **************************************************************** **/ .form-group:after { display:block; content:"."; height:0; line-height:0; clear:both; visibility:hidden; } .form-control { height: 46px; padding: 12px; border:#e6e6e6 2px solid; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .form-control:focus { border-color:#c6c6c6; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } form label { font-weight:300; } /* bootstrap validate icon */ .form-control-feedback { margin-top:8px; } .input-group-btn>button { height: 46px; } /** 20. Count To [number] **************************************************************** **/ div.countTo strong { display: block; font-size: 60px; line-height: 60px; font-weight: 600; } div.countTo label { font-weight: 300; font-size: 22px; line-height: 22px; } /** 21. Tabs **************************************************************** **/ div.tabs { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin:60px 0; } div.tabs div.tab-content { border: 0; padding: 17px; background-color: #FFF; -webkit-border-radius: 6px; -webkit-border-top-left-radius: 0; -moz-border-radius: 6px; -moz-border-radius-topleft: 0; border-radius: 6px; border-top-left-radius: 0; } div.tabs ul.nav-tabs { margin: 0; border: 0; } div.tabs ul.nav-tabs li.active a { border: 0; color: #333; background: #fff; padding-top:15px; } div.tabs ul.nav-tabs a { color: #666; margin-right: 1px; padding: 15px 25px; background: #f9f9f9; border:0 !important; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } div.tabs ul.nav-tabs a i.fa { padding-right:6px; } /** 22. Accordion **************************************************************** **/ .panel-group { padding: 3px; background: #fff; border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .panel { border: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .panel-default > .panel-heading { background: #F5F7F7; padding: 11px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .panel-heading .fa { display: inline-block; font-size: 14px; font-style: normal; font-weight: normal; height: 25px; margin-right: 2px; padding: 5px; position: relative; text-align: right; top: -1px; width: 25px; } .panel-title a { text-decoration:none; display:block; color:#333; } .panel-body { padding: 21px; } /** 23. Toggle **************************************************************** **/ div.toggle { margin: 10px 0 0; position: relative; clear: both; } div.toggle > label { color: #333; background: #fff; cursor: pointer; font-size: 16px; font-weight:normal; padding: 10px 20px; position: relative; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; -o-transition: all .10s ease-out; transition: all .10s ease-out; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.toggle div.toggle-content { border: 0; display: none; background: #fff; margin-top: -5px; padding: 15px 20px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } div.toggle > label:before { content: ''; border: 6px solid transparent; border-top-color: inherit; position: absolute; top: 50%; right: 14px; margin-top: -3px; } div.toggle > label:hover { background: #fff; } div.toggle > label + p { color: #888; height: 25px; display: block; overflow: hidden; padding-left: 10px; } div.toggle.active > label:before { border: 6px solid transparent; border-bottom-color: #fff; right: 14px; margin-top: -10px; } /** 24. Featured Box & Featured Icons **************************************************************** **/ div.featured-box { padding:23px; background:#fff; text-align:center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } div.featured-box.nobg { background:none; } div.featured-box i.fa { padding: 0; color: #fff; margin: 20px 0; font-size: 40px; text-align:center; position: relative; background-color:#333; display: inline-block; width:100px; height:100px; line-height:100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } div.featured-box.nobg i.fa { font-size:30px; margin-top:0; width:70px; height:70px; line-height:70px; } div.featured-box.nobg.border-only i.fa { background:none !important; border:#333 1px solid; } .featured-box-minimal i.fa { color:#fff; padding:0; margin-right:10px; width:35px; height:35px; line-height:35px; font-size:17px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* featured icons - alone */ i.featured-icon { color: #FFF; margin: 25px 0; padding: 0; display: inline-block; font-size: 40px; width: 100px; height: 100px; line-height: 100px; position: relative; background-color:#333; border:#333 1px solid; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } i.featured-icon.half { width: 50px; height: 50px; line-height: 50px; font-size: 20px; } i.featured-icon:after { background: transparent; pointer-events: none; content: ''; display: block; border-radius: 50%; border: 1px solid #333; left: 0; right: 0; width: 100%; height: 100%; margin-top: -100px; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } i.featured-icon.half:after { margin-top: -50px; } i.featured-icon:hover:after { filter: alpha(opacity=100); opacity: 1; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } i.featured-icon.half:hover:after { filter: alpha(opacity=100); opacity: 1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } i.featured-icon.empty { background:none !important; color:#333 !important; } i.featured-icon.pull-left { margin-right:20px; } i.featured-icon.pull-right { margin-left:20px; } /** 25. Image Thumbnail **************************************************************** **/ figure { margin-bottom:10px; } .img-thumbnail { position: relative; padding: 0; border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-thumbnail:after { content: ''; display: block; width: 33px; height: 33px; position: absolute; top: 0; right: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNrMlT1rwlAUhvMhImhEsRQEoRBag2t1Cjo4OmUpgj9D8D+4CeI/cFPcHR0iDiqdpBALgS46qFSKQhBSmwMNtJrozc2XB8Lh3gTuc8953xPyeDwSepAk+aKlZ8LjoE7WPe159RvCF5CAyX7vN2O1Jp/PhxKJBL3ZbNThcKjgQmCBwOHdbvchmUwG9b3lcnkol8sfl2DIE2EafYMk1kwmExyPx4+RSITe7XaqJEkKx3EhfV0qlWQzEArhgkgaqdfr93DgfD5XWJaVcrmcDBnWsF+r1e7sVAKpIovFgoM2FAqF9783hhaJovgE1WAY5g23EkgV0Q6gjfY1cX5DhmpYsSgWyGQy2UM+LTu0CfJgMPjCcYcl1zSbzXWxWIwKghCfTqfB0Wi053k+nM1mw/C+3W5/OqGJqxqpVqvxRqORMvoYBKrpQ16tVqqTEIYgYNVKpRKNxWL0drtVZVk+tFqtlO4cIxC7EEhzBBzS7/dZMxCKsB9X5whYFoYV2DSdToc6nU7Kjjtsg8AYn81mitPtsDzi7c4JR0a82xBYIG5AWAZxC8ISiJsQyCBuQyCBeAFxFcQriIsgXkKYgngNYQjiB8QZiF8Q/0AChL/RO/uL+hUUcQNxExA/AgwAQCThORpp8DAAAAAASUVORK5CYII=') no-repeat; } .img-thumbnail:hover:after { top:2px; right:2px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } /** 26. Modal **************************************************************** **/ .modal-content { overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .modal-header { background-color:#333; } .modal-header button, h4.modal-title { color:#fff !important; opacity:1; } .modal-header button { font-size:30px; } .modal.fade .modal-dialog { z-index:9999; } /** 27. Carousel **************************************************************** **/ .owl-carousel { margin-bottom:20px; } .owl-theme .owl-controls .owl-buttons div { opacity:1; color:#333; filter: Alpha(Opacity=100); background:#fff; border:#eee 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .owl-theme .owl-controls .owl-buttons div:hover { background:#F5F7F7; } .controlls-over .owl-controls { position:absolute; top:50%; left:0; right:0; bottom:0; margin-top:-20px; z-index: 10; } .controlls-over .owl-controls .owl-prev { float:left; } .controlls-over .owl-controls .owl-next { float:right; } .controlls-over .owl-pagination { position:absolute; bottom:0; left:0; right:0; } .owl-theme.controlls-over .owl-controls .owl-page { background:rgba(0,0,0,0.3); } .owl-theme.controlls-over .owl-controls .owl-page:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page:last-child { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page span { background:#fff; } /* top text caption */ .owl-carousel .owl-item div { position:relative; } .owl-carousel .owl-caption { padding:10px; position:absolute !important; left:0; top:0; right:0; margin-top:0; max-width:100%; background:rgba(0,0,0,0.3); display:block; color:#fff; } .owl-carousel .owl-caption p { color:#fff; font-size:13px; line-height:20px; padding:0; margin:0; } .owl-carousel .owl-caption h1, .owl-carousel .owl-caption h1 a, .owl-carousel .owl-caption h2, .owl-carousel .owl-caption h2 a, .owl-carousel .owl-caption h3, .owl-carousel .owl-caption h3 a { color:#fff; font-size:21px; line-height:21px; font-weight:bold; margin-bottom:10px; } .owl-carousel .owl-caption a { color:#fff; font-weight:bold; } /** 28. Breadcrumbs **************************************************************** **/ .breadcrumb { font-size:13px; margin: -3px 0 0; padding:0; position: relative; display: inline-block; background:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /** 29. Nav List (aside) **************************************************************** **/ aside ul.nav-list { padding:0; margin:0; } aside h3, aside h4 { font-size:16px; line-height:20px; margin-bottom:20px; } aside h4 { margin-top:60px; } aside ul.nav-list li{ padding:0; border-bottom:#ccc 1px dotted; } aside ul.nav-list li a { padding-left:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } aside ul.nav-list li.active>a, aside ul.nav-list li a:hover { padding-left:10px; } aside ul.nav-list li a i { padding-right:6px; color:#ddd; } /** 30. Price Table **************************************************************** **/ div.price-table { background:#fff; margin:30px 0; text-align:center; padding-bottom:30px; } div.row.pricetable-container { padding:0 15px; } div.price-table h3 { font-size:25px; line-height:25px; padding:30px 0; border-bottom:#E7E7E7 2px solid; /*text-transform:uppercase;*/ } div.price-table p { color:#666; font-size:36px; padding:30px 0; font-weight:400; } div.price-table p span { display:block; font-size:10px; font-weight:300; text-transform:uppercase; } div.price-table ul { margin:0; padding:0; } div.price-table ul li { list-style:none; font-size:12px; border-bottom:#ddd 1px dashed; padding:8px; text-transform:uppercase; } div.price-table.popular, div.price-table.popular ul li, div.price-table.popular p, div.price-table.popular p span, div.price-table.popular h3 { color:#fff; } div.price-table.popular { background:#676767; } div.price-table .btn { color:#fff; margin-top:30px; } /* mega price table */ div.mega-price-table { margin-top:60px; } div.mega-price-table .btn .caret.pull-right { margin-top:8px; } div.mega-price-table .pricing-title, div.mega-price-table .pricing-head { color:#fff; text-align:center; background-color:rgba(0,0,0,0.6); height:75px; } div.mega-price-table .pricing-title { background-color:transparent !important; padding:15px 0 0 0; margin:0; height:160px; } div.mega-price-table .pricing-title h3 { font-size:50px; line-height:50px; } div.mega-price-table .pricing-head h3 { margin-bottom:3px; display:block; color:#fff; font-size:30px; padding-top:12px; height:36px; } div.mega-price-table h4 { display:block; text-align:center; font-size:60px; padding:20px 0; margin:0; font-weight:400; color:#666; height:85; background-color:rgba(0,0,0,0.03); } div.mega-price-table .pricing:hover h4 { color:#333; text-align:center; } div.mega-price-table .pricing h4 sup, div.mega-price-table .pricing h4 sub { font-size:34px; } div.mega-price-table .pricing-head small { font-size:12px; display:block; color:rgba(255,255,255,0.7); font-weight:300; } div.mega-price-table .pricing-desc li, div.mega-price-table ul.pricing-table li { padding: 10px; font-style: normal; min-height: 41px; text-align:center; } div.mega-price-table ul li.alternate { background-color:rgba(0,0,0,0.03); } div.mega-price-table { padding-left:15px; padding-right:15px; } div.mega-price-table div { padding:0; } div.mega-price-table .pricing { margin-left:1px; background: rgba(0,0,0,0.03); } div.mega-price-table .pricing-desc div, div.mega-price-table .pricing-desc li { text-align:left !important; } div.mega-price-table .btn, div.mega-price-table .list-unstyled, div.mega-price-table .btn-group, div.mega-price-table .btn-toolbar { margin-bottom:0; } div.mega-price-table .pricing.popular { background-color:#676767; } div.mega-price-table .pricing.popular, div.mega-price-table .pricing.popular h3, div.mega-price-table .pricing.popular h4, div.mega-price-table .pricing.popular li, div.mega-price-table .pricing.popular div, div.mega-price-table .pricing.popular .pricing-table i.fa { color:#fff !important; } div.mega-price-table .dropdown-menu { width:100%; } div.mega-price-table .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /** 31. Animation **************************************************************** **/ .appear-animation { opacity: 0; } .animation-visible { opacity: 1 !important; } .animated, .appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } /** 32. Dropcap **************************************************************** **/ p.dropcap:first-letter { float: left; font-size: 70px; line-height: 60px; padding: 4px 8px 4px 4px; margin-right: 6px; margin-top: 0; display:inline-block; color:#333; } p.dropcap.color:first-letter { color:#fff; background:#333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /** 33. Masonry **************************************************************** **/ .masonry-list { margin: 0; padding: 0; width: 100%; list-style: none; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } /** 34. Media Elements **************************************************************** **/ /* video cover WARNING! JS USED! See: MEDIA ELEMENTS */ .video-wrap { top: 0; overflow: hidden; position: absolute; width: 100%; z-index:0; } .video-wrap .mejs-inner { width:100% !important; height:100% !important; } .video-wrap .mejs-poster { -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; } /** 35. Testimonials **************************************************************** **/ .testimonial { margin-bottom:20px; } /* carousel style */ .testimonial.white p, .testimonial.white cite { background-color:#fff; } .testimonial cite { background:#ddd; display:inline-block; padding:0 10px 6px 10px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .testimonial p { color:#000; background:#ddd; padding:20px; font-size:14px; margin-bottom:0; font-style:italic; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .cover .testimonial p, .cover .testimonial cite { background:none !important; color:#fff; font-size:24px; } /* single style */ .testimonial.classic p { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .testimonial.male p, .testimonial.female p { padding-left:52px; background-image:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/female.png); background-repeat:no-repeat; background-position:16px 25px; } .testimonial.male p { background-image:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/male.png); } /**36. Background Patterns *************************************************** **/ .pattern1 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/patterns/pattern1.png) repeat; } .pattern2 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/patterns/pattern2.png) repeat; } .pattern3 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/patterns/pattern3.png) repeat; } .pattern4 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/patterns/pattern4.png) repeat; } .pattern5 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/patterns/pattern5.png) repeat; } .pattern6 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/patterns/pattern6.png) repeat; } .pattern7 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/patterns/pattern7.png) repeat; } .pattern8 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/patterns/pattern8.png) repeat; } .pattern9 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/patterns/pattern9.png) repeat; } .pattern10 { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/patterns/pattern10.png) repeat; } /** 37. Summernote HTML Editor *************************************************** **/ .note-editor { position: relative; border: rgba(0,0,0,0.1) 1px solid; } .note-editor .row-fluid p { display:none; } .note-editor .note-dropzone { position: absolute; z-index: 1; display: none; color: #87cefa; background-color: white; border: 2px dashed #87cefa; opacity: .95; pointer-event: none; } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 28px; font-weight: bold; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #098ddf; border: 2px dashed #098ddf; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-toolbar { background-color: rgba(0,0,0,0.01); border-bottom: 1px solid #eee; } .note-editor.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; background-color:#1F252D; } .note-editor.fullscreen .note-editable { background-color: white; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor.codeview .note-codable { display: block; } .note-editor .note-statusbar { background-color: #f5f5f5; } .note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: ns-resize; border-top: 1px solid #a9a9a9; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9; } .note-editor .note-editable { padding: 10px; overflow: auto; outline: 0; } .note-editor .note-editable[contenteditable="false"] { background-color: #e5e5e5; } .note-editor .note-codable { display: none; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo,Monaco,monospace,sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none; } .note-air-editor { outline: 0; } .note-popover .popover { max-width: none; } .note-popover .popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-popover .popover .arrow { left: 20px; } .note-popover .popover .popover-content,.note-toolbar { padding: 0 5px 5px 5px; margin: 0; } .note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group { margin: 5px 5px 0 0; } .note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group>button { margin:0; border: rgba(0,0,0,0.2) 1px solid; background-color:#fff; } .note-popover .popover .popover-content .note-table .dropdown-menu,.note-toolbar .note-table .dropdown-menu { min-width: 0; padding: 5px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker,.note-toolbar .note-table .dropdown-menu .note-dimension-picker { font-size: 18px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover .popover-content .note-style h1,.note-toolbar .note-style h1,.note-popover .popover .popover-content .note-style h2,.note-toolbar .note-style h2,.note-popover .popover .popover-content .note-style h3,.note-toolbar .note-style h3,.note-popover .popover .popover-content .note-style h4,.note-toolbar .note-style h4,.note-popover .popover .popover-content .note-style h5,.note-toolbar .note-style h5,.note-popover .popover .popover-content .note-style h6,.note-toolbar .note-style h6,.note-popover .popover .popover-content .note-style blockquote,.note-toolbar .note-style blockquote { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px !important; text-align:center; padding:0; } .note-popover .popover .popover-content .note-color .dropdown-menu,.note-toolbar .note-color .dropdown-menu { min-width: 340px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,.note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 0 3px; margin: 3px; font-size: 11px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row { height: 20px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-popover .popover .popover-content .note-para .dropdown-menu,.note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px; } .note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,.note-toolbar .note-para .dropdown-menu>div:first-child { margin-right: 5px; } .note-popover .popover .popover-content .dropdown-menu,.note-toolbar .dropdown-menu { min-width: 90px; } .note-popover .popover .popover-content .dropdown-menu.right,.note-toolbar .dropdown-menu.right { right: 0; left: auto; } .note-popover .popover .popover-content .dropdown-menu.right::before,.note-toolbar .dropdown-menu.right::before { right: 9px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu.right::after,.note-toolbar .dropdown-menu.right::after { right: 10px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu li a i,.note-toolbar .dropdown-menu li a i { color: deepskyblue; visibility: hidden; } .note-popover .popover .popover-content .dropdown-menu li a.checked i,.note-toolbar .dropdown-menu li a.checked i { visibility: visible; } .note-popover .popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10 { font-size: 10px; } .note-popover .popover .popover-content .note-color-palette,.note-toolbar .note-color-palette { line-height: 1; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } .note-dialog>div { display: none; } .note-dialog .note-image-dialog .note-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 30px; line-height: 4; color: lightgray; text-align: center; border: 4px dashed lightgray; } .note-dialog .note-help-dialog { font-size: 12px; color: #ccc; background: transparent; background-color: #222!important; border: 0; -webkit-opacity: .9; -khtml-opacity: .9; -moz-opacity: .9; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); } .note-dialog .note-help-dialog .modal-content { background: transparent; border: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .note-dialog .note-help-dialog a { font-size: 12px; color: white; } .note-dialog .note-help-dialog .title { padding-bottom: 5px; font-size: 14px; font-weight: bold; color: white; border-bottom: white 1px solid; } .note-dialog .note-help-dialog .modal-close { font-size: 14px; color: #dd0; cursor: pointer; } .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-dialog .note-help-dialog .note-shortcut th { font-size: 13px; color: #dd0; text-align: left; } .note-dialog .note-help-dialog .note-shortcut th, .note-dialog .note-help-dialog .note-shortcut tr { background:transparent !important; } .note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; padding-right: 10px; font-family: "Courier New"; color: #dd0; text-align: right; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black; } .note-handle .note-control-selection>div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); } .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; background-color: white; border: 1px solid black; } .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none; } .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: white; background-color: black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: .7; -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); } table, .note-editor .note-editable { background-color:#f9f9f9; } /** 38. Colors colors.css v2.0.0 http://clrs.cc SKINS - Backgrounds - Colors - Border colors - SVG fills - SVG Strokes *************************************************** **/ /* Backgrounds */ .bg-navy { background-color: #001F3F !important; } .bg-blue { background-color: #0074D9 !important; } .bg-aqua { background-color: #7FDBFF !important; } .bg-teal { background-color: #39CCCC !important; } .bg-olive { background-color: #3D9970 !important; } .bg-green { background-color: #2ECC40 !important; } .bg-lime { background-color: #01FF70 !important; } .bg-yellow { background-color: #FFDC00 !important; } .bg-orange { background-color: #FF851B !important; } .bg-red { background-color: #FF4136 !important; } .bg-fuchsia { background-color: #F012BE !important; } .bg-purple { background-color: #B10DC9 !important; } .bg-maroon { background-color: #85144B !important; } .bg-white { background-color: #fff !important; } .bg-gray { background-color: #aaa !important; } .bg-silver { background-color: #ddd !important; } .bg-black { background-color: #111 !important; } /* Colors */ .navy { color: #001F3F !important; } .blue { color: #0074D9 !important; } .aqua { color: #7FDBFF !important; } .teal { color: #39CCCC !important; } .olive { color: #3D9970 !important; } .green { color: #2ECC40 !important; } .lime { color: #01FF70 !important; } .yellow { color: #FFDC00 !important; } .orange { color: #FF851B !important; } .red { color: #FF4136 !important; } .fuchsia { color: #F012BE !important; } .purple { color: #B10DC9 !important; } .maroon { color: #85144B !important; } .white { color: #fff !important; } .silver { color: #ddd !important; } .gray { color: #aaa !important; } .black { color: #111 !important; } /* Border colors Use with another border utility that sets border-width and style i.e .border { border-width: 1px; border-style: solid !important; } */ .border-navy { border-color: #001F3F !important; } .border-blue { border-color: #0074D9 !important; } .border-aqua { border-color: #7FDBFF !important; } .border-teal { border-color: #39CCCC !important; } .border-olive { border-color: #3D9970 !important; } .border-green { border-color: #2ECC40 !important; } .border-lime { border-color: #01FF70 !important; } .border-yellow { border-color: #FFDC00 !important; } .border-orange { border-color: #FF851B !important; } .border-red { border-color: #FF4136 !important; } .border-fuchsia { border-color: #F012BE !important; } .border-purple { border-color: #B10DC9 !important; } .border-maroon { border-color: #85144B !important; } .border-white { border-color: #fff !important; } .border-gray { border-color: #aaa !important; } .border-silver { border-color: #ddd !important; } .border-black { border-color: #111 !important; } /* Fills for SVG */ .fill-navy { fill: #001F3F !important; } .fill-blue { fill: #0074D9 !important; } .fill-aqua { fill: #7FDBFF !important; } .fill-teal { fill: #39CCCC !important; } .fill-olive { fill: #3D9970 !important; } .fill-green { fill: #2ECC40 !important; } .fill-lime { fill: #01FF70 !important; } .fill-yellow { fill: #FFDC00 !important; } .fill-orange { fill: #FF851B !important; } .fill-red { fill: #FF4136 !important; } .fill-fuchsia { fill: #F012BE !important; } .fill-purple { fill: #B10DC9 !important; } .fill-maroon { fill: #85144B !important; } .fill-white { fill: #fff !important; } .fill-gray { fill: #aaa !important; } .fill-silver { fill: #ddd !important; } .fill-black { fill: #111 !important; } /* Strokes for SVG */ .stroke-navy { stroke: #001F3F !important; } .stroke-blue { stroke: #0074D9 !important; } .stroke-aqua { stroke: #7FDBFF !important; } .stroke-teal { stroke: #39CCCC !important; } .stroke-olive { stroke: #3D9970 !important; } .stroke-green { stroke: #2ECC40 !important; } .stroke-lime { stroke: #01FF70 !important; } .stroke-yellow { stroke: #FFDC00 !important; } .stroke-orange { stroke: #FF851B !important; } .stroke-red { stroke: #FF4136 !important; } .stroke-fuchsia { stroke: #F012BE !important; } .stroke-purple { stroke: #B10DC9 !important; } .stroke-maroon { stroke: #85144B !important; } .stroke-white { stroke: #fff !important; } .stroke-gray { stroke: #aaa !important; } .stroke-silver { stroke: #ddd !important; } .stroke-black { stroke: #111 !important; } /** --. Printable Div If want to dismiss these rules, add to body: class="printable" Or simply delete custom rules! *************************************************** **/ @media print { /* @CUSTOM RULES */ body * { visibility: hidden; margin:0; padding:0; } .printable * { visibility: visible; } /* print resets */ #wrapper { margin:0 !important; padding:20px 0 0 0 !important; } /* display none for all other elements - remove whitespaces */ #topNav, #header_shadow, #footer, #page-title, .btn { display:none; } /* @REQUIRED RULES */ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } } /** ********************************************** ** @Author Dorin Grigoras @Website www.stepofweb.com @Last Update 8:23 AM Friday, February 07, 2014 TABLE CONTENTS ------------------------------- 01. Globals 02. Boxed Layout 03. Top Nav 04. Slider 05. Content 06. Special Pages (maintenance, coming soon, etc) 07. Contact 08. Item Box (team, shop, etc) 09. Comments 10. Footer 11. Global Search 12. Quick Shop Cart 13. Mixitup *************************************************** **/ /** 01. Globals **************************************************************** **/ html { overflow-x: hidden; overflow-y: auto; } html, body { min-height: 100%; } body { color:#2E363F; background-color:#f1f2f7; font-family:'Open Sans', Arial, sans-serif; font-size:14px; line-height:23px; margin:0; padding:0 !important; } #wrapper { /* top nav height */ padding:81px 0; /* under top nav */ /* z-index:98; Causes problems with HTML editor */ position:relative; background-color:rgba(244,245,247,0.9); /* if background image used */ overflow:hidden; min-height:550px; } html.overflow-hidden, body.overflow-hidden { overflow:hidden !important; } section.margin-footer { margin-bottom:-81px; /* see wrapper padding */ } span.global-overlay { background-color:rgba(0,0,0,0.3); position:fixed; top:0; right:0; bottom:0; left:0; z-index:99; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } /** 02. Boxed Layout **************************************************************** **/ body.boxed { background-color:#D7D6D6; } body.boxed #wrapper { background-color:#f4f5f7; } body.boxed #wrapper, body.boxed header, /* IE BUG */ body.boxed footer { margin:auto; max-width:1170px; } /** 03. Top Nav **************************************************************** **/ #header_shadow { background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/header_shadow.png) no-repeat top center; position:fixed; top:81px; left:0; right:0; height:75px; z-index:99; /* same with header#page-title .container */ } header#topHead { height:40px; line-height:40px; width:100%; position:relative; top: 0; left:0; right:0; /* do not remove - position:fixed added by javascript */ background-color:#fff; z-index:101; border-bottom:#eee 1px solid; } header#topHead form div.checkbox label { padding-left:20px; } header#topHead a.social { text-align:center; margin:1px 0 0 1px; font-size:20px; padding:0; background:transparent; color:#ccc; } header#topHead .nav { margin-right:10px; } header#topHead a { color:#999; font-size:13px; padding-right:10px; } header#topHead .btn-group.open .dropdown-toggle { -webkit-box-shadow:none; box-shadow:none; } header#topHead .dropdown-menu { background-color:#2E363F; } header#topHead .dropdown-menu li a img, header#topHead button.language img, header#topHead button.language { font-size:13px; display:inline-block; margin-right:6px; } header#topHead .dropdown-menu li a { color:#fff; padding:6px 10px; font-size:13px; } header#topHead .dropdown-menu li:hover a { background-color:#1B1F23; } header#topHead .dropdown-menu:after { content: " "; display: block; position: absolute; width: 0; height: 0; right:10px; top: -18px; border:#2E363F 10px solid; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; } header#topNav.topHead { top:40px; } header#topNav { background:#fff; padding:10px 0; position:fixed; top: 0; left:0; right:0; width:100%; z-index:100; /* always on top */ border-bottom:#F4F5F7 1px solid; box-shadow:#eee 0 0 8px; } header#topNav.hasTopHead { top:40px !important; } header#topNav .nav>li:last-child>a { padding-right:0; } header#topNav div.nav-main-collapse { margin-top:16px; z-index:300; } header#topNav div.nav-main-collapse, header#topNav div.nav-main-collapse.in { overflow-y: visible; } header#topNav div.nav-main-collapse.in { overflow-y: visible; float: none; margin: 0; } header#topNav nav ul.nav-main { margin: -7px 0 8px 0; z-index:300; } header#topNav nav ul.nav-main i.icon-caret-down { background: transparent; border-radius: 100%; color: #ADB0AD; display: inline-block; font-size: 12px; height: 14px; line-height: 15px; position: relative; text-align: center; top: -1px; width: 14px; } header#topNav nav ul.nav-main > li + li { margin-left: -4px; } header#topNav nav ul.nav-main .dropdown-submenu { position: relative; } header#topNav nav ul.nav-main .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } header#topNav nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu { display: block; } header#topNav nav ul.nav-main .dropdown-submenu > a:after { content: " "; display: block; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #CCC; margin-top: 5px; margin-right: -10px; } header#topNav nav ul.nav-main .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } header#topNav nav ul.nav-main .dropdown-submenu.pull-left { float: none; } header#topNav nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } header#topNav nav ul.nav-main ul.dropdown-menu, header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle, header#topNav nav ul.nav-main li.active a { background-color: transparent; } header#topNav nav ul.nav-main ul.dropdown-menu { top: auto; border: 0; border-radius: 6px; margin: 0 0 0 0; padding: 10px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; } header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { margin-left:-6px !important; margin-top:-10px !important; box-shadow: rgba(0,0,0,0.5) 0 0 6px !important; -moz-box-shadow: rgba(0,0,0,0.5) 0 0 6px !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a { filter: none; } header#topNav nav ul.nav-main ul.dropdown-menu > li > a { position: relative; font-weight: normal; padding: 6px 20px 6px 12px; } header#topNav nav ul.nav-main ul.dropdown-menu li:last-child > a { border-bottom: 0; } header#topNav nav ul.nav-main li a { background: none; font-style: normal; line-height: 20px; color: #9C9C9C; font-weight: 100; position: relative; font-size: 1.1em; } header#topNav nav ul.nav-pills > li > a, header#topNav nav ul.nav-pills > li > a:hover, header#topNav nav ul.nav-pills > li > a:focus, header#topNav nav ul.nav-pills > li.active > a, header#topNav nav ul.nav-pills > li.active > a:hover, header#topNav nav ul.nav-pills > li.active > a:focus { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; background: none; } header#topNav nav ul.nav-main li ul a { text-transform: none; font-weight: normal; font-size: 0.9em; } header#topNav nav ul.nav-main li.dropdown:hover > a { padding-bottom: 11px; margin-bottom: -1px; position: relative; } header#topNav nav ul.nav-main li.dropdown:hover > a:after { content: " "; display: block; position: absolute; width: 0; height: 0; left: 40%; bottom: -3px; border-left: 10px solid transparent; border-right: 10px solid transparent; } header#topNav nav ul.nav-main li.dropdown:hover > ul { display: block; z-index:300; } header#topNav li.divider { border:0; border-bottom:#465260 1px solid; border-top:#1B1F23 1px solid; padding:0; } header#topNav li a i.fa { padding-right:6px; } header#topNav li a em { color:#fff; } header#topNav a.logo { color:#333; text-decoration:none; font-size:35px; display:inline-block; height:60px; line-height:50px; font-weight:600; letter-spacing:-2px; } header#topNav button.btn-mobile { color:#fff; display: none; background:#2E363F; padding:6px 10px; margin-top:8px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } header#topNav button.btn-mobile i { padding:0; margin:0; font-size:21px; } /* force btn default styles to be available on header */ header#topNav a.btn-warning { background-color:#f0ad4e !important; } header#topNav a.btn-info { background-color:#5bc0de !important; } header#topNav a.btn-danger { background-color:#d9534f !important; } /* Top Down Full Width .mega-menu-fullwidth ul.dropdown-menu { position:fixed; left:0; right:0; margin-left:0 !important; margin-right:0 !important; border-radius:0 !important; } */ /* SIGN IN Top Head Drop Down */ #topHead .signin-dd { position:relative; } #topHead .signin-dd .dropdown-menu { padding:5px 10px; } #topHead .signin-dd h2, #topHead .signin-dd h3, #topHead .signin-dd h4, #topHead .signin-dd h5, #topHead .signin-dd h6 { font-size:16px; line-height:23px; display:block; margin-bottom:6px !important; } #topHead .signin-dd h4, #topHead .signin-dd { color:#fff; margin:0; } #topHead .signin-dd p { color:#888; } #topHead .signin-dd input[type="text"], #topHead .signin-dd input[type="password"], #topHead .signin-dd input[type="email"] { margin:0; border:0; padding:8px !important; height:38px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #topHead .signin-dd .input-group input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #topHead .signin-dd p, #topHead .signin-dd form, #topHead .signin-dd form a, #topHead .signin-dd form label { font-size:13px; } #topHead .signin-dd form { width:250px; } #topHead .signin-dd .form-group { margin-bottom:3px !important; } #topHead .signin-dd form .input-group-btn, #topHead .signin-dd form label { margin:0; padding:0; line-height:20px; } #topHead .signin-dd form div.checkbox { line-height:20px; margin:3px 0 0 0; } #topHead .signin-dd form div.checkbox input { /* IE FIX */ float:left; display:inline-block; margin-top:4px; margin-right:6px; } #topHead .signin-dd form div.checkbox label { display:inline-block; } #topHead .signin-dd form .input-group-btn .btn, #topHead .signin-dd form .input-group .btn, #topHead .signin-dd form .form-control { border:0; height:38px; margin-top:0; } #topHead .signin-dd form button, #topHead .signin-dd form button:hover { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } #topHead .signin-dd form button:after { content: " "; display: block; position: absolute; width: 0; height: 0; z-index:100; left: -18px; top: 50%; margin-top:-10px; } #topHead .signin-dd form button:hover:after { margin-left:-1px; /* temporary fix */ } #topHead .dropdown-menu hr { border: 0; padding: 0; margin: 10px 0; border-bottom: #465260 1px solid; border-top: #1B1F23 1px solid; } #topHead .bottom-create-account { text-align:center; margin:0 -10px -5px -10px; } #topHead .bottom-create-account a { background:rgba(0,0,0,0.2); margin-top:6px; padding:6px 0; display:block; text-decoration:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #topHead .bottom-create-account a:hover { background:rgba(0,0,0,0.5); } /** 04. Slider **************************************************************** **/ #slider * { color:#fff; } #slider { color:#fff; background:#E2E6E9; border-bottom:#ddd 1px solid; box-shadow:#ddd 0 0 5px; position:relative; margin-top:-10px !important; margin-bottom:60px !important; } #slider.full-screen { background:#f6f6f6; overflow:hidden; width:100%; margin:0; padding:0; display:block; margin-top:-81px !important; /* see #wrapper padding */ } #slider.nomargin-top { margin-top:0 !important; } #slider .fullscreen-img { background-repeat: no-repeat; background-position: 50% 50%; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #slider li { display:none; } .image-caption { text-align:center; position: absolute; left: 50%; top: 50%; margin-top:-30px; /* header height/2 */ display: inline-block; max-width: 900px; z-index:2; color:#fff; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #slider .image-caption .inner { display:block; padding:40px 0; } #slider .image-caption .inner h1, #slider .image-caption .inner h2, #slider .image-caption .inner h3 { color:#fff; font-size:33px; line-height:33px; margin:0 0 1px 0; display:inline-block; padding:6px; text-transform:uppercase; -webkit-text-stroke: 0.2px; } #slider .image-caption .inner h1 { font-size:60px; line-height:60px; font-weight:600; background:rgba(255,255,255,0.3); display:inline-block; } #slider .image-caption .inner p { padding:3px 10px; margin:0 0 1px 0; display:inline-block; background:#fff; color:#333; -webkit-text-stroke: 0.2px; } #slider .image-caption .inner .btn { margin-top:40px; font-size:30px; padding-bottom:15x; font-weight:200; -webkit-text-stroke: 0.2px; } #slider .image-caption img.img-responsive {/* if images used on the slider */ width:100% !important; height:auto !important; position:relative !important; z-index:10 !important; left:auto !important; top:auto !important; } #slider .overlay { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.3); z-index:1; } #slider .overlay.invisible { background:rgba(0,0,0,0); visibility:visible; } /* controlls */ #slider a.next, #slider a.prev { top:50%; color: #fff; font-size: 62px; filter: alpha(opacity=50); opacity:0.5; text-decoration:none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #slider a.next:hover, #slider a.prev:hover { color: #fff; font-size: 70px; filter: alpha(opacity=100); opacity:1; } #slider a.prev { left: 10px } #slider a.prev:after { font-family: FontAwesome; content: '\f104'; } #slider a.next { right: 10px } #slider a.next:after { font-family: FontAwesome; content: '\f105'; } /* half screen height */ #slider.half-screen, #slider.half-screen li { height:600px !important; margin:0; padding:0; } /* custom */ #slider.full-screen, #slider.half-screen { background:#F0F0F0 url(//d3s4z2q0a2ovcp.cloudfront.net/../images/loading.gif) no-repeat center; } #slider .slides-pagination { bottom:60px !important; } #slider.video { background-position:center center; background-repeat:no-repeat; background-size: cover; } #video-volume { bottom: 85px; left: 50%; margin: 0 0 0 -15px; position: absolute; z-index: 10; width: 30px; height: 30px; line-height: 26px; font-size: 20px; text-align: center; border-radius: 50%; border: 1px solid #fff; color: #FFFFFF; cursor: pointer; } /* slider with no image background */ #slider .noimg-slider h1 { font-size:120px !important; line-height:120px !important; background:none !important; font-weight:900 !important; display:block !important; padding:0 !important; } #slider .noimg-slider p { background:none !important; padding:0 !important; font-weight:200; display:block !important; -webkit-text-stroke: 0.2px; } /* bottom button */ .slider-button { display:block; text-align:center; margin-top:-110px; margin-bottom:60px; position:relative; z-index:99; } .bottom-button { border:#F4F5F7 8px solid; width:100px; height:100px; line-height:86px; display:inline-block; position:relative; background:#F4F5F7; text-align:center; padding:0; margin:0; font-size:90px; text-decoration:none !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } /* boxed slider */ body.boxed #slider li { position:relative; } body.boxed #slider .image-caption { left:30%; } /** 05. Content **************************************************************** **/ /* page title */ header#page-title { color:#fff; padding:20px 0; background:#ddd; position:relative; margin-bottom:40px; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } header#page-title h1, header#page-title h2 { font-size: 2.2em; font-weight: 300; line-height: 42px; } header#page-title.big { padding:180px 0; } header#page-title.big h1 { color:#fff; font-size: 3em; line-height: 44px; line-height:50px; } header#page-title .container { color:#fff; z-index:99; /* eq #header_shadow */ position:relative; } header#page-title h1 { margin:0; padding:0; color:#fff; } header#page-title.big .breadcrumb { background:rgba(255,255,255,0.8); padding:0 5px; } /* header parallax */ header#page-title.parallax { margin-top:-100px; padding-top:280px; } .no-page-title { margin-top:50px; } /* stick element to footer */ .stick-to-footer { margin-bottom:-81px; /* see #wrapper padding */ } /* image inside article */ a.inner.pull-left, img.inner.pull-left { margin-right:25px; } a.inner.pull-right, img.inner.pull-right { margin-left:25px; } /* 404 */ div.e404 { font-size:1500%; line-height:200px; color:#ddd; } .top-content-search { margin:30px 0 60px 0; width:100%; } /* if no header used */ .top-no-header { position:relative; padding-top:30px; } /* demo only, optional - can be deleted on production */ .white-grid span { background:#fff; line-height: 40px; min-height: 40px; text-align: center; display: block; } .white-row { padding:20px; margin-bottom:20px; background-color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } /* General Page Title */ header.page-title h1, h1.page-title { font-size:40px !important; line-height:40px !important; text-transform:none !important; font-weight:300 !important; margin:0; } h1.page-title, header.page-title { margin-bottom:30px; } /* special row -mostly used by one page */ .special-row .divider i.fa, .special-row { background-color:#e8eaee; } .special-row .divider.white .fa { background: #fff; } /* revolution slider */ .tp-banner-container { overflow:hidden; position:relative; } .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } .tp-caption.roundedimage img { -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; } .fullscreenbanner-container, .fullwidthbanner-container { background:#E2E6E9; margin-bottom:60px !important; } .fullscreenbanner-container li, .fullwidthbanner-container li { visibility:hidden; } .tp-bullets { bottom:10px !important; } .tp-caption a.btn, .tp-caption a.btn:hover { color:#fff; text-decoration:none; } .tp-bannershadow { width:100% !important; } .tp-caption h1 { color:#fff; font-size:350%; } .tp-caption h2 { color:#fff; font-size:180%; } /* modal wrapper bugfix */ .modal { padding-top:130px; background:rgba(0,0,0,0.3); } .modal-backdrop { z-index: 1 !important; /* because of #wrapper */ } /* isotope filter */ li.masonry-item, ul.isotope { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } li.masonry-item.fadeIn, ul.isotope.fadeIn { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* loader */ span.js_loader { position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(255,255,255,0.1); text-align:center; padding-top:10%; } /* Custom Arrows */ .tp-bannertimer { background:#777 !important; background:rgba(0,0,0,0.1) !important; height:5px !important; } .tparrows:before { font-family: 'revicons'; color: #fff; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: 0; margin-top: 9px; text-align: center; width: 40px; font-size: 20px; } .tparrows { cursor: pointer; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 5px; border-radius: 5px; width: 40px !important; height: 40px !important; } .tparrows:hover { color: #fff; } .tp-leftarrow:before { content: '\e824'; } .tp-rightarrow:before { content: '\e825'; } .tparrows.tp-rightarrow:before { margin-left: 1px; } .tparrows:hover { background: rgba(0, 0, 0, 1) !important; } .rev_slider_wrapper .tparrows:before { margin-top:0 !important; } .rev_slider_wrapper .tparrows.tp-rightarrow:before { margin-left: 15px; } /* revslider 5 */ .rev_slider_wrapper.arrows-bottom .tparrows { top:100% !important; } .rev_slider_wrapper .tp-caption { text-shadow:none; } .rev_slider_wrapper .inner { bottom:inherit !important; right:auto !important; width:auto !important; height:auto !important; } .rev_slider_wrapper.bottom-noinherit .inner { bottom:0 !important; } .tp-tabs, .tp-tab-mask, .tp-thumb-mask { z-index:1001; } .tp-thumbs { width:auto; } .rev_slider_wrapper.bottom-noinherit .tp-tab-mask { transform: matrix(1, 0, 0, 1, 0, 100) !important; height:100% !important; max-height:100% !important; } .rev_slider_wrapper.tparrows-bottom .tparrows { top:auto !important; bottom:-80px !important; margin-top:0 !important; } /**/ .rev_slider_wrapper.arrows-bottom .tparrows.tp-rightarrow:before { margin-left: 0; } .rev_slider_wrapper.arrows-bottom .tparrows { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .rev_slider_wrapper.button-force-fix .tparrows.tp-rightarrow:before, .rev_slider_wrapper.fullwidthbanner-container .tparrows.tp-rightarrow:before { margin-left:0; } .rev_slider_wrapper.tparrows-bottom .uranus.tparrows.tp-rightarrow:before { margin-left:0; } .rev_slider_wrapper.button-force-fix .uranus.tparrows:before, .rev_slider_wrapper.tparrows-bottom .uranus.tparrows:before { width: 40px; height: 40px; line-height: 40px; font-size: 30px; } .rev_slider_wrapper.button-extrafix .tparrows:before { line-height:23px; width:23px; } .rev_slider_wrapper.button-extrafix .metis.tparrows:before { color:#fff; } .uranus.tparrows:before { width: 40px; height: 40px; line-height: 40px; font-size: 28px; } /* end custom arrows */ /* box-icon line separator */ .featured-box.left-separator { border-left:#e6e6e6 1px solid; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } /* misc */ .alert-minimal { padding:6px 15px; border-radius:0; } .alert.alert-default { background-color: rgba(0,0,0,0.08); border-left: rgba(0,0,0,0.6) 3px solid; } /** 06. Special Pages - maintenance, coming soon, etc **************************************************************** **/ .special-page { position:absolute; z-index:1000; left:0; right:0; top:0; } .special-page .center-box { padding:20px; margin-top:10%; background-color:rgba(255,255,255,0.3); border:rgba(255,255,255,0.1) 10px solid; box-shadow:rgba(0,0,0,0.1) 0 0 20px inset; text-align:center; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .special-page .center-box h1 { color:#fff; text-transform:uppercase; font-weight:300; font-size:60px; line-height:60px; margin:0; } .special-page .center-box h1 .subtitle { color:#fff; font-size:15px; line-height:26px; padding-top:10px; text-transform:none; font-weight:400; } .special-page .center-box h2, .special-page .center-box h3 { color:#fff; font-size:22px; } .special-page .progress-label, .special-page .center-box p { color:#fff; } .special-page .center-box hr { border:0; margin:40px 0; border-bottom:rgba(255,255,255,0.3) 1px solid; } @media only screen and (max-width: 479px) { .special-page .center-box h1 { font-size:30px; line-height:30px; } .special-page .center-box h1 .subtitle { font-weight:300; padding-top:20px; } } /** 07. Contact **************************************************************** **/ #gmap { width:100%; height:400px; display:block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; z-index:1; } #gmap_default { width:100%; height:400px; display:block; } .err { border-color:#ff0000; } /** 08. Item Box (team, shop, etc) **************************************************************** **/ .item-box { background:#fff; overflow:hidden; margin:16px 0; width:100%; position:relative; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .item-box.fullwidth { max-width:100%; } .item-box figure { width:100%; display:block; margin-bottom:0; overflow:hidden; position:relative; text-align:center; } .item-box.fixed-box figure img { width:100%; height:auto; } .item-box-desc { padding:10px 20px; overflow:hidden; } .item-box-desc p { margin-top:20px; display:block; overflow:hidden; text-overflow:ellipsis; /*white-space: nowrap;*/ } .item-box.fixed-box .item-box-desc p { height:98px; } .item-box-desc h4 { padding:0; margin:0; } .item-box .item-box-desc small { display:block; } .item-box.fixed-box .item-box-desc { height:256px; } .item-box.fixed-box figure { max-height:263px; } .item-box .socials { border-top:#eee 1px solid; text-align:center; display:block; } /* hover */ .item-box .item-hover, .item-box .item-hover .overlay { -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .item-box .item-hover { opacity: 0; filter: alpha(opacity=0); position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; color:#fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .item-box .item-hover, .item-box .item-hover button, .item-box .item-hover a { color:#fff; } .item-box .item-hover .inner { position:absolute; display:block; left:0; right:0; top:50%; margin-top:-30px; z-index:100; } .item-box:hover .item-hover { opacity: 1; filter: alpha(opacity=100); } /** 09. Comments **************************************************************** **/ #comments .comment { margin:40px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #comments a.replyBtn { float:right; font-size:11px; text-transform:uppercase; } #comments span.user-avatar { background:#eee; width:64px; height:64px; float:left; margin-right:10px; } #comments form .col-md-3, #comments form .col-md-4, #comments form .col-md-6, #comments form .col-md-12 { padding:2px; } #comments form label { padding:6px 0 0 4px; } #commentForm { padding:15px; } /** 10. Footer **************************************************************** **/ footer { color:#87919F; font-size:13px; overflow:hidden; } footer a, footer a:hover { color:#fff; } footer ul, footer ul li { list-style:none; margin:0; padding:0; } footer .footer-bar { background:#292f38; display:block; text-transform:uppercase; position:relative; } footer .footer-bar .fa { margin-left:10px; } footer .footer-bar .copyright { display:inline-block; padding:20px 0; } footer .footer-bar .toTop { position:absolute; right:0; padding:20px 0; padding-left:70px; width:50%; display:inline-block; float:right; text-align:center; border-left:#403E44 1px dashed; } footer .footer-bar .toTop:hover { text-decoration:none; } /* footer columns */ footer .footer-content { background:#2E363F; border-top:#403E44 1px dashed; padding:30px 0; display:block; } footer .footer-content h3 { color:#fff !important; font-weight:200; font-size:16px; } footer .column { display:block; height:100%; } /* footer logo */ footer .column.logo { position:rtelative; background:#292f38; display:block; margin-top:-30px; margin-bottom:-30px; padding-top:50px; padding-bottom:50px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } footer .column.logo h4 { color:#fff; font-size:20px; padding:0; margin:0; } /* footer latest posts */ footer .post-item, footer .post-item p, footer .post-item small { padding:0; margin:0; display:block; } footer .post-item { border-top:#403E44 1px dashed; padding-top:10px; margin-top:10px; } footer .post-item:first-child { border-top:0; } footer .post-item small { font-size:11px; } footer .post-item h3 { font-size:13px; line-height:20px; font-weight:normal; padding:0; margin:0; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; text-transform:none; } footer .view-more { display:block; margin-top:20px; font-size:13px; } /* footer contact */ footer address .footer-sprite { margin-bottom:20px; padding-left:30px; background:url(//d3s4z2q0a2ovcp.cloudfront.net/../images/footer_sprite.png) no-repeat 0 0; } footer address .footer-sprite:last-child { margin-bottom:0; } footer p { line-height:18px; } footer p.contact-desc { margin:0 0 30px 0; padding:0 0 10px 0; border-bottom:#403E44 1px dashed; } footer address .footer-sprite.address { background-position:0 0; } footer address .footer-sprite.phone { background-position:0 -138px; line-height:30px; } footer address .footer-sprite.email { background-position:0 -247px; } /** 11. Global Search **************************************************************** **/ header#topNav li.search { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; cursor:pointer; background:rgba(0,0,0,0.03); line-height:40px; width:40px; height:40px; text-align:center; font-size:17px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } header#topNav li.search:before { content: "\f002"; } header#topNav li.search form { width:300px; padding:10px; height:60px; background-color:#F8F8F8; position:fixed; left:-999px; } header#topNav li.search form button:hover header#topNav li.search form button { width:49px !important;; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } header#topNav li.search form button:after { content: " "; display: block; position: absolute; width: 0; height: 0; z-index:100; left: -18px; top: 50%; margin-top:-10px; } header#topNav li.search form button:hover:after { margin-left:-1px; /* temporary fix */ } header#topNav li.search form button, header#topNav li.search form input { height:40px; border:#F8F8F8 !important; margin-top:0 !important; margin-bottom:0 !important; font-family:'Open Sans', Arial, sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } header#topNav li.search.open { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } header#topNav li.search.open form { position:relative; left:0; } header#topNav li.search.open:before { content: "\f00d"; } /** 12. Quick Shop Cart **************************************************************** **/ header#topNav li.quick-cart { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; position:relative; cursor:pointer; background:rgba(0,0,0,0.03); line-height:40px; width:40px; height:40px; text-align:center; font-size:17px; margin-left:10px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } header#topNav li.quick-cart:before { content: "\f07a"; } header#topNav li.quick-cart .badge { font-family:'Open Sans'; position:absolute; top:-4px; right:-4px; color:#999; font-size:12px; background-color:#F8F8F8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } header#topNav li.quick-cart .quick-cart-content { font-family:'Open Sans'; width:250px; position:absolute; top:40px; right:0; background-color:#F8F8F8; text-align:left; padding:10px; } header#topNav li.quick-cart .quick-cart-content p { padding:0 0 6px 0; margin:0; font-size:13px; } header#topNav li.quick-cart .quick-cart-content a.item { clear:both; display:block; color:#999; padding:10px 0; font-size:13px; line-height:16px; min-height:60px; text-decoration:none; border-bottom:rgba(0,0,0,0.1) 1px solid; background:rgba(0,0,0,0.03); } header#topNav li.quick-cart .quick-cart-content a.item:hover { background:rgba(0,0,0,0.06); } header#topNav li.quick-cart .quick-cart-content a.item img { margin-right:10px; margin-left:8px; } header#topNav li.quick-cart .quick-cart-content a.item span.title, header#topNav li.quick-cart .quick-cart-content a.item span.price { display:block; font-size:14px; max-height:39px; overflow:hidden; } header#topNav li.quick-cart .cart-footer div.nopadding-right { margin-top:6px; padding-right:6px !important; } header#topNav li.quick-cart .cart-footer div.nopadding-left { margin-top:6px; padding-left:6px !important; } header#topNav li.quick-cart .cart-footer a.btn { color:#fff !important; font-size:13px !important; } header#topNav li.quick-cart.open { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } header#topNav li.quick-cart .quick-cart-content { position:fixed; left:-999px; } header#topNav li.quick-cart.open .quick-cart-content { cursor:default; position:absolute; left:auto; right:0; } header#topNav li.quick-cart.open:before { content: "\f00d"; } /* mobile button */ #btn-mobile-quick-cart { font-size:16px; display:none; border-left: rgba(0,0,0,0.1) 1px solid; padding:0 15px !important; } /** 13. Mixitup **************************************************************** **/ .mix-grid .mix { opacity: 0; display: none; } .mix.nogutter, .mix.nogutter>.item-box { padding:0 !important; margin:0 !important; line-height:0; } /** Responsive Rules *************************************************** **/ /* Logo */ @media (max-width: 768px) { .logo-img { max-width: 200px; } } @media (min-width: 768px) { .logo-img { max-width: 400px; } } /* Mega Menu */ @media (min-width: 990px) { nav.mega-menu .nav, nav.mega-menu .dropup, nav.mega-menu .dropdown, nav.mega-menu .collapse { position: static; } header#topNav nav.mega-menu ul.nav-main .mega-menu-content { text-shadow: none; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu { color: #87919F; padding: 0; margin: 0 15px; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* two columns */ header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu { min-width:350px; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu ul.dropdown-menu { top:4px; min-width:160px; padding:6px 2px; box-shadow:rgba(0,0,0,0.3) 0 0 6px; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-two-columns ul.dropdown-menu ul.dropdown-menu li a { font-weight: normal; text-transform: none; position: relative; padding: 6px 20px; margin:0 -2px; background: none; font-style: normal; line-height: 20px; color: #9C9C9C; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title { display: block; font-size: 1em; font-weight: 600; padding-bottom: 5px; text-transform: uppercase; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu { list-style: none; padding: 0; margin: 0; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a { display: block; margin: 0 0 0 -8px; padding: 6px 8px; text-transform: none; font-size: 0.9em; font-weight: normal; text-shadow: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover { text-decoration: none; } header#topNav nav.mega-menu .navbar-inner, header#topNav nav.mega-menu .container { position: relative; } header#topNav nav.mega-menu .dropdown-menu { left: auto; } header#topNav nav.mega-menu .dropdown-menu > li { display: block; } header#topNav nav.mega-menu .nav.pull-right .dropdown-menu { right: 0; } header#topNav nav.mega-menu .mega-menu-content { padding: 20px 8px; } header#topNav nav.mega-menu .mega-menu-content:before, header#topNav nav.mega-menu .mega-menu-content:after { display: table; content: ""; line-height: 0; } header#topNav nav.mega-menu .mega-menu-content:after { clear: both; } header#topNav nav.mega-menu.navbar .nav > li > .dropdown-menu:after, header#topNav nav.mega-menu.navbar .nav > li > .dropdown-menu:before { display: none; } header#topNav nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { /* Old Style left: 0; right: 0; width: auto; */ right: 0; width: 800px; } } /* long menu buttons - fix */ @media only screen and (max-width: 1200px) { header#topNav nav ul.nav-pills > li > a, header#topNav nav ul.nav-pills > li > a:hover { font-size: 14px; padding: 10px 8px; } } /* BOOTSTRAP MOBILE EXTRA FIX Since Atropos v1.3 */ @media only screen and (max-width: 1006px) { #wrapper { padding-top:90px !important; } header#topNav { height:60px !important; } header#topNav div.nav-main-collapse { margin-top:6px; } header#topNav button.btn-mobile { margin-top:0 !important; } header#topNav a.logo { margin-top:-10px !important; } } /* BOOTSTRAP FIX Since Atropos v1.3 */ @media (max-width: 991px) { .container { width:100% !important; } } @media (max-width: 990px) { header#topHead .signin-dd { margin-right:0 !important; border-left:rgba(0,0,0,0.1) 1px solid; padding-left:11px; padding-right:6px; } header#topHead .signin-dd .dropdown-menu { margin-right:-10px; } /* quick cart */ header#topNav li.quick-cart { display:none !important; } #btn-mobile-quick-cart { display:block; } /* Navigation */ header#topNav div.nav-main-collapse, header#topNav div.nav-main-collapse.in { width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: hidden; } header#topNav div.nav-main-collapse { float: none; } header#topNav nav.nav-main ul.nav-main { float: none; position: static; margin: 8px 0; overflow-x:hidden; } header#topNav div.nav-main-collapse.collapse { display: none !important; } header#topNav div.nav-main-collapse { top: 8px; position: relative; } header#topNav div.nav-main-collapse.topFix { margin-top:-18px !important; } header#topNav div.nav-main-collapse.in { display: block !important; } header#topNav div.nav-collapse div.container nav.nav-main { float: left; width: 100%; } header#topNav div.nav-main-collapse { background: #2D343E; margin: -8px -15px 0 -15px !important; max-height: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } header#topNav div.nav-main-collapse.topFix { margin-top:-18px !important; } header > div.container { margin-bottom: 0; } header#topNav nav ul.nav-main { margin-right: -10px; } header#topNav div.nav-collapse { background: #2D343E; width: 100%; clear: both; width: 100%; } header#topNav nav.nav-main { padding: 10px 0; clear: both; display: block; float: none; width: 100%; } header#topNav nav.nav-main ul, header#topNav nav.nav-main ul li { padding: 0; margin: 0; } header#topNav nav.nav-main ul li { clear: both; float: none; display: block; border-bottom: 1px solid #383F49; } header#topNav nav ul.nav-main > li + li { margin-left: 0; } header#topNav nav ul.nav-main li a, header#topNav nav ul.nav-main ul.dropdown-menu li > a { padding: 9px 8px; border: 0; border-top: 0; margin: 0; } header#topNav nav.nav-main ul li:last-child, header#topNav nav ul.nav-main ul.dropdown-menu li > a { border-bottom: none; } header#topNav nav ul.nav-main li.dropdown:hover > a { margin-bottom: -2px; } header#topNav nav ul.nav-main li a { color: #FFF; clear: both; float: none; display: block; padding-left: 0; } header#topNav nav ul.nav-main li a i.icon-angle-down { position: absolute; right: 5px; top: 10px; } header#topNav nav.nav-main ul ul { margin-left: 20px !important; } header#topNav nav.nav-main ul.dropdown-menu { position: static; clear: both; float: none; display: none !important; } header#topNav nav ul.nav-main ul.dropdown-menu { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } header#topNav nav.nav-main li.resp-active > ul.dropdown-menu { display: block !important; } header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { border: 0; margin: 0 5px; padding-left: 35px; } header#topNav nav ul.nav-main .dropdown-submenu > a:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #FFF; } header#topNav nav ul.nav-main .dropdown-submenu:hover > a:after { border-left-color: transparent; } header#topNav nav ul.nav-pills > li > a:before, header#topNav nav ul.nav-main li.dropdown:hover > a:after { display: none; } header#topNav nav ul.nav-main i.icon-caret-down { float: right; } header#topNav nav ul.nav-main ul.dropdown-menu, header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle, header#topNav nav ul.nav-main li a, header#topNav nav ul.nav-main li.active a, header#topNav nav ul.nav-main li.dropdown:hover a, header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a, header#topNav nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover { background: none !important; background-color: transparent !important; color: #FFF !important; } header.center nav ul.nav-main > li { display: block; } header#topNav nav ul.nav-main ul.sub-menu { padding: 0; margin: 0 0 10px 0; } header#topNav nav ul.nav-main ul.sub-menu ul.sub-menu { margin-top: 10px; } header#topNav nav ul.nav-main i.icon-caret-down { color: #ADB0AD !important; } header#topNav button.btn-mobile { display:block; float:right; } header#topNav ul.scroll-menu { position: relative; display: inherit !important; overflow-x: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; top: 0 !important; left: 0 !important; width: 100%; height: auto; max-height: 460px; margin: 0; border-left: none; border-right: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } header#topNav ul.scroll-menu-2x { max-height: 230px; } header#topNav nav.nav-main ul li.search { margin:0; padding:20px 10px 0 0; background-color:transparent !important; display:block; width:100%; } header#topNav li.search:before { display:none !important; } header#topNav li.search form { height:40px; padding:0; width:100% !important; float:none !important; background-color:transparent !important; filter: alpha(opacity=100); opacity:1; } .featured-box.left-separator { border-left:0; } .bs-callout .btn { display:block; max-width:250px; margin:30px auto 0 auto; } footer .column.text-right, footer .column.logo { display:none; } } @media only screen and (max-width: 768px) { /* slider */ .noimg-slider h1 { font-size:80px !important; line-height:80px !important; } /* Ignore Parallax */ .parallax { background-position:0 50% !important; background-size:auto !important; } .item-box { max-width:300px; } /* portfolio filter */ ul.nav-pills>li { margin-top:3px; } ul.nav-pills>li, ul.nav-pills>li>a { display:block; width:100%; float:none; } ul.nav-pills { display:block; float:none; width:100%; } /* Count To */ div.countTo label { margin-bottom:30px; } footer .copyright { text-align:center; display:block; width:100%; } footer .column.logo, footer .column.testimonials { display:none; } footer .footer-bar .toTop { position:relative; padding-left:0; width:100%; border:0; border-top:#403E44 1px dashed; display:block; text-align:center; } } @media only screen and (max-width: 479px) { /* slider */ .noimg-slider h1 { font-size:60px !important; line-height:60px !important; } .slides-navigation a { top:auto !important; bottom:30px !important; } .slides-pagination { bottom:30px !important; } #slider .image-caption .inner h1 { font-size:40px; line-height:40px; } body.boxed #slider .image-caption { left:50% !important; } /* image no float */ a.inner.pull-left, a.inner.pull-right, img.inner.pull-left, img.inner.pull-right { float:none !important; margin:20px 0 !important; } /* tabs */ div.tabs ul.nav-tabs li, div.tabs ul.nav-tabs li a { display:block !important; float:none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .responsive-text-center { text-align:center !important; } /* item box */ .item-box { width:100%; max-width:100%; text-align:center; } .item-box figure { text-align:center; width:100%; max-height:100% !important; } .item-box figure img { margin:auto; height:auto !important; width:auto !important; } /* 404 */ div.e404 { font-size:1150%; text-align:center; } } /** Colors #2E363F = blue #1b1f23 = darker blue #454b56 = brighter blue #F15757 = red #ee3939 = darker red #f37676 = brighter red **************************************************************** **/ /* theme main color [blue] */ h1,h2,h3,h4,h5,h6, .divider.dark .fa, .divider.white .fa, div.tabs ul.nav-tabs li.active a, h4.panel-title a, div.toggle > label, .noimg-slider h1, .noimg-slider p, .list-icon li:before, .styleColor { color:#2E363F; } #slider h2, #slider .image-caption .inner p.dark, div.price-table.popular, .styleBackground { color:#fff; background-color:#2E363F; } /* overlay two colors */ .overlay.color1 { background:rgba(41,47,56,0.8) !important; } .overlay.color2 { background:rgba(241,87,87,0.8) !important; } /* second color [orange] */ a, .styleSecondColor, .list-icon.color li:before, .item-box-desc small, p.dropcap:first-letter, ul.pagination a, ul.pagination a:hover, ul.pagination li.active .fa, ul.star-rated.styleSecondColor li i, .tp-catpion a, .divider.styleColor .fa { color:#F15757; } #slider .btn.btn-default { color:#F15757 !important; } a:hover, a:active { color:#ee3939; } #slider h3, .styleSecondBackground, .list-icon.color.circle li:before, .featured-box-minimal i.fa, .label-primary, div.featured-box i.fa, .progress-bar-primary, ul.pagination li.active a:hover, ul.pagination li.active a, ul.isotope-filter li.active a, ul.isotope-filter li.active a:hover, i.featured-icon, p.dropcap.color:first-letter, .blog-timeline .timeline-item .item-date span, ul.nav-pills li.active a, .modal-header { font-weight: bold; } .styleSecondBackground, .styleSecondBackground h1, .styleSecondBackground h2, .styleSecondBackground h3, .styleSecondBackground h4, .styleSecondBackground h5, .styleSecondBackground h6, .styleSecondBackground p { color:#fff; } /* Top Nav */ header#topNav nav ul.nav-main > li:hover > a, header#topNav nav ul.nav-main li.active > a, header#topNav nav ul.nav-main li.active > a:hover, header#topNav nav ul.nav-main li.active > a:focus, header#topNav nav ul.nav-main li.active i.icon-caret-down { color:#2E363F; /* active|hover color */ } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu, header#topNav nav ul.nav-main ul.dropdown-menu { background-color: #2E363F; /* dropdown background color */ } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover, header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a { background-color: #1b1f23; /* hover background color */ } header#topNav nav ul.nav-main li.dropdown:hover > a:after { border-bottom:#2E363F 10px solid;/* arrow color */ } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title { color: #ffffff; /* mega menu subtitle */ } header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a, header#topNav nav ul.nav-main ul.dropdown-menu > li > a { color: #afafaf; /* link color */ } /* top Head */ header#topHead.color { color:#fff; background-color:#F15757; } header#topHead.color a { color:#fff; } header#page-title { color:#2d2f3c; } header#page-title h1, header#page-title h2 { color:#2d2f3c; } /* Buttons */ .btn-default { border:#F15757 2px solid; } .btn-default:hover, .btn-default:active, .btn-default:focus { border:#ee3939 2px solid; } .btn-primary { background-color:#F15757 !important; } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { border:rgba(255,255,255,0) 2px solid; background-color:#ee3939 !important; } /* Toggle */ div.toggle.active > label { color:#fff; background-color:#F15757; } /* Panels */ .panel-primary .panel-heading { background-color:#F15757; border-bottom:#F15757 1px solid; } .panel-body { background-color:#fff; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* Featured Box */ div.featured-box i.fa:after { border-color:#F15757; } div.featured-box.nobg.border-only i.fa { color:#F15757; border-color:#F15757; } /* Featured Icons */ i.featured-icon, i.featured-icon:after { border:#F15757 1px solid; } i.featured-icon.empty { color:#F15757 !important; } /* Popover */ .popover-title { color:#fff; background-color:#F15757; } /* testimonials */ .testimonial.color1 p, .testimonial.color1 cite { color:#fff; background-color:#2E363F; } .testimonial.color2 p, .testimonial.color2 cite { color:#fff; background-color:#F15757; } /* OWL Carousel */ .owl-theme .owl-controls .owl-buttons div { color:#F15757; } /* slider */ #slider li .noimg-slider h1{ color:#2E363F !important; } #slider li.styleBackground .noimg-slider, #slider li.styleBackground h1, #slider li.styleBackground h2, #slider li.styleBackground p { color:#fff !important; } /* Top Search , Top Login */ #topHead .signin-dd form button, #topHead .signin-dd form button:hover, #topHead .signin-dd form button:active, header#topNav li.search form button, header#topNav li.search form button:hover, header#topNav li.search form button:active { background-color:#F15757 !important;; } #topHead .signin-dd form button:after, header#topNav li.search form button:after { border: #F15757 10px solid; /* same with .btn-primary */ border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid transparent; } #contacts-search-box { margin-bottom: 10px; } #events .btn { color: white; } /* Generated by twemoji-amazing, available at https://github.com/SebastianAigner/twemoji-amazing The graphics are licensed under the CC-BY 4.0: https://github.com/twitter/twemoji */ /* Preamble from https://ellekasai.github.io/twemoji-awesome/, licensed under MIT: https://ellekasai.mit-license.org/ */ .twa { display: inline-block; height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; background-repeat: no-repeat; background-position: center center; background-size: 1em 1em; } .twa-lg { height: 1.33em; width: 1.33em; margin: 0 0.0665em 0 0.133em; vertical-align: -0.133em; background-size: 1.33em 1.33em; } .twa-2x { height: 2em; width: 2em; margin: 0 0.1em 0 0.2em; vertical-align: -0.2em; background-size: 2em 2em; } .twa-3x { height: 3em; width: 3em; margin: 0 0.15em 0 0.3em; vertical-align: -0.3em; background-size: 3em 3em; } .twa-4x { height: 4em; width: 4em; margin: 0 0.2em 0 0.4em; vertical-align: -0.4em; background-size: 4em 4em; } .twa-5x { height: 5em; width: 5em; margin: 0 0.25em 0 0.5em; vertical-align: -0.5em; background-size: 5em 5em; } /* Generated a total of 1610 emoji CSS classes. */ .twa-grinning-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f600.svg") } .twa-grinning-face-with-big-eyes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f603.svg") } .twa-grinning-face-with-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f604.svg") } .twa-beaming-face-with-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f601.svg") } .twa-grinning-squinting-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f606.svg") } .twa-grinning-face-with-sweat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f605.svg") } .twa-rolling-on-the-floor-laughing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f923.svg") } .twa-face-with-tears-of-joy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f602.svg") } .twa-slightly-smiling-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f642.svg") } .twa-winking-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f609.svg") } .twa-smiling-face-with-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f60a.svg") } .twa-smiling-face-with-halo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f607.svg") } .twa-smiling-face-with-hearts { background-image: url("https://twemoji.maxcdn.com/2/svg/1f970.svg") } .twa-face-blowing-a-kiss { background-image: url("https://twemoji.maxcdn.com/2/svg/1f618.svg") } .twa-kissing-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f617.svg") } .twa-smiling-face { background-image: url("https://twemoji.maxcdn.com/2/svg/263a-fe0f.svg") } .twa-smiling-face { background-image: url("https://twemoji.maxcdn.com/2/svg/263a.svg") } .twa-kissing-face-with-closed-eyes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f61a.svg") } .twa-kissing-face-with-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f619.svg") } .twa-face-savoring-food { background-image: url("https://twemoji.maxcdn.com/2/svg/1f60b.svg") } .twa-face-with-tongue { background-image: url("https://twemoji.maxcdn.com/2/svg/1f61b.svg") } .twa-winking-face-with-tongue { background-image: url("https://twemoji.maxcdn.com/2/svg/1f61c.svg") } .twa-zany-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f92a.svg") } .twa-squinting-face-with-tongue { background-image: url("https://twemoji.maxcdn.com/2/svg/1f61d.svg") } .twa-hugging-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f917.svg") } .twa-face-with-hand-over-mouth { background-image: url("https://twemoji.maxcdn.com/2/svg/1f92d.svg") } .twa-shushing-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f92b.svg") } .twa-thinking-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f914.svg") } .twa-face-with-raised-eyebrow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f928.svg") } .twa-neutral-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f610.svg") } .twa-expressionless-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f611.svg") } .twa-face-without-mouth { background-image: url("https://twemoji.maxcdn.com/2/svg/1f636.svg") } .twa-smirking-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f60f.svg") } .twa-unamused-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f612.svg") } .twa-face-with-rolling-eyes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f644.svg") } .twa-grimacing-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f62c.svg") } .twa-lying-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f925.svg") } .twa-relieved-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f60c.svg") } .twa-pensive-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f614.svg") } .twa-sleepy-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f62a.svg") } .twa-drooling-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f924.svg") } .twa-sleeping-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f634.svg") } .twa-face-with-medical-mask { background-image: url("https://twemoji.maxcdn.com/2/svg/1f637.svg") } .twa-face-with-thermometer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f912.svg") } .twa-nauseated-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f922.svg") } .twa-face-vomiting { background-image: url("https://twemoji.maxcdn.com/2/svg/1f92e.svg") } .twa-sneezing-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f927.svg") } .twa-hot-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f975.svg") } .twa-cold-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f976.svg") } .twa-woozy-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f974.svg") } .twa-dizzy-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f635.svg") } .twa-exploding-head { background-image: url("https://twemoji.maxcdn.com/2/svg/1f92f.svg") } .twa-cowboy-hat-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f920.svg") } .twa-partying-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f973.svg") } .twa-smiling-face-with-sunglasses { background-image: url("https://twemoji.maxcdn.com/2/svg/1f60e.svg") } .twa-nerd-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f913.svg") } .twa-face-with-monocle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d0.svg") } .twa-confused-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f615.svg") } .twa-worried-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f61f.svg") } .twa-slightly-frowning-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f641.svg") } .twa-frowning-face { background-image: url("https://twemoji.maxcdn.com/2/svg/2639-fe0f.svg") } .twa-frowning-face { background-image: url("https://twemoji.maxcdn.com/2/svg/2639.svg") } .twa-face-with-open-mouth { background-image: url("https://twemoji.maxcdn.com/2/svg/1f62e.svg") } .twa-hushed-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f62f.svg") } .twa-astonished-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f632.svg") } .twa-flushed-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f633.svg") } .twa-pleading-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f97a.svg") } .twa-frowning-face-with-open-mouth { background-image: url("https://twemoji.maxcdn.com/2/svg/1f626.svg") } .twa-anguished-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f627.svg") } .twa-fearful-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f628.svg") } .twa-anxious-face-with-sweat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f630.svg") } .twa-sad-but-relieved-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f625.svg") } .twa-crying-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f622.svg") } .twa-loudly-crying-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f62d.svg") } .twa-face-screaming-in-fear { background-image: url("https://twemoji.maxcdn.com/2/svg/1f631.svg") } .twa-confounded-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f616.svg") } .twa-persevering-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f623.svg") } .twa-disappointed-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f61e.svg") } .twa-downcast-face-with-sweat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f613.svg") } .twa-weary-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f629.svg") } .twa-tired-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f62b.svg") } .twa-yawning-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f971.svg") } .twa-face-with-steam-from-nose { background-image: url("https://twemoji.maxcdn.com/2/svg/1f624.svg") } .twa-pouting-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f621.svg") } .twa-angry-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f620.svg") } .twa-face-with-symbols-on-mouth { background-image: url("https://twemoji.maxcdn.com/2/svg/1f92c.svg") } .twa-smiling-face-with-horns { background-image: url("https://twemoji.maxcdn.com/2/svg/1f608.svg") } .twa-angry-face-with-horns { background-image: url("https://twemoji.maxcdn.com/2/svg/1f47f.svg") } .twa-skull { background-image: url("https://twemoji.maxcdn.com/2/svg/1f480.svg") } .twa-skull-and-crossbones { background-image: url("https://twemoji.maxcdn.com/2/svg/2620-fe0f.svg") } .twa-skull-and-crossbones { background-image: url("https://twemoji.maxcdn.com/2/svg/2620.svg") } .twa-pile-of-poo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4a9.svg") } .twa-clown-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f921.svg") } .twa-ogre { background-image: url("https://twemoji.maxcdn.com/2/svg/1f479.svg") } .twa-goblin { background-image: url("https://twemoji.maxcdn.com/2/svg/1f47a.svg") } .twa-ghost { background-image: url("https://twemoji.maxcdn.com/2/svg/1f47b.svg") } .twa-alien { background-image: url("https://twemoji.maxcdn.com/2/svg/1f47d.svg") } .twa-alien-monster { background-image: url("https://twemoji.maxcdn.com/2/svg/1f47e.svg") } .twa-robot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f916.svg") } .twa-grinning-cat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f63a.svg") } .twa-grinning-cat-with-smiling-eyes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f638.svg") } .twa-cat-with-tears-of-joy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f639.svg") } .twa-cat-with-wry-smile { background-image: url("https://twemoji.maxcdn.com/2/svg/1f63c.svg") } .twa-kissing-cat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f63d.svg") } .twa-weary-cat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f640.svg") } .twa-crying-cat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f63f.svg") } .twa-pouting-cat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f63e.svg") } .twa-kiss-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/1f48b.svg") } .twa-love-letter { background-image: url("https://twemoji.maxcdn.com/2/svg/1f48c.svg") } .twa-heart-with-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f498.svg") } .twa-heart-with-ribbon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f49d.svg") } .twa-sparkling-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f496.svg") } .twa-growing-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f497.svg") } .twa-beating-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f493.svg") } .twa-revolving-hearts { background-image: url("https://twemoji.maxcdn.com/2/svg/1f49e.svg") } .twa-two-hearts { background-image: url("https://twemoji.maxcdn.com/2/svg/1f495.svg") } .twa-heart-decoration { background-image: url("https://twemoji.maxcdn.com/2/svg/1f49f.svg") } .twa-heart-exclamation { background-image: url("https://twemoji.maxcdn.com/2/svg/2763-fe0f.svg") } .twa-heart-exclamation { background-image: url("https://twemoji.maxcdn.com/2/svg/2763.svg") } .twa-broken-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f494.svg") } .twa-red-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/2764-fe0f.svg") } .twa-red-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/2764.svg") } .twa-orange-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9e1.svg") } .twa-yellow-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f49b.svg") } .twa-green-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f49a.svg") } .twa-blue-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f499.svg") } .twa-purple-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f49c.svg") } .twa-brown-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f90e.svg") } .twa-black-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5a4.svg") } .twa-white-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f90d.svg") } .twa-hundred-points { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4af.svg") } .twa-anger-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4a2.svg") } .twa-collision { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4a5.svg") } .twa-dizzy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ab.svg") } .twa-sweat-droplets { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4a6.svg") } .twa-dashing-away { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4a8.svg") } .twa-hole { background-image: url("https://twemoji.maxcdn.com/2/svg/1f573-fe0f.svg") } .twa-hole { background-image: url("https://twemoji.maxcdn.com/2/svg/1f573.svg") } .twa-bomb { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4a3.svg") } .twa-speech-balloon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ac.svg") } .twa-eye-in-speech-bubble { background-image: url("https://twemoji.maxcdn.com/2/svg/1f441-fe0f-200d-1f5e8-fe0f.svg") } .twa-eye-in-speech-bubble { background-image: url("https://twemoji.maxcdn.com/2/svg/1f441-200d-1f5e8-fe0f.svg") } .twa-eye-in-speech-bubble { background-image: url("https://twemoji.maxcdn.com/2/svg/1f441-fe0f-200d-1f5e8.svg") } .twa-eye-in-speech-bubble { background-image: url("https://twemoji.maxcdn.com/2/svg/1f441-200d-1f5e8.svg") } .twa-left-speech-bubble { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5e8-fe0f.svg") } .twa-left-speech-bubble { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5e8.svg") } .twa-right-anger-bubble { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5ef-fe0f.svg") } .twa-right-anger-bubble { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5ef.svg") } .twa-thought-balloon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ad.svg") } .twa-zzz { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4a4.svg") } .twa-waving-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f44b.svg") } .twa-raised-back-of-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f91a.svg") } .twa-hand-with-fingers-splayed { background-image: url("https://twemoji.maxcdn.com/2/svg/1f590-fe0f.svg") } .twa-hand-with-fingers-splayed { background-image: url("https://twemoji.maxcdn.com/2/svg/1f590.svg") } .twa-raised-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/270b.svg") } .twa-vulcan-salute { background-image: url("https://twemoji.maxcdn.com/2/svg/1f596.svg") } .twa-ok-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f44c.svg") } .twa-pinching-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f90f.svg") } .twa-victory-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/270c-fe0f.svg") } .twa-victory-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/270c.svg") } .twa-crossed-fingers { background-image: url("https://twemoji.maxcdn.com/2/svg/1f91e.svg") } .twa-sign-of-the-horns { background-image: url("https://twemoji.maxcdn.com/2/svg/1f918.svg") } .twa-call-me-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f919.svg") } .twa-backhand-index-pointing-left { background-image: url("https://twemoji.maxcdn.com/2/svg/1f448.svg") } .twa-backhand-index-pointing-right { background-image: url("https://twemoji.maxcdn.com/2/svg/1f449.svg") } .twa-backhand-index-pointing-up { background-image: url("https://twemoji.maxcdn.com/2/svg/1f446.svg") } .twa-middle-finger { background-image: url("https://twemoji.maxcdn.com/2/svg/1f595.svg") } .twa-backhand-index-pointing-down { background-image: url("https://twemoji.maxcdn.com/2/svg/1f447.svg") } .twa-index-pointing-up { background-image: url("https://twemoji.maxcdn.com/2/svg/261d-fe0f.svg") } .twa-index-pointing-up { background-image: url("https://twemoji.maxcdn.com/2/svg/261d.svg") } .twa-thumbs-up { background-image: url("https://twemoji.maxcdn.com/2/svg/1f44d.svg") } .twa-thumbs-down { background-image: url("https://twemoji.maxcdn.com/2/svg/1f44e.svg") } .twa-raised-fist { background-image: url("https://twemoji.maxcdn.com/2/svg/270a.svg") } .twa-oncoming-fist { background-image: url("https://twemoji.maxcdn.com/2/svg/1f44a.svg") } .twa-clapping-hands { background-image: url("https://twemoji.maxcdn.com/2/svg/1f44f.svg") } .twa-raising-hands { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64c.svg") } .twa-open-hands { background-image: url("https://twemoji.maxcdn.com/2/svg/1f450.svg") } .twa-palms-up-together { background-image: url("https://twemoji.maxcdn.com/2/svg/1f932.svg") } .twa-handshake { background-image: url("https://twemoji.maxcdn.com/2/svg/1f91d.svg") } .twa-folded-hands { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64f.svg") } .twa-writing-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/270d-fe0f.svg") } .twa-writing-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/270d.svg") } .twa-nail-polish { background-image: url("https://twemoji.maxcdn.com/2/svg/1f485.svg") } .twa-selfie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f933.svg") } .twa-flexed-biceps { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4aa.svg") } .twa-mechanical-arm { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9be.svg") } .twa-mechanical-leg { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9bf.svg") } .twa-leg { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b5.svg") } .twa-foot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b6.svg") } .twa-ear { background-image: url("https://twemoji.maxcdn.com/2/svg/1f442.svg") } .twa-ear-with-hearing-aid { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9bb.svg") } .twa-nose { background-image: url("https://twemoji.maxcdn.com/2/svg/1f443.svg") } .twa-brain { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9e0.svg") } .twa-tooth { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b7.svg") } .twa-bone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b4.svg") } .twa-eyes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f440.svg") } .twa-eye { background-image: url("https://twemoji.maxcdn.com/2/svg/1f441-fe0f.svg") } .twa-eye { background-image: url("https://twemoji.maxcdn.com/2/svg/1f441.svg") } .twa-tongue { background-image: url("https://twemoji.maxcdn.com/2/svg/1f445.svg") } .twa-mouth { background-image: url("https://twemoji.maxcdn.com/2/svg/1f444.svg") } .twa-baby { background-image: url("https://twemoji.maxcdn.com/2/svg/1f476.svg") } .twa-child { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d2.svg") } .twa-boy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f466.svg") } .twa-girl { background-image: url("https://twemoji.maxcdn.com/2/svg/1f467.svg") } .twa-person { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d1.svg") } .twa-man { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468.svg") } .twa-woman { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469.svg") } .twa-older-person { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d3.svg") } .twa-old-man { background-image: url("https://twemoji.maxcdn.com/2/svg/1f474.svg") } .twa-old-woman { background-image: url("https://twemoji.maxcdn.com/2/svg/1f475.svg") } .twa-person-frowning { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64d.svg") } .twa-man-frowning { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64d-200d-2642-fe0f.svg") } .twa-man-frowning { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64d-200d-2642.svg") } .twa-woman-frowning { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64d-200d-2640-fe0f.svg") } .twa-woman-frowning { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64d-200d-2640.svg") } .twa-person-pouting { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64e.svg") } .twa-man-pouting { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64e-200d-2642-fe0f.svg") } .twa-man-pouting { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64e-200d-2642.svg") } .twa-woman-pouting { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64e-200d-2640-fe0f.svg") } .twa-woman-pouting { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64e-200d-2640.svg") } .twa-person-gesturing-no { background-image: url("https://twemoji.maxcdn.com/2/svg/1f645.svg") } .twa-man-gesturing-no { background-image: url("https://twemoji.maxcdn.com/2/svg/1f645-200d-2642-fe0f.svg") } .twa-man-gesturing-no { background-image: url("https://twemoji.maxcdn.com/2/svg/1f645-200d-2642.svg") } .twa-woman-gesturing-no { background-image: url("https://twemoji.maxcdn.com/2/svg/1f645-200d-2640-fe0f.svg") } .twa-woman-gesturing-no { background-image: url("https://twemoji.maxcdn.com/2/svg/1f645-200d-2640.svg") } .twa-person-gesturing-ok { background-image: url("https://twemoji.maxcdn.com/2/svg/1f646.svg") } .twa-man-gesturing-ok { background-image: url("https://twemoji.maxcdn.com/2/svg/1f646-200d-2642-fe0f.svg") } .twa-man-gesturing-ok { background-image: url("https://twemoji.maxcdn.com/2/svg/1f646-200d-2642.svg") } .twa-woman-gesturing-ok { background-image: url("https://twemoji.maxcdn.com/2/svg/1f646-200d-2640-fe0f.svg") } .twa-woman-gesturing-ok { background-image: url("https://twemoji.maxcdn.com/2/svg/1f646-200d-2640.svg") } .twa-person-tipping-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f481.svg") } .twa-man-tipping-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f481-200d-2642-fe0f.svg") } .twa-man-tipping-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f481-200d-2642.svg") } .twa-woman-tipping-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f481-200d-2640-fe0f.svg") } .twa-woman-tipping-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f481-200d-2640.svg") } .twa-person-raising-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64b.svg") } .twa-man-raising-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64b-200d-2642-fe0f.svg") } .twa-man-raising-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64b-200d-2642.svg") } .twa-woman-raising-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64b-200d-2640-fe0f.svg") } .twa-woman-raising-hand { background-image: url("https://twemoji.maxcdn.com/2/svg/1f64b-200d-2640.svg") } .twa-deaf-person { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9cf.svg") } .twa-deaf-man { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9cf-200d-2642-fe0f.svg") } .twa-deaf-man { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9cf-200d-2642.svg") } .twa-deaf-woman { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9cf-200d-2640-fe0f.svg") } .twa-deaf-woman { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9cf-200d-2640.svg") } .twa-person-bowing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f647.svg") } .twa-man-bowing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f647-200d-2642-fe0f.svg") } .twa-man-bowing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f647-200d-2642.svg") } .twa-woman-bowing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f647-200d-2640-fe0f.svg") } .twa-woman-bowing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f647-200d-2640.svg") } .twa-person-facepalming { background-image: url("https://twemoji.maxcdn.com/2/svg/1f926.svg") } .twa-man-facepalming { background-image: url("https://twemoji.maxcdn.com/2/svg/1f926-200d-2642-fe0f.svg") } .twa-man-facepalming { background-image: url("https://twemoji.maxcdn.com/2/svg/1f926-200d-2642.svg") } .twa-woman-facepalming { background-image: url("https://twemoji.maxcdn.com/2/svg/1f926-200d-2640-fe0f.svg") } .twa-woman-facepalming { background-image: url("https://twemoji.maxcdn.com/2/svg/1f926-200d-2640.svg") } .twa-person-shrugging { background-image: url("https://twemoji.maxcdn.com/2/svg/1f937.svg") } .twa-man-shrugging { background-image: url("https://twemoji.maxcdn.com/2/svg/1f937-200d-2642-fe0f.svg") } .twa-man-shrugging { background-image: url("https://twemoji.maxcdn.com/2/svg/1f937-200d-2642.svg") } .twa-woman-shrugging { background-image: url("https://twemoji.maxcdn.com/2/svg/1f937-200d-2640-fe0f.svg") } .twa-woman-shrugging { background-image: url("https://twemoji.maxcdn.com/2/svg/1f937-200d-2640.svg") } .twa-man-health-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-2695-fe0f.svg") } .twa-man-health-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-2695.svg") } .twa-woman-health-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-2695-fe0f.svg") } .twa-woman-health-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-2695.svg") } .twa-man-student { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f393.svg") } .twa-woman-student { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f393.svg") } .twa-man-teacher { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f3eb.svg") } .twa-woman-teacher { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f3eb.svg") } .twa-man-judge { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-2696-fe0f.svg") } .twa-man-judge { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-2696.svg") } .twa-woman-judge { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-2696-fe0f.svg") } .twa-woman-judge { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-2696.svg") } .twa-man-farmer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f33e.svg") } .twa-woman-farmer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f33e.svg") } .twa-man-cook { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f373.svg") } .twa-woman-cook { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f373.svg") } .twa-man-mechanic { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f527.svg") } .twa-woman-mechanic { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f527.svg") } .twa-man-factory-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f3ed.svg") } .twa-woman-factory-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f3ed.svg") } .twa-man-office-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f4bc.svg") } .twa-woman-office-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f4bc.svg") } .twa-man-scientist { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f52c.svg") } .twa-woman-scientist { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f52c.svg") } .twa-man-technologist { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f4bb.svg") } .twa-woman-technologist { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f4bb.svg") } .twa-man-singer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f3a4.svg") } .twa-woman-singer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f3a4.svg") } .twa-man-artist { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f3a8.svg") } .twa-woman-artist { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f3a8.svg") } .twa-man-pilot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-2708-fe0f.svg") } .twa-man-pilot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-2708.svg") } .twa-woman-pilot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-2708-fe0f.svg") } .twa-woman-pilot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-2708.svg") } .twa-man-astronaut { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f680.svg") } .twa-woman-astronaut { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f680.svg") } .twa-man-firefighter { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f692.svg") } .twa-woman-firefighter { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f692.svg") } .twa-police-officer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46e.svg") } .twa-man-police-officer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46e-200d-2642-fe0f.svg") } .twa-man-police-officer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46e-200d-2642.svg") } .twa-woman-police-officer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46e-200d-2640-fe0f.svg") } .twa-woman-police-officer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46e-200d-2640.svg") } .twa-detective { background-image: url("https://twemoji.maxcdn.com/2/svg/1f575-fe0f.svg") } .twa-detective { background-image: url("https://twemoji.maxcdn.com/2/svg/1f575.svg") } .twa-man-detective { background-image: url("https://twemoji.maxcdn.com/2/svg/1f575-fe0f-200d-2642-fe0f.svg") } .twa-man-detective { background-image: url("https://twemoji.maxcdn.com/2/svg/1f575-200d-2642-fe0f.svg") } .twa-man-detective { background-image: url("https://twemoji.maxcdn.com/2/svg/1f575-fe0f-200d-2642.svg") } .twa-man-detective { background-image: url("https://twemoji.maxcdn.com/2/svg/1f575-200d-2642.svg") } .twa-woman-detective { background-image: url("https://twemoji.maxcdn.com/2/svg/1f575-fe0f-200d-2640-fe0f.svg") } .twa-woman-detective { background-image: url("https://twemoji.maxcdn.com/2/svg/1f575-200d-2640-fe0f.svg") } .twa-woman-detective { background-image: url("https://twemoji.maxcdn.com/2/svg/1f575-fe0f-200d-2640.svg") } .twa-woman-detective { background-image: url("https://twemoji.maxcdn.com/2/svg/1f575-200d-2640.svg") } .twa-guard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f482.svg") } .twa-man-guard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f482-200d-2642-fe0f.svg") } .twa-man-guard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f482-200d-2642.svg") } .twa-woman-guard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f482-200d-2640-fe0f.svg") } .twa-woman-guard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f482-200d-2640.svg") } .twa-construction-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f477.svg") } .twa-man-construction-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f477-200d-2642-fe0f.svg") } .twa-man-construction-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f477-200d-2642.svg") } .twa-woman-construction-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f477-200d-2640-fe0f.svg") } .twa-woman-construction-worker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f477-200d-2640.svg") } .twa-prince { background-image: url("https://twemoji.maxcdn.com/2/svg/1f934.svg") } .twa-princess { background-image: url("https://twemoji.maxcdn.com/2/svg/1f478.svg") } .twa-person-wearing-turban { background-image: url("https://twemoji.maxcdn.com/2/svg/1f473.svg") } .twa-man-wearing-turban { background-image: url("https://twemoji.maxcdn.com/2/svg/1f473-200d-2642-fe0f.svg") } .twa-man-wearing-turban { background-image: url("https://twemoji.maxcdn.com/2/svg/1f473-200d-2642.svg") } .twa-woman-wearing-turban { background-image: url("https://twemoji.maxcdn.com/2/svg/1f473-200d-2640-fe0f.svg") } .twa-woman-wearing-turban { background-image: url("https://twemoji.maxcdn.com/2/svg/1f473-200d-2640.svg") } .twa-man-with-chinese-cap { background-image: url("https://twemoji.maxcdn.com/2/svg/1f472.svg") } .twa-woman-with-headscarf { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d5.svg") } .twa-man-in-tuxedo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f935.svg") } .twa-bride-with-veil { background-image: url("https://twemoji.maxcdn.com/2/svg/1f470.svg") } .twa-pregnant-woman { background-image: url("https://twemoji.maxcdn.com/2/svg/1f930.svg") } .twa-baby-angel { background-image: url("https://twemoji.maxcdn.com/2/svg/1f47c.svg") } .twa-santa-claus { background-image: url("https://twemoji.maxcdn.com/2/svg/1f385.svg") } .twa-superhero { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b8.svg") } .twa-man-superhero { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b8-200d-2642-fe0f.svg") } .twa-man-superhero { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b8-200d-2642.svg") } .twa-woman-superhero { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b8-200d-2640-fe0f.svg") } .twa-woman-superhero { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b8-200d-2640.svg") } .twa-supervillain { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b9.svg") } .twa-man-supervillain { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b9-200d-2642-fe0f.svg") } .twa-man-supervillain { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b9-200d-2642.svg") } .twa-woman-supervillain { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b9-200d-2640-fe0f.svg") } .twa-woman-supervillain { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b9-200d-2640.svg") } .twa-mage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d9.svg") } .twa-man-mage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d9-200d-2642-fe0f.svg") } .twa-man-mage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d9-200d-2642.svg") } .twa-woman-mage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d9-200d-2640-fe0f.svg") } .twa-woman-mage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d9-200d-2640.svg") } .twa-fairy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9da.svg") } .twa-man-fairy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9da-200d-2642-fe0f.svg") } .twa-man-fairy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9da-200d-2642.svg") } .twa-woman-fairy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9da-200d-2640-fe0f.svg") } .twa-woman-fairy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9da-200d-2640.svg") } .twa-vampire { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9db.svg") } .twa-man-vampire { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9db-200d-2642-fe0f.svg") } .twa-man-vampire { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9db-200d-2642.svg") } .twa-woman-vampire { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9db-200d-2640-fe0f.svg") } .twa-woman-vampire { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9db-200d-2640.svg") } .twa-merperson { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9dc.svg") } .twa-merman { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9dc-200d-2642-fe0f.svg") } .twa-merman { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9dc-200d-2642.svg") } .twa-mermaid { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9dc-200d-2640-fe0f.svg") } .twa-mermaid { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9dc-200d-2640.svg") } .twa-elf { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9dd.svg") } .twa-man-elf { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9dd-200d-2642-fe0f.svg") } .twa-man-elf { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9dd-200d-2642.svg") } .twa-woman-elf { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9dd-200d-2640-fe0f.svg") } .twa-woman-elf { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9dd-200d-2640.svg") } .twa-genie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9de.svg") } .twa-man-genie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9de-200d-2642-fe0f.svg") } .twa-man-genie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9de-200d-2642.svg") } .twa-woman-genie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9de-200d-2640-fe0f.svg") } .twa-woman-genie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9de-200d-2640.svg") } .twa-zombie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9df.svg") } .twa-man-zombie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9df-200d-2642-fe0f.svg") } .twa-man-zombie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9df-200d-2642.svg") } .twa-woman-zombie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9df-200d-2640-fe0f.svg") } .twa-woman-zombie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9df-200d-2640.svg") } .twa-person-getting-massage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f486.svg") } .twa-man-getting-massage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f486-200d-2642-fe0f.svg") } .twa-man-getting-massage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f486-200d-2642.svg") } .twa-woman-getting-massage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f486-200d-2640-fe0f.svg") } .twa-woman-getting-massage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f486-200d-2640.svg") } .twa-person-getting-haircut { background-image: url("https://twemoji.maxcdn.com/2/svg/1f487.svg") } .twa-man-getting-haircut { background-image: url("https://twemoji.maxcdn.com/2/svg/1f487-200d-2642-fe0f.svg") } .twa-man-getting-haircut { background-image: url("https://twemoji.maxcdn.com/2/svg/1f487-200d-2642.svg") } .twa-woman-getting-haircut { background-image: url("https://twemoji.maxcdn.com/2/svg/1f487-200d-2640-fe0f.svg") } .twa-woman-getting-haircut { background-image: url("https://twemoji.maxcdn.com/2/svg/1f487-200d-2640.svg") } .twa-person-walking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b6.svg") } .twa-man-walking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b6-200d-2642-fe0f.svg") } .twa-man-walking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b6-200d-2642.svg") } .twa-woman-walking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b6-200d-2640-fe0f.svg") } .twa-woman-walking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b6-200d-2640.svg") } .twa-person-standing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9cd.svg") } .twa-man-standing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9cd-200d-2642-fe0f.svg") } .twa-man-standing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9cd-200d-2642.svg") } .twa-woman-standing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9cd-200d-2640-fe0f.svg") } .twa-woman-standing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9cd-200d-2640.svg") } .twa-person-kneeling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ce.svg") } .twa-man-kneeling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ce-200d-2642-fe0f.svg") } .twa-man-kneeling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ce-200d-2642.svg") } .twa-woman-kneeling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ce-200d-2640-fe0f.svg") } .twa-woman-kneeling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ce-200d-2640.svg") } .twa-man-with-probing-cane { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f9af.svg") } .twa-woman-with-probing-cane { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f9af.svg") } .twa-man-in-motorized-wheelchair { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f9bc.svg") } .twa-woman-in-motorized-wheelchair { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f9bc.svg") } .twa-man-in-manual-wheelchair { background-image: url("https://twemoji.maxcdn.com/2/svg/1f468-200d-1f9bd.svg") } .twa-woman-in-manual-wheelchair { background-image: url("https://twemoji.maxcdn.com/2/svg/1f469-200d-1f9bd.svg") } .twa-person-running { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c3.svg") } .twa-man-running { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c3-200d-2642-fe0f.svg") } .twa-man-running { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c3-200d-2642.svg") } .twa-woman-running { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c3-200d-2640-fe0f.svg") } .twa-woman-running { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c3-200d-2640.svg") } .twa-woman-dancing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f483.svg") } .twa-man-dancing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f57a.svg") } .twa-man-in-suit-levitating { background-image: url("https://twemoji.maxcdn.com/2/svg/1f574-fe0f.svg") } .twa-man-in-suit-levitating { background-image: url("https://twemoji.maxcdn.com/2/svg/1f574.svg") } .twa-people-with-bunny-ears { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46f.svg") } .twa-men-with-bunny-ears { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46f-200d-2642-fe0f.svg") } .twa-men-with-bunny-ears { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46f-200d-2642.svg") } .twa-women-with-bunny-ears { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46f-200d-2640-fe0f.svg") } .twa-women-with-bunny-ears { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46f-200d-2640.svg") } .twa-person-in-steamy-room { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d6.svg") } .twa-man-in-steamy-room { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d6-200d-2642-fe0f.svg") } .twa-man-in-steamy-room { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d6-200d-2642.svg") } .twa-woman-in-steamy-room { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d6-200d-2640-fe0f.svg") } .twa-woman-in-steamy-room { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d6-200d-2640.svg") } .twa-person-climbing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d7.svg") } .twa-man-climbing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d7-200d-2642-fe0f.svg") } .twa-man-climbing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d7-200d-2642.svg") } .twa-woman-climbing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d7-200d-2640-fe0f.svg") } .twa-woman-climbing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d7-200d-2640.svg") } .twa-person-fencing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93a.svg") } .twa-horse-racing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c7.svg") } .twa-skier { background-image: url("https://twemoji.maxcdn.com/2/svg/26f7-fe0f.svg") } .twa-skier { background-image: url("https://twemoji.maxcdn.com/2/svg/26f7.svg") } .twa-snowboarder { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c2.svg") } .twa-person-golfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cc-fe0f.svg") } .twa-person-golfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cc.svg") } .twa-man-golfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cc-fe0f-200d-2642-fe0f.svg") } .twa-man-golfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cc-200d-2642-fe0f.svg") } .twa-man-golfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cc-fe0f-200d-2642.svg") } .twa-man-golfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cc-200d-2642.svg") } .twa-woman-golfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cc-fe0f-200d-2640-fe0f.svg") } .twa-woman-golfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cc-200d-2640-fe0f.svg") } .twa-woman-golfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cc-fe0f-200d-2640.svg") } .twa-woman-golfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cc-200d-2640.svg") } .twa-person-surfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c4.svg") } .twa-man-surfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c4-200d-2642-fe0f.svg") } .twa-man-surfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c4-200d-2642.svg") } .twa-woman-surfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c4-200d-2640-fe0f.svg") } .twa-woman-surfing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c4-200d-2640.svg") } .twa-person-rowing-boat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a3.svg") } .twa-man-rowing-boat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a3-200d-2642-fe0f.svg") } .twa-man-rowing-boat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a3-200d-2642.svg") } .twa-woman-rowing-boat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a3-200d-2640-fe0f.svg") } .twa-woman-rowing-boat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a3-200d-2640.svg") } .twa-person-swimming { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ca.svg") } .twa-man-swimming { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ca-200d-2642-fe0f.svg") } .twa-man-swimming { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ca-200d-2642.svg") } .twa-woman-swimming { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ca-200d-2640-fe0f.svg") } .twa-woman-swimming { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ca-200d-2640.svg") } .twa-person-bouncing-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26f9-fe0f.svg") } .twa-person-bouncing-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26f9.svg") } .twa-man-bouncing-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26f9-fe0f-200d-2642-fe0f.svg") } .twa-man-bouncing-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26f9-200d-2642-fe0f.svg") } .twa-man-bouncing-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26f9-fe0f-200d-2642.svg") } .twa-man-bouncing-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26f9-200d-2642.svg") } .twa-woman-bouncing-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26f9-fe0f-200d-2640-fe0f.svg") } .twa-woman-bouncing-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26f9-200d-2640-fe0f.svg") } .twa-woman-bouncing-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26f9-fe0f-200d-2640.svg") } .twa-woman-bouncing-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26f9-200d-2640.svg") } .twa-person-lifting-weights { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb-fe0f.svg") } .twa-person-lifting-weights { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb.svg") } .twa-man-lifting-weights { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb-fe0f-200d-2642-fe0f.svg") } .twa-man-lifting-weights { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb-200d-2642-fe0f.svg") } .twa-man-lifting-weights { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb-fe0f-200d-2642.svg") } .twa-man-lifting-weights { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb-200d-2642.svg") } .twa-woman-lifting-weights { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb-fe0f-200d-2640-fe0f.svg") } .twa-woman-lifting-weights { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb-200d-2640-fe0f.svg") } .twa-woman-lifting-weights { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb-fe0f-200d-2640.svg") } .twa-woman-lifting-weights { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cb-200d-2640.svg") } .twa-person-biking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b4.svg") } .twa-man-biking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b4-200d-2642-fe0f.svg") } .twa-man-biking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b4-200d-2642.svg") } .twa-woman-biking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b4-200d-2640-fe0f.svg") } .twa-woman-biking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b4-200d-2640.svg") } .twa-person-mountain-biking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b5.svg") } .twa-man-mountain-biking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b5-200d-2642-fe0f.svg") } .twa-man-mountain-biking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b5-200d-2642.svg") } .twa-woman-mountain-biking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b5-200d-2640-fe0f.svg") } .twa-woman-mountain-biking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b5-200d-2640.svg") } .twa-person-cartwheeling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f938.svg") } .twa-man-cartwheeling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f938-200d-2642-fe0f.svg") } .twa-man-cartwheeling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f938-200d-2642.svg") } .twa-woman-cartwheeling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f938-200d-2640-fe0f.svg") } .twa-woman-cartwheeling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f938-200d-2640.svg") } .twa-people-wrestling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93c.svg") } .twa-men-wrestling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93c-200d-2642-fe0f.svg") } .twa-men-wrestling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93c-200d-2642.svg") } .twa-women-wrestling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93c-200d-2640-fe0f.svg") } .twa-women-wrestling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93c-200d-2640.svg") } .twa-person-playing-water-polo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93d.svg") } .twa-man-playing-water-polo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93d-200d-2642-fe0f.svg") } .twa-man-playing-water-polo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93d-200d-2642.svg") } .twa-woman-playing-water-polo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93d-200d-2640-fe0f.svg") } .twa-woman-playing-water-polo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93d-200d-2640.svg") } .twa-person-playing-handball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93e.svg") } .twa-man-playing-handball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93e-200d-2642-fe0f.svg") } .twa-man-playing-handball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93e-200d-2642.svg") } .twa-woman-playing-handball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93e-200d-2640-fe0f.svg") } .twa-woman-playing-handball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93e-200d-2640.svg") } .twa-person-juggling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f939.svg") } .twa-man-juggling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f939-200d-2642-fe0f.svg") } .twa-man-juggling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f939-200d-2642.svg") } .twa-woman-juggling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f939-200d-2640-fe0f.svg") } .twa-woman-juggling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f939-200d-2640.svg") } .twa-person-in-lotus-position { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d8.svg") } .twa-man-in-lotus-position { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d8-200d-2642-fe0f.svg") } .twa-man-in-lotus-position { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d8-200d-2642.svg") } .twa-woman-in-lotus-position { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d8-200d-2640-fe0f.svg") } .twa-woman-in-lotus-position { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d8-200d-2640.svg") } .twa-person-taking-bath { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6c0.svg") } .twa-person-in-bed { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6cc.svg") } .twa-people-holding-hands { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9d1-200d-1f91d-200d-1f9d1.svg") } .twa-women-holding-hands { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46d.svg") } .twa-woman-and-man-holding-hands { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46b.svg") } .twa-men-holding-hands { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46c.svg") } .twa-kiss { background-image: url("https://twemoji.maxcdn.com/2/svg/1f48f.svg") } .twa-couple-with-heart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f491.svg") } .twa-family { background-image: url("https://twemoji.maxcdn.com/2/svg/1f46a.svg") } .twa-speaking-head { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5e3-fe0f.svg") } .twa-speaking-head { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5e3.svg") } .twa-bust-in-silhouette { background-image: url("https://twemoji.maxcdn.com/2/svg/1f464.svg") } .twa-busts-in-silhouette { background-image: url("https://twemoji.maxcdn.com/2/svg/1f465.svg") } .twa-footprints { background-image: url("https://twemoji.maxcdn.com/2/svg/1f463.svg") } .twa-light-skin-tone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3fb.svg") } .twa-medium-skin-tone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3fd.svg") } .twa-dark-skin-tone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ff.svg") } .twa-red-hair { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b0.svg") } .twa-curly-hair { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b1.svg") } .twa-white-hair { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b3.svg") } .twa-bald { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9b2.svg") } .twa-monkey-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f435.svg") } .twa-monkey { background-image: url("https://twemoji.maxcdn.com/2/svg/1f412.svg") } .twa-gorilla { background-image: url("https://twemoji.maxcdn.com/2/svg/1f98d.svg") } .twa-orangutan { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9a7.svg") } .twa-dog-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f436.svg") } .twa-dog { background-image: url("https://twemoji.maxcdn.com/2/svg/1f415.svg") } .twa-guide-dog { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ae.svg") } .twa-service-dog { background-image: url("https://twemoji.maxcdn.com/2/svg/1f415-200d-1f9ba.svg") } .twa-poodle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f429.svg") } .twa-wolf { background-image: url("https://twemoji.maxcdn.com/2/svg/1f43a.svg") } .twa-fox { background-image: url("https://twemoji.maxcdn.com/2/svg/1f98a.svg") } .twa-raccoon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f99d.svg") } .twa-cat-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f431.svg") } .twa-cat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f408.svg") } .twa-lion { background-image: url("https://twemoji.maxcdn.com/2/svg/1f981.svg") } .twa-tiger-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f42f.svg") } .twa-tiger { background-image: url("https://twemoji.maxcdn.com/2/svg/1f405.svg") } .twa-leopard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f406.svg") } .twa-horse-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f434.svg") } .twa-horse { background-image: url("https://twemoji.maxcdn.com/2/svg/1f40e.svg") } .twa-unicorn { background-image: url("https://twemoji.maxcdn.com/2/svg/1f984.svg") } .twa-zebra { background-image: url("https://twemoji.maxcdn.com/2/svg/1f993.svg") } .twa-deer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f98c.svg") } .twa-cow-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f42e.svg") } .twa-ox { background-image: url("https://twemoji.maxcdn.com/2/svg/1f402.svg") } .twa-water-buffalo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f403.svg") } .twa-cow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f404.svg") } .twa-pig-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f437.svg") } .twa-pig { background-image: url("https://twemoji.maxcdn.com/2/svg/1f416.svg") } .twa-boar { background-image: url("https://twemoji.maxcdn.com/2/svg/1f417.svg") } .twa-pig-nose { background-image: url("https://twemoji.maxcdn.com/2/svg/1f43d.svg") } .twa-ram { background-image: url("https://twemoji.maxcdn.com/2/svg/1f40f.svg") } .twa-ewe { background-image: url("https://twemoji.maxcdn.com/2/svg/1f411.svg") } .twa-goat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f410.svg") } .twa-camel { background-image: url("https://twemoji.maxcdn.com/2/svg/1f42a.svg") } .twa-llama { background-image: url("https://twemoji.maxcdn.com/2/svg/1f999.svg") } .twa-giraffe { background-image: url("https://twemoji.maxcdn.com/2/svg/1f992.svg") } .twa-elephant { background-image: url("https://twemoji.maxcdn.com/2/svg/1f418.svg") } .twa-rhinoceros { background-image: url("https://twemoji.maxcdn.com/2/svg/1f98f.svg") } .twa-hippopotamus { background-image: url("https://twemoji.maxcdn.com/2/svg/1f99b.svg") } .twa-mouse-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f42d.svg") } .twa-mouse { background-image: url("https://twemoji.maxcdn.com/2/svg/1f401.svg") } .twa-rat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f400.svg") } .twa-hamster { background-image: url("https://twemoji.maxcdn.com/2/svg/1f439.svg") } .twa-rabbit-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f430.svg") } .twa-rabbit { background-image: url("https://twemoji.maxcdn.com/2/svg/1f407.svg") } .twa-chipmunk { background-image: url("https://twemoji.maxcdn.com/2/svg/1f43f-fe0f.svg") } .twa-chipmunk { background-image: url("https://twemoji.maxcdn.com/2/svg/1f43f.svg") } .twa-hedgehog { background-image: url("https://twemoji.maxcdn.com/2/svg/1f994.svg") } .twa-bat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f987.svg") } .twa-bear { background-image: url("https://twemoji.maxcdn.com/2/svg/1f43b.svg") } .twa-koala { background-image: url("https://twemoji.maxcdn.com/2/svg/1f428.svg") } .twa-panda { background-image: url("https://twemoji.maxcdn.com/2/svg/1f43c.svg") } .twa-sloth { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9a5.svg") } .twa-otter { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9a6.svg") } .twa-skunk { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9a8.svg") } .twa-kangaroo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f998.svg") } .twa-badger { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9a1.svg") } .twa-paw-prints { background-image: url("https://twemoji.maxcdn.com/2/svg/1f43e.svg") } .twa-turkey { background-image: url("https://twemoji.maxcdn.com/2/svg/1f983.svg") } .twa-chicken { background-image: url("https://twemoji.maxcdn.com/2/svg/1f414.svg") } .twa-rooster { background-image: url("https://twemoji.maxcdn.com/2/svg/1f413.svg") } .twa-hatching-chick { background-image: url("https://twemoji.maxcdn.com/2/svg/1f423.svg") } .twa-baby-chick { background-image: url("https://twemoji.maxcdn.com/2/svg/1f424.svg") } .twa-bird { background-image: url("https://twemoji.maxcdn.com/2/svg/1f426.svg") } .twa-penguin { background-image: url("https://twemoji.maxcdn.com/2/svg/1f427.svg") } .twa-dove { background-image: url("https://twemoji.maxcdn.com/2/svg/1f54a-fe0f.svg") } .twa-dove { background-image: url("https://twemoji.maxcdn.com/2/svg/1f54a.svg") } .twa-eagle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f985.svg") } .twa-duck { background-image: url("https://twemoji.maxcdn.com/2/svg/1f986.svg") } .twa-swan { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9a2.svg") } .twa-owl { background-image: url("https://twemoji.maxcdn.com/2/svg/1f989.svg") } .twa-flamingo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9a9.svg") } .twa-peacock { background-image: url("https://twemoji.maxcdn.com/2/svg/1f99a.svg") } .twa-parrot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f99c.svg") } .twa-frog { background-image: url("https://twemoji.maxcdn.com/2/svg/1f438.svg") } .twa-crocodile { background-image: url("https://twemoji.maxcdn.com/2/svg/1f40a.svg") } .twa-turtle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f422.svg") } .twa-lizard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f98e.svg") } .twa-snake { background-image: url("https://twemoji.maxcdn.com/2/svg/1f40d.svg") } .twa-dragon-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f432.svg") } .twa-dragon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f409.svg") } .twa-sauropod { background-image: url("https://twemoji.maxcdn.com/2/svg/1f995.svg") } .twa-spouting-whale { background-image: url("https://twemoji.maxcdn.com/2/svg/1f433.svg") } .twa-whale { background-image: url("https://twemoji.maxcdn.com/2/svg/1f40b.svg") } .twa-dolphin { background-image: url("https://twemoji.maxcdn.com/2/svg/1f42c.svg") } .twa-fish { background-image: url("https://twemoji.maxcdn.com/2/svg/1f41f.svg") } .twa-tropical-fish { background-image: url("https://twemoji.maxcdn.com/2/svg/1f420.svg") } .twa-blowfish { background-image: url("https://twemoji.maxcdn.com/2/svg/1f421.svg") } .twa-shark { background-image: url("https://twemoji.maxcdn.com/2/svg/1f988.svg") } .twa-octopus { background-image: url("https://twemoji.maxcdn.com/2/svg/1f419.svg") } .twa-spiral-shell { background-image: url("https://twemoji.maxcdn.com/2/svg/1f41a.svg") } .twa-snail { background-image: url("https://twemoji.maxcdn.com/2/svg/1f40c.svg") } .twa-butterfly { background-image: url("https://twemoji.maxcdn.com/2/svg/1f98b.svg") } .twa-bug { background-image: url("https://twemoji.maxcdn.com/2/svg/1f41b.svg") } .twa-ant { background-image: url("https://twemoji.maxcdn.com/2/svg/1f41c.svg") } .twa-honeybee { background-image: url("https://twemoji.maxcdn.com/2/svg/1f41d.svg") } .twa-lady-beetle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f41e.svg") } .twa-cricket { background-image: url("https://twemoji.maxcdn.com/2/svg/1f997.svg") } .twa-spider { background-image: url("https://twemoji.maxcdn.com/2/svg/1f577-fe0f.svg") } .twa-spider { background-image: url("https://twemoji.maxcdn.com/2/svg/1f577.svg") } .twa-spider-web { background-image: url("https://twemoji.maxcdn.com/2/svg/1f578-fe0f.svg") } .twa-spider-web { background-image: url("https://twemoji.maxcdn.com/2/svg/1f578.svg") } .twa-scorpion { background-image: url("https://twemoji.maxcdn.com/2/svg/1f982.svg") } .twa-mosquito { background-image: url("https://twemoji.maxcdn.com/2/svg/1f99f.svg") } .twa-microbe { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9a0.svg") } .twa-bouquet { background-image: url("https://twemoji.maxcdn.com/2/svg/1f490.svg") } .twa-cherry-blossom { background-image: url("https://twemoji.maxcdn.com/2/svg/1f338.svg") } .twa-white-flower { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ae.svg") } .twa-rosette { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f5-fe0f.svg") } .twa-rosette { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f5.svg") } .twa-rose { background-image: url("https://twemoji.maxcdn.com/2/svg/1f339.svg") } .twa-wilted-flower { background-image: url("https://twemoji.maxcdn.com/2/svg/1f940.svg") } .twa-hibiscus { background-image: url("https://twemoji.maxcdn.com/2/svg/1f33a.svg") } .twa-sunflower { background-image: url("https://twemoji.maxcdn.com/2/svg/1f33b.svg") } .twa-blossom { background-image: url("https://twemoji.maxcdn.com/2/svg/1f33c.svg") } .twa-tulip { background-image: url("https://twemoji.maxcdn.com/2/svg/1f337.svg") } .twa-seedling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f331.svg") } .twa-evergreen-tree { background-image: url("https://twemoji.maxcdn.com/2/svg/1f332.svg") } .twa-deciduous-tree { background-image: url("https://twemoji.maxcdn.com/2/svg/1f333.svg") } .twa-palm-tree { background-image: url("https://twemoji.maxcdn.com/2/svg/1f334.svg") } .twa-cactus { background-image: url("https://twemoji.maxcdn.com/2/svg/1f335.svg") } .twa-sheaf-of-rice { background-image: url("https://twemoji.maxcdn.com/2/svg/1f33e.svg") } .twa-herb { background-image: url("https://twemoji.maxcdn.com/2/svg/1f33f.svg") } .twa-shamrock { background-image: url("https://twemoji.maxcdn.com/2/svg/2618-fe0f.svg") } .twa-shamrock { background-image: url("https://twemoji.maxcdn.com/2/svg/2618.svg") } .twa-four-leaf-clover { background-image: url("https://twemoji.maxcdn.com/2/svg/1f340.svg") } .twa-maple-leaf { background-image: url("https://twemoji.maxcdn.com/2/svg/1f341.svg") } .twa-fallen-leaf { background-image: url("https://twemoji.maxcdn.com/2/svg/1f342.svg") } .twa-leaf-fluttering-in-wind { background-image: url("https://twemoji.maxcdn.com/2/svg/1f343.svg") } .twa-grapes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f347.svg") } .twa-melon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f348.svg") } .twa-watermelon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f349.svg") } .twa-tangerine { background-image: url("https://twemoji.maxcdn.com/2/svg/1f34a.svg") } .twa-lemon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f34b.svg") } .twa-banana { background-image: url("https://twemoji.maxcdn.com/2/svg/1f34c.svg") } .twa-pineapple { background-image: url("https://twemoji.maxcdn.com/2/svg/1f34d.svg") } .twa-mango { background-image: url("https://twemoji.maxcdn.com/2/svg/1f96d.svg") } .twa-red-apple { background-image: url("https://twemoji.maxcdn.com/2/svg/1f34e.svg") } .twa-green-apple { background-image: url("https://twemoji.maxcdn.com/2/svg/1f34f.svg") } .twa-pear { background-image: url("https://twemoji.maxcdn.com/2/svg/1f350.svg") } .twa-peach { background-image: url("https://twemoji.maxcdn.com/2/svg/1f351.svg") } .twa-cherries { background-image: url("https://twemoji.maxcdn.com/2/svg/1f352.svg") } .twa-strawberry { background-image: url("https://twemoji.maxcdn.com/2/svg/1f353.svg") } .twa-kiwi-fruit { background-image: url("https://twemoji.maxcdn.com/2/svg/1f95d.svg") } .twa-tomato { background-image: url("https://twemoji.maxcdn.com/2/svg/1f345.svg") } .twa-coconut { background-image: url("https://twemoji.maxcdn.com/2/svg/1f965.svg") } .twa-avocado { background-image: url("https://twemoji.maxcdn.com/2/svg/1f951.svg") } .twa-eggplant { background-image: url("https://twemoji.maxcdn.com/2/svg/1f346.svg") } .twa-potato { background-image: url("https://twemoji.maxcdn.com/2/svg/1f954.svg") } .twa-carrot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f955.svg") } .twa-ear-of-corn { background-image: url("https://twemoji.maxcdn.com/2/svg/1f33d.svg") } .twa-hot-pepper { background-image: url("https://twemoji.maxcdn.com/2/svg/1f336-fe0f.svg") } .twa-hot-pepper { background-image: url("https://twemoji.maxcdn.com/2/svg/1f336.svg") } .twa-cucumber { background-image: url("https://twemoji.maxcdn.com/2/svg/1f952.svg") } .twa-leafy-green { background-image: url("https://twemoji.maxcdn.com/2/svg/1f96c.svg") } .twa-broccoli { background-image: url("https://twemoji.maxcdn.com/2/svg/1f966.svg") } .twa-garlic { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9c4.svg") } .twa-onion { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9c5.svg") } .twa-mushroom { background-image: url("https://twemoji.maxcdn.com/2/svg/1f344.svg") } .twa-peanuts { background-image: url("https://twemoji.maxcdn.com/2/svg/1f95c.svg") } .twa-chestnut { background-image: url("https://twemoji.maxcdn.com/2/svg/1f330.svg") } .twa-bread { background-image: url("https://twemoji.maxcdn.com/2/svg/1f35e.svg") } .twa-croissant { background-image: url("https://twemoji.maxcdn.com/2/svg/1f950.svg") } .twa-baguette-bread { background-image: url("https://twemoji.maxcdn.com/2/svg/1f956.svg") } .twa-pretzel { background-image: url("https://twemoji.maxcdn.com/2/svg/1f968.svg") } .twa-bagel { background-image: url("https://twemoji.maxcdn.com/2/svg/1f96f.svg") } .twa-pancakes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f95e.svg") } .twa-waffle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9c7.svg") } .twa-cheese-wedge { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9c0.svg") } .twa-meat-on-bone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f356.svg") } .twa-poultry-leg { background-image: url("https://twemoji.maxcdn.com/2/svg/1f357.svg") } .twa-cut-of-meat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f969.svg") } .twa-bacon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f953.svg") } .twa-hamburger { background-image: url("https://twemoji.maxcdn.com/2/svg/1f354.svg") } .twa-french-fries { background-image: url("https://twemoji.maxcdn.com/2/svg/1f35f.svg") } .twa-pizza { background-image: url("https://twemoji.maxcdn.com/2/svg/1f355.svg") } .twa-hot-dog { background-image: url("https://twemoji.maxcdn.com/2/svg/1f32d.svg") } .twa-sandwich { background-image: url("https://twemoji.maxcdn.com/2/svg/1f96a.svg") } .twa-taco { background-image: url("https://twemoji.maxcdn.com/2/svg/1f32e.svg") } .twa-burrito { background-image: url("https://twemoji.maxcdn.com/2/svg/1f32f.svg") } .twa-stuffed-flatbread { background-image: url("https://twemoji.maxcdn.com/2/svg/1f959.svg") } .twa-falafel { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9c6.svg") } .twa-egg { background-image: url("https://twemoji.maxcdn.com/2/svg/1f95a.svg") } .twa-cooking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f373.svg") } .twa-shallow-pan-of-food { background-image: url("https://twemoji.maxcdn.com/2/svg/1f958.svg") } .twa-pot-of-food { background-image: url("https://twemoji.maxcdn.com/2/svg/1f372.svg") } .twa-bowl-with-spoon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f963.svg") } .twa-green-salad { background-image: url("https://twemoji.maxcdn.com/2/svg/1f957.svg") } .twa-popcorn { background-image: url("https://twemoji.maxcdn.com/2/svg/1f37f.svg") } .twa-butter { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9c8.svg") } .twa-salt { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9c2.svg") } .twa-canned-food { background-image: url("https://twemoji.maxcdn.com/2/svg/1f96b.svg") } .twa-bento-box { background-image: url("https://twemoji.maxcdn.com/2/svg/1f371.svg") } .twa-rice-cracker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f358.svg") } .twa-rice-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f359.svg") } .twa-cooked-rice { background-image: url("https://twemoji.maxcdn.com/2/svg/1f35a.svg") } .twa-curry-rice { background-image: url("https://twemoji.maxcdn.com/2/svg/1f35b.svg") } .twa-steaming-bowl { background-image: url("https://twemoji.maxcdn.com/2/svg/1f35c.svg") } .twa-spaghetti { background-image: url("https://twemoji.maxcdn.com/2/svg/1f35d.svg") } .twa-roasted-sweet-potato { background-image: url("https://twemoji.maxcdn.com/2/svg/1f360.svg") } .twa-oden { background-image: url("https://twemoji.maxcdn.com/2/svg/1f362.svg") } .twa-sushi { background-image: url("https://twemoji.maxcdn.com/2/svg/1f363.svg") } .twa-fried-shrimp { background-image: url("https://twemoji.maxcdn.com/2/svg/1f364.svg") } .twa-fish-cake-with-swirl { background-image: url("https://twemoji.maxcdn.com/2/svg/1f365.svg") } .twa-moon-cake { background-image: url("https://twemoji.maxcdn.com/2/svg/1f96e.svg") } .twa-dango { background-image: url("https://twemoji.maxcdn.com/2/svg/1f361.svg") } .twa-dumpling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f95f.svg") } .twa-fortune-cookie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f960.svg") } .twa-takeout-box { background-image: url("https://twemoji.maxcdn.com/2/svg/1f961.svg") } .twa-crab { background-image: url("https://twemoji.maxcdn.com/2/svg/1f980.svg") } .twa-lobster { background-image: url("https://twemoji.maxcdn.com/2/svg/1f99e.svg") } .twa-shrimp { background-image: url("https://twemoji.maxcdn.com/2/svg/1f990.svg") } .twa-squid { background-image: url("https://twemoji.maxcdn.com/2/svg/1f991.svg") } .twa-oyster { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9aa.svg") } .twa-soft-ice-cream { background-image: url("https://twemoji.maxcdn.com/2/svg/1f366.svg") } .twa-shaved-ice { background-image: url("https://twemoji.maxcdn.com/2/svg/1f367.svg") } .twa-ice-cream { background-image: url("https://twemoji.maxcdn.com/2/svg/1f368.svg") } .twa-doughnut { background-image: url("https://twemoji.maxcdn.com/2/svg/1f369.svg") } .twa-cookie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f36a.svg") } .twa-birthday-cake { background-image: url("https://twemoji.maxcdn.com/2/svg/1f382.svg") } .twa-shortcake { background-image: url("https://twemoji.maxcdn.com/2/svg/1f370.svg") } .twa-cupcake { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9c1.svg") } .twa-pie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f967.svg") } .twa-chocolate-bar { background-image: url("https://twemoji.maxcdn.com/2/svg/1f36b.svg") } .twa-candy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f36c.svg") } .twa-lollipop { background-image: url("https://twemoji.maxcdn.com/2/svg/1f36d.svg") } .twa-custard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f36e.svg") } .twa-honey-pot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f36f.svg") } .twa-baby-bottle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f37c.svg") } .twa-glass-of-milk { background-image: url("https://twemoji.maxcdn.com/2/svg/1f95b.svg") } .twa-hot-beverage { background-image: url("https://twemoji.maxcdn.com/2/svg/2615.svg") } .twa-teacup-without-handle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f375.svg") } .twa-sake { background-image: url("https://twemoji.maxcdn.com/2/svg/1f376.svg") } .twa-bottle-with-popping-cork { background-image: url("https://twemoji.maxcdn.com/2/svg/1f37e.svg") } .twa-wine-glass { background-image: url("https://twemoji.maxcdn.com/2/svg/1f377.svg") } .twa-cocktail-glass { background-image: url("https://twemoji.maxcdn.com/2/svg/1f378.svg") } .twa-tropical-drink { background-image: url("https://twemoji.maxcdn.com/2/svg/1f379.svg") } .twa-beer-mug { background-image: url("https://twemoji.maxcdn.com/2/svg/1f37a.svg") } .twa-clinking-beer-mugs { background-image: url("https://twemoji.maxcdn.com/2/svg/1f37b.svg") } .twa-clinking-glasses { background-image: url("https://twemoji.maxcdn.com/2/svg/1f942.svg") } .twa-tumbler-glass { background-image: url("https://twemoji.maxcdn.com/2/svg/1f943.svg") } .twa-cup-with-straw { background-image: url("https://twemoji.maxcdn.com/2/svg/1f964.svg") } .twa-beverage-box { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9c3.svg") } .twa-mate { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9c9.svg") } .twa-ice-cube { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ca.svg") } .twa-chopsticks { background-image: url("https://twemoji.maxcdn.com/2/svg/1f962.svg") } .twa-fork-and-knife-with-plate { background-image: url("https://twemoji.maxcdn.com/2/svg/1f37d-fe0f.svg") } .twa-fork-and-knife-with-plate { background-image: url("https://twemoji.maxcdn.com/2/svg/1f37d.svg") } .twa-fork-and-knife { background-image: url("https://twemoji.maxcdn.com/2/svg/1f374.svg") } .twa-spoon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f944.svg") } .twa-kitchen-knife { background-image: url("https://twemoji.maxcdn.com/2/svg/1f52a.svg") } .twa-amphora { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3fa.svg") } .twa-globe-showing-americas { background-image: url("https://twemoji.maxcdn.com/2/svg/1f30e.svg") } .twa-globe-with-meridians { background-image: url("https://twemoji.maxcdn.com/2/svg/1f310.svg") } .twa-world-map { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5fa-fe0f.svg") } .twa-world-map { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5fa.svg") } .twa-map-of-japan { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5fe.svg") } .twa-compass { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ed.svg") } .twa-mountain { background-image: url("https://twemoji.maxcdn.com/2/svg/26f0-fe0f.svg") } .twa-mountain { background-image: url("https://twemoji.maxcdn.com/2/svg/26f0.svg") } .twa-volcano { background-image: url("https://twemoji.maxcdn.com/2/svg/1f30b.svg") } .twa-mount-fuji { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5fb.svg") } .twa-camping { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d5-fe0f.svg") } .twa-camping { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d5.svg") } .twa-beach-with-umbrella { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d6-fe0f.svg") } .twa-beach-with-umbrella { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d6.svg") } .twa-desert { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3dc-fe0f.svg") } .twa-desert { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3dc.svg") } .twa-desert-island { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3dd-fe0f.svg") } .twa-desert-island { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3dd.svg") } .twa-national-park { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3de-fe0f.svg") } .twa-national-park { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3de.svg") } .twa-stadium { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3df-fe0f.svg") } .twa-stadium { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3df.svg") } .twa-classical-building { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3db-fe0f.svg") } .twa-classical-building { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3db.svg") } .twa-building-construction { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d7-fe0f.svg") } .twa-building-construction { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d7.svg") } .twa-brick { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9f1.svg") } .twa-houses { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d8-fe0f.svg") } .twa-houses { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d8.svg") } .twa-derelict-house { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3da-fe0f.svg") } .twa-derelict-house { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3da.svg") } .twa-house { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e0.svg") } .twa-house-with-garden { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e1.svg") } .twa-office-building { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e2.svg") } .twa-japanese-post-office { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e3.svg") } .twa-post-office { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e4.svg") } .twa-hospital { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e5.svg") } .twa-bank { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e6.svg") } .twa-hotel { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e8.svg") } .twa-love-hotel { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e9.svg") } .twa-convenience-store { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ea.svg") } .twa-school { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3eb.svg") } .twa-department-store { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ec.svg") } .twa-factory { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ed.svg") } .twa-japanese-castle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ef.svg") } .twa-castle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f0.svg") } .twa-wedding { background-image: url("https://twemoji.maxcdn.com/2/svg/1f492.svg") } .twa-tokyo-tower { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5fc.svg") } .twa-statue-of-liberty { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5fd.svg") } .twa-church { background-image: url("https://twemoji.maxcdn.com/2/svg/26ea.svg") } .twa-mosque { background-image: url("https://twemoji.maxcdn.com/2/svg/1f54c.svg") } .twa-hindu-temple { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6d5.svg") } .twa-synagogue { background-image: url("https://twemoji.maxcdn.com/2/svg/1f54d.svg") } .twa-shinto-shrine { background-image: url("https://twemoji.maxcdn.com/2/svg/26e9-fe0f.svg") } .twa-shinto-shrine { background-image: url("https://twemoji.maxcdn.com/2/svg/26e9.svg") } .twa-kaaba { background-image: url("https://twemoji.maxcdn.com/2/svg/1f54b.svg") } .twa-fountain { background-image: url("https://twemoji.maxcdn.com/2/svg/26f2.svg") } .twa-tent { background-image: url("https://twemoji.maxcdn.com/2/svg/26fa.svg") } .twa-foggy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f301.svg") } .twa-night-with-stars { background-image: url("https://twemoji.maxcdn.com/2/svg/1f303.svg") } .twa-cityscape { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d9-fe0f.svg") } .twa-cityscape { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d9.svg") } .twa-sunrise-over-mountains { background-image: url("https://twemoji.maxcdn.com/2/svg/1f304.svg") } .twa-sunrise { background-image: url("https://twemoji.maxcdn.com/2/svg/1f305.svg") } .twa-cityscape-at-dusk { background-image: url("https://twemoji.maxcdn.com/2/svg/1f306.svg") } .twa-sunset { background-image: url("https://twemoji.maxcdn.com/2/svg/1f307.svg") } .twa-bridge-at-night { background-image: url("https://twemoji.maxcdn.com/2/svg/1f309.svg") } .twa-hot-springs { background-image: url("https://twemoji.maxcdn.com/2/svg/2668-fe0f.svg") } .twa-hot-springs { background-image: url("https://twemoji.maxcdn.com/2/svg/2668.svg") } .twa-carousel-horse { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3a0.svg") } .twa-ferris-wheel { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3a1.svg") } .twa-roller-coaster { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3a2.svg") } .twa-barber-pole { background-image: url("https://twemoji.maxcdn.com/2/svg/1f488.svg") } .twa-circus-tent { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3aa.svg") } .twa-locomotive { background-image: url("https://twemoji.maxcdn.com/2/svg/1f682.svg") } .twa-railway-car { background-image: url("https://twemoji.maxcdn.com/2/svg/1f683.svg") } .twa-bullet-train { background-image: url("https://twemoji.maxcdn.com/2/svg/1f685.svg") } .twa-train { background-image: url("https://twemoji.maxcdn.com/2/svg/1f686.svg") } .twa-metro { background-image: url("https://twemoji.maxcdn.com/2/svg/1f687.svg") } .twa-light-rail { background-image: url("https://twemoji.maxcdn.com/2/svg/1f688.svg") } .twa-station { background-image: url("https://twemoji.maxcdn.com/2/svg/1f689.svg") } .twa-tram { background-image: url("https://twemoji.maxcdn.com/2/svg/1f68a.svg") } .twa-monorail { background-image: url("https://twemoji.maxcdn.com/2/svg/1f69d.svg") } .twa-mountain-railway { background-image: url("https://twemoji.maxcdn.com/2/svg/1f69e.svg") } .twa-tram-car { background-image: url("https://twemoji.maxcdn.com/2/svg/1f68b.svg") } .twa-bus { background-image: url("https://twemoji.maxcdn.com/2/svg/1f68c.svg") } .twa-oncoming-bus { background-image: url("https://twemoji.maxcdn.com/2/svg/1f68d.svg") } .twa-trolleybus { background-image: url("https://twemoji.maxcdn.com/2/svg/1f68e.svg") } .twa-minibus { background-image: url("https://twemoji.maxcdn.com/2/svg/1f690.svg") } .twa-ambulance { background-image: url("https://twemoji.maxcdn.com/2/svg/1f691.svg") } .twa-fire-engine { background-image: url("https://twemoji.maxcdn.com/2/svg/1f692.svg") } .twa-police-car { background-image: url("https://twemoji.maxcdn.com/2/svg/1f693.svg") } .twa-oncoming-police-car { background-image: url("https://twemoji.maxcdn.com/2/svg/1f694.svg") } .twa-taxi { background-image: url("https://twemoji.maxcdn.com/2/svg/1f695.svg") } .twa-oncoming-taxi { background-image: url("https://twemoji.maxcdn.com/2/svg/1f696.svg") } .twa-automobile { background-image: url("https://twemoji.maxcdn.com/2/svg/1f697.svg") } .twa-oncoming-automobile { background-image: url("https://twemoji.maxcdn.com/2/svg/1f698.svg") } .twa-sport-utility-vehicle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f699.svg") } .twa-delivery-truck { background-image: url("https://twemoji.maxcdn.com/2/svg/1f69a.svg") } .twa-articulated-lorry { background-image: url("https://twemoji.maxcdn.com/2/svg/1f69b.svg") } .twa-tractor { background-image: url("https://twemoji.maxcdn.com/2/svg/1f69c.svg") } .twa-racing-car { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ce-fe0f.svg") } .twa-racing-car { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ce.svg") } .twa-motorcycle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cd-fe0f.svg") } .twa-motorcycle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cd.svg") } .twa-motor-scooter { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6f5.svg") } .twa-manual-wheelchair { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9bd.svg") } .twa-motorized-wheelchair { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9bc.svg") } .twa-auto-rickshaw { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6fa.svg") } .twa-bicycle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b2.svg") } .twa-kick-scooter { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6f4.svg") } .twa-skateboard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6f9.svg") } .twa-bus-stop { background-image: url("https://twemoji.maxcdn.com/2/svg/1f68f.svg") } .twa-motorway { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e3-fe0f.svg") } .twa-motorway { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e3.svg") } .twa-railway-track { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e4-fe0f.svg") } .twa-railway-track { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e4.svg") } .twa-oil-drum { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e2-fe0f.svg") } .twa-oil-drum { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e2.svg") } .twa-fuel-pump { background-image: url("https://twemoji.maxcdn.com/2/svg/26fd.svg") } .twa-police-car-light { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a8.svg") } .twa-horizontal-traffic-light { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a5.svg") } .twa-vertical-traffic-light { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a6.svg") } .twa-stop-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6d1.svg") } .twa-construction { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a7.svg") } .twa-anchor { background-image: url("https://twemoji.maxcdn.com/2/svg/2693.svg") } .twa-sailboat { background-image: url("https://twemoji.maxcdn.com/2/svg/26f5.svg") } .twa-canoe { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6f6.svg") } .twa-speedboat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a4.svg") } .twa-passenger-ship { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6f3-fe0f.svg") } .twa-passenger-ship { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6f3.svg") } .twa-ferry { background-image: url("https://twemoji.maxcdn.com/2/svg/26f4-fe0f.svg") } .twa-ferry { background-image: url("https://twemoji.maxcdn.com/2/svg/26f4.svg") } .twa-motor-boat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e5-fe0f.svg") } .twa-motor-boat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e5.svg") } .twa-ship { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a2.svg") } .twa-airplane { background-image: url("https://twemoji.maxcdn.com/2/svg/2708-fe0f.svg") } .twa-airplane { background-image: url("https://twemoji.maxcdn.com/2/svg/2708.svg") } .twa-small-airplane { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e9-fe0f.svg") } .twa-small-airplane { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e9.svg") } .twa-airplane-departure { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6eb.svg") } .twa-airplane-arrival { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6ec.svg") } .twa-parachute { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa82.svg") } .twa-seat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ba.svg") } .twa-helicopter { background-image: url("https://twemoji.maxcdn.com/2/svg/1f681.svg") } .twa-suspension-railway { background-image: url("https://twemoji.maxcdn.com/2/svg/1f69f.svg") } .twa-mountain-cableway { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a0.svg") } .twa-aerial-tramway { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a1.svg") } .twa-satellite { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6f0-fe0f.svg") } .twa-satellite { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6f0.svg") } .twa-rocket { background-image: url("https://twemoji.maxcdn.com/2/svg/1f680.svg") } .twa-flying-saucer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6f8.svg") } .twa-bellhop-bell { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6ce-fe0f.svg") } .twa-bellhop-bell { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6ce.svg") } .twa-luggage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9f3.svg") } .twa-hourglass-done { background-image: url("https://twemoji.maxcdn.com/2/svg/231b.svg") } .twa-hourglass-not-done { background-image: url("https://twemoji.maxcdn.com/2/svg/23f3.svg") } .twa-watch { background-image: url("https://twemoji.maxcdn.com/2/svg/231a.svg") } .twa-alarm-clock { background-image: url("https://twemoji.maxcdn.com/2/svg/23f0.svg") } .twa-stopwatch { background-image: url("https://twemoji.maxcdn.com/2/svg/23f1-fe0f.svg") } .twa-stopwatch { background-image: url("https://twemoji.maxcdn.com/2/svg/23f1.svg") } .twa-timer-clock { background-image: url("https://twemoji.maxcdn.com/2/svg/23f2-fe0f.svg") } .twa-timer-clock { background-image: url("https://twemoji.maxcdn.com/2/svg/23f2.svg") } .twa-mantelpiece-clock { background-image: url("https://twemoji.maxcdn.com/2/svg/1f570-fe0f.svg") } .twa-mantelpiece-clock { background-image: url("https://twemoji.maxcdn.com/2/svg/1f570.svg") } .twa-new-moon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f311.svg") } .twa-waxing-crescent-moon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f312.svg") } .twa-first-quarter-moon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f313.svg") } .twa-waxing-gibbous-moon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f314.svg") } .twa-full-moon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f315.svg") } .twa-waning-gibbous-moon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f316.svg") } .twa-last-quarter-moon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f317.svg") } .twa-waning-crescent-moon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f318.svg") } .twa-crescent-moon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f319.svg") } .twa-new-moon-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f31a.svg") } .twa-first-quarter-moon-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f31b.svg") } .twa-last-quarter-moon-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f31c.svg") } .twa-thermometer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f321-fe0f.svg") } .twa-thermometer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f321.svg") } .twa-sun { background-image: url("https://twemoji.maxcdn.com/2/svg/2600-fe0f.svg") } .twa-sun { background-image: url("https://twemoji.maxcdn.com/2/svg/2600.svg") } .twa-full-moon-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f31d.svg") } .twa-sun-with-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f31e.svg") } .twa-ringed-planet { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa90.svg") } .twa-star { background-image: url("https://twemoji.maxcdn.com/2/svg/2b50.svg") } .twa-glowing-star { background-image: url("https://twemoji.maxcdn.com/2/svg/1f31f.svg") } .twa-shooting-star { background-image: url("https://twemoji.maxcdn.com/2/svg/1f320.svg") } .twa-milky-way { background-image: url("https://twemoji.maxcdn.com/2/svg/1f30c.svg") } .twa-cloud { background-image: url("https://twemoji.maxcdn.com/2/svg/2601-fe0f.svg") } .twa-cloud { background-image: url("https://twemoji.maxcdn.com/2/svg/2601.svg") } .twa-sun-behind-cloud { background-image: url("https://twemoji.maxcdn.com/2/svg/26c5.svg") } .twa-cloud-with-lightning-and-rain { background-image: url("https://twemoji.maxcdn.com/2/svg/26c8-fe0f.svg") } .twa-cloud-with-lightning-and-rain { background-image: url("https://twemoji.maxcdn.com/2/svg/26c8.svg") } .twa-sun-behind-small-cloud { background-image: url("https://twemoji.maxcdn.com/2/svg/1f324-fe0f.svg") } .twa-sun-behind-small-cloud { background-image: url("https://twemoji.maxcdn.com/2/svg/1f324.svg") } .twa-sun-behind-large-cloud { background-image: url("https://twemoji.maxcdn.com/2/svg/1f325-fe0f.svg") } .twa-sun-behind-large-cloud { background-image: url("https://twemoji.maxcdn.com/2/svg/1f325.svg") } .twa-sun-behind-rain-cloud { background-image: url("https://twemoji.maxcdn.com/2/svg/1f326-fe0f.svg") } .twa-sun-behind-rain-cloud { background-image: url("https://twemoji.maxcdn.com/2/svg/1f326.svg") } .twa-cloud-with-rain { background-image: url("https://twemoji.maxcdn.com/2/svg/1f327-fe0f.svg") } .twa-cloud-with-rain { background-image: url("https://twemoji.maxcdn.com/2/svg/1f327.svg") } .twa-cloud-with-snow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f328-fe0f.svg") } .twa-cloud-with-snow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f328.svg") } .twa-cloud-with-lightning { background-image: url("https://twemoji.maxcdn.com/2/svg/1f329-fe0f.svg") } .twa-cloud-with-lightning { background-image: url("https://twemoji.maxcdn.com/2/svg/1f329.svg") } .twa-tornado { background-image: url("https://twemoji.maxcdn.com/2/svg/1f32a-fe0f.svg") } .twa-tornado { background-image: url("https://twemoji.maxcdn.com/2/svg/1f32a.svg") } .twa-fog { background-image: url("https://twemoji.maxcdn.com/2/svg/1f32b-fe0f.svg") } .twa-fog { background-image: url("https://twemoji.maxcdn.com/2/svg/1f32b.svg") } .twa-wind-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f32c-fe0f.svg") } .twa-wind-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f32c.svg") } .twa-cyclone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f300.svg") } .twa-rainbow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f308.svg") } .twa-closed-umbrella { background-image: url("https://twemoji.maxcdn.com/2/svg/1f302.svg") } .twa-umbrella { background-image: url("https://twemoji.maxcdn.com/2/svg/2602-fe0f.svg") } .twa-umbrella { background-image: url("https://twemoji.maxcdn.com/2/svg/2602.svg") } .twa-umbrella-with-rain-drops { background-image: url("https://twemoji.maxcdn.com/2/svg/2614.svg") } .twa-umbrella-on-ground { background-image: url("https://twemoji.maxcdn.com/2/svg/26f1-fe0f.svg") } .twa-umbrella-on-ground { background-image: url("https://twemoji.maxcdn.com/2/svg/26f1.svg") } .twa-high-voltage { background-image: url("https://twemoji.maxcdn.com/2/svg/26a1.svg") } .twa-snowflake { background-image: url("https://twemoji.maxcdn.com/2/svg/2744-fe0f.svg") } .twa-snowflake { background-image: url("https://twemoji.maxcdn.com/2/svg/2744.svg") } .twa-snowman { background-image: url("https://twemoji.maxcdn.com/2/svg/2603-fe0f.svg") } .twa-snowman { background-image: url("https://twemoji.maxcdn.com/2/svg/2603.svg") } .twa-snowman-without-snow { background-image: url("https://twemoji.maxcdn.com/2/svg/26c4.svg") } .twa-comet { background-image: url("https://twemoji.maxcdn.com/2/svg/2604-fe0f.svg") } .twa-comet { background-image: url("https://twemoji.maxcdn.com/2/svg/2604.svg") } .twa-fire { background-image: url("https://twemoji.maxcdn.com/2/svg/1f525.svg") } .twa-droplet { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4a7.svg") } .twa-water-wave { background-image: url("https://twemoji.maxcdn.com/2/svg/1f30a.svg") } .twa-christmas-tree { background-image: url("https://twemoji.maxcdn.com/2/svg/1f384.svg") } .twa-fireworks { background-image: url("https://twemoji.maxcdn.com/2/svg/1f386.svg") } .twa-sparkler { background-image: url("https://twemoji.maxcdn.com/2/svg/1f387.svg") } .twa-firecracker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9e8.svg") } .twa-sparkles { background-image: url("https://twemoji.maxcdn.com/2/svg/2728.svg") } .twa-balloon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f388.svg") } .twa-party-popper { background-image: url("https://twemoji.maxcdn.com/2/svg/1f389.svg") } .twa-confetti-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f38a.svg") } .twa-tanabata-tree { background-image: url("https://twemoji.maxcdn.com/2/svg/1f38b.svg") } .twa-pine-decoration { background-image: url("https://twemoji.maxcdn.com/2/svg/1f38d.svg") } .twa-japanese-dolls { background-image: url("https://twemoji.maxcdn.com/2/svg/1f38e.svg") } .twa-carp-streamer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f38f.svg") } .twa-wind-chime { background-image: url("https://twemoji.maxcdn.com/2/svg/1f390.svg") } .twa-moon-viewing-ceremony { background-image: url("https://twemoji.maxcdn.com/2/svg/1f391.svg") } .twa-red-envelope { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9e7.svg") } .twa-ribbon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f380.svg") } .twa-wrapped-gift { background-image: url("https://twemoji.maxcdn.com/2/svg/1f381.svg") } .twa-reminder-ribbon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f397-fe0f.svg") } .twa-reminder-ribbon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f397.svg") } .twa-admission-tickets { background-image: url("https://twemoji.maxcdn.com/2/svg/1f39f-fe0f.svg") } .twa-admission-tickets { background-image: url("https://twemoji.maxcdn.com/2/svg/1f39f.svg") } .twa-ticket { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ab.svg") } .twa-military-medal { background-image: url("https://twemoji.maxcdn.com/2/svg/1f396-fe0f.svg") } .twa-military-medal { background-image: url("https://twemoji.maxcdn.com/2/svg/1f396.svg") } .twa-trophy { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c6.svg") } .twa-sports-medal { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c5.svg") } .twa-soccer-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/26bd.svg") } .twa-baseball { background-image: url("https://twemoji.maxcdn.com/2/svg/26be.svg") } .twa-softball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f94e.svg") } .twa-basketball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c0.svg") } .twa-volleyball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d0.svg") } .twa-american-football { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c8.svg") } .twa-rugby-football { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c9.svg") } .twa-tennis { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3be.svg") } .twa-flying-disc { background-image: url("https://twemoji.maxcdn.com/2/svg/1f94f.svg") } .twa-bowling { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3b3.svg") } .twa-cricket-game { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3cf.svg") } .twa-field-hockey { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d1.svg") } .twa-ice-hockey { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d2.svg") } .twa-lacrosse { background-image: url("https://twemoji.maxcdn.com/2/svg/1f94d.svg") } .twa-ping-pong { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3d3.svg") } .twa-badminton { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f8.svg") } .twa-boxing-glove { background-image: url("https://twemoji.maxcdn.com/2/svg/1f94a.svg") } .twa-martial-arts-uniform { background-image: url("https://twemoji.maxcdn.com/2/svg/1f94b.svg") } .twa-goal-net { background-image: url("https://twemoji.maxcdn.com/2/svg/1f945.svg") } .twa-flag-in-hole { background-image: url("https://twemoji.maxcdn.com/2/svg/26f3.svg") } .twa-ice-skate { background-image: url("https://twemoji.maxcdn.com/2/svg/26f8-fe0f.svg") } .twa-ice-skate { background-image: url("https://twemoji.maxcdn.com/2/svg/26f8.svg") } .twa-fishing-pole { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3a3.svg") } .twa-diving-mask { background-image: url("https://twemoji.maxcdn.com/2/svg/1f93f.svg") } .twa-running-shirt { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3bd.svg") } .twa-skis { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3bf.svg") } .twa-sled { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6f7.svg") } .twa-curling-stone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f94c.svg") } .twa-direct-hit { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3af.svg") } .twa-kite { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa81.svg") } .twa-crystal-ball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f52e.svg") } .twa-nazar-amulet { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ff.svg") } .twa-video-game { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ae.svg") } .twa-joystick { background-image: url("https://twemoji.maxcdn.com/2/svg/1f579-fe0f.svg") } .twa-joystick { background-image: url("https://twemoji.maxcdn.com/2/svg/1f579.svg") } .twa-slot-machine { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3b0.svg") } .twa-game-die { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3b2.svg") } .twa-puzzle-piece { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9e9.svg") } .twa-teddy-bear { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9f8.svg") } .twa-spade-suit { background-image: url("https://twemoji.maxcdn.com/2/svg/2660-fe0f.svg") } .twa-spade-suit { background-image: url("https://twemoji.maxcdn.com/2/svg/2660.svg") } .twa-heart-suit { background-image: url("https://twemoji.maxcdn.com/2/svg/2665-fe0f.svg") } .twa-heart-suit { background-image: url("https://twemoji.maxcdn.com/2/svg/2665.svg") } .twa-diamond-suit { background-image: url("https://twemoji.maxcdn.com/2/svg/2666-fe0f.svg") } .twa-diamond-suit { background-image: url("https://twemoji.maxcdn.com/2/svg/2666.svg") } .twa-club-suit { background-image: url("https://twemoji.maxcdn.com/2/svg/2663-fe0f.svg") } .twa-club-suit { background-image: url("https://twemoji.maxcdn.com/2/svg/2663.svg") } .twa-chess-pawn { background-image: url("https://twemoji.maxcdn.com/2/svg/265f-fe0f.svg") } .twa-chess-pawn { background-image: url("https://twemoji.maxcdn.com/2/svg/265f.svg") } .twa-joker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f0cf.svg") } .twa-mahjong-red-dragon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f004.svg") } .twa-flower-playing-cards { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3b4.svg") } .twa-performing-arts { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ad.svg") } .twa-framed-picture { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5bc-fe0f.svg") } .twa-framed-picture { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5bc.svg") } .twa-artist-palette { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3a8.svg") } .twa-thread { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9f5.svg") } .twa-yarn { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9f6.svg") } .twa-glasses { background-image: url("https://twemoji.maxcdn.com/2/svg/1f453.svg") } .twa-sunglasses { background-image: url("https://twemoji.maxcdn.com/2/svg/1f576-fe0f.svg") } .twa-sunglasses { background-image: url("https://twemoji.maxcdn.com/2/svg/1f576.svg") } .twa-goggles { background-image: url("https://twemoji.maxcdn.com/2/svg/1f97d.svg") } .twa-lab-coat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f97c.svg") } .twa-safety-vest { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ba.svg") } .twa-necktie { background-image: url("https://twemoji.maxcdn.com/2/svg/1f454.svg") } .twa-jeans { background-image: url("https://twemoji.maxcdn.com/2/svg/1f456.svg") } .twa-scarf { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9e3.svg") } .twa-gloves { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9e4.svg") } .twa-coat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9e5.svg") } .twa-socks { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9e6.svg") } .twa-dress { background-image: url("https://twemoji.maxcdn.com/2/svg/1f457.svg") } .twa-kimono { background-image: url("https://twemoji.maxcdn.com/2/svg/1f458.svg") } .twa-sari { background-image: url("https://twemoji.maxcdn.com/2/svg/1f97b.svg") } .twa-swim-brief { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa72.svg") } .twa-shorts { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa73.svg") } .twa-bikini { background-image: url("https://twemoji.maxcdn.com/2/svg/1f459.svg") } .twa-purse { background-image: url("https://twemoji.maxcdn.com/2/svg/1f45b.svg") } .twa-handbag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f45c.svg") } .twa-clutch-bag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f45d.svg") } .twa-shopping-bags { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6cd-fe0f.svg") } .twa-shopping-bags { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6cd.svg") } .twa-backpack { background-image: url("https://twemoji.maxcdn.com/2/svg/1f392.svg") } .twa-running-shoe { background-image: url("https://twemoji.maxcdn.com/2/svg/1f45f.svg") } .twa-hiking-boot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f97e.svg") } .twa-flat-shoe { background-image: url("https://twemoji.maxcdn.com/2/svg/1f97f.svg") } .twa-ballet-shoes { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa70.svg") } .twa-crown { background-image: url("https://twemoji.maxcdn.com/2/svg/1f451.svg") } .twa-top-hat { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3a9.svg") } .twa-graduation-cap { background-image: url("https://twemoji.maxcdn.com/2/svg/1f393.svg") } .twa-billed-cap { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9e2.svg") } .twa-prayer-beads { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ff.svg") } .twa-lipstick { background-image: url("https://twemoji.maxcdn.com/2/svg/1f484.svg") } .twa-ring { background-image: url("https://twemoji.maxcdn.com/2/svg/1f48d.svg") } .twa-gem-stone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f48e.svg") } .twa-muted-speaker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f507.svg") } .twa-speaker-low-volume { background-image: url("https://twemoji.maxcdn.com/2/svg/1f508.svg") } .twa-speaker-medium-volume { background-image: url("https://twemoji.maxcdn.com/2/svg/1f509.svg") } .twa-speaker-high-volume { background-image: url("https://twemoji.maxcdn.com/2/svg/1f50a.svg") } .twa-loudspeaker { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4e2.svg") } .twa-megaphone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4e3.svg") } .twa-postal-horn { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ef.svg") } .twa-bell { background-image: url("https://twemoji.maxcdn.com/2/svg/1f514.svg") } .twa-bell-with-slash { background-image: url("https://twemoji.maxcdn.com/2/svg/1f515.svg") } .twa-musical-score { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3bc.svg") } .twa-musical-note { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3b5.svg") } .twa-musical-notes { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3b6.svg") } .twa-studio-microphone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f399-fe0f.svg") } .twa-studio-microphone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f399.svg") } .twa-level-slider { background-image: url("https://twemoji.maxcdn.com/2/svg/1f39a-fe0f.svg") } .twa-level-slider { background-image: url("https://twemoji.maxcdn.com/2/svg/1f39a.svg") } .twa-control-knobs { background-image: url("https://twemoji.maxcdn.com/2/svg/1f39b-fe0f.svg") } .twa-control-knobs { background-image: url("https://twemoji.maxcdn.com/2/svg/1f39b.svg") } .twa-microphone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3a4.svg") } .twa-headphone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3a7.svg") } .twa-radio { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4fb.svg") } .twa-saxophone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3b7.svg") } .twa-guitar { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3b8.svg") } .twa-musical-keyboard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3b9.svg") } .twa-trumpet { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ba.svg") } .twa-violin { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3bb.svg") } .twa-banjo { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa95.svg") } .twa-drum { background-image: url("https://twemoji.maxcdn.com/2/svg/1f941.svg") } .twa-mobile-phone { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f1.svg") } .twa-mobile-phone-with-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f2.svg") } .twa-telephone { background-image: url("https://twemoji.maxcdn.com/2/svg/260e-fe0f.svg") } .twa-telephone { background-image: url("https://twemoji.maxcdn.com/2/svg/260e.svg") } .twa-telephone-receiver { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4de.svg") } .twa-pager { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4df.svg") } .twa-fax-machine { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4e0.svg") } .twa-battery { background-image: url("https://twemoji.maxcdn.com/2/svg/1f50b.svg") } .twa-electric-plug { background-image: url("https://twemoji.maxcdn.com/2/svg/1f50c.svg") } .twa-laptop-computer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4bb.svg") } .twa-desktop-computer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5a5-fe0f.svg") } .twa-desktop-computer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5a5.svg") } .twa-printer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5a8-fe0f.svg") } .twa-printer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5a8.svg") } .twa-keyboard { background-image: url("https://twemoji.maxcdn.com/2/svg/2328-fe0f.svg") } .twa-keyboard { background-image: url("https://twemoji.maxcdn.com/2/svg/2328.svg") } .twa-computer-mouse { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5b1-fe0f.svg") } .twa-computer-mouse { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5b1.svg") } .twa-trackball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5b2-fe0f.svg") } .twa-trackball { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5b2.svg") } .twa-computer-disk { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4bd.svg") } .twa-floppy-disk { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4be.svg") } .twa-optical-disk { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4bf.svg") } .twa-dvd { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4c0.svg") } .twa-abacus { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ee.svg") } .twa-movie-camera { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3a5.svg") } .twa-film-frames { background-image: url("https://twemoji.maxcdn.com/2/svg/1f39e-fe0f.svg") } .twa-film-frames { background-image: url("https://twemoji.maxcdn.com/2/svg/1f39e.svg") } .twa-film-projector { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4fd-fe0f.svg") } .twa-film-projector { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4fd.svg") } .twa-clapper-board { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ac.svg") } .twa-television { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4fa.svg") } .twa-camera { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f7.svg") } .twa-camera-with-flash { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f8.svg") } .twa-video-camera { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f9.svg") } .twa-videocassette { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4fc.svg") } .twa-magnifying-glass-tilted-left { background-image: url("https://twemoji.maxcdn.com/2/svg/1f50d.svg") } .twa-magnifying-glass-tilted-right { background-image: url("https://twemoji.maxcdn.com/2/svg/1f50e.svg") } .twa-candle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f56f-fe0f.svg") } .twa-candle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f56f.svg") } .twa-light-bulb { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4a1.svg") } .twa-flashlight { background-image: url("https://twemoji.maxcdn.com/2/svg/1f526.svg") } .twa-red-paper-lantern { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3ee.svg") } .twa-diya-lamp { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa94.svg") } .twa-notebook-with-decorative-cover { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4d4.svg") } .twa-closed-book { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4d5.svg") } .twa-open-book { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4d6.svg") } .twa-green-book { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4d7.svg") } .twa-blue-book { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4d8.svg") } .twa-orange-book { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4d9.svg") } .twa-books { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4da.svg") } .twa-notebook { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4d3.svg") } .twa-ledger { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4d2.svg") } .twa-page-with-curl { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4c3.svg") } .twa-scroll { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4dc.svg") } .twa-page-facing-up { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4c4.svg") } .twa-newspaper { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f0.svg") } .twa-bookmark-tabs { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4d1.svg") } .twa-bookmark { background-image: url("https://twemoji.maxcdn.com/2/svg/1f516.svg") } .twa-label { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f7-fe0f.svg") } .twa-label { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f7.svg") } .twa-money-bag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b0.svg") } .twa-yen-banknote { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b4.svg") } .twa-dollar-banknote { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b5.svg") } .twa-euro-banknote { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b6.svg") } .twa-pound-banknote { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b7.svg") } .twa-money-with-wings { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b8.svg") } .twa-credit-card { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b3.svg") } .twa-receipt { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9fe.svg") } .twa-chart-increasing-with-yen { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b9.svg") } .twa-currency-exchange { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b1.svg") } .twa-heavy-dollar-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4b2.svg") } .twa-envelope { background-image: url("https://twemoji.maxcdn.com/2/svg/2709-fe0f.svg") } .twa-envelope { background-image: url("https://twemoji.maxcdn.com/2/svg/2709.svg") } .twa-incoming-envelope { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4e8.svg") } .twa-envelope-with-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4e9.svg") } .twa-outbox-tray { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4e4.svg") } .twa-inbox-tray { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4e5.svg") } .twa-package { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4e6.svg") } .twa-closed-mailbox-with-raised-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4eb.svg") } .twa-closed-mailbox-with-lowered-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ea.svg") } .twa-open-mailbox-with-raised-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ec.svg") } .twa-open-mailbox-with-lowered-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ed.svg") } .twa-postbox { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ee.svg") } .twa-ballot-box-with-ballot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5f3-fe0f.svg") } .twa-ballot-box-with-ballot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5f3.svg") } .twa-pencil { background-image: url("https://twemoji.maxcdn.com/2/svg/270f-fe0f.svg") } .twa-pencil { background-image: url("https://twemoji.maxcdn.com/2/svg/270f.svg") } .twa-black-nib { background-image: url("https://twemoji.maxcdn.com/2/svg/2712-fe0f.svg") } .twa-black-nib { background-image: url("https://twemoji.maxcdn.com/2/svg/2712.svg") } .twa-fountain-pen { background-image: url("https://twemoji.maxcdn.com/2/svg/1f58b-fe0f.svg") } .twa-fountain-pen { background-image: url("https://twemoji.maxcdn.com/2/svg/1f58b.svg") } .twa-pen { background-image: url("https://twemoji.maxcdn.com/2/svg/1f58a-fe0f.svg") } .twa-pen { background-image: url("https://twemoji.maxcdn.com/2/svg/1f58a.svg") } .twa-paintbrush { background-image: url("https://twemoji.maxcdn.com/2/svg/1f58c-fe0f.svg") } .twa-paintbrush { background-image: url("https://twemoji.maxcdn.com/2/svg/1f58c.svg") } .twa-crayon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f58d-fe0f.svg") } .twa-crayon { background-image: url("https://twemoji.maxcdn.com/2/svg/1f58d.svg") } .twa-memo { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4dd.svg") } .twa-briefcase { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4bc.svg") } .twa-file-folder { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4c1.svg") } .twa-open-file-folder { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4c2.svg") } .twa-card-index-dividers { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5c2-fe0f.svg") } .twa-card-index-dividers { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5c2.svg") } .twa-calendar { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4c5.svg") } .twa-spiral-notepad { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5d2-fe0f.svg") } .twa-spiral-notepad { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5d2.svg") } .twa-spiral-calendar { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5d3-fe0f.svg") } .twa-spiral-calendar { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5d3.svg") } .twa-card-index { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4c7.svg") } .twa-chart-increasing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4c8.svg") } .twa-chart-decreasing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4c9.svg") } .twa-bar-chart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ca.svg") } .twa-clipboard { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4cb.svg") } .twa-pushpin { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4cc.svg") } .twa-round-pushpin { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4cd.svg") } .twa-paperclip { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4ce.svg") } .twa-linked-paperclips { background-image: url("https://twemoji.maxcdn.com/2/svg/1f587-fe0f.svg") } .twa-linked-paperclips { background-image: url("https://twemoji.maxcdn.com/2/svg/1f587.svg") } .twa-straight-ruler { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4cf.svg") } .twa-triangular-ruler { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4d0.svg") } .twa-scissors { background-image: url("https://twemoji.maxcdn.com/2/svg/2702-fe0f.svg") } .twa-scissors { background-image: url("https://twemoji.maxcdn.com/2/svg/2702.svg") } .twa-card-file-box { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5c3-fe0f.svg") } .twa-card-file-box { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5c3.svg") } .twa-file-cabinet { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5c4-fe0f.svg") } .twa-file-cabinet { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5c4.svg") } .twa-wastebasket { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5d1-fe0f.svg") } .twa-wastebasket { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5d1.svg") } .twa-locked { background-image: url("https://twemoji.maxcdn.com/2/svg/1f512.svg") } .twa-unlocked { background-image: url("https://twemoji.maxcdn.com/2/svg/1f513.svg") } .twa-locked-with-pen { background-image: url("https://twemoji.maxcdn.com/2/svg/1f50f.svg") } .twa-locked-with-key { background-image: url("https://twemoji.maxcdn.com/2/svg/1f510.svg") } .twa-key { background-image: url("https://twemoji.maxcdn.com/2/svg/1f511.svg") } .twa-old-key { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5dd-fe0f.svg") } .twa-old-key { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5dd.svg") } .twa-hammer { background-image: url("https://twemoji.maxcdn.com/2/svg/1f528.svg") } .twa-axe { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa93.svg") } .twa-pick { background-image: url("https://twemoji.maxcdn.com/2/svg/26cf-fe0f.svg") } .twa-pick { background-image: url("https://twemoji.maxcdn.com/2/svg/26cf.svg") } .twa-hammer-and-pick { background-image: url("https://twemoji.maxcdn.com/2/svg/2692-fe0f.svg") } .twa-hammer-and-pick { background-image: url("https://twemoji.maxcdn.com/2/svg/2692.svg") } .twa-hammer-and-wrench { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e0-fe0f.svg") } .twa-hammer-and-wrench { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e0.svg") } .twa-dagger { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5e1-fe0f.svg") } .twa-dagger { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5e1.svg") } .twa-crossed-swords { background-image: url("https://twemoji.maxcdn.com/2/svg/2694-fe0f.svg") } .twa-crossed-swords { background-image: url("https://twemoji.maxcdn.com/2/svg/2694.svg") } .twa-pistol { background-image: url("https://twemoji.maxcdn.com/2/svg/1f52b.svg") } .twa-bow-and-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f9.svg") } .twa-shield { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e1-fe0f.svg") } .twa-shield { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6e1.svg") } .twa-wrench { background-image: url("https://twemoji.maxcdn.com/2/svg/1f527.svg") } .twa-nut-and-bolt { background-image: url("https://twemoji.maxcdn.com/2/svg/1f529.svg") } .twa-gear { background-image: url("https://twemoji.maxcdn.com/2/svg/2699-fe0f.svg") } .twa-gear { background-image: url("https://twemoji.maxcdn.com/2/svg/2699.svg") } .twa-clamp { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5dc-fe0f.svg") } .twa-clamp { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5dc.svg") } .twa-balance-scale { background-image: url("https://twemoji.maxcdn.com/2/svg/2696-fe0f.svg") } .twa-balance-scale { background-image: url("https://twemoji.maxcdn.com/2/svg/2696.svg") } .twa-probing-cane { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9af.svg") } .twa-link { background-image: url("https://twemoji.maxcdn.com/2/svg/1f517.svg") } .twa-chains { background-image: url("https://twemoji.maxcdn.com/2/svg/26d3-fe0f.svg") } .twa-chains { background-image: url("https://twemoji.maxcdn.com/2/svg/26d3.svg") } .twa-toolbox { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9f0.svg") } .twa-magnet { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9f2.svg") } .twa-alembic { background-image: url("https://twemoji.maxcdn.com/2/svg/2697-fe0f.svg") } .twa-alembic { background-image: url("https://twemoji.maxcdn.com/2/svg/2697.svg") } .twa-test-tube { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ea.svg") } .twa-petri-dish { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9eb.svg") } .twa-dna { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ec.svg") } .twa-microscope { background-image: url("https://twemoji.maxcdn.com/2/svg/1f52c.svg") } .twa-telescope { background-image: url("https://twemoji.maxcdn.com/2/svg/1f52d.svg") } .twa-satellite-antenna { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4e1.svg") } .twa-syringe { background-image: url("https://twemoji.maxcdn.com/2/svg/1f489.svg") } .twa-drop-of-blood { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa78.svg") } .twa-pill { background-image: url("https://twemoji.maxcdn.com/2/svg/1f48a.svg") } .twa-adhesive-bandage { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa79.svg") } .twa-stethoscope { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa7a.svg") } .twa-door { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6aa.svg") } .twa-bed { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6cf-fe0f.svg") } .twa-bed { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6cf.svg") } .twa-couch-and-lamp { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6cb-fe0f.svg") } .twa-couch-and-lamp { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6cb.svg") } .twa-chair { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa91.svg") } .twa-toilet { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6bd.svg") } .twa-shower { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6bf.svg") } .twa-bathtub { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6c1.svg") } .twa-razor { background-image: url("https://twemoji.maxcdn.com/2/svg/1fa92.svg") } .twa-lotion-bottle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9f4.svg") } .twa-safety-pin { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9f7.svg") } .twa-broom { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9f9.svg") } .twa-basket { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9fa.svg") } .twa-roll-of-paper { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9fb.svg") } .twa-soap { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9fc.svg") } .twa-sponge { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9fd.svg") } .twa-fire-extinguisher { background-image: url("https://twemoji.maxcdn.com/2/svg/1f9ef.svg") } .twa-shopping-cart { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6d2.svg") } .twa-cigarette { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6ac.svg") } .twa-coffin { background-image: url("https://twemoji.maxcdn.com/2/svg/26b0-fe0f.svg") } .twa-coffin { background-image: url("https://twemoji.maxcdn.com/2/svg/26b0.svg") } .twa-funeral-urn { background-image: url("https://twemoji.maxcdn.com/2/svg/26b1-fe0f.svg") } .twa-funeral-urn { background-image: url("https://twemoji.maxcdn.com/2/svg/26b1.svg") } .twa-moai { background-image: url("https://twemoji.maxcdn.com/2/svg/1f5ff.svg") } .twa-atm-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3e7.svg") } .twa-litter-in-bin-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6ae.svg") } .twa-potable-water { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b0.svg") } .twa-wheelchair-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/267f.svg") } .twa-restroom { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6bb.svg") } .twa-baby-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6bc.svg") } .twa-water-closet { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6be.svg") } .twa-passport-control { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6c2.svg") } .twa-customs { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6c3.svg") } .twa-baggage-claim { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6c4.svg") } .twa-left-luggage { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6c5.svg") } .twa-warning { background-image: url("https://twemoji.maxcdn.com/2/svg/26a0-fe0f.svg") } .twa-warning { background-image: url("https://twemoji.maxcdn.com/2/svg/26a0.svg") } .twa-children-crossing { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b8.svg") } .twa-no-entry { background-image: url("https://twemoji.maxcdn.com/2/svg/26d4.svg") } .twa-prohibited { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6ab.svg") } .twa-no-bicycles { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b3.svg") } .twa-no-smoking { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6ad.svg") } .twa-no-littering { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6af.svg") } .twa-no-pedestrians { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6b7.svg") } .twa-no-mobile-phones { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f5.svg") } .twa-no-one-under-eighteen { background-image: url("https://twemoji.maxcdn.com/2/svg/1f51e.svg") } .twa-radioactive { background-image: url("https://twemoji.maxcdn.com/2/svg/2622-fe0f.svg") } .twa-radioactive { background-image: url("https://twemoji.maxcdn.com/2/svg/2622.svg") } .twa-biohazard { background-image: url("https://twemoji.maxcdn.com/2/svg/2623-fe0f.svg") } .twa-biohazard { background-image: url("https://twemoji.maxcdn.com/2/svg/2623.svg") } .twa-up-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/2b06-fe0f.svg") } .twa-up-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/2b06.svg") } .twa-right-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/27a1-fe0f.svg") } .twa-right-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/27a1.svg") } .twa-down-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/2b07-fe0f.svg") } .twa-down-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/2b07.svg") } .twa-left-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/2b05-fe0f.svg") } .twa-left-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/2b05.svg") } .twa-right-arrow-curving-left { background-image: url("https://twemoji.maxcdn.com/2/svg/21a9-fe0f.svg") } .twa-right-arrow-curving-left { background-image: url("https://twemoji.maxcdn.com/2/svg/21a9.svg") } .twa-left-arrow-curving-right { background-image: url("https://twemoji.maxcdn.com/2/svg/21aa-fe0f.svg") } .twa-left-arrow-curving-right { background-image: url("https://twemoji.maxcdn.com/2/svg/21aa.svg") } .twa-right-arrow-curving-up { background-image: url("https://twemoji.maxcdn.com/2/svg/2934-fe0f.svg") } .twa-right-arrow-curving-up { background-image: url("https://twemoji.maxcdn.com/2/svg/2934.svg") } .twa-right-arrow-curving-down { background-image: url("https://twemoji.maxcdn.com/2/svg/2935-fe0f.svg") } .twa-right-arrow-curving-down { background-image: url("https://twemoji.maxcdn.com/2/svg/2935.svg") } .twa-clockwise-vertical-arrows { background-image: url("https://twemoji.maxcdn.com/2/svg/1f503.svg") } .twa-counterclockwise-arrows-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f504.svg") } .twa-back-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f519.svg") } .twa-end-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f51a.svg") } .twa-soon-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f51c.svg") } .twa-top-arrow { background-image: url("https://twemoji.maxcdn.com/2/svg/1f51d.svg") } .twa-place-of-worship { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6d0.svg") } .twa-atom-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/269b-fe0f.svg") } .twa-atom-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/269b.svg") } .twa-om { background-image: url("https://twemoji.maxcdn.com/2/svg/1f549-fe0f.svg") } .twa-om { background-image: url("https://twemoji.maxcdn.com/2/svg/1f549.svg") } .twa-star-of-david { background-image: url("https://twemoji.maxcdn.com/2/svg/2721-fe0f.svg") } .twa-star-of-david { background-image: url("https://twemoji.maxcdn.com/2/svg/2721.svg") } .twa-wheel-of-dharma { background-image: url("https://twemoji.maxcdn.com/2/svg/2638-fe0f.svg") } .twa-wheel-of-dharma { background-image: url("https://twemoji.maxcdn.com/2/svg/2638.svg") } .twa-yin-yang { background-image: url("https://twemoji.maxcdn.com/2/svg/262f-fe0f.svg") } .twa-yin-yang { background-image: url("https://twemoji.maxcdn.com/2/svg/262f.svg") } .twa-latin-cross { background-image: url("https://twemoji.maxcdn.com/2/svg/271d-fe0f.svg") } .twa-latin-cross { background-image: url("https://twemoji.maxcdn.com/2/svg/271d.svg") } .twa-orthodox-cross { background-image: url("https://twemoji.maxcdn.com/2/svg/2626-fe0f.svg") } .twa-orthodox-cross { background-image: url("https://twemoji.maxcdn.com/2/svg/2626.svg") } .twa-star-and-crescent { background-image: url("https://twemoji.maxcdn.com/2/svg/262a-fe0f.svg") } .twa-star-and-crescent { background-image: url("https://twemoji.maxcdn.com/2/svg/262a.svg") } .twa-peace-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/262e-fe0f.svg") } .twa-peace-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/262e.svg") } .twa-menorah { background-image: url("https://twemoji.maxcdn.com/2/svg/1f54e.svg") } .twa-aries { background-image: url("https://twemoji.maxcdn.com/2/svg/2648.svg") } .twa-taurus { background-image: url("https://twemoji.maxcdn.com/2/svg/2649.svg") } .twa-gemini { background-image: url("https://twemoji.maxcdn.com/2/svg/264a.svg") } .twa-cancer { background-image: url("https://twemoji.maxcdn.com/2/svg/264b.svg") } .twa-leo { background-image: url("https://twemoji.maxcdn.com/2/svg/264c.svg") } .twa-virgo { background-image: url("https://twemoji.maxcdn.com/2/svg/264d.svg") } .twa-libra { background-image: url("https://twemoji.maxcdn.com/2/svg/264e.svg") } .twa-scorpio { background-image: url("https://twemoji.maxcdn.com/2/svg/264f.svg") } .twa-sagittarius { background-image: url("https://twemoji.maxcdn.com/2/svg/2650.svg") } .twa-capricorn { background-image: url("https://twemoji.maxcdn.com/2/svg/2651.svg") } .twa-aquarius { background-image: url("https://twemoji.maxcdn.com/2/svg/2652.svg") } .twa-pisces { background-image: url("https://twemoji.maxcdn.com/2/svg/2653.svg") } .twa-ophiuchus { background-image: url("https://twemoji.maxcdn.com/2/svg/26ce.svg") } .twa-shuffle-tracks-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f500.svg") } .twa-repeat-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f501.svg") } .twa-repeat-single-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f502.svg") } .twa-play-button { background-image: url("https://twemoji.maxcdn.com/2/svg/25b6-fe0f.svg") } .twa-play-button { background-image: url("https://twemoji.maxcdn.com/2/svg/25b6.svg") } .twa-next-track-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23ed-fe0f.svg") } .twa-next-track-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23ed.svg") } .twa-play-or-pause-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23ef-fe0f.svg") } .twa-play-or-pause-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23ef.svg") } .twa-reverse-button { background-image: url("https://twemoji.maxcdn.com/2/svg/25c0-fe0f.svg") } .twa-reverse-button { background-image: url("https://twemoji.maxcdn.com/2/svg/25c0.svg") } .twa-fast-reverse-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23ea.svg") } .twa-last-track-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23ee-fe0f.svg") } .twa-last-track-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23ee.svg") } .twa-upwards-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f53c.svg") } .twa-fast-up-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23eb.svg") } .twa-downwards-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f53d.svg") } .twa-fast-down-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23ec.svg") } .twa-pause-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23f8-fe0f.svg") } .twa-pause-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23f8.svg") } .twa-stop-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23f9-fe0f.svg") } .twa-stop-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23f9.svg") } .twa-record-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23fa-fe0f.svg") } .twa-record-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23fa.svg") } .twa-eject-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23cf-fe0f.svg") } .twa-eject-button { background-image: url("https://twemoji.maxcdn.com/2/svg/23cf.svg") } .twa-cinema { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3a6.svg") } .twa-dim-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f505.svg") } .twa-bright-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f506.svg") } .twa-antenna-bars { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f6.svg") } .twa-vibration-mode { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f3.svg") } .twa-mobile-phone-off { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4f4.svg") } .twa-female-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/2640-fe0f.svg") } .twa-female-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/2640.svg") } .twa-male-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/2642-fe0f.svg") } .twa-male-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/2642.svg") } .twa-medical-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/2695-fe0f.svg") } .twa-medical-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/2695.svg") } .twa-infinity { background-image: url("https://twemoji.maxcdn.com/2/svg/267e-fe0f.svg") } .twa-infinity { background-image: url("https://twemoji.maxcdn.com/2/svg/267e.svg") } .twa-recycling-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/267b-fe0f.svg") } .twa-recycling-symbol { background-image: url("https://twemoji.maxcdn.com/2/svg/267b.svg") } .twa-trident-emblem { background-image: url("https://twemoji.maxcdn.com/2/svg/1f531.svg") } .twa-name-badge { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4db.svg") } .twa-japanese-symbol-for-beginner { background-image: url("https://twemoji.maxcdn.com/2/svg/1f530.svg") } .twa-hollow-red-circle { background-image: url("https://twemoji.maxcdn.com/2/svg/2b55.svg") } .twa-check-mark-button { background-image: url("https://twemoji.maxcdn.com/2/svg/2705.svg") } .twa-check-box-with-check { background-image: url("https://twemoji.maxcdn.com/2/svg/2611-fe0f.svg") } .twa-check-box-with-check { background-image: url("https://twemoji.maxcdn.com/2/svg/2611.svg") } .twa-check-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/2714-fe0f.svg") } .twa-check-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/2714.svg") } .twa-multiplication-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/2716-fe0f.svg") } .twa-multiplication-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/2716.svg") } .twa-cross-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/274c.svg") } .twa-cross-mark-button { background-image: url("https://twemoji.maxcdn.com/2/svg/274e.svg") } .twa-plus-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/2795.svg") } .twa-minus-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/2796.svg") } .twa-division-sign { background-image: url("https://twemoji.maxcdn.com/2/svg/2797.svg") } .twa-curly-loop { background-image: url("https://twemoji.maxcdn.com/2/svg/27b0.svg") } .twa-double-curly-loop { background-image: url("https://twemoji.maxcdn.com/2/svg/27bf.svg") } .twa-part-alternation-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/303d-fe0f.svg") } .twa-part-alternation-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/303d.svg") } .twa-sparkle { background-image: url("https://twemoji.maxcdn.com/2/svg/2747-fe0f.svg") } .twa-sparkle { background-image: url("https://twemoji.maxcdn.com/2/svg/2747.svg") } .twa-double-exclamation-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/203c-fe0f.svg") } .twa-double-exclamation-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/203c.svg") } .twa-exclamation-question-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/2049-fe0f.svg") } .twa-exclamation-question-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/2049.svg") } .twa-question-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/2753.svg") } .twa-white-question-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/2754.svg") } .twa-white-exclamation-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/2755.svg") } .twa-exclamation-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/2757.svg") } .twa-wavy-dash { background-image: url("https://twemoji.maxcdn.com/2/svg/3030-fe0f.svg") } .twa-wavy-dash { background-image: url("https://twemoji.maxcdn.com/2/svg/3030.svg") } .twa-copyright { background-image: url("https://twemoji.maxcdn.com/2/svg/00a9-fe0f.svg") } .twa-copyright { background-image: url("https://twemoji.maxcdn.com/2/svg/00a9.svg") } .twa-registered { background-image: url("https://twemoji.maxcdn.com/2/svg/00ae-fe0f.svg") } .twa-registered { background-image: url("https://twemoji.maxcdn.com/2/svg/00ae.svg") } .twa-trade-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/2122-fe0f.svg") } .twa-trade-mark { background-image: url("https://twemoji.maxcdn.com/2/svg/2122.svg") } .twa-input-latin-uppercase { background-image: url("https://twemoji.maxcdn.com/2/svg/1f520.svg") } .twa-input-latin-lowercase { background-image: url("https://twemoji.maxcdn.com/2/svg/1f521.svg") } .twa-input-numbers { background-image: url("https://twemoji.maxcdn.com/2/svg/1f522.svg") } .twa-input-symbols { background-image: url("https://twemoji.maxcdn.com/2/svg/1f523.svg") } .twa-input-latin-letters { background-image: url("https://twemoji.maxcdn.com/2/svg/1f524.svg") } .twa-cl-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f191.svg") } .twa-cool-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f192.svg") } .twa-free-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f193.svg") } .twa-information { background-image: url("https://twemoji.maxcdn.com/2/svg/2139-fe0f.svg") } .twa-information { background-image: url("https://twemoji.maxcdn.com/2/svg/2139.svg") } .twa-id-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f194.svg") } .twa-circled-m { background-image: url("https://twemoji.maxcdn.com/2/svg/24c2-fe0f.svg") } .twa-circled-m { background-image: url("https://twemoji.maxcdn.com/2/svg/24c2.svg") } .twa-new-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f195.svg") } .twa-ng-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f196.svg") } .twa-ok-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f197.svg") } .twa-p-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f17f-fe0f.svg") } .twa-p-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f17f.svg") } .twa-sos-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f198.svg") } .twa-vs-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f19a.svg") } .twa-red-circle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f534.svg") } .twa-orange-circle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7e0.svg") } .twa-yellow-circle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7e1.svg") } .twa-green-circle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7e2.svg") } .twa-blue-circle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f535.svg") } .twa-purple-circle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7e3.svg") } .twa-brown-circle { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7e4.svg") } .twa-black-circle { background-image: url("https://twemoji.maxcdn.com/2/svg/26ab.svg") } .twa-white-circle { background-image: url("https://twemoji.maxcdn.com/2/svg/26aa.svg") } .twa-red-square { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7e5.svg") } .twa-orange-square { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7e7.svg") } .twa-yellow-square { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7e8.svg") } .twa-green-square { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7e9.svg") } .twa-blue-square { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7e6.svg") } .twa-purple-square { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7ea.svg") } .twa-brown-square { background-image: url("https://twemoji.maxcdn.com/2/svg/1f7eb.svg") } .twa-black-large-square { background-image: url("https://twemoji.maxcdn.com/2/svg/2b1b.svg") } .twa-white-large-square { background-image: url("https://twemoji.maxcdn.com/2/svg/2b1c.svg") } .twa-black-medium-square { background-image: url("https://twemoji.maxcdn.com/2/svg/25fc-fe0f.svg") } .twa-black-medium-square { background-image: url("https://twemoji.maxcdn.com/2/svg/25fc.svg") } .twa-white-medium-square { background-image: url("https://twemoji.maxcdn.com/2/svg/25fb-fe0f.svg") } .twa-white-medium-square { background-image: url("https://twemoji.maxcdn.com/2/svg/25fb.svg") } .twa-black-small-square { background-image: url("https://twemoji.maxcdn.com/2/svg/25aa-fe0f.svg") } .twa-black-small-square { background-image: url("https://twemoji.maxcdn.com/2/svg/25aa.svg") } .twa-white-small-square { background-image: url("https://twemoji.maxcdn.com/2/svg/25ab-fe0f.svg") } .twa-white-small-square { background-image: url("https://twemoji.maxcdn.com/2/svg/25ab.svg") } .twa-large-orange-diamond { background-image: url("https://twemoji.maxcdn.com/2/svg/1f536.svg") } .twa-large-blue-diamond { background-image: url("https://twemoji.maxcdn.com/2/svg/1f537.svg") } .twa-small-orange-diamond { background-image: url("https://twemoji.maxcdn.com/2/svg/1f538.svg") } .twa-small-blue-diamond { background-image: url("https://twemoji.maxcdn.com/2/svg/1f539.svg") } .twa-red-triangle-pointed-up { background-image: url("https://twemoji.maxcdn.com/2/svg/1f53a.svg") } .twa-red-triangle-pointed-down { background-image: url("https://twemoji.maxcdn.com/2/svg/1f53b.svg") } .twa-diamond-with-a-dot { background-image: url("https://twemoji.maxcdn.com/2/svg/1f4a0.svg") } .twa-radio-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f518.svg") } .twa-white-square-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f533.svg") } .twa-black-square-button { background-image: url("https://twemoji.maxcdn.com/2/svg/1f532.svg") } .twa-chequered-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3c1.svg") } .twa-triangular-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f6a9.svg") } .twa-crossed-flags { background-image: url("https://twemoji.maxcdn.com/2/svg/1f38c.svg") } .twa-black-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f4.svg") } .twa-white-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f3-fe0f.svg") } .twa-white-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f3.svg") } .twa-rainbow-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f3-fe0f-200d-1f308.svg") } .twa-rainbow-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f3-200d-1f308.svg") } .twa-pirate-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f4-200d-2620-fe0f.svg") } .twa-pirate-flag { background-image: url("https://twemoji.maxcdn.com/2/svg/1f3f4-200d-2620.svg") } .twa-money-mouth-face { background-image: url("https://twemoji.maxcdn.com/2/svg/1f911.svg") } .audiojs .play-pause { border-right: none; } #password_box { display: none; } /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's * vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS * files in this directory. Styles in this file should be added after the last require_* statement. * It is generally better to create a new file per style scope. * */ .actions-td { text-align: center; } .nav-header { font-size: 18px; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background-color: transparent; color: #F15757; } h1, h2, h3, h4, h5 { font-weight: 500; } @media only screen and (max-width: 639px) { .full_text { display: none; } } @media only screen and (min-width: 640px) { .short_text { display: none; } } .planner-page-title { font-weight: bold; } @media only screen and (max-width: 770px) { .hide-on-mobile { display: none; } } @media only screen and (min-width: 950px) { #page-title { max-height: 120px; } } @media only screen and (max-width: 770px) { .center-on-mobile { text-align: center; } }