a {
     -webkit-transition: all 255ms linear;
     -moz-transition: all 255ms linear;
     -ms-transition: all 255ms linear;
     -o-transition: all 255ms linear;
     transition: all 255ms linear;
 }
 @font-face {
     font-family: 'coolvetica';
     src: url('{{theme_url}}/img/fonts/coolvetica_rg.ttf') format('truetype');
 }
 * {
     color: #9F9F9F;
     font-family: 'coolvetica' !important;
 }
 body {
     /* background: url(http://localhost/freelancer.com/kinostudio/public/templates/default/Fondo_WEB.jpg);
     background-size: cover*/
 }
 /*#top {
     background: url(http://localhost/freelancer.com/kinostudio/public/templates/default/header-top.png);
     background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}
    #top:before {
           content: ' ';
    background: url(http://localhost/freelancer.com/kinostudio/public/templates/default/asset3.png);
    position: absolute;
    left: 0;
    top: 0;
    height: 500px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    }




    #center{
         background: url(http://localhost/freelancer.com/kinostudio/public/templates/default/asset5.png);
         background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    }

     #center:before {
        content: ' ';
    background: url(http://localhost/freelancer.com/kinostudio/public/templates/default/asset4.png);
    position: absolute;
    right: 0;
    top: 0;
    height: 1693px;
    width: 1350px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin-top: -678px;
    }*/

 #home:before {
     content: ' ';
     background: url('{{theme_url}}/img/asset6form.png');
     position: absolute;
     left: 0;
     top: 0;
     height: 600px;
     width: 1000px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: left;
     display: none
 }
 #section_ {
     position: relative;
 }
 #section_:before {
     display: none;
     content: ' ';
     background: url('{{theme_url}}/img/asset7form.png');
     position: fixed;
     right: 0;
     top: 0;
     height: 1000px;
     width: 1000px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: right;
     margin-top: -200px;
 }
 .h-50 {
     height: 50px;
 }
 .menu-section .menu {
     position: relative;
     height: 95px;
     padding: 10px
 }
 .menu-section .menu .item a {
     text-align: center;
     height: 100%;
     display: block;
     width: 100%;
     padding-top: 17px;
     padding-bottom: 17px;
     font-size: 24px;
 }
 .menu-section .menu .item a:hover span {
     text-decoration: none !important;
     color: #212121;
 }
 .menu-section .menu .item a>img {
     height: 100%;
 }
 .menu-section {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     padding-top: 0;
     padding-bottom: 10px;
     background: white;
     z-index: 999;
     height: 95px
 }
 .menu-section .container {
     height: 95px;
 }
 .menu-section .row {
     height: 95px;
 }
 .menu-section .col-8 {
     height: 95px
 }
 @media (max-width: 576px) {
     .pubHome {
         height: 200px !important;
         width: 200px !important;
         padding-top: 50px !important
     }
     .pubHome .title1 {
         font-size: 15px !important;
         line-height: 15px !important;
     }
     .pubHome .title2 {
         font-size: 17px !important;
         line-height: 15px !important;
     }
     .pubHome .title3 {
         font-size: 20px !important;
         line-height: 15px !important;
     }
     .menu-section {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         padding-top: 0;
         padding-bottom: 5px;
         background: white;
         z-index: 999;
         height: 58px
     }
     .menu-section .container {
         height: 58px;
     }
     .menu-section .row {
         height: 58px;
     }
     .menu-section .col-8 {
         height: 58px
     }
     .menu-section .menu {
         position: relative;
         height: 58px;
         padding: 10px
     }
     .menu-section .menu .item a {
         text-align: center;
         height: 100%;
         display: block;
         width: 100%;
         padding-top: 5px;
         padding-bottom: 5px;
         font-size: 16px;
     }
     .menu-section .menu .item a>img {
         height: 100%;
     }
     #home {
         height: 300px !important;
     }
     #center {
         height: 300px !important
     }
     #menu-logo {
         height: 40px !important;
         margin-top: 14px !important;
     }
     .no-display {
         display: none !important;
     }
 }
 a {
     color: #828282;
     text-decoration: none;
     background-color: transparent;
 }
 a:hover {
     text-decoration: none !important;
     color: #212121;
 }
 .footer {
     position: relative;
     width: 100%;
     background: #00aee5;
     min-height: 100px;
     padding: 20px 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     margin-top: 100px;
 }
 .social-icon, .menu {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 10px 0;
     flex-wrap: wrap;
 }
 .social-icon__item, .menu__item {
     list-style: none;
 }
 .social-icon__link {
     font-size: 2rem;
     color: #fff !important;
     margin: 0 10px;
     display: inline-block;
     transition: 0.5s;
 }
 .social-icon__link:hover {
     transform: translateY(-10px);
 }
 .menu__link {
     font-size: 1.2rem;
     color: #fff;
     margin: 0 10px;
     display: inline-block;
     transition: 0.5s;
     text-decoration: none;
     opacity: 0.75;
     font-weight: 300;
 }
 .menu__link:hover {
     opacity: 1;
 }
 .footer p {
     color: #fff;
     margin: 15px 0 10px 0;
     font-size: 1rem;
     font-weight: 300;
 }
 .wave {
     position: absolute;
     top: -100px;
     left: 0;
     width: 100%;
     height: 100px;
     background: url("https://i.ibb.co/wQZVxxk/wave.png");
     filter: saturate(8) brightness(0.9);
     background-size: 1000px 100px;
 }
 .wave#wave1 {
     z-index: 1000;
     opacity: 1;
     bottom: 0;
     animation: animateWaves 4s linear infinite;
 }
 .wave#wave2 {
     z-index: 999;
     opacity: 0.5;
     bottom: 10px;
     animation: animate 4s linear infinite !important;
 }
 .wave#wave3 {
     z-index: 1000;
     opacity: 0.2;
     bottom: 15px;
     animation: animateWaves 3s linear infinite;
 }
 .wave#wave4 {
     z-index: 999;
     opacity: 0.7;
     bottom: 20px;
     animation: animate 3s linear infinite;
 }
 @keyframes animateWaves {
     0% {
         background-position-x: 1000px;
     }
     100% {
         background-positon-x: 0px;
     }
 }
 @keyframes animate {
     0% {
         background-position-x: -1000px;
     }
     100% {
         background-positon-x: 0px;
     }
 }