<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: CINESTESIA
Author: theposthuman
Description: CINESTESIA Web 2018
Version: 1.0
*/

@import "http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic";
body,html { -webkit-font-smoothing:antialiased!important; -moz-osx-font-smoothing:grayscale; overflow-y:auto; overflow-x:hidden; font-family:'Roboto',sans-serif }
@media (min-width: 1200px)  {
.container { width:960px }
 }
h1 { font-weight:700; font-size:46px }
h2 { text-transform:uppercase; font-size:20px }
h3 { font-size:14px; font-style:italic; font-weight:100; line-height:26px }
h4 { text-transform:uppercase; font-size:16px; word-spacing:2px }
h5 { text-transform:uppercase; font-size:12px; word-spacing:2px }
h6 { text-transform:uppercase; font-size:10px; word-spacing:2px; letter-spacing:2px }
p { font-weight:400 }
hr { width:50px; border-color:#ce3237 }
a { color:#222 outline: none; }
a:hover,a:focus { color:#ce3237; text-decoration:none; outline: none; }
#wpadminbar { display: none; }
#home { background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed; height:auto; min-height:500px; color:#fff; padding-top:60px; }
#home a.down-btn span.fa.fa-angle-down { border:1px solid #ce3237; border-radius:2px; padding:7px 5px; position:relative; color:#fff; cursor:pointer; margin: 0px; border: 0px; }
#home .overlay { background:rgba(62,255,255,0.20); height:auto; min-height:200px; padding:2% 0; color:#fff }
.content { padding-top:35% }
.header-text.btn { border:1px solid #fff; border-radius:0; padding:10px 30px; height:100px }
.header-text.btn:hover { color:inherit }
.header-text.btn:focus,.header-text.btn:active:focus,.header-text.btn.active:focus,.header-text.btn.focus,.header-text.btn:active.focus,.header-text.btn.active.focus { outline:thin dotted transparent; outline:none; outline-offset:-2px }
.typed-cursor { opacity:1; padding:10px 2px; background:#fff; margin:10px; -webkit-animation:blink .5s linear infinite; -moz-animation:blink .5s linear infinite; animation:blink .5s linear infinite }

@keyframes blink  { 0% { opacity:1 } 50% { opacity:0 } 100% { opacity:1 } }
@-webkit-keyframes blink  { 0% { opacity:1 } 50% { opacity:0 } 100% { opacity:1 } }
@-moz-keyframes blink  { 0% { opacity:1 } 50% { opacity:0 } 100% { opacity:1 } }

span.typed-cursor { top:-5px; position:relative }
nav#menu span.fa.fa-bars { font-size:30px; position:fixed; left:120px; color:silver; cursor:pointer; z-index:1 }
.navmenu,.navbar-offcanvas { width:270px; z-index:10 }
.navmenu-default,.navbar-default .navbar-offcanvas { background-color:#1E2429; border-color:#1E2429; border:0 }
.navmenu-default .navmenu-nav&gt;li&gt;a:hover,.navbar-default .navbar-offcanvas .navmenu-nav&gt;li&gt;a:hover,.navmenu-default .navmenu-nav&gt;li&gt;a:focus,.navbar-default .navbar-offcanvas .navmenu-nav&gt;li&gt;a:focus { color:#C59A6D; background-color:transparent }
.nav &gt; li { position:relative; display:block; text-align:center }
.navmenu-default .navmenu-nav&gt;li&gt;a,.navbar-default .navbar-offcanvas .navmenu-nav&gt;li&gt;a { color:#fff; text-transform:uppercase; font-size:12px; line-height:30px }
nav#menu span.fa.fa-bars:hover { color:#C59A6D }
.navmenu-default .navmenu-nav&gt;.active&gt;a,.navbar-default .navbar-offcanvas .navmenu-nav&gt;.active&gt;a,.navmenu-default .navmenu-nav&gt;.active&gt;a:hover,.navbar-default .navbar-offcanvas .navmenu-nav&gt;.active&gt;a:hover,.navmenu-default .navmenu-nav&gt;.active&gt;a:focus,.navbar-default .navbar-offcanvas .navmenu-nav&gt;.active&gt;a:focus { color:#C59A6D; background-color:transparent }
.close:hover { background:#ce3237; color:#fff; opacity:1 }
.close { background:#fff; padding:10px 12px; opacity:1; transition:all .3s }
.add-margin { margin-top:200px }
#meet-us,#services,#works,#about-us { padding:60px 0 }
a.down-btn span.fa.fa-angle-down { font-size:50px; border-radius:2px; padding:7px 5px; position:relative; cursor:pointer; color:#ce3237; margin-top:30px }
#overview-video { background:url(../img/bg2.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:scroll; text-align:center }
#overview-video .overlay { background:rgba(34,34,34,0.85); height:auto; min-height:200px; padding:12% 0 }
#overview-video a span.fa.fa-play { font-size:40px; color:#fff; text-align:center; margin:auto 0 }
.service { margin-top:20px; margin-bottom:0; transition:all .3s; position:relative; padding:60px 25px }
.service:hover&gt;h4,.service:hover&gt;span.fa { color:#000 }
.service p { font-size:14px; padding-top:20px; font-family:'Lato',sans-serif }
.space { padding-top:40px }
#cta { background:#282f35; padding:4% 0 }
a.btn.go-to-btn { text-transform:uppercase; border:1px solid #ce3237; word-spacing:2px; padding:7px 30px; border-radius:2px; font-size:12px; color:#fff; transition:all .5s }
a.btn.go-to-btn:hover { background:#ce3237; color:#282f35 }
.nopadding { padding:0; margin:0 }
.portfolio-item .hover-bg { height:280px; overflow:hidden; position:relative }
.portfolio-item .vimeo-id { display: none; }
.hover-bg .hover-text { position:absolute; text-align:center; margin:0 auto; color:#fff; background:rgba(0,0,0,0.60); padding:100% 0; width:100%; opacity:0; transition:all .5s }
.hover-bg .hover-text&gt;h5 { opacity:0; -webkit-transform:translateY(100%); transform:translateY(100%); transition:all .3s }
.hover-bg:hover .hover-text&gt;h5 { opacity:1; letter-spacing:4px; -webkit-backface-visibility:hidden; -webkit-transform:translateY(0); transform:translateY(0) }
.hover-bg .hover-text&gt;.hline { opacity:0; -webkit-transform:translateY(0); transform:translateY(0); transition:all .3s }
.hover-bg:hover .hover-text&gt;.hline { opacity:1; -webkit-backface-visibility:hidden; -webkit-transform:translateY(100%); transform:translateY(100%) }
.hover-bg:hover .hover-text { opacity:1 }
.hline { height:5px; width:30px; border-top:2px solid #f1f1f1; margin:0 auto }
.hover-text p.lead { color:#ce3237; font-weight:700; text-transform:uppercase }
a.btn.read-more-btn { text-transform:uppercase; background:#FFF; word-spacing:2px; padding:7px 30px; border-radius:2px; font-size:14px; color:#000; transition:all .5s }
a.btn.read-more-btn:hover { background:#000; color:#fff }
a.btn.send-btn { text-transform:uppercase; background:#ce3237; color:#282f35; padding:15px 35px; border-radius:0; font-size:12px; color:#fff; transition:all .5s }
a.btn.send-btn:hover { background:transparent; border:1px solid #ce3237; color:#fff }
#clients { background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:fixed; text-align:center; background-color: #FFF; padding: 40px 0; }
#clients .overlay { background:rgba(62,255,255,0.20); height:auto; min-height:200px; padding:2% 0; color:#fff }
#clients h2 { color: #000; }
ul,ol { padding:0; moz-padding:0; webkit-padding:0 }
#clients .clients div img { max-width: 130px; margin: 0 auto; }
.team { border:1px solid #c3c3c3; padding:70px 20px; text-align:center; opacity:.7; transition:all .8s; max-height:340px; margin-bottom:30px }
.team:hover.hire,.team.hire { height:340px; border-color:#ce3237; color:#ce3237; opacity:1 }
.team.hire&gt;a { color:#ce3237 }
.team hr { border-width:2px; border-color:#dcc2a7 }
.team:hover { opacity:1; border:1px solid #222 }
.team img { width:80px; margin:0 auto }
#testimonials { background:url(../img/bg4.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment:scroll; text-align:center }
#testimonials .overlay { background:rgba(34,34,34,0.85); height:auto; min-height:200px; padding:5% 0; color:#fff }
.owl-theme .owl-controls .owl-page span { display:block; width:10px; height:10px; margin:2px 5px; filter:Alpha(Opacity=50); opacity:.5; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:0; background:#C59A6D }
#contact { background:#282f35; padding:100px 0; color:#fff }
ul.social li { display:inline-block; margin-right:10px; margin-top:20px }
ul.social li a { color:#fff; font-size:16px }
ul.social li a:hover { color: #ce3237; }
address strong { text-transform:uppercase; font-style:normal; font-family:'Roboto',sans-serif }
address:before { content:"\f041"; display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:20px; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#ce3237; vertical-align:middle; margin-right:15px; margin-left:-30px }
address { font-style:italic; font-size:14px; font-family:'Lato',sans-serif; letter-spacing:1px }
#contact input.form-control,#contact textarea.form-control { margin-bottom:30px }
#contact .form-control { display:block; width:100%; height:40px; padding:7px 12px; font-size:14px; line-height:1.42857143; color:#555; background-color:#1e2429; background-image:none; border:0; border-top:2px solid transparent; border-radius:0; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:none; -o-transition:none; transition:none; transition:all .5s }
#contact .form-control:focus { border-color:#C59A6D; outline:0; -webkit-box-shadow:none; box-shadow:none }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#222; font-family:'Lato',sans-serif; font-size:13px; letter-spacing:1px; font-style:italic }
input:-moz-placeholder,textarea:-moz-placeholder { color:#222; font-family:'Lato',sans-serif; font-size:13px; letter-spacing:1px; font-style:italic }
input::-moz-placeholder,textarea::-moz-placeholder { color:#222; font-family:'Lato',sans-serif; font-size:13px; letter-spacing:1px; font-style:italic }
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:#222; font-family:'Lato',sans-serif; font-size:13px; letter-spacing:1px; font-style:italic }
#footer { background:#000; padding:20px 0; color:#fff; border-bottom:2px solid #ce3237 }
#footer span.fa { color:#FFF; margin-left:10px }
#footer a:hover span.fa { color: #ce3237; }
#footer a { color:#fff }
#footer a:hover { color:#ce3237 }

a { color: #ce3237; }
h2 { letter-spacing: 6px; font-size: 30px; }
h4 { colortext-transform: uppercase; font-size: 20px; word-spacing: 0px; letter-spacing: 0px; font-weight: bold; }
hr { border-color: #ce3237; border-bottom: 2px solid #ce3237; }
body { background-color: #000; }

#head-title { text-transform: uppercase; border: 0px; font-weight: bold; font-size: 25px; letter-spacing: 5px; display: block; height: 80px; }
.typed-cursor { display: none; }
.navbar-default { background-color: #000; border: 0px; }
.navbar-brand &gt; img { max-height: 45px; margin-top: 9px; }
.navbar-brand { padding: 8px 15px; }
.navbar-nav &gt; li &gt; a { padding-top: 28px; padding-bottom: 28px; }
.navbar-default .navbar-nav &gt; li &gt; a { text-transform: uppercase; color: #FFF; font-weight: bold; }
.navbar-default .navbar-nav &gt; .active &gt; a { backgrond-color: #FFF; border-bottom: 2px solid #ce3237; color: #000; }
.navbar-default .navbar-nav &gt; li &gt; a:hover, .navbar-default .navbar-nav &gt; li &gt; a:focus {  color: #FFF; }
.navbar-default .navbar-nav &gt; .active &gt; a, .navbar-default .navbar-nav &gt; .active &gt; a:hover, .navbar-default .navbar-nav &gt; .active &gt; a:focus { background-color: #FFF; color: #000; }
.navbar-default ul.social { margin-left: 20px; }
.navbar-default ul.social li { margin-right: 10px; margin-top: 27px; }
.navbar-default ul.social li span.fa { color: #ce3237; }
.navbar-default ul.social li a:hover span.fa { color: #FFF; }
.navbar-default .navbar-toggle { background-color: #FFF; border: 0px; }
.navbar-default .navbar-toggle span.icon-bar { background-color: #000; }
.navbar-default .navbar-collapse { border: 0px; box-shadow: none; }

#main-slider.carousel,.item,.active {height:100%;}
#main-slider.carousel-inner {height:100%;}
#main-slider.carousel .fa { font-size: 60px; }

#home {  width: 100%; padding: 0; display: table; margin: 0; max-width: none; }
#home .overlay {  width: 100%; padding: 0; display: table; margin: 0;  max-width: none; height: 100vh; }

#contact { background: #000; }

#services { background: #FFF; color: #000; }
#services h2 { color: #000; }
#services .text { font-style: italic; font-family: "Lato"; font-size: 16px; color: #000; padding-top: 40px; }
#services a.down-btn span.fa.fa-angle-down { margin-top: 0px; }
#services h4 { padding-top: 30px; }
#services .service { border: 0px; padding: 20px 25px; }
#services .service span { color: #ce3237; }
#services .show-reel iframe { width: 100% !important; }
#services .services-icon { max-width: 90px; }

#works .portfolio-item .hover-bg { height: 200px; }
#works h2 { color: #FFF; }
#works .hover-bg.background { left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#works .portfolio-item img { width: 100%; height: 100; }
#works .portfolio-item.columns-2 .hover-bg { height: 400px; }
#works .portfolio-item { position: relative; }
#works .hover-text { position: absolute; top: 50%; transform: translateY(-50%); }
#works .portfolio-item.columns-4 .hover-bg { height: 250px; }
#works a.down-btn span.fa.fa-angle-down { margin-top: 40px; }
#works .view-all:hover { background-color: #ce3237; }

#footer { font-size: 12px; text-transform: uppercase; background: #000; }
#footer p { margin: 0px; }
#footer a { color: #ce3237; }
#footer .social li { margin: 0px; }
#footer .page-scroll { position: fixed; right: 20px; bottom: 20px; }
#footer .page-scroll span.fa { font-size: 40px; }
#footer .page-scroll span.fa-angle-up { color: #ce3237; }

#transparent-black { background: rgb(0, 0, 0) ; opacity: 0.8; width: 100%; height: 100%; position: fixed; z-index: 2000; display: none; }
.modal { position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; z-index: 3000; }
.modal-content { background-color: #000; margin: auto; padding: 20px; width: 100%; max-width: 960px; max-height: 600px; height: 90%; border-radius: 0px; position: relative; z-index: 111111; opacity: 1; }
.modal .close { background-color: transparent; color: #FFF; float: right; font-size: 30px; text-shadow: none; position: absolute; right: 40px; top: 20px; }
.modal .close:hover, .modal .close:focus { background-color: transparent; color: #FFF; text-decoration: none; cursor: pointer; }
.modal h1 { color: #ce3237; font-size: 30px; text-align: left; margin: 0px; text-transform: uppercase; }
.modal h3 { color: #FFF; text-align: left; font-style: normal; margin: 0px; text-transform: uppercase; }
.modal p { color: #999; text-align: left; }
.modal iframe { width: 100%; padding-bottom: 10px;  }
.modal-dialog { width: 960px; }
.modal-header { border: 0px; padding-top: 0px; padding-bottom: 0px; }
.work-container { padding: 0px; }
.load-more-container { text-align: center; }
.load-more-container .page-scroll { display: block; }

.modal-dialog { position:absolute; top:50% !important; transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; -webkit-transform: translate(0, -50%) !important; margin:auto 5%; width:90%; height:80%;}
.modal-content { position:absolute; top:0; bottom:0; left:0; right:0; }
.modal-body { position:absolute; top:59px; bottom:0px; left:0; right:0; overflow-y:auto; }

.pace .pace-activity { display: none; }

/* Responsive */

@media (max-width: 768px) {
    .navbar-brand { padding: 10px 0px; }
    .navbar-brand &gt; img { max-height: 35px; margin-top: 12px; }
    .hover-text { opacity: 1 !important; }
    .hover-text&gt;h5 { opacity: 1 !important; letter-spacing: 2px; }
    .hover-text p.lead { padding-top: 10px; }
}

@media (max-width: 767px) {
    .navbar-nav { margin: 0px -15px; }
    .navbar-brand { padding: 0px; }
    .navbar-brand &gt; img { max-height: 30px; padding-left: 10px; }
    .navbar-default .navbar-nav &gt; li &gt; a { text-align: left; padding-top: 15px; padding-bottom: 15px; }
    .navbar-default ul.social { text-align: left; }
    .navbar-default ul.social li { margin-top: 15px; margin-bottom: 15px; }
    #contact { padding-bottom: 0px; }
    #contact .container { padding: 0px; }
    #contact iframe { position: relative; top: 6px; }
    #contact address { text-align: center; }
    #contact address::before { margin: 0px; display: block; margin-bottom: 10px; }
    #contact .social { display: none; }
    #home { min-height: auto; position: relative; top: 50px; }
    #main-slider .carousel-control, #main-slider .carousel-indicators { display: none; }
}

@media (max-width: 600px) {
    .modal-backdrop.in { opacity: 1 !important; }
    .modal-content { padding: 0px; }
    .modal .close { right: 10px; top: 0px; }
    .modal-header { position: relative; z-index: 3000; }
    .modal iframe { height: auto; }
    .modal-dialog { height: 100%; }
    .modal-body { top: 150px; }
}

@media (max-width: 414px) {
    #footer .pull-left, #footer .pull-right { width: 100%; text-align: center; }
    #footer .social { margin-top: 10px; margin-bottom: 0px; }
    #contact address { padding-bottom: 0px; }
    #works .portfolio-item.columns-2 .hover-bg { height: 250px; }
}
</pre></body></html>