/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
body{ margin:0; padding:0; font-size:16px; line-height:18px; }
ul, li{ margin:0; padding:0; list-style:none; }
h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; }
a{ margin:0; padding:0; text-decoration:none; outline:none; }
a:hover{ text-decoration:none !important; outline:none !important; }
img{ margin:0; padding:0; border:none; }
.container{ width:100% !important; max-width:100% !important; }


.navbar-area{ position:absolute; width:100%; z-index:999; padding:20px 0; margin:0; }
.navbar-area .logo-block{ display:inline-block; width:220px; padding:0; margin:0; }
.navbar-area .logo-block img{ width:100%; height:auto; } 
.navbar-area .right-part{ float:right; padding:0; right:0; }
.navbar-area .right-part ul li{ float:left; padding:0 0 0 20px; margin:0; }
.navbar-area .right-part ul li a{ display:inline-block; font-size:20px; line-height:22px; color:#474747; padding:0; margin:0; transition:all 600ms ease-in-out; }
.navbar-area .right-part ul li a:hover{ color:#000; }
.navbar-area .right-part ul li a .fa{ background:#474747; color:#fff; border-radius:50%; height:35px; width:35px; text-align:center; padding:7px 5px 0 4px; margin:0 5px 0 0; }


.slider-area{ background:url(../images/bg-change.jpg) no-repeat top center; background-size:cover; height:100vh; padding:90px 0 40px 0; margin:0; }
.slider-area img{ width:100%; height:auto; }
.slider-area .banner-content{ width:50%; float:left; padding:100px 0 0 35px; margin:0; }
.slider-area .banner-content h3{ font-size:18px; line-height:24px; color:#000; padding:0 0 15px 0; margin:0; }
.slider-area .banner-content h3 span{ display:block; }
.slider-area .banner-content .payment li{ width:15%; display:inline-block; padding:0; margin:0 0 20px 0; }
.slider-area .banner-content ul li a{ display:inline-block; font-size:18px; line-height:20px; color:#ff0052; font-weight:700; padding:0; margin:0; transition:all 600ms ease-in-out; }
.slider-area .banner-content .text-block{ padding:0; margin:0; }
.slider-area .banner-content .text-block ul li{ display:block; padding:0; margin:0; }
.slider-area .banner-content .text-block ul li a{ display:inline-block; font-size:16px; line-height:18px; text-transform:uppercase; color:#ff0052; font-weight:600; padding:10px 15px; margin:0 0 10px 0; position:relative; }
.slider-area .banner-content .text-block ul li a:before{ content:""; position:absolute; top:0; left:0; transition:.3s cubic-bezier(0.79, 0.14, 0.15, 0.86); height:100%; width:100%; border-radius:4px; background-color:#fff; z-index:1; box-shadow:0.2rem 0.2rem 0.5rem rgba(0,0,0,.2); }
.slider-area .banner-content .text-block ul li a:after{ content:""; position:absolute; top:0; left:0; transition:.3s cubic-bezier(0.79, 0.14, 0.15, 0.86); height:100%; width:100%; border-radius:4px; background-color:rgba(117, 12, 12, 0.9); transform:translate(4px, 4px); z-index:0; }
.slider-area .banner-content .text-block ul li a span{ position:inherit; z-index:2; }
.slider-area .banner-content .text-block ul li a:hover:before{ background-color:#ff0052; color:#fff; }
.slider-area .banner-content .text-block ul li a:hover:after{ background-color:rgba(215, 94, 94, 0.9); transform:translate(-4px, -4px); }
.slider-area .banner-content .text-block ul li a:hover{ color:#fff; }
.slider-area .banner-content .text-block ul li.contact{ color:#fff; padding:25px 0 0 0; margin:0; }
.slider-area .banner-content .text-block ul li.contact a{ color:#fff; }
.slider-area .banner-content .text-block ul li a.popup-button:before{ background:none; box-shadow:none; }
.slider-area .banner-content .text-block ul li a.popup-button:after{ background:none; }

.slider-area .banner-content .popup-button{ display:block; text-align:center; text-decoration:none; font-weight:800; font-size:1em; text-transform:uppercase; color:#fff; border-radius:25px; margin:10px; padding:1em 3em; background-size:200% auto; color:#fff; box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); background-image:linear-gradient(to right, #895cf2 0%, #ffabf4 50%, #895cf2 100%); transition:0.5s; }
.slider-area .banner-content .popup-button:hover{ background-position:right center; }
.slider-area .banner-content .userInput{ top:10px; left:10px; z-index:100; }
#canvas{ left:0; top:0; width:100%; height:100%; }
.slider-area .audio-block{ padding:30px 0 0 0; margin:0; }
.slider-area .audio-block .style{ width:40%; height:35px; }

.slider-area .banner-image{ width:50%; float:right; padding:35px 75px 0 0; }



/*.footer-bottom{ text-align:center; background:#bfbebc; padding:15px 0 5px 0; margin:0; }
.footer-bottom p{ padding:0; margin:0t; }
.footer-bottom p a{ color:#ff0052; display:inline-block; padding:0; margin:0; }*/