a, a *{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
a:hover, a:hover *{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.btn-custom{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.btn-custom:hover{-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}

.dropDown .navbar-collapse{
  -webkit-animation-name: dropDown;
  animation-name: dropDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.dropUp .navbar-collapse{
  -webkit-animation-name: dropUp;
  animation-name: dropUp;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slideRight .navbar-collapse{
  -webkit-animation-name: slideRight;
  animation-name: slideRight;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slideLeft .navbar-collapse{
  -webkit-animation-name: slideLeft;
  animation-name: slideLeft;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slideOutUp{
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-delay: 3.1s;
  animation-delay: 3.1s;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slideOutUp > div:first-child{
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.slideOutDown > div:last-child{
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.toBottomFromTop:hover a{
  -webkit-animation: toBottomfromTop 0.8s ease 0s 1 normal both;
  -moz-animation: toBottomfromTop 0.8s ease 0s 1 normal both;
  animation: toBottomfromTop 0.8s ease 0s 1 normal both;
}
.facebook{--bg-color:#3b5999;}
.twitter{--bg-color:#55acee;}
.linkedin{--bg-color:#0077B5;}
.google{--bg-color:#dd4b39;}
.youtube{--bg-color:#cd201f;}
.instagram{--bg-color:#e4405f;}

.icon-download:hover::before{
  -webkit-animation-name: toBottomFromTop;
  animation-name: toBottomFromTop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.sk-cube-grid .sk-cube1 {-webkit-animation-delay: 0s;animation-delay: 0s; }
.sk-cube-grid .sk-cube2 {-webkit-animation-delay: 0.1s;animation-delay: 0.1s; }
.sk-cube-grid .sk-cube3 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s; }
.sk-cube-grid .sk-cube4 {-webkit-animation-delay: 0.1s;animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {-webkit-animation-delay: 0.3s;animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s; }
.sk-cube-grid .sk-cube8 {-webkit-animation-delay: 0.3s;animation-delay: 0.3s; }
.sk-cube-grid .sk-cube9 {-webkit-animation-delay: 0.4s;animation-delay: 0.4s; background-color: #f5821f;}


@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {-webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);}
  35% {-webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1);}
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {-webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);}
  35% {-webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1);} 
}

@-webkit-keyframes dropDown {
  0% {-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
  100% {-webkit-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
}
@-moz-keyframes dropDown {
  0% {-moz-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
  100% {-moz-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
}
@keyframes dropDown {
  0% {-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
  100% {-webkit-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
}

@-webkit-keyframes dropUp {
  0% {-webkit-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
  100% {-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
}
@-moz-keyframes dropUp {
  0% {-moz-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
  100% {-moz-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
}
@keyframes dropUp {
  0% {-webkit-transform:translateY(0);transform:translateY(0);display:block !important;opacity:1;visibility:visible;}
  100% {-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none !important;opacity:0;visibility:hidden;}
}

@-webkit-keyframes slideRight {
  0% {-webkit-transform:translateX(-100%);transform:translateX(-100%);display:none !important;opacity:0;visibility:hidden;}
  100% {-webkit-transform:translateX(0);transform:translateX(0);display:block !important;opacity:1;visibility:visible;}
}
@-moz-keyframes slideRight {
  0% {-moz-transform:translateX(-100%);transform:translateX(-100%);display:none !important;opacity:0;visibility:hidden;}
  100% {-moz-transform:translateX(0);transform:translateX(0);display:block !important;opacity:1;visibility:visible;}
}
@keyframes slideRight {
  0% {-webkit-transform:translateX(-100%);transform:translateX(-100%);display:none !important;opacity:0;visibility:hidden;}
  100% {-webkit-transform:translateX(0);transform:translateX(0);display:block !important;opacity:1;visibility:visible;}
}

@-webkit-keyframes slideLeft {
  0% {-webkit-transform:translateX(0);transform:translateX(0);display:block !important;opacity:1;visibility:visible;}
  100% {-webkit-transform:translateX(-100%);transform:translateX(-100%);display:none !important;opacity:0;visibility:hidden;}
}
@-moz-keyframes slideLeft {
  0% {-moz-transform:translateX(0);transform:translateX(0);display:block !important;opacity:1;visibility:visible;}
  100% {-moz-transform:translateX(-100%);transform:translateX(-100%);display:none !important;opacity:0;visibility:hidden;}
}
@keyframes slideLeft {
  0% {-webkit-transform:translateX(0);transform:translateX(0);display:block !important;opacity:1;visibility:visible;}
  100% {-webkit-transform:translateX(-100%);transform:translateX(-100%);display:none !important;opacity:0;visibility:hidden;}
}


@-webkit-keyframes slideOutUp {
  0% {-webkit-transform: translateY(0);transform: translateY(0);background-color: white;}
  99% {visibility: hidden;-webkit-transform: translateY(-500%);transform: translateY(-500%);}
  100% {-webkit-transform: translateY(-500%);transform: translateY(-500%);display:none;}
}
@-moz-keyframes slideOutUp {
  0% {-moz-transform: translateY(0);transform: translateY(0);background-color: white;}
  99% {visibility: hidden;-moz-transform: translateY(-500%);transform: translateY(-500%);}
  100% {-moz-transform: translateY(-500%);transform: translateY(-500%);display:none;}
}
@keyframes slideOutUp {
  0% {-webkit-transform: translateY(0);transform: translateY(0);background-color: white;}
  99% {visibility: hidden;-webkit-transform: translateY(-500%);transform: translateY(-500%);}
  100% {-webkit-transform: translateY(-500%);transform: translateY(-500%);display:none;}
} 

@-webkit-keyframes slideOutDown {
  0% {-webkit-transform: translateY(0);transform: translateY(0);background-color: white;}
  99% {visibility: hidden;-webkit-transform: translateY(500%);transform: translateY(500%);}
  100% {-webkit-transform: translateY(500%);transform: translateY(500%);display:none;}
}
@-moz-keyframes slideOutDown {
  0% {-moz-transform: translateY(0);transform: translateY(0);background-color: white;}
  99% {visibility: hidden;-moz-transform: translateY(500%);transform: translateY(500%);}
  100% {-moz-transform: translateY(500%);transform: translateY(500%);display:none;}
}
@keyframes slideOutDown {
  0% {-webkit-transform: translateY(0);transform: translateY(0);background-color: white;}
  99% {visibility: hidden;-webkit-transform: translateY(500%);transform: translateY(500%);}
  100% {-webkit-transform: translateY(500%);transform: translateY(500%);display:none;}
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;display:none;visibility:hidden;}
}
@-moz-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;display:none;visibility:hidden;}
}
@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;display:none;visibility:hidden;}
} 

@-webkit-keyframes toBottomfromTop {
  49%{-webkit-transform: translateY(100px);transform: translateY(100px);}
  50%{-webkit-transform: translateY(-100px);transform: translateY(-100px);opacity:0;background-color:transparent;}
  51%{opacity:1;background-color:var(--bg-color);}
  100%{background-color:var(--bg-color);}
}
@-moz-keyframes toBottomfromTop {
  49%{-moz-transform: translateY(100px);transform: translateY(100px);}
  50%{-moz-transform: translateY(-100px);transform: translateY(-100px);opacity:0;background-color:transparent;}
  51%{opacity:1;background-color:var(--bg-color);}
  100%{background-color:var(--bg-color);}
}
@keyframes toBottomfromTop {
  49%{transform: translateY(100px);}
  50%{transform: translateY(-100px);opacity:0;background-color:transparent;}
  51%{opacity:1;background-color:var(--bg-color);}
  100%{background-color:var(--bg-color);}
}

@keyframes lds-double-ring {
  0% {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes lds-double-ring {
  0% {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes lds-double-ring_reverse {
  0% {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
}
@-webkit-keyframes lds-double-ring_reverse {
  0% {-webkit-transform: rotate(0);transform: rotate(0);}
  100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
}

@media screen and (min-width:992px){
  .cat-select::before{position: absolute;width: 0;height: 1px;content: '';background: rgba(255, 255, 255, 0.5);top:20px;left:20px;transition: 100ms width ease 300ms;-web-kit-transition: 100ms width ease 300ms;}
  .cat-select::after{position: absolute;width: 1px;height: 0;content: '';background: rgba(255, 255, 255, 0.5);top:20px;right:20px;transition: 100ms height ease 200ms;-web-kit-transition: 100ms height ease 200ms;}
  .cat-select a::after{position: absolute;width: 0;height: 1px;content: '';background: rgba(255, 255, 255, 0.5);bottom:20px;right:20px;transition: 100ms width ease 100ms;-web-kit-transition: 100ms width ease 100ms;}
  .cat-select a::before{position: absolute;width: 1px;height: 0;content: '';background: rgba(255, 255, 255, 0.5);bottom:20px;left:20px;transition: 100ms height ease 0ms;-web-kit-transition: 100ms height ease 0ms;}
  .cat-select:hover::before{width:calc(100% - 40px);transition: 100ms width ease 0ms;-web-kit-transition: 100ms width ease 0ms;}
  .cat-select:hover::after{height:calc(100% - 40px);transition: 100ms height ease 100ms;-web-kit-transition: 100ms height ease 100ms;}
  .cat-select:hover a::after{width:calc(100% - 40px);transition: 100ms width ease 200ms;-web-kit-transition: 100ms width ease 200ms;}
  .cat-select:hover a::before{height:calc(100% - 40px);transition: 100ms height ease 300ms;-web-kit-transition: 100ms height ease 300ms;}
}
@media screen and (max-width:991px){

}