﻿body {
    font-size: 16px;
    background: #f3f0e8;
}

body.home #nd_options_header_6 {
    position: absolute;
}

.nicdark_bg_white {
    background-color: #f3f0e8;
}

p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 12px;
}

.uxbtn-togo {}

.elementor-widget-button .elementor-button {
    color: #1f1f1f;
}

body .elementor-widget-heading .elementor-heading-title {
    font-family: 'Cinzel', sans-serif;
}

body .elementor-button:focus,
body .elementor-button:hover,
body .elementor-button:visited {
    color: #000;
}

.uxbubble {
    border-radius: 50%;
    max-width: 156px;
    height: 156px;
    text-align: center;
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1.2;
    background: #821f05;
    color: #fff;
    font-family: Oswald;
    font-size: 2em;
    font-weight: 600;
    /*position: absolute !important;
top: -62px;
left: 120px;*/
}

.uxbubble .uxtitle {
    font-size: 1.6em;
    line-height: 1;
}

.elementor-image-carousel-wrapper .elementor-swiper-button {
    background: #821F05;
    border-radius: 50%;
    padding: 5px;
    transform: rotate(-25deg);
    border: 5px solid #821F05;
    margin-top: -20px;
    transition: all 0.3s ease-in-out;
}

.elementor-lightbox .swiper .elementor-swiper-button svg {
    background: #821F05;
    border-radius: 50%;
    padding: 15px;
}

@media (min-width: 768px) {
    .ux-header-logo>.elementor-widget-wrap {
        position: absolute;
    }
    .uxbubble {
        font-size: 3em;
        max-width: 256px;
        height: 256px;
    }
    .elementor-image-carousel-wrapper .elementor-swiper-button.elementor-swiper-button-next {
        right: -25px !important;
    }
    .elementor-image-carousel-wrapper .elementor-swiper-button.elementor-swiper-button-prev {
        left: -25px !important;
    }
}

.uxsec-head {
    margin-top: -150px;
    padding: 180px 0 32px 0;
}

@media (min-width: 1000px) {
    .uxsec-head {
        padding: 300px 0 100px 0;
        background-attachment: fixed !important;
        background-size: contain !important;
    }
}


/*fx*/


/*@keyframes zoom {
  0% {
    transform: scale(1);
  }
  40%, 60%, 80%{
    transform: scale(1.2);
  }
  20%, 100% {
    transform: scale(1);
  }
}*/

@keyframes bubble-anim {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    20% {
        -webkit-transform: scaleY(0.95) scaleX(1.05);
        transform: scaleY(0.95) scaleX(1.05);
    }
    48% {
        -webkit-transform: scaleY(1.1) scaleX(0.9);
        transform: scaleY(1.1) scaleX(0.9);
    }
    68% {
        -webkit-transform: scaleY(0.98) scaleX(1.02);
        transform: scaleY(0.98) scaleX(1.02);
    }
    80% {
        -webkit-transform: scaleY(1.02) scaleX(0.98);
        transform: scaleY(1.02) scaleX(0.98);
    }
    97%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.uxbubble {
    animation: bubble-anim 2s ease-out 1;
}

.uxbubble:hover {
    animation: bubble-anim 2s ease-out infinite;
}


/* Shake Animation */


/*@keyframes shake {
  0% {
    transform: translateX(0);
  }
  2%, 4%, 6%, 8%, 10% {
    transform: translateX(-5px);
  }
  3%, 5%, 7%, 9% {
    transform: translateX(5px);
  }
  11%, 100% {
    transform: translateX(0);
  }
}

.uxbubble .uxtitle,
.uxbubble:hover .uxtitle {
  display: inline-block;
  animation: shake 5s 1;
}*/

.uxsocial li {
    width: 19%;
}

.uxsocial li a {
    padding: 18px;
}

.uxsocial.elementor-widget .elementor-icon-list-icon svg {
    width: 4em;
    height: 4em;
}

.uxsocial li a:hover {
    background: #2d2d2d;
}

.uxgallery .gallery-icon img {
    transition: all 0.3s ease-out;
}

.uxgallery .gallery-icon:hover img {
    transform: scale(1.05);
}

.elementor-slideshow__footer {
	display: none !important;
}

.uxbox-order{
	padding: 25px 15px 15px 15px;
	box-shadow: 1px 1px 5px rgba(255,255,255,0.5);
	background: #fafafa;
	border-radius: 10px;
	margin-bottom: 24px !important;
	min-width: 320px !important;
}
.uxbox-order .elementor-image-box-title {
	line-height: 1.2;
}
.uxbox-order .elementor-image-box-title span{
	font-size: 0.6em;
	display: block;
}
.uxbox-order img{
	transition: all 05s ease-in-out;
}
.uxbox-order:hover img{
	transform: scale(1.1);
}

#menu-main .menu-item.togo{
	display:none !important;
}