#root,body,html{width:100%;height:100%;margin:0;font-family:Raleway,sans-serif;color:#707070}body{--max-window-width:1170px}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px;background-color:rgba(0,0,0,.12)}::-webkit-scrollbar-thumb{border-radius:8px;background-color:rgba(0,0,0,.5)}html{font-size:16px}#root{overflow:auto}.body-content-wrapper{max-width:var(--max-window-width);margin:0 auto}header{padding:25px 40px;display:flex;align-items:center;justify-content:space-between}header .logo{width:11rem;margin-left:-5px}header .title{margin:0;letter-spacing:3px;font-size:.75rem}.menu-bar{display:flex;align-items:center}.menu-bar .seprator{margin:0 10px}.menu-bar a{font-size:.8rem;position:relative;margin:0 8px;letter-spacing:2px;text-transform:uppercase;cursor:pointer}.menu-bar a svg{display:none;width:1.2rem}.menu-bar a svg.home,.menu-bar a svg.movie{width:1.2rem}.menu-bar a svg.user{width:.9rem}.menu-bar a svg.envelope{width:1.25rem}.menu-bar a svg.home{width:1.1rem}.menu-bar a.active:after{position:absolute;content:"";height:1px;background:#acabac;width:98%;bottom:-1px;left:0;margin:0 auto}@media only screen and (max-width:600px){.menu-bar a{margin:0 1rem}.menu-bar a span{display:none}.menu-bar a svg{display:block}.menu-bar a.active:after{display:none}}footer{padding:60px 0 20px;text-align:center;color:#000;font-size:.6rem}footer .author-name{display:inline-flex;align-items:center;line-height:12px;letter-spacing:1px}footer .author-name svg{margin:0 6px}a:link,a:visited{text-decoration:inherit;color:inherit}@keyframes video-item-loading-animation{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.grid-layout{flex:1;display:flex;padding:0 3px}.video-gellery{flex:1;min-height:100%}.grid-card{box-sizing:border-box;width:100%}.grid-card,.grid-column{display:inline-block}.grid-layout .card{margin:0;width:100%!important;height:auto!important;border-radius:3px}.grid-layout .card.loading{background:#ededed;animation:video-item-loading-animation 1.4s infinite}.grid-layout .image-card{position:relative;transition:transform .2s}.grid-layout img{width:100%;position:absolute;border-radius:3px;transition:opacity .5s;cursor:pointer;user-select:none}.grid-column .image-card:hover{transform:scale(1.02);box-shadow:0 10px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.grid-layout img.hide{opacity:0}.grid-layout img.show{opacity:1}.video-gellery{padding:6px}.video-gellery .video-gellery-group{margin-bottom:50px}.video-gellery .video-gellery-group .title{position:relative;font-size:1.5rem;font-style:italic}.video-gellery .video-gellery-group .title-wrapper{padding:30px}.video-gellery .video-gellery-group .title:after{position:absolute;content:"";height:2px;background:#000;width:100%;bottom:0;left:0}.video-gellery .frame-grid{display:inline-block;width:25%;padding:3px}.video-container{overflow:hidden;position:relative;width:100%}.video-container:after{padding-top:56.25%;display:block;content:""}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-gellery .video-gellery-frame{border:none;background:#000}@media only screen and (max-width:600px){header .logo-wrapper{display:flex;align-items:center}header,header .logo-wrapper{flex-direction:column}.menu-bar{padding-top:30px}.video-gellery .video-gellery-group .title-wrapper{text-align:center}.video-gellery .frame-grid{width:100%}}.slide-show-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;height:100%;width:100%;z-index:200;background-color:rgba(0,0,0,.95)}.slide-show-wrapper .preview-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;z-index:5;width:100%;padding:1rem}.slide-show-wrapper .preview-image{max-height:80vh;max-width:80vw;user-select:none}.slide-show-wrapper .navigation{display:flex;z-index:5;color:hsla(0,0%,100%,.7);margin:0 20px;padding:10px 0}.slide-show-wrapper .navigation svg{cursor:pointer;width:2.3rem;height:2.3rem;margin:0 10px;user-select:none}.slide-show-wrapper .close-button{position:absolute;top:.7rem;right:.7rem;color:#fff;width:2rem;color:hsla(0,0%,100%,.7);cursor:pointer;z-index:10}.group-wrapper{display:flex;justify-content:center;flex-flow:wrap;padding-bottom:.4rem}.group-item{padding:.2rem .5rem;font-size:.8rem;margin:.3rem;border-radius:18px;cursor:pointer;text-transform:uppercase}.group-item.selected,.group-item:hover{background:#f0f0f0}.social-icons{position:fixed;display:flex;flex-direction:column;left:0;bottom:20px;z-index:30;color:#fff;background:rgba(0,0,0,.5);padding:.5rem;border-top-right-radius:10px;border-bottom-right-radius:10px}.social-icons a{margin:.2rem 0;background:#fff;border-radius:50%;height:22px;width:22px;display:flex;align-items:center;justify-content:center;transition:transform .2s;color:rgba(0,0,0,.7)}.social-icons a svg{width:.9rem}.social-icons a:hover{transform:scale(1.15)}.social-icons .instagram{width:.8rem}.social-icons .facebook{width:.5rem;margin-top:1px}.social-icons .twitter{margin-top:2px}.social-icons .youtube{margin-top:1px}.about-us-wrapper{flex:1;padding-bottom:70px;min-height:100%}.about-us-wrapper .cover-wrapper{height:300px;background:url(/images/aboutus-cover.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%}.about-us-wrapper .our-company{padding:2rem;font-size:2rem;text-align:center}.about-us-wrapper .our-company-content{max-width:80%;margin:0 auto}.about-us-wrapper .our-company-content p{letter-spacing:1;line-height:1.5}.about-us-wrapper .meet-the-team{padding:2rem;font-size:2rem;text-align:center}.about-us-wrapper .team-content{display:flex;flex-wrap:wrap;justify-content:center}.about-us-wrapper .team-content .team-card{text-align:center;margin:25px 80px}.about-us-wrapper .team-content .team-card .team-image{height:175px;border-radius:50%}.about-us-wrapper .team-content .team-card .team-name{padding-top:15px;font-weight:700;letter-spacing:2}.about-us-wrapper .team-content .team-card .team-title{padding-top:8px}.about-us-wrapper .team-content .team-card .team-social{display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px}.about-us-wrapper .team-content .team-card .team-social a{display:flex;align-items:center;justify-content:center;border-radius:50%;height:25px;width:25px;color:#fff;font-size:1rem;background:#c6c3d7;margin:0 4px;transition:transform .2s}.about-us-wrapper .team-content .team-card .team-social a:hover{transform:scale(1.15)}.about-us-wrapper .team-content .team-card .team-social a svg{width:.7rem}.about-us-wrapper .team-content .team-card .team-social a .facebook{width:.6rem}.about-us-wrapper .team-content .team-card .team-social a .instagram,.about-us-wrapper .team-content .team-card .team-social a .twitter,.about-us-wrapper .team-content .team-card .team-social a .youtube{width:.9rem}.about-us-wrapper .our-clients{display:flex;flex-wrap:wrap;justify-content:center}.about-us-wrapper .our-clients .client-wrapper{margin:20px}.about-us-wrapper .our-clients .client-wrapper .client-logo{width:140px;opacity:.8}.contact-us-wrapper{flex:1;padding-bottom:70px;min-height:100%}.contact-us-wrapper .cover-wrapper{height:300px;background:url(/images/contactus-cover.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center}.contact-us-wrapper .cover-title{font-size:2rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:4}.contact-us-wrapper .details{display:flex;padding:2rem}.contact-us-wrapper .details .left,.contact-us-wrapper .details .right{flex:1}.contact-us-wrapper .details .right iframe{min-height:400px;width:100%}.contact-us-wrapper .details .box{text-align:center}.contact-us-wrapper .details .box .title{font-size:2rem;padding-bottom:5rem}.contact-us-wrapper .details .box .location{font-size:1.3rem;font-weight:700;padding:12px 0}.contact-us-wrapper .details .box .contact-item{display:flex;align-items:center;justify-content:center;padding-bottom:10px}.contact-us-wrapper .details .box .contact-item .mobile{width:.6rem;margin-right:8px}.contact-us-wrapper .details .box .contact-item .envelope{width:.9rem;margin-right:8px}.contact-us-wrapper .details .contact-us-form{padding:1rem;max-width:450px;border-radius:5px;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.contact-us-wrapper .details .contact-us-form form{margin:0}.contact-us-wrapper .details .contact-us-form .title{margin-top:0;margin-bottom:20px;text-align:center;line-height:1.25;font-size:1.5rem}.contact-us-wrapper .details .contact-us-form .form-input{display:flex;border-radius:3px;border:1px solid #ccc;padding:.5rem .8rem;margin-bottom:.8rem;height:40px}.contact-us-wrapper .details .contact-us-form .form-input.message{height:130px}.contact-us-wrapper .details .contact-us-form .form-input .icon{width:1.2rem;color:#ccc}.contact-us-wrapper .details .contact-us-form .form-input input,.contact-us-wrapper .details .contact-us-form .form-input textarea{border:none;flex:1;margin:0 .7rem;font-size:.95rem;outline:none;color:#4d4d4d}.contact-us-wrapper .details .contact-us-form .form-input input::placeholder,.contact-us-wrapper .details .contact-us-form .form-input textarea::placeholder{color:#b3b3b3}.contact-us-wrapper .details .contact-us-form .form-input textarea{font-size:.9rem;padding:0;margin:0;resize:none}.contact-us-wrapper .details .contact-us-form .form-submit{text-align:center}.contact-us-wrapper .details .contact-us-form .form-submit input{background:#9e9e9e;border:none;padding:.7rem 3rem;color:#fff;font-size:.9rem;cursor:pointer;outline:none}@media only screen and (max-width:600px){.contact-us-wrapper .details{flex-direction:column}.contact-us-wrapper .details .left .box,.contact-us-wrapper .details .left .box .title{padding-bottom:3rem}}.blog-wrapper{flex:1;padding-bottom:70px;min-height:100%}.blog-wrapper .blog-header{padding:2rem 1rem;font-size:2rem;font-weight:700;text-align:center}.blog-wrapper .blog-content{display:flex;flex-wrap:wrap}.blog-wrapper .blog-content .blog-card-wrapper{width:33.33%;padding:15px}.blog-wrapper .blog-content .blog{display:flex;flex-direction:column;width:100%;transition:transform .2s;box-shadow:0 2px 4px rgba(0,0,0,.25)}.blog-wrapper .blog-content .blog:hover{transform:scale(1.02);box-shadow:0 10px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.blog-wrapper .blog-content .blog .blog-cover{height:200px;overflow:hidden;display:flex;align-items:center;width:100%}.blog-wrapper .blog-content .blog .blog-cover img{width:100%}.blog-wrapper .blog-content .blog .blog-footer-details{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto}.blog-wrapper .blog-content .blog .blog-title{padding:1rem 1rem 0;font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:1}.blog-wrapper .blog-content .blog .blog-footer{font-size:.85rem;padding:1rem;display:flex;justify-content:space-between}.blog-details-wrapper{flex:1;max-width:800px;padding:0 2rem;margin:0 auto}.blog-details-wrapper .blog-image{width:100%}.blog-details-wrapper .blog-title{font-size:1.5rem;font-weight:700;text-align:center;padding:1.5rem 0}.blog-details-wrapper .blog-content .text{letter-spacing:1;line-height:1.4;margin:20px 0;text-align:justify}.blog-details-wrapper .blog-content .header{letter-spacing:1;line-height:1.4;margin:40px 0 20px;font-size:1.3rem;font-weight:700}.blog-details-wrapper .blog-content-footer{margin:50px 0;display:flex;justify-content:space-between;align-items:center;font-style:italic}.blog-details-wrapper .blog-content-footer .footer-names{display:flex;flex-direction:column}.blog-details-wrapper .blog-content-footer .footer-names span{margin-bottom:.25rem}.share-url-wrapper{display:flex}.share-url-wrapper .share-url{height:30px;width:30px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 .3rem;border-radius:50%;transition:transform .2s;cursor:pointer}.share-url-wrapper .share-url:hover{transform:scale(1.15)}.share-url-wrapper .share-url.facebook{background-color:#3b5998}.share-url-wrapper .share-url.facebook svg{width:.7rem}.share-url-wrapper .share-url.whatsapp{background-color:#20b038}.share-url-wrapper .share-url.whatsapp svg{width:1rem}.share-url-wrapper .share-url.twitter{background-color:#1da1f2}.share-url-wrapper .share-url.twitter svg{width:1.1rem}@media only screen and (max-width:900px){.blog-wrapper .blog-content .blog-card-wrapper{width:50%}}@media only screen and (max-width:600px){.blog-wrapper .blog-content .blog-card-wrapper{width:100%}.blog-wrapper .blog-content .blog-card-wrapper .blog-cover{height:auto}}