/* Carousel arrow*/
/*.carousel-control-next, .carousel-control-prev {
  color: #F69729;
}*/

/* ---------------------------------------------------
    Loading Animation
----------------------------------------------------- */
.loader {
    display:    none;
    position:   fixed;
    z-index:    20000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, 1 ) 
                            url('../../images/loading/vistakom.gif') 
                            50% 50% 
                            no-repeat;
    background-size: 6%;
}

/*.container {
  min-height: 1000px;
}*/

body.loading .loader {
    overflow: hidden;   
}

body.loading .loader {
    display: block;
}

section.section1 {
  margin: 150px 0;
}

section.section2 {
  padding: 100px 0;
}

.carousel-caption.title img {
  width: 25%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.cyberark {
  width: 15%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* Carousel arrow*/
/*.carousel-control-next, .carousel-control-prev {
  color: #F69729;
}*/

/* Carousel Text & Images*/
.carousel-inner{
  /*height: 550px; !important*/
}

.carousel-item {
  height: 100%;
}
.carousel-caption.more h4 {
  color: white;
}

.carousel-caption.more a {
  text-decoration: : none;
}

.carousel-caption.more a:hover {
  text-decoration: none;
}

.carousel-caption.more {
  max-width: 100%;
  top: 0;
  bottom: 0; 
  margin: 0;
  padding: 0;
  /*top: 475px;*/
  top: 75%;
  cursor: pointer;
  transition: all 1s;
  -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
/*  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  -o-transform: translateY(-20%);
  transform: translateY(-20%);*/
}

.carousel-caption.more i{
  display: none;
  color: white;
  cursor: pointer;
  transition: all 1s;
  -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}

.carousel-caption.more:hover i{
  display: block;
}

.carousel-caption.more:hover {
  /*top: 440px;*/
  top: 70%;
}

.carousel-caption.title {
  max-width: 100%;
  top: 0;
  bottom: 0; 
  margin: 0;
  padding: 0;
  /*top: 185px;*/
  top: 35%;
/*  -webkit-transform: translateY(-70%);
  -moz-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  -o-transform: translateY(-70%);
  transform: translateY(-70%);*/
}

#carouselControls a.carousel-control-prev div {
  border: 2px solid #FFF;
  padding: 10px 10px 3px 10px;
}

#carouselControls a.carousel-control-next div {
  border: 2px solid #FFF;
  padding: 10px 10px 3px 10px;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}


.carousel-indicators .active {
  background-color: #FFF;
}

body {
  margin: 0;
  padding: 0;
}

section {
  width: 100%;
  height: 100%;
  /*height: 100vh;*/
}

.content-img{
      max-width: 100%;
  }

/*.footer {
  
  background-color: red;
  color: white;
  text-align: center;
}*/


/* Media Queries */
@media only screen and (min-width: 1500px) {
  .carousel-inner{
    /*height: 700px; !important*/
  }

  /* .carousel-caption.title img {
    width: 35%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .cyberark {
    width: 35%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  } */

  .carousel-caption.more {
    top: 75%;
  }

  .carousel-caption.more:hover {
    top: 70%;
  }

  .carousel-caption.title {
    top: 35%;
  }
}

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

  .loader {
    background-size: 7%;
  }

  /* .carousel-caption.title img {
    width: 20%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .cyberark {
    width: 20%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  } */

  .carousel-caption.more {
    top: 85%;
  }

  .carousel-caption.more:hover {
    top: 78%;
  }

  .carousel-caption.title {
    top: 30%;
  }
}


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

  .loader {
    background-size: 7%;
  }

  .carousel-inner{
    /*height: 450px; !important*/
  }

  /* .carousel-caption.title img {
    width: 20%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .cyberark {
    width: 20%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  } */

  .carousel-caption.more {
    top: 80%;
  }

/*  .carousel-caption.more:hover {
    top: 73%;
  }*/

  .carousel-caption.more:hover {
    top: 80%;
  }
  
  .carousel-caption.more:hover i{
    display: none;
  }

  .carousel-caption.title {
    top: 25%;
  }
}

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

  .loader {
    background-size: 8%;
  }

  /* .carousel-caption.title img {
    width: 30%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  } */

  .cyberark {
    width: 20%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

 section.section1 {
    margin: 125px 0;
  }

  section.section2 {
    padding: 75px 0;
  }

  /* .carousel-caption.title img {
    width: 30%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .cyberark {
    width: 20%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  } */

  .carousel-inner{
    /*height: 350px; !important*/
  }

  .carousel-caption.more {
    top: 80%;
  }

/*  .carousel-caption.more:hover {
    top: 73%;
  }*/

  .carousel-caption.more:hover {
    top: 80%;
  }
  
  .carousel-caption.more:hover i{
    display: none;
  }

  .carousel-caption.title {
    top: 35%;
  }
}


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

  .loader {
    background-size: 10%;
  }

  .carousel-caption.title h5 {
      display: none;
  }

  section.section1 {
    margin: 75px 0;
  }

  section.section2 {
    padding: 50px 0;
  }

  /* .carousel-caption.title img {
    width: 30%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  } */

  .cyberark {
    width: 25%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .carousel-inner{
    /*height: 250px; !important*/
  }

  .carousel-caption.more {
    top: 75%;
  }

/*  .carousel-caption.more:hover {
    top: 68%;
  }*/

  .carousel-caption.more:hover {
    top: 75%;
  }
  
  .carousel-caption.more:hover i{
    display: none;
  }

  .carousel-caption.title {
    top: 35%;
  }
}

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

  .loader {
    background-size: 10%;
  }

  .carousel-caption.title h5 {
      display: none;
  }

  /* .carousel-caption.title img {
    width: 35%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  } */

  .cyberark {
    width: 30%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  section.section1 {
    margin: 50px 0;
  }

  section.section2 {
    padding: 25px 0;
  }

  .carousel-inner{
    /*height: 225px; !important*/
  }

  .carousel-caption.more {
    top: 75%;
  }

/*  .carousel-caption.more:hover {
    top: 68%;
  }*/

  .carousel-caption.more:hover {
    top: 75%;
  }
  
  .carousel-caption.more:hover i{
    display: none;
  }

  .carousel-caption.title {
    top: 35%;
  }

  #carouselControls a.carousel-control-prev div {
    border: 2px solid #FFF;
    padding: 5px 5px 0px 5px; 
  }

  #carouselControls a.carousel-control-next div {
    border: 2px solid #FFF;
    padding: 5px 5px 0px 5px; 
  }

  .carousel-control-prev-icon {
    padding: 5px 5px 0px 5px; 
  }

  .carousel-control-next-icon {
    padding: 5px 5px 0px 5px; 
  }
}

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

  .loader {
    background-size: 15%;
  }

  .carousel-caption.title h5 {
      display: none;
  }

  /* .carousel-caption.title img {
    width: 35%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  } */

  .cyberark {
    width: 30%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  section.section1 {
    margin: 100px 0;
  }

  section.section2 {
    padding: 50px 0;
  }

  .carousel-caption.title p {
    display: none;
  }

  .carousel-inner{
    /*height: 185px; !important*/
  }

  .carousel-caption.more {
    top: 75%;
  }

/*  .carousel-caption.more:hover {
    top: 68%;
  }*/

  .carousel-caption.more:hover {
    top: 75%;
  }

  .carousel-caption.more:hover i{
    display: none;
  }

  .carousel-caption.title {
    top: 35%;
  }

  #carouselControls a.carousel-control-prev div {
    border: 2px solid #FFF;
    padding: 3px 3px 0px 3px; 
  }

  #carouselControls a.carousel-control-next div {
    border: 2px solid #FFF;
    padding: 3px 3px 0px 3px; 
  }

  .carousel-control-prev-icon {
     font-size: 5px;
  }

  .carousel-control-next-icon {
     font-size: 5px; 
  }
}


/*@media only screen and (max-width: 1025px) {
  

}

@media only screen and (max-width: 800px) {
  nav.navbar > a > img{
      max-height:35px;
  }

}

@media only screen and (max-width: 599px) {
  nav.navbar > a > img{
      max-height:35px;
  }
}*/

/*@media only screen and (max-width: 500px) {
  nav.navbar > a > img{
      max-height:35px;
  }

  .carousel-caption.title p {
    display: none;
  }
*/
/*  .carousel-caption.title {
    top: 60%;
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
  }*/
/*}*/

/*@media only screen and (max-width: 400px) {
  nav.navbar > a > img{
      max-height:35px;
  }
}*/


/*.carousel-item{*/
   /*height: 92.2vh;*/
   /*height: auto;*/
/*}*/

/*overlay*/
/*.carousel-item:after {
  content:"";
  display:block;
  position:absolute;
  top:150px;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.3);
}*/