*, *:before, *:after {
box-sizing: border-box; }
body {
overflow-x: hidden; }
nav#dots {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
width: max-content;
height: 20px;
display: block;
margin: 0 auto;
}
nav#dots a {
width: 16px;
height: 16px;
border-radius: 110px;
display: inline-block;
border: 2px solid #B5121B;
background: #fff;
transition: all 0.5s ease-In-Out;
margin: 0 5px;
}
nav#dots a.active, nav#dots a:hover, nav#dots a:focus, nav#dots a:active{
background: #B5121B;
}
.bsslider_content {
transition: all 0.5s ease-In-Out;
opacity: 0;
width: 100%;
padding: 0px 44px 0px 37px;
}
.bee3D--slide__active .bsslider_content{
opacity: 1;
}
.bee3D--parent {
-webkit-perspective: 350px;
perspective: 350px;
}
.bee3D--slide {
position: absolute;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 512px;
height: 380px;
top: 50%;
left: 50%;
margin-left: -256px;
margin-top: -190px;
opacity: 0;
-webkit-transition: opacity .7s ease, -webkit-transform 0.7s ease;
transition: opacity .7s ease, transform 0.7s ease; }
.bee3D--slide__inactive {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none; }
.bee3D--slide__active {
opacity: 1;
z-index: 20; }
.bee3D--inner {
position: relative;
width: 100%;
height: 100%; }
.draggable {
cursor: move;
cursor: grab;
cursor: -webkit-grab; }
.draggable:active {
cursor: grabbing;
cursor: -webkit-grabbing; }
.bee3D--parallax {
position: relative !important; }
.bee3D--shadow-wrapper {
position: absolute;
z-index: -1;
left: 0;
width: 100%;
height: 100px; }
.bee3D--shadow > span {
display: block;
content: '';
left: 0;
width: 100%;
height: 200px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.45);
box-shadow: 0 0 200px 50px rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 1.5s;
transition: opacity 1.5s;
opacity: .15;
-webkit-transform: rotateX(95deg) translateZ(30px) scale(0.55);
transform: rotateX(95deg) translateZ(30px) scale(0.55); }
.bee3D--nav {
position: absolute;
cursor: pointer;
top: 50%;
font-size: 8em;
color: rgba(0, 0, 0, 0.45);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: color 0.7s ease;
transition: color 0.7s ease;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: transparent;
background-repeat: no-repeat;
background-size: contain;
width: 20px;
height: 40px; }
.bee3D--nav__prev {
background-image: url(//trinityhardwood.net/wp-content/themes/ave-child/img/angle-left.svg);
left: 3%; }
.bee3D--nav__next {
background-image: url(//trinityhardwood.net/wp-content/themes/ave-child/img/angle-right.svg);
right: 3%; }
.bee3D--effect__classic .bee3D--before {
-webkit-transform: translate3d(-1920px, 0, 0);
transform: translate3d(-1920px, 0, 0); }
.bee3D--effect__classic .bee3D--before-2 {
-webkit-transform: translate3d(-1280px, 0, 0);
transform: translate3d(-1280px, 0, 0);
opacity: 0.1; }
.bee3D--effect__classic .bee3D--before-1 {
-webkit-transform: translate3d(-640px, 0, 0);
transform: translate3d(-640px, 0, 0);
opacity: 0.3; }
.bee3D--effect__classic .bee3D--after {
-webkit-transform: translate3d(1920px, 0, 0);
transform: translate3d(1920px, 0, 0); }
.bee3D--effect__classic .bee3D--after-2 {
-webkit-transform: translate3d(1280px, 0, 0);
transform: translate3d(1280px, 0, 0);
opacity: 0.1; }
.bee3D--effect__classic .bee3D--after-1 {
-webkit-transform: translate3d(640px, 0, 0);
transform: translate3d(640px, 0, 0);
opacity: 0.3; }
.bee3D--effect__carousel .bee3D--before {
-webkit-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
opacity: 0; }
.bee3D--effect__carousel .bee3D--before-2 {
-webkit-transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
opacity: 0.3; }
.bee3D--effect__carousel .bee3D--before-1 {
-webkit-transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
opacity: 0.5; }
.bee3D--effect__carousel .bee3D--after {
-webkit-transform: translateX(980px) rotateY(72deg) translateX(1290px);
transform: translateX(980px) rotateY(72deg) translateX(1290px);
opacity: 0; }
.bee3D--effect__carousel .bee3D--after-1 {
-webkit-transform: translateX(270px) rotateY(30deg) translateX(290px);
transform: translateX(270px) rotateY(30deg) translateX(290px);
opacity: 0.5; }
.bee3D--effect__carousel .bee3D--after-2 {
-webkit-transform: translateX(590px) rotateY(52deg) translateX(780px);
transform: translateX(590px) rotateY(52deg) translateX(780px);
opacity: 0.3; }
.bee3D--effect__concave .bee3D--before {
-webkit-transform: translateX(-800px) rotateY(90deg) translateX(-800px);
transform: translateX(-800px) rotateY(90deg) translateX(-800px); }
.bee3D--effect__concave .bee3D--before-1 {
-webkit-transform: translateX(-310px) rotateY(28deg) translateX(-240px);
transform: translateX(-310px) rotateY(28deg) translateX(-240px);
opacity: 0.4; }
.bee3D--effect__concave .bee3D--after {
-webkit-transform: translateX(800px) rotateY(-90deg) translateX(800px);
transform: translateX(800px) rotateY(-90deg) translateX(800px); }
.bee3D--effect__concave .bee3D--after-1 {
-webkit-transform: translateX(310px) rotateY(-28deg) translateX(240px);
transform: translateX(310px) rotateY(-28deg) translateX(240px);
opacity: 1; }
.bee3D--effect__coverflow .bee3D--before-3 {
-webkit-transform: translateX(280px) rotateY(0deg) scale(0.7);
transform: translateX(280px) rotateY(0deg) scale(0.7);
z-index: 6;
opacity: 1;
}
.bee3D--effect__coverflow .bee3D--before-2 {
-webkit-transform: translateX(-280px) rotateY(0deg) scale(0.7);
transform: translateX(-280px) rotateY(0deg) scale(0.7);
opacity: 1;
z-index: 7;
}
.bee3D--effect__coverflow .bee3D--before-1 {
-webkit-transform: translateX(-140px) rotateY(0deg) scale(0.9);
transform: translateX(-140px) rotateY(0deg) scale(0.9);
opacity: 1;
z-index: 9;
}
.bee3D--effect__coverflow .bee3D__active {
z-index: 10; }
.bee3D--effect__coverflow .bee3D--after {
-webkit-transform: translateX(140px) rotateY(0deg) scale(0.9);
transform: translateX(140px) rotateY(0deg) scale(0.9);
z-index: 6; }
.bee3D--effect__coverflow .bee3D--after-1 {
-webkit-transform: translateX(140px) rotateY(0deg) scale(0.9);
transform: translateX(140px) rotateY(0deg) scale(0.9);
opacity: 1;
z-index: 9; }
.bee3D--effect__coverflow .bee3D--after-2 {
-webkit-transform: translateX(280px) rotateY(0deg) scale(0.7);
transform: translateX(280px) rotateY(0deg) scale(0.7);
opacity: 1;
z-index: 8; }
.bee3D--effect__coverflow .bee3D--after-3 {
-webkit-transform: translateX(280px) rotateY(0deg) scale(0.9);
transform: translateX(-280px) rotateY(0deg) scale(0.7);
z-index: 1;
opacity: 1;
}
.bee3D--effect__cube .bee3D--before {
-webkit-transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px); }
.bee3D--effect__cube .bee3D--before-1 {
-webkit-transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
opacity: 0.5; }
.bee3D--effect__cube .bee3D--after {
-webkit-transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px); }
.bee3D--effect__cube .bee3D--after-1 {
-webkit-transform: translateX(332px) rotateY(70deg) translateX(512px);
transform: translateX(332px) rotateY(70deg) translateX(512px);
opacity: 0.5; }
.bee3D--effect__arc .bee3D--before {
-webkit-transform: translateX(-750px) translateY(240px) rotateZ(-17deg) scale(0.5);
transform: translateX(-750px) translateY(240px) rotateZ(-17deg) scale(0.5);
opacity: 0; }
.bee3D--effect__arc .bee3D--before-2 {
-webkit-transform: translateX(-560px) translateY(160px) rotateZ(-14deg) scale(0.6);
transform: translateX(-560px) translateY(160px) rotateZ(-14deg) scale(0.6);
opacity: 0.3; }
.bee3D--effect__arc .bee3D--before-1 {
-webkit-transform: translateX(-350px) translateY(75px) rotateZ(-8deg) scale(0.8);
transform: translateX(-350px) translateY(75px) rotateZ(-8deg) scale(0.8);
opacity: 0.5; }
.bee3D--effect__arc .bee3D--after {
-webkit-transform: translateX(750px) translateY(240px) rotateZ(17deg) scale(0.5);
transform: translateX(750px) translateY(240px) rotateZ(17deg) scale(0.5);
opacity: 0; }
.bee3D--effect__arc .bee3D--after-1 {
-webkit-transform: translateX(350px) translateY(75px) rotateZ(8deg) scale(0.8);
transform: translateX(350px) translateY(75px) rotateZ(8deg) scale(0.8);
opacity: 0.5; }
.bee3D--effect__arc .bee3D--after-2 {
-webkit-transform: translateX(560px) translateY(160px) rotateZ(14deg) scale(0.6);
transform: translateX(560px) translateY(160px) rotateZ(14deg) scale(0.6);
opacity: 0.3; }
.bee3D--effect__wave .bee3D--before {
-webkit-transform: translateX(-690px) translateY(120px) rotateZ(-6deg) rotateY(-15deg) scale(0.4);
transform: translateX(-690px) translateY(120px) rotateZ(-6deg) rotateY(-15deg) scale(0.4);
opacity: 0; }
.bee3D--effect__wave .bee3D--before-2 {
-webkit-transform: translateX(-560px) translateY(100px) rotateZ(-14deg) rotateY(-40deg) scale(0.55);
transform: translateX(-560px) translateY(100px) rotateZ(-14deg) rotateY(-40deg) scale(0.55);
opacity: 0.3; }
.bee3D--effect__wave .bee3D--before-1 {
-webkit-transform: translateX(-410px) translateY(55px) rotateZ(-11deg) rotateY(-30deg) scale(0.8);
transform: translateX(-410px) translateY(55px) rotateZ(-11deg) rotateY(-30deg) scale(0.8);
opacity: 0.5; }
.bee3D--effect__wave .bee3D--after {
-webkit-transform: translateX(690px) translateY(120px) rotateZ(6deg) rotateY(15deg) scale(0.4);
transform: translateX(690px) translateY(120px) rotateZ(6deg) rotateY(15deg) scale(0.4);
opacity: 0; }
.bee3D--effect__wave .bee3D--after-1 {
-webkit-transform: translateX(410px) translateY(55px) rotateZ(11deg) rotateY(30deg) scale(0.8);
transform: translateX(410px) translateY(55px) rotateZ(11deg) rotateY(30deg) scale(0.8);
opacity: 0.5; }
.bee3D--effect__wave .bee3D--after-2 {
-webkit-transform: translateX(560px) translateY(100px) rotateZ(14deg) rotateY(40deg) scale(0.55);
transform: translateX(560px) translateY(100px) rotateZ(14deg) rotateY(40deg) scale(0.55);
opacity: 0.3; }
.bee3D--effect__spiral-right {
overflow: hidden; }
.bee3D--effect__spiral-right .bee3D--before {
-webkit-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px) translate3d(0px, 600px, 0);
transform: translateX(-980px) rotateY(-72deg) translateX(-1290px) translate3d(0px, 600px, 0);
opacity: 0; }
.bee3D--effect__spiral-right .bee3D--before-2 {
-webkit-transform: translateX(-590px) rotateY(-52deg) translateX(-780px) translate3d(0px, 400px, 0);
transform: translateX(-590px) rotateY(-52deg) translateX(-780px) translate3d(0px, 400px, 0);
opacity: 0.3; }
.bee3D--effect__spiral-right .bee3D--before-1 {
-webkit-transform: translateX(-270px) rotateY(-30deg) translateX(-290px) translate3d(0px, 200px, 0);
transform: translateX(-270px) rotateY(-30deg) translateX(-290px) translate3d(0px, 200px, 0);
opacity: 0.5; }
.bee3D--effect__spiral-right .bee3D--after {
-webkit-transform: translateX(980px) rotateY(72deg) translateX(1290px) translate3d(0px, -600px, 0);
transform: translateX(980px) rotateY(72deg) translateX(1290px) translate3d(0px, -600px, 0);
opacity: 0; }
.bee3D--effect__spiral-right .bee3D--after-1 {
-webkit-transform: translateX(270px) rotateY(30deg) translateX(290px) translate3d(0px, -200px, 0);
transform: translateX(270px) rotateY(30deg) translateX(290px) translate3d(0px, -200px, 0);
opacity: 0.5; }
.bee3D--effect__spiral-right .bee3D--after-2 {
-webkit-transform: translateX(590px) rotateY(52deg) translateX(780px) translate3d(0px, -400px, 0);
transform: translateX(590px) rotateY(52deg) translateX(780px) translate3d(0px, -400px, 0);
opacity: 0.3; }
.bee3D--effect__spiral-left {
overflow: hidden; }
.bee3D--effect__spiral-left .bee3D--before {
-webkit-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px) translate3d(0px, -600px, 0);
transform: translateX(-980px) rotateY(-72deg) translateX(-1290px) translate3d(0px, -600px, 0);
opacity: 0; }
.bee3D--effect__spiral-left .bee3D--before-2 {
-webkit-transform: translateX(-590px) rotateY(-52deg) translateX(-780px) translate3d(0px, -400px, 0);
transform: translateX(-590px) rotateY(-52deg) translateX(-780px) translate3d(0px, -400px, 0);
opacity: 0.3; }
.bee3D--effect__spiral-left .bee3D--before-1 {
-webkit-transform: translateX(-270px) rotateY(-30deg) translateX(-290px) translate3d(0px, -200px, 0);
transform: translateX(-270px) rotateY(-30deg) translateX(-290px) translate3d(0px, -200px, 0);
opacity: 0.5; }
.bee3D--effect__spiral-left .bee3D--after {
-webkit-transform: translateX(980px) rotateY(72deg) translateX(1290px) translate3d(0px, 600px, 0);
transform: translateX(980px) rotateY(72deg) translateX(1290px) translate3d(0px, 600px, 0);
opacity: 0; }
.bee3D--effect__spiral-left .bee3D--after-1 {
-webkit-transform: translateX(270px) rotateY(30deg) translateX(290px) translate3d(0px, 200px, 0);
transform: translateX(270px) rotateY(30deg) translateX(290px) translate3d(0px, 200px, 0);
opacity: 0.5; }
.bee3D--effect__spiral-left .bee3D--after-2 {
-webkit-transform: translateX(590px) rotateY(52deg) translateX(780px) translate3d(0px, 400px, 0);
transform: translateX(590px) rotateY(52deg) translateX(780px) translate3d(0px, 400px, 0);
opacity: 0.3; }.bee3D--parent {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0; }
.examples {
max-width: 250px;
margin: 0 auto;
text-align: left; }
.examples h3 {
font-size: 1.8em;
text-align: center;
margin-bottom: 1em;
text-decoration: underline; }
.examples ul {
font-weight: 600;
margin: 20px auto; }
.examples ul li {
padding-bottom: 10px; }
.examples ul a, .examples ul dt {
font-size: 1.6em; }
.examples ul dt {
color: #363218;
margin-bottom: -15px; }
.examples ul ul {
margin-left: 30px; }
.examples ul ul li {
padding-bottom: 6px; }
#lukeed {
height: 0;
font-size: 0;
position: fixed;
right: 60px;
bottom: 80px; }
#lukeed span {
display: block;
background: transparent url(//trinityhardwood.net/assets/img/lukeed.png) no-repeat;
background-size: 100%;
width: 50px;
height: 40px;
opacity: 0.4;
margin: 0 auto;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out; }
#lukeed:hover span {
opacity: 1; }
@media only screen and (max-width: 768px) {
#lukeed {
position: relative;
bottom: auto;
right: auto; } }
.intro-text {
padding: 60px 10px 40px;
text-align: center; }
.intro-text h1 {
font-size: 3em; }
.intro-text h3 {
max-width: 650px;
margin: 0 auto; }
.bee3D--effect__classic {
background: rgba(243, 111, 86, 0.2); }
.bee3D--effect__classic .bee3D--inner {
background: #F36F56; }
.bee3D--effect__classic a {
color: #F36F56; }
.bee3D--effect__carousel {
background: rgba(121, 255, 0, 0.2); }
.bee3D--effect__carousel .bee3D--inner {
background: #83C745; }
.bee3D--effect__carousel a {
color: #83C745; }
.bee3D--effect__concave {
background: rgba(235, 156, 184, 0.3); }
.bee3D--effect__concave .bee3D--inner {
background: #EB9CB8; }
.bee3D--effect__concave a {
color: #EB9CB8; }
.bee3D--effect__coverflow {
background: rgba(42, 206, 185, 0.2); }
.bee3D--effect__coverflow .bee3D--inner {
background: transparent; }
.bee3D--effect__coverflow a {
color: #2ACEB9; }
.bee3D--effect__cube {
background: rgba(86, 174, 231, 0.3); }
.bee3D--effect__cube .bee3D--inner {
background: #56AEE7; }
.bee3D--effect__cube a {
color: #56AEE7; }
.bee3D--effect__arc {
background: rgba(233, 213, 88, 0.2); }
.bee3D--effect__arc .bee3D--inner {
background: #FFAB07; }
.bee3D--effect__arc a {
color: #FFAB07; }
.bee3D--effect__wave {
background: rgba(179, 224, 153, 0.2); }
.bee3D--effect__wave .bee3D--inner {
background: #028F76; }
.bee3D--effect__wave a {
color: #028F76; }
.bee3D--effect__spiral-right {
background: rgba(255, 234, 173, 0.2); }
.bee3D--effect__spiral-right .bee3D--inner {
background: #B3E099; }
.bee3D--effect__spiral-right a {
color: #B3E099; }
.bee3D--effect__spiral-left {
background: rgba(255, 234, 173, 0.2); }
.bee3D--effect__spiral-left .bee3D--inner {
background: #B3E099; }
.bee3D--effect__spiral-left a {
color: #B3E099; }.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//trinityhardwood.net/wp-content/themes/ave-child/bs_scripts/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}