/*
	Theme Name: Stellar Theme
	Version: 1.7
	Theme URI: http://stellarwebstudios.com/
	Description: The Stellar Theme is an assemblage of awesome resources, put together to form an extremely flexible WordPress foundation.
	Author: Stellar Web Studios
	Author URI: http://www.stellarwebstudios.com/
*/
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; }

@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }
@keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); }
  30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); }
  40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); }
  60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); }
  40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); }
  60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } }
.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } }
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); transform: translateX(0%); } }
@keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } }
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } }
@keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } }
@keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } }
@keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } }
@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } }
@keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } }
@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } }
.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }
  100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } }
@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }
  100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } }
.flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }
@keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }
@keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }
  80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }
  100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
  60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }
  80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }
  100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }
  100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } }
@keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }
  100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
  100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
  100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }
@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }
@keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }
@keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
  100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } }
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

/* CSS Document */
/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/************************************************************************************* HELPER CLASSES ************/
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; }

/* for image replacement */
.hidden { display: none; visibility: hidden; }

/* Hide for both screenreaders and browsers */
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

/* Hide only visually - available for screenreaders */
.invisible { visibility: hidden; }

/* Hide visually and from screenreaders, but maintain layout */
.clear { clear: both; display: block; }

.cf { /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

small { font-size: 0.6875em; }

.left { float: left; }

.right { float: right; }

/************************************************************************************* FONTS ************/
html { text-align: center; }

body { text-align: left; color: #555; font: 17px/1.3 "Roboto", sans-serif; }
body.intranet { font: 17px/22px Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 { color: #333333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #ca252e; }

.rgba h1, .rgba #logo, .rgba h2, .rgba h3, .rgba h4, .rgba h5, .rgba h6 { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.95); }

h1, .h1 { font-size: 36px; margin: 0 0 25px 0; font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif; }

.intranet h1 { font-family: "Roboto", sans-serif; font-size: 30px; line-height: 32px; }

header.flyingH1 { position: absolute; bottom: 100%; margin-bottom: 0; height: 58px; }
header.flyingH1 h1 { font-size: 63px; line-height: 1; color: #FFF; font-family: "Roboto", sans-serif; text-align: center; text-shadow: 1px 1px 1px black; }

h1.archive-title { position: absolute; bottom: 100%; margin-bottom: 0; font-size: 70px; line-height: 1.2; font-weight: normal; color: #FFF; font-family: "Roboto", sans-serif; text-align: center; text-shadow: 1px 1px 1px black; }

header h1 { font-size: 50px; line-height: 55px; }

h2, .h2 { font-size: 28px; margin: 0 0 25px 0; font-family: "Roboto", sans-serif; }

.intranet h2 { font-family: 'Roboto'; font-style: italic; }

h3, .h3 { font-size: 25px; margin: 0 0 25px 0; }

.intranet h3 { font-weight: normal; }

h4, .h4 { font-size: 20px; margin: 0 0 20px 0; }

h5, .h5 { font-size: 18px; margin: 0 0 20px 0; }

h6, .h6 { font-size: 16px; margin: 0 0 20px 0; }

header h1, header h2, header h3, header h4, header h5, header h6 { margin-bottom: 3px; }

article header { margin-bottom: 20px; }

/* Main Content */
#main-content blockquote { font-style: italic; font-family: cambria, georgia, times, serif; }

.postMeta, .newsMeta { color: #999; font-size: 13px; }

/************************************************************************************* LAYOUT ************/
html { height: 100%; /* 
	Use this if the site has width 100% to prevent the background becoming smaller than the main container. 
	Change 980px to the width of your main container 

	min-width: 980px; 
*/ }

body { /*height:100%;*/ position: relative; background: #fff; background: #f9f9f9; padding: 0; }
body.intranet { height: 100%; background: #fff; }
body.intranet #wrap { min-height: 100%; margin-bottom: -150px; }
body.intranet #wrap:after { content: ""; display: block; height: 150px; }
body.intranet .intraNews { clear: both; margin-bottom: 15px; }
body.intranet .leftSidePost { float: left; margin-right: 15px; width: 22%; box-sizing: border-box; }
body.intranet .leftSidePost img { width: 100%; max-width: 100%; height: inherit; }
body.intranet .rightSidePost { width: 72%; margin-left: 24%; }
body.intranet .rightSidePost header { margin-bottom: 12px; }
body.intranet .rightSidePost h3 { font-weight: normal; }
body.intranet .rightSidePost h3 a { font-weight: normal; }

.container { width: 1200px; margin: 0 auto; /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
.container:before, .container:after { content: ""; display: table; }
.container:after { clear: both; }

p, dl, blockquote, hr, pre, table, fieldset, article, article footer, nav, ul, ol { margin: 0 0 20px 0; }

article ul, article ol { position: relative; left: 45px; padding-right: 25px; /*necessary to ensure content fits in page*/ }
article ul li, article ol li { margin-bottom: 5px; }

/********** IMAGES ************/
.wp-post-image, img.alignright, img.alignleft, img.aligncenter { background: #fff; border: 1px solid #eee; max-width: 100%; height: auto; }

article iframe { margin: 0 auto 20px; }

.alignleft { float: left; clear: left; margin: 0 20px 20px 0; }

.alignright { float: right; clear: right; margin: 0 0 20px 20px; }

.aligncenter { margin: 15px auto; display: block; }

div.wp-caption { text-align: center; background: #11161a; border: 1px solid #1a1f23; outline: 4px solid #0d1015; padding: 0 !important; text-align: center !important; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div.wp-caption img { margin: 0; padding: 5px 5px 0; outline: 0; border: 0; }

p.wp-caption-text { margin: 0 !important; padding: 0 3px 3px !important; font-weight: bold; clear: both; font-size: 12px; color: #eee; }

/************************************************************************************* LINKS & BUTTONS **********/
a { color: #ca252e; text-decoration: none; font-weight: bold; }
a:hover, a:focus { color: #770a0f; text-decoration: none; }

.topHeader .container { position: relative; }

/* Stellar Social Icons */
.socialDiv { float: right; margin-right: 40px; height: 36px; }
.socialDiv ul.socialList { left: 0; margin-left: 0; padding: 0; margin: 0; list-style: none; }
.socialDiv ul.socialList li { float: left; margin: 0; padding: 0; }
.socialDiv .teamLinkItem { position: relative; }
.socialDiv .teamLinkItem ul.subTeamMenu { display: none; list-style: none; position: absolute; background: #eee; }
.socialDiv .teamLinkItem ul.subTeamMenu li { display: block; float: none; margin: 0; padding: 0; }
.socialDiv .teamLinkItem ul.subTeamMenu li a { color: #333; display: block; width: 145px; padding: 13px 14px 8px; font-weight: normal; font-size: 14px; border-bottom: 1px solid #ddd; }
.socialDiv .teamLinkItem ul.subTeamMenu li a:hover { background: #cc242c; color: #FFF; }
.socialDiv .teamLinkItem:hover .subTeamMenu { display: block; top: 36px; left: 0; }
.socialDiv .icon-cube { height: 36px; width: 36px; display: block; text-decoration: none; font-weight: bold; vertical-align: middle; color: #fff; position: relative; -webkit-perspective: 800px; perspective: 800px; overflow: visible; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ }
.socialDiv .icon-cube .first, .socialDiv .icon-cube .second { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; font-size: 20px; line-height: 36px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; }
.socialDiv .icon-cube .first { z-index: 2; background-color: #121517; }
.socialDiv .icon-cube .second { z-index: 1; opacity: 0; -webkit-transform: translateY(20px) rotateX(-90deg); transform: translateY(20px) rotateX(-90deg); }
.socialDiv .icon-cube:hover .first { opacity: 0; -webkit-transform: translateY(-20px) rotateX(90deg); transform: translateY(-20px) rotateX(90deg); }
.socialDiv .icon-cube:hover .second { opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0); }
.socialDiv .icon-cube.instagram .second { background-color: #3b5998; }
.socialDiv .icon-cube.facebook .second { background-color: #3b5998; }
.socialDiv .icon-cube.twitter .second { background-color: #10dffd; }
.socialDiv .icon-cube.linkedin .second { background-color: #0077b5; }
.socialDiv .icon-cube.teamPortal { width: 135px; margin-right: 10px; }
.socialDiv .icon-cube.teamPortal div { font-size: 15px; padding-left: 25px; background-image: url(images/team-portal-btn.png); background-repeat: no-repeat; background-position: 6px 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.socialDiv .icon-cube.teamPortal .first { background-color: #d1272f; }
.socialDiv .icon-cube.teamPortal .second { background-color: #a21b22; }
.socialDiv .headerAffilation { float: left; z-index: 2; margin: 0 0 0 3px; }
.socialDiv .headerAffilation img { background: none; border: none; width: auto; height: 50px; }

.featuredAffiliations { margin-bottom: 24px; }
.featuredAffiliations .featuredAffiliation { clear: both; margin-bottom: 20px; }
.featuredAffiliations .featuredAffiliation img { max-height: 73px; max-width: 100%; width: auto; float: left; margin-right: 10px; background: none; margin-bottom: 12px; }

/* END STELLAR SOCIAL ICONS */
.tml-login { width: 500px; margin: 0 auto auto; }
.tml-login .tml-links { left: 0; list-style: none; }

/* Main Content */
#main { clear: both; background: #FFF url("https://pridestartrinity.com/wp-content/uploads/2022/12/Pridestar-Trinity-Faint.png") repeat center center; }
#main #main-content { position: relative; top: -90px; /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; }
#main #main-content:before, #main #main-content:after { content: ""; display: table; }
#main #main-content:after { clear: both; }
#main #main-content blockquote { margin: 0 2.5em 1.25em 2.5em; border: 1px solid #eee; background: #f6f6f6; padding: 1.19em 1.25em 0; }
#main #main-content article { max-width: 890px; background: white; padding: 26px 90px; border: 1px solid #eee; margin: 0 auto; position: relative; }
#main .beforeFooter { margin-top: 40px; }
#main.intranet { margin-bottom: 20px; min-height: 500px; }
#main.intranet #main-content { background: #f5f5f5; width: 67%; margin-right: 3%; padding: 2% 4%; float: left; border: 1px solid #e8e8e8; box-sizing: border-box; }
#main.intranet #main-content.fullWidth { width: 100%; margin-right: 0; }
#main.intranet .beforeFooter { display: none; }

.intranet #main { background: FFF; }

.home #main-content, .intranet #main-content { position: relative; top: 0px !important; }

.home article { max-width: 890px; background: white !important; padding: 20px !important; border: none !important; margin: 0 auto !important; position: relative !important; }

.intranet #main-content article { background: none !important; padding: 0 !important; border: none !important; }

#contentArea { background: #ffffff; overflow: hidden; }
#contentArea #main-content { position: relative; width: 65%; padding: 40px 30px 40px 0; float: left; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 10px 0px 20px -5px #cccccc; -moz-box-shadow: 10px 0px 20px -5px #cccccc; box-shadow: 10px 0px 20px -5px #cccccc; }

#topContent { background: #fff; }
#topContent #sb_instagram #sbi_images { padding: 0 !important; }
#topContent .container { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; padding: 30px 20px 10px; }
#topContent .sides { width: 30%; }
#topContent .middle { width: 40%; margin: 0 30px; }
#topContent .newsTitle { margin: 0 0 17px 0; }
#topContent #sbi_images a { margin: 5px; }
#topContent #newsSection .newsTitle { padding: 0; }
#topContent #newsSection .item { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; border: 1px solid #B0B0B0; border-radius: 6px; margin: 0 auto 15px; }
#topContent #newsSection .item .newsContent h6 { margin-bottom: 12px; max-height: 55px; overflow: hidden; }
#topContent #newsSection .item .newsContent h6 a { -webkit-transition: color 0.35s; -moz-transition: color 0.35s; transition: color 0.35s; }
#topContent #newsSection .item .newsMeta { -webkit-transition: color 0.35s; -moz-transition: color 0.35s; transition: color 0.35s; font-size: 13px; font-weight: 400; }

.overBlack { background: rgba(0, 0, 0, 0.34); height: 100%; }

.homeBlocks { display: flex; flex-direction: row; flex-wrap: wrap; }
.homeBlocks .item { margin-bottom: 25px; position: relative; z-index: 3; display: flex; flex-direction: column; }
.homeBlocks .item .imgContainer { display: flex; flex-direction: row; justify-content: flex-start; }
.homeBlocks .item .textContainer { overflow: hidden; padding: 30px 10px; position: relative; min-height: 210px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.homeBlocks .item .textContainer h3 { font-size: 30px; margin-bottom: 0; color: #cc242c; text-transform: uppercase; font-family: "Roboto", sans-serif; }
.homeBlocks .item .textContainer .blockButton { font-weight: bold; font-size: 14px; padding: 10px 15px 8px; display: inline-block; margin: 0 6px 5px 0; }
.homeBlocks .item .textContainer .blockButton.red { color: #fff; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s; background: #c0242c; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #961017), color-stop(50%, #c0242c)); background: -webkit-linear-gradient(left, #961017 50%, #c0242c 50%); background: -moz-linear-gradient(left, #961017 50%, #c0242c 50%); background: -ms-linear-gradient(left, #961017 50%, #c0242c 50%); background: -o-linear-gradient(left, #961017 50%, #c0242c 50%); background: linear-gradient(to right, #961017 50%, #c0242c 50%); background-position: right bottom; background-size: 208% 100%; }
.homeBlocks .item .textContainer .blockButton.red:hover, .homeBlocks .item .textContainer .blockButton.red:focus { background-position: left bottom; }
.homeBlocks .item .textContainer .blockButton.blank { border: 1px solid #999999; color: #555555; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s; background: transparent; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #484848), color-stop(50%, transparent)); background: -webkit-linear-gradient(left, #484848 50%, transparent 50%); background: -moz-linear-gradient(left, #484848 50%, transparent 50%); background: -ms-linear-gradient(left, #484848 50%, transparent 50%); background: -o-linear-gradient(left, #484848 50%, transparent 50%); background: linear-gradient(to right, #484848 50%, transparent 50%); background-position: right bottom; background-size: 208% 100%; }
.homeBlocks .item .textContainer .blockButton.blank:hover, .homeBlocks .item .textContainer .blockButton.blank:focus { background-position: left bottom; }
.homeBlocks .item .textContainer .blockButton:hover, .homeBlocks .item .textContainer .blockButton:focus { color: #fff; }
.homeBlocks .item .textContainer .moreInfo { position: absolute; bottom: 10px; }
.homeBlocks .item .textContainer .moreInfo a { color: #999999; font-size: 14px; font-family: 'Roboto', Arial; font-weight: normal; font-style: italic; }
.homeBlocks .item .textContainer .moreInfo a:hover { text-decoration: underline; }
.homeBlocks .item:nth-child(odd) { background: #eeeeee; }
.homeBlocks .item:nth-child(odd) .imgContainer { float: left; }
.homeBlocks .item:nth-child(odd) .textContainer { padding-left: 30px; }
.homeBlocks .item:nth-child(odd) .textContainer .moreInfo { right: 10px; }
.homeBlocks .item:nth-child(even) .imgContainer { float: right; justify-content: flex-end; }
.homeBlocks .item:nth-child(even) .textContainer { padding-right: 30px; padding-left: 0; }
.homeBlocks .item:nth-child(even) .textContainer .moreInfo { right: 30px; }
.homeBlocks .item .imgContainer img { display: block; }
.homeBlocks.innerBlocks .item { float: left; width: 45%; margin-right: 5%; box-sizing: border-box; border: 1px solid #eee; padding: 20px 25px !important; background: none !important; }
.homeBlocks.innerBlocks .item:nth-child(odd) { clear: both; }
.homeBlocks.innerBlocks .item:nth-child(even) { margin-right: 0; }
.homeBlocks.innerBlocks .item .imgContainer { margin-bottom: 10px; }
.homeBlocks.innerBlocks .item h3 { margin-bottom: 5px; }
.homeBlocks.innerBlocks.wideBlocks .item { float: none; width: 100%; margin: 0 auto 20px; }
.homeBlocks.innerBlocks.wideBlocks .item:nth-child(even) .imgContainer { justify-content: flex-start; }
.homeBlocks.innerBlocks.wideBlocks .item .excerpt { font-size: 16px; line-height: 19px; }
.homeBlocks.innerBlocks.wideBlocks .imgContainer { margin-right: 20px; margin-left: 0; }

a.blockButton { background: #ca252e; color: #FFF; float: right; font-weight: bold; font-size: 14px; padding: 10px 15px 8px; display: inline-block; margin: 0 3px 5px 0; display: block; }
a.blockButton.centerButton { float: none; width: inherit; display: inline-block; margin: 0 auto 25px; padding: 14px 20px; font-size: 16px; }

a.largeButton.blockButton { margin: 0 auto 25px; float: none; width: inherit; display: table; margin: 0 auto 25px; padding: 14px 20px; font-size: 36px; }
a.largeButton.blockButton:hover { background: #b1000a; }

a.ctaButton { box-sizing: border-box; border: 3px solid #5D5D5D; background: transparent; font-weight: bold; font-size: 20px; padding: 10px 15px 8px; margin: 0 auto 5px; display: block; color: #333333; text-align: center; width: 80%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; }
a.ctaButton:hover, a.ctaButton:active, a.ctaButton:focus { border: 3px solid #ca252e; background: #ca252e; color: #fff; }

.excerpt { font-size: 13px; line-height: 15px; margin: 0 0 7px 0; }

p#breadcrumbs { font-size: 11px; }
p#breadcrumbs a:last-child::after { /*content: "";*/ }
p#breadcrumbs a { margin-right: 2px; text-decoration: none; }
p#breadcrumbs a:hover { text-decoration: underline; }
p#breadcrumbs .breadcrumb_last { display: none; }

.breadCrumb { margin-bottom: 15px; font: 12px Arial, sans-serif; }
.breadCrumb a { color: #777; }

span.downArrow { transform: rotate(90deg); width: 5px; height: 8px; display: block; display: inline-block; margin-left: 21px; top: 3px; position: relative; font-size: 25px; }
span.downArrow:before { content: '\0000BB'; }

#newsSection { margin-bottom: 20px; clear: both; }
#newsSection .newsTitle { padding-bottom: 10px; position: relative; }
#newsSection .item { padding: 5px; margin-bottom: 5px; border-bottom: 1px solid #d6d6d6; }
#newsSection .item:hover { background: #fff; -webkit-box-shadow: 0px 0px 8px 0px #cccccc; -moz-box-shadow: 0px 0px 8px 0px #cccccc; box-shadow: 0px 0px 8px 0px #cccccc; }
#newsSection .item img { width: 100px; height: auto; margin-bottom: 0; margin: 0; }
#newsSection .item .newsContent { overflow: hidden; margin-left: 114px; }
#newsSection .item .newsContent h6 { margin-bottom: 6px; }
#newsSection .item .newsContent h6 a { color: inherit; }
#newsSection .item .newsContent h6 a:hover { color: #cc242c; }
#newsSection .item .newsContent .categoriesList a { display: inline-block; color: #fff; border: 1px solid #cc242c; padding: 7px 10px 4px; margin: 0 4px 8px 0; font-size: 12px; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s; background: #cc242c; background: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #cc242c)); background: -webkit-linear-gradient(left, transparent 50%, #cc242c 50%); background: -moz-linear-gradient(left, transparent 50%, #cc242c 50%); background: -ms-linear-gradient(left, transparent 50%, #cc242c 50%); background: -o-linear-gradient(left, transparent 50%, #cc242c 50%); background: linear-gradient(to right, transparent 50%, #cc242c 50%); background-position: right bottom; background-size: 208% 100%; }
#newsSection .item .newsContent .categoriesList a:hover, #newsSection .item .newsContent .categoriesList a:focus { background-position: left bottom; }
#newsSection .item .newsContent .categoriesList a:last-child { margin-right: 0; }
#newsSection .item .newsContent .categoriesList a:hover, #newsSection .item .newsContent .categoriesList a:focus { color: #cc242c; }

.postLoop { margin: 0; padding: 10px; }
.postLoop:hover { background: #eeeeee; -webkit-box-shadow: 0px 0px 8px 0px #cccccc; -moz-box-shadow: 0px 0px 8px 0px #cccccc; box-shadow: 0px 0px 8px 0px #cccccc; }
.postLoop img { margin-bottom: 0; }
.postLoop .newsContent { overflow: hidden; }
.postLoop .newsContent h4, .postLoop .newsContent p { margin-bottom: 10px; }
.postLoop .newsContent .categoriesList a { display: inline-block; color: #cc242c; border: 1px solid #cc242c; padding: 5px 10px; margin: 0 5px 5px 0; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s; background: transparent; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #cc242c), color-stop(50%, transparent)); background: -webkit-linear-gradient(left, #cc242c 50%, transparent 50%); background: -moz-linear-gradient(left, #cc242c 50%, transparent 50%); background: -ms-linear-gradient(left, #cc242c 50%, transparent 50%); background: -o-linear-gradient(left, #cc242c 50%, transparent 50%); background: linear-gradient(to right, #cc242c 50%, transparent 50%); background-position: right bottom; background-size: 208% 100%; }
.postLoop .newsContent .categoriesList a:hover, .postLoop .newsContent .categoriesList a:focus { background-position: left bottom; }
.postLoop .newsContent .categoriesList a:last-child { margin-right: 0; }
.postLoop .newsContent .categoriesList a:hover, .postLoop .newsContent .categoriesList a:focus { color: #fff; }

#lowerBanner { padding: 50px 0; background-size: cover; background-position: center; background-attachment: fixed; }
#lowerBanner .imgContainer { display: inline-block; vertical-align: middle; width: 650px; }
#lowerBanner .imgContainer img { max-width: 100%; height: auto; border: 6px solid #353535; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#lowerBanner .textContainer { display: inline-block; vertical-align: middle; margin-left: 32px; max-width: 490px; }
#lowerBanner .textContainer h3 { font-size: 56px; line-height: 55px; color: #fff; text-transform: uppercase; margin: 0; font-family: "Roboto", sans-serif; }
#lowerBanner .textContainer h2 { font-size: 94px; margin: 0; text-transform: uppercase; color: #cc242c; }

#serviceAreas { padding: 50px 0; background-size: cover; background-position: center; background-attachment: fixed; text-align: center; }
#serviceAreas h3 { color: #fff; font-size: 30px; }
#serviceAreas h3:before { content: "\f041"; color: #cc242c; margin-right: 20px; font: normal normal normal 30px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; font-family: 'Font Awesome 5 Free'; }
#serviceAreas .textContainer ul { list-style: none; display: inline-block; }
#serviceAreas .textContainer ul li { color: #999999; float: left; width: 209px; text-align: center; margin-bottom: 5px; }
#serviceAreas .textContainer ul li:nth-child(4n+1) { clear: left; }

/* Intranet Recent Posts Section */
#intranetRecentPosts { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; font-size: 14px; line-height: 16px; }
#intranetRecentPosts .trinityNoPic { padding: 0 23px; max-width: 100%; box-sizing: border-box; }
#intranetRecentPosts h2 { border-bottom: 1px solid #ddd; color: #ca252c; padding-bottom: 5px; font-size: 22px; }
#intranetRecentPosts h3 { margin-bottom: 7px; font-size: 21px; line-height: 23px; }
#intranetRecentPosts .postDate { color: #666; }

.intranetImage { max-height: 280px; margin: 0 auto 15px; overflow: hidden; }

/* Intranet Link Archive */
.post-type-archive-link article { float: left; width: 33%; height: 150px; box-sizing: border-box; padding: 0 2%; text-align: center; }
.post-type-archive-link article:nth-child(3n+1) { clear: left; }
.post-type-archive-link article h2 { display: table; margin-bottom: 0; width: 100%; height: 100%; }
.post-type-archive-link article h2 a { display: table-cell; vertical-align: middle; }
.post-type-archive-link article h2 a img { display: block; }

.blog .post { margin: 0 0 25px; padding: 0 0 25px; border-bottom: 1px solid #eee; }
.blog .post:last-child { border-bottom: none; }
.blog .post h2 { margin: 0 0 7px; }
.blog .post .postMeta { margin: 0 0 12px; }

/* Sidebar */
#sidebar { width: 35%; background: #eeeeee; float: left; padding: 20px 0 20px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#sidebar.intranet { width: 26%; background: none; padding-top: 0; }
#sidebar.intranet aside { margin-bottom: 25px; }
#sidebar.intranet aside > h1, #sidebar.intranet aside > h2, #sidebar.intranet aside > h3, #sidebar.intranet aside > h4 { border-bottom: 1px solid #ddd; }
#sidebar.intranet aside h2 { font-size: 19px; line-height: 24px; font-weight: normal; }
#sidebar #subpages { width: 210px; }
#sidebar #portalLinks ul { list-style: none; padding-left: 20px; }
#sidebar #portalLinks ul li { margin-bottom: 5px; }
#sidebar #portalLinks ul li a { display: table; width: 100%; height: 42px; font-family: "Roboto", sans-serif; font-size: 20px; line-height: 24px; font-style: italic; font-weight: normal; color: #000; }
#sidebar #portalLinks ul li a:hover { text-decoration: underline; color: #333; }
#sidebar #portalLinks ul li a img { display: block; width: 42px; height: auto; }
#sidebar #portalLinks ul li a span { display: table-cell; vertical-align: middle; }
#sidebar #portalLinks ul li a span:first-child { width: 55px; }
#sidebar #employeeOfMonth .employee { font-size: 14px; line-height: 17px; }
#sidebar #employeeOfMonth .employee h3 { font-weight: normal; margin-bottom: 10px; font-size: 19px; line-height: 22px; }
#sidebar #employeeOfMonth .employee .employeeThumb { width: 33%; float: left; box-sizing: border-box; padding: 0 20px 0 0; }
#sidebar #employeeOfMonth .employee .employeeBio { width: 67%; float: right; }

#hrForms ul { list-style: none; }
#hrForms ul li { margin-bottom: 4px; }
#hrForms ul li a { display: block; color: #4a4a4a; padding: 0px 0 5px 25px; font-weight: normal; }
#hrForms ul li a.urlLink { background: url(images/url-icon.png) left top no-repeat; }
#hrForms ul li a.pdfLink { background: url(images/doc-icon.png) left top no-repeat; }
#hrForms ul li a:hover { text-decoration: underline; color: #333; }

.tml-user-admin-bar-front-wrap { display: none; }

#submit.button-primary { float: right; }

/* Incident Report Printer Version */
.page-template-page-incident-reports #main .container { width: 90%; }

.incidentDescription { max-width: 800px; margin: 0 auto 30px; }

.singleIncidentReport { padding: 0 5%; }
.singleIncidentReport .modalClose, .singleIncidentReport .printLink { display: none; }
.singleIncidentReport table { margin-bottom: 20px; }
.singleIncidentReport td { box-sizing: border-box; padding: 5px 10px; border: 1px solid #ddd; }
.singleIncidentReport td:first-child { width: 30%; }
.singleIncidentReport td:last-child { width: 70%; }
.singleIncidentReport h3 { font-size: 22px; margin-bottom: 20px; }

#incidentReports .noReports { padding: 25px; border: 1px dashed red; margin: 20px 0; }

/* Modal */
#modal { display: none; position: fixed; width: 80%; height: 90%; background: #fff; padding: 40px 60px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 9999; border: 10px solid #999; overflow: auto; box-sizing: border-box; }
#modal #main-content.modalContent { background: #f5f5f5; padding: 20px 40px; border: 1px solid #ddd; }
#modal .singleIncidentReport { padding: 0; }
#modal .singleIncidentReport .modalClose { display: block; position: absolute; top: 10px; right: 10px; padding: 8px 8px; border: 2px solid #666; color: #666; border-radius: 20px; line-height: 11px; }
#modal .singleIncidentReport .modalClose:hover { border: 2px solid #333; color: #333; }
#modal .singleIncidentReport .printLink { display: block; float: right; }
#modal .preLoader { display: table; height: 100%; width: 100%; }
#modal .preLoader .preLoaderInner { display: table-cell; vertical-align: middle; text-align: center; }
#modal .preLoader .preLoaderInner p { font-weight: bold; margin-bottom: 10px; }

table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; font-size: 14px; line-height: 16px; }
table.dataTable tbody th a, table.dataTable tbody td a { font-weight: normal; }

#mask { display: none; position: absolute; top: 0; left: 0; background: #fff; opacity: 0.9; width: 100%; height: 100%; z-index: 9998; }

/* Error Notice Boxes */
.errNotice { display: none; background: #FF7070; padding: 15px 15px; border: 1px solid #f00; }
.errNotice p { color: #000; margin: 0; }

#videoSection { margin-top: 90px; }
#videoSection .videoFeatured { float: left; width: 560px; margin-right: 40px; }
#videoSection .videoFeatured iframe { max-width: 100%; height: 320px; }
#videoSection .videoRight { overflow: hidden; }
#videoSection .videoRight .videoList { max-height: 440px; margin: 0; overflow-y: auto; }
#videoSection .videoRight .videoList li { display: inline-block; padding: 5px; cursor: pointer; width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#videoSection .videoRight .videoList li.selected { background: #434343; }
#videoSection .videoRight .videoList li .videoContainer { overflow: hidden; position: relative; }
#videoSection .videoRight .videoList li .videoV { display: none; }
#videoSection .videoRight .videoList li .videoButton { position: absolute; top: -20px; left: 0; right: 0; width: 51px; height: 36px; margin: -18px auto 0; background: url(images/youtube-hover.png) center no-repeat; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
#videoSection .videoRight .videoList li img { opacity: 0.6; -webkit-transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; }
#videoSection .videoRight .videoList li:hover .videoButton { top: 50%; }
#videoSection .videoRight .videoList li:hover img { opacity: 1; }

#main #main-content .staffMember { width: 50%; float: left; margin-bottom: 35px; padding: 0 15px 0 0; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main #main-content .staffMember:nth-child(2n) { padding: 0 0 0 15px; }
#main #main-content .staffMember:nth-child(2n+1) { clear: left; }
#main #main-content .staffMember a { font-weight: normal; }
#main #main-content .staffMember img { border-radius: 6px; }
#main #main-content .staffMember .name { margin-bottom: 10px; }
#main #main-content .staffMember .textInfoCol { margin-left: 177px; font-size: 14px; }
#main #main-content .staffMember .textInfoCol .exp-col-content-holder { margin: 0 0 15px 0 !important; }
#main #main-content .staffMember .textInfoCol.fullWidth { margin: 0; }
#main #main-content .staffMember .details { margin: 0 0 4px; }
#main #main-content .staffMember .hidden-content { font-size: 14px; }

/********** WIDGETS ************/
.widget { margin: 0 0 30px 0; }
.widget:last-child { margin-bottom: 0; }
.widget .widget_search { overflow: hidden; zoom: 1; }
.widget .widget_search input#s { float: left; width: 50%; }
.widget .widget_search #searchsubmit { font-size: 0.875em; padding: 0 1em; border: 0; margin: 1px 0 0 0; line-height: 2.29em; }
.widget .widget_search label { display: none; }
.widget .widget_categories ul, .widget .widget_archive ul, .widget .widget_links ul, .widget .widget_recent_entries ul, .widget .widget_recent_comments ul, .widget .widget_meta ul, .widget .widget_pages ul, .widget .widget_rss ul, .widget .widget_pages ul, .widget .widget_nav_menu ul, .widget .widget_categories ul { padding: 0; list-style-type: none; }
.widget .widget_categories ul li, .widget .widget_archive ul li, .widget .widget_links ul li, .widget .widget_recent_entries ul li, .widget .widget_recent_comments ul li, .widget .widget_meta ul li, .widget .widget_pages ul li, .widget .widget_rss ul li, .widget .widget_pages ul li, .widget .widget_nav_menu ul li, .widget .widget_categories ul li { display: block; }
.widget .widget_categories ul li a, .widget .widget_archive ul li a, .widget .widget_links ul li a, .widget .widget_recent_entries ul li a, .widget .widget_recent_comments ul li a, .widget .widget_meta ul li a, .widget .widget_pages ul li a, .widget .widget_rss ul li a, .widget .widget_pages ul li a, .widget .widget_nav_menu ul li a, .widget .widget_categories ul li a { text-decoration: none; }
.widget .widget_categories ul li a:hover, .widget .widget_categories ul li a:focus, .widget .widget_archive ul li a:hover, .widget .widget_archive ul li a:focus, .widget .widget_links ul li a:hover, .widget .widget_links ul li a:focus, .widget .widget_recent_entries ul li a:hover, .widget .widget_recent_entries ul li a:focus, .widget .widget_recent_comments ul li a:hover, .widget .widget_recent_comments ul li a:focus, .widget .widget_meta ul li a:hover, .widget .widget_meta ul li a:focus, .widget .widget_pages ul li a:hover, .widget .widget_pages ul li a:focus, .widget .widget_rss ul li a:hover, .widget .widget_rss ul li a:focus, .widget .widget_pages ul li a:hover, .widget .widget_pages ul li a:focus, .widget .widget_nav_menu ul li a:hover, .widget .widget_nav_menu ul li a:focus, .widget .widget_categories ul li a:hover, .widget .widget_categories ul li a:focus { text-decoration: underline; }
.widget .widget_tag_cloud div { padding: 0; overflow: hidden; }
.widget .widget_tag_cloud a { line-height: 1.62em; }
.widget .widget_tag_cloud a:hover, .widget .widget_tag_cloud a:focus { text-decoration: underline; }

.listThem ul { left: 0; }
.listThem ul li, .listThem ul li:hover { border: none !important; }
.listThem ul li a:hover, .listThem ul li:hover a:hover { color: #111; }
.listThem ul br { height: 4px; line-height: 3px; }

.courseButtons { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid gray; }
.courseButtons a { margin: 0 auto 15px; font-size: 18px; line-height: 18px; clear: both; float: none; text-align: center; width: 206px; padding: 20px 18px; }

/*********** Employment Section ***********/
h2.booming { font-size: 50px; line-height: 65px; font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase; }

#employment { background: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 20px 10px 25px 10px; }
#employment .container { background: #fffffff2; box-sizing: border-box; padding: 15px 90px 20px; }
#employment h2 { border-bottom: 2px solid #979797; }
#employment .employmentVideo { float: left; width: 65%; }
#employment .employmentVideo .vidWrap { width: 79%; margin: 0 auto 25px; padding: 44% 0 0 0; position: relative; }
#employment .employmentButtons { float: left; width: 35%; padding: 0 15px; box-sizing: border-box; }
#employment .employmentButtons .buttonWrap { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; background: #fff; border: 1px solid #B0B0B0; border-radius: 6px; padding: 10px 15px; margin: 0 auto 15px; }
#employment .employmentButtons .buttonWrap h3 { font-size: 21px; overflow: hidden; max-height: 61px; margin: 0 0 7px; }
#employment .employmentButtons .buttonWrap:hover, #employment .employmentButtons .buttonWrap:active, #employment .employmentButtons .buttonWrap:focus { -webkit-box-shadow: 0px 0px 8px 0px #cccccc; -moz-box-shadow: 0px 0px 8px 0px #cccccc; box-shadow: 0px 0px 8px 0px #cccccc; }
#employment .employmentButtons .buttonWrap .blockButton { background: linear-gradient(to right, #961017 50%, #c0242c 50%); background-position: right bottom; background-size: 208% 100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; }
#employment .employmentButtons .buttonWrap .blockButton i { position: relative; top: 2px; }
#employment .employmentButtons .buttonWrap .blockButton:hover, #employment .employmentButtons .buttonWrap .blockButton:active, #employment .employmentButtons .buttonWrap .blockButton:focus { background-position: left bottom; }

/************ Education Section ***********/
#education { overflow: hidden; background: #E5E5E5; position: relative; }
#education .leftImg { position: absolute; top: 20px; left: 20px; bottom: 20px; width: 100%; max-width: 600px; height: auto; }
#education .edWrap { box-sizing: border-box; width: 100%; max-width: 900px; float: right; position: relative; padding: 0 50px 35px; background: #E5E5E5; }
#education h2 { margin: 25px 0 0; }
#education h3 { margin: 0 0 10px; }
#education h4 { font-size: 28px; text-align: center; }
#education .educationButtons { padding: 0 15px; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; }
#education .educationButtons .buttonWrap { position: relative; background: #fff; border: 1px solid #B0B0B0; border-radius: 6px; padding: 10px 15px; margin: 0 15px 15px; box-sizing: border-box; width: -moz-calc(50% - 30px); width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); }
#education .educationButtons .buttonWrap h3 { font-size: 23px; overflow: hidden; max-height: 61px; margin: 0 0 7px; }
#education .collegeWrap { margin: 30px auto 10px; }
#education .collegeLogos { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: center; }
#education .collegeLogos a, #education .collegeLogos span { width: auto; max-width: 150px; height: auto; margin: 0 7px 15px; text-align: center; }
#education .collegeLogos a img, #education .collegeLogos span img { max-width: 100%; height: auto; }
#education .blockButton { background: linear-gradient(to right, #961017 50%, #c0242c 50%); background-position: right bottom; background-size: 208% 100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; }
#education .blockButton i { position: relative; top: 2px; }
#education .blockButton.green { position: relative; bottom: auto; right: auto; }
#education .blockButton:hover, #education .blockButton:active, #education .blockButton:focus { background-position: left bottom; }

/* Maintenance page */
.page-template-wpmm-page-template img { background: none; border: none; }

/****************** Social Section ************/
#socialSection { background: #fff; padding: 35px 0 50px 0; }
#socialSection h2 { text-align: center; font-size: 32px; line-height: 36px; margin: 0 0 15px 0; }
#socialSection .fbLikeBox { text-align: center; float: left; margin: 0 25px 0 0; width: 500px; }
#socialSection .rightBox { text-align: left; padding: 0 25px; margin-left: 525px; }
#socialSection .rightBox h2 { text-align: left; }

/**************** Intranet Styles *****************/
.intranet .socialDiv { margin-right: 280px; }
.intranet .socialDiv .teamPortal { display: none; }
.intranet #socialCallout .homeFeaturedImage { max-width: 100%; height: auto; margin: 0 auto 25px; }
.intranet #socialCallout .fbLikeBox { float: left; display: none; }
.intranet #socialCallout .youtubeButton .youtubeLink { background: #fff url(images/yt-icon.png) center center no-repeat; display: block; width: 260px; height: 95px; border: 1px solid #e2e2e2; border-radius: 5px; }
.intranet #socialCallout .youtubeButton .youtubeLink:hover { border: 1px solid #9e9e9e; }

/*********** Posts Gallery **********/
.postGallery { padding: 30px 0; display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; }
.postGallery .postGalleryItem { flex: 0 0 calc((100% - 60px) / 3); }
.postGallery .postGalleryItem a.image { display: block; }
.postGallery .postGalleryItem img { display: block; max-width: 100%; height: auto; }

/* Header */
#header { position: relative; width: 100%; z-index: 10; }
#header.sticky { position: fixed; border-bottom: 1px solid #eee; }
#header.sticky .topHeader { background: rgba(0, 0, 0, 0.8); display: none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
#header.sticky #logo { min-height: 70px; }
#header.sticky #logo img.primaryLogo { top: 10px; }
#header.sticky #logo .pridestarDivision { display: none; }
#header.sticky #main-nav { top: 3px; }
#header.sticky #main-nav .menu > li > a { font-size: 15px !important; padding: 25px 20px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
#header.sticky #main-nav .menu > li:last-child { display: none; }
#header.sticky #main-nav .menu .sub-menu { top: 68px; }
#header.sticky #logo img { width: 170px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
#header.sticky .socialDiv a.icon-cube { height: 30px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
#header.sticky .socialDiv a.icon-cube .first, #header.sticky .socialDiv a.icon-cube .second { font-size: 15px; line-height: 31px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
#header.sticky .socialDiv a.icon-cube.teamPortal div { background-position: 6px 7px; }
#header .topHeader { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; position: absolute; right: 0; z-index: 10; }
#header .bottomHeader { background: rgba(255, 255, 255, 0.91); }
#header.intranet { position: relative; border-top: 10px solid #c9242b; background: url("images/bg-red.jpg") no-repeat right -21px; padding-top: 9px; padding-bottom: 10px; }
#header.intranet .backLink { display: inline-block; position: absolute; top: 15px; left: 15px; background: url("images/back-arrow.png") left center no-repeat; padding-left: 25px; color: #434343; text-decoration: underline; font-weight: normal; }
#header.intranet .backLink:hover { text-decoration: none; }
#header.intranet .userFunctions { position: absolute; top: 10px; right: 15px; display: inline-block; }
#header.intranet .userFunctions a { display: block; float: left; padding-top: 10px; padding-bottom: 10px; font-weight: normal; color: #434343; color: #eee; background: #e23f40; font-size: 14px; padding: 10px 24px; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; }
#header.intranet .userFunctions a:hover { background: #333; color: #fff; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; }

.headerImage { height: 425px; background-size: cover; background-position: center; background-position: center -70px; background-position: center center; margin-bottom: 40px; }

#logo { float: left; margin: 0px 15px 0 0; min-height: 110px; position: relative; }
#logo img.primaryLogo { height: auto; max-width: 300px; top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
#logo img.pridestarDivision { position: absolute; left: 32px; top: 67px; }
#logo.intranet { margin: 0 0 0 75px; min-height: auto; }
#logo.intranet img.intranetLogo { width: 200px; height: auto; top: 0px; }
#logo.intranet img.pridestarDivision { left: 203px; top: 20px; }
#logo.intranet a.logo { display: table-cell; vertical-align: middle; padding-right: 0px; }
#logo.intranet span.intranetTitle { display: table-cell; vertical-align: middle; font-family: "Roboto", Arial, sans-serif; font-style: italic; font-weight: bold; font-size: 45px; line-height: 50px; }

/* Nav */
/* Main Navigation */
#main-nav { float: right; margin: 0; top: 24px; position: relative; }
#main-nav .menu { margin: 0; }
#main-nav .menu > li { float: left; position: relative; }
#main-nav .menu > li > a { display: block; font-size: 15px; max-width: 141px; text-align: center; padding: 33px 20px; text-transform: uppercase; color: #333333; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; overflow: hidden; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; }
#main-nav .menu > li > a:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #cc242c; height: 5px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#main-nav .menu > li > a:hover, #main-nav .menu > li > a:focus, #main-nav .menu > li > a:active { background: #f9f9f9; color: #cc242c; }
#main-nav .menu > li > a:hover:before, #main-nav .menu > li > a:focus:before, #main-nav .menu > li > a:active:before { left: 0; right: 0; }
#main-nav .menu > li:last-child { cursor: context-menu; }
#main-nav .menu > li:last-child > a { font-size: 12px; padding: 7px 12px; background: #cc242c; color: #FFF; top: 26px; }
#main-nav .menu > li:last-child > a:hover { background: #770a0f; color: #fff; }
#main-nav .menu > li:last-child .sub-menu { top: 56px; background: #eee; }
#main-nav .menu > li.current-menu-item > a, #main-nav .menu > li.current-menu-parent > a { background: #f9f9f9; }
#main-nav .menu > li.current-menu-item > a:before, #main-nav .menu > li.current-menu-parent > a:before { left: 0; right: 0; }
#main-nav .menu > li.current-menu-item:last-child > a, #main-nav .menu > li.current-menu-parent:last-child > a { background: #cc242c; }
#main-nav .menu > li.current-menu-item:last-child > a:hover, #main-nav .menu > li.current-menu-parent:last-child > a:hover { background: #770a0f; }
#main-nav .menu .sub-menu { position: absolute; background: #FFF; padding: 10px 5px 2px; top: 85px; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-radius: 0 0px 5px 5px; left: -9999px; z-index: 2; }
#main-nav .menu .sub-menu li { display: block; width: 220px; float: none; margin: 0 0 4px 0; }
#main-nav .menu .sub-menu li a { color: #333; text-transform: none; border-radius: 4px; font-weight: normal; font-size: 15px; display: block; padding: 6px 12px; float: none; }
#main-nav .menu .sub-menu li a:hover { background: #cc242c; color: #fff; }
#main-nav .menu li:hover ul { left: 0px !important; }
#main-nav.intranet { float: none; padding: 0 10%; top: -1px; margin-bottom: 20px; border-top: 1px solid #e8e8e8; background: #efefef; background: #f5f5f5; }
#main-nav.intranet .menu > li a { text-transform: none; color: #636363; margin-right: 2px; margin-left: 2px; font-weight: normal; }
#main-nav.intranet .menu > li:hover { color: #444; }
#main-nav.intranet .menu > li:nth-child(7) { float: right; }
#main-nav.intranet .menu > li:last-child { float: right; top: -26px; }
#main-nav.intranet .menu > li:last-child > a:before { background: #cc242c; }
#main-nav.intranet .menu > li:last-child .sub-menu { top: 72px; }
#main-nav.intranet .menu > li > a { padding: 15px 17px 12px; background: none; font-size: 17px; max-width: 175px; }
#main-nav.intranet .menu > li > a:before { background: #5a5a5a; height: 3px; }
#main-nav.intranet .menu .sub-menu { top: 49px; z-index: 9; }
#main-nav.intranet .menu .sub-menu a { display: block; font-size: 15px; line-height: 18px; float: none; padding: 6px 10px 4px; border-radius: 5px; margin: 0 0 3px 0; }
#main-nav.intranet .menu .sub-menu a:hover { background: #ca252c; color: #fff; }

#StellarSlider { position: relative; height: 720px; }
#StellarSlider #slides { position: relative; }
#StellarSlider #slides .slides-container { display: none; }
#StellarSlider #slides .slides-container img { border: none; }
#StellarSlider .container { position: absolute; left: 0; right: 0; top: 0; height: 100%; margin: auto; }
#StellarSlider .caption { position: absolute; bottom: 70px; left: 0; z-index: 5; text-align: left; font-size: 21px; max-width: 750px; }
#StellarSlider .caption * { color: #fff; }
#StellarSlider .caption h2 { font-size: 84px; line-height: 73px; margin: 0; text-transform: uppercase; text-shadow: 3px 2px 7px black; margin-bottom: 15px; }
#StellarSlider .caption h2 span { font-size: 59px; line-height: 61px; display: block; }
#StellarSlider .caption .pageLink { display: inline-block; position: relative; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s; background: #bd242b; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #961017), color-stop(50%, #bd242b)); background: -webkit-linear-gradient(left, #961017 50%, #bd242b 50%); background: -moz-linear-gradient(left, #961017 50%, #bd242b 50%); background: -ms-linear-gradient(left, #961017 50%, #bd242b 50%); background: -o-linear-gradient(left, #961017 50%, #bd242b 50%); background: linear-gradient(to right, #961017 50%, #bd242b 50%); background-position: right bottom; background-size: 208% 100%; padding: 10px 10px 10px 40px; }
#StellarSlider .caption .pageLink:hover, #StellarSlider .caption .pageLink:focus { background-position: left bottom; }
#StellarSlider .caption .pageLink:after { content: ""; display: block; width: 9px; height: 20px; background: url(images/i-icon.png); position: absolute; top: 15px; left: 13px; }

.slides-navigation { margin: 0 auto; position: absolute; z-index: 9; top: 50%; width: 100%; }
.slides-navigation a { position: absolute; color: #fff; font: normal normal normal 60px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s; }
.slides-navigation a:hover { color: #ccc; }
.slides-navigation a.prev { left: 20px; }
.slides-navigation a.prev:before { content: "\f104"; }
.slides-navigation a.next { right: 20px; }
.slides-navigation a.next:before { content: "\f105"; }

.paginationContainer { background: rgba(0, 0, 0, 0.74); background-size: 100% 100%; position: absolute; left: 0; bottom: 0; text-align: center; padding: 20px 15px; width: 390px; z-index: 6; }
.paginationContainer h5 { color: #999999; }
.paginationContainer .slides-pagination { margin: 20px 0; }
.paginationContainer .slides-pagination a { display: block; float: left; width: 50%; padding: 15px; font-size: 18px; font-weight: normal; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.paginationContainer .slides-pagination a:nth-child(1) { border-bottom: 1px solid #313131; border-right: 1px solid #313131; }
.paginationContainer .slides-pagination a:nth-child(2) { border-bottom: 1px solid #313131; border-left: 1px solid #313131; }
.paginationContainer .slides-pagination a:nth-child(3) { border-top: 1px solid #313131; border-right: 1px solid #313131; }
.paginationContainer .slides-pagination a:nth-child(4) { border-top: 1px solid #313131; border-left: 1px solid #313131; }
.paginationContainer .slides-pagination a:hover, .paginationContainer .slides-pagination a.current { background: url(images/red-box-bg.jpg); }
.paginationContainer .slides-pagination a .imgContainer { width: 85px; height: 85px; margin: 0 auto 20px; }
.paginationContainer .slides-pagination a .imgContainer img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.paginationContainer .sliderPhone h3 { color: #fff; font-family: "Roboto", sans-serif; font-size: 50px; margin: 0; }
.paginationContainer .sliderPhone p { margin: 0; color: #999999; font-size: 21px; }

/* Stellar Form Styles - Generic Styles for Sexy Forms */
input:not([type=submit]):not([type=file]), select, textarea { padding: 10px 15px !important; font-size: 14px !important; border-radius: 4px !important; border: 1px solid #CCC !important; color: #4d4d4d !important; outline: none !important; background: #fafafa !important; box-sizing: border-box; }
input:not([type=submit]):not([type=file]):focus, select:focus, textarea:focus { color: #1A1A1A !important; border: 1px solid #999 !important; background: #fff !important; }

input[type="checkbox"] { width: auto !important; margin: 3px 8px 0 6px; }

textarea { padding: 15px !important; }

.gform_fields, .ginput_container ul { list-style: none; left: 0; }

.ginput_container input:not([type=radio]) { width: 250px; }

.gform_confirmation_wrapper { padding: 30px 50px; border: 3px dotted #47A925; }

#field_1_50 .gfield_label { float: none; display: block; text-align: left; }

.field_description_below .ginput_container textarea.medium { width: 87%; float: none; display: block; height: 200px; }

.gform_wrapper .top_label .gfield_description { padding: 0 !important; position: relative; top: -14px; font-size: 12px; }

.gform_wrapper table.gfield_list thead th { text-align: left; font-size: 15px; font-weight: normal; padding: 10px 0 0; }

/* Uncomment to style placeholder text
::-webkit-input-placeholder { color: #8dc63f;
}

:-moz-placeholder { color: #8dc63f;  
}

::-moz-placeholder { color: #8dc63f;  
}

:-ms-input-placeholder {   color: #8dc63f;  
}*/
body .gform_wrapper form ul.left_label li, body .gform_wrapper form ul.right_label li, body .gform_wrapper ul.left_label li, body .gform_wrapper ul.right_label li { margin-bottom: 7px; }

body .gform_wrapper .left_label .gfield_label { float: left; margin: .75em 15px 0 0; width: 29%; font-weight: 700; text-align: right; font-weight: normal; margin: 10px 18px 0 !important; position: relative; /* top: 10px; */ font-size: 14px; line-height: 14px; }

body .gform_wrapper ul.gfield_checkbox li, body .gform_wrapper ul.gfield_radio li { padding: 0 !important; /* float: left; */ display: inline-block; width: 100px; }

.gform_wrapper .top_label .gfield_label { margin: 0 !important; }

body .gform_wrapper label.gfield_label + div.ginput_container { margin-bottom: 10px; }

body .gform_wrapper div.ginput_container.ginput_container_checkbox { margin-left: 34% !important; }

/************************************************************************************* COMMENTS ************/
#comment { width: 100%; height: 150px; }

#respond { margin-top: 20px; margin-bottom: 15px; }
#respond form { background: none !important; }
#respond form textarea { width: 98%; margin-right: 0; }
#respond form label { font-size: 1em; font-weight: bold; }

.comment_container { position: relative; }

ol.comment-list { margin: 0 0 15px !important; }
ol.comment-list li { margin: 0; padding: 8px 0 8px 14px; list-style: none; overflow: hidden; position: relative; }
ol.comment-list li ul { margin: 8px 0 0 !important; }
ol.comment-list li ul li { border: 0; margin: 0 0 0 28px !important; padding: 0 0 8px; }
ol.comment-list li header { margin: 0; line-height: 1.5em; }
ol.comment-list li article nav { float: right; }
ol.comment-list li .comment-text { border: 2px solid #ebebeb; overflow: hidden; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 10px 10px 0; }
ol.comment-list li .comment-text p { margin: 0 0 10px !important; }
ol.comment-list li .comment-text p.meta { font-weight: normal; background: transparent; padding: 0; font-style: italic; color: #777; font-size: 0.9em; margin: 0 0 10px !important; }
ol.comment-list li .comment-text p.meta strong { font-weight: bold; }
ol.comment-list li.bypostauthor .comment-text, ol.comment-list li.bypostauthor img.avatar { border-color: #D4E2EB; }
ol.comment-list img.avatar { margin: 8px 10px 0 0; padding: 4px; float: left; border: 1px solid #1a1f23; }

#respond input.text, #respond select, #respond textarea, .comment-form-author input, .comment-form-email input, .comment-form-url input, .widget_search input#s { border: 1px solid #eee; background: #f6f6f6; color: #777; font-size: 1em; line-height: 1em; padding: 0.375em; width: 50%; margin: 0 4px 0 0; outline: 0; display: block; }

#respond input.text:focus, #respond select:focus, #respond textarea:focus, .comment-form-author input:focus, .comment-form-email input:focus, .comment-form-url input:focus, .widget_search input#s:focus { border: 1px solid #ccc; }

.borderradius #respond input.text, .borderradius #respond select, .borderradius #respond textarea, .borderradius .comment-form-author input, .borderradius .comment-form-email input, .borderradius .comment-form-url input, .borderradius .widget_search input#s { -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; -khtml-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; }

.tml-button, .button, #submit, input[type=submit] { padding: 11px 20px; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s; background: #bd242b; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #961017), color-stop(50%, #bd242b)); background: -webkit-linear-gradient(left, #961017 50%, #bd242b 50%); background: -moz-linear-gradient(left, #961017 50%, #bd242b 50%); background: -ms-linear-gradient(left, #961017 50%, #bd242b 50%); background: -o-linear-gradient(left, #961017 50%, #bd242b 50%); background: linear-gradient(to right, #961017 50%, #bd242b 50%); background-position: right bottom; background-size: 208% 100%; cursor: pointer; border: none; font-weight: bold; text-decoration: none; color: #fff; }
.tml-button:hover, .tml-button:focus, .button:hover, .button:focus, #submit:hover, #submit:focus, input[type=submit]:hover, input[type=submit]:focus { background-position: left bottom; }
.tml-button:hover, .button:hover, #submit:hover, input[type=submit]:hover { color: #fff; }
.tml-button:active, .button:active, #submit:active, input[type=submit]:active { position: relative; top: 1px; }

.acf-field-5ad0ca353775b, .acf-field-5ad0ca3c3775c, .acf-field-5afdb6818935c, .acf-field-5afdb69e8935d { display: none; }

/* Footer */
#footer { overflow: hidden; zoom: 1; clear: both; padding: 40px 0; background: #FFF url("images/cityscape-footer.png") repeat-x bottom left; /* Nav */ }
#footer .footerLeft { width: 33%; float: left; }
#footer .footerLeft .footerLogo { margin-bottom: 20px; display: block; }
#footer .footerLeft .footerLogo img { width: 100%; max-width: 230px; height: auto; }
#footer .littleFoot { font-size: 12px; clear: both; width: 100%; position: relative; top: 20px; color: #666; }
#footer .littleFoot a { font-weight: normal; color: #555; }
#footer .leftFoot { width: 40%; float: left; }
#footer .siteBy { float: right; width: 40%; text-align: right; }
#footer.intranet { background: #333 url("images/cityscape-footer.png") repeat-x bottom left; padding: 25px 0; }
#footer.intranet .footerLeft { width: 50%; }
#footer.intranet .footerLeft p { float: left; display: block; margin-right: 40px; color: #eee; font-size: 14px; line-height: 16px; }
#footer .footerCenter { width: 29%; float: left; margin-top: 20px; }
#footer.intranet .footerCenter { margin: 0; }
#footer.intranet .footerCenter h5 { margin: 0 0 5px; color: #929292; }
#footer.intranet .footerCenter ul li { margin: 0 0 3px 0px; }
#footer.intranet .footerCenter ul li a { display: block; color: #eee; font-size: 14px; line-height: 16px; text-decoration: underline; }
#footer.intranet .footerCenter ul li a:hover { color: #bbb; }
#footer .footerRight { width: 37%; float: left; margin-top: 20px; }
#footer .footerRight .associationsList { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 30px 3%; }
#footer .footerRight .associationsList .item { float: left; width: 30%; box-sizing: border-box; padding: 0 10px 15px 0; }
#footer .footerRight .associationsList .item:last-child { margin-right: 0; }
#footer .footerRight .associationsList .item .imgContainer { text-align: center; position: relative; }
#footer .footerRight .associationsList .item .imgContainer img { border: none; }
#footer .codingLogos { width: 120px; clear: none; margin: 0 auto; text-align: center; }
#footer .codingLogos img:first-child { margin-right: 20px; }
#footer .menu { padding: 0; margin: 0 0 10px 0; list-style: none; }
#footer .menu li { margin-bottom: 13px; }
#footer .menu li a { padding: 0; margin: 0; color: inherit; font-weight: normal; font-size: 16px; text-decoration: underline; }
#footer .menu li a:hover { color: #cc242c; }
#footer .siteBy ul { margin: 0; padding: 0; display: table; float: right; }
#footer .siteBy ul li { list-style: none; height: 30px; padding: 6px 3px 0; display: table-cell; vertical-align: middle; float: left; margin: 0; margin-right: -1px; min-width: 35px; text-align: center; }
#footer .siteBy a.stellar { margin-top: 5px; display: inline-block; }
#footer .siteBy a.stellar:hover { text-decoration: none; }
#footer #wpstats { display: none; visibility: hidden; }

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn { position: relative; display: block; vertical-align: middle; line-height: 1.125em; cursor: pointer; }

.slicknav_menu { *zoom: 1; }

.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }

.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }

.slicknav_menu .slicknav_no-text { margin: 0; }

.slicknav_menu .slicknav_icon-bar { display: block; background: #000; height: 3px; margin: 0 0 3px; outline: transparent solid 1px; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s; width: 26px; }

.slicknav_open .slicknav_icon-bar:nth-child(1) { -webkit-transform: translateY(6px) rotate(-45deg); -ms-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); }

.slicknav_open .slicknav_icon-bar:nth-child(2) { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.slicknav_open .slicknav_icon-bar:nth-child(3) { -webkit-transform: translateY(-6px) rotate(45deg); -ms-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); }

.slicknav_menu:before { content: " "; display: table; }

.slicknav_menu:after { content: " "; display: table; clear: both; }

.slicknav_nav { clear: both; }
.slicknav_nav ul { display: block; }
.slicknav_nav li { display: block; margin-bottom: 11px; }
.slicknav_nav .slicknav_arrow { font-size: .8em; margin: 0 0 0 0.4em; border: 1px solid white; border-radius: 3px; padding: 4px; position: relative; top: -1px; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_item a { display: inline; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block; }
.slicknav_nav .slicknav_parent-link a { display: inline; }

.slicknav_brand { float: left; }

.slicknav_menu { font-size: 16px; box-sizing: border-box; position: absolute; top: 0; right: 0; padding: 15px 25px; font-family: "Exo 2", Arial, sans-serif; }

.slicknav_menu * { box-sizing: border-box; }

.slicknav_menu .slicknav_menutxt { color: #fff; font-weight: 700; text-shadow: 0 1px 3px #000; }

.slicknav_btn.slicknav_open { margin-top: 0 !important; }

.slicknav_btn.slicknav_open .slicknav_icon-bar { background-color: #fff; }

.slicknav_btn { padding: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 20000; margin: 48px 0 0; -webkit-transition: margin 400ms; transition: margin 400ms; }

.slicknav_nav { color: #fff; margin: 0; padding: 40px 12px 0; font-size: 18px; list-style: none; overflow: auto; position: fixed; background: #000; background: rgba(0, 0, 0, 0.8); top: 0; right: 0; z-index: 10000; display: block !important; -webkit-transition: visibility 0 400ms, opacity 400ms, -webkit-transform 400ms; transition: visibility 0 400ms, opacity 400ms, transform 400ms; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0; transition-delay: 0; visibility: visible; max-height: 100vh; }

.slicknav_nav.slicknav_hidden { opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }

.slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 10px 0; }

.slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; -webkit-transition: color .25s; -moz-transition: color .25s; transition: color 0.25s; }

.slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ca252e; }

.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; font-size: 22px; line-height: 24px; text-decoration: none; color: #fff; -webkit-transition: color .25s; -moz-transition: color .25s; transition: color 0.25s; }

.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ca252e; }

.slicknav_nav ul a { padding: 5px 10px; font-weight: 400; }

.slicknav_nav .slicknav_txtnode { margin-left: 15px; }

.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }

.slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; }

.slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }

/************************************************************************************* RESPONSIVE **********/
.slicknav_menu { display: none; }

html { margin-left: 0 !important; overflow-x: hidden; }

@media only screen and (max-width: 1240px) { #wrap, #header, body { min-width: 100%; }
  .container { width: auto; margin: 0 15px; }
  #StellarSlider .container { margin: 0 15px; }
  #StellarSlider .caption { left: 70px; }
  iframe { max-width: 100%; }
  * { word-wrap: break-word; }
  #lowerBanner .imgContainer { width: 50%; }
  #main-nav.intranet { padding: 0; } }
@media only screen and (max-width: 1227px) { #main-nav { top: 0px; } }
@media only screen and (max-width: 1070px) { #header { position: absolute !important; }
  #header.intranet { position: relative !important; margin-bottom: 20px; border-bottom: 1px solid #e8e8e8; }
  #header.intranet .userFunctions { top: 25px; right: 55px; }
  body.intranet .slicknav_menu { padding: 15px 10px; }
  body.intranet .slicknav_menu .slicknav_btn { margin-top: 28px; }
  body.intranet .slicknav_menu .slicknav_icon-bar { background: #fff; }
  #logo.intranet { margin: 0 0 0 15px; }
  .slicknav_menu { display: block; }
  #main-nav { display: none; }
  .tml-login { width: 100%; }
  #socialSection .fbLikeBox { width: 100%; float: none; margin: 0 0 25px 0; }
  #socialSection .rightBox { margin: 0 0 25px; padding: 0 15px; }
  .paginationContainer { right: 0; margin: auto; }
  .paginationContainer .slides-pagination, .paginationContainer h5 { display: none; }
  #StellarSlider .caption { margin: auto; right: 40px; left: 40px; text-align: center; bottom: 142px; }
  #lowerBanner .textContainer h2 { font-size: 74px; }
  #lowerBanner .textContainer h3 { font-size: 44px; }
  #footer img { max-width: 100%; height: auto; }
  #footer .footerCenter { text-align: center; }
  #footer .menu li { float: none; width: 100%; }
  #footer.intranet .footerLeft p { float: none; margin-right: 0; text-align: center; }
  #videoSection .videoFeatured { width: 50%; } }
@media only screen and (max-width: 1020px) { #topContent .container { padding: 50px 10px 20px; flex-direction: column; flex-wrap: nowrap; align-items: center; }
  #topContent .sides { width: 100%; margin: 0 auto 30px; }
  #topContent .middle { width: 100%; max-width: 600px; margin: 0 auto 30px; }
  #topContent .newsTitle { text-align: center; }
  #topContent .ctaButton { max-width: 400px; }
  #topContent #newsSection .item { max-width: 400px; }
  #topContent #newsSection .item img { float: left; margin: 0 20px 20px 0; }
  #employment .container { padding: 40px 30px; }
  #employment h2 { font-size: 58px; line-height: 62px; }
  #employment .employmentVideo { width: 100%; float: none; margin: 0 auto 40px; }
  #employment .employmentButtons { width: 100%; float: none; display: flex; flex-direction: row; flex-wrap: wrap; }
  #employment .employmentButtons .buttonWrap { width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px); margin: 0 10px 20px; box-sizing: border-box; position: relative; }
  #employment .employmentButtons .buttonWrap h3 { margin: 0 0 55px; }
  #employment .employmentButtons .buttonWrap a.blockButton { position: absolute; bottom: 5px; right: 10px; }
  #education .leftImg { display: none; }
  #education h2 { font-size: 58px; line-height: 62px; }
  #education h3 { font-size: 34px; }
  #education .edWrap { padding: 0; max-width: 100%; }
  #education .edWrap p .blockButton { position: relative; bottom: auto; right: auto; }
  #education .educationButtons { padding: 0; }
  #education .educationButtons .buttonWrap h3 { margin: 0 0 55px; }
  #education .blockButton { position: absolute; bottom: 5px; right: 10px; } }
@media only screen and (max-width: 900px) { #serviceAreas .textContainer ul li { width: 50%; }
  #main.intranet #main-content { float: none; width: auto; margin-bottom: 50px; min-height: 0 !important; }
  #main.intranet #sidebar { width: auto; padding: 2% 4%; min-height: 0 !important; }
  #main.intranet #sidebar #employeeOfMonth { margin-bottom: 20px; }
  #userListTable_wrapper, #incidentReportsTable_wrapper { overflow: auto; }
  #userListTable, #incidentReportsTable { min-width: 800px; }
  #main #main-content .staffMember { width: auto; float: none; padding: 0 !important; }
  .featuredAffiliations .featuredAffiliation .affilitationText { font-size: 15px; } }
@media only screen and (max-width: 1020px) and (min-width: 768px) { #newsSection .item img { float: none; margin: 0 0 10px; }
  #newsSection .item .newsContent { margin: 0; }
  .homeBlocks .item .textContainer { padding: 30px !important; }
  .homeBlocks .item .imgContainer { float: none !important; }
  #main #contentArea #main-content article { padding: 25px; } }
@media only screen and (max-width: 800px) { #employment { padding: 0; }
  #employment .container { margin: 0; padding: 30px 15px 20px; }
  #employment h2 { font-size: 52px; line-height: 58px; }
  #employment .employmentButtons { flex-direction: column; }
  #employment .employmentButtons .buttonWrap { width: 100%; max-width: 400px; margin: 0 auto 20px; }
  #education h2 { font-size: 52px; line-height: 58px; margin: 25px 0 2px; }
  #education h3 { font-size: 30px; margin: 0 auto 10px; }
  #education h4 { font-size: 26px; }
  #education .edWrap { padding: 0; }
  #education .educationButtons { padding: 0; margin: 30px auto 15px; }
  .homeBlocks.innerBlocks .item { width: 100%; margin-right: 0; }
  .homeBlocks.innerBlocks .item:nth-child(even) .imgContainer { justify-content: flex-start; }
  .postGallery .postGalleryItem { flex: 0 0 calc((100% - 30px) / 2); } }
@media only screen and (max-width: 767px) { #logo, #logo.intranet { float: none; margin: 0 auto 0px; max-width: 310px; min-height: 130px; position: relative; }
  #logo img.primaryLogo, #logo.intranet img.primaryLogo { max-width: 100% !important; height: auto; top: 45px; }
  #logo.intranet img.pridestarDivision { left: 21px; top: 68px; }
  #header.intranet { text-align: center; padding-top: 30px; }
  #header.intranet .userFunctions { position: relative; top: 0; right: 0; margin-top: 10px; }
  #contentArea { background: none; }
  #contentArea #main-content { float: none; width: auto; padding: 20px 0; min-height: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  #contentArea #sidebar { width: auto; float: none; padding: 20px 15px; margin: 0 -15px; min-height: 0 !important; }
  #lowerBanner .imgContainer { width: auto; display: block; margin-bottom: 60px; }
  #lowerBanner .textContainer { display: block; text-align: center; margin: 0; }
  #footer { text-align: center; }
  #footer .footerLeft, #footer .footerCenter, #footer .footerRight { float: none; width: auto; }
  #footer .siteBy { position: relative; right: 0; bottom: 0; margin: 20px 0; }
  #footer .siteBy ul { float: none; margin: 0 auto; }
  #footer.intranet .footerLeft { width: auto; margin-bottom: 50px; }
  .headerImage { height: 325px; background-position: center !important; }
  header.flyingH1 h1, h1.archive-title { font-size: 50px; }
  .featuredAffiliations .featuredAffiliation { max-width: 80%; margin: 0 auto 20px; }
  .featuredAffiliations .featuredAffiliation .affilitationText { font-size: 12px; }
  #footer .leftFoot, #footer .siteBy { float: none; width: 100%; text-align: center; }
  article ul, article ol { left: 0; margin-left: 45px; padding-right: 0; box-sizing: border-box; } }
@media only screen and (max-width: 660px) { .paginationContainer { width: auto; left: -15px; right: -15px; }
  #StellarSlider { height: 620px; }
  #StellarSlider .caption { font-size: 18px; }
  #StellarSlider .caption p { text-shadow: 3px 2px 7px black; }
  #StellarSlider .caption p br { display: none; }
  #StellarSlider .caption h2 { font-size: 54px; line-height: 63px; }
  #StellarSlider .caption h2 span { font-size: 39px; line-height: 45px; }
  .homeBlocks .item .textContainer { padding: 30px !important; }
  .homeBlocks .item .imgContainer { float: none !important; }
  .homeBlocks .item .imgContainer img { max-width: 100%; margin: 0 auto 0px; height: auto; }
  #main #main-content article { padding: 25px !important; }
  #socialCallout .fbLikeBox, #socialCallout .youtubeButton { width: auto; float: none; }
  #socialCallout .fbLikeBox { margin-bottom: 20px; }
  #videoSection .videoFeatured { width: auto; float: none; margin: 0 0 30px; }
  #education .educationButtons { flex-direction: column; align-items: center; }
  #education .educationButtons .buttonWrap { margin: 0 auto 15px; width: 100%; max-width: 400px; } }
@media only screen and (max-width: 600px) { #logo.intranet { margin: 0 auto; }
  #header.intranet { text-align: center; padding-top: 30px; }
  #header.intranet .userFunctions { position: relative; top: 0; right: 0; margin-top: 10px; }
  body.intranet .slicknav_menu { padding: 15px; }
  body.intranet .slicknav_menu .slicknav_btn { margin-top: 0; }
  #employment h2 { font-size: 46px; line-height: 52px; }
  #employment .employmentVideo .vidWrap { width: 90%; padding: 50% 0 0 0; }
  #education .leftImg { display: none; }
  #education h2 { font-size: 46px; line-height: 52px; }
  #education .edWrap { padding: 0; } }
@media only screen and (max-width: 500px) { #StellarSlider .caption { font-size: 16px; }
  #StellarSlider .caption h2 { font-size: 40px; line-height: 49px; }
  #StellarSlider .caption h2 span { font-size: 29px; line-height: 35px; }
  .slicknav_menu { padding: 5px 10px; }
  .slicknav_menu .slicknav_btn { margin: 0; }
  h1, header h1 { font-size: 30px; line-height: 1.3; }
  h2 { font-size: 28px; line-height: 1.3; }
  header.flyingH1 h1, h1.archive-title { font-size: 40px; }
  .homeBlocks .item .textContainer h3 { font-size: 25px; }
  #main #main-content article { padding: 10px !important; }
  #serviceAreas .textContainer ul li { width: 100%; }
  #main-content .gform_wrapper input[type=text], #main-content .gform_wrapper input[type=url], #main-content .gform_wrapper input[type=email], #main-content .gform_wrapper input[type=tel], #main-content .gform_wrapper input[type=number], #main-content .gform_wrapper input[type=password], #main-content .gform_wrapper select, .gform_wrapper .gfield_list input, #main-content .gform_wrapper textarea { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  #main-content .gform_wrapper .left_label .gfield_label { width: auto; float: none; text-align: left; margin-bottom: 10px; }
  #main-content .gform_wrapper .left_label ul.gfield_checkbox, #main-content .gform_wrapper .left_label ul.gfield_radio { margin-left: 0 !important; }
  #main-content .gform_wrapper .gform_footer.left_label { width: auto; margin-left: 0; }
  img.alignright, img.alignleft { float: none; margin: 0 0 20px; display: block; }
  #newsSection .item img { float: left; margin: 0 11px 5px 0; }
  #newsSection .item .newsContent { margin: 0; }
  #main #main-content .staffMember .textInfoCol { margin-left: 0; }
  .socialDiv .headerAffilation img { height: 38px; }
  .socialDiv a.icon-cube.teamPortal { width: 120px; margin-right: 5px; }
  .socialDiv a.icon-cube.teamPortal div { font-size: 13px; }
  #footer .footerRight .associationsList { justify-content: center; }
  #footer .footerRight .associationsList .item { width: 47%; }
  .postGallery .postGalleryItem { flex: 0 0 100%; max-width: 320px; margin: 0 auto; } }
@media only screen and (max-width: 400px) { #newsSection .item .newsContent { margin: 0; }
  .homeBlocks .item .textContainer { padding: 15px 15px 30px !important; }
  #footer .footerRight .associationsList { flex-direction: column; }
  #footer .footerRight .associationsList .item { width: 100%; max-width: 150px; padding: 0 0 15px 0; } }
@media only screen and (max-width: 350px) { .socialDiv a.icon-cube { display: none; }
  .socialDiv a.icon-cube:last-child { display: block; }
  #StellarSlider .caption { right: 0; left: 0; }
  .slides-navigation a.next { right: 0; }
  .slides-navigation a.prev { left: 0; }
  .paginationContainer .sliderPhone h3 { font-size: 35px; }
  .paginationContainer .sliderPhone p { font-size: 16px; }
  #lowerBanner .textContainer h2 { font-size: 54px; }
  #lowerBanner .textContainer h3 { font-size: 34px; } }
