/* 
Author: Danko Milutinovic
Desctiption: Carousel in popover - Bootstrap
Contact:  
        https://danko-m.github.io/ ,
        dankomilutinovic@gmail.com, 
        https://rs.linkedin.com/pub/danko-milutinovic/a3/675/778         
*/

@font-face {
  font-family: 'treb';
  src: url(../fonts/trebuc.ttf) ;
  }
  @font-face {
    font-family: 'nexa';
    src: url(../fonts/nexa.otf) ;
    }
footer .row{
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

body {
  font-family: nexa;
 /* padding-top: 100px;*/
}
h3 {
  margin-bottom: 50px;
}
div {
  text-align: center;
}

input {
  padding: 4px 10px 5px;
  margin: 10px 0;
}

.green {
  color: green;
  font-weight: bold;
}

.carousel-control span {
  position: absolute;
  bottom: 0;
  color: olive;
}

.carousel-control.left,
.carousel-control.right {
  background: none !important;
  filter: progid: none !important;
}
.fa-angle-double-left {
  left: 5px !important;
}
#myCarousel .carousel-inner {
  min-height: 190px;
}

/* #myCarousel p,
#myCarousel-2 p {
  text-align: left;
} */

blockquote {
  background: #f9f9f9;
  border-left: 2px solid rgba(255,165,0,0.33);
}

.popover {
  border: 2px solid #337ab7;
}

.popover.bottom>.arrow {
  border-bottom-color: #337ab7;
}

.popover.bottom>.arrow:after {
  top: 3px;
}
.author {
  padding-bottom: 20px;
  margin-top: 100px;
  text-align: center;
  font-size: 14px;
}

.img-container{
  position: relative;
}
.link-c::after{
  content: "";
  transition: transform 250ms ease-in-out;
  position: relative;
  display: block;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0,0,0,.55);
  width: .75rem;
  height: .75rem;
  border-radius: 64px;

}
.link-c::before{
  content: "";
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    display: block;
}
.link-c{
  cursor: pointer;
    /* width: 2%; */
    /* position: absolute; */
    left: 68%;
    top: 15%;
    /* line-height: 22px; */
    transition: border-color 250ms ease-in-out,opacity 250ms ease-in-out,visibility 250ms ease-in-out;
    transform: translateX(-1rem) translateY(-1rem) scale(0.999);
    padding: 0;
    width: 2rem;
    height: 2rem;
    border: 2px solid transparent;
    position: absolute;
    background: rgba(0,0,0,.2);
    opacity: 1;
    /* visibility: hidden; */
    border-radius: 64px;
    line-height: .5;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: pulse-zoomin_2;
		animation-duration: 3s;
		animation-timing-function: ease;
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		animation-fill-mode: none;
}
 .link-c:hover{
  /* border-color:rgba(255,255,255,.5) */
  background: rgba(0,0,0,0.5);
  
} 
.link-c:focus{
  border-color:rgba(255,255,255,.5)
} 
.link-c:hover::after{transform:scale(0.667)}
.link-c:focus::after{transform:scale(0.667)}
.link-c:active::after{transform:scale(0.667)}
/* .link-c:focus::after{transform:scale(0.667)} */

.img-div img{
  box-shadow: 3px 3px 0px 0px #00000029;
  background-color: white;
border-radius: 100%;
padding: 10px;
   width: 60px; 
   position: absolute;
  cursor: pointer;
   
      animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 3s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: zodd;  

}
.img-div img:hover{
  background-color: rgba(10, 10, 10, 0.158);
  width: 65px; 
}
#img_1{

   left: 80%;
   top: 33%;
  
  } 
  #img_2{

    left: 8%;
    top: 24%;

    }  
    .img-div_1-active{
  animation-name: zoho_tr_1;
		animation-duration: 2s;
		animation-timing-function: ease-in-out;
		animation-delay: 0.1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: none;
    
    left: 75%;
    top: 33%;
    position: absolute;
    width: 50px;

    } 
    .img-div_2-active{
      animation-name: zoho_tr_2;
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        animation-delay: 0.1s;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-fill-mode: none;
        
        left: 8%;
    top: 24%;
        position: absolute;
        width: 50px;
    
        } 
      
            
        .img-div_3-active{
          animation-name: zoho_tr_3;
            animation-duration: 2s;
            animation-timing-function: ease-in-out;
            animation-delay: 0.1s;
            animation-iteration-count: 1;
            animation-direction: normal;
            animation-fill-mode: none;
            
            left: 50%;
            top: 48%;
            position: absolute;
            width: 50px;
        
            }
            .img-div_5-active{
              animation-name: zoho_tr_2;
                animation-duration: 2s;
                animation-timing-function: ease-in-out;
                animation-delay: 0.1s;
                animation-iteration-count: 1;
                animation-direction: normal;
                animation-fill-mode: none;
                
                left: 10%;
                top: 60%;
                position: absolute;
                width: 50px;
            
                }
            .img-div_6-active{
              animation-name: zoho_tr_2;
                animation-duration: 2s;
                animation-timing-function: ease-in-out;
                animation-delay: 0.1s;
                animation-iteration-count: 1;
                animation-direction: normal;
                animation-fill-mode: none;
                
                left: 22%;
                top: 26%;
                position: absolute;
                width: 50px;
            
                }
                .img-div_8-active{
                  animation-name: zoho_tr_8;
                    animation-duration: 2s;
                    animation-timing-function: ease-in-out;
                    animation-delay: 0.1s;
                    animation-iteration-count: 1;
                    animation-direction: normal;
                    animation-fill-mode: none;
                    
                    left: 35%;
                    top: 25%;
                    position: absolute;
                    width: 50px;
                
                    }
                    .img-div_9-active{
                      animation-name: zoho_tr_8;
                        animation-duration: 2s;
                        animation-timing-function: ease-in-out;
                        animation-delay: 0.1s;
                        animation-iteration-count: 1;
                        animation-direction: normal;
                        animation-fill-mode: none;
                        
                        left: 35%;
                        top: 66%;
                        position: absolute;
                        width: 50px;
                    
                        }
                        .img-div_10-active{
                          animation-name: zoho_tr_1;
                            animation-duration: 2s;
                            animation-timing-function: ease-in-out;
                            animation-delay: 0.1s;
                            animation-iteration-count: 1;
                            animation-direction: normal;
                            animation-fill-mode: none;
                            
                            left: 76%;
                            top: 4%;
                            position: absolute;
                            width: 50px;
                        
                            } 
                            .img-div_11-active{
                              animation-name: zoho_tr_1;
                                animation-duration: 2s;
                                animation-timing-function: ease-in-out;
                                animation-delay: 0.1s;
                                animation-iteration-count: 1;
                                animation-direction: normal;
                                animation-fill-mode: none;
                                
                                left: 85%;
                                top: 18%;
                                position: absolute;
                                width: 50px;
                            
                                } 
                                .img-div_13-active{
                                  animation-name: zoho_tr_1;
                                    animation-duration: 2s;
                                    animation-timing-function: ease-in-out;
                                    animation-delay: 0.1s;
                                    animation-iteration-count: 1;
                                    animation-direction: normal;
                                    animation-fill-mode: none;
                                    
                                    left: 90%;
                                    top: 30%;
                                    position: absolute;
                                    width: 50px;
                                
                                    } 
                                    .img-div_14-active{
                                      animation-name: zoho_tr_1;
                                        animation-duration: 2s;
                                        animation-timing-function: ease-in-out;
                                        animation-delay: 0.1s;
                                        animation-iteration-count: 1;
                                        animation-direction: normal;
                                        animation-fill-mode: none;
                                        
                                        left: 87%;
                                        top: 58%;
                                        position: absolute;
                                        width: 50px;
                                    
                                        } 
                                        .img-div_15-active{
                                          animation-name: zoho_tr_1;
                                            animation-duration: 2s;
                                            animation-timing-function: ease-in-out;
                                            animation-delay: 0.1s;
                                            animation-iteration-count: 1;
                                            animation-direction: normal;
                                            animation-fill-mode: none;
                                            
                                            left: 63%;
                                            top: 35%;
                                            position: absolute;
                                            width: 50px;
                                        
                                            } 
                                            .img-div_18-active{
                                              animation-name: zoho_tr_1;
                                                animation-duration: 2s;
                                                animation-timing-function: ease-in-out;
                                                animation-delay: 0.1s;
                                                animation-iteration-count: 1;
                                                animation-direction: normal;
                                                animation-fill-mode: none;
                                                
                                                left: 81%;
                                                top: 52%;
                                                position: absolute;
                                                width: 50px;
                                            
                                                }
                                                .img-div_4-active{
                                                  animation-name: zoho_tr_1;
                                                    animation-duration: 2s;
                                                    animation-timing-function: ease-in-out;
                                                    animation-delay: 0.1s;
                                                    animation-iteration-count: 1;
                                                    animation-direction: normal;
                                                    animation-fill-mode: none;
                                                    
                                                    left: 73%;
                                                    top: 70%;
                                                    position: absolute;
                                                    width: 50px;
                                                
                                                    }
                        .img-div_12-active{
                          animation-name: zoho_tr_8;
                            animation-duration: 2s;
                            animation-timing-function: ease-in-out;
                            animation-delay: 0.1s;
                            animation-iteration-count: 1;
                            animation-direction: normal;
                            animation-fill-mode: none;
                            
                            left: 31%;
                            top: 49%;
                            position: absolute;
                            width: 50px;
                        
                            }
            .img-div_16-active{
              animation-name: zoho_tr_2;
                animation-duration: 2s;
                animation-timing-function: ease-in-out;
                animation-delay: 0.1s;
                animation-iteration-count: 1;
                animation-direction: normal;
                animation-fill-mode: none;
                
                left: 15%;
                top: 53%;
                position: absolute;
                width: 50px;
            
                }
                .img-div_7-active{
                  animation-name: zoho_tr_2;
                    animation-duration: 2s;
                    animation-timing-function: ease-in-out;
                    animation-delay: 0.1s;
                    animation-iteration-count: 1;
                    animation-direction: normal;
                    animation-fill-mode: none;
                    
                    left: 22%;
                    top: 82%;
                    position: absolute;
                    width: 50px;
                
                    }
                .img-div_17-active{
                  animation-name: zoho_tr_2;
                    animation-duration: 2s;
                    animation-timing-function: ease-in-out;
                    animation-delay: 0.1s;
                    animation-iteration-count: 1;
                    animation-direction: normal;
                    animation-fill-mode: none;
                    
                    left: 11%;
                    top: 40%;
                    position: absolute;
                    width: 50px;
                
                    }
            .img-div_19-active{
              animation-name: zoho_tr_19;
                animation-duration: 2s;
                animation-timing-function: ease-in-out;
                animation-delay: 0.1s;
                animation-iteration-count: 1;
                animation-direction: normal;
                animation-fill-mode: none;
                
                left: 55%;
                top: 60%;
                position: absolute;
                width: 50px;
            
                }
                .img-div_20-active{
                  animation-name: zoho_tr_20;
                    animation-duration: 2s;
                    animation-timing-function: ease-in-out;
                    animation-delay: 0.1s;
                    animation-iteration-count: 1;
                    animation-direction: normal;
                    animation-fill-mode: none;
                    
                    left: 43%;
                    top: 55%;
                    position: absolute;
                    width: 50px;
                    }

    #img_3{
    
      left: 53%;
      top: 53%;
      } 
      #img_4{
       
        
        left: 76%;
        top: 72%;
        } 
        #img_5{
        
           left: 10%;
           top: 60%;
          
          } 
          #img_6{
        
            left: 22%;
            top: 26%;
           
           } 
           #img_7{
        
            left: 22%;
            top: 82%;
           
           } 
           #img_8{
        
            left: 35%;
            top: 25%;
           
           } 

           #img_9{

            left: 35%;
            top: 66%;
           } 
           #img_10{
          
            left: 79%;
    top: 6%;
             } 
             #img_11{
             
              left: 89%;
              top: 19%;
                
               } 
               #img_12{
                
                left: 31%;
                top: 49%;
                  
                 } 
                 #img_13{
                  left: 96%;
                  top: 32%;
                   
                   } 
                   #img_14{
                 
                    left: 92%;
                    top: 60%;
                    
                    } 
                    #img_15{
                      left: 66%;
                      top: 40%;
                    
                    } 
                    #img_16{
                      left: 15%;
                      top: 53%;
                    
                    } 
                    #img_17{
                 
                      left: 11%;
                      top: 40%;
                     
                     } 
                     #img_18{
                   
                      left: 84%;
                      top: 48%;
                      
                      } 
                      #img_19{
                   
                        left: 57%;
                        top: 64%;
                      
                      } 
                      #img_20{
                        left: 46%;
                        top: 60%;
                      
                      } 
  #img::before{
      position: absolute;
   left: 50%;
   top: 20%;
      width: 60px;
height: 60px;
border-radius: 100%;
background: #fff;
  }
  /* .img-div::before{
    z-index: 2;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    background: #93e1fa;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
  } */
  #img_1::before{
    z-index: 2;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    background: #93e1fa;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
  }
  /* #img:last-child{
  background-color: white;
border-radius: 100%;
padding: 10px;
   width: 60px; 
   position: absolute;
   left: 60%;
   top: 15%;
    animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 3s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: zodd;
  } */
  #img::before{
      position: absolute;
   left: 50%;
   top: 20%;
      width: 60px;
height: 60px;
border-radius: 100%;
background: #fff;
  }

  .z-ul{
    position: absolute;
    top: 25%;
    left: 25%;
    margin: 0 auto;
    max-width: 1140px;
    width: 100%;
    height: 562px;
  }
  .z-ul li{
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* border: 1px solid #fff; */
    position: absolute;
    left: 25%;
    top: 25%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /* background: #fff; */
    width: 118px;
    height: 118px;
    border-radius: 50%;
    box-shadow: 3px 3px 0px 0px #00000029;
    animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 3s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: zodd;
  }
  .z-ul li::before{
    z-index: 2;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    background: #93e1fa;
    
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
  }
  .int-crm::before{
    margin: -100px 0 0 210px;
  }
  .z-ul li span{
    width: 55px;
    height: 34px;
    display: block;
   
    text-indent: -9999px;
    background: url(../icon/zohocrm.png) no-repeat;
    background-size: 1450px auto;
  }
  .int-crm{
    margin: -100px 0 0 210px;
    -webkit-animation: upDown 3s infinite alternate;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: upDown;
  }
  .li_crm{
    background-color: white;
    border-radius: 100%;
    padding: 10px;
    /* z-index: 999; */
    width: 100%;
    position: relative;
    /* left: 30%; */
    height: 100%;
    /* top: 20%; */
 
  }

  .strip__title img{
    height: 100vh;
  }
  .zoho-div{
    background: #fff;
    height: 100vh;
    display: flex;
    width: 100%;
    flex-direction: column;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    align-content: center;
    justify-content: center;
  }
  .zoho_img{
    display: flex;
    justify-content: center;
    flex-direction: row;
    
  }
  .zoho_img img{
    width: 30%;
  }
  
.img_slide{
  height: 100vh;
  width: 100%;
}
  /* .carousel-control-prev, .carousel-control-next {
    left: 0;
    z-index: 1;
  } */

  /* .path {
    stroke-dasharray: 20;
    animation: dash 5s ease-in-out;
  }
  
  @keyframes dash {
    to {
      stroke-dashoffset: 1000;
    }
  } */
 
  /* .path {
    stroke-dasharray: 20;
    stroke-dashoffset: 0;
    animation: dash 10s linear forwards;
    animation-iteration-count: infinite;
  }
  
  @keyframes dash {
    to {
      stroke-dashoffset: 1000;
    }
  } */

  .path {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1000;
    animation: dash 10s linear forwards;
  }
  
  @keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }

  .img-call{
    cursor: pointer; 
    width: 6%;
    margin-top: 8px;
    /* position: absolute; */
    /* left: 10%; */
    box-shadow: 3px 3px 0px 0px #00000029;
    background-color: white;
  border-radius: 100%;
  padding: 5px;
  animation-name: pulse-zoomin;
		animation-duration: 3s;
		animation-timing-function: ease;
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		animation-fill-mode: none;
  }
/* .img_call_women{
  /* animation-name: slit-in-diagonal-1;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: none;
			 
		   position: absolute;
                left: 52.5%;
                top: 9%;
                z-index: -1;
                
	} */
  .img_call_women-active{
    position: absolute;
    left: 52.5%;
    top: 9%;
    z-index: -1;
    animation-name: focus-in-contract;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-delay: 0s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: none;
			
			
  }
  @keyframes focus-in-contract {
			
		0% {
			letter-spacing:1em;
			filter:blur(12px);
			opacity:0;
		}
		100% {
			filter:blur(0);
			opacity:1;
		}
	}
	@keyframes slit-in-diagonal-1 {
			
		0% {
			transform:translateZ(-800px) rotate3d(1,1,0,90deg);
			animation-timing-function:ease-in;
			opacity:0;
		}
		50% {
			transform:translateZ(-160px) rotate3d(1,1,0,87deg);
			animation-timing-function:ease-in-out;
			opacity:1;
		}
		100% {
			transform:translateZ(0) rotate3d(1,1,0,0);
			animation-timing-function:ease-out;
		}
	}

	@keyframes pulse-zoomin {
			
		0% {
			transform:scale(1);
		}
		50% {
			transform:scale(0.9);
		}
		100% {
			transform:scale(1);
		}
	}
  @keyframes pulse-zoomin_2 {
			
		0% {
			transform:scale(1);
		}
		50% {
			transform:scale(0.6);
		}
		100% {
			transform:scale(1);
		}
	}
   @keyframes zoho_tr_1 {
			
		0% {
			/* transform:translateX(0%);
      	transform:translateY(0%); */
        /* transform: translate(50px, 50px); */
        /* transform: translate(-5%, 10%); */
        transform: translate(-310px, -185px);
        opacity:0;
		}
		
		100% {
      /* transform:translateX(8%);
			transform:translateY(24%); */
      /* transform: translate(590%, -340%); */
      /* transform: translate(-5%, 10%); */
      opacity:1;
		}
	}
  @keyframes zoho_tr_2 {
			
		0% {
			/* transform:translateX(0%);
      	transform:translateY(0%); */
        /* transform: translate(50px, 50px); */
        /* transform: translate(-5%, 10%); */
        transform: translate(310px, -185px);
        opacity:0;
		}
		
		100% {
      /* transform:translateX(8%);
			transform:translateY(24%); */
      /* transform: translate(590%, -340%); */
      /* transform: translate(-5%, 10%); */
      opacity:1;
		}
	}
  @keyframes zoho_tr_3 {
			
		0% {
			/* transform:translateX(0%);
      	transform:translateY(0%); */
        /* transform: translate(50px, 50px); */
        /* transform: translate(-5%, 10%); */
        transform:translate(-35px, -155px);
        opacity:0;
		}
		
		100% {
      /* transform:translateX(8%);
			transform:translateY(24%); */
      /* transform: translate(590%, -340%); */
      /* transform: translate(-5%, 10%); */
      opacity:1;
		}
	}
  @keyframes zoho_tr_19 {
			
		0% {
			/* transform:translateX(0%);
      	transform:translateY(0%); */
        /* transform: translate(50px, 50px); */
        /* transform: translate(-5%, 10%); */
        transform:translate(-35px, -155px);
        opacity:0;
		}
		
		100% {
      /* transform:translateX(8%);
			transform:translateY(24%); */
      /* transform: translate(590%, -340%); */
      /* transform: translate(-5%, 10%); */
      opacity:1;
		}
	}
  @keyframes zoho_tr_20 {
			
		0% {
			/* transform:translateX(0%);
      	transform:translateY(0%); */
        /* transform: translate(50px, 50px); */
        /* transform: translate(-5%, 10%); */
        transform:translate(-35px, -155px);
        opacity:0;
		}
		
		100% {
      /* transform:translateX(8%);
			transform:translateY(24%); */
      /* transform: translate(590%, -340%); */
      /* transform: translate(-5%, 10%); */
      opacity:1;
		}
	}
  @keyframes zoho_tr_8 {
			
		0% {
			/* transform:translateX(0%);
      	transform:translateY(0%); */
        /* transform: translate(50px, 50px); */
        /* transform: translate(-5%, 10%); */
        transform: translate(200px, -150px);
        opacity:0;
		}
		
		100% {
      /* transform:translateX(8%);
			transform:translateY(24%); */
      /* transform: translate(590%, -340%); */
      /* transform: translate(-5%, 10%); */
      opacity:1;
		}
	}

  .svg_class{
    /* position: absolute;  */
    z-index: 999;
    /* margin-top: 5%; */
    width: 100%;
    /* height: 500px; */
  }
  /* @media  (max-width: 1200px) {
    img-call{
      visibility: hidden;
      cursor: pointer; 
      width: 3%;
      margin-top: 1%;
      position: absolute; */
      /* left: 10%;
  
    }
  } */
  .popover{

    direction: ltr;
  }
  #svgContainer { 
    z-index: -10;
    position:absolute;
    background-color:silver;
    opacity: 0.5;
  }
  .img-call:hover{
    background-color: rgba(10, 10, 10, 0.158);

    transform: rotate(-45deg);
  }
  
  .fa {
    font-size: 20px;
    /* color: white; */
}
.logo_orange{
  


   position: absolute;
   width: 25%;
   left: 38%;
   top: 42%;
    animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 3s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: zodd;
}
.right_div{
  width: 100%;
                    margin-right: 5%;
                    direction: rtl;
                    display: flex;
                    flex-direction: column;
                    margin-top: 15%;
}
.left_div{
  margin-left: 5%;
                      width: 100%;
                      display: flex;
                      flex-direction: column;
                      margin-top: 7%;
}

.txt_div{
  position: absolute;
  display: flex;
  color: black;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  align-content: center;
  flex-direction: row;
  width: 100%;
 }

 .parking_img{
  /* display: flex;
    flex-direction: column;
    justify-content: center; */
    height: 100vh;
    width:100%;
 }
 .img_screen{
  position: absolute;
  left: 19%;
  top: 27%;
  width: 150px;
  max-height: 100%;
 }
 .img_dome{
  position: absolute;
  left: 17%;
  top: 6%;
  width: 55px;
  max-height: 100%;
 }
 .img_detect{
  position: absolute;
  left: 90%;
  top: 9%;
  width: 70px;
  max-height: 100%;
 }
 .img_access{
  position: absolute;
  left: 95%;
  top: 43%;
  width: 75px;
  max-height: 100%;
 }
 .img_ac_point{
  position: absolute;
  left: 40%;
  top: 24%;
  width: 73px;
  max-height: 100%;
 }
 .img_phone{
  position: absolute;
  left: 54%;
  top: 53%;
  width: 70px;
  max-height: 100%;
 }
 .img_router{
  position: absolute;
  left: 54%;
  top: 44%;
  width: 72px;
  max-height: 100%;
 }
.row_screen{
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}
/* .glow {
  color: #111;
  background: greenyellow;
  box-shadow: 0 0 100px greenyellow;
} */

.glow_shadow{
  filter: drop-shadow(0 0 1rem rgb(20, 113, 220));
}

.glow {
  /* animation:spin 4s linear infinite; */
  /* width: 300px;
  height: 300px; */
  margin: auto;
  /* margin-top: 140px; */
  border-radius: 100%;
  /* box-shadow:
      inset 0 0 50px #fff,
      inset 20px 0 60px violet,
      inset -20px 0 60px #0ff,
      inset 20px 0 300px violet,
      inset -20px 0 300px #0ff,
        0 0 50px #fff,
        -10px 0 60px violet,
        10px 0 60px #0ff; */
        box-shadow: inset 0 0 50px #fff0, inset 20px 0 60px #ee82ee00, inset -20px 0 60px #36cf8400, inset 20px 0 300px #ee82ee00, inset -20px 0 300px #0ff0, 0 0 50px #fff, -10px 0 60px violet, 10px 0 60px #0ff
}

@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.owl-test{
  display:none;
}
.owl-test-active{
  /* display:block;
  z-index:999;
  position:relative; */
  width: 1200px;
}


.outer { margin:0 auto; max-width:800px;}
#big .item { background: #ec6e46; padding: 120px 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; }
#thumbs .item { background: #C9C9C9; height:70px; line-height:70px; padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer; }
#thumbs .item h1 { font-size: 18px; }
#thumbs .current .item { background:#FF5722; }
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev { background:#333; width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }






/* slider */
#myCarousel img {
  height: auto;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#thumbSlider .carousel-inner {
  padding-left: 3rem;
  padding-right: 3rem;
}
#thumbSlider .carousel-inner .row {
  overflow: hidden;
}
#thumbSlider .carousel-inner .thumb:hover {
  cursor: pointer;
}
#thumbSlider .carousel-inner .thumb.active img {
  opacity: 1;
}
#thumbSlider .carousel-inner img {
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  opacity: 0.5;
}
#thumbSlider .carousel-inner img:hover {
  opacity: 1;
}
#thumbSlider .carousel-inner .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000'%20viewBox='0%200%208%208'%3E%3Cpath%20d='M5.25%200l-4%204%204%204%201.5-1.5-2.5-2.5%202.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
#thumbSlider .carousel-inner .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000'%20viewBox='0%200%208%208'%3E%3Cpath%20d='M2.75%200l-1.5%201.5%202.5%202.5-2.5%202.5%201.5%201.5%204-4-4-4z'/%3E%3C/svg%3E");
}
.flex-thumb{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
#thumbSlider .carousel-inner .thumb.active h4 {
  opacity: 1;
  color: #0ca747;
  font-family: nexa;
}
#thumbSlider .carousel-inner .thumb h4 {
  opacity: 0.8;
  color: #000;
  font-family: nexa;
}
#myCarousel , #myCarousel .carousel-inner , #myCarousel .carousel-item{
  height: 100%;
  /* background-image: url(../img/kalaam-bg.png); */
  background: url(../img/kalaam-bg.png) no-repeat;
}
.carousel-control-next {
  right: 0;
}
.popover {
  width:30%;
  font-family: nexa;
  
 }
@media (max-width: 1200px){
  .owl-test-active{
    display:none;
    /* z-index:999;
    position:relative; */
    width: 200px;
  }
  .owl-test-activ{
    display:block;
    z-index:999;
    position:relative;
    width: 1100px;
  }
  .right_div{
    width: 100%;
                      margin-right: 5%;
                      direction: rtl;
                      display: flex;
                      flex-direction: column;
                      margin-top: 32%;
  }
  .img-call{
    cursor: pointer; 
    width: 8%;
    margin-top: 8px;
    /* position: absolute; */
    /* left: 10%; */
    box-shadow: 3px 3px 0px 0px #00000029;
    background-color: white;
  border-radius: 100%;
  padding: 5px;
  animation-name: pulse-zoomin;
		animation-duration: 3s;
		animation-timing-function: ease;
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		animation-fill-mode: none;
  }
  .left_div{
    margin-left: 5%;
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        margin-top: 22%;
  }
  .img_call_women-active{
    width: 25%;
    top: 30%;
  }
  .svg_call{
    margin-top:20%;
    width:100%;
  }
  .logo_orange{
  


    position: absolute;
    width: 20%;
    left: 38%;
    top: 50%;
     animation-duration: 5s;
 animation-timing-function: linear;
 animation-delay: 3s;
 animation-iteration-count: infinite;
 animation-direction: normal;
 animation-fill-mode: none;
 animation-play-state: running;
 animation-name: zodd;
 }
 .popover {
  width:35%;
  font-family: nexa;
  
 }
 .txt_div{
  position: absolute;
  display: flex;
  color: black;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  align-content: center;
  flex-direction: row;
  width: 100%;
 }
 .parking_img{
  /* display: flex;
    flex-direction: column;
    justify-content: center; */
    height: 100vh;
    width:100%
 }
 #img_13{
  left: 93%;
  top: 32%;
 }
 .img-div img {
  padding: 8px;
  width: 50px;
 }
 .img-div img:hover{
  background-color: rgba(10, 10, 10, 0.158);
  width: 55px; 
}



.sld-wrp {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.slider-for {
  /* width: 800px; */
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.slide-container {
  height: 100vh;
  background-color: #fff;
  text-align: center;
  line-height: 40vh;
  font-size: 40px;
  font-weight: bold;
  /* border: 1px solid #000; */
  margin-bottom: 20px;
  box-sizing: border-box;
}

.slide-btn {
  text-align: center;
  box-sizing: border-box;
  padding: 60px;
  /* margin: 10px; */
  /* background-color: rgb(30, 134, 56); */
  /* border: 1px solid #000; */
  cursor: pointer;
}

.slide-btn:hover {
  /* background-color: rgb(255, 179, 0); */
}
.slick-next:before, .slick-prev:before{
  color: #1f9909;
}

}