#random-img-section {
  height: 100vh !important;
  max-height: 100vh !important;
  min-height: 100vh !important;
}
#random-img-section .random-image {
  height: 50%;
  min-height:50vh;
  background-attachment: fixed !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
#random-img-section .random-image img{
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: top center;
}

/* ------------------- text header div random image ------------------ */


.text-header{
		position: absolute;
		color: white;
  top:0px;
	    width: 96%;
		left: 2%;
		right: 2%;
		top: 50px;
		}

.text-holder{
    position: relative;
    height: 90vh;
    z-index: 1;
    text-shadow: 0 3px 9px rgb(0 0 0 / 0.6);
}
		#Line1 {
            position: absolute;
            display: block;
            width: 50vw;
			font-size: 10vw;
            font-weight:600;
            line-height: 10vw;
			top: 40px;
            left: 30px;
			text-align: left;
            float: left;
			}
            #Line1 span span{
                display: block;
                font-size: 6vw;
                        }
 		#Line2 {
            position: absolute;
            width: 50vw;
            min-height: 30px;
			font-size: 4vw;
            font-weight:600;
            line-height: 9vw;
			bottom: 140px;
            right: 30px;
			text-align: right;
			}
        #Line3 {
            position: absolute;
            width: 50vw;
			font-size: 1.5vw;
			bottom: 50px;
            right: 30px;
			text-align: right;
			}

                #Line3 span {display: block; padding-top: 45px;}
                #Line3 img {
                    float: right; 
                    margin: 0 30px 20px 20px;
}
  /* ------------------- For mobile phones:---------------------------- */

@media only screen and (max-width: 768px) {

    #Line1 {
        font-size: 21vw;
        line-height: 21vw;
        width: 80vw;
        text-align: right}
            #Line1 span span{
                display: block;
                font-size: 60%;  
                        }
    #Line2 {
        font-size: 8vw;
        bottom: 165px;
        text-align: center;}
    #Line3 {
        font-size: 5vw;
        width: 90vw;
      display: block;
    }
            #Line3 img {
                    float: right; 
                    margin: 0 5px 0 20px;}
}

/* ------------------- top and left menu  ------------------ */
.burger-icon>span {
	    background-color: #f0f0f0 !important;
}

#modal-menu {
    background: #303030;
}

.offcanvas-menu .offcanvas-inner {
    padding: 60px 15px 25px 20px !important;
}

.sp-profile-wrapper .sp-profile-dropdown {
  background: #333;
  z-index: 11000;
  border: 0px solid #332;
}
.sp-profile-wrapper .sp-profile-dropdown>li:not(:last-child) {
  border-bottom: 1px solid #332;
}


/* ------------------- general styling for Helix updates  ------------------ */

a:active{
  color:#e15600 !important;
}
a:focus{
  color:#ff4502 !important;
}

.sp-pre-loader .circle-two>span, .sp-pre-loader .circle-two>span:before, .sp-pre-loader .circle-two>span:after{
   border: 2px solid #e15600;}

.sp-pre-loader .circle-two>span{
   border-left-color: transparent;}

.sp-pre-loader .circle-two>span:before{
   border-right-color: transparent;}

.sp-pre-loader .circle-two>span:after{
   border-bottom-color: transparent;}


#sp-header .logo a {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 0;
}
#sp-header.header-with-modal-menu a {
    color: #d1cfcf;
}
#sp-header.header-with-modal-menu a:hover {
    color: #fcb000;
}

#modal-menu .sp-megamenu-parent>li:hover>a, #modal-menu .sp-megamenu-parent>li:hover>span, #modal-menu .sp-megamenu-parent>li.active>a, #modal-menu .sp-megamenu-parent>li.active>span {
    color: #f77e05;
}

/* ------------------- body modules  ------------------ */

.breadcrumb {
  margin-bottom: 0px !important;
  background-color: #444444;
  color: #d6d6d6;
  border-radius: 0px;
  font-size:90%;
  --bs-breadcrumb-divider-color:#d6d6d6;
}

.breadcrumb-item.active{color:#cfcfcf;}
.breadcrumb-item.focus{color:#cecece;}

.allways_social{
  margin: 10px 0px 20px 0px;
}
div.bw-social-share > ul{
  display: flex;
  justify-content: center;
}



#home-intro-mobile{
  margin-top: 0px !important;
}

#svg_map_home{
  width:100%;
}

/* ------------------- home page features boxes  ------------------ */



.features-cont {
	transition: all .3s;
}
.features-cont:hover {
	transform: scale(1.05);
}

.box-vh{
  width: 80vw;
  min-height: 300px;
}

/* ------------------- MyMaps  ------------------ */

#DE-location-title {
	font-size: 12px;
	font-style: normal;
}

/* ------------------- CB profile  ------------------ */
 textarea#cb_profile_j, textarea#cb_profile_p {
    width: 90%;
    min-height: 200px;
    margin-bottom: 20px;
     }
  .nav-link {
    color: #f77e05 !important;
    }
div.cbFieldsContentsTab div.form-group {
    margin-bottom: 7px;
}
/* ------------------- EasyBlog ------------------ */

/* ------------------- EasyBlog pugin on profile : rel to file: /components/com_comprofiler/plugin/user/plug_easyblog/assets/style.css zwiazany z default.php /components/com_comprofiler/plugin/templates/default/default.php  ------------------ */