html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
.container { position: relative;     width: 1200px;    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
	.col-md-12{
	    width: 100%;
	}
	audio, canvas, progress, video{
	    display: inline-block;
    vertical-align: baseline;
   
	}
.faded { filter: alpha(opacity=30); opacity: .3; }
body.preloader-running { overflow: hidden; }
div#preloader { background: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; }
div#preloader #status {width: 300px;height: 200px; position: fixed; left: 50%; top: 50%;background-image: url("https://images.qijishow.com/load.gif"); background-repeat: no-repeat; background-position: center;margin: -110px 0 0 -150px;}
.loadm {position: fixed; top: 0; right: 0; bottom: 0; width: 100%;  height: 100%; left: 0; z-index: 99999;  outline: 0; background: #FFF; zoom:inherit!important;  }
.loadm div#status{width: 300px;height: 200px; position: fixed; left: 50%; top: 50%; background-image: url("https://images.qijishow.com/load.gif"); background-repeat: no-repeat; background-position: center;margin: -110px 0 0 -150px;}
section.alternate div.faded { filter: alpha(opacity=50); opacity: .5 }
.label { display: inline-block; margin: 6px 1px 0 0; padding: 5px 6px; -moz-border-radius: 0; border-radius: 0 }
.label.light { color: #888; background-color: #eee }
div.divider { width: 80px; border: #FFF 1px solid; margin-top: 0; margin-bottom: 10px }
.styleColor { color: #2A2F36 !important }
.styleBackground { background-color: #2A2F36 !important }
.whiteColor { color: #fff !important }
.big-paragraph, .big-paragraph p { font-size: 25px; line-height: 35px }
.plusNav { width: 36px; height: 36px; display: inline-block; border: 6px double #fff; background: #ccc; text-align: center; line-height: 23px; font-size: 30px; color: #fff; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -o-transition: all 300ms !important; transition: all 300ms !important }
.plusNav:hover { border: 6px solid #fff; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255, 255, 255, 0.5); opacity: .7 }
h1.big-title { font-size: 80px; line-height: 80px }
.big-icons-demo i { font-size: 50px }
section header h1, section header h2, section header h3 { color: #0F1113; font-weight: 100 }
section.arrow-down { background: #fff url('../img/down_white.png') no-repeat top center }
section.alternate { background: #F6F6F6 }
section.alternate.arrow-down { background: #F6F6F6 url('../img/down_alternate.png') no-repeat top center }
section .btn { margin-top: 30px; text-shadow: none }
.nav-tabs li:hover { border-bottom: 3px solid #327581; }
.btn.btn-primary, .btn.btn-default, .btn.btn-danger, .btn.btn-warning, .btn.btn-success, .btn.btn-info { border: rgba(255, 255, 255, 0.2) 2px solid; padding-left: 25px; padding-right: 25px; position: relative; -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -o-transition: all 300ms !important; transition: all 300ms !important }
.btn.btn-default { border: rgba(0, 0, 0, 0.05) 2px solid }
.btn:hover { border: rgba(0, 0, 0, 0.5) 2px solid !important }
.btn.btn-primary { background: #647282 }
.btn.btn-primary:hover, .btn.btn-default:hover, .btn.btn-danger:hover, .btn.btn-warning:hover, .btn.btn-success:hover, .btn.btn-info:hover { color: #2A2F36; background: #fff }
.btn.nofill { background: none !important }
.btn.nofill:hover { color: #0F1113 !important; background: #fff !important }
.input-group.bordered { -moz-border-radius: 0; border-radius: 0; border: rgba(255, 255, 255, 0.2) 6px solid !important }
.input-group.bordered .btn { border: 0 !important; margin-left: 1px !important }
.input-group.bordered input { border: 0 !important }
.modal {/* margin: 50px 0 0 0; */ padding: 0;/* overflow-y: auto */}
.modal-content { -moz-border-radius: 0 !important; border-radius: 0 !important; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px !important; box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px !important }
#newsletterForm .row div { padding: 0 !important }
.fa-hover a span { color: #000; font-size: 16px }
.l-container { -webkit-box-shadow: #181818 2px 2px 12px; -moz-box-shadow: #181818 2px 2px 12px; box-shadow: #181818 2px 2px 12px; overflow-x: hidden; overflow-y: auto; overflow: auto !important; position: relative; width: 100%; z-index: 2; -webkit-overflow-scrolling: touch; }
#header { margin: 0; padding: 0;position: absolute;min-height: 67px;left: 0; right: 0; color: #fff;z-index: 999;}
#header.fixed { position: fixed; margin-top: 0 !important; left: 0; right: 0; top: 0 }
#header .navbar { margin: 0; padding: 0;/* background: #FFF; *//* z-index: 9; */}
#header a.navbar-brand { padding: 0;color: #fff; margin: 15px 0; line-height: 60px; font-size: 25px; font-weight: 400; text-transform: uppercase; padding-left: 15px;transition: none;}
#header a.navbar-brand .white { color: #fff }
#header a.navbar-brand .dark { color: #232428 }
#header a.navbar-brand img { margin: 0; padding: 0; margin-top: -7px; margin-right: 6px }
#header .navbar-inverse { border: 0; border-radius: 0;     background-color: rgba(236, 236, 236, 0.95);/* height: 67px; */width: 100%;}
#header .navbar-inverse ul.nav {margin-right: 20px;-webkit-transition: .25s ease-in-out;     -moz-transition: .25s ease-in-out;     -ms-transition: .25s ease-in-out;     -o-transition: .25s ease-in-out;     transition: .25s ease-in-out;}
#header .navbar-inverse ul.nav a { color: #B7B7B7; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; font-weight: 400; padding-top: 25px; padding-bottom: 25px; font-family: 'Avenir-Light', Open sans;padding: 26px 12px 0;}
#header .navbar-inverse ul.nav li.active a, #header .navbar-inverse ul.nav a:hover { text-decoration: underline; }
#header .navbar-collapse { padding: 0;-webkit-transition: .25s ease-in-out;     -moz-transition: .25s ease-in-out;     -ms-transition: .25s ease-in-out;     -o-transition: .25s ease-in-out;     transition: .25s ease-in-out;}
#mobileMenu {color: #000; display: none}
#header .navbar-inverse.white { background: #fff; box-shadow: #f6f6f6 0 2px 2px }
#header .navbar-inverse.white #mobileMenu, #header .navbar-inverse.white .navbar-brand { color: #0F1113 }
#header .navbar-inverse.white ul.nav a:hover { color: #000 }
#header a.btn-fullscreen { display: inline-block; float: right; font-size: 26px; background: #232428; color: #ABA798; right: 0; top: 0; bottom: 0; width: 60px; text-align: center; line-height: 60px; display: none }
#header .navbar-inverse.white a.btn-fullscreen { background: #F6F6F6; color: #ccc }
#home.full-screen-home { background: #f6f6f6; height: 100%; overflow: hidden; margin: 0; padding: 0;/* position: fixed; */ width: 100%;/* top: 0; */position: relative;}
.buttonBar { display: none; }
#slider .fullscreen-img { background-repeat: no-repeat; background-position: 50% 50%; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
#slider li { display: none }
.image-caption { text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -30px; display: inline-block; max-width: 900px; z-index: 1; color: #fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
#home .image-caption hr { width: 220px; height: 1px; background: #fff; margin: 2px auto; border: 0 }
#home .image-caption h1, #home .image-caption h2 { font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 600%; line-height: 95%; text-transform: uppercase; text-shadow: none; color: #fff; display: block }
#home .image-caption p { font-family: 'Open Sans', sans-serif; font-size: 200%; line-height: 100%; font-weight: 300; color: #fff; text-transform: uppercase; text-shadow: none }
#home .image-caption .inner { display: block; padding: 40px 0 }
#slider .image-caption img.img-responsive { width: 100% !important; height: auto !important; position: relative !important; z-index: 10 !important; left: auto !important; top: auto !important }
#home .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 0 }
#slider a.next, #slider a.prev { top: 50%; color: #fff; font-size: 62px; filter: alpha(opacity=50); opacity: .5; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
#slider a.next:hover, #slider a.prev:hover { color: #fff; font-size: 70px; filter: alpha(opacity=100); opacity: 1 }
#slider a.prev { left: 10px }
#slider a.prev:after { font-family: FontAwesome; content: 'f104' }
#slider a.next { right: 10px }
#slider a.next:after { font-family: FontAwesome; content: 'f105' }
#home.half-screen #slider, #home.half-screen, #home.half-screen li { height: 550px !important; margin: 0; padding: 0 }
#home.full-screen-home, #home.half-screen {background:#F0F0F0 url('../img/loading.gif') no-repeat center;min-height: 100%;}
#home.full-screen-home video { min-width: 100%; min-height: 100%; }
#slider .slides-pagination { bottom: 100px }
#home.half-screen .slides-pagination { bottom: 66px }
#home.video {/* background-position: center center; *//* background-repeat: no-repeat; *//* background-size: cover; */ z-index: 0;}
#video-volume { bottom: 105px; left: 50%; margin: 0 0 0 -15px; position: absolute; z-index: 10; width: 30px; height: 30px; line-height: 26px; font-size: 20px; text-align: center; border-radius: 50%; border: 2px solid #fff; color: #FFF; cursor: pointer }
#ajax_modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: #fff; overflow-y: auto; z-index: 999 }
#ajax_modal .btn-modal { display: block; margin-top: -80px; text-align: center; margin-bottom: 30px }
#ajax_modal button.close-modal { background: url('../img/icons/close.png') no-repeat; background-position: -35px -33px; display: inline-block; width: 73px; height: 73px }
#ajax_modal button.close-modal:hover { background-position: -35px -173px }
figure.top { position: absolute; top: 4px }
figure.bottom { position: absolute; bottom: 4px }
.skill { border: #fff 4px solid; border-bottom: 0; width: 200px; height: 200px; text-align: center; position: relative; display: inline-block; margin: 30px 15px; -moz-border-radius: 50%; border-radius: 50% }
.skill h2 { padding-top: 40px; font-size: 60px; line-height: 60px; display: block; color: #fff }
.skill h3 { display: inline-block; border-top: #fff 1px dashed; color: #fff; font-size: 20px; line-height: 20px; padding-top: 8px; margin-top: 8px }
.skill i { font-size: 50px; position: absolute; display: block; bottom: -26px; left: 50%; margin-left: -25px; color: #fff }
section.cover, div.inner-cover { position: relative; padding: 150px 0; display: table; width: 100%; background: #0F1113; background-position: center center; background-repeat: no-repeat; background-size: cover }
div.inner-cover { margin-bottom: 80px }
div.inner-cover h1, div.inner-cover h2, div.inner-cover h3 { color: #fff }
div.inner-cover.project { padding: 200px 0 }
.cover * { color: #fff; position: relative; z-index: 10 }
.cover .overlay { position: absolute }
.cover q { font-size: 40px; line-height: 50px; display: block }
.cover cite { font-size: 28px; padding-top: 30px; display: block }
ul.pagination li.active a, ul.pagination li.active a:hover { background-color: #0F1113; border-color: #ddd }
#container-jobs { margin: 50px auto;    /* width: 1010px; */ }
.item { position: relative; float: left;width: 290px;height: 250px; color: #262524;padding: 5px;}
.item.width2 {width: 580px;}
.isotope, .isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity }
#about {background-image: url('../img/cocktail-b2.jpg');}
#about .row > div { min-height: 850px;display: table;}
.icoVimeo { margin-top: 4px }
.icoFlickr { margin-top: 16px }
.icoFVimeo { margin-top: 6px }
.icoFFlickr { margin-top: 13px }
#reel {     
	    background-size: cover;
    min-height: 850px;
    display: table;
    width: 100%;
    overflow: hidden;
    width: 100%;
    background-size: cover;
    min-height: 850px;
    position: relative;
    background: url('../img/cocktail-b1.jpg') center 0;}
#reel .row > div:not(.triangle){min-height: 560px;}
#work {background: #F5F5F5 url(../img/bg-noise.png);padding: 120px 0;}
.raster { background-image: url('../img/bg.png'); position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

#contact .row > div{ min-height: 640px;display: table;}
#work h1 { color: #327581; }
#filters li { cursor: pointer; padding: 0 5px; margin: 23px 22px 0; font-family: 'Consolas'; font-size: 16px; letter-spacing: 2px; }
#filters li.btnFoto { color: #0180e6; }
#filters li.btnFoto:hover { border-color: #0180e6; }
#filters li.btnVideo { color: #60cdb7; }
#filters li.btnVideo:hover { border-color: #60cdb7; }
#filters li.btnVideo.active { border-color: #60cdb7; }
#filters li.btnFoto.active { border-color: #0180e6; }
#filters li.btnTudo { color: #337581; }
#portfolio .item {overflow: hidden; position: relative;margin-bottom: 5px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3;/* opacity: 0.3; */}
#portfolio .item .details { bottom: 0; width: 100%; background: rgba(12, 203, 237, 0.9); padding: 15px 10px; position: absolute; z-index: 9;min-height: 60px;display: table;}
#portfolio .item.itemc2 .details { bottom: 0; width: 100%; background: rgba(12, 203, 237, 0.9); padding: 15px 10px; position: absolute; z-index: 9; }
#portfolio .item .details p { font-size: 16px; font-weight: 400; color: #FFF; border-top: 1px solid #FFF; padding-top: 20px; text-transform: uppercase; text-align: center; font-family: Lato }
#portfolio .item .overlayy { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; opacity: 0; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; background: rgba(12, 203, 237, 0.9); }
#portfolio .item.itemc2 .overlayy { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; opacity: 0; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; background: rgba(12, 203, 237, 0.9); }
#portfolio .item:hover .overlayy { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-backface-visibility: hidden }
#portfolio .item img { display: block; width: 100%; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; -ms-transition: all .4s ease-out; transition: all .4s ease-out; }
#portfolio .item .overlay-img-thumb { position: absolute; top: 50%; left: 50%; color: #FFF; font-size: 32px; line-height: 1em; opacity: 1; filter: alpha(opacity=100); margin: -16px 0 0 -16px; background: url(../img/plus.png) no-repeat; text-indent: -99999px; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; }
#portfolio .item .details h2 {font-size: 13px; text-transform: uppercase; line-height: 15px; color: #FFF; font-family: 'Avenir-Light', Open sans-serif;display: table-cell;vertical-align: middle;}
#portfolio .project-image a {height: 245px; display: block}
.inactive { visibility: hidden !important; opacity: 0 !important; -webkit-transform: scale(0) !important; -moz-transform: scale(0) !important; -o-transform: scale(0) !important; transform: scale(0) !important }
.fixed-folio-item { visibility: visible !important; opacity: 1 !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important }
.frameAbout {/* font-family:'NexaLight',Arial; */font-weight: 100; padding: 0 60px; }
.frameAbout h1 { color: #7de5d0; font-size: 34px; margin: 50px 0 20px; font-weight: 700 }
.frameAbout p { font-size: 14px;line-height: 260%; white-space: pre-line;    float: left;
    margin: 5px 16px 10px;}
.frameAbout p span { background: #FFF; color: #000;padding: 8px 20px 6px;}
.frameAbout .linksSociais { width: auto; text-align: center; display: inline-block; margin-top: 30px }
.frameAbout .linksSociais li { float: left; display: inline-block; padding: 20px 30px }
#contact .linksSociais { width: auto; text-align: center; display: inline-block; margin-top: 17px }
#contact .linksSociais li { float: left; display: inline-block; padding: 0 13px }
#about .me-picture { position: relative; display: block; margin-bottom: 60px }
#about .me-picture .item { border: #fff 20px solid; display: inline-block; position: relative; z-index: 1; overflow: hidden }
#about .me-picture img { border: #F6F6F6 10px solid; width: 240px; height: 240px; -moz-border-radius: 50%; border-radius: 50% }
#about .me-picture hr { margin: 0 !important; position: absolute; top: 50%; width: 100%; z-index: 0 }
#about .socials { display: none; position: absolute; width: 240px; height: 240px; line-height: 236px; z-index: 5; left: 0; top: 0; background: rgba(255, 255, 255, 0.5); -moz-border-radius: 50%; border-radius: 50% }
#about .socials a { background: rgba(15, 17, 19, 0.7) }
#about .me-picture h3 { background: rgba(15, 17, 19, 0.7); display: block; color: #fff; padding: 6px 6px 20px 6px; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 18px; position: absolute; left: 0; right: 0; bottom: 0 }
#about .member-name { position: absolute; left: 0; right: 0; bottom: 0; display: block; border: transparent 10px solid; width: 240px; height: 240px; overflow: hidden; z-index: 4; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms }
#about .member-name h3 small { font-size: 12px; display: block; margin-top: 6px }
#about .me-picture .item:hover .socials { display: block }
#reel header h1 { color: #FFF; font-size: 60px }
#feel div.divider { width: 120px; border: #FFF 2px solid; margin: 0 auto 40px; }
#feel { background: url('../img/bg04.jpg') 0; height: 840px; padding: 0; width: 100%; background-size: cover; }
#feel .bgBlueOp { background: rgba(157, 230, 215, 0.8); height: 100%; padding: 160px 0; width: 100%; position: absolute; margin-top: 700px; opacity: 0; }
#feel h1 { color: #FFF; font-size: 60px; line-height: 120% }
#feel article { color: #FFF; font-size: 33px; line-height: 130%; width: 690px; margin: 0 auto; }
.pad-top { padding-top: 100px }
.pad-bottom { padding-bottom: 100px }
.pad-top-half { padding-top: 60px }
.pad-bottom-half { padding-bottom: 60px }
#contact .address {/* background:#FFF; */text-transform: uppercase;/* color:#327581; */ font-size: 14px; padding: 25px 0; font-family: 'Consolas'; height: 340px;max-width: 430px; text-align: left;}
section.util-row { color: #fff; position: relative; overflow: hidden; background: #333; padding: 40px 0 }
section.util-row .btn { background: #333 }
section.util-row h1 { color: #fff }
section.util-row h2, section.util-row h3, section.util-row h4, section.util-row h5, section.util-row h6 { color: #fff }
section.util-row h3:after { content: '0A0 2014' }
section.util-row div.separator { border-left: rgba(255, 255, 255, 0.1) 1px solid }
section.util-row p { font-size: 16px; line-height: 20px }
section.util-row .newsletter-subscribe { padding-top: 10px; padding-bottom: 10px }
footer { padding: 0; font-size: 13px; position: relative;background: #000; margin: 0;width: 100%;padding: 30px 0 0 0px;text-align: right;}
footer .copyright { padding-top: 10px }
footer .copyright i.fa-heart { color: #D05B51 }
footer .copyright a { color: #777 }
footer .copyright a:hover { text-decoration: underline }
footer a.social { width: 40px; height: 40px; line-height: 42px }
footer a.toTop { position: absolute; left: 50%; top: -23px; margin-left: -20px; background: rgba(0, 0, 0, 0.5); padding: 10px 16px; bottom: 0; font-size: 23px; z-index: 100; color: #fff; -webkit-border-top-right-radius: 9px; -webkit-border-top-left-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-topleft: 9px; border-top-right-radius: 9px; border-top-left-radius: 9px }
#portfolio .isotope-item {display: inline-block;/* margin: 8px; */ -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -o-transition: all 300ms !important; transition: all 300ms !important}
#portfolio .isotope-item a { display: block; position: relative; overflow: hidden }
#portfolio .isotope-item .caption { position: relative; display: block; background: #fff; padding: 40px 20px 20px 20px; text-align: center }
#portfolio .isotope-item .caption h3 { font-family: 'Open Sans'; font-size: 14px; line-height: 14px; font-weight: 700 }
#portfolio .isotope-item .caption p { font-size: 12px; padding: 0; text-transform: uppercase; display: inline-block; color: #999; border-top: #999 1px dashed; margin-top: 6px }
#portfolio .isotope-item .caption i.fa { background: #333; padding: 14px; color: #fff; position: absolute; width: 50px; height: 50px; margin-top: -66px; margin-left: -25px; left: 50%; background: #fff; color: #0F1113; border: #fff 2px solid }
#portfolio .isotope-item a:hover i.fa { color: #2A2F36 }
#portfolio .bstrap-tabs { margin-top: 0; text-align: right; }
.project-thumbnails .row div { margin: 5px 0 }
.social.social-nav { margin-top: 19px; list-style: none; position: relative; z-index: 100; float: right; }
.social.social-nav.footer li { border: 1px solid #000; border-radius: 100%; margin: 0 5px 0 0; }
.social.social-nav.side { border-bottom: 2px solid #f8d6c2; border-top: 2px solid #f8d6c2; text-align: center; padding: 10px 0 0 0; margin: 30px 0 0 0; }
.social.social-nav.side li { margin: 0 5px 5px 3px; }
.social { padding: 0; margin: 0; list-style: none; position: relative; z-index: 100; }
.social li {     display: inline-block;
    width: 42px;
    height: 40px;
    text-align: center;
    margin-bottom: 0;
    float: left;
    margin: 0 2px;}
.social li:hover {}
.social li a { display: table; position: relative; color: #FFF; text-decoration: none; line-height: 160%;transition: none;}
.A {top: 1860px;right: 0; position: absolute;z-index: 1; pointer-events:none;}
.H1 {top: 149px; left: 0; position: absolute;z-index: -1; pointer-events:none;}
.L {top: 2000px;left: -30px; position: absolute; z-index: 1; pointer-events:none;}
.U {top: 0;left: -120px; position: absolute;z-index: -1; pointer-events:none;}
.Z {top: 129px; right: 0; position: absolute; z-index: 1; pointer-events:none;}
#contact .address p { line-height: 130%; background: #FFF; margin: 10px 0; padding: 8px 10px 4px;font-size: 15px; display: table; color: #000; letter-spacing: 1px;}
#contact .divider { border: 1px solid #7de5d0; width: 50px; display: block; margin: 10px auto 13px }
#contact .address a { font-size: 13px; background: #00d6fa; padding: 3px 10px 1px; color: #000;font-size: 15px; margin: 7px 0; display: inline-block;}
#contact .address a:hover { background: #000000; color: #00D6FA; }
.no-glutter { padding-left: -15px !important }
.thumbsFooter { padding-top: 70px }
.thumbsFooter .item img { width: 200px; border: 6px solid #FFF }
.owl-prev { left: -40px; background: url(../img/btnPrev.png) no-repeat }
.owl-next { right: -50px; background: url(../img/btnNext.png) no-repeat }
.MichelRefatti { position: absolute; bottom: 20px; left: 50%; margin-left: -40px }
#filters li.active { border-bottom: 3px solid #327581; }/* google map */

.project-image { width: 100%; position: relative; overflow: hidden; }
#trigger1 { left: 0; }
#trigger2 { left: 0; top: 3567px; }
.trigger { position: absolute; z-index: 9999999; }
.portfolios.img .title { background: #FFF; display: inline; line-height: 160%; color: #0180e6; font-size: 60px; padding: 8px 0 0; }
.portfolios.img .contentPorts p, .portfolios.video .contentPorts p { background: #FFF; display: -webkit-inline-box; clear: both; padding: 6px 7px; margin-bottom: 10px; line-height: 120%; font-size: 16px; color: #327581; font-weight: 500; }
.portfolios.video .title { background: #FFF; display: inline; line-height: 100%; color: #5cb6a4; font-size: 60px; padding: 8px 0 0; }
.role:before { display: block; content: ''; width: 60px; height: 2px; margin: 0px 0 20px 6px; background: #5cb6a4; }
.middle {display: table-cell; vertical-align: middle; width: 100%;position: relative;/* text-align: center; */}
.square { width: 560px; height: 530px; border: 2px solid #FFF; position: absolute;top: 190px; left: 30%; z-index: -1;}
.triangle { left: 50%;margin-left: -440px;top: 13%; border: inherit;position: absolute;z-index: -1;}
.vdeoreel { width: 100%; }
.h-fix { position: fixed; width: 100%;overflow: hidden;}
.logo-branco-haluz { position: absolute; top: 50%; left: 50%;     margin-left: -160px;
    margin-top: -70px; z-index: 90; }

.modal-backdrop.in{opacity: .9;z-index: 999;pointer-events: none;}
.modal-lg { width: 80%;margin: 10px auto;}
.modal-body { padding: 0 0 10px 0; }
.modal-header { border: 0; padding: 7px 15px 0px;height: 34px;}
.modal-content { border-radius: 0; border: 0; /* background: #000; */ box-shadow: none;-webkit-box-shadow: none;}
.close { color: #000000; text-shadow: none; box-shadow: none; opacity: 1; font-size: 40px; }
.close:hover { text-decoration: underline; opacity: 1; }
.modal-work p{ clear:both;}
p.port-mob-tit { margin: 130px 0; font-size: 19px; color: #000; text-align: center; }
a.sprite.goodfellas { margin: 0; padding: 0; display: inherit; float: right; }
.video-mob {position: absolute;top: 50%;    /* left: 0; */width: 95%;margin-top: -205px; padding: 0;display: table-cell;}
section#contact .container {display: table;}

@media only screen and (min-width:769px) and (max-width:1200px) {
	#portfolio .isotope-item {/* width: 250px; */}
	 .item{width: 240px;/* height: 260px; */}
    .item.width2{width: 480px;}
    .item.height2{height: 520px; }
    .A {width: 290px;}
	.H1 {top: 149px; left: 0; position: absolute;z-index: -1; pointer-events:none;}
	.L {top: 1910px;left: -80px; position: absolute; z-index: 1; pointer-events:none;}
	.U {top: 0;left: -120px; position: absolute;z-index: -1; pointer-events:none;}
	.Z {top: 129px; right: 0; position: absolute; z-index: 1; pointer-events:none;}
}
@media only screen and (max-width:768px) {
	
	ul.bstrap-tabs { width: 100%; text-align: center !important; }
	#filters li { display: inline-block; float: left; margin: 30px auto; width: 33%; font-family: 'Consolas'; font-size: 19px; text-align: center; }
}
@media only screen and (max-width:960px) {
	#work {/* background: #FFF; */padding: 60px 0;}
	.scrollmagic-pin-spacer { display: none; }
	div.services-nav { padding-left: 36px }
	#header .navbar-collapse { float: inherit !important;border: 0;background-color: rgba(255, 255, 255, .2);margin: 0 -15px;text-align: center;height: 90vh;}
	figure.top { margin-top: 0 }
	.item{width: 355px;/* height: 383px; */}
    .item.width2{width: 355px;}
    .item.height2{height: 440px; }
}

/* Landscape */ 
@media only screen and (min-device-width: 374px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
	#home .image-caption hr {}
#home .image-caption h1, #home .image-caption h2 {}
#home .image-caption p {}
#home .image-caption .inner {}
#slider .image-caption img.img-responsive {}
#home .overlay {}
#slider a.next, #slider a.prev {}
#slider a.next:hover, #slider a.prev:hover {}
#slider a.prev {}
#slider a.prev:after {}
#slider a.next {}
#slider a.next:after {}
#home.half-screen #slider, #home.half-screen, #home.half-screen li {}
#home.full-screen-home, #home.half-screen {}
#home.full-screen-home video {}
#slider .slides-pagination {}
#home.half-screen .slides-pagination {}
#home.video {}
#video-volume {}
#ajax_modal {}
#ajax_modal .btn-modal {}
#ajax_modal button.close-modal {}
#ajax_modal button.close-modal:hover {}
figure.top {}
figure.bottom {}
.skill {}
.skill h2 {}
.skill h3 {}
.skill i {}
section.cover, div.inner-cover {}
div.inner-cover {}
div.inner-cover h1, div.inner-cover h2, div.inner-cover h3 {}
div.inner-cover.project {}
.cover * {}
.cover .overlay {}
.cover q {}
.cover cite {}
ul.pagination li.active a, ul.pagination li.active a:hover {}
#container-jobs {}
.item {}
.item.width2 {}
.isotope, .isotope .isotope-item {}
.isotope {}
.isotope .isotope-item {}
#about {min-height: 100%;}
#about .row > div {
    min-height: 100%;
}
.icoVimeo {}
.icoFlickr {}
.icoFVimeo {}
.icoFFlickr {}
#reel {
    min-height: 650px;
}
#reel .row > div:not(.triangle){
    min-height: 410px;
}
#work {}
.raster {}
#contact {}
#contact .row > div{}
#work h1 {}
#filters li {}
#filters li.btnFoto {}
#filters li.btnFoto:hover {}
#filters li.btnVideo {}
#filters li.btnVideo:hover {}
#filters li.btnVideo.active {}
#filters li.btnFoto.active {}
#filters li.btnTudo {}
#portfolio .item {}
#portfolio .item .details {}
#portfolio .item.itemc2 .details {}
#portfolio .item .details p {}
#portfolio .item .overlayy {}
#portfolio .item.itemc2 .overlayy {}
#portfolio .item:hover .overlayy {}
#portfolio .item img {}
#portfolio .item .overlay-img-thumb {}
#portfolio .item .details h2 {}
#portfolio .project-image a {}
.inactive {}
.fixed-folio-item {}
.frameAbout {
    width: 50%;
    margin: 0 auto;
    min-width: 350px;
}
.frameAbout h1 {}
.frameAbout p {
    /* white-space: inherit; */
    line-height: 230%;
}
.frameAbout p span {
    /* padding: 10px 0; */
}
.frameAbout .linksSociais {}
.frameAbout .linksSociais li {}
#contact .linksSociais {}
#contact .linksSociais li {}
#about .me-picture {}
#about .me-picture .item {}
#about .me-picture img {}
#about .me-picture hr {}
#about .socials {}
#about .socials a {}
#about .me-picture h3 {}
#about .member-name {}
#about .member-name h3 small {}
#about .me-picture .item:hover .socials {}
#reel header h1 {}
#feel div.divider {}
#feel {}
#feel .bgBlueOp {}
#feel h1 {}
#feel article {}
.pad-top {}
.pad-bottom {}
.pad-top-half {}
.pad-bottom-half {}
#contact .address {}
section.util-row {}
section.util-row .btn {}
section.util-row h1 {}
section.util-row h2, section.util-row h3, section.util-row h4, section.util-row h5, section.util-row h6 {}
section.util-row h3:after {}
section.util-row div.separator {}
section.util-row p {}
section.util-row .newsletter-subscribe {}
footer {}
footer .copyright {}
footer .copyright i.fa-heart {}
footer .copyright a {}
footer .copyright a:hover {}
footer a.social {}
footer a.toTop {}
#portfolio .isotope-item {}
#portfolio .isotope-item a {}
#portfolio .isotope-item .caption {}
#portfolio .isotope-item .caption h3 {}
#portfolio .isotope-item .caption p {}
#portfolio .isotope-item .caption i.fa {}
#portfolio .isotope-item a:hover i.fa {}
#portfolio .bstrap-tabs {}
.project-thumbnails .row div {}
.social.social-nav {}
.social.social-nav.footer li {}
.social.social-nav.side {}
.social.social-nav.side li {}
.social {}
.social li {}
.social li a {}
.social li a i {}
.A {}
.H1 {
    display: none;
}
.L {}
.U {}
.Z {}
#contact .address p {}
#contact .divider {}
#contact .address a {}
#contact .address a:hover {}
.no-glutter {}
.thumbsFooter {}
.thumbsFooter .item img {}
.owl-prev {}
.owl-next {}
.MichelRefatti {}
.middle {/* display: inherit; */}
}

@media only screen and (max-width:767px) {
	section {/* text-align: center */}
	figure.pull-left, figure.pull-right { float: none !important; display: block !important; margin-bottom: 30px !important }
	#home .image-caption h1, #home .image-caption h2 { font-size: 450% }
	#mobileMenu { display: block;width: 30px;height: 44px; float: right; margin-right: 0px;font-size: 25px; text-align: right; position: relative; z-index: 9;background: transparent;border: 0;padding: 0;}
	/* HAMBURGER MENU */
	.hamburger-menu { width: 33px; height: 64px; float: right; margin: 10px 0; cursor: pointer; overflow: hidden; position: relative; }
	.hamburger-menu span { width: 30px; height: 5px;background: #000; display: block; position: absolute; left: 0;}
	.hamburger-menu span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
	.hamburger-menu span:nth-child(1) {top: 9px;}
	.hamburger-menu span:nth-child(2), .hamburger-menu span:nth-child(3) {top: 19px;}
	.hamburger-menu span:nth-child(4) {top: 29px;}
	.hamburger-menu.menu-open span:nth-child(1), .hamburger-menu.menu-open span:nth-child(4) {top: 17px; left: 50%; width: 0%;}
	.hamburger-menu.menu-open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.hamburger-menu.menu-open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	#header a.btn-fullscreen { display: none !important }
	#header .navbar-inverse ul.nav a {padding: 9px 30px;font-size: 22px;font-weight: bold;letter-spacing: 5px;}
	a.service { width: 49%; margin: 15px 0 }
	section.util-row div.separator { margin-top: 20px; padding-top: 30px; border: 0; text-align: center; border-top: rgba(255, 255, 255, 0.1) 1px solid }
	footer a.toTop { bottom: auto; -moz-border-radius: 8px; border-radius: 8px }
	footer .copyright { padding-top: 30px; padding-bottom: 30px }
	footer div.text-right, footer { text-align: center;}
	#header { position: absolute; left: 0; top: 100%; right: 0; margin-top: 0 !important }
	.frameAbout {padding: inherit;}
	#header .navbar-inverse ul.nav{margin: 0;height: 90vh;opacity: 0;}
	.navbar-nav > li{margin: 20px 0;}
	.social.social-nav {margin: 17px 10px 0 -70px;position: absolute;bottom: 40px;left: 50%;transition: .25s ease-in-out;opacity: 0;-webkit-transition-delay: .3s; /* Safari */transition-delay: .3s;}
	.social li {margin: 0 2px; float: left;/* width: 25px; *//* height: 25px; */}
	.social li a { }
	.social li a i { font-size: 15px;line-height: 110%;}
	.video-mob { position: absolute; top: 50%;width: 90%; margin-top: -70px;left: 50%;margin-left: -45%;}
	#contact .address p { font-size: 16px; }
	#contact .address a { font-size: 15px; }
	.item,.item.width2{width: 48%;margin: 0 5px;}
	.modal-lg { width: 100%; margin: 0; }
}
@media only screen and (min-width:768px) and (max-width:991px) {
	#header .navbar-inverse ul.nav a { padding: 25px 10px; font-size: 14px; }
	.modal-lg { width: 100%; margin: 0; }
}
@media only screen and (max-width:479px) {

	#home .image-caption h1, #home .image-caption h2 { font-size: 45px; line-height: 45px }
	#home .image-caption p { font-size: 26px; line-height: 30px }
	div.divider { margin: 0 auto 10px; }
	#filters li { display: inline-block; float: left; margin: 30px auto; width: 33%; font-family: 'Consolas'; font-size: 19px; text-align: center; }
	#feel h1 { font-size: 36px; font-family: 'Consolas'; }
	#feel article { font-size: 23px; font-family: 'Consolas'; }
	.owl-next { right: -30px !important }
	.owl-prev { left: -20px !important }
	.middle { display: inherit; }
	.frameAbout {padding: 30px 0px 0; width: 95%; margin: 0 auto;}
	.frameAbout h1 { font-size: 30px; }
	.frameAbout p {font-size: 13px; font-family: 'Consolas';text-align: left;/* white-space: inherit; */padding: 0px;line-height: 270%;}
	.frameAbout .linksSociais li { padding: 20px 21px; }
	#about {padding: 110px 0 0;min-height: 620px;}
	#about .row > div, #contact .row > div{min-height: inherit;}
	#reel{min-height: 650px;}
	#reel .row > div {min-height: 510px;}
	#contact{min-height: 530px;}
	#work {/* background: #FFF; */padding: 0;}
	#header a.navbar-brand { margin-left: 0;width: 200px;zoom: 63%;margin: 29px 0 0 0;}
	#portfolio .project-image a { height: inherit; }
	#feel .bgBlueOp { padding: 90px 0 }
	#feel .bgBlueOp header, #feel .bgBlueOp article { width: 470px; margin: 0 auto; }
	#slider .slides-navigation a { top: auto; bottom: 30px }
	#slider .slides-pagination { bottom: 30px }
	#header {position: fixed; left: 0;top: 0;right: 0;margin-top: 0 !important;width: 100%;}
	#services .cover { display: none }
	.input-group.bordered input { font-size: 15px; text-align: center }
	.input-group.bordered, .input-group.bordered input, .input-group.bordered .input-group-btn, .input-group.bordered .btn { display: block !important; width: 100% !important; margin: 0 !important }
	.input-group.bordered .input-group-btn .btn { margin-top: 1px !important }
	ul.bstrap-tabs { width: 100%; text-align: center; }
	ul.bstrap-tabs li, ul.bstrap-tabs li a { width: 100%; height: auto; display: block; margin: 0 -1px; -moz-border-radius: 0; border-radius: 0 }
	ul.bstrap-tabs li { margin-bottom: 1px }
	ul.bstrap-tabs li, ul.bstrap-tabs li a, ul.bstrap-tabs li.active a { border: 0; }
	ul.bstrap-tabs li.active a { border: 0 !important; background: #eee !important }
	ul.bstrap-tabs li a i { display: none }
	.newsletter-subscribe { padding-right: 15px !important }
	.frameAbout p span {padding: 7px 10px;}
	.item,.item.width2{width: 95%;margin: 0 7px;max-height: 440px;min-height: 300px;margin: 0 10px;}
	#portfolio .item img{
    height: 290px;
    width: inherit;
    margin: 0 auto;
}
	.modal-lg { width: 100%; margin: 0; }
	#contact .address { padding: 60px 0 0 0; }
}

/*导航条*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

::-webkit-scrollbar-button:vertical {
	display: none
}

::-webkit-scrollbar-track:vertical {
	background-color: black
}

::-webkit-scrollbar-track-piece {
	background: #EAEAEA
}

::-webkit-scrollbar-thumb:vertical {
	background-color: #d1ab73;
	border-radius: 4px
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #c49e66
}

::-webkit-scrollbar-corner:vertical {
	background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
	background-color: #FF6E00
}

@media screen and (max-width: 1370px){
.visible2{
    width: 65%;
    height: 500px;
    margin: auto;
}
.frameAbout{
    padding: 0 5px;
}
#about{
    min-height: 850px;
}
#reel{
    min-height: 630px;
}
}

@media (max-width: 1000px) {
  .logo-branco-haluz{
     position: absolute;
    left: 6%;
    z-index: 90;
    margin: auto;
    width: 284px;
    height: 180px;
  }
  .container{
  width: 100%;
  }
#home.video{
      position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: #000000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-text-size-adjust: none;
    background-attachment: fixed;
    background-image: url(../img/buse.jpg);
    background-repeat: no-repeat;
    background-position: center center;
  }
  #home.full-screen-home video{
    display: none;
  }
 .frameAbout{
  display:none;
  }
  #reel{
   display:none;
  }
  #contact{
  display:none;
  }
  footer div.text-right, footer{
  display:none;
  }
    #header{
  display:none;
  }
      #about{
  display:none;
  }
}