/* ---------------------------------------------------------------------- */ /* Reset & Clearfix (normalize.css v3.0.2) /* ---------------------------------------------------------------------- */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} .clearfix:before, .clearfix:after {display: table;content: " ";} .clearfix:after {clear: both;} .clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0} *,:before,:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} table td{vertical-align: top;} /* ---------------------------------------------------------------------- */ /* Basic Elements & Classes /* ---------------------------------------------------------------------- */ html{height:100%;} body { background: #FFF; color: #4E4D4D; font:13px/1.7 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; height:100%; width:100%; overflow-x:hidden; } ::-moz-selection { background: rgba(57, 95, 132, 1); color: #fff; text-shadow: none; } ::selection { background: rgba(57, 95, 132, 1); color: #fff; text-shadow: none; } a{color:#4E4D4D; transition:all 0.6s ease 0s; text-decoration:none; } .main a {text-decoration: underline;} h1, h1 a {text-transform: none; font-weight: 300; font-size:50px; line-height: 120%; text-align: center;} h2, h2 a {font-weight: 300; text-transform: none; font-size: 30px; text-align: left; margin: 0px 0px 20px 0px; color: #363636;} h2 span{font-weight: normal; display: block;} h2 span a {color: rgb(170, 48, 57); font-weight: normal; font-size: 12px; display: block; margin: -6px 0px 0px;} h3, h3 a{color: #363636; font-size: 14px; font-weight: 700; margin: 15px 0; text-transform: uppercase; line-height: 140%} h4, h4 a {margin: 40px 0px 20px 0px; padding-bottom: 10px; border-bottom: 1px solid #F2F2F2; font-size:14px; text-transform: uppercase;} h5, h5 a {font-size:14px; text-transform:uppercase; margin:10px 0px 0px 0px; font-weight:400;} h3.title, h3.title a {line-height: 120%; font-size: 14px;} li.highlighted {} li.highlighted a{color:#9AD2F0; font-weight:600} li.highlighted a {border-bottom:0px;} p{margin:0px 0px 10px 0px;} .center{text-align: center;} .nomargin{margin: 0px; padding:0px 0px;} .marginbottom{margin-bottom:40px!important;} .wrapper{width:1200px; margin:0px auto; max-width:100%; box-sizing:border-box; position:relative;} .wrapper.small{width:1160px;} .wrapper.smaller{width:830px;} .tb {display: table; height: 100%; position: relative; width: 100%; } .tb-cell { display: table-cell; height: 100%; text-align: center; vertical-align: middle; } .col-1-3{box-sizing:border-box; padding:20px 20px 20px 0px; width:33%; float:left} .col-1-3 p{margin:0px;} .page .col-1-3 p{margin-bottom:10px;} .col-1-3:nth-child(3n+1){clear:left} .animatedcols .col-1-3{opacity:0;} .col-half{box-sizing:border-box; padding:20px; width:50%; float:left; font-size:13px;} .col-half h2{line-height: 140%;} .col-half .text a {text-decoration: underline;} .col-half .date{margin:0px 0px 10px 0px; display:block;} .newsContainer .col-1-4, .destaquesContainer .col-1-4, .projectsContainer .col-1-4 {width:275px; margin-right:30px; padding:0px; margin-bottom:30px;} .newsContainer:nth-child(n4){clear:both;} .newsContainer .col-1-4:nth-of-type(4n+1), .destaquesContainer .col-1-4:nth-of-type(4n+1), .projectsContainer .col-1-4:nth-of-type(4n+1){clear:both} .newsContainer .col-1-4:nth-child(4n), .destaquesContainer .col-1-4:nth-child(4n), .projectsContainer .col-1-4:nth-child(4n){margin-right:0px} .col-3-4{width:75%; float:left} .col-1-4 {width:25%; transition: all 0.6s ease 0s} .col-1-5 {width:20%; transition: all 0.6s ease 0s} .col-1-5 h3{transition: all 0.6s ease 0s} .col-1-5:nth-child(5n+1){clear:left} .col-1-2 {width: 50%; float: left} .col-1-3{transition: all 0.6s ease 0s} .col-1-3 img, .col-half img{max-width:100%;} .col-1-5 {box-sizing:border-box; padding:20px; width:20%; float:left} .fitimg{width: 100%; height: 180px;} hr{border:0; height:0px; width:1200px; max-width: 100%; margin:30px auto; border-bottom:1px solid rgba(169, 169, 169, 0.1)} header + hr{margin-top:30px;} a.readmore {font-size: 12px; color: rgb(170, 48, 57); margin: -4px 0px 0px 0px; display: block;} .button{display: inline-block; padding: 10px 20px; background: #9AD2F0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; margin-top: 30px; font-size:16px; text-decoration:none; color:#fff;} .button:hover{background:#74A2BB;} .main-wrapper { min-height: 100%; height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */ height: 100%; margin: 0 auto -170px; /* the bottom margin is the negative value of the footer's height */ } .footer, .push { height: 170px; /* .push must be the same height as .footer */ } .loading{background:url(../images/loader.gif) no-repeat 0px 10px;} .col-half a {text-decoration: underline;} /* ---------------------------------------------------------------------- */ /* Header /* ---------------------------------------------------------------------- */ header {width:100%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} header .wrapper{text-align:center; padding-top:0px; } a#logo{float:left; margin-right:20px; width:142px; height:156px; background:url('../images/gat.svg') no-repeat; background-size: 122px} header nav {padding-top:55px; float:left;} header nav ul{list-style: none; margin: 0; padding: 0; text-align:center;} header nav ul li {display:inline-block; padding: 20px 0px 0px 0px; text-align:left; position: relative; border-top:5px solid #EFEFEF; margin-right:25px;} header nav ul li a {color:#363636; text-transform: uppercase; font-weight: 700; text-decoration:none; font-size:13px; transition:all 0.6s ease 0s; } header nav ul li a span {font-size: 12px; font-weight: 400; color: #000!important; text-transform: none; -moz-opacity: 0.7; -webkit-opacity: 0.7;opacity: 0.7; display:block;} header nav ul li a:hover, nav ul li a.active{color:#B4393B; } header nav ul ul {display:none; width: 100%; position: absolute; left: 0; z-index: 999;} header nav ul ul li {width: 100%; background: #FFF;} .responsive-nav {display: none;} .menubutton {display:none;} .header-links {position: absolute; top: 0px; right: 0; display: flex; align-items: center; } .header-links a { background:#EFEFEF; padding:8px 12px;font-size: 13px; text-transform: uppercase; font-weight:700; margin-left: 6px;} .header-links a:last-of-type{color:#C12931} .icons {position: absolute; top: 70px; right: 0; display: flex;} .icons i {margin-left: 7px; padding: 5px 0 5px 7px; border-left: 1px solid #F2F2F2; font-size: 14px; color: #616161;} .icons a:first-child i {border: none;} .icons a:hover i{color: #C12931} .icons .langs {margin-left: 40px;} .searchsite {position: absolute; right: 0px; top:100px; width:120px} #search input[type="text"]{width: 93%; border-top: 0px none; border-left: 0px none; border-right: 0px none; text-align: right; margin:0px} /* ---------------------------------------------------------------------- */ /* Home /* ---------------------------------------------------------------------- */ .banner-primary{width:1200px; height:370px; overflow:hidden; margin:30px auto 20px auto;} .banner-primary .slide{background-size:100%; width:1200px; height:370px; overflow:hidden; cursor: pointer;} .welcome .banner-primary{height:370px; position: relative;} .welcome .banner-primary .slide{height:370px; background-size:cover; background-position:50% 50%!important; overflow: hidden;} .banner-primary h1, .slogan h1{font-weight:300; text-transform:none; font-size:30px; text-align:left; line-height: 100%; padding-bottom: 10px; border-bottom: 1px solid #fff;} .banner-primary h2, .slogan h2{font-weight:300; font-size:17px; line-height:130%; text-align:left; padding-top: 10px;} .banner-primary h1, .banner-primary h2, .banner-primary h2 p, .slogan h1, .slogan h2{margin:0px; color:#fff;} .banner-primary .banner-button{box-sizing:border-box; padding:10px 20px; background:#fff; border-radius:2px; text-decoration:none; font-size:17px; font-weight:500;margin-top:20px; display:inline-block; color:#002C41} .cycle-pager{width:100%; text-align:right; position:absolute; top:0px; z-index:9999; right: 10px;} .cycle-pager span{display:inline-block; font-size:30px; font-family:Verdana, Geneva, sans-serif; color: #000; cursor:pointer; transition:all 0.6s ease 0s;} .cycle-pager span.cycle-pager-active{color:#fff;} .slogan{text-align:left; } .cycle-slide-active .wrapper{opacity: 1!important;} .slide .wrapper{padding:20px; background-color: rgba(0, 0, 0, 0.5); width:33%; position: absolute; bottom:0px; box-sizing: border-box; border-top: 8px solid rgba(193, 41, 49, 0.8)!important; right:0px; opacity: 0} .red-highlight {width: 750px; margin: 0 auto -30px; padding: 20px 30px; background: #C02930; color: #FFF; text-align: center; position: relative; top: -74px; overflow: hidden; z-index: 999; display: none;} .red-highlight h3 {margin: 0; color: #FFF;} .red-highlight p {margin: 0;} .border {width: 1px; height: 50px; background: #FFF; position: absolute; top: 18px; left: 395px;} .links ul {margin-bottom: 20px; padding: 0; list-style-position: inside; overflow: hidden;} .links li {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #F2F2F2; font-size: 12px; list-style-type: square;} h3 span a {color:rgb(170, 48, 57); font-weight:normal; font-size:12px;} h3 span {font-weight:normal;} .coloredBox{padding:20px; font-size:20px; line-height:110%; font-weight:500; text-transform:uppercase; background:url(../images/arrow.png) no-repeat 315px 50%; cursor:pointer; transition:all 0.6s ease 0s;} .coloredBox:hover{background-color:rgba(71, 89, 109, 0.6)!important;} .coloredBox span{display:block; font-weight:200;} .coloredBox p{display:block; font-size:13px; font-weight:normal; text-transform:none; margin-top:10px; } .grey1{background-color:rgba(71, 89, 109, 0.1);} .grey2{background-color:rgba(71, 89, 109, 0.25);} .grey3{background-color:rgba(71, 89, 109, 0.4);} .col-half iframe{max-width:100%; } .col-1-4 {display:block; float:left; position:relative;padding:20px; box-sizing:border-box; text-align:left; overflow-x:hidden; margin-bottom:20px;} .col-1-4 .imghold, .col-1-3 .imghold {display: block; width: 100%; height: 168px; border-bottom: 8px solid #F2F2F2; position: relative;} .col-1-4 .fitimg {width:100%; height:100%; overflow:hidden;} .newsContainer .gallery-item{height:auto;} .fitimg img{max-width:100%;} .sidebar{padding: 45px 5px 30px 40px; border-left: 1px solid #F2F2F2; float:left;} .sidebar-banner {margin-bottom: 20px;} .newsContainer h3{margin: 10px 0px;} .newsContainer .date {display: block; padding: 10px 0px; border-top: 1px solid #F2F2F2; font-size: 12px; color: #4E4D4D;} .col-1-4:hover .imghold, .col-1-3:hover .imghold, .col-1-5:hover a, .col-1-3:hover .fitimg {opacity: 0.6;, transition: all 0.6s ease 0s} .col-1-4:hover h3, .col-1-3:hover h3, .col-1-5:hover h3{color:#B4393B} .destaquesContainer .col-1-4 a:hover {opacity: 0.6;} .destaquesContainer a {display: block; height: 130px; background-size: cover; background-position: center; position: relative;} .destaquesContainer .caption {padding: 10px 20px; background: url(../images/arrow-white.png) no-repeat 225px 50% rgba(64, 64, 64, 0.6); font-size: 15px; font-weight: bold; color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; filter: alpha(opacity=0); transition: all 0.6s ease 0s;} .destaquesContainer .tb {display: table; width: 80%; height: 100%; position: relative;} .destaquesContainer .tb-cell {display: table-cell; height: 100%; text-align: left; line-height: 1.4; vertical-align: middle;} .parallax1 { background: url('../images/parallax1.jpg') 50% 0 no-repeat fixed; background-size: cover; position: relative; height: 400px;} .parallax2 { background: url('../images/parallax2.jpg') 50% 0 no-repeat; background-size: cover; position: relative; height: 400px;} .service{height:170px; position:relative;} .service > a { display: block; width: 100%; height: 100%; position: relative; } .service .caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-weight: 500; text-transform: uppercase; padding: 10px 20px; opacity: 1; filter: alpha(opacity=0); transition: all 0.6s ease 0s; background: url(../images/arrow-white.png) no-repeat 245px 50% rgba(37, 95, 145, 0.5); font-size: 22px; color: #fff; } .img-item a:hover .caption{background-color:rgba(37, 95, 145, 0.8);} .service .tb-cell { text-align: left; line-height: 110%; padding-right: 30px; } .grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ opacity:0.8; } .grayscale:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; /* IE 6-9 */ opacity:1; } .workdescription {list-style:none; padding:0px; margin:10px 0px;} .workdescription li{border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:10px 0px;} .workdescription li span{width:200px; float:left;} /* ---------------------------------------------------------------------- */ /* SOBRE /* ---------------------------------------------------------------------- */ .breadcrumbs {width: 100%; height: 110px; margin: 30px 0; padding: 25px; background: #F6F6F6; font-size: 12px; text-align: center; text-transform: uppercase;} .breadcrumbs.no-red-highlight {height: 65px;} .sidebarmenu {width: 20%; padding: 0 30px 0 0; border: none; float: left;} .sidebarmenu ul {padding: 0; list-style-type: none;} .sidebarmenu li {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #F2F2F2; font-size: 12px; font-weight: bold; text-transform: uppercase;} .sidebarmenu li a {color: #363636;} .sidebarmenu li a.active{color:#B4393B;} .wrapper .main {width: 80%; float: left;} .wrapper .main .img-banner {width: 100%; margin-bottom: 20px; border-bottom: 12px solid #F2F2F2;} /* ---------------------------------------------------------------------- */ /* EQUIPA /* ---------------------------------------------------------------------- */ .circle-photo {max-width: 120px; width:150px; height:140px; margin:0px; background-size: cover!important; background-position: center center; border-bottom: 8px solid #F2F2F2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing;} .teamContainer h5 {font-weight: bold; } .teamContainer .job {margin-bottom: 0px; font-size: 12px;} .teamContainer .email {margin-bottom: 0px; font-size: 12px;} .col-1-6 {width:140px; transition: all 0.6s ease 0s; float: left;} .col-1-6 h3{transition: all 0.6s ease 0s; } .col-1-6:nth-child(6n+1){clear:left} .col-1-6, .col-1-6.conselhoconsultivo{padding:20px 20px 20px 0px; margin-right: 18px;} .col-1-5.teamitem{padding:20px 20px 20px 0px;} .readmorearrow{font-weight: bold; text-decoration: none; display: block; margin-top: 10px; cursor: pointer;} .readmorearrow i {font-size: 10px;} .teamcontainer .col-1-5:nth-child(5n+1){margin-left: -20px;} /* ---------------------------------------------------------------------- */ /* NOTÍCIA /* ---------------------------------------------------------------------- */ .noticia {margin-top: 30px;} /* ---------------------------------------------------------------------- */ /* PROJECTOS /* ---------------------------------------------------------------------- */ .projectsContainer .col-1-4 img{width: 100%; border: 0px; margin: 0px;} .projectsContainer .col-1-4 .imghold{height: 110px; overflow: hidden; display:block;} .projectsContainer .fitimg{height: 110px;} .projectsContainersmaller{padding-left: 60px;} .projectsContainersmaller .col-1-3{padding:0px; margin-bottom: 30px; margin-right: 30px; width:275px; max-width: 100%;} .projectsContainersmaller .col-1-3:nth-child(3n){margin-right:0px;} .projectsContainersmaller .col-1-3:nth-of-type(3n+1){clear:left;} /* ---------------------------------------------------------------------- */ /* PUBLICAÇÕES /* ---------------------------------------------------------------------- */ .fa-file-pdf-o {color: #C12931;} .publicacoesContainer .col-1-5 img{width: 100%; border: 0px; margin: 0px;} .publicacoesContainer .fitimg{width: 100%; height: 200px;} .glossario-letras {margin-bottom: 30px;} .glossario-letras a {margin-right: 10px;} .glossario .text h2 {margin-top: 30px;} .glossario .text h2 .voltar-ao-topo {margin: 0; padding-top: 7px; font-size: 9px; font-weight: bold; text-transform: uppercase; float: right;} .glossario .text h2 .voltar-ao-topo:hover {text-decoration: none;} /* ---------------------------------------------------------------------- */ /* Developments /* ---------------------------------------------------------------------- */ .page ul{padding:0px; margin:0px; list-style-type:none} .page li{padding-left:20px; text-align:left; margin-bottom:5px;} .page li:before {content: "\f00c"; font-family: FontAwesome; display: inline-block; width: 20px; margin-left: -20px; font-size:9px;} .page .col-1-3 h3{text-align:center;} /* ---------------------------------------------------------------------- */ /* DIRECTORIO /* ---------------------------------------------------------------------- */ #directorio-selects label {width:100px; display:inline-block; margin-bottom: 10px;} #result {margin-top: 40px; border-top: 1px solid rgba(169, 169, 169, 0.3)} #result div {padding:20px 0px; border-bottom: 1px solid rgba(169, 169, 169, 0.3)} #result .directorio-title{font-weight: bold; display: block;} button.searchdirectorio{background: #EFEFEF; border: 0px none; padding: 5px 13px; margin-left: 103px; box-sizing: border-box; margin-top: 6px; width: 240px; text-align: left; outline: none} #result div p{font-size: 13px;} /* ========================================================================== SELECTS ========================================================================== */ /* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */ .custom-select {display: inline-block; width: 240px; margin-top: 0.5em; padding: 0; background: #fff; border: 1px solid #bbb; position: relative; } /* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */ .custom-select select {width: 100%; margin: 0; padding: .6em 1.9em .5em .8em; background: none; border: 1px solid transparent; line-height: 1.3; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; appearance: none; -webkit-appearance: none;} /* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */ .custom-select::after {content: "\f107"; width: 9px; height: 8px; margin-top: -6px; background-repeat: no-repeat; background-size: 100%; position: absolute; top: 50%; right: 1em; z-index: 2; pointer-events:none; font:normal normal normal 14px/1 FontAwesome} /* Hover style */ .custom-select:hover {border: 1px solid #888;} /* Focus style */ .custom-select select:focus {background-color: transparent; border: 1px solid #aaa; box-shadow: 0 0 1px 3px rgba(180,222,250, 1); color: #222; outline: none;} /* Set options to normal weight */ .custom-select option {font-weight:normal;} /* ------------------------------------ */ /* START OF UGLY BROWSER-SPECIFIC HACKS */ /* ---------------------------------- */ /* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */ x:-o-prefocus, .custom-select::after {display:none;} /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */ /* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .custom-select select::-ms-expand {display: none;} .custom-select select:focus::-ms-value {background: transparent; color: #222;} } /* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */ /* Show only the native arrow */ @-moz-document url-prefix() { .custom-select {overflow: hidden;} .custom-select select {width: 120%; width: -moz-calc(100% + 3em); width: calc(100% + em);} } /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */ .custom-select select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;} /* ------------------------------------ */ /* END OF UGLY BROWSER-SPECIFIC HACKS */ /* ------------------------------------ */ /* ---------------------------------------------------------------------- */ /* Galleries /* ---------------------------------------------------------------------- */ .filters ul, .sub ul{list-style: none; margin: 0; padding: 0; text-align:center; margin-bottom:10px; } .filters li, .sub li {display:inline-block; padding: 10px 10px; text-align:left; text-transform:uppercase; font-size:14px; font-weight:300;} .filters li a, .sub li a{text-decoration:none; padding-bottom:2px;} .filters li a.active, .sub li a.active{border-bottom:1px solid rgba(0,0,0,0.4);} .galleriesContainer{margin:0px auto;} .gallery-item{width:300px; overflow:hidden; display:block; float:left; position:relative; height:198px; padding:5px; box-sizing:border-box;} .gallery-item .fitimg {width:100%; height:100%;} .gallery-item > a {display: block; width: 100%; height: 100%; position:relative;} .gallery-item .caption {position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; padding:10px; opacity: 0; filter: alpha(opacity=0); transition:all 0.6s ease 0s; background: rgba(0, 0, 0, 0.6); font-size:20px; font-weight:400; line-height:120%; text-transform:uppercase;} .gallery-item:hover .caption {opacity: 1; filter: alpha(opacity=100);} .gallery-item .tag {padding: 6px 9px; background-color: rgb(154, 210, 240); background-color: rgba(154, 210, 240, 0.8); -moz-border-radius: 2px 2px 2px 0; -webkit-border-radius: 2px 2px 2px 0; border-radius: 2px 2px 2px 0; font-size: 14px; color: #fff; -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; position: absolute; top: 10px; left: 10px; z-index: 1;} .gallery-item .tag:after {width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 0; border-color: rgba(154, 210, 240, 0.8) transparent transparent transparent; content: ""; position: absolute; bottom: -4px; left: 0;} .gallery-item .caption .tb-cell span{display:block; font-weight:300} .gallery-info {margin-bottom:20px; font-weight:400; width:70%; margin:0px auto 20px auto; position:relative;} .arrowback{position: absolute; top: 50%; margin-top: -40px; left: -150px;} .video{width:100%;} #imagelightbox { cursor: pointer; position: fixed; z-index: 10000;} #imagelightbox-overlay { background-color: #fff; background-color: rgba( 255, 255, 255, .9 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; } /* ACTIVITY INDICATION */ #imagelightbox-loading, #imagelightbox-loading div { border-radius: 50%; } #imagelightbox-loading { width: 2.5em; /* 40 */ height: 2.5em; /* 40 */ background-color: #444; background-color: rgba( 0, 0, 0, .5 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; /* 10 */ margin: -1.25em 0 0 -1.25em; /* 20 */ -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ } #imagelightbox-loading div { width: 1.25em; /* 20 */ height: 1.25em; /* 20 */ background-color: #fff; margin:8px; -webkit-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; } @-webkit-keyframes imagelightbox-loading { from { opacity: .5; -webkit-transform: scale( .75 ); } 50% { opacity: 1; -webkit-transform: scale( 1 ); } to { opacity: .5; -webkit-transform: scale( .75 ); } } @keyframes imagelightbox-loading { from { opacity: .5; transform: scale( .75 ); } 50% { opacity: 1; transform: scale( 1 ); } to { opacity: .5; transform: scale( .75 ); } } /* ---------------------------------------------------------------------- */ /* Noticias /* ---------------------------------------------------------------------- */ .news{margin-bottom:20px;} .news h3{text-align:left!important; margin:0px!important} .news .data{margin:0px 0px 10px 0px; text-transform:uppercase; font-size:16px; font-weight:300;} .img-item{widht:100%; height:170px; overflow:hidden; position:relative;} .img-item > a { display: block; width: 100%; height: 100%; position: relative; } .img-item .caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-weight:500; text-transform:uppercase; padding: 10px 20px; opacity: 1; filter: alpha(opacity=0); transition: all 0.6s ease 0s; background: url(../images/arrow-white.png) no-repeat 315px 50% rgba(71, 89, 109, 0.4); font-size: 22px; color:#fff; } .img-item .tb-cell{text-align:left; line-height:110%} .img-item .tb-cell span{font-weight:300; display:block; max-width:60%;} .img-item a:hover .caption{background-color:rgba(71, 89, 109, 0.8);} /* ---------------------------------------------------------------------- */ /* Accordion /* ---------------------------------------------------------------------- */ .accordion h3 {cursor: pointer;} /* ---------------------------------------------------------------------- */ /* Brochure /* ---------------------------------------------------------------------- */ .brochures {width: 1200px; overflow: hidden; position: relative; left: -20px;} /* ---------------------------------------------------------------------- */ /* Contacts /* ---------------------------------------------------------------------- */ .contacts {width: 700px;} .contacts h2 {margin-top: 30px; text-align: center;} .contacts .col-half form input[type="text"], .contacts .col-half textarea {width: 310px;} #contactform{margin-top: 100px;} /* ---------------------------------------------------------------------- */ /* Form /* ---------------------------------------------------------------------- */ form {overflow: hidden;} form label {display: inline-block; margin-bottom: 10px; font-size: 12px;} form input[type="text"], form input[type="email"], textarea {display: block; width: 150px; margin-right: 10px; padding: 5px 10px; background: #FFF; border: 1px solid #CCC; font-size: 12px; float: left;} .col-half form input[type="text"]{width:380px; background-color: rgba(255, 255, 255, 0.9);} .col-half textarea{height:84px;width:380px; background-color: rgba(255, 255, 255, 0.9);} button.sendbutton{background: url('../images/smallarrow.png') no-repeat center right rgba(250, 198, 38, 0.9); padding:8px 30px 8px 10px; border:0px none; text-transform:uppercase;} form input[type="text"]:hover, form input[type="email"]:hover, textarea:hover, form input[type="text"]:focus, form input[type="email"]:focus, textarea:focus {outline: 0; border: 1px solid #999;} form input[type="submit"] {padding: 6px 10px; background: rgb(231, 231, 231); border: none; font-size: 12px; transition: all 0.6s ease 0s; float: left;} form input.error{background: #C12931!important; border:1px solid #C12931!important; color: #FFF!important;} label.error{display:none!important;} ::-webkit-input-placeholder {font-size: 12px; color: #4E4D4D;} :-moz-placeholder {font-size: 12px; color: #4E4D4D;} ::-moz-placeholder {font-size: 12px; color: #4E4D4D;} :-ms-input-placeholder {font-size: 12px; color: #4E4D4D;} form input.error::-webkit-input-placeholder {color: #FFF;} form input.error:-moz-placeholder {color: #FFF;} form input.error::-moz-placeholder {color: #FFF;} form input.error:-ms-input-placeholder {color: #FFF;} .contacts form input[type="text"], .contacts form input[type="email"], .contacts textarea {margin-bottom: 10px;} /* ---------------------------------------------------------------------- */ /* Colaborate /* ---------------------------------------------------------------------- */ #colaborateform > div input[type="text"]{ margin-bottom: 20px; width: 50%; } #colaborateform select { padding: 10px; border: 1px solid #CCC; } #colaborateform select.error, #colaborateform textarea.error{ border-color: red; } #colaborateform textarea { height: 100px; border: 1px solid #CCC; } #colaborateform .fg { margin-bottom: 20px; display: flex; } #colaborateform .fg:first-of-type{ margin-top: 20px; } #colaborateform .fg label { width: 240px; } #colaborateform button { padding: 7px 60px; border: 0; margin-top: 20px; transition: all 0.3s linear; background-color: #f4f2f2; color: #000; } #colaborateform button:hover{ background-color: #666; color: #fff; } #colaborateform .opt1, #colaborateform .opt2{ margin-top: 50px; display: none; } /* ---------------------------------------------------------------------- */ /* QUESTIONNAIRE /* ---------------------------------------------------------------------- */ .questionnaire form {margin-top: 30px;} .questionnaire form > div {margin-bottom: 20px; font-size: 13px; overflow: hidden;} .questionnaire .col-1-3 {padding: 0;} .questionnaire label {display: block; font-size: 13px; font-weight: bold;} .questionnaire label span {font-weight: normal;} .questionnaire input[type="text"], .questionnaire input[type="email"] {width: 300px; margin-top: 10px; float: none;} .questionnaire input[type=checkbox], .questionnaire input[type=radio] {margin: 4px;} .questionnaire .hidden {display: none;} #questionnaireformfeedback{font-weight: bold; padding: 20px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 20px;} #adesao .clearfix .col-1-3{padding-bottom: 20px;} #adesao input[type="text"], .questionnaire input[type="email"]{width:60%;} #adesao .col-1-4{padding: 0px;} #adesao .col-1-4 input[type="text"], .questionnaire input[type="email"]{width:90%;} #adesao textarea{height: 100px; width: 60%;} #adesao input[type="checkbox"].error + label + span{color:#C12931} /* ---------------------------------------------------------------------- */ /* FULL WIDTH EMBED /* ---------------------------------------------------------------------- */ .embed-container {height: 0; margin: 20px 0; padding-bottom: 56.25%; position: relative; overflow: hidden; max-width: 100%; visibility: visible!important;} .embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: visible!important;} /* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */ footer{background: #F2F2F2; } footer .wrapper {padding: 40px 40px 20px; background: #F2F2F2; font-size: 12px;} footer .address {float: right;} footer nav ul {margin-left: -5px; padding: 0; list-style-type: none; overflow: hidden;} footer nav li {padding: 5px 12px; border-right: 1px solid #B0B0B0; float: left;} footer nav li:first-of-type {padding-left:0;} footer nav li:last-child {border: none;} ul.partners-logos{list-style: none; margin: 0; padding: 0; text-align:center;} ul.partners-logos li {display:inline-block; padding:0px 20px; text-align:left; vertical-align:middle; font-weight:bold;} .parcerias ul.partners-logos{margin:10px auto 30px auto; max-width: 90%;} .parcerias ul.partners-logos.patrocinadores img{max-height:90px;} .parcerias ul.partners-logos.parceiros img{} .parcerias ul.partners-logos.outros img{max-height:70px;} .partners-logos img{max-height:80px;} .partners-logos li span{display: block;} /* ---------------------------------------------------------------------- */ /* Media Queries /* ---------------------------------------------------------------------- */ @media only screen and (max-width: 1024px) { .wrapper.small{max-width:100%; box-sizing:border-box; padding:20px;} .wrapper{max-width:100%; box-sizing:border-box; padding:20px;} .brochures{max-width:100%; box-sizing:border-box; padding:20px;} nav ul li{padding:8px;} } @media only screen and (max-width: 540px) { .nomobile{display:none;} #logo{display:block;} #logo img{width:200px; } #logo:after{clear:both;} a#logo{background-size: 90px; height: 112px;} header .button:before{clear:both;} header .button{position:static;} .togglesearch {display: none;} h2{font-size: 20px; line-height: 100%; font-size: 23px;} .col-1-3{float:none; margin:0px 0px 20px 0px; width:100%} .col-half{width:100%; float:none;} .col-half iframe{max-width:100%; height:190px!important;} .wrapper.small{max-width:100%; box-sizing:border-box; padding:20px;} .wrapper{max-width:100%; box-sizing:border-box; padding:20px;} .brochures{max-width:100%;} .col-1-5{width:50%;} .banner-primary h1{font-size:16px; border-bottom: 0px none} .banner-primary h2{font-size:16px; display: none} .welcome .banner-primary {max-width: 100%; overflow: hidden; margin-top: 0px; height: auto!important} .welcome .banner-primary .cycle-slideshow{height: 210px!important; margin-top: 0px; max-width: 100%; overflow: hidden;} .welcome .banner-primary .slide {height: 270px!important; background-size:auto 190px!important; background-position: top left!important; max-width: 100%} .slide .wrapper {width:100%; top:190px; padding: 10px;} .nav-primary {padding:0px;} .partners-logos img {max-height: 50px;} .header-links a {padding: 5px 10px} .header-links a:first-of-type{display: none;} .header-links{right:0px;} .icons{right: 70px; top: 45px} .menubutton{display:inline-block;} .menubutton:before { content: "\f0c9"; font-family: 'FontAwesome'; color: #7C7A7A; font-size: 28px; line-height: 100%; position:absolute; top:42px; right:18px; } nav ul {display:none; background:#fff; margin:0px 20px 0px 20px} nav ul li {display:block; float:none; text-align:center; width:80%; margin:0px auto;} nav ul li:last-of-type{border-bottom:0px none;} nav ul li a {color:#343030!important;} nav {top: 0px; left:0px; margin:0px; width:100%; bottom:auto} nav>.button{background:#fff; position:absolute; top:0px; right:20px;padding:4px 8px; display:block; text-align:center;} nav>.button:before{content:"\f0c9"; font-family:'FontAwesome'; color:#343030; font-size:30px; line-height:100%;} #home h1{font-size:24px;} #home h3{font-size:16px;} #home .fader{top:60%!important;} .tb{height:230px;} .gallerySlider img {max-height:auto; max-width:100%;} .features ul{-webkit-column-count:1; padding:0px 20px; list-style:none;} .accordion h3 { cursor: pointer; font-size: 14px; border-bottom: 1px solid #ccc; padding-bottom: 10px} header + hr{margin-top: 10px; margin-bottom: 0px;} .wrapper.sobre, .wrapper.equipa, .wrapper.conselhoconsultivo, .wrapper.eventos, .wrapper.publicacoes{display: table; width:100%} .sidebarmenu{width: 100%; display: block; display: table-footer-group; float: none;} .wrapper.sobre .main, .wrapper.equipa .main, .wrapper.conselhoconsultivo .main, .wrapper.eventos .main, .wrapper.publicacoes .main{width: 100%; display: table-header-group; float: none} .col-1-5:nth-child(2n+1){clear: left;} .col-1-5:nth-child(5n+1){clear: initial;} .col-1-6{width: 40%;} .col-1-6:nth-child(2n+1){clear: left; margin-right: 30px;} .publicacoesContainer .fitimg{height: 130px!important;} .contacts .col-half form input[type="text"], .contacts .col-half textarea{max-width: 90%} input{width: 90%; margin-bottom: 10px;} .captchaholder{width:200px!important;} button, html input[type=button], input[type=reset], input[type=submit]{border: 0px; backface-visibility: #ddd;} button.searchdirectorio{margin-left: 0px;} .custom-select.ff-hack:first-of-type{margin-bottom: 20px;} .directorio-selects label{margin: 0px;} .glossario-letras a{display: inline-block;} .jconfirm-box-container {width: 90%;} } /* Default custom select styles */ div.cs-select { display: inline-block; vertical-align: middle; position: relative; text-align: left; background: #fff; z-index: 100; width: 100%; max-width: 500px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.cs-select:focus { outline: none; /* For better accessibility add a style for this in your skin */ } .cs-select select { display: none; } .cs-select span { display: block; position: relative; cursor: pointer; padding: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Placeholder and selected option */ .cs-select > span { padding-right: 3em; } .cs-select > span::after, .cs-select .cs-selected span::after { speak: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cs-select > span::after { content: '\25BE'; right: 1em; } .cs-select .cs-selected span::after { content: '\2713'; margin-left: 1em; } .cs-select.cs-active > span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } div.cs-active { z-index: 200; } /* Options */ .cs-select .cs-options { position: absolute; overflow: hidden; width: 100%; background: #fff; visibility: hidden; } .cs-select.cs-active .cs-options { visibility: visible; } .cs-select ul { list-style: none; margin: 0; padding: 0; width: 100%; } .cs-select ul span { padding: 1em; } .cs-select ul li.cs-focus span { background-color: #ddd; } /* Optgroup and optgroup label */ .cs-select li.cs-optgroup ul { padding-left: 1em; } .cs-select li.cs-optgroup > span { cursor: default; } div.cs-skin-border { background: transparent; max-width: 402px; position: absolute; top: 286px; left:20px; } @media screen and (max-width: 30em) { div.cs-skin-border { } } .cs-skin-border > span { border-color: inherit; -webkit-transition: background 0.2s, border-color 0.2s; transition: background 0.2s, border-color 0.2s; background:rgba(255, 255, 255, 0.9); text-transform:uppercase; padding:8px 10px; font-weight:300; } .cs-skin-border > span::after, .cs-skin-border .cs-selected span::after { font: normal normal normal 14px/1 FontAwesome; content: '\f107'; } .cs-skin-border ul span::after { content: ''; opacity: 0; } .cs-skin-border .cs-selected span::after { content: '\f107'; color: #444; font-size: 1.5em; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .cs-skin-border.cs-active > span { background: #fff; border-color: #fff; color: #444; } .cs-skin-border .cs-options { color: #444; opacity: 0; -webkit-transition: opacity 0.2s, visibility 0s 0.2s; transition: opacity 0.2s, visibility 0s 0.2s; } .cs-skin-border.cs-active .cs-options { opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .cs-skin-border ul span { padding: 1em 2em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cs-skin-border .cs-options li span:hover, .cs-skin-border li.cs-focus span { background: #f5f3ec; } /*! * jquery-confirm v1.7.5 (http://craftpip.github.io/jquery-confirm/) * Author: boniface pereira * Website: www.craftpip.com * Contact: hey@craftpip.com * * Copyright 2013-2015 jquery-confirm * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE) */ .jconfirm-box-container {width: 380px; margin: 0px auto;} .jconfirm-box-container.large-modal {width: 700px;} body.jconfirm-noscroll{overflow:hidden!important}@-webkit-keyframes jconfirm-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;-webkit-transition:all .4s;transition:all .4s}.jconfirm .jconfirm-bg.seen{opacity:1}.jconfirm .jconfirm-scrollpane{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto}.jconfirm .jconfirm-box{background:white;border-radius:4px;position:relative}.jconfirm .jconfirm-box div.closeIcon{height:20px;width:20px;position:absolute;top:6px;right:12px;cursor:pointer;opacity:.6;text-align:center;display:none;font-size:29px}.jconfirm .jconfirm-box div.closeIcon:after {content: 'x';display: block;font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;font-size: 20px;font-weight: 500;}.jconfirm .jconfirm-box div.closeIcon span {display: none;}.jconfirm .jconfirm-box div.closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.title{padding:30px 30px 0px 30px; font-weight: 300;margin-bottom: -20px;font-size: 30px;}.jconfirm .jconfirm-box div.content{padding:30px}.jconfirm .jconfirm-box div.content:empty{height:40px;position:relative;opacity:.6}.jconfirm .jconfirm-box div.content:empty:before{content: "\f1ce";height:20px;width:20px;font-family:'FontAwesome';position:absolute;left:50%;margin-left:-45px;-webkit-animation:jconfirm-rotate 1s infinite;animation:jconfirm-rotate 1s infinite}.jconfirm .jconfirm-box div.content:empty:after{content:'loading..';position:absolute;left:50%;margin-left:-15px}.jconfirm .jconfirm-box .buttons{padding:10px 15px}.jconfirm .jconfirm-box .buttons button+button{margin-left:5px}.jconfirm .jquery-clear{clear:both}.jconfirm.white .jconfirm-bg{background-color:rgba(0,0,0,0.2)}.jconfirm.white .jconfirm-box{box-shadow:0 2px 6px rgba(0,0,0,0.2);border-radius:5px}.jconfirm.white .jconfirm-box .buttons{float:right}.jconfirm.white .jconfirm-box .buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.white .jconfirm-box .buttons button.btn-default{box-shadow:none;color:#333}.jconfirm.white .jconfirm-box .buttons button.btn-default:hover{background:#ddd}.jconfirm.black .jconfirm-bg{background-color:rgba(0,0,0,0.5)}.jconfirm.black .jconfirm-box{box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.black .jconfirm-box .buttons{float:right}.jconfirm.black .jconfirm-box .buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.black .jconfirm-box .buttons button.btn-default{box-shadow:none;color:#fff;background:0}.jconfirm.black .jconfirm-box .buttons button.btn-default:hover{background:#666}.jconfirm.hololight .jconfirm-bg{background-color:rgba(0,0,0,0.5)}.jconfirm.hololight .jconfirm-box{box-shadow:0 2px 6px rgba(0,0,0,0.4);border-radius:2px;overflow:hidden}.jconfirm.hololight .jconfirm-box div.title{font-weight:inherit;border-bottom:solid 2px #76cfdf;color:#76cfdf}.jconfirm.hololight .jconfirm-box .buttons{border-top:solid 2px #e7e7e7;width:100%;float:none;padding:0}.jconfirm.hololight .jconfirm-box .buttons button{margin:0;border:0;background:#fff;border-radius:0;width:50%;padding:13px;font-size:16px;font-weight:bold;color:#666}.jconfirm.hololight .jconfirm-box .buttons button+button{border-left:solid 2px #e7e7e7}.jconfirm.holodark .jconfirm-bg{background-color:rgba(0,0,0,0.5)}.jconfirm.holodark .jconfirm-box{box-shadow:0 2px 6px rgba(0,0,0,0.4);border-radius:2px;background:#333;overflow:hidden}.jconfirm.holodark .jconfirm-box div.closeIcon{color:white}.jconfirm.holodark .jconfirm-box div.title{font-weight:inherit;border-bottom:solid 2px #76cfdf;color:#76cfdf}.jconfirm.holodark .jconfirm-box div.content{color:white}.jconfirm.holodark .jconfirm-box .buttons{border-top:solid 2px rgba(255,255,255,0.2);width:100%;float:none;padding:0}.jconfirm.holodark .jconfirm-box .buttons button{margin:0;border:0;background:#333;border-radius:0;width:50%;padding:13px;font-size:16px;font-weight:bold;color:#fff;text-shadow:none}.jconfirm.holodark .jconfirm-box .buttons button+button{border-left:solid 2px rgba(255,255,255,0.2)}.jconfirm .jconfirm-box.hilight{box-shadow:0 0 20px red}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:-webkit-transform,opacity,box-shadow;transition-property:transform,opacity,box-shadow}.jconfirm .jconfirm-box.anim-top,.jconfirm .jconfirm-box.anim-left,.jconfirm .jconfirm-box.anim-right,.jconfirm .jconfirm-box.anim-bottom,.jconfirm .jconfirm-box.anim-opacity,.jconfirm .jconfirm-box.anim-zoom,.jconfirm .jconfirm-box.anim-scale,.jconfirm .jconfirm-box.anim-none,.jconfirm .jconfirm-box.anim-rotate,.jconfirm .jconfirm-box.anim-rotatex,.jconfirm .jconfirm-box.anim-rotatey,.jconfirm .jconfirm-box.anim-scaley,.jconfirm .jconfirm-box.anim-scalex{opacity:0}.jconfirm .jconfirm-box.anim-rotate{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.anim-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.anim-rotatey{-webkit-transform:rotatey(90deg);-ms-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.anim-scaley{-webkit-transform:scaley(1.5);-ms-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.anim-scalex{-webkit-transform:scalex(1.5);-ms-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.anim-top{-webkit-transform:translate(0px,-100px);-ms-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.anim-left{-webkit-transform:translate(-100px,0px);-ms-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.anim-right{-webkit-transform:translate(100px,0px);-ms-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.anim-bottom{-webkit-transform:translate(0px,100px);-ms-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.anim-zoom{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.anim-scale{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}.jconfirm .jconfirm-box.anim-none{display:none}.jconfirm.supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.supervan .jconfirm-box{background-color:transparent}.jconfirm.supervan .jconfirm-box div.closeIcon{color:white}.jconfirm.supervan .jconfirm-box div.title{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.supervan .jconfirm-box div.content{text-align:center;color:white}.jconfirm.supervan .jconfirm-box .buttons{text-align:center}.jconfirm.supervan .jconfirm-box .buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;width:25%;padding:10px} .newsletterbox form input[type="email"] {width: 250px;} /* ---------------------------------------------------------------------- */ /* Animate /* ---------------------------------------------------------------------- */ @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2013 Daniel Eden */.animated{ -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:p