@font-face { font-family: 'caviar_dreamsregular'; src: url('../fonts/CaviarDreams-webfont.eot'); src: url('../fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/CaviarDreams-webfont.woff') format('woff'), url('../fonts/CaviarDreams-webfont.ttf') format('truetype'), url('../fonts/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'chunkfive_exregular'; src: url('../fonts/chunkfive_ex-webfont.eot'); src: url('../fonts/chunkfive_ex-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/chunkfive_ex-webfont.woff') format('woff'), url('../fonts/chunkfive_ex-webfont.ttf') format('truetype'), url('../fonts/chunkfive_ex-webfont.svg#chunkfive_exregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'intro_lightregular'; src: url('../fonts/intro_light-webfont.eot'); src: url('../fonts/intro_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/intro_light-webfont.woff') format('woff'), url('../fonts/intro_light-webfont.ttf') format('truetype'), url('../fonts/intro_light-webfont.svg#intro_lightregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'intro_regularregular'; src: url('../fonts/intro_regular-webfont.eot'); src: url('../fonts/intro_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/intro_regular-webfont.woff') format('woff'), url('../fonts/intro_regular-webfont.ttf') format('truetype'), url('../fonts/intro_regular-webfont.svg#intro_regularregular') format('svg'); font-weight: normal; font-style: normal; } * { font-family: 'caviar_dreamsregular' !important; } .intro-regular { font-family:'intro_regularregular' !important; } .intro-light { font-family:'intro_lightregular' !important; } .popover-inner { z-index:999999999; } /* I wanted to center my loader */ #cycle-loader { height:32px; left:50%; margin:-8px 0 0 -8px; position:absolute; top:50%; width:32px; z-index:999; } /*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/ #maximage { display:none;/* Only use this if you fade it in again after the images load */ position:fixed !important; } /*Set my gradient above all images*/ #gradient { left:0; height:100%; position:absolute; top:0; width:100%; z-index:999; } .bgParallax { margin: 0 auto; width: 100%; position: relative; min-height: 100%; text-shadow:0 0 10px rgba(0,0,0,0.7); background-position: 50% 0; background-repeat: no-repeat; background-attachment: fixed; } /*Set my logo in bottom left*/ #logo { bottom:30px; height:auto; left:30px; position:absolute; width:34%; z-index:1000; } #logo img { width:100%; } #arrow_left, #arrow_right { color: #FFFFFF; cursor: pointer; font-size: 60px; font-weight: bold; position: fixed; text-decoration: none; z-index: 5; display:block; } #arrow_left { left:0; top:50%; margin-top:-120px; width:145px; height:227px; background:url("../img/back.png"); } #arrow_right { width:145px; height:227px; right:0; top:50%; margin-top:-120px; background:url("../img/forward.png"); } .in-slide-content { left:50%; top:50%; position:absolute; z-index:9999; margin-left:-51px; margin-top:-49px; width:102px; height:98px; } .smaller-text {font-size:30px;} .youtube-video, video { left:0; position:absolute; top:0; } .nav-container { width:100%; position:fixed; z-index:999; height: 100px; } .nav-container nav { height: 100px; background: url(../images/bg-topo.jpg) repeat-x center 0; } #demo-reel { background:url("../images/demo/demo2.jpg"); width:100%; height:735px; position:relative; z-index:9; background-size:cover; padding-top: 100px; background-attachment: fixed; } #demo-reel .btplay { left:50%; top:50%; margin-left: -51px; margin-top: -49px; position:absolute; } .pp_description {display:none !important;} ul.dropdown ul li a {margin:0 !important;} #making-of { background-image:url("../img/makingof.png"); width:100%; height:735px; position:relative; z-index:9; background-size:cover; display:table; background-attachment:fixed; background-color:#38120D; } /*erick*/ #sobrenos { position:relative; width: 100%; background: url(../images/bg-makingof.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; } #sobrenos .caixa-texto { /*background: none repeat scroll 0 0 red;*/ float: left; margin-left: 15%; margin-top: 50px; position: relative; width: 410px; z-index: 99; } #sobrenos .caixa-texto h2 { color: #DF5A2B; display: block; float: none; font-family: 'chunkfive_exregular' !important; font-size: 37px; letter-spacing: 0; } #sobrenos dl dt { color:#ac2325; font-size:27px; margin-bottom:20px; } #sobrenos dl dd { color:#ac2325; font-size:16px; text-align:justify; } #sobrenos div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #sobrenos .bg-1 { background: url(../images/menina.png) no-repeat right bottom; z-index: 4; } #sobrenos .bg-2 { background:url("../images/balao.png") no-repeat scroll 50% bottom transparent; z-index: 5; } #sobrenos .bg-3 { background: url(../images/predios.png) no-repeat 0 -310px; background-attachment: fixed; background-position: 0 bottom; z-index: 1; } #sobrenos .bg-4 { background: url(../images/som.png) no-repeat 0 bottom; z-index: 2; } #sobrenos .bg-5 { background: url(../images/microfone.png) no-repeat right -160px; z-index: 5; background-position:right bottom; } #sobrenos .bg-6 { background: url(../images/boneco.png) no-repeat left bottom; z-index:5; } #sobrenos .bg-7 { background: url(../images/singular-making.png) no-repeat 63% 57px; z-index: 6; } #sobrenos .bg-9 { background: url(../images/logo_drone.png) no-repeat 65% 300px; z-index: 6; } #sobrenos .bg-8 { background: url(../images/fundo-sobre-nos.png) no-repeat 0 0; z-index: 1; } .submenu { width: 100% !important; } .submenu li a{ padding: 0 !important; width: auto !important; } .img_making {margin-top:0 !important;} #cycle-nav {margin-top:50px;position:fixed;width:210px;margin-left:-105px;z-index:5;left:50%;bottom:20px;} #making-of-nav {width:100%;text-align:center;position:absolute;bottom:10px;} #cycle-nav a, #making-of-nav a { background: none repeat scroll 0 0 rgba(150, 150, 150, 0.1); margin: 0 10px; transition: all 0.2s ease 0s; background: none repeat scroll 0 0 rgba(150, 150, 150, 0.4); border-radius: 50% 50% 50% 50%; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1) inset; cursor: pointer; display: inline-block; height: 16px; margin: 0 5px; position: relative; width: 16px; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 0 2px rgba(255, 255, 255, 0.5) !important; } #cycle-nav a.activeSlide:after, #making-of-nav a.ativo:after { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); border-radius: 50% 50% 50% 50%; content: ""; height: 10px; left: 3px; position: absolute; top: 3px; width: 10px; } #cycle-nav a:hover , #making-of-nav a:hover , #cycle-nav a.activeSlide , #making-of-nav a.ativo { box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 0 5px rgba(255, 255, 255, 0.5) !important; } /* Use specific transition for fx: 'slideHorz' */ div.mc-image { -webkit-transition: left 1s ease-in-out; -moz-transition: left 1s ease-in-out; -o-transition: left 1s ease-in-out; transition: left 1s ease-in-out; } .portfolio_conteudo > .video-making-of {transition:none !important;display:none;overflow:hidden;position:absolute;left:50%;margin-left:-346px;} .portfolio_conteudo > .video-making-of.ativo{display:block;} .titulo_makingof{background-position:-960px 0;transition:1s background-position ease;} .laranja{background-position:left 60px;} .titulo_makingof.animado{background-position:center 0;} /*.titulo_conteudo.animado {background-position:center 0;}*/ .titulo_demo { background-position:right 50px; height: 150px; padding: 0; position: absolute; bottom: 140px; right: 40px; } #portfolio{ background: url("../images/fundo-portfolio.jpg") repeat; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; position: relative; overflow: visible; } #portfolio .bg-parallax { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #portfolio .bg-1 { background: url(../images/menino.png) no-repeat left bottom; } #portfolio .bg-2 { background: url(../images/boneco-portfolio.png) no-repeat right 360px; } #portfolio .bg-3 { background: url(../images/alvo.png) no-repeat right 53px; } .conteudo_videos { overflow: hidden; } #viajamos-o-mundo .topo-viajamos-mundo { background:rgba(194,194,195,0.7); text-align: center; padding: 20px 0; z-index: 9; position: relative; } #viajamos-o-mundo { background: url("../images/fundo-viajamos.jpg") repeat fixed 0 0 / cover transparent; position: relative; } #viajamos-o-mundo .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } #viajamos-o-mundo .bg-1 { background: url("../images/aviao.png") no-repeat left 0; } #viajamos-o-mundo .bg-2 { background: url("../images/mala.png") no-repeat left bottom; } #viajamos-o-mundo .bg-3 { background: url("../images/balao-viajamos.png") no-repeat right 0; } #viajamos-o-mundo .bg-4 { background: url("../images/nuvem.png") no-repeat right 350px; background-attachment: fixed; } div.popover { display:none !important;} #equipe .content{ position: relative; background: url("../images/fundo-equipe.jpg") repeat; padding-top: 0 !important; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; } #equipe .content > .container { z-index: 2; } #equipe .content >.bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #equipe .content > .bg-1 { background: url("../images/nuvem-equipe.png") no-repeat left 150px; background-attachment: fixed; } #equipe .content > .bg-2 { background: url("../images/luz.png") no-repeat left 170px; margin-left:5%; } #equipe .content > .bg-3 { background: url("../images/tablet.png") no-repeat left bottom; } #equipe .content > .bg-4 { background: url("../images/claquete.png") no-repeat right 0; margin-left:-3%; } #equipe .content > .bg-5 { background: url("../images/camera-man.png") no-repeat 0% bottom; } #equipe >.content { z-index:1; } .contato-title { color: #acacac; font-size: 37px; font-family: 'chunkfive_exregular' !important; text-transform: uppercase; position: absolute; top:-50px; } #contato .span8{ position: relative; } .versoes { position: absolute; right: 0; bottom: 0; background: #3c2e2f; width: 120px; height: 21px; padding: 3px 20px; } .versoes a { color: #e6612c; margin-right: 5px; text-decoration: none; line-height: 22px; font-size: 14px; } #contato .container { width: 1180px !important; margin-top: 50px; } #contato .container .span12 { width: 1180px !important; } #contato .formulario { width:500px !important; } .pos { margin-top:-80px; }