.elementor-editor-active .header-style-one,
.elementor-editor-active .footer-style-one,
.elementor-editor-active .elementor-editor-active.hf_templates-template {
display: none !important;
}
.elementor-editor-active .sb-content-frame {
margin-top: 3rem;
padding-top: 4rem;
}
.elementor-editor-active .elementor-add-section {
margin: 0 !important;
background: #fcfcfc;
padding: 10px 0;
}
.elementor-editor-active #elementor-add-new-section {
margin: 0 !important;
padding: 60px 0 0;
background: #fcfcfc;
}
.elementor-editor-active .elementor-section-wrap:empty {
min-height: 0px;
}
.elementor-editor-active .sb-banner .sb-banner-content-frame.sb-with-map {
pointer-events: auto;
} .elementor-editor-active.hf_templates-template .extras a.pr-cart > span {
background-color: #ffee02;
}
.elementor-editor-active.hf_templates-template {
background: #000;
}
.elementor-editor-active.hf_templates-template .nav-bar > ul {
display: flex;
}
.elementor-editor-active.hf_templates-template .nav-bar ul li a {
font-size: 16px;
color: white;
font-family: "mont";
}
.elementor-editor-active.hf_templates-template .nav-bar > ul > li:not(:last-child) {
margin-right: 40px;
}
.elementor-editor-active.hf_templates-template .nav-bar > ul {
display: flex;
align-items: center;
}
.elementor-editor-active.hf_templates-template .elementor {
width: 100%;
}
.elementor-editor-active.hf_templates-template .nav-bar > ul > li > a{
font-size: 16px;
line-height: 28px;
font-weight: 500;
position: relative;
}
.elementor-editor-active.hf_templates-template .nav-bar > ul > li:last-child > a {
margin-right: 0;
}
.elementor-editor-active.hf_templates-template ul.sub-menu > li  > ul {
left: 100% !important;
top: 0px !important;
}
.elementor-editor-active.hf_templates-template .nav-bar > ul > li > a svg {
width: 11px;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li.menu-item-has-children ul.sub-menu{
position: absolute;
}
.elementor-editor-active.hf_templates-template ul.sub-menu {
width: 210px;
background-color: #fff;
opacity: 0;
visibility: hidden;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li ul.sub-menu li a {
padding: 15px 21px;
display: flex;
align-items: center;
color: #545454;
font-size: 16px;
font-weight: 500;
position: relative;
justify-content: space-between;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li ul.sub-menu li a:before{
content: "";
width: 0;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:after {
content: "";
width: 8px;
height: 8px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
right: 20px;
background-image: url(//vatromal.rs/wp-content/themes/builty/assets/images/p-button.svg);
background-repeat: no-repeat;
background-size: cover;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li ul.sub-menu li a:hover:before{
opacity: 1;
visibility: visible;
width: 100%;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li.menu-item-has-children ul.sub-menu li a svg {
width: 8px;
height: 8px;
fill: #a9a9a9;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li.menu-item-has-children ul.sub-menu li a:hover svg {
fill: #fdfdfd;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li ul.sub-menu li:nth-child(even) a:hover{
background-color: transparent;
}
.elementor-editor-active.hf_templates-template .nav-bar > ul > li.menu-item-has-children ul.sub.sub-menu {
position: absolute;
left: 100%;
top: 0;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li.menu-item-has-children ul.sub-menu li {
position: relative;
}
.elementor-editor-active.hf_templates-template .nav-bar > ul > li {
padding: 40px 0;
position: relative;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li.menu-item-has-children ul.sub-menu {
position: absolute;
left: 0;
top: 100%;
transform: translateY(50px);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
}
.elementor-editor-active.hf_templates-template .nav-bar > ul > li.menu-item-has-children > a:before {
content: "";
background-image: url(//vatromal.rs/wp-content/themes/builty/assets/images/down-arrow.svg);
background-repeat: no-repeat;
position: absolute;
top: 60%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
right: -15px;
width: 10px;
height: 10px;
}
.elementor-editor-active.hf_templates-template .nav-bar > ul > li.menu-item-has-children > a:hover:before{
background-image: url(//vatromal.rs/wp-content/themes/builty/assets/images/down-arrow-clr.svg);
}
.elementor-editor-active.hf_templates-template .nav-bar > ul > li.menu-item-has-children > ul.sub-menu:before{
content: "";
width: 50%;
height: 5px;
position: absolute;
top: -5px;
left: -5px;
}
.elementor-editor-active.hf_templates-template .nav-bar  ul > li.menu-item-has-children:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
}
.elementor-editor-active.hf_templates-template .nav-bar ul > li.menu-item-has-children > ul.sub-menu {
border-left: 5px solid;
}
.elementor-editor-active.hf_templates-template .nav-bar ul li.menu-item-has-children:hover ul.sub-menu {
box-shadow: 2px 3px 35px 0px rgb(0 0 0 / 10%);
-webkit-box-shadow: 2px 3px 35px 0px rgb(0 0 0 / 10%);;
}
.elementor-editor-active.hf_templates-template .extras .menu-start svg {
fill: white;
width: 50px;
height: 50px;
margin-left: 10px;
margin-right: 30px;
}
.elementor-editor-active.hf_templates-template .extras .menu-start {
display: none;
}
.elementor-editor-active.hf_templates-template .extras #desktop-menu {
display: block;
}
.elementor-editor-active.hf_templates-template .extras .slideDown svg {
margin-left: 30px;
}
.elementor-editor-active.hf_templates-template .extras .slideDown:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: -5px;
z-index: -1;
background: #000;
}
.elementor-editor-active.hf_templates-template .extras a.pr-cart {
position: relative;
margin-right: 32px;
}
.elementor-editor-active.hf_templates-template .extras a.pr-cart > span {
content: "2";
color: #000;
width: 15px;
height: 15px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
bottom: -8px;
left: 50%;
transform: translateX(-47%);
z-index: 1;
font-size: 10px;
font-family: "Mont";
}
.elementor-editor-active.hf_templates-template .extras a.pr-cart svg {
width: 25px;
fill: white;
}
.elementor-editor-active.hf_templates-template .extras {
display: flex;
align-items: center;
}
.elementor-editor-active.hf_templates-template .nav-bar {
display: flex;
align-items: center;
}
.elementor-editor-active.hf_templates-template .extras .theme-btn {
padding: 16px 55px 16px 30px;
}
.elementor-editor-active.hf_templates-template .extras .theme-btn.simple {
padding: 16px 30px 16px 30px;
}
.elementor-editor-active.hf_templates-template .extras .theme-btn:after {
width: 31px;
top: -2px;
right: -32px;
border-right: 28px solid transparent;
border-top: 60px solid #ffee02;
}
.elementor-editor-active.hf_templates-template .extras .theme-btn svg {
width: 25px;
height: 20px;
margin: 0;
fill: white;
}
.elementor-editor-active.hf_templates-template .extras .theme-btn:hover svg {
fill: black;
}  .elementor-editor-active.hf_templates-template .footer-p-1 {
background-color: #232222;
padding: 30px 0;
}
.elementor-editor-active.hf_templates-template .footer-p-2 {
padding: 100px 0;
}
.elementor-editor-active.hf_templates-template .footer-p-2,
.elementor-editor-active.hf_templates-template .footer-p-3 {
background-color: #000;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col h3 {
color: white;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col h3 {
font-size: 22px;
margin-bottom: 30px;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col p {
width: 75%;
margin-top: -7px;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col p,
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col p  {
color: #b7b7b7;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col ul li svg {
width: 20px;
height: 20px;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col ul li {
display: flex;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col ul li p {
width: 60%;
margin-top: -6px;
margin-left: 20px;
font-weight: 600;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col ul li:not(:last-child) {
margin-bottom: 20px;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col form {
width: 100%;
margin-top: 20px;
clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
position: relative;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col form input {
height: 70px;
background-color: #232222;
width: 100%;
border: 0;
padding-left: 30px;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col form input::placeholder {
color: #b7b7b7;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col form button {
width: 60px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-50%);
position: absolute;
right: 22px;
top: 50%;
border: 0;
background: transparent;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col form button:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
border: 2px solid;
z-index: -1;
transform: skew(-20deg, 0deg);
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col form button:hover:before {
background: transparent;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col form button i {
color: black;
transform: rotate(90deg);
font-size: 20px;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col form button:hover i {
color: white;
}
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col p i {
font-size: 15px;
margin: 0 5px;
}
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col a {
font-family: "Mont";
font-size: 16px;
line-height: 30px;
color: #b7b7b7;
position: relative;
}
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col a:before,
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col a:after {
content: "";
height: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col a:before {
border-bottom: 1px solid #6a6a6a;
width: 100%;
}
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col a:after {
width: 0;
border-bottom: 1px solid;
}
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col a:hover:after {
width: 100%;
}
.elementor-editor-active.hf_templates-template .footer-p-3.rights .footer-col .social-medias a:not(:last-child) {
margin-right: 25px;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col ul li svg {
fill: #ffee02;
}
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col p i {
color: #ffee02;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col form button:before {
background-color: #ffee02;
}
.elementor-editor-active.hf_templates-template .footer-p-2 .footer-col form button:before,
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col a:hover:after,
.elementor-editor-active.hf_templates-template .footer-p-3 .footer-col a:after {
border-color: #ffee02;
}