@charset "UTF-8";

@media only screen and (min-width:800px){.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animatedfast{-webkit-animation-duration:.2s;-moz-animation-duration:.2s;-o-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animatedmedium{-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}}@-webkit-keyframes spin{from{-webkit-transform:rotate(360deg)}to{-webkit-transform:rotate(0deg)}}@-webkit-keyframes spin2{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(360deg)}to{-moz-transform:rotate(0deg)}}@-moz-keyframes spin2{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-o-keyframes spin{from{-o-transform:rotate(360deg)}to{-o-transform:rotate(0deg)}}@-o-keyframes spin2{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}@-ms-keyframes spin{from{-ms-transform:rotate(360deg)}to{-ms-transform:rotate(0deg)}}@-ms-keyframes spin2{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block;}audio,canvas,video { display: inline-block; *display: inline; *zoom: 1;}audio:not([controls]) { display: none; height: 0;}[hidden] { display: none;}html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}html,button,input,select,textarea { font-family: sans-serif;}body { margin: 0;}a:focus { outline: thin dotted;}a:hover,a:active { outline: 0;}abbr[title] { border-bottom: 1px dotted;}b,strong { font-weight: bold;}blockquote { margin: 1em 40px;}dfn { font-style: italic;}mark { background: #ff0; color: #000;}p,pre { margin: 1em 0;}pre,code,kbd,samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;}q { quotes: none;}q:before,q:after { content: ''; content: none;}small { font-size: 75%;}sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sup { top: -0.5em;}sub { bottom: -0.25em;}dl,menu,ol,ul { margin: 1em 0;}dd { margin: 0 0 0 40px;}menu,ol,ul { padding: 0 0 0 40px;}nav ul,nav ol { list-style: none; list-style-image: none;}img { border: 0; -ms-interpolation-mode: bicubic;}svg:not(:root) { overflow: hidden;}figure { margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0;}form { margin: 0;}fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;}button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}button,input { line-height: normal;}button,input[type="button"],input[type="reset"],input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;}button[disabled],input[disabled] { cursor: default;}input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}textarea { overflow: auto; vertical-align: top;}table { border-collapse: collapse; border-spacing: 0;} * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html,
body {
margin: 0;
padding: 0;
}
body {
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
height: 100%;
font-weight: normal;
font-family: 'Raleway', sans-serif;
line-height: 1.7;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 30px;
margin-top: 0px;
line-height: 1;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.clear {
clear: both;
}
p {
line-height: 1.7;
margin-bottom: 30px;
margin-top: 0px;
word-spacing: 0.15em;
}
p:last-child {
margin-bottom: 0px;
}
a {
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
strong {
letter-spacing: 0.01em;
}
hr {
height: 1px;
width: auto;
margin-top: 50px;
margin-bottom: 50px;
margin-right: 0px;
margin-left: 0px;
clear: both;
outline: none;
border: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin: 0 0 40px;
width: 100%;
}
table th {
text-align: left;
}
dl {
line-height: 1.7;
}
pre {
padding: 10px;
}
address {
margin-bottom: 30px;
}
.flex-img {
margin-bottom: 40px;
width: 100%;
height: auto;
vertical-align: bottom;
}
.resp-tabs-list,
.resp-tabs-list li {
margin-bottom:0px !important;
}
blockquote {
margin: 40px 0px;
padding: 40px 40px 40px 100px;
position: relative;
}
blockquote:before {
width: 61px;
height: 100%;
position: absolute;
text-align: center;
top: 0px;
left: 0px;
margin: 0px;
z-index: 1;
content: '';
}
blockquote:after {
content: '"';
position: absolute;
font-size: 100px;
font-style: normal;
line-height: 1;
text-align: center;
top: 50%;
left: 17px;
margin: -20px 0px 0px 0px;
z-index: 2;
}
blockquote p {
display: inline;
margin: 0px;
line-height: 1.7;
}
blockquote cite {
font-style: normal;
line-height: 1.7;
display: block;
margin-top: 15px;
text-align: right;
}
blockquote cite:before {
content: "— ";
}
blockquote,
i,
em {
font-style: italic;
}
code br {
display: none;
}
.page-block-right ul,
.page-block-right ol {
margin: 0 0 30px 0;
padding: 0;
list-style-position: inside;
}
.page-block-right ul ul,
.page-block-right ol ol,
.page-block-right ul ol,
.page-block-right ol ul {
margin: 0 0 30px 20px;
}
.page-block-right li > ul,
.page-block-right li > ol {
margin-bottom: 0;
}
.page-block-right ul li,
.page-block-right ol li {
margin: 5px 0px;
}
dl {
margin: 0 0 30px 0;
line-height: 1.7;
}
dd {
margin: 0 0 30px 0;
}
dt {
font-weight: 700;
}
table {
margin: 40px 0;
table-layout: auto; width: 100%;
}
table:not([class]) {
border-collapse: collapse;
}
table:not([class]),
table:not([class]) th,
table:not([class]) td {
border: 1px solid #ddd;
}
table:not([class]) th,
table:not([class]) td {
padding: 10px 15px;
}
caption,
th,
td {
text-align: left;
}
code,
kbd,
tt,
var,
samp,
pre {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
font-family: Consolas, monospace;
line-height: 1.6;
margin-bottom: 30px;
max-width: 100%;
overflow: auto;
padding: 1em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
label {
margin-bottom: 5px !important;
display: block;
}
label br {
display:none;
}
.label {
padding: 10px 15px 10px 15px;
display: inline-block;
}
.ext-link img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.ext-link {
background-position: center center;
background-repeat: no-repeat;
outline: none !important;
display: block;
-webkit-backface-visibility: hidden;
}
.ext-link img {
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
opacity: 1;
cursor: pointer;
-webkit-backface-visibility: hidden;
}
.ext-link:hover img {
opacity: 0.1;
}
h1,
h2,
h3,
h4,
h5,
h6,
.page-block-left,
.ns_nerveSlider .ns_slideContent,
#footer,
.nav ul,
.slider-filter-text,
.page-title-text {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
.ns_nerveSlider .ns_slideContent,
.slider-filter-text span,
.readmore-button,
.call-now,
.faq dt,
.resp-tabs-list li,
.subtitle-bar p,
.button,
.toggleMenu,
input[type="submit"],
.blogpager .previous a,
.blogpager .next a,
.dv-gallerycontent-inner > .dvh4,
.dv-readmore-button,
.latest-dvgalleries > figcaption > div > .dvh5,
.dv-previous a,
.dv-next a,
blockquote cite,
label,
.toggleMenu,
.comments .meta {
font-weight: 700;
} .logo {
float: left;
padding-left: 40px;
padding-right: 40px;
}
.logo img {
width: auto;
height: 123px;
max-width: 100%;
vertical-align: bottom;
margin: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
.logo a {
outline: none !important;
display: block;
}
.nav-container {
margin: 0px auto;
z-index: 99;
max-width: 1480px;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
pointer-events: none;
}
.toggleMenu {
display: none;
list-style: none;
padding: 20px 40px;
margin: 0px;
left: 0;
top: 0;
width: 100%;
z-index: 9;
background-image: url(//www.spydurpbx.com/wp-content/themes/oriel/images/menu.png);
background-repeat: no-repeat;
background-position: right 40px center;
outline: none !important;
text-transform: uppercase;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.toggleMenu:hover {
text-decoration: none;
}
.nav {
list-style: none;
*zoom: 1;
padding: 0px 40px;
margin: 0;
line-height: 110px;
z-index: 9999;
float: right;
}
.nav ul {
list-style: none;
padding: 0px;
margin: 0px;
line-height: 30px;
}
.nav a {
padding: 5px 15px;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
outline: none !important;
}
.nav ul li a {
padding: 10px 20px 10px 20px;
}
.nav li {
position: relative;
}
.nav > li {
float: left;
}
.nav > li > a {
display: block;
}
.nav li ul {
position: absolute;
left: -9999px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.nav li ul li {
border-bottom:1px solid rgba(255,255,255,0.1);
}
.nav > li.hover > ul {
left: 0;
}
.nav li li.hover ul {
left: 100%;
top: 0;
padding-top: 0px;
}
.nav li li a {
display: block;
position: relative;
z-index: 100;
}
.nav li li li a {
z-index: 200;
}
.nav li li a:hover,
.nav li li li a:hover {
padding-left: 25px;
} #page-loading {
position: fixed;
width: 100%;
height: 100%;
z-index: 999999999999;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.page-block-left h1,
.page-block-left h2,
.page-block-left h3,
.page-block-left h4,
.page-block-left h5,
.page-block-left h6 {
padding: 15px 20px;
margin-right: -40px;
margin-bottom: 40px;
}
.page-block-left img {
max-width: 100%;
}
#left-bg,
#right-bg {
position: fixed;
height: 100%;
top: 0;
z-index: -1;
}
#left-bg {
left: 0;
}
#right-bg {
right: 0;
}
#site-container {
position: relative;
}
#main-site-container {
position: relative;
padding-bottom: 80px;
}
#fullwidth-logo-bg {
position: absolute;
height: 123px;
width: 400px;
top: 0;
left: 0px;
z-index: -1;
}
.page-block {
width: 100%;
max-width: 1480px;
position: relative;
margin: 0px auto 0px auto;
overflow: hidden;
padding: 0px;
z-index: 1;
}
.page-block-full {
width: 100%;
}
.page-block-left {
float: left;
width: 400px;
}
.page-block-right {
float: right;
}
.page-block-inner {
padding: 60px 40px;
}
.page-block-right .page-block-inner {
padding: 60px;
}
.page-title-container {
width: 100%;
position: relative;
margin: 0px;
padding: 0px;
vertical-align: bottom;
z-index: 1;
}
#page-title-bg {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
z-index: 2;
}
#page-title-text {
width: 100%;
margin: 0px auto;
max-width: 1480px;
display: block;
}
.no-title-padding {
padding: 0px !important;
}
.full-h1 {
margin-left: 0px !important;
}
#page-title-text h1 {
margin: 0px 40px 0px 0px;
text-align: left;
text-transform: uppercase;
display: inline-block;
padding: 30px 60px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#page-title-text h1 span {
}
.no-title-padding h1 {
display: block !important;
width: 100% !important;
}
#post-date-border {
height: 80px;
width: 100%;
z-index: -1;
}
.post-with-date {
margin-top: -80px;
} input,
textarea {
width: 100%;
display: block;
margin: 0px 0px 40px 0px;
padding: 15px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
word-spacing: 0.1em;
letter-spacing: 0.01em;
}
.page-block-right input,
.page-block-right textarea,
.page-block-right select {
border:1px solid rgba(0,0,0,0.1);
}
input:focus,
textarea:focus,
select:focus {
outline: none !important;
}
input[type="submit"] {
margin-top: 15px;
}
input[type="checkbox"],
input[type="radio"] {
width: auto;
margin: 5px 0px;
padding: 0px;
}
textarea {
height: 140px;
margin-bottom: 25px !important;
}
.button,
input[type="submit"],
.blogpager .previous a,
.blogpager .next a {
width: auto;
cursor: pointer;
display: inline-block;
line-height: 1;
margin: 0px;
outline: none;
padding: 17px 20px 15px 20px;
position: relative;
text-align: center;
text-decoration: none !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.search-button {
background-image: url(//www.spydurpbx.com/wp-content/themes/oriel/images/search.png);
background-repeat: no-repeat;
background-position: center center;
}
.searchbox .button {
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
height: 60px;
}
.searchbox {
width: 100% !important;
display: inline-block;
position: relative;
vertical-align: bottom;
}
.searchbox input[type="text"].searchtext {
width: 70% !important;
float: left;
border-right: none !important;
height: 60px;
margin-bottom: 0px;
}
.searchbox .button {
width: 30% !important;
float: right;
position: absolute;
top: 0;
margin: 0px;
}
.readmore-button {
word-spacing: 0.1em;
letter-spacing: 0.01em;
padding: 10px 0px;
line-height: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
display: inline-block;
outline: none !important;
}
.readmore-button:hover {
padding: 10px 15px;
}
.form-box {
margin-top: 40px;
}
.page-block-left input,
.page-block-left textarea {
background-color: rgba(255, 255, 255, 0.1);
} .widget_nav_menu div {
margin: 0px;
line-height: 1;
}
.widget_nav_menu div ul {
margin: -12px 0px -12px 0px;
padding: 0px;
list-style: none !important;
}
.widget_nav_menu div ul li {
margin: 0px;
padding: 0px;
border: none !important;
}
.widget_nav_menu div ul li a {
position: relative;
display: inline-block;
padding: 0px;
outline: none;
text-decoration: none;
width: auto;
margin: 12px 0px 12px 0px;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
}
.widget_nav_menu div ul li a:hover {
outline: none;
}
.widget_nav_menu div ul ul {
display: none;
margin: 12px 0px;
padding-left: 10px;
}
.widget_nav_menu div ul ul li {
margin-bottom: 0px;
}
.widget_nav_menu div > ul > li > a.has-sub,
.widget_nav_menu div ul > li > a.has-sub2 {
background-position: 100% 75%;
background-repeat: no-repeat;
padding-right: 30px;
}
.widget_nav_menu div > ul > li > a.has-sub {
background-image: url(//www.spydurpbx.com/wp-content/themes/oriel/images/down.png);
}
.widget_nav_menu div > ul > li > a.has-sub2 {
background-image: url(//www.spydurpbx.com/wp-content/themes/oriel/images/up.png);
} .sidebar-box {
margin-bottom: 40px;
}
.sidebar-box:last-child {
margin-bottom: 0px;
}
.sidebar-list li a {
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
}
.widget_oriel-projectcats-widget ul,
.widget_recent_entries ul,
.widget_categories ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_archive ul,
.widget_recent-posts ul,
.widget_rss ul,
#recentcomments {
list-style: none;
padding: 0;
margin: 0;
vertical-align: bottom;
}
.widget_oriel-projectcats-widget ul li,
.widget_recent_entries ul li,
.widget_categories ul li,
.widget_recent_comments ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_archive ul li,
.widget_recent-posts ul li,
.widget_rss ul li,
.recentcomments {
padding-left: 0px;
padding-bottom: 12px;
margin-bottom: 12px;
}
.widget_oriel-projectcats-widget ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_categories ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_pages ul li:last-child,
.widget_meta ul li:last-child,
.widget_archive ul li:last-child,
.widget_recent-posts ul li:last-child,
.widget_rss ul li:last-child,
.recentcomments:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.widget_oriel-projectcats-widget ul .children,
.widget_recent_entries ul .children,
.widget_categories ul .children,
.widget_recent_comments ul .children,
.widget_pages ul .children,
.widget_meta ul .children,
.widget_archive ul .children,
.widget_recent-posts ul .children,
.widget_rss ul .children {
padding-top: 12px;
margin-top: 12px;
margin-left: 12px;
}
.widget_oriel-projectcats-widget ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_archive ul li a:hover,
.widget_recent-posts ul li a:hover,
.widget_rss ul li a:hover,
.recentcomments a:hover {
text-decoration: none;
}
.widget_rss div,
.widget_rss .rss-date,
.widget_rss cite {
font-size: 0.875rem;
}
.widget_rss ul li .rssSummary {
margin-bottom: 15px;
}
.widget_rss ul li .rss-date {
margin-bottom: 15px;
display: block;
position: relative;
}
.widget_rss cite {
font-style: italic;
}
.widget_rss a {
font-weight: 700;
}
.widget_rss ul li cite {
text-align: right;
display: block;
} #wp-calendar {
width: 100%;
margin-bottom: -10px !important;
margin-top: -10px !important;
}
#footer-widgets #wp-calendar {
opacity: 0.5;
}
#wp-calendar caption {
text-align: right;
margin-top: 0px;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 12px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
}
#wp-calendar tbody td {
text-align: center;
padding: 8px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
#wp-calendar tbody td a {
text-decoration: underline;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
text-align: right;
}
#wp-calendar tfoot #prev {
padding-top: 10px;
}
.tagcloud {
position: relative;
display: inline-block;
}
.tagcloud a,
a[class^="tag"] {
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 5px 7px 5px 7px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
border-left: 3px solid rgba(255, 255, 255, 0.1);
}
.tagcloud a:hover,
a[class^="tag"]:hover {
text-decoration: none;
} .blogcontainer {
position: relative;
width: 100%;
height: auto;
display: inline-block;
margin: 0px 0px 40px 0px;
padding: 0;
vertical-align: bottom;
}
.blogcontainer:last-child {
margin-bottom: 0px;
}
.blogcontainer h4 {
margin-bottom: 15px;
}
.blogcontainer p {
margin-bottom: 35px;
}
.blogcontainer p.postdate {
line-height: 1;
font-style: italic;
margin: 0px 0px 35px 0px;
}
.blogcontainer .button {
margin: 0px;
}
.postcontent {
float: right;
width: 60%;
padding: 40px;
position: relative;
}
.postcontent.withoutfimage {
width: 100% !important;
}
.gallerycontent.withoutfimage {
width: 100% !important;
}
.blogimage {
position: absolute;
left: 0;
top: 0;
width: 40%;
height: 100%;
vertical-align: bottom;
-webkit-backface-visibility: hidden;
}
.blogimage a {
position: absolute;
left: 0;
top: 0;
width: 100.1%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
background-position: center center;
background-repeat: no-repeat;
vertical-align: bottom;
-webkit-backface-visibility: hidden;
}
.right-img .blogimage a,
.right-img .blogimage,
.right-img .dv-galleryimage {
left: inherit;
right: 0px;
}
.right-img .postcontent,
.right-img .dv-gallerycontent {
float: left;
}
.blogimage a:hover {
opacity: 0.9;
}
.blogpager {
width: 100%;
position: relative;
display: inline-block;
vertical-align: bottom;
margin: 0px;
}
.blogpager .previous a,
.blogpager .next a {
margin: 0px !important;
}
.blogpager .previous {
float: left;
width: 50%;
padding: 0px;
}
.blogpager .next {
float: right;
width: 50%;
text-align: right;
padding: 0px;
}
.post-nav-links {
padding:20px;
border:1px solid rgba(0,0,0,0.1);
font-weight: 700;
}
.post-nav-links .post-page-numbers {
margin-left:5px;
}
.oriel-pager {
position: relative;
width: 100%;
vertical-align: bottom;
margin: 0px;
display: inline-block;
padding: 0;
margin: 0;
text-align: center;
}
.oriel-pager ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.oriel-pager ul li {
padding: 0;
margin: 2px;
font-weight: 700;
line-height: 44px;
min-width: 44px;
font-size: 18px;
text-align: center;
background: #f5f5f5;
}
.oriel-pager ul li a {
display: block;
}
.oriel-pager ul li span.current {
color: rgba(0, 0, 0, 0.4);
}
.subtitle-bar {
padding: 0px 40px;
margin: 0px;
height: 80px;
}
.subtitle-bar p {
padding-left: 40px;
margin: 0px;
line-height: 80px;
}
.subtitle-bar .dateicon {
padding-left: 40px;
background-image: url(//www.spydurpbx.com/wp-content/themes/oriel/images/date.png);
background-position: left center;
background-repeat: no-repeat;
}
.blogmetadata {
padding: 40px;
margin: 0px 0px 30px 0px;
}
.blogmetadata p {
margin-bottom: 0px;
}
.blogmetadata a:hover {
text-decoration: none;
} #oriel-comments-wrapper {
margin-top: 40px;
padding-top: 40px;
border-top:1px solid rgba(0,0,0,0.1);
}
.oriel_comments_block,
.oriel_comment_form {
position: relative;
display: block;
}
.oriel_commentlist .comment-respond {
margin: 0px 0px 40px 0px;
}
.oriel-comments-title {
margin-bottom: 2rem;
}
.oriel_comment {
position: relative;
display: table;
width: 100%;
margin-bottom: 40px;
padding-bottom: 40px;
table-layout: fixed;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.oriel_comment_inner {
display: table-row;
}
.oriel_comment_left,
.oriel_comment_right {
display: table-cell;
vertical-align: top;
}
.oriel_comment_left {
width: 60px;
}
.oriel_comment_right {
width: 100%;
}
.oriel_comment_right_inner {
padding-left: 30px;
position: relative;
}
.oriel_comment_right_inner.oriel_no_avatar {
padding: 0px !important;
}
.oriel_commentlist,
.oriel_comments_block .children {
list-style: none !important;
margin: 0px;
padding: 0px;
}
.oriel_comments_block .children li {
position: relative;
}
.oriel_comments_block .children li .oriel_comment {
background-image: url(//www.spydurpbx.com/wp-content/themes/oriel/images/reply.png);
background-repeat: no-repeat;
background-position: left 10px;
padding-left: 60px;
}
.oriel_fn,
.oriel_comment_text {
margin-bottom: 10px;
display: block;
font-style: normal;
}
.oriel_fn {
font-weight: 700;
font-size: 1.15rem;
}
.oriel_cancel {
float: right;
}
.oriel_cancel a {
vertical-align: top;
color: #fff;
background: #ff5a5f;
padding: 5px 10px;
font-size: 50%;
text-transform: uppercase;
-webkit-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
}
.oriel_cancel a:hover {
background: #ff3037;
color: #fff;
}
#respond form {
margin-bottom: 0px;
}
p.logged-in-as {
margin-bottom: 20px;
margin-top: -20px;
}
.oriel-pager.comments-pager {
margin-top: 40px;
margin-bottom: 10px;
}
.oriel-pager.comments-pager a {
padding: 10px 15px;
}
.oriel_comments pre {
padding: 0px;
}
.oriel_comments_rss {
text-align: right;
display: block;
margin-bottom: 10px;
font-weight: 700;
}
.oriel_comments_rss .fa {
margin-right: 5px;
}
p.form-submit {
margin-bottom: 0px;
}
.oriel_comment_links {
display: inline-block;
padding-top: 10px;
border-top: 1px solid #ddd;
font-size: 90%;
}
.oriel_comment_links a {
color: inherit;
}
.oriel_comment_links a:hover {
text-decoration: underline;
} .gallerycontainer {
position: relative;
width: 100%;
height: auto;
display: inline-block;
margin: 0px 0px 40px 0px;
padding: 0;
vertical-align: bottom;
}
.gallerycontainer:last-child {
margin-bottom: 0px;
}
.gallerycontainer h4 {
margin-bottom: 30px;
}
.gallerycontainer p {
margin-bottom: 35px;
}
.gallerycontainer p.postdate {
line-height: 1;
font-style: italic;
margin: 0px;
}
.gallerycontainer .button {
margin: 0px;
}
.gallerycontent {
float: right;
width: 40%;
padding: 40px;
position: relative;
}
.galleryimage {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 60%;
height: 100%;
vertical-align: bottom;
}
.galleryimage a {
position: absolute;
left: 0;
top: 0;
width: 100.1%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
background-position: center center;
background-repeat: no-repeat;
vertical-align: bottom;
}
.right-img .galleryimage a,
.right-img .galleryimage {
left: inherit;
right: 0px;
}
.right-img .gallerycontent {
float: left;
}
.galleryimage a:hover {
opacity: 0.9;
} #footer {
height: 80px;
margin: 0px;
width: 100%;
padding: 0px;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
vertical-align: bottom;
z-index: 9;
}
.footer-info {
position: relative;
width: 100%;
max-width: 1480px;
vertical-align: bottom;
margin: 0px auto;
padding: 10px 40px 0px 40px;
}
.credits {
float: left;
display: inline-block;
margin: 0px;
padding: 0px;
line-height: 60px;
font-size: 13px;
opacity: 0.7;
}
.credits p {
font-size:13px;
margin:0;
} .social-icons {
list-style-type: none;
display: inline-block;
margin: 0px;
padding: 0px;
float: right;
}
.social-icons li {
float: left;
display: block;
margin: 0px 0px 0px 20px;
padding: 0;
line-height: 60px;
}
.social-icons li img {
width: 16px;
height: auto;
vertical-align: middle;
opacity: 0.5;
}
.social-icons li img:hover {
opacity: 1;
}
.social-icon {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.social-icon:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
} .oriel-iframe-wrapper {
display: block;
margin: 0 0 2rem 0;
}
.oriel-iframe-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin: 0;
}
.oriel-iframe-video.nomargin {
margin: 0px;
}
.oriel-iframe-video iframe,
.oriel-iframe-video object,
.oriel-iframe-video embed,
.oriel-iframe-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
border: none;
}
iframe,
object,
embed,
video {
max-width: 100%;
} body.oriel .alignleft {
float: left;
margin: 0 2rem 3rem 0;
}
body.oriel .alignright {
float: right;
margin: 0 0 3rem 2rem;
}
body.oriel .aligncenter {
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
}
body.oriel img.alignnone {
float: none;
}
body.oriel .caption-image .alignleft,
body.oriel .caption-image .alignright {
float: none !important;
}
body.oriel img.size-full,
body.oriel img.size-large,
body.oriel img.header-image,
body.oriel img.wp-post-image,
body.oriel img.alignnone,
body.oriel img.alignright,
body.oriel img.aligncenter,
body.oriel img.alignleft {
max-width: 100%;
height: auto;
}
body.oriel .wp-caption {
max-width: 100% !important;
text-align: center;
padding-bottom: 2rem;
}
body.oriel .wp-caption img {
max-width: 100% !important;
height: auto;
margin: 0px;
vertical-align: bottom;
}
body.oriel .wp-caption-text {
margin: 0px;
padding: 10px;
font-size: 1rem;
}
body.oriel .gallery-caption {
font-weight: 700;
}
.bypostauthor {
font-weight: normal;
}
.sticky p {
font-weight: bold;
}
.message {
margin-top: 21px;
}
.form-allowed-tags {
font-size: 12px;
}
.page-block-left select {
padding: 5px !important;
max-width: 100% !important;
}
.post-password-form {
margin-bottom: 30px;
}
.gallery-item img {
margin-bottom: 30px;
}
.wp-audio-shortcode {
margin-bottom: 30px;
}
embed,
iframe {
max-width: 100%;
}
.sticky {
font-weight: 700;
}
.gallery-caption {
font-weight: 700;
}
.bypostauthor {
font-weight: normal;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #ddd;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #000;
display: block;
font-size: 0.925rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } body.oriel .alignfull,
body.oriel .alignwide,
body.oriel .aligncenter,
body.oriel .wp-block-cover-image.alignwide {
max-width: 100%;
height: auto;
clear: both;
}
body.oriel .wp-block-cover-image.alignfull {
width: auto;
}
body.oriel .wp-block-media-text,
body.oriel .wp-block-embed,
body.oriel .wp-block-image,
body.oriel .wp-block-gallery,
body.oriel .wp-block-cover-image,
body.oriel .wp-block-audio,
body.oriel .wp-block-code,
body.oriel .wp-block-button,
body.oriel .wp-block-video,
body.oriel .wp-block-verse,
body.oriel .wp-block-preformatted,
body.oriel .wp-block-latest-comments {
margin-bottom: 3rem;
}
.wp-block-media-text .wp-block-media-text__content {
padding: 2rem;
}
.wp-block-media-text .wp-block-media-text__content p:last-of-type {
margin-bottom: 0;
}
.wp-block-audio audio {
width: 100%;
}
.wp-block-columns {
margin-bottom: 40px;
}
ul.wp-block-gallery,
ul.wp-block-gallery li {
margin: 0;
padding: 0;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
padding: 15px 5px;
font-size: 0.9rem;
font-weight: 700;
line-height: 1.7;
}
.wp-block-gallery a {
-webkit-filter: hue-rotate(90deg);
filter: hue-rotate(90deg);
opacity: 0.9;
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
opacity: 1;
-webkit-transition: -webkit-filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
transition: filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.wp-block-gallery a:hover,
.wp-block-gallery a:focus {
-webkit-filter: hue-rotate(90deg);
filter: hue-rotate(90deg);
opacity: 0.9;
}
.wp-block-cover-image-text {
font-weight: 700;
}
.wp-block-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin: 0 0 40px 0;
}
.wp-block-video iframe,
.wp-block-video object,
.wp-block-video embed,
.wp-block-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
border: none;
}
table.wp-block-table {
border-collapse: collapse;
}
table.wp-block-table,
table.wp-block-table th,
table.wp-block-table td {
border: 1px solid #ddd;
}
table.wp-block-table th,
table.wp-block-table td {
padding: 10px 15px;
}
.wp-block-table.is-style-stripes {
border-color: #ddd
}
body.oriel .wp-block-archives,
body.oriel .wp-block-categories-list,
body.oriel .wp-block-latest-posts {
list-style: none;
padding: 0;
margin: 0 0 3rem 0;
vertical-align: bottom;
}
body.oriel .wp-block-archives li a,
body.oriel .wp-block-categories-list li a,
body.oriel .wp-block-latest-posts li a {
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
line-height: 1.7;
}
body.oriel .wp-block-archives li,
body.oriel .wp-block-categories-list li,
body.oriel .wp-block-latest-posts li {
position: relative;
padding: 0px 0 15px 0px;
margin: 0px 15px 15px 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.oriel .wp-block-categories-list li ul,
body.oriel .wp-block-archives li ul {
padding-left: 15px;
padding-top:15px;
margin-top:15px;
border-top:1px solid rgba(0, 0, 0, 0.15);
padding-bottom: 0;
}
body.oriel .wp-block-archives li:last-child,
body.oriel .wp-block-categories-list li:last-child,
body.oriel .wp-block-latest-posts li:last-child {
padding: 0px;
margin: 0px;
border: none;
}
body.oriel .wp-block-archives li ul,
body.oriel .wp-block-categories-list li ul {
padding-left: 15px;
}
body.oriel .wp-block-archives ul,
body.oriel .wp-block-categories-list ul {
padding-top: 0px;
margin-top: 15px;
margin-bottom: 2px;
list-style: none;
}
body.oriel .wp-block-categories-list li span {
text-align: center;
display: inline-block;
position: absolute;
top: 5px;
right: 0;
line-height: 1;
font-weight: 700;
}
body.oriel .wp-block-latest-comments {
padding: 0px;
margin: 0 0 40px 0;
}
body.oriel .wp-block-latest-comments li {
padding: 0px 0px 15px 0px;
margin: 0px 0px 15px 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.oriel .wp-block-latest-comments__comment-excerpt p {
margin: 15px 0 0 0;
}
body.oriel .wp-block-latest-comments li:last-child {
padding: 0px;
margin: 0px;
border: none;
}
body.oriel .wp-block-latest-comments__comment,
body.oriel .wp-block-latest-comments__comment-excerpt p {
font-size: 1rem;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 30px 0px;
padding: 40px 40px 40px 100px;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 1.2rem;
font-style: normal;
}
.wp-block-pullquote {
padding: 0;
border: none;
background: none;
}
.wp-block-pullquote p {
font-size: 1.5rem !important;
line-height: 1.8;
} .dv-galleryimage a {
-webkit-transform: translateX(0%) !important;
-moz-transform: translateX(0%) !important;
-ms-transform: translateX(0%) !important;
transform: translateX(0%) !important;
}
.dvsquare > a {
background-image: none !important;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.dvsquare > a:hover img {
opacity: 1 !important;
} div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
border-width: 0px 0px 0px 3px !important;
padding: 20px;
margin: 30px 0px 0px 0px;
}
span.wpcf7-not-valid-tip {
margin-top: -25px;
}
.wpcf7-form p {
margin: 0px;
}
.wpcf7-form select {
margin-bottom: 30px;
padding: 15px;
}
.wpcf7-form-control {
width: 100%;
} @media only screen and (max-width: 1024px) {
.main-icon-container {
margin-left: 0px;
margin-right: 0px;
}
#page-title-bg,
#fullwidth-logo-bg {
display: none;
}
#page-title-text h1 {
margin-left: 0px !important;
padding: 30px 40px !important;
}
.page-block-right .page-block-inner,.page-block-inner {
padding: 40px;
}
.logo {
width: 100%;
}
.logo img {
height: auto;
margin: 0px auto;
display: block;
}
.nav li ul {
box-shadow: none;
}
.nav > li > a {
border-top:none !important;
border-bottom:1px solid rgba(255,255,255,0.1);
}
.nav > li {
float: none;
}
.nav > li > .parent {
background-image: url(//www.spydurpbx.com/wp-content/themes/oriel/images/downArrow.png);
background-repeat: no-repeat;
background-position: right 40px center;
}
.nav li li .parent {
background-image: url(//www.spydurpbx.com/wp-content/themes/oriel/images/downArrow.png);
background-repeat: no-repeat;
background-position: right 40px center;
}
.nav li li .parent:hover {
background-image: url(//www.spydurpbx.com/wp-content/themes/oriel/images/downArrow.png);
background-repeat: no-repeat;
background-position: right 40px center;
}
.nav {
float: none;
line-height: 40px;
padding: 0px;
}
.nav ul li:first-child {
margin-top: 0px;
}
.nav ul li:last-child {
margin-bottom: 0px;
}
.nav ul {
display: block;
width: 100%;
}
.nav > li.hover > ul,
.nav li li.hover ul {
position: static;
}
.nav li li a:hover,
.nav li li li a:hover {
border-left: none;
padding-left: 40px;
}
.nav a,
.nav ul li a {
padding: 10px 40px;
}
.nav a,
.nav > .activelink > a,
.nav > li > a:hover {
border-top: none;
}
.nav ul li ul li a {
background-color: rgba(255, 255, 255, 0.1);
}
.page-block-left {
float: right;
width: 100% !important;
}
.page-block-right {
float: left;
width: 100% !important;
}
.page-block-left h1,
.page-block-left h2,
.page-block-left h3,
.page-block-left h4,
.page-block-left h5,
.page-block-left h6 {
margin-right: 0px;
}
#left-bg,
#right-bg {
display: none !important;
}
#main-site-container {
min-height: 0px !important;
padding-bottom: 0px !important;
}
#menu-main-menu ul.sub-menu {
width: 100%;
}
#footer {
position: relative !important;
height: auto !important;
}
.footer-info {
padding: 0px 40px;
}
}
@media only screen and (max-width: 800px) {
.wp-block-column,.wp-block-columns {
display:block !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
}
.wp-block-column {
margin-bottom:40px !important;
}
}
@media only screen and (max-width: 768px) {
.postcontent,
.gallerycontent {
float: none;
width: 100%;
}
.blogimage,
.galleryimage {
position: relative !important;
width: 100%;
height: 250px;
}
}
@media only screen and (max-width: 640px) {
#page-title-text h1 {
padding: 20px 40px !important;
}
h1 {
font-size: 34px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
blockquote p {
font-size: 17px;
}
.faq dt:after {
font: bold 45px/30px Sans-Serif;
padding: 30px;
width: 30px;
height: 30px;
}
.faq dt,
.faq dd {
padding-left: 115px;
}
blockquote {
padding-left: 40px;
}
blockquote:before {
width: 10px;
}
blockquote:after {
content: '';
}
.blogimage,
.galleryimage {
height: 200px;
}
}
@media only screen and (max-width: 480px) {
#page-title-text {
padding: 0px !important;
}
#page-title-text h1 {
display: block;
width: 100%;
}
.logo {
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.postcontent,
.gallerycontent,
.oriel-message {
padding: 30px;
}
#footer {
padding: 10px 0px;
text-align: center;
}
.toggleMenu {
padding: 20px;
background-position: right 20px center;
}
#page-title-text h1,
.page-block-right .page-block-inner,
.page-block-inner {
padding: 20px !important;
}
.footer-info {
padding: 0px 20px;
}
.credits {
display: block;
}
.credits,
.social-icons {
float: none;
}
.social-icons li {
margin: 0px 10px;
}
.credits,
.social-icons li {
line-height: 40px;
}
.nav > li > .parent {
background-position: right 20px center;
}
.nav a, .nav ul li a {
padding:10px 20px;
}
.oriel_comments_block .children li .oriel_comment {
padding-left: 0px;
padding-right: 0px;
background: none;
}
.oriel_comment_left {
display: none;
}
.oriel_comment_right_inner {
padding: 0px;
}
}
@media only screen and (max-width: 340px) {
.subtitle-bar .dateicon {
padding-left: 0px;
background-image: none;
}
}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}