@charset "UTF-8";

/*-----------------------------------------
===========================================
  CUSTOM CSS FOR TERSUS TEMPLATE
===========================================
-----------------------------------------*/


 /*!
 Portfolio thumbnail zoom effect
*/

@media screen and (min-width: 1050px) {

.folioWrapper {
    height: 100%;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

.folioWrapper:hover .folioImg{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

  .folioImg {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webkit-transition: 2s ease all;
    -moz-transition: 2s ease all;
    -o-transition: 2s ease all;
    transition: 2s ease all;
}

.folioImg:hover {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

 .folioFrame{
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
 }

}

 /*===========================================*/


 /*!
 Additional CSS for smoother hover transition
*/

.customSmooth{
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
 }

 .customTextSmooth{
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
 }



 /*===========================================*/

 
/*!
 Responsive Menu
*/


@media screen and (max-height: 600px) {

.customScrollBox {
  max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 700px;
}

::-webkit-scrollbar {
    width: 0px;
}

}

@media screen and (max-height: 550px) {

.customScrollBox {
  max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 600px;
}

::-webkit-scrollbar {
    width: 0px;
}

}

@media screen and (max-height: 500px) {

.customScrollBox {
  max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 650px;
}

::-webkit-scrollbar {
    width: 0px;
}

}

@media screen and (max-height: 450px) {

.customScrollBox {
  max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 750px;
}

::-webkit-scrollbar {
    width: 0px;
}

}

@media screen and (max-height: 400px) {

.customScrollBox {
  max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 750px;
}

::-webkit-scrollbar {
    width: 0px;
}

}

@media screen and (max-height: 360px) {

.customScrollBox {
  max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 650px;
}

::-webkit-scrollbar {
    width: 0px;
}

}
