/*  break points styles  */
@media only screen and (max-width : 2200px){

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){
.btn-default {
    font-family: "Droid Sans";
    font-weight: bold;
    background-color: #ffbb00;
    background-image: none;
    font-size: 13px;
    color: #fff;
    padding: 9px 10px !important;
    padding-top: 9px;
    padding-right: 10px;
    padding-bottom: 9px;
    padding-left: 10px;
    width: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    text-shadow: none;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}  

/*  slide effects  */

.spa-section>section .slide-left,
.spa-section>section .slide-right,
.spa-section>section .slide-top,
.spa-section>section .slide-bottom{
     -webkit-transition: all 0.6s ease-out; 
     -moz-transition: all 0.6s ease-out;
       -o-transition: all 0.6s ease-out;
          transition: all 0.6s ease-out;
          display:block;
}    

.spa-section>section .slide-left{
   -webkit-transform: translateX(-1400px);
     -moz-transform: translateX(-1400px);
      -ms-transform: translateX(-1400px);
       -o-transform: translateX(-1400px);
          transform: translateX(-1400px);
}       
.spa-section>section .slide-right{
   -webkit-transform: translateX(1400px);
     -moz-transform: translateX(1400px);
      -ms-transform: translateX(1400px);
       -o-transform: translateX(1400px);
          transform: translateX(1400px);
}    

.spa-section>section .slide-top{
   -webkit-transform: translateY(-1400px);
     -moz-transform: translateY(-1400px);
      -ms-transform: translateY(-1400px);
       -o-transform: translateY(-1400px);
          transform: translateY(-1400px);
}       
.spa-section>section .slide-bottom{
   -webkit-transform: translateY(1400px);
     -moz-transform: translateY(1400px);
      -ms-transform: translateY(1400px);
       -o-transform: translateY(1400px);
          transform: translateY(1400px);
}  
 
.spa-section.active .slide-left,
.spa-section.active .slide-right,
.spa-section.active .slide-top,
.spa-section.active .slide-bottom{
   -webkit-transform: translate(0%, 0%);
     -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
       -o-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

/*  fade effects  */

.spa-section .fade-in{
      -webkit-transition: all 2s ease-in;
      -moz-transition: all 2s ease-in;
      -ms-transition: all 2s ease-in;
      -o-transition: all 2s ease-in;
      transition: all 2s ease-in;
      display:block;
      opacity:0;
}    

.spa-section.active .fade-in{
     opacity:1;
}

.spa-section h2{
   margin-top:30px;
   margin-bottom:20px;
}    


/*  hover effects  */


/*  zoom in out  */
.zoom-in,
.zoom-out,
.glass-in,
.glass-out{
   position:relative;
   display:block;
   margin:0 auto;
   overflow:hidden;
}
.zoom-in img,
.zoom-out img,
.glass-in img,
.glass-out img{
   display:block;
   position:relative;
   max-width:none;
   left:-15px;
   top:-15px;  
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.zoom-in img{
  -webkit-transform: scale(0.9,0.9);
  -moz-transform: scale(0.9,0.9);
  -o-transform: scale(0.9,0.9);
  -ms-transform: scale(0.9,0.9);
  transform: scale(0.9,0.9);
}
.zoom-in:hover img{
  -webkit-transform: scale(1.0,1.0);
  -moz-transform: scale(1.0,1.0);
  -o-transform: scale(1.0,1.0);
  -ms-transform: scale(1.0,1.0);
  transform: scale(1.0,1.0);
}

.zoom-out img{
  -webkit-transform: scale(1.0,1.0);
  -moz-transform: scale(1.0,1.0);
  -o-transform: scale(1.0,1.0);
  -ms-transform: scale(1.0,1.0);
  transform: scale(1.0,1.0);
}
.zoom-out:hover img{
  -webkit-transform: scale(0.9,0.9);
  -moz-transform: scale(0.9,0.9);
  -o-transform: scale(0.9,0.9);
  -ms-transform: scale(0.9,0.9);
  transform: scale(0.9,0.9);
}

/*  glass in out  */
.glass-in .mask:before,
.glass-out .mask:before{
   content:"";
   width:100%;
   height:100%;
   display:block;
   background-color:rgba(1,1,1,0.4); 
   position:absolute;
   z-index:100;
   left:0px;
   top:0px;
}
.glass-in .mask:before{
   opacity:0;
}
.glass-out .mask:before{
   opacity:1;
}
.glass-in:hover .mask:before{
   opacity:1;
}
.glass-out:hover .mask:before{
   opacity:0;
}

/*  glass opacity  */

/*  glass in out  */
.glass-fade-in .mask:before,
.glass-fade-out .mask:before{
    -webkit-transition: opacity .20s ease-in-out;
    -moz-transition: opacity .20s ease-in-out;
    -ms-transition: opacity .20s ease-in-out;
    -o-transition: opacity .20s ease-in-out;
    transition: opacity .20s ease-in-out;
}