.naslov-2 {
  font-family: 'Oswald';
  font-size: 5.35rem;
  text-align: justify;
  }

  section {
  padding-top: 40px;
  padding-bottom:40px;
  }

  .naslov {
  font-family: 'Oswald';
  font-size: 7rem;
  }

  p {
  font-size: 2rem;
  }

  img {
  width: 100%;
  }

  .border-ugao {
  list-style: none;
  }

  #box-2, #box-3, #box-4,#box-5, #box-6, #box-8, #box-7 {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  background-color: white;
  border: 2px solid #5fb244;
  z-index: 0;
  }

  #box-2:before, #box-3:before, #box-4:before, #box-5:before, #box-6:before, #box-7:before, #box-8:before {
  position: absolute;
  content: '';
  top: -4px;
  left: calc(50%);
  transform: translate(-50%,0);
  height: calc(100% + 8px);
  width: calc(100% - 40px);
  background-color: white;
  z-index: -1;
  }

  #box-2:after, #box-3:after, #box-4:after,#box-5:after, #box-6:after, #box-7:after, #box-8:after {
  position: absolute;
  content: '';
  top: 50%;
  left: -4px;
  transform: translate(0%,-50%);
  height: calc(100% - 45px);
  width: calc(100% + 8px);
  background-color: white;
  z-index: -1;
  }

  #naslovna-slika{
  background:url(../../assets/img/asset_3.jpg) no-repeat center;
  background-size:100% auto;
  border:none;
  }



  #slika-2{
  background:url(../../assets/img/asset_4.jpg) no-repeat center;
  background-size:cover;
  border:none;
  height: 550px;
  }

  h1 {
  font-family:'Oswald';
  }

  @media (min-width:992px) {
  #box-1, #box-2, #box-3, #box-5, #box-6, #box-7{
  margin-right: 4%;
  width: 22%;
  }
  #box-8, #box-4 {
  width: 22%;
  }}

  @media (max-width:992px) {
  #box-1, #box-2, #box-3, #box-4, #box-5, #box-6, #box-7, #box-8{
  width: 100%;}}

  #box-1{
  background-color: #5fb244;
  color: white;
  padding: 15px;
  font-family: 'Oswald';
  margin-right: 4%;
  }
  h2 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #5fb244;
  font-weight: 600;
  }

  .hlv-button
  {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  font-family: oswald;
  border-radius: 6px;
  font-weight: 500;
  width: auto;
  height: 40px;
  border: none;
  color: #ffffff;
  font-size: 20px;
  padding: 0 20px;
  cursor: pointer;
  overflow: hidden;
  line-height: 40px;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  background: url("http://hooloovoo.rs/wp-content/uploads/2017/06/button-gradient.png") center center no-repeat #00a139;
  }
  .hlv-button:hover
  {
  background: url("http://hooloovoo.rs/wp-content/uploads/2017/06/button-gradient.png") center center no-repeat #32b44c;
  }
  .hlv-button:active
  {
  background: url("http://hooloovoo.rs/wp-content/uploads/2017/06/button-gradient.png") center center no-repeat #237336;
  }
  /* Button sizes */
  .hlv-button.btn-xs
  {
  height: 24px;
  padding: 0 8px;
  font-size: 10px;
  line-height: 24px;
  }
  .hlv-button.btn-sm
  {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 28px;
  }
  .hlv-button.btn-md
  {
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 32px;
  }
  .hlv-button.btn-lg
  {
  height: 46px;
  padding: 0 20px;
  font-size: 18px;
  line-height: 46px;
  }
  .hlv-button.btn-xl
  {
  height: 54px;
  padding: 0 24px;
  font-size: 22px;
  line-height: 54px;
  }

  .trazimo {
  font-size: 8rem !important;
  margin-bottom: 0 !important;
  }

  .matorog {
  line-height: 15.4rem !important;
  margin-top: 0 !important;
  font-size: 15.4rem !important;
  margin-bottom: 0 !important;
  }

  .engineer {
  font-size: 8rem;
  margin-top: 0;
  }

  .cta-dugme {
  background-color:#8bbf3e;  
  }


  @media (max-width: 992px){
  .col-md-3 {
  width: 100% !important;
  }
  #box-2 h2, #box-3 h2, #box-4 h2, #box-5 h2, #box-6 h2, #box-7 h2, #box-8 h2 {
  text-align: center;
  }
  }






  @media (min-width: 992px){
  #box-5, #box-6, #box-7, #box-8 {
  min-height: 400px;
  }
  #box-2, #box-3, #box-4 {
  min-height: 399px;
  }
  }

  @media (max-width: 992px){
  #box-2, #box-3, #box-4,#box-5, #box-6, #box-8, #box-7 {
  margin-top: 25px;
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  background-color: white;
  border: 2px solid #5fb244;
  z-index: 0;
  }}

  .box-3 img, .box-4 img, .box-6 img, .box-7 img {
  width:80% !important;
  }

  @media (max-width: 992px){
  .box-3 img, .box-4 img, .box-6 img, .box-7 img {
  width:30% !important;
  }
  .box4x2 {padding-top: 0;
  padding-bottom: 0;
  }
  }

  @media (min-width: 992px){
  .box-3{
  padding-top: 10%;
  }}
  @media (min-width: 992px){
  .box-8 img  {
  width: 100%;
  padding-top: 10%;
  }}


  @media (min-width: 992px){
  .box-6 img, .box-7 img {
  width:70% !important;
  }}

  .box4x2 {
  padding-top: 0;
  }

  @media (max-width: 1199px){
  .hidden-text {
  display: none;
  }

  .trazimo {
  text-align: right;
  font-size: 4rem !important;
  margin-bottom: 0 !important;
  }

  .matorog {
  text-align: right;
  line-height: 10rem !important;
  margin-top: 0 !important;
  font-size: 9rem !important;
  margin-bottom: 0 !important;
  }

  .engineer {
  text-align: right;
  font-size: 4rem;
  margin-top: 0;
  }
  }

  @media (min-width: 1199px){
  .show-text {
  display: none;
  }}

  @media screen and (max-width: 1200px) and (min-width: 991px){
  .hidden-text {
  width: 50%;
  float: right;
  }
  .trazimo {
  text-align: left;
  }
  .matorog {
  text-align: left;
  }

  .engineer {
  text-align: left;
  }
  }

  @media (max-width: 1200px){
  .naslov {
  text-align: center;
  }
  }

  @media screen and (max-width: 1200px) and (min-width: 991px){
  #box-5, #box-6, #box-7, #box-8 {
  min-height: 496px;
  }
  #box-2, #box-3, #box-4 {
  min-height: 500px;
  }
  }


  @media (min-width: 992px){
  #footer-dugme {
  width: 25%;
  }

  #footer-logo {
  width: 35%;
  float: right;
  }}



  @media (min-width: 992px){
  #naslovna-text {
  position: relative;
  bottom: 80px;
  }}

  @media (min-width: 992px){
  .cta-dugme {
  background-color: #8bbf3e;
  text-align: center;
  }}

  @media (max-width: 992px){
  #footer-logo {
  margin-top: 40px !important;
  }}

  @media (max-width: 488px){
  .cta-dugme {
  text-align: center !important;
  padding-bottom: 10px;
  padding-top: 10px;
  }}


  @media screen and (max-width: 992px) and (min-width: 488px){
  #cta-dugme-text {
  color:white;
  padding-top:16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 22px;
  text-align: left;
  }
  #cta-dugme-button {
  display: inline-block;
  float: right;
  margin-top: 10px;
  margin-right: 16px;
  }
  }


  @media (max-width: 488px){
  #cta-dugme-text {
  margin-bottom: 0;
  color: white;

  }}

  @media (min-width: 992px){
  .text-class-center {
  text-align: justify;
  }}

  @media (max-width: 991px){
  .text-class-center {
  text-align: center;
  }}

  @media (min-width: 992px){
  .naslov-2 {
  text-align: justify;
  }}

  @media (max-width: 991px){
  .naslov-2 {
  text-align: center;
  }}

  @media (min-width: 992px){
  .podnaslov {
  text-align: left;
  }}

  @media (max-width: 991px){
  .podnaslov {
  text-align: center;
  }}

  @media (max-width: 991px){
  .text-class-center-2 {
  text-align: center;
  }}

  @media (max-width: 991px){
  .text-class-center-2 {
  text-align: center;
  }}

  @media (min-width: 992px){
  .text-class-center-3 {
  text-align: justify;
  font-size: 2.93rem;
  line-height: 4rem;
  }}

  @media (max-width: 991px){
  .text-class-center-3 {
  text-align: center;
  font-size: 2.5rem;
  line-height: 3.2rem;
  }}

  @media (max-width: 991px){
  .button-slika {
  width: 50%;
  }
  #footer-dugme {
  text-align: center;
  }
  }

  @media (max-width: 992px){
  .box-8 img {
  width: 60% !important;
  }}

  .bs-slider .bs-slider-overlay {
  background-color: rgba(0, 0, 0, 0) !important;
  }

  .slide-text {
  left: 0;
  top: 5% !important;
  }



  .slide-text > h1 {
  padding: 0;
  color: #333 !important;
  }

  .hidden-text {
  width: 50%;
  float: right;
  }

  .indicators-line > .carousel-indicators {
  display: none;}

  .logo {
  background: transparent;
  position: absolute;
  z-index: 999;
  }

  .logo img {
  width: 100%;

  }


.naslov {
  margin-top: 0!important;
}

  @media (min-width: 1920px){
  #second-slide {
  padding-left: 20%;
  padding-top: 5%;
  }

  #second-slide > h1 {
  padding:0;
  font-size:8em;
  font-style:normal;
  line-height:75px;
  margin-bottom:30px;
  letter-spacing:1px;
  display:inline-block;
  }

  .logo {
  left:1%!important;
  top:40px;
  }

  .logo img {
  width: 100%;
  }
  .hidden-text {
  width: 100%;
  float: right;
  }

  .hidden-text p {
    font-size: 1.7rem
  }

  .gornji {
  float: right;
  width: 36%;
  left:50%!important;
  top:5%!important;
  }

    .slide-text {
    padding: 10px 5%!important;
  }

  }

  @media screen and (min-width: 1600px) and (max-width: 1919px){
  #second-slide {
  padding-left: 14%;
  padding-top: 5%;
  }

  .logo {
  left:2%;
  top:40px;
  }

  .logo img {
  width: 100%;
  }
  .hidden-text {
  width: 100%;
  float: right;
  }

  .gornji {
  float: right;
  width: 45%;
  left:45%!important;
  top:5%!important;
  }

    .slide-text {
    padding: 10px 6%!important;
  }

 .hidden-text p {
    font-size: 1.7rem
  }



  }


  @media screen and (min-width: 1366px) and (max-width: 1599px){
  #second-slide {
  padding-left: 8%;
  padding-top: 3%;
  }

  .logo {
  left:2%;
  top:30px;
  }

  .logo img {
  width: 100%;
  }
  .hidden-text {
  width: 100%;
  float: right;
  }

  .gornji {
  float: right;
  width: 50%;
  left:45%!important;
  top:15%!important;
  }

  .slide-text {
    padding: 10px 6%!important;
  }

 .hidden-text p {
    font-size: 1.7rem
  }

  .trazimo {
  font-size: 6rem!important;
  line-height: 4rem!important;
  }

  .matorog {
  font-size: 11rem !important;
  line-height: 11rem!important;

  }

  .engineer {
  font-size: 6rem!important;
  line-height: 6rem!important;
  }



  }

  @media screen and (min-width: 1200px) and (max-width: 1365px){
  #second-slide {
  padding-left: 2%;
  padding-top: 1%;
  }


  .logo {
  left:2%;
  top:20px;
  }

  .logo img {
  width: 100%;
  }
  .hidden-text {
  width: 100%;
  float: right;
  }

 .hidden-text p {
    font-size: 1.6rem!important;
    line-height:2.2rem!important;
  }

  .gornji {
  float: right;
  width: 55%;
  left:45%!important;
  top:4%!important;
  }

  .trazimo {
  font-size: 5rem!important;
  line-height: 4rem!important;
  }

  .matorog {
  font-size: 10rem !important;
  line-height: 11rem!important;

  }

  .engineer {
  font-size: 5rem!important;
  line-height: 6rem!important;
  }

  .slide-text {
    padding: 10px 8%!important;
  }


  }


/*  @media screen and (max-width: 1199px) {
  .gornji {
  text-align: right!important;
  float: none!important;
  }
  }*/


  @media screen and (min-width: 992px) and (max-width: 1199px){
  #second-slide {
  padding-left: 2%;
  padding-top: 1%;
  }

  #second-slide > h1 {
  padding:0;
  font-size:6em;
  font-style:normal;
  line-height:50px;
  letter-spacing:1px;
  display:inline-block;
  }


  .trazimo {
  font-size: 7rem!important;
  }


  .engineer {
  font-size: 6.5rem!important;
  }

  .logo img {
  width: 31%;
  }

 .logo {
  text-align: right!important;
  width:100%;
  top:33px;
  right:16%;
  }

  .slide-text {
    top:15%!important;
    padding: 10px 8%!important;
  }


  .gornji {
  float: right;
  width: 60%;
  left:45%!important;
  top:17%!important;
  }

  }


  @media screen and (min-width: 600px) and (max-width: 991px){
  #second-slide {
  padding-left: 2%;
  padding-top: 1%;
  }

  #second-slide > h1 {
  padding:0;
  font-size:4em;
  font-style:normal;
  line-height:10px;
  margin-bottom:30px;
  letter-spacing:1px;
  display:inline-block;
  }


  .trazimo {
  font-size: 4rem!important;

  }

  .matorog {
  font-size: 6rem !important;
  line-height: 7rem!important;
  }


  .engineer {
  font-size: 4rem!important;
  }

  .logo img {
  width: 37%;
  }

  .logo {
  text-align: right!important;
  width:100%;
    top:15px;
  right:10%;
  }

  .slide-text {
   padding: 10px 8%!important;
  }


  .gornji {
  float: right;
  width: 63%;
  left:45%!important;
  top:17%!important;
  }

  }

  @media screen and (min-width: 769px) and (max-width: 991px){

.logo {
  right: 9%!important;
}

  }


  @media screen and (min-width: 300px) and (max-width: 599px){
  #second-slide {
  padding-left: 2%;
  padding-top: 2%;
  }

  #second-slide > h1 {
  padding:0;
  font-size:2em;
  font-style:normal;
  line-height:24px!important;
  letter-spacing:1px;
  display:inline-block;
  margin: 0;
  }

  .logo img {
  width: 37%!important;
  }

  .logo {
  padding-top: 10px!important;
  padding-right: 15%!important;
  text-align: right!important;
width: 100%!important
  }

  .trazimo {
  font-size: 2rem!important;
  }

  .matorog {
  font-size: 3rem !important;
  line-height: 2rem!important;
  }


  .engineer {
  line-height: 1.8rem!important;
  font-size: 1.7rem!important;
  text-align: left!important
  }

  .naslov {
  font-size: 5.35rem;
  margin: 0;
  }

  .slide-text {
  /*top:15%!important;*/
     padding: 10px 8%!important;
  }

  .gornji {
  float: right;
  width: 60%;
  left:45%!important;
  top:17%!important;
  }


  }


  @media screen and (max-width: 299px){
  #second-slide {
  padding-left: 11%;
  padding-top: 1%;
  }

  #second-slide > h1 {
  padding:0;
  font-size:1.5em;
  font-style:normal;
  line-height:29px;
  letter-spacing:1px;
  display:inline-block;
  margin: 0
  }

  .logo img {
  width: 30%!important;
  }

  .logo {
  padding-top: 10px!important;
  padding-right: 23%!important;
  text-align: right!important;
width: 100%!important
  }

  .trazimo {
  font-size: 1.8rem!important;
  }

  .matorog {
  font-size: 2.8rem !important;
  line-height: 2.5rem!important;
  }


  .engineer {
  line-height: 1.5rem!important;
  font-size: 1.7rem!important;
  }

  .naslov {
  font-size: 4rem;
  }

  .slide-text {
  /*top:15%!important;*/
     padding: 10px 8%!important;
  }


  .gornji {
  float: right;
  width: 60%;
  left:45%!important;
  top:17%!important;
  }

  }

/*slider 0*/

.bs-slider {
  overflow:hidden;
  max-height:700px;
  position:relative;
}

.bs-slider:hover {
  cursor:-moz-grab;
  cursor:-webkit-grab;
}

.bs-slider:active {
  cursor:-moz-grabbing;
  cursor:-webkit-grabbing;
}

.bs-slider .bs-slider-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.40);
}

.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
  margin:auto;
  width:100% !important;
}

.control-round .carousel-control {
  top:47%;
  opacity:0;
  width:45px;
  height:45px;
  z-index:100;
  color:#ffffff;
  display:block;
  font-size:24px;
  cursor:pointer;
  overflow:hidden;
  line-height:43px;
  text-shadow:none;
  position:absolute;
  font-weight:normal;
  background:transparent;
  -webkit-border-radius:100px;
  border-radius:100px;
}

.control-round:hover .carousel-control {
  opacity:1;
}

.control-round .carousel-control.left {
  left:1%;
}

.control-round .carousel-control.right {
  right:1%;
}

.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover {
  color:#fdfdfd;
  background:rgba(0, 0, 0, 0.5);
  border:0px transparent;
}

.control-round .carousel-control.left > span:nth-child(1) {
  left:45%;
}

.control-round .carousel-control.right > span:nth-child(1) {
  right:45%;
}

.indicators-line > .carousel-indicators {
  right:45%;
  bottom:3%;
  left:auto;
  width:90%;
  height:20px;
  font-size:0;
  overflow-x:auto;
  text-align:right;
  overflow-y:hidden;
  padding-left:10px;
  padding-right:10px;
  padding-top:1px;
  white-space:nowrap;
}

.indicators-line > .carousel-indicators li {
  padding:0;
  width:15px;
  height:15px;
  border:1px solid rgb(158, 158, 158);
  text-indent:0;
  overflow:hidden;
  text-align:left;
  position:relative;
  letter-spacing:1px;
  background:rgb(158, 158, 158);
  -webkit-font-smoothing:antialiased;
  -webkit-border-radius:50%;
  border-radius:50%;
  margin-right:5px;
  -webkit-transition:all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition:all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  z-index:10;
  cursor:pointer;
}

.indicators-line > .carousel-indicators li:last-child {
  margin-right:0;
}

.indicators-line > .carousel-indicators .active {
  margin:1px 5px 1px 1px;
  box-shadow:0 0 0 2px #fff;
  background-color:transparent;
  position:relative;
  -webkit-transition:box-shadow 0.3s ease;
  -moz-transition:box-shadow 0.3s ease;
  -o-transition:box-shadow 0.3s ease;
  transition:box-shadow 0.3s ease;
  -webkit-transition:background-color 0.3s ease;
  -moz-transition:background-color 0.3s ease;
  -o-transition:background-color 0.3s ease;
  transition:background-color 0.3s ease;
}

.indicators-line > .carousel-indicators .active:before {
  transform:scale(0.5);
  background-color:#fff;
  content:"";
  position:absolute;
  left:-1px;
  top:-1px;
  width:15px;
  height:15px;
  border-radius:50%;
  -webkit-transition:background-color 0.3s ease;
  -moz-transition:background-color 0.3s ease;
  -o-transition:background-color 0.3s ease;
  transition:background-color 0.3s ease;
}

.slide_style_left {
  text-align:left;
}

.slide_style_right {
  text-align:right !important;
}

.slide_style_center {
  text-align:center !important;
}

.slide-text {
  left:0;
  top:25%;
  right:0;
  margin:auto;
  padding:10px;
  position:absolute;
  text-align:left;
  padding:10px 85px;
}

.slide-text > h1 {
  padding:0;
  color:#ffffff;
  font-size:70px;
  font-style:normal;
  line-height:84px;
  margin-bottom:30px;
  letter-spacing:1px;
  display:inline-block;
  -webkit-animation-delay:0.7s;
  animation-delay:0.7s;
}

.slide-text > p {
  padding:0;
  color:#ffffff;
  font-size:20px;
  line-height:24px;
  font-weight:300;
  margin-bottom:40px;
  letter-spacing:1px;
  -webkit-animation-delay:1.1s;
  animation-delay:1.1s;
}

.slide-text > a.btn-default {
  color:#000;
  font-weight:400;
  font-size:13px;
  line-height:15px;
  margin-right:10px;
  text-align:center;
  padding:17px 30px;
  white-space:nowrap;
  letter-spacing:1px;
  display:inline-block;
  border:none;
  text-transform:uppercase;
  -webkit-animation-delay:2s;
  animation-delay:2s;
  -webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.slide-text > a.btn-primary {
  color:#ffffff;
  cursor:pointer;
  font-weight:400;
  font-size:13px;
  line-height:15px;
  margin-left:10px;
  text-align:center;
  padding:17px 30px;
  white-space:nowrap;
  letter-spacing:1px;
  background:#00bfff;
  display:inline-block;
  text-decoration:none;
  text-transform:uppercase;
  border:none;
  -webkit-animation-delay:2s;
  animation-delay:2s;
  -webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.slide-text > a:hover, .slide-text > a:active {
  color:#ffffff;
  background:#222222;
  -webkit-transition:background 0.5s ease-in-out, color 0.5s ease-in-out;
  transition:background 0.5s ease-in-out, color 0.5s ease-in-out;
}

@media (max-width: 991px) {
  .slide-text h1 {
    font-size:40px;
    line-height:50px;
    margin-bottom:20px;
  }
}

@media (max-width: 991px) {
  .slide-text > p {
    font-size:18px;
  }
}

@media (max-width: 768px) {
  .slide-text {
    padding:10px 50px;
  }
}

@media (max-width: 768px) {
  .slide-text h1 {
    font-size:30px;
    line-height:40px;
    margin-bottom:10px;
  }
}

@media (max-width: 768px) {
  .slide-text > p {
    font-size:14px;
    line-height:20px;
    margin-bottom:20px;
  }
}

@media (max-width: 768px) {
  .control-round .carousel-control {
    display:none;
  }
}

@media (max-width: 480px) {
  .slide-text {
    padding:10px 30px;
  }
}

@media (max-width: 480px) {
  .slide-text h1 {
    font-size:20px;
    line-height:25px;
    margin-bottom:5px;
  }
}

@media (max-width: 480px) {
  .slide-text > p {
    font-size:12px;
    line-height:18px;
    margin-bottom:10px;
  }
}

@media (max-width: 480px) {
  .slide-text > a.btn-default, .slide-text > a.btn-primary {
    font-size:10px;
    line-height:10px;
    margin-right:10px;
    text-align:center;
    padding:10px 15px;
  }
}

@media (max-width: 480px) {
  .indicators-line > .carousel-indicators {
    display:none;
  }
}



/*slider 0 end*/

/*slider 1 */

.animated {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}

.animated.infinite {
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
}

.animated.hinge {
  -webkit-animation-duration:2s;
  animation-duration:2s;
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration:.75s;
  animation-duration:.75s;
}

@keyframes bounce {
  0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
    animation-timing-function:cubic-bezier(.215,.61,.355,1);
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
  40%, 43% {
    -webkit-transform:translate3d(0,-30px,0);
    transform:translate3d(0,-30px,0);
  }
  40%, 43%, 70% {
    -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
    animation-timing-function:cubic-bezier(.755,.05,.855,.06);
  }
  70% {
    -webkit-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0);
  }
  90% {
    -webkit-transform:translate3d(0,-4px,0);
    transform:translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name:bounce;
  animation-name:bounce;
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom;
}

@keyframes flash {
  0%, 50%, to {
    opacity:1;
  }
  25%, 75% {
    opacity:0;
  }
}

.flash {
  -webkit-animation-name:flash;
  animation-name:flash;
}

@keyframes pulse {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
  }
  50% {
    -webkit-transform:scale3d(1.05,1.05,1.05);
    transform:scale3d(1.05,1.05,1.05);
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
  }
}

.pulse {
  -webkit-animation-name:pulse;
  animation-name:pulse;
}

@keyframes rubberBand {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
  }
  30% {
    -webkit-transform:scale3d(1.25,.75,1);
    transform:scale3d(1.25,.75,1);
  }
  40% {
    -webkit-transform:scale3d(.75,1.25,1);
    transform:scale3d(.75,1.25,1);
  }
  50% {
    -webkit-transform:scale3d(1.15,.85,1);
    transform:scale3d(1.15,.85,1);
  }
  65% {
    -webkit-transform:scale3d(.95,1.05,1);
    transform:scale3d(.95,1.05,1);
  }
  75% {
    -webkit-transform:scale3d(1.05,.95,1);
    transform:scale3d(1.05,.95,1);
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
  }
}

.rubberBand {
  -webkit-animation-name:rubberBand;
  animation-name:rubberBand;
}

@keyframes shake {
  0%, to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0);
  }
}

.shake {
  -webkit-animation-name:shake;
  animation-name:shake;
}

@keyframes headShake {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
  6.5% {
    -webkit-transform:translateX(-6px) rotateY(-9deg);
    transform:translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform:translateX(5px) rotateY(7deg);
    transform:translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform:translateX(-3px) rotateY(-5deg);
    transform:translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform:translateX(2px) rotateY(3deg);
    transform:translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-name:headShake;
  animation-name:headShake;
}

@keyframes swing {
  20% {
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
  }
  40% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg);
  }
  60% {
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }
  80% {
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin:top center;
  transform-origin:top center;
  -webkit-animation-name:swing;
  animation-name:swing;
}

@keyframes tada {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
  }
  10%, 20% {
    -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
    transform:scale3d(.9,.9,.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
    transform:scale3d(1.1,1.1,1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
    transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
  }
}

.tada {
  -webkit-animation-name:tada;
  animation-name:tada;
}

@keyframes wobble {
  0% {
    -webkit-transform:none;
    transform:none;
  }
  15% {
    -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
    transform:translate3d(-25%,0,0) rotate(-5deg);
  }
  30% {
    -webkit-transform:translate3d(20%,0,0) rotate(3deg);
    transform:translate3d(20%,0,0) rotate(3deg);
  }
  45% {
    -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
    transform:translate3d(-15%,0,0) rotate(-3deg);
  }
  60% {
    -webkit-transform:translate3d(10%,0,0) rotate(2deg);
    transform:translate3d(10%,0,0) rotate(2deg);
  }
  75% {
    -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
    transform:translate3d(-5%,0,0) rotate(-1deg);
  }
  to {
    -webkit-transform:none;
    transform:none;
  }
}

.wobble {
  -webkit-animation-name:wobble;
  animation-name:wobble;
}

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform:none;
    transform:none;
  }
  22.2% {
    -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
    transform:skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform:skewX(6.25deg) skewY(6.25deg);
    transform:skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
    transform:skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
    transform:skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
    transform:skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform:skewX(.390625deg) skewY(.390625deg);
    transform:skewX(.390625deg) skewY(.390625deg);
  }
  88.8% {
    -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
    transform:skewX(-.1953125deg) skewY(-.1953125deg);
  }
}

.jello {
  -webkit-animation-name:jello;
  animation-name:jello;
  -webkit-transform-origin:center;
  transform-origin:center;
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
    animation-timing-function:cubic-bezier(.215,.61,.355,1);
  }
  0% {
    opacity:0;
    -webkit-transform:scale3d(.3,.3,.3);
    transform:scale3d(.3,.3,.3);
  }
  20% {
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1);
  }
  40% {
    -webkit-transform:scale3d(.9,.9,.9);
    transform:scale3d(.9,.9,.9);
  }
  60% {
    opacity:1;
    -webkit-transform:scale3d(1.03,1.03,1.03);
    transform:scale3d(1.03,1.03,1.03);
  }
  80% {
    -webkit-transform:scale3d(.97,.97,.97);
    transform:scale3d(.97,.97,.97);
  }
  to {
    opacity:1;
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
  }
}

.bounceIn {
  -webkit-animation-name:bounceIn;
  animation-name:bounceIn;
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
    animation-timing-function:cubic-bezier(.215,.61,.355,1);
  }
  0% {
    opacity:0;
    -webkit-transform:translate3d(0,-3000px,0);
    transform:translate3d(0,-3000px,0);
  }
  60% {
    opacity:1;
    -webkit-transform:translate3d(0,25px,0);
    transform:translate3d(0,25px,0);
  }
  75% {
    -webkit-transform:translate3d(0,-10px,0);
    transform:translate3d(0,-10px,0);
  }
  90% {
    -webkit-transform:translate3d(0,5px,0);
    transform:translate3d(0,5px,0);
  }
  to {
    -webkit-transform:none;
    transform:none;
  }
}

.bounceInDown {
  -webkit-animation-name:bounceInDown;
  animation-name:bounceInDown;
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
    animation-timing-function:cubic-bezier(.215,.61,.355,1);
  }
  0% {
    opacity:0;
    -webkit-transform:translate3d(-3000px,0,0);
    transform:translate3d(-3000px,0,0);
  }
  60% {
    opacity:1;
    -webkit-transform:translate3d(25px,0,0);
    transform:translate3d(25px,0,0);
  }
  75% {
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0);
  }
  90% {
    -webkit-transform:translate3d(5px,0,0);
    transform:translate3d(5px,0,0);
  }
  to {
    -webkit-transform:none;
    transform:none;
  }
}

.bounceInLeft {
  -webkit-animation-name:bounceInLeft;
  animation-name:bounceInLeft;
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
    animation-timing-function:cubic-bezier(.215,.61,.355,1);
  }
  0% {
    opacity:0;
    -webkit-transform:translate3d(3000px,0,0);
    transform:translate3d(3000px,0,0);
  }
  60% {
    opacity:1;
    -webkit-transform:translate3d(-25px,0,0);
    transform:translate3d(-25px,0,0);
  }
  75% {
    -webkit-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0);
  }
  90% {
    -webkit-transform:translate3d(-5px,0,0);
    transform:translate3d(-5px,0,0);
  }
  to {
    -webkit-transform:none;
    transform:none;
  }
}

.bounceInRight {
  -webkit-animation-name:bounceInRight;
  animation-name:bounceInRight;
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
    animation-timing-function:cubic-bezier(.215,.61,.355,1);
  }
  0% {
    opacity:0;
    -webkit-transform:translate3d(0,3000px,0);
    transform:translate3d(0,3000px,0);
  }
  60% {
    opacity:1;
    -webkit-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0);
  }
  75% {
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0);
  }
  90% {
    -webkit-transform:translate3d(0,-5px,0);
    transform:translate3d(0,-5px,0);
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}

.bounceInUp {
  -webkit-animation-name:bounceInUp;
  animation-name:bounceInUp;
}

@keyframes bounceOut {
  20% {
    -webkit-transform:scale3d(.9,.9,.9);
    transform:scale3d(.9,.9,.9);
  }
  50%, 55% {
    opacity:1;
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1);
  }
  to {
    opacity:0;
    -webkit-transform:scale3d(.3,.3,.3);
    transform:scale3d(.3,.3,.3);
  }
}

.bounceOut {
  -webkit-animation-name:bounceOut;
  animation-name:bounceOut;
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0);
  }
  40%, 45% {
    opacity:1;
    -webkit-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0);
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(0,2000px,0);
    transform:translate3d(0,2000px,0);
  }
}

.bounceOutDown {
  -webkit-animation-name:bounceOutDown;
  animation-name:bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity:1;
    -webkit-transform:translate3d(20px,0,0);
    transform:translate3d(20px,0,0);
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(-2000px,0,0);
    transform:translate3d(-2000px,0,0);
  }
}

.bounceOutLeft {
  -webkit-animation-name:bounceOutLeft;
  animation-name:bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity:1;
    -webkit-transform:translate3d(-20px,0,0);
    transform:translate3d(-20px,0,0);
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0);
  }
}

.bounceOutRight {
  -webkit-animation-name:bounceOutRight;
  animation-name:bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform:translate3d(0,-10px,0);
    transform:translate3d(0,-10px,0);
  }
  40%, 45% {
    opacity:1;
    -webkit-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0);
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(0,-2000px,0);
    transform:translate3d(0,-2000px,0);
  }
}

.bounceOutUp {
  -webkit-animation-name:bounceOutUp;
  animation-name:bounceOutUp;
}

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

.fadeIn {
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn;
}

@keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0);
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.fadeInDown {
  -webkit-animation-name:fadeInDown;
  animation-name:fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0,-2000px,0);
    transform:translate3d(0,-2000px,0);
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.fadeInDownBig {
  -webkit-animation-name:fadeInDownBig;
  animation-name:fadeInDownBig;
}

@keyframes fadeInLeft {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0);
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.fadeInLeft {
  -webkit-animation-name:fadeInLeft;
  animation-name:fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-2000px,0,0);
    transform:translate3d(-2000px,0,0);
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name:fadeInLeftBig;
  animation-name:fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.fadeInRight {
  -webkit-animation-name:fadeInRight;
  animation-name:fadeInRight;
}

@keyframes fadeInRightBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0);
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.fadeInRightBig {
  -webkit-animation-name:fadeInRightBig;
  animation-name:fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.fadeInUp {
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0,2000px,0);
    transform:translate3d(0,2000px,0);
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.fadeInUpBig {
  -webkit-animation-name:fadeInUpBig;
  animation-name:fadeInUpBig;
}

@keyframes fadeOut {
  0% {
    opacity:1;
  }
  to {
    opacity:0;
  }
}

.fadeOut {
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut;
}

@keyframes fadeOutDown {
  0% {
    opacity:1;
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
  }
}

.fadeOutDown {
  -webkit-animation-name:fadeOutDown;
  animation-name:fadeOutDown;
}

@keyframes fadeOutDownBig {
  0% {
    opacity:1;
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(0,2000px,0);
    transform:translate3d(0,2000px,0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name:fadeOutDownBig;
  animation-name:fadeOutDownBig;
}

@keyframes fadeOutLeft {
  0% {
    opacity:1;
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0);
  }
}

.fadeOutLeft {
  -webkit-animation-name:fadeOutLeft;
  animation-name:fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity:1;
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(-2000px,0,0);
    transform:translate3d(-2000px,0,0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name:fadeOutLeftBig;
  animation-name:fadeOutLeftBig;
}

@keyframes fadeOutRight {
  0% {
    opacity:1;
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
}

.fadeOutRight {
  -webkit-animation-name:fadeOutRight;
  animation-name:fadeOutRight;
}

@keyframes fadeOutRightBig {
  0% {
    opacity:1;
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(2000px,0,0);
    transform:translate3d(2000px,0,0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name:fadeOutRightBig;
  animation-name:fadeOutRightBig;
}

@keyframes fadeOutUp {
  0% {
    opacity:1;
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0);
  }
}

.fadeOutUp {
  -webkit-animation-name:fadeOutUp;
  animation-name:fadeOutUp;
}

@keyframes fadeOutUpBig {
  0% {
    opacity:1;
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(0,-2000px,0);
    transform:translate3d(0,-2000px,0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name:fadeOutUpBig;
  animation-name:fadeOutUpBig;
}

@keyframes flip {
  0% {
    -webkit-transform:perspective(400px) rotateY(-1turn);
    transform:perspective(400px) rotateY(-1turn);
  }
  0%, 40% {
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
  }
  40% {
    -webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
    transform:perspective(400px) translateZ(150px) rotateY(-190deg);
  }
  50% {
    -webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
    transform:perspective(400px) translateZ(150px) rotateY(-170deg);
  }
  50%, 80% {
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
  }
  80% {
    -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
    transform:perspective(400px) scale3d(.95,.95,.95);
  }
  to {
    -webkit-transform:perspective(400px);
    transform:perspective(400px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility:visible;
  backface-visibility:visible;
  -webkit-animation-name:flip;
  animation-name:flip;
}

@keyframes flipInX {
  0% {
    -webkit-transform:perspective(400px) rotateX(90deg);
    transform:perspective(400px) rotateX(90deg);
    opacity:0;
  }
  0%, 40% {
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
  }
  40% {
    -webkit-transform:perspective(400px) rotateX(-20deg);
    transform:perspective(400px) rotateX(-20deg);
  }
  60% {
    -webkit-transform:perspective(400px) rotateX(10deg);
    transform:perspective(400px) rotateX(10deg);
    opacity:1;
  }
  80% {
    -webkit-transform:perspective(400px) rotateX(-5deg);
    transform:perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform:perspective(400px);
    transform:perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important;
  -webkit-animation-name:flipInX;
  animation-name:flipInX;
}

@keyframes flipInY {
  0% {
    -webkit-transform:perspective(400px) rotateY(90deg);
    transform:perspective(400px) rotateY(90deg);
    opacity:0;
  }
  0%, 40% {
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
  }
  40% {
    -webkit-transform:perspective(400px) rotateY(-20deg);
    transform:perspective(400px) rotateY(-20deg);
  }
  60% {
    -webkit-transform:perspective(400px) rotateY(10deg);
    transform:perspective(400px) rotateY(10deg);
    opacity:1;
  }
  80% {
    -webkit-transform:perspective(400px) rotateY(-5deg);
    transform:perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform:perspective(400px);
    transform:perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important;
  -webkit-animation-name:flipInY;
  animation-name:flipInY;
}

@keyframes flipOutX {
  0% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px);
  }
  30% {
    -webkit-transform:perspective(400px) rotateX(-20deg);
    transform:perspective(400px) rotateX(-20deg);
    opacity:1;
  }
  to {
    -webkit-transform:perspective(400px) rotateX(90deg);
    transform:perspective(400px) rotateX(90deg);
    opacity:0;
  }
}

.flipOutX {
  -webkit-animation-name:flipOutX;
  animation-name:flipOutX;
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important;
}

@keyframes flipOutY {
  0% {
    -webkit-transform:perspective(400px);
    transform:perspective(400px);
  }
  30% {
    -webkit-transform:perspective(400px) rotateY(-15deg);
    transform:perspective(400px) rotateY(-15deg);
    opacity:1;
  }
  to {
    -webkit-transform:perspective(400px) rotateY(90deg);
    transform:perspective(400px) rotateY(90deg);
    opacity:0;
  }
}

.flipOutY {
  -webkit-backface-visibility:visible!important;
  backface-visibility:visible!important;
  -webkit-animation-name:flipOutY;
  animation-name:flipOutY;
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
    transform:translate3d(100%,0,0) skewX(-30deg);
    opacity:0;
  }
  60% {
    -webkit-transform:skewX(20deg);
    transform:skewX(20deg);
  }
  60%, 80% {
    opacity:1;
  }
  80% {
    -webkit-transform:skewX(-5deg);
    transform:skewX(-5deg);
  }
  to {
    -webkit-transform:none;
    transform:none;
    opacity:1;
  }
}

.lightSpeedIn {
  -webkit-animation-name:lightSpeedIn;
  animation-name:lightSpeedIn;
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out;
}

@keyframes lightSpeedOut {
  0% {
    opacity:1;
  }
  to {
    -webkit-transform:translate3d(100%,0,0) skewX(30deg);
    transform:translate3d(100%,0,0) skewX(30deg);
    opacity:0;
  }
}

.lightSpeedOut {
  -webkit-animation-name:lightSpeedOut;
  animation-name:lightSpeedOut;
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in;
}

@keyframes rotateIn {
  0% {
    transform-origin:center;
    -webkit-transform:rotate(-200deg);
    transform:rotate(-200deg);
    opacity:0;
  }
  0%, to {
    -webkit-transform-origin:center;
  }
  to {
    transform-origin:center;
    -webkit-transform:none;
    transform:none;
    opacity:1;
  }
}

.rotateIn {
  -webkit-animation-name:rotateIn;
  animation-name:rotateIn;
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin:left bottom;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0;
  }
  0%, to {
    -webkit-transform-origin:left bottom;
  }
  to {
    transform-origin:left bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name:rotateInDownLeft;
  animation-name:rotateInDownLeft;
}

@keyframes rotateInDownRight {
  0% {
    transform-origin:right bottom;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0;
  }
  0%, to {
    -webkit-transform-origin:right bottom;
  }
  to {
    transform-origin:right bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1;
  }
}

.rotateInDownRight {
  -webkit-animation-name:rotateInDownRight;
  animation-name:rotateInDownRight;
}

@keyframes rotateInUpLeft {
  0% {
    transform-origin:left bottom;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0;
  }
  0%, to {
    -webkit-transform-origin:left bottom;
  }
  to {
    transform-origin:left bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name:rotateInUpLeft;
  animation-name:rotateInUpLeft;
}

@keyframes rotateInUpRight {
  0% {
    transform-origin:right bottom;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    opacity:0;
  }
  0%, to {
    -webkit-transform-origin:right bottom;
  }
  to {
    transform-origin:right bottom;
    -webkit-transform:none;
    transform:none;
    opacity:1;
  }
}

.rotateInUpRight {
  -webkit-animation-name:rotateInUpRight;
  animation-name:rotateInUpRight;
}

@keyframes rotateOut {
  0% {
    transform-origin:center;
    opacity:1;
  }
  0%, to {
    -webkit-transform-origin:center;
  }
  to {
    transform-origin:center;
    -webkit-transform:rotate(200deg);
    transform:rotate(200deg);
    opacity:0;
  }
}

.rotateOut {
  -webkit-animation-name:rotateOut;
  animation-name:rotateOut;
}

@keyframes rotateOutDownLeft {
  0% {
    transform-origin:left bottom;
    opacity:1;
  }
  0%, to {
    -webkit-transform-origin:left bottom;
  }
  to {
    transform-origin:left bottom;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name:rotateOutDownLeft;
  animation-name:rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin:right bottom;
    opacity:1;
  }
  0%, to {
    -webkit-transform-origin:right bottom;
  }
  to {
    transform-origin:right bottom;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name:rotateOutDownRight;
  animation-name:rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  0% {
    transform-origin:left bottom;
    opacity:1;
  }
  0%, to {
    -webkit-transform-origin:left bottom;
  }
  to {
    transform-origin:left bottom;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name:rotateOutUpLeft;
  animation-name:rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  0% {
    transform-origin:right bottom;
    opacity:1;
  }
  0%, to {
    -webkit-transform-origin:right bottom;
  }
  to {
    transform-origin:right bottom;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    opacity:0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name:rotateOutUpRight;
  animation-name:rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin:top left;
  }
  0%, 20%, 60% {
    -webkit-transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
  }
  20%, 60% {
    -webkit-transform:rotate(80deg);
    transform:rotate(80deg);
    transform-origin:top left;
  }
  40%, 80% {
    -webkit-transform:rotate(60deg);
    transform:rotate(60deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    opacity:1;
  }
  to {
    -webkit-transform:translate3d(0,700px,0);
    transform:translate3d(0,700px,0);
    opacity:0;
  }
}

.hinge {
  -webkit-animation-name:hinge;
  animation-name:hinge;
}

@keyframes rollIn {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
    transform:translate3d(-100%,0,0) rotate(-120deg);
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.rollIn {
  -webkit-animation-name:rollIn;
  animation-name:rollIn;
}

@keyframes rollOut {
  0% {
    opacity:1;
  }
  to {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0) rotate(120deg);
    transform:translate3d(100%,0,0) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name:rollOut;
  animation-name:rollOut;
}

@keyframes zoomIn {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.3,.3,.3);
    transform:scale3d(.3,.3,.3);
  }
  50% {
    opacity:1;
  }
}

.zoomIn {
  -webkit-animation-name:zoomIn;
  animation-name:zoomIn;
}

@keyframes zoomInDown {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  }
  60% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
    animation-timing-function:cubic-bezier(.175,.885,.32,1);
  }
}

.zoomInDown {
  -webkit-animation-name:zoomInDown;
  animation-name:zoomInDown;
}

@keyframes zoomInLeft {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  }
  60% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
    animation-timing-function:cubic-bezier(.175,.885,.32,1);
  }
}

.zoomInLeft {
  -webkit-animation-name:zoomInLeft;
  animation-name:zoomInLeft;
}

@keyframes zoomInRight {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  }
  60% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
    animation-timing-function:cubic-bezier(.175,.885,.32,1);
  }
}

.zoomInRight {
  -webkit-animation-name:zoomInRight;
  animation-name:zoomInRight;
}

@keyframes zoomInUp {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  }
  60% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
    animation-timing-function:cubic-bezier(.175,.885,.32,1);
  }
}

.zoomInUp {
  -webkit-animation-name:zoomInUp;
  animation-name:zoomInUp;
}

@keyframes zoomOut {
  0% {
    opacity:1;
  }
  50% {
    -webkit-transform:scale3d(.3,.3,.3);
    transform:scale3d(.3,.3,.3);
  }
  50%, to {
    opacity:0;
  }
}

.zoomOut {
  -webkit-animation-name:zoomOut;
  animation-name:zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  }
  to {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
    -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
    animation-timing-function:cubic-bezier(.175,.885,.32,1);
  }
}

.zoomOutDown {
  -webkit-animation-name:zoomOutDown;
  animation-name:zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
    transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
  }
  to {
    opacity:0;
    -webkit-transform:scale(.1) translate3d(-2000px,0,0);
    transform:scale(.1) translate3d(-2000px,0,0);
    -webkit-transform-origin:left center;
    transform-origin:left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name:zoomOutLeft;
  animation-name:zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
    transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
  }
  to {
    opacity:0;
    -webkit-transform:scale(.1) translate3d(2000px,0,0);
    transform:scale(.1) translate3d(2000px,0,0);
    -webkit-transform-origin:right center;
    transform-origin:right center;
  }
}

.zoomOutRight {
  -webkit-animation-name:zoomOutRight;
  animation-name:zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
    animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  }
  to {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
    -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
    animation-timing-function:cubic-bezier(.175,.885,.32,1);
  }
}

.zoomOutUp {
  -webkit-animation-name:zoomOutUp;
  animation-name:zoomOutUp;
}

@keyframes slideInDown {
  0% {
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0);
    visibility:visible;
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}

.slideInDown {
  -webkit-animation-name:slideInDown;
  animation-name:slideInDown;
}

@keyframes slideInLeft {
  0% {
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0);
    visibility:visible;
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}

.slideInLeft {
  -webkit-animation-name:slideInLeft;
  animation-name:slideInLeft;
}

@keyframes slideInRight {
  0% {
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
    visibility:visible;
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}

.slideInRight {
  -webkit-animation-name:slideInRight;
  animation-name:slideInRight;
}

@keyframes slideInUp {
  0% {
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
    visibility:visible;
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}

.slideInUp {
  -webkit-animation-name:slideInUp;
  animation-name:slideInUp;
}

@keyframes slideOutDown {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
  to {
    visibility:hidden;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
  }
}

.slideOutDown {
  -webkit-animation-name:slideOutDown;
  animation-name:slideOutDown;
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
  to {
    visibility:hidden;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0);
  }
}

.slideOutLeft {
  -webkit-animation-name:slideOutLeft;
  animation-name:slideOutLeft;
}

@keyframes slideOutRight {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
  to {
    visibility:hidden;
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
}

.slideOutRight {
  -webkit-animation-name:slideOutRight;
  animation-name:slideOutRight;
}

@keyframes slideOutUp {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
  to {
    visibility:hidden;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0);
  }
}

.slideOutUp {
  -webkit-animation-name:slideOutUp;
  animation-name:slideOutUp;
}



/*slider 1 end*/


/*slider 2 */
.bs-slider {
  overflow:hidden;
  max-height:1200px;
  position:relative;
}

.bs-slider-bottom {
  max-height: 835px;
}

.bs-slider:hover {
  cursor:-moz-grab;
  cursor:-webkit-grab;
}

.bs-slider:active {
  cursor:-moz-grabbing;
  cursor:-webkit-grabbing;
}

.bs-slider .bs-slider-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.40);
}


.bs-slider-bottom .bs-slider-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.40);
}

.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
  margin:auto;
  width:100% !important;
}


.bs-slider-bottom > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
  margin:auto;
  width:100% !important;
}






.fade {
  opacity:1;
}

.fade .item {
  top:0;
  z-index:1;
  opacity:0;
  width:100%;
  position:absolute;
  left:0 !important;
  display:block !important;
  -webkit-transition:opacity ease-in-out 1s;
  -moz-transition:opacity ease-in-out 1s;
  -ms-transition:opacity ease-in-out 1s;
  -o-transition:opacity ease-in-out 1s;
  transition:opacity ease-in-out 1s;
}

.fade .item:first-child {
  top:auto;
  position:relative;
}

.fade .item.active {
  opacity:1;
  z-index:2;
  -webkit-transition:opacity ease-in-out 1s;
  -moz-transition:opacity ease-in-out 1s;
  -ms-transition:opacity ease-in-out 1s;
  -o-transition:opacity ease-in-out 1s;
  transition:opacity ease-in-out 1s;
}

.control-round .carousel-control {
  top:47%;
  opacity:0;
  width:45px;
  height:45px;
  z-index:100;
  color:#ffffff;
  display:block;
  font-size:24px;
  cursor:pointer;
  overflow:hidden;
  line-height:43px;
  text-shadow:none;
  position:absolute;
  font-weight:normal;
  background:transparent;
  -webkit-border-radius:100px;
  border-radius:100px;
}

.control-round:hover .carousel-control {
  opacity:1;
}

.control-round .carousel-control.left {
  left:1%;
}

.control-round .carousel-control.right {
  right:1%;
}

.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover {
  color:#fdfdfd;
  background:rgba(0, 0, 0, 0.5);
  border:0px transparent;
}

.control-round .carousel-control.left > span:nth-child(1) {
  left:45%;
}

.control-round .carousel-control.right > span:nth-child(1) {
  right:45%;
}

.indicators-line > .carousel-indicators {
  right:45%;
  bottom:3%;
  left:auto;
  width:90%;
  height:20px;
  font-size:0;
  overflow-x:auto;
  text-align:right;
  overflow-y:hidden;
  padding-left:10px;
  padding-right:10px;
  padding-top:1px;
  white-space:nowrap;
}

.indicators-line > .carousel-indicators li {
  padding:0;
  width:15px;
  height:15px;
  border:1px solid rgb(158, 158, 158);
  text-indent:0;
  overflow:hidden;
  text-align:left;
  position:relative;
  letter-spacing:1px;
  background:rgb(158, 158, 158);
  -webkit-font-smoothing:antialiased;
  -webkit-border-radius:50%;
  border-radius:50%;
  margin-right:5px;
  -webkit-transition:all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  transition:all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
  z-index:10;
  cursor:pointer;
}

.indicators-line > .carousel-indicators li:last-child {
  margin-right:0;
}

.indicators-line > .carousel-indicators .active {
  margin:1px 5px 1px 1px;
  box-shadow:0 0 0 2px #fff;
  background-color:transparent;
  position:relative;
  -webkit-transition:box-shadow 0.3s ease;
  -moz-transition:box-shadow 0.3s ease;
  -o-transition:box-shadow 0.3s ease;
  transition:box-shadow 0.3s ease;
  -webkit-transition:background-color 0.3s ease;
  -moz-transition:background-color 0.3s ease;
  -o-transition:background-color 0.3s ease;
  transition:background-color 0.3s ease;
}

.indicators-line > .carousel-indicators .active:before {
  transform:scale(0.5);
  background-color:#fff;
  content:"";
  position:absolute;
  left:-1px;
  top:-1px;
  width:15px;
  height:15px;
  border-radius:50%;
  -webkit-transition:background-color 0.3s ease;
  -moz-transition:background-color 0.3s ease;
  -o-transition:background-color 0.3s ease;
  transition:background-color 0.3s ease;
}

.slide_style_left {
  text-align:left;
}

.slide_style_right {
  text-align:right !important;
}

.slide_style_center {
  text-align:center !important;
}

.slide-text, .slide-text-bottom {
  left:0;
  top:25%;
  right:0;
  margin:auto;
  padding:10px;
  position:absolute;
  text-align:left;
  padding:10px 85px;
}


.slide-text > h1 {
  padding:0;
/*  color:#ffffff;*/
  font-size:70px;
  font-style:normal;
  line-height:84px;
  margin-bottom:30px;
  letter-spacing:1px;
  display:inline-block;
  -webkit-animation-delay:0.7s;
  animation-delay:0.7s;
}




.slide-text > p {
  padding:0;
  color:#ffffff;
  font-size:20px;
  line-height:24px;
  font-weight:300;
  margin-bottom:40px;
  letter-spacing:1px;
  -webkit-animation-delay:1.1s;
  animation-delay:1.1s;
}

.slide-text > a.btn-default {
  color:#000;
  font-weight:400;
  font-size:13px;
  line-height:15px;
  margin-right:10px;
  text-align:center;
  padding:17px 30px;
  white-space:nowrap;
  letter-spacing:1px;
  display:inline-block;
  border:none;
  text-transform:uppercase;
  -webkit-animation-delay:2s;
  animation-delay:2s;
  -webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.slide-text > a.btn-primary {
  color:#ffffff;
  cursor:pointer;
  font-weight:400;
  font-size:13px;
  line-height:15px;
  margin-left:10px;
  text-align:center;
  padding:17px 30px;
  white-space:nowrap;
  letter-spacing:1px;
  background:#00bfff;
  display:inline-block;
  text-decoration:none;
  text-transform:uppercase;
  border:none;
  -webkit-animation-delay:2s;
  animation-delay:2s;
  -webkit-transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition:background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.slide-text > a:hover, .slide-text > a:active {
  color:#ffffff;
  background:#222222;
  -webkit-transition:background 0.5s ease-in-out, color 0.5s ease-in-out;
  transition:background 0.5s ease-in-out, color 0.5s ease-in-out;
}

@media (max-width: 991px) {
  .slide-text h1 {
    font-size:40px;
    line-height:50px;
    margin-bottom:20px;
  }
}

@media (max-width: 991px) {
  .slide-text > p {
    font-size:18px;
  }
}

@media (max-width: 768px) {
  .slide-text {
    padding:10px 50px;
  }
}

@media (max-width: 768px) {
  .slide-text h1 {
    font-size:30px;
    line-height:40px;
    margin-bottom:10px;
  }
}

@media (max-width: 768px) {
  .slide-text > p {
    font-size:14px;
    line-height:20px;
    margin-bottom:20px;
  }
}

@media (max-width: 768px) {
  .control-round .carousel-control {
    display:none;
  }
}

@media (max-width: 480px) {
  .slide-text {
    padding:10px 30px;
  }
}

@media (max-width: 480px) {
  .slide-text h1 {
    font-size:20px;
    line-height:25px;
    margin-bottom:5px;
  }
}

@media (max-width: 480px) {
  .slide-text > p {
    font-size:12px;
    line-height:18px;
    margin-bottom:10px;
  }
}

@media (max-width: 480px) {
  .slide-text > a.btn-default, .slide-text > a.btn-primary {
    font-size:10px;
    line-height:10px;
    margin-right:10px;
    text-align:center;
    padding:10px 15px;
  }
}

@media (max-width: 480px) {
  .indicators-line > .carousel-indicators {
    display:none;
  }
}


/*slider 2 end*/




/*krece pop-up*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(https://hooloovoo.rs/matori-qa-engineer/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) left top repeat-y; height:380px !important;}
    #cboxMiddleRight{width:21px; background:url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) right top repeat-y;height:380px !important; }
    #cboxTopCenter{height:21px; background:url(https://hooloovoo.rs/matori-qa-engineer/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(https://hooloovoo.rs/matori-qa-engineer/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden; height: 380px !important;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(https://hooloovoo.rs/matori-qa-engineer/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(https://hooloovoo.rs/matori-qa-engineer/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

@media (max-width: 640px) {
#cboxMiddleRight {
    width: 21px;
    background: url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) right top repeat-y;
    height: 450px !important;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(https://hooloovoo.rs/matori-qa-engineer/images/controls.png) left top repeat-y;
    height: 450px !important;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
    height: 450px !important;
}
}