/*

 Theme Name:   Custom Loader ACS

 Theme URI:    http://alphacode.ba/

 Description:  Custom Loader ACS

 Author:       Nemanja Pudar

 Author URI:   http://alphacode.ba/

 Template:     astra

 Version:      1.0.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  astrachild

*/



body::-webkit-scrollbar {

    width: 5px;

}

 

body::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}

 

body::-webkit-scrollbar-thumb {

  background-color: #999;

  outline: 1px solid #999;

}



#page{

    min-height: 100vh;

    padding-bottom: 302.219px;

    position: relative;

}



body.overflow{

    overflow: hidden;

    padding-right: 5px;

}



.acs-loader{

    position: fixed;

    top: 0;

    width: 50%;

    height: 100%;

    background: #d7d7d7;

    align-items: center;

    transition: 2s ease;

    display: none;

    z-index: 10000;

}



.acs-loader-left{

    left: 0;

}



.acs-loader-right{

    right: 0;

}



.acs-loader img{

    width: 150px;

}



.acs-loader-left img{

    margin-left: auto;

}



.acs-loader-right img{

    margin-right: auto;

}



.acs-loader-body-lock{

    overflow: hidden;

    padding-right: 5px;

}



a:focus,

.ast-button-wrap .menu-toggle:focus{

	outline: none;

}

.elementor-widget-icon-box a:before,

.ast-breadcrumbs .trail-items li a:before{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 10;

}



.ast-breadcrumbs .trail-items li a:before{

    left: -10px;

    right: -10px;

}



.ast-header-break-point .main-header-bar.ast-header-breadcrumb{

	border-bottom: none;

	padding: 15px 0;

	position: relative;

}



.ast-breadcrumbs .trail-items li {

    position: relative;

    display: inline-block;

    background-color: #fff;

    margin: 0 15px;

    padding: 0 10px;

    border-top: 2px solid #002A4B;

    border-bottom: 2px solid #002A4B;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    text-transform: uppercase;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 600;

  }



.ast-breadcrumbs .trail-items li a{

	color: #002A4B;

}

  

  .ast-breadcrumbs .trail-items .trail-begin {

    border-left: 2px solid #002A4B;

  }

  

  .ast-breadcrumbs .trail-items li:not(.trail-begin):not(.trail-end)::before {

    position: absolute;

    border: 2px solid #002A4B;

    background-color: #fff;

      content: "";

      left: -10px;

      top: -2px;

      height: 30px;

      width: 100%;

    -webkit-transform: skewX(-27deg);

         -moz-transform: skewX(-27deg);

          -ms-transform: skewX(-27deg);

              transform: skewX(-27deg);

    z-index: -2;

  }

  

  .ast-breadcrumbs .trail-items li:not(.trail-end)::after {

    position: absolute;

    border: 2px solid #002A4B;

    background-color: #fff;

      content: "";

      right: -10px;

      top: -2px;

      height: 30px;

      width: 100%;

    -webkit-transform: skewX(-27deg);

         -moz-transform: skewX(-27deg);

          -ms-transform: skewX(-27deg);

              transform: skewX(-27deg);

    z-index: -2;

  }

  

  .ast-breadcrumbs .trail-items .trail-end {

    background-color: #002A4B;

    color: #fff;

  }

  

  .ast-breadcrumbs .trail-items .trail-end::before {

    position: absolute;

    border: 2px solid #002A4B;

    background-color: #002A4B;

      content: "";

      left: -10px;

      top: -2px;

      height: 30px;

      width: 100%;

    -webkit-transform: skewX(-27deg);

         -moz-transform: skewX(-27deg);

          -ms-transform: skewX(-27deg);

              transform: skewX(-27deg);

    z-index: -1;

  }



.elementor-widget-heading h1.elementor-heading-title{

	font-size: 55px;

}



.site-content.active,

.site-footer.active{

    padding-left: 150px;

    transition: 1s ease;

}



.acs-menu-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: hidden;

}



.acs-menu-container .acs-side-menu {

    background: #002A4B;

    width: 150px;

    left: -150px;

    text-align: center;

    position: fixed;

    z-index: 10000;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    transition: 1s ease;

}



.acs-menu-container .acs-side-menu.active{

    left: 0;

    transition: 1s ease;

}



.acs-side-menu .main-logo{

    padding: 20px 0;

    height: 130px;

}



.acs-menu-container .banner {

    width: 92%;

    position: relative;

}



.acs-menu-container .banner:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.8);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));

    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);

    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);

    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));

    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);

}



.acs-menu-container .banner-img {

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

}



.acs-menu-container .banner .logo {

    position: absolute;

    left: 50px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 150px;

}



.acs-menu-container .banner .tagline {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 80px;

    text-align: right;

    right: 8%;

    font-weight: 400;

    max-width: 420px;

    line-height: 1;

}



.acs-menu-container .banner .banner-contact-info {

    position: absolute;

    bottom: 60px;

    left: 50px;

}



.acs-menu-container .banner .banner-contact-info a {

    color: #fff;

    display: inline-block;

    margin-right: 25px;

    font-size: 14px;

}



.acs-menu-container .banner .banner-contact-info a:hover {

    color: #FF0000;

}



#bg-video {

    max-width: 100%;

    overflow: hidden;

    position: relative;

    z-index: -1;

    top: -55px;

    height: 0;

    opacity: 0;

}



#bg-video.opacityBgVideo{

    opacity: 1;

}



#bg-video iframe {

    border: medium none;

    height: 100%;

    max-width: 100%;

    position: absolute;

    top: 0;

    width: 100%;

}



.menu-toggler {

    width: 25px;

    height: 25px;

    -webkit-transition: .1s;

    -o-transition: .1s;

    transition: .1s;

    cursor: pointer;

    display: inline-block;

    position: relative;

    z-index: 1001;

    -webkit-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s;

}



.menu-toggler span {

    width: 5px;

    height: 5px;

    background-color: #d2d2d2;

    display: block;

    border-radius: 50%;

    position: absolute;

}



.menu-toggler:hover span {

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transform: scale(1.2);

    -webkit-transition: 350ms cubic-bezier(.8, .5, .2, 1.4);

    -o-transition: 350ms cubic-bezier(.8, .5, .2, 1.4);

    transition: 350ms cubic-bezier(.8, .5, .2, 1.4);

}



.menu-toggler span:nth-child(1) {

    left: 0;

    top: 0;

}



.menu-toggler span:nth-child(2) {

    left: 10px;

    top: 0;

}



.menu-toggler span:nth-child(3) {

    right: 0;

    top: 0;

}



.menu-toggler span:nth-child(4) {

    left: 0;

    top: 10px;

}



.menu-toggler span:nth-child(5) {

    position: absolute;

    left: 10px;

    top: 10px;

}



.menu-toggler span:nth-child(6) {

    right: 0px;

    top: 10px;

}



.menu-toggler span:nth-child(7) {

    left: 0px;

    bottom: 0px;

}



.menu-toggler span:nth-child(8) {

    position: absolute;

    left: 10px;

    bottom: 0px;

}



.menu-toggler span:nth-child(9) {

    right: 0px;

    bottom: 0px;

}



.menu-toggler.open {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    cursor: pointer;

    -webkit-transition: .2s cubic-bezier(.8, .5, .2, 1.4);

    -o-transition: .2s cubic-bezier(.8, .5, .2, 1.4);

    transition: .2s cubic-bezier(.8, .5, .2, 1.4);

}



.menu-toggler.open span {

    border-radius: 50%;

    -webkit-transition-delay: 200ms;

    -o-transition-delay: 200ms;

    transition-delay: 200ms;

    -webkit-transition: .5s cubic-bezier(.8, .5, .2, 1.4);

    -o-transition: .5s cubic-bezier(.8, .5, .2, 1.4);

    transition: .5s cubic-bezier(.8, .5, .2, 1.4);

}



.menu-toggler.open span:nth-child(2) {

    left: 6px;

    top: 6px;

    display: none;

}



.menu-toggler.open span:nth-child(4) {

    left: 6px;

    top: 18px;

    display: none;

}



.menu-toggler.open span:nth-child(6) {

    right: 6px;

    top: 6px;

    display: none;

}



.menu-toggler.open span:nth-child(8) {

    left: 18px;

    bottom: 6px;

    display: none;

}



#menu-main-menu{

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

    margin: auto;

    flex-direction: row;

}



ul.sub-menu{

    list-style: none;

    margin-left: 0;

}



.menu-main-menu-container{

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -ms-flex-align: center;

    align-items: center;

    display: -ms-flexbox!important;

    display: flex!important;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

}



.social-links {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-direction: column;

    margin-top: auto;

    padding-bottom: 30px;

}



.social-links a {

    display: block;

    text-align: center;

    color: #d2d2d2;

    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    font-size: 28px;

    margin: 10px 0;

}

.social-links a svg{
    width: 28px;
    fill: #fff;
    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;
}



.social-links a:hover {

    color: #FF0000;

    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

}

.social-links a:hover svg{
    fill: #FF0000;
    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;
}



.menu-logo {

    position: absolute;

    left: 20px;

    height: 90px;

    top: 20px;

}



#acs-main-menu-container {

    position: fixed;

    left: 0;

    bottom: 0;

    top: 0;

    z-index: 1000;

    right: 0;

    background-color: #002A4B;

    padding: 30px 0;

    display: none;

    overflow-y: auto;

    background-image: url('/wp-content/uploads/2022/10/menu-bg.png');

    background-repeat: no-repeat;

    background-position: bottom right;

}



#acs-main-menu-container .container{

    max-width: 1140px;

    margin: auto;

    padding-top: 40px;

}



.menu-toggler:not(.open):after {

    content: '';

    position: absolute;

    right: 40px;

    width: 0;

    height: 2px;

    background: #d2d2d2;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.menu-toggler.open:after {

    content: '';

    position: absolute;

    width: 3000px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: 1s ease-in-out;

    -o-transition: 1s ease-in-out;

    transition: 1s ease-in-out;

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s;

    height: 2px;

    background: #d2d2d2;

    right: 40px;

}



#acs-main-menu-container .menu-contact-info {

    text-align: right;

    padding: 30px 0;

}



#acs-main-menu-container .menu-contact-info>a {

    color: #fff;

    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

    display: inline-block;

    margin-right: 40px;

    font-size: 14px;

}

#acs-main-menu-container .menu-contact-info>a svg{
    fill: #fff;
    width: 14px;
    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;
}



#acs-main-menu-container .menu-contact-info>a:hover {

    color: #FF0000;

    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

}

#acs-main-menu-container .menu-contact-info>a:hover svg {

    fill: #FF0000;

    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

}



.menu-contact-info .social, footer .social {

    display: inline-block;

}



.menu-contact-info .social a, footer .social a {

    font-size: 30px;

    color: #fff;

    display: inline-block;

    margin: 0 10px;

    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

}



.menu-contact-info .social a:hover, footer .social a:hover {

    color: #FF0000;

    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

}



.navbar-expand .menu .dropdown-menu {

    position: static;

    background: transparent;

    border: unset;

    text-align: center;

    display: block;

    padding: 0;

}



.navbar-expand .menu .menu-link {

    padding-left: 20px;

    padding-right: 20px;

    font-size: 14px;

    text-transform: uppercase;

    color: #fff;

    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

}



.navbar-expand .menu .menu-link:hover {

    color: #FF0000;

    -webkit-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;

    transition: .2s ease-in-out;

}



#menu-main-menu > .menu-item a{

    color: #FF0000;

    font-size: 23px;

    display: block;

    margin-bottom: 20px;

}



#menu-main-menu > .menu-item .sub-menu .menu-item a{

    color: #d2d2d2;

    font-size: 15px;

    margin-bottom: 10px;

    text-transform: none;

}



footer .menu a{

    font-size: 13px;

}



footer .widget-title{

    margin-bottom: 10px;

}



.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{

    padding-top: 30px;

    padding-bottom: 30px;

}



.site-below-footer-wrap[data-section="section-below-footer-builder"]{

    padding: 10px 0;

    min-height: 0;

}



footer .wp-block-image.size-full{

    margin-top: 0;

}



.clients-custom-carousel .uc_classic_carousel .uc_classic_carousel_placeholder{

    width: 100% !important;

    min-width:100% !important;

    max-width:100% !important;

}



.clients-custom-carousel .uc_classic_carousel .uc_classic_carousel_content{

    display: none;

}



.trebam-z-con .elementor-image-box-title{

    padding: 15px;

}



footer.site-footer{

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

}



.ast-header-break-point .main-header-bar.ast-header-breadcrumb .ast-container{

    max-width: 100%;

}



.elementor-widget-heading h1.elementor-heading-title,

.elementor-widget-heading h2.elementor-heading-title{

    text-align: left;

}



.elementor-widget-heading h2.elementor-heading-title{

    font-size: 30px;

}



.clients-custom-carousel img {

    filter: gray;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

    transition: .3s ease;

}



.clients-custom-carousel img:hover {

    -webkit-filter: grayscale(0);

    filter: none;

    transition: .3s ease;

}



.trebam-z-con .elementor-image-box-wrapper{

    display: flex;

    flex-direction: column-reverse;

}



.trebam-z-con .elementor-image-box-wrapper h5{

    font-size: 35px;

}



.entry-content p,

li{

    color: #000;

}



.icon-scroll,

.icon-scroll:before {

  position: absolute;

  left: 50%;

}

.icon-scroll {

    width: 40px;

    height: 70px;

    margin-left: -20px;

    bottom: 20px;

    margin-top: -35px;

    box-shadow: inset 0 0 0 1px #999999;

    border-radius: 25px;

}

.icon-scroll:before {

  content: '';

  width: 8px;

  height: 8px;

  background: #002a4b;

  margin-left: -4px;

  top: 8px;

  border-radius: 4px;

  -webkit-animation-duration: 1.5s;

          animation-duration: 1.5s;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-name: scroll;

          animation-name: scroll;

}

@-webkit-keyframes scroll {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    transform: translateY(46px);

  }

}

@keyframes scroll {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    transform: translateY(46px);

  }

}





@media(min-width:1200px){

    footer .wp-block-image.size-full{

        margin-top: 10px;

    }

}



@media(max-width:1199px) {
    .elementor-widget-heading h1.elementor-heading-title,

    .elementor-widget-heading h2.elementor-heading-title{
    
        text-align: center;
    
    }
    .acs-menu-container .acs-side-menu {

        width: 100px;

    }

    .site-content.active,

    .site-footer.active{

        padding-left: 100px;

    }

    .site-content,

    .site-footer{

        padding-left: 100px;

    }

    .acs-side-menu .main-logo {

        padding: 20px 0;

        height: 100px;

    }

    .menu-logo {

        position: absolute;

        left: 13px;

        height: 60px;

        top: 20px;

    }

    #menu-main-menu {

        display: block;

        overflow: auto;

        height: auto;

        padding: 0 30px;

        overflow-y: overlay;

        width: 100%;

    }

    #acs-main-menu-container{

        padding-top: 40px;

    }

    #acs-main-menu-container .menu-contact-info{

        padding: 20px 0;

    }

    .navbar-expand .menu .dropdown-menu {

        display: none;

    }

    .dropdown-toggle {

        display: inline-block;

        width: 50px;

        height: 50px;

        line-height: 50px;

        cursor: pointer;

        z-index: 100;

        text-align: center;

        background: #FF0000;

    }

    .navbar-expand .menu .menu-link {

        margin: 0;

        display: inline-block;

        width: 100%;

    }

    .menu-item {

        text-align: left;

        width: 100%;

    }

    .navbar-expand .menu .dropdown-menu {

        text-align: left;

    }

    .navbar-expand .menu .dropdown-menu.show {

        display: block;

    }

    .acs-menu-container .banner .tagline, .acs-menu-container .banner .brokerage-logo {

        right: 15px;

    }

    #bg-video {

        background-size: cover;

        background-position: center;

    }

    #bg-video iframe {

        display: none;

    }

    #page{

        padding-bottom: 544.72px;

    }

    .uc_classic_carousel .uc_classic_carousel_placeholder, 

    .uc_classic_carousel .uc_classic_carousel_content{

        width: 100% !important;

    }

    .elementor-widget-heading h1.elementor-heading-title {

        font-size: 35px;

    }

    .ast-breadcrumbs .trail-items li{

        margin-bottom: 10px;

    }

}



@media(max-width: 575px) {

    .icon-scroll{

        display: none !important;

    }

    .elementor-widget-heading h1.elementor-heading-title,

    .elementor-widget-heading h2.elementor-heading-title{

        text-align: center;

    }

    body.overflow {

        padding-right: 0;

    }

    .acs-menu-container .acs-side-menu {

        width: 60px;

    }

    .site-content.active,

    .site-footer.active{

        padding-left: 60px;

    }

    .site-content,

    .site-footer{

        padding-left: 60px;

    }

    .acs-side-menu .main-logo {

        padding: 20px 0;

        height: 80px;

    }

    .menu-logo {

        position: absolute;

        left: 5px;

        height: 40px;

        top: 20px;

    }

    #acs-main-menu-container {

        padding-top: 20px;

    }

    #acs-main-menu-container .menu-contact-info {

        padding: 0 15px;

        text-align: center;

        height: 50px;

    }

    #acs-main-menu-container .menu-contact-info>a {

        margin-right: 0;

        display: block;

    }

    .navbar{

        padding: 0;

    }

    #acs-main-menu-container .wrapper{

        width: 100%;

    }

    #menu-main-menu{

        height: calc(100% - 110px);

    }



    footer .menu-item{

        text-align: center;

    }

    #page{

        padding-bottom: 882.94px;

    }

    .elementor-widget-heading h1.elementor-heading-title {

        font-size: 25px;

    }

}

.elementor-widget-google_maps{
    margin: auto;
}

.entry-content .services-text-color p{
    color: #fff;
}

a:where(:not(.wp-element-button)){
    text-decoration: none;
}