a:hover{
   text-decoration: none;
   transition: all 0.1s ease-in;
   -webkit-transition: all 0.1s ease-in;
   -moz-transition: all 0.1s ease-in;
   -ms-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
}
nav a:hover, nav a.active, #categories a:hover, #categories a.active{
  color:#113845;
  transition: all 0.1s ease-in;
   -webkit-transition: all 0.1s ease-in;
   -moz-transition: all 0.1s ease-in;
   -ms-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
   border-bottom: 0.7px solid #DADAEE;
}
button:hover, .btn:hover{
   text-decoration: none;
   transition: all 0.1s ease-in;
   -webkit-transition: all 0.1s ease-in;
   -moz-transition: all 0.1s ease-in;
   -ms-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
  background: -webkit-radial-gradient(50% 50% at 50% 50%, #2D6264 0%, #113845 100%);
  background: -moz-radial-gradient(50% 50% at 50% 50%, #2D6264 0%, #113845 100%);
  background: -o-radial-gradient(50% 50% at 50% 50%, #2D6264 0%, #113845 100%);
  background: radial-gradient(50% 50% at 50% 50%, #2D6264 0%, #113845 100%);
  cursor: pointer;
}
/* Fixed header */
.fixed {
   position: fixed;
   top: 0;
   padding: 4px 4vw 4px 2vw;
   -webkit-animation-name: fadeInDown;
   -moz-animation-name: fadeInDown;
     -o-animation-name: fadeInDown;
        animation-name: fadeInDown;
   -webkit-animation-duration: 0.2s;
           -moz-animation-duration: 0.2s;
             -o-animation-duration: 0.2s;
        animation-duration: 0.2s;
           -webkit-animation-fill-mode: both;
           -moz-animation-fill-mode: both;
             -o-animation-fill-mode: both;
                animation-fill-mode: both;
}
.fixed img {
   max-width: 170px;
}
.opened{
   position: fixed;
}
#banner .btn:hover {
   background: #FFFFFF;
   color: #113845;
   transition: all 0.1s ease-in;
   -webkit-transition: all 0.1s ease-in;
   -moz-transition: all 0.1s ease-in;
   -ms-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
}
#banner .slick-dots li.slick-active button, #banner .slick-dots li:hover button{
   background: #FFFFFF;
   cursor: pointer;
   transition: all 0.1s ease-in;
   -webkit-transition: all 0.1s ease-in;
   -moz-transition: all 0.1s ease-in;
   -ms-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
}
#reviews .slick-dots li.slick-active button, #reviews .slick-dots li:hover button, #works .works .slick-arrow:hover, #works .works .slick-dots li.slick-active button{
   background: #113845;
   cursor: pointer;
   transition: all 0.1s ease-in;
   -webkit-transition: all 0.1s ease-in;
   -moz-transition: all 0.1s ease-in;
   -ms-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
}
#products .showall a:hover, #attention .text a.btn:hover{
   color: #FFFFFF;
   transition: all 0.1s ease-in;
   -webkit-transition: all 0.1s ease-in;
   -moz-transition: all 0.1s ease-in;
   -ms-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
  background: -webkit-radial-gradient(50% 50% at 50% 50%, #2D6264 0%, #113845 100%);
  background: -moz-radial-gradient(50% 50% at 50% 50%, #2D6264 0%, #113845 100%);
  background: -o-radial-gradient(50% 50% at 50% 50%, #2D6264 0%, #113845 100%);
  background: radial-gradient(50% 50% at 50% 50%, #2D6264 0%, #113845 100%);
   cursor: pointer;
}
footer .social a:hover svg{
   fill:#DADAEE;
   transition: all 0.1s ease-in;
   -webkit-transition: all 0.1s ease-in;
   -moz-transition: all 0.1s ease-in;
   -ms-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
}
.modal-close:hover{
   transform: rotate(270deg);
   -webkit-transform: rotate(270deg);
   -moz-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   -o-transform: rotate(270deg);
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
/* Effects */
@-webkit-keyframes fadeInDown {
   0% {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transform: translateY(-100px);
   }
   100% {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-transform: translateY(0);
   }
}
@-moz-keyframes fadeInDown {
   0% {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transform: translateY(-100px);
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
}
   100% {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
   0% {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transform: translateY(-100px);
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
}
   100% {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}
}
@keyframes fadeInDown {
   0% {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transform: translateY(-100px);
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
}
   100% {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
}
}