@import url("https://fonts.googleapis.com/css?family=Lato");
@import url("https://fonts.googleapis.com/css2?family=Birthstone&display=swap");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.balloon{position:absolute;width:40px;height:60px;background-color:#fc0;border-radius:50%;background-image:linear-gradient(to bottom,#fc0,#ffdfb8);box-shadow:0 4px 10px rgba(0,0,0,0.2);animation:fly 15s linear infinite}
.star{position:absolute;width:20px;height:20px;background-color:#f0f0f0;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:fly 10s linear infinite}
@keyframes fly{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(-100vh) rotate(360deg)}}
.template-one *{margin:0;box-sizing:border-box;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.template-one h1,.template-one h2,.template-one h3,.template-one h4,.template-one h5,.template-one h6,.template-one a,.template-one p,.template-one span{margin:10px 10px 0 0;padding-bottom:0.714em !important;text-transform:uppercase;letter-spacing:0.1em;font-weight:400;color:white;font-weight:bold;text-align:center}
.template-one body,.template-one .inner{height:100%;width:100%;position:absolute;background:url("/storage/app/media/homepage/image-3.jpeg");background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;font-family:"Raleway",sans-serif;text-align:center}
.template-one .outline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.template-one .card{background-color:transparent;width:500px;height:300px;perspective:5000px}
.template-one .card:hover .inner{transform:rotateY(180deg) translateZ(5px);-webkit-backface-visibility:visible;backface-visibility:visible}
.template-one .inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:1s cubic-bezier(0.175,0.885,0.32,1.275);text-align:center}
.template-one .inner:after{content:"";background:inherit;position:fixed;left:0;right:0;top:0;bottom:0;filter:blur(8px)}
.template-one .front,.template-one .back{position:fixed;width:100%;height:100%;z-index:10;padding:20px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(0deg) translateZ(0px)}
.template-one .front{text-align:center;background-color:rgba(0,0,0,0.8);color:black}
.template-one .front h1{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.template-one .back{background-color:rgba(255,255,255,0.3);color:white;transform:rotateY(-180deg)}
.template-one .back h1{padding-bottom:0 !important;padding-top:0.714em !important}
.template-one .back p{padding-top:0 !important}
.template-one .back img{top:10px;position:relative;width:110px;height:110px;border-radius:100%}
@media screen and (max-width:900px){.template-one .inner{background-size:200% 200%}}
.template-two{background-color:rgba(0,0,0,0.1);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
.template-two.bg1{background-image:url("/storage/app/media/homepage/image-8.jpg")}
.template-two.bg2{background-image:url("/storage/app/media/homepage/image-3.jpeg")}
.template-two.bg3{background-image:url("/storage/app/media/homepage/image-10.jpg")}
.template-two .centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}
.template-two h3{position:relative;left:45%}
.template-two .front{background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center;font-family:"Birthstone",cursive;font-weight:400;font-style:normal;font-size:3rem}
.template-two .back{background-image:url("/storage/app/media/homepage/bc-back-4.png");background-size:cover}
.template-two .back h1,.template-two .back p,.template-two .back .font-a-icons{color:#000;font-family:"Lato";margin-left:30%;line-height:90%}
.template-two .back h1{margin-top:5%;font-weight:800}
.template-two .back p{font-size:16px;padding-bottom:15px;width:60%;border-bottom:2px solid #000}
.template-two .back .bold{font-weight:bold}
.template-two .back .font-a-icons{margin-top:25px}
.template-two .back .font-a-icons .icon-group{margin-top:8px}
.template-two .back .font-a-icons span,.template-two .back .font-a-icons .link,.template-two .back .font-a-icons .fa,.template-two .back .font-a-icons a{color:#000}
.template-two .back .font-a-icons .fa{font-size:18px}
.template-two .back .font-a-icons span,.template-two .back .font-a-icons a{font-size:16px}
.template-two .back .font-a-icons a,.template-two .back .font-a-icons .website{text-decoration:none}
.template-two .back .font-a-icons a:hover,.template-two .back .font-a-icons .website:hover{color:#3f3f3f}
.template-two .back .icon-box{position:relative;color:#000;font-size:24px;height:45px;width:45px;padding:5px;top:75px;left:30%;display:inline-block;border:2px solid #000;margin:5px;text-align:center;cursor:pointer;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;transition:all ease 0.5s}
.template-two .back .icon-box:hover{box-shadow:inset 0 50px 0 0 #000;color:#fff}
.template-two .flip-container{perspective:1000px}
.template-two .flip-container:hover .flipper,.template-two .flip-container.hover .flipper{transform:rotateY(180deg);cursor:pointer}
.template-two .flip-container,.template-two .front,.template-two .back{height:350px;width:650px}
.template-two .flipper{transition:0.5s;transform-style:preserve-3d;position:relative}
.template-two .front,.template-two .back{backface-visibility:hidden;position:absolute}
.template-two .back{z-index:2;transform:rotateY(0deg);background-color:#000}
.template-two .front{transform:rotateY(180deg)}
.template-two .vertical.flip-container{position:relative}
.template-two .vertical .back{transform:rotateX(180deg)}
.template-two .vertical.flip-container .flipper{transform-origin:100% 400x}
.template-two .vertical.flip-container:hover .flipper{transform:rotateX(-180deg)}
@media screen and (max-width:800px){.template-two .flip-container{zoom:80%}}
@media screen and (max-width:600px){.template-two .flip-container{zoom:60%}}
@media screen and (max-width:400px){.template-two .flip-container{zoom:50%}}
@media screen and (max-width:430px){.template-two .flip-container{zoom:50%}.template-two .back h1{font-size:20px}.template-two .back p{width:66%;font-size:13px}.template-two .back .font-a-icons .fa{font-size:13px}.template-two .back .font-a-icons span,.template-two .back .font-a-icons a{font-size:13px}}