body {animation: fadeInAnimation ease 0.5s;animation-iteration-count: 1;animation-fill-mode: forwards;}
@keyframes fadeInAnimation {0% { opacity: 0;}100% {opacity: 1;}}









#offcanvas-toggler > i {
    color: #ff8b1a;   
    background: linear-gradient(90deg, rgba(245,140,22,1) 0%, rgba(244,103,32,1) 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    margin: 0px 25px;
    font-size: 35px; 
    width: 10px;    
}

.no_wrap_text{
    /*white-space: nowrap;*/
}



.StrelicaAboutUs img, .GearAboutUs img{
display:inline-block!important;
}

.GearAboutUs{
position:absolute;
    top:-15px;
}
.StrelicaAboutUs{
position:absolute;
    top:-10px;
}

#About .sppb-addon-title{
    height: 15px;
}
#About h4{
    margin-bottom: 0;
}



#About .sppb-addon-title {
  display: inherit;
}



.GeneratorLogo{
height:95px;
padding:5px; 
transition: height 0.3s;    
}
.jezicimenuitem {
margin-left:40px!important;      
margin-top: 0px;
}
.jezicimenuitem a{
    height:44px!important;
}



body.layout-boxed .body-innerwrapper {
  max-width: 1920px!important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

  max-width: 1600px;
}
.layout-boxed .sticky, .layout-boxed .sticky .sticky__wrapper, .layout-boxed .sticky .sticky__wrapper .sp-megamenu-parent .sp-dropdown {
  max-width: 100%!important;
}



#sp-header.onepage .sp-megamenu-parent li.active a {
  border-bottom: 0px solid #fff!important;
}

#sp-header.onepage .sp-megamenu-parent li.active:first-child > a.page-scroll {
  border-bottom: 0px solid #e67100!important;
}

#sp-header.onepage .sp-megamenu-parent li.active a {
  color: #E67000;
  border-bottom: 0px solid #E67000;
}





.LinkedIN img {  
    filter: grayscale(100%) invert(100%) opacity(100%);
    
     transition-property: -moz-filter, -ms-filter, -o-filter, -webkit-filter, filter;
    transition-duration: 0.5s;
      
}
.LinkedIN img:hover {
    filter: none;

}




.sp-pagebuilder-page-edit{
    display:none;
    visibility:hidden;
}


.IconValues img{
    width:100px;
    height:auto; 
    margin:25px;
}


.sppb-toggle-direction{
display:none;
    visibility:hidden;

}




.SveReference{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    
/*    
    row-gap:10px;
    column-gap: 10px;
*/
}

.LogoReference{
    align-self: center;
    padding:0px;
    transform: scale(0.7);    
}

.SveReference img:first-child {
    margin-right:25px;
}
.SveReference img:nth-child(2) {
    margin-right:10px;
}








.Expertise {
  
}

.sppb-panel-default > .sppb-panel-heading::before, .sppb-panel-default > .sppb-panel-heading.active::before, .sppb-panel-primary > .sppb-panel-heading::before, .sppb-panel-primary > .sppb-panel-heading.active::before {
  font-size: 15px;
}




.sppb-panel-default > .sppb-panel-heading {
    margin: 5px 0 0 0;
    padding: 20px 0px;
    border: 0px solid #ddd;
    border-top: 1px solid #000;
    border-radius: 0px;
    
    font-size: 20px;
    letter-spacing: 2px;
    
}





.sppb-panel-default > .sppb-panel-heading + .sppb-panel-collapse > .sppb-panel-body {
  padding: 20px 0px;
  border: 0px solid #ddd;
  border-radius: 0px;
}
.sppb-panel-default > .sppb-panel-heading.active {
 border-radius: 0px;
}





.sppb-panel-title{
 font-weight: bold!important;
 
    
}


.sppb-panel-default .sppb-panel-heading, .sppb-panel-default .sppb-panel-heading::before {
  color: #E67100; 
}

.sppb-panel-default .sppb-panel-heading.active, .sppb-panel-default .sppb-panel-heading.active::before {
  color: #000000;
}



.TitleH4 h4{
    font-weight: 800;
    text-transform: uppercase;
    font-size: 23px;
    letter-spacing: 3px;
}


 
.ServicesIcons img{
    height:80px;
    width:auto;
    margin-bottom:-50px;
}






.sp-megamenu-parent > li {
  white-space: nowrap;
}

#sp-topright{
    white-space: nowrap;
    display: inline-flex!important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center; 
    
    font-weight: bold!important;
    
}



.LangGlobe{
float:left;
width:20px; 
    margin-top: 16px; 

}


.mod-languages{
    height:55px!important;
}

.mod-languages form{
    display:inline-block;
    float:left;
    margin-top: 10px;    
}

.mod-languages select {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border: 0px solid #ccc;
 cursor: pointer;
}

.mod-languages select {
  color: #e67100;
}
.mod-languages select:checked {
  color: #ffffff;
}



.botun{

height:45px!important;
line-height: 45px!important;
margin: 0px 20px;
background: #f4a000; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f4a000 1%, #e15b26 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #f4a000 1%,#e15b26 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f4a000 1%,#e15b26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a000', endColorstr='#e15b26',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

-webkit-border-radius: 10px;
-moz-border-radius: 10px;   
border-radius: 10px;  

padding: 0 25px!important;

    
display: inline-block;
float:right; 
 margin-top: 5px; 
}

.botun:hover{


background: #FDFDFD; /* Old browsers */
background: -moz-linear-gradient(-90deg,  #FDFDFD 1%, #CDCDCD 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-90deg,  #FDFDFD 1%,#CDCDCD 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(180deg,  #FDFDFD 1%,#CDCDCD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#CDCDCD',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color:#E67000!important; 
}
.botun:hover a{
  color:#E67000!important;
    
}

/*
.botun2{
float:left; 
    
}
*/



.RoundCorners10{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;   
border-radius: 10px;  
}




.LearnMore:hover{
  border: solid 1px #fff!important;

}

.cf-btn:hover{
background-color: #E67000!important;
}









#Expertise p{

    margin-left:30px;

}


.crtaiznadtekstaN .sppb-addon-content{
    padding-top:20px;
    border-top: 2px solid #E67000!important;
}
.crtaiznadtekstaB .sppb-addon-content{
    padding-top:20px;
    border-top: 2px solid #FFF!important;
}


.offline-inner .outline #form-login #submit-buton .btn-readmore.login, .offline-inner .outline #form-login #submit-buton .btn-readmore.login:focus {
  border-color: #FF9900!important;
  background-color: #FF9900!important;
  color: #fff;
}

.NarandjastiBorder .sppb-addon-content{
border-top: 2px solid #FFF!important;
}


.ZeleniBorder .sppb-addon-content{
border-top: 2px solid #8CC63F!important;
}

.ZutiBorder .sppb-addon-content{
border-top: 2px solid #FFC124!important;
}

.BordoBorder .sppb-addon-content{
border-top: 2px solid #E67100!important;
}


/* Forma */

.cf-btn{ 
  font-weight: 800!important;
  text-transform: uppercase!important;
  font-size: 23px!important;
  letter-spacing: 3px!important;    
}


.convertforms .cf-input {
  background-color: rgba(0,0,0,0);
}
.convertforms .cf-input::placeholder {
  opacity: .9;
}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
  padding: 
      30px 0px;;
}
.cf-btn{
background-color: rgba(255,255,255,0.25)!important;
border: solid 1px #fff!important; 
}


#Connect a{
color:#fff;
text-decoration: underline;
}
#Connect a:hover{
color:#e67100;
}


/*
@media (min-width: 1370px) {
    
    .container{ max-width: 1340px; }
}
*/

 .Gears_video, .LearnMoreBtn{
     transform-origin: top left;
     transition: all .2s ease-in-out;
}




@media (min-width: 1600px) {
    .container {
        max-width: 1540px !important;
    }
}





@media (max-width: 1300px) {
    #offcanvas-toggler {display: block !important; float:right!important;}
    #sp-menu .sp-megamenu-parent {display: none !important;}
    #sp-topright{display:none;visibility:hidden;} 
    
    .item-165{
        display:none!important;
        visibility:hidden!important;
    }
    
    /*.Gears_video{transform: scale(0.9);}*/
    
    
}


@media (max-width: 1199px) {
   
    .Gears_video{transform: scale(0.8);}  
    .LearnMoreBtn{transform: scale(0.8);} 
}


@media (max-width: 991px) {
   
    .Gears_video{transform: scale(0.7);} 
    .LearnMoreBtn{transform: scale(0.7);} 
    .SveReference img { padding: 10px 0px;}
    
}

@media (max-width: 700px) {
   
    .Gears_video{transform: scale(0.5);} 
    .SveReference img { padding: 10px 0px;}
    

}