Kaio Kdesigner

Oi Pessoal! Estou editando um tema, e ai as imagens dos thumbsnails estão ficando distorcidas. Cada categoria tem um tamanho diferente de imagem, mas ai elas ficam destorcidas dentro do tamanho (meio confuso né?) ta ficando assim: https://screenshot.net/gxvqc9y Como que faço para colocar a imagem dentro do tamanho, ex: 150x150, sem q ela fique distorcida??

E ai pessoal, estou com um problemão com o Google Adwords, criei uma campanha para a empresa de investimentos na qual eu trabalho só que a campanha entrou em status de revisão e fica dizendo que é "Software Malicioso", a campanha vai para um link especifico do blog da empresa. Já atualizei o wordpress para a versão mais recente, e mesmo assim continua em "revisão", alguem aqui já teve esse problema? Podem me dar uma ajuda?

Eu só deletei a pagina, e depois de uns dias ela sumiu, vi hoje. De qualquer forma, Obrigado pessoal!

Fala galera! Então, estou tendo um problema no blog wordpress da minha empresa. Fui fazer uma campanha de adwords, só que o google a reprovou, e ai entraram em contato comigo e falaram que o site tem links suspeitos, sendo que não tem nenhum desses links no blog: Segue os links infectados do site http://competition3952.per-second-solution-server46.loan/?utm_medium=NQ3aDvyuBCtafRQJPeFC66tm%2BMNW8T%2BaflxP0d0AJGo%3D&t=main4, http://competition3952.per-second-solution-server46.loan/media/mainstream/backbutton_mainstream.js, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/1.jpg, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/anon.png, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/index.css, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/like.png, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/loho.jpg, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/m1.jpg, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/m2.jpg, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/m3.jpg, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/m4.jpg, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/ol-br2.jpg, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/w1.png, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/w2.jpg, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/w3.jpg, http://competition3952.per-second-solution-server46.loan/media/mainstream/br/wap/appmakemoney/w4.jpg, http://competition3952.per-second-solution-server46.loan/media/mainstream/exit_ms.js, http://competition3952.per-second-solution-server46.loan/media/mainstream/js.cookie6_pure.js, http://competition3952.per-second-solution-server46.loan/media/mainstream/js1.js Já aconteceu isso com vcs? Eu jogo os links no navegador mas não abre nada...

Oi Pessoal, to precisando de ajuda. Foi criado um adword para o site da empresa em que eu trabalho, e ai ele indexou a pagina "Ola mundo!", aquele post padrão no wordpress: Já removi o post, só que o mesmo não sumiu do google, já limpei o cache tals Bom, não saco nada de programação (sou designer), alguém pode me ajudar?

Fala ae pessoal, beleza? Eu preciso MUITO da ajuda de vocês, é algo bem simples, mas como não tenho conhecimento técnico na área de desenvolvimento acabo não passando confiança para a minha chefe para a solução do problema. Então é o seguinte, sou web designer e o site da empresa em que eu trabalho é hospedado na Amazon, o site é em wordpress. Eu não tenho nenhum tipo de acesso a amazon, pois o site foi feito por um desenvolvedor e só ele tem acesso a essas coisas. Há mais ou menos 3 semanas o nosso site foi atacado por um hacker por causa de uma senha fraca no wordpress, desde esse dia o nosso site fica caindo o tempo inteiro, e apenas o desenvolvedor tem acesso a conta da Amazon para resolver o problema (ele reinicia a maquina quando o site cai). Segundo ele a maquina que nós temos na Amazon está infectada com vírus, e o que ele recomentou é que teremos que migrar para outra maquina e cobrou XX pelo serviço, pelo pouco que eu entendo sobre isso eu acho que a Amazon não deixaria uma maquina infectada, afinal, tem suporte técnico certo? Eu sou cliente da hostgator a mais de 5 anos, e qualquer problema que eu tenho eu entro em contato com o suporte técnico e eles resolvem numa boa e bem rápido. Já tive ataque de hacker também, e o hostgator resolveu tudo para mim. A minha opinião pessoal é de que o cara está enrolando a gente, porém não tenho falado nada por que a minha chefe acha que eu tenho algum “ranço” do rapaz, e como ele sempre ganha o discurso por falar de uma forma mais técnica, eu prefiro ficar calado. Hoje o site caiu de novo, e ai eu perguntei: “você entrou em contato com a equipe de suporte da Amazon?” E ele me respondeu: “Isso não tem nada a ver com a Amazon, a Amazon só é responsável por fornecer a maquina virtual”. Gente, a amazon me aluga a maquina e "fod&-s$" ? Eles não dão nenhum tipo de suporte? Bom, eu não tenho como entrar em contato com a Amazon, pq não tenho senha e nem nada, e também nunca nem entrei no host. Alguém poderia me dar uma opinião técnica sobre isso? Obrigado pessoal!

Fala galera blz? Então, to com mais um problemão em um site: O carrocel parou de funcionar no ipad e nem no iphone7 (acredito que possar ser o navegador) pq no chrome ele funciona perfeitamente: http://www.ativore-teste.kdesigner.com.br/servicos/ Ele rola mas só 1 vez depois não tem como voltar, ele trava e isso só está acontecendo no safari do Ipad Pro (12 polegadas) e Iphone7. Alguém pode me ajudar?

Funcionava numa boa

Não não, sou web designer só mas não sou frond-end

você poderia me ajudar? O cara q desenvolveu é muito "ruim de jogo" (vacilão msm), nunca responde minhas duvidas, e eu acabo perdido já q não sou desenvolvedor

sim, bizarro, pq o do site funciona olha: www.ativore.com

<div class="logo"> <i class="icon-menu fa fa-bars" aria-hidden="true"></i> <img src="<?php bloginfo('template_url'); ?>/images/logo.png" onclick="window.location='http://ativore.com/'"> </div> <?php $category_id = get_cat_ID('imprensa'); $category_imprensa_child = count(get_posts('category='. $category_id)) > 0; if ( is_category('imprensa') || in_category('imprensa') ) { $category_blog_class = ''; $category_imprensa_class = 'active'; } else { $category_blog_class = 'active'; $category_imprensa_class = ''; } ?> <div class="nav"> <ul> <li class="strong <?php echo ($_SERVER['REQUEST_URI'] == '/investimentos/') ? 'active' : ''; ?>"> <a href="#">Investimentos</a> <ul> <li style="width: 370px;padding: 12px;"><a href='http://ativore.com/ativore-properties/'>Investimento imobiliário direto</a></li> <li style="width: 370px;padding: 12px;"><a href='http://ativore.com/private-equity-imobiliario-eua/'>Private equity imobiliário – EUA</a></li> <li style="width: 370px;padding: 12px;"><a href='http://ativore.com/projetos-de-investimento-imobiliario-portugal/'>Projetos de investimento imobiliário - Portugal </a></li> </ul> </li> <li class="strong nav-left <?php echo ($_SERVER['REQUEST_URI'] == '/ativore-servicos/') ? 'active' : ''; ?>"> <a href="/servicos">serviços</a> </li> <li class="<?php echo ($_SERVER['REQUEST_URI'] == '/entenda-a-ativore/') ? 'active' : ''; ?>"> <a href="/entenda-a-ativore">Entenda a Ativore</a> </li> <li><a href="http://blog.ativore.com/">Blog</a></li> <!--<li class="hide-on-portrait-tablet"><a href="http://blog.ativore.com/category/imprensa/">Imprensa</a></li>--> <li class="<?php echo ($_SERVER['REQUEST_URI'] == '/contato/') ? 'active' : ''; ?>"> <a href="/contato">Contato</a> </li> </ul> <button id="newsletter" class="primary-orange toggle-arrow-icons">Newsletter<i class="fa fa-sort-desc"></i><i class="fa fa-sort-asc"></i></button> <div class="newsletter hidden" for="newsletter"> <p>Receba as últimas notícias sobre investimentos imobiliários</p> <?php echo do_shortcode('[activecampaign form=8]') ?> </div> </div> <div class="nav-mobile"> <i class="close fa fa-times" aria-hidden="true"></i> <ul> <li><a href="/" style="display: block;">Home</a></li> <li><a href="/ativore-properties/" style="display: block;">Investimento Imobiliário Direto</a></li> <li><a href="/private-equity-imobiliario-eua/" style="display: block;">Private Equity Imobiliário – EUA</a></li> <li><a href="/projetos-de-investimento-imobiliario-portugal/" style="display: block;">Projetos de Investimento Imobiliário – Portugal</a></li> <li><a href="/servicos" style="display: block;">serviços</a></li> <li><a href="/entenda-a-ativore" style="display: block;">Entenda a Ativore</a></li> <li><a href="http://blog.ativore.com/" style="display: block;">Blog</a></li> <!--<li><a href="http://blog.ativore.com/category/imprensa/" style="display: block;">Imprensa</a></li>--> <li><a href="/contato" style="display: block;">Contato</a></li> </ul> <div class="login"> <form class=""> <h4>Login seguro</h4> <div><input type="text" placeholder="seu.email@provedor.com" /></div> <div><input type="password" placeholder="******" /></div> <div class="keep-logged"> <div class="nav-header-checkbox"> <input type="checkbox" id="keep-logged-in-mobile" /> <label for="keep-logged-in-mobile"></label> </div> <span>Manter logado</span> </div> <button class="form-submit">Entrar</button> <p><a href="javascript:void(0)">Esqueceu sua senha?</a></p> <p><a href="javascript:void(0)">Não possui cadastro?</a></p> </form> </div> </div> CSS: @font-face { font-family: 'Avenir'; src: url('fonts/Avenir-Medium.ttf'), url('fonts/Avenir-Medium.eot') } @font-face { font-family: 'Avenir-Black'; src: url('fonts/Avenir-Black.ttf'), url('fonts/Avenir-Black.eot') } @font-face { font-family: 'Avenir-Light'; src: url('fonts/Avenir-Light.ttf'), url('fonts/Avenir-Light.eot') } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url('fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0'); src: url('fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } html, body { background-color: #063b4a; font-size: 14px; font-family: 'Avenir'; margin: 0; padding: 0 } @media (max-width:480px) { html, body { max-width: 100%; overflow-x: hidden } } h1, h3, h4 { margin: 0 } .hide { display: none } .hidden { visibility: hidden } .left { float: left } .right { float: right } .pseudo-clear { content: ''; display: block; height: 0; visibility: hidden; clear: both } .strong { font-weight: 700 } .fast-access a { color: #87949c } .fast-access>div { display: inline-block; padding: 40px 0; float: left } .fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .fast-access>div:first-child { padding-left: 10% } } .fast-access>div:first-child>div { float: left; width: 33.3333% } .fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .fast-access>div:first-child>div span.link { text-decoration: underline } .fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .fast-access>div:first-child { padding-left: 5%; width: 58% } } .fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .fast-access>div:last-child { width: 32%; padding-right: 5% } } .fast-access>div p { color: #fff; text-transform: uppercase } .fast-access>div ul { margin: 0; padding-left: 0 } .fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .base-menu ul { list-style: none; display: inline-block } .base-menu ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px } .base-menu ul li:hover { background-color: #063b4a } .base-menu ul li:hover ul { display: block; opacity: 1; visibility: visible } .base-menu ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .base-menu ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0 } .base-menu ul li ul li:hover { background-color: #0a6179 } @media (min-width:1280px) and (max-width:1366px) { .base-menu ul { padding-left: 0 } } .swipeable-base { display: none; position: relative; float: left; padding: 0; margin: 0; transition-property: transform; transition-duration: .5s; transition-timing-function: ease-out; transform: translate(0, 0) } .swipeable-base>div { padding: 0; margin: 0; transform: translate(0, 0); display: inline-block; float: left; width: 100% } @media (max-width:480px) { .swipeable-base { display: block } } .dots-base { display: none; color: #AAB4B9; padding-top: 15px } .dots-base i { cursor: pointer; margin-right: 10px; vertical-align: middle } .dots-base i.fa-circle { font-size: 16px } .dots-base i.fa-circle-thin { font-size: 21px } .dots-base.brand-green i.fa-circle-thin { color: #22b0bc } .dots-base.title-green i.fa-circle-thin { color: #2eb094 } .dots-base.title-blue i.fa-circle-thin { color: #042f3c } @media (max-width:480px) { .dots-base { display: inline-block; width: 100%; text-align: center } } .panel-divider-base { background-color: #fff; border: 1px solid #fff; border-radius: 4px; padding: 10% 5% } .panel-divider-base>div { color: #2c3e50; text-align: center } .panel-divider-base>div p { font-size: 34px; line-height: 35px; font-weight: 700; margin: 0; padding-right: 25%; text-align: left } @media (max-width:480px) { .panel-divider-base>div p { text-align: center; padding-right: 0; font-size: 23px; line-height: 27px } } .panel-divider-base>div span { padding: 0 10px; display: inline-block } .panel-divider-base>div:not(.swipeable):not(.dots) { display: inline-block; float: left; width: 20% } @media (min-width:1280px) and (max-width:1366px) { .panel-divider-base>div:not(.swipeable):not(.dots) { width: 23% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .panel-divider-base>div:not(.swipeable):not(.dots) { width: 23% } } .panel-divider-base>div:not(.swipeable):not(.dots).side-title { width: 40% } @media (min-width:1280px) and (max-width:1366px) { .panel-divider-base>div:not(.swipeable):not(.dots).side-title { width: 31% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .panel-divider-base>div:not(.swipeable):not(.dots).side-title { width: 31% } } @media (max-width:480px) { .panel-divider-base>div:not(.swipeable):not(.dots) { display: none } .panel-divider-base>div:not(.swipeable):not(.dots):first-child { display: inline-block; width: 100% !important; text-align: center; padding: 0 } } .panel-divider-base>div:not(.swipeable):not(.dots).more-box { position: relative; width: 100% } .panel-divider-base>div:not(.swipeable):not(.dots).more-box .more { position: absolute; left: 50%; top: -150px; background-color: #fff; border: 1px solid #fff; border-radius: 4px; transform: translate(-50%, 0); text-transform: uppercase; padding: 10px; font-size: 11px } .panel-divider-base>div:not(.swipeable):not(.dots).more-box .more:after { content: ''; position: absolute; left: 50%; bottom: -10px; width: 0; height: 0; transform: translate(-50%, 0); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; clear: both } @media (max-width:320px) and (max-height:480px) { .panel-divider-base>div:not(.swipeable):not(.dots).more-box .more { top: -130px } } .panel-divider-base .swipeable { display: none; position: relative; float: left; padding: 0; margin: 0; transition-property: transform; transition-duration: .5s; transition-timing-function: ease-out; transform: translate(0, 0) } .panel-divider-base .swipeable>div { padding: 0; margin: 0; transform: translate(0, 0); display: inline-block; float: left; width: 100% } @media (max-width:480px) { .panel-divider-base .swipeable { display: block } } .panel-divider-base .dots { display: none; color: #AAB4B9; padding-top: 15px } .panel-divider-base .dots i { cursor: pointer; margin-right: 10px; vertical-align: middle } .panel-divider-base .dots i.fa-circle { font-size: 16px } .panel-divider-base .dots i.fa-circle-thin { font-size: 21px } .panel-divider-base .dots.brand-green i.fa-circle-thin { color: #22b0bc } .panel-divider-base .dots.title-green i.fa-circle-thin { color: #2eb094 } .panel-divider-base .dots.title-blue i.fa-circle-thin { color: #042f3c } @media (max-width:480px) { .panel-divider-base .dots { display: inline-block; width: 100%; text-align: center } } .stop-scrolling { height: 100%; overflow: hidden } .main-content-base { position: relative; height: auto } .main-content-base footer { background-color: #063b4a } .main-content-base footer .footer-fast-access { padding-top: 50px } .main-content-base footer .footer-fast-access a { color: #87949c } .main-content-base footer .footer-fast-access>div { display: inline-block; padding: 40px 0; float: left } .main-content-base footer .footer-fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 10% } } .main-content-base footer .footer-fast-access>div:first-child>div { float: left; width: 33.3333% } .main-content-base footer .footer-fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .main-content-base footer .footer-fast-access>div:first-child>div span.link { text-decoration: underline } .main-content-base footer .footer-fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .main-content-base footer .footer-fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .main-content-base footer .footer-fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .main-content-base footer .footer-fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .main-content-base footer .footer-fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .main-content-base footer .footer-fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 5%; width: 58% } } .main-content-base footer .footer-fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .main-content-base footer .footer-fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div:last-child { width: 32%; padding-right: 5% } } .main-content-base footer .footer-fast-access>div p { color: #fff; text-transform: uppercase } .main-content-base footer .footer-fast-access>div ul { margin: 0; padding-left: 0 } .main-content-base footer .footer-fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .main-content-base footer .footer-fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .main-content-base footer .footer-fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .main-content-base footer .footer-fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content-base footer .footer-fast-access>div p { cursor: pointer } .main-content-base footer .footer-fast-access>div:first-child { width: 60% } .main-content-base footer .footer-fast-access>div:first-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content-base footer .footer-fast-access>div.footer-newsletter { padding-right: 10%; width: 20% } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-fast-access>div.footer-newsletter { padding-right: 7% } } @media (min-width:1920px) { .main-content-base footer .footer-fast-access>div.footer-newsletter { padding-right: 15%; width: 10% } } .main-content-base footer .footer-fast-access>div.footer-newsletter form>p { text-transform: none } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div.footer-newsletter form>p { padding-top: 0 } .main-content-base footer .footer-fast-access>div.footer-newsletter form button[type="submit"] { font-size: 14px !important } } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div.footer-newsletter { padding: 0 5%; width: 90% } } .main-content-base footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80%; font-size: 12px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 5%; width: 90% } } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 7%; width: 86% } } @media (min-width:1280px) and (max-width:1365px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80% } } @media (min-width:1920px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 15%; width: 70% } } .main-content-base footer .footer-fast-access>div:last-child>div { display: inline-block; float: left; width: 33.3333% } .main-content-base footer .footer-fast-access>div:last-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content-base footer .footer-fast-access>div:last-child>div span { color: #87949c; display: block; padding: 3px 0 } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div:last-child>div { text-align: center; width: 100% } .main-content-base footer .footer-fast-access>div:last-child>div.left-space { padding-left: 0; width: 100% } } .main-content-base footer .footer-fast-access>div:last-child .social { font-size: 25px; text-align: center } .main-content-base footer .footer-fast-access>div:last-child .social a { display: inline-block; border-radius: 50%; height: 40px; width: 40px; line-height: 42px; text-align: center; font-size: 23px; margin-left: 5px } .main-content-base footer .footer-fast-access>div:last-child .social a i { padding: 0; color: #fff } .main-content-base footer .footer-fast-access>div:last-child .social a.facebook { margin-left: 0; background-color: #3b5998 } .main-content-base footer .footer-fast-access>div:last-child .social a.linkedin { background-color: #0077b5 } .main-content-base footer .footer-fast-access>div:last-child .social a.google-plus { background-color: #dd4b39 } .main-content-base footer .footer-fast-access>div:last-child .social a.twitter { background-color: #55acee } .main-content-base footer .footer-fast-access>div:last-child .social a.youtube { background-color: #e52d27 } .main-content-base footer .footer-fast-access>div:last-child:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content-base footer .footer-fast-access>div ul.top-space { margin-top: 15px } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div { width: 100% } .main-content-base footer .footer-fast-access>div:first-child { padding-left: 0 } .main-content-base footer .footer-fast-access>div:first-child>div { width: 100%; text-align: center } .main-content-base footer .footer-fast-access>div:first-child>div.left-space { padding-left: 0; width: 100%; text-align: center } .main-content-base footer .footer-fast-access>div:last-child { padding: 0 } .main-content-base footer .footer-fast-access>div:first-child, .main-content-base footer .footer-fast-access>div:last-child { width: 100% } .main-content-base footer .footer-fast-access>div p { padding-top: 30px } .main-content-base footer .footer-fast-access>div ul li { padding: 8px 0; padding-right: 0 } .main-content-base footer .footer-fast-access>div ul li a { font-size: 14px } } @media (max-width:480px) { .main-content-base footer .footer-fast-access { padding-top: 0 } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access { padding-top: 20px } } .main-content-base footer .footer-warn { padding: 0 15%; color: #85898c; font-size: 12px } @media (max-width:480px) { .main-content-base footer .footer-warn { padding: 0 10% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-warn { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-warn { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content-base footer .footer-warn { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content-base footer .footer-warn { padding: 0 10% } } .main-content-base footer .copyrights { padding: 0 15%; padding-bottom: 40px; color: #85898c; font-size: 12px } .main-content-base footer .copyrights:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media (max-width:480px) { .main-content-base footer .copyrights span { float: none; text-align: center; display: block; padding-bottom: 15px } } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .copyrights { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content-base footer .copyrights { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content-base footer .copyrights { padding: 0 10% } } .main-content-base footer>div .border { width: 100%; height: 1px; background-color: rgba(204, 204, 204, 0.3); margin: 40px 0 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer>div .border { margin: 20px 0 } } .section-base { height: auto; background-size: cover; padding: 0 15%; background-repeat: no-repeat; background-position: 50% 50%; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .section-base { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .section-base { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .section-base { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .section-base { padding: 0 10% } } @media (max-width:480px) { .section-base { padding: 0 } } @media (max-width:480px) and (max-device-aspect-ratio:3/4) { .section-base { height: calc(124.3vw) } } @media (max-width:480px) and (max-device-aspect-ratio:2/3) { .section-base { height: calc(141vw) } } @media (max-width:480px) and (max-device-aspect-ratio:10/16) { .section-base { height: calc(151vw) } } @media (max-width:480px) and (max-device-aspect-ratio:9/16) { .section-base { height: calc(168.8vw) } } .logo-base { background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: inline-block; padding: 37px 20px; cursor: pointer } .logo-base .icon-menu { display: none } @media (max-width:480px) { .logo-base { padding: 5px; display: block; width: 100%; text-align: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .logo-base .icon-menu { display: inline-block; position: absolute; left: 15px; top: 20px; color: #EBEFF0; font-size: 30px } } .nav-base { display: inline-block; float: right; vertical-align: top; padding-top: 15px } .nav-base ul { list-style: none; display: inline-block; padding-left: 0; font-size: 13px } .nav-base ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px; border-radius: 2px } .nav-base ul li:hover, .nav-base ul li.active { background-color: #063b4a; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .nav-base ul li:hover ul, .nav-base ul li.active ul { display: block; opacity: 1; visibility: visible } .nav-base ul li.nav-left { margin-right: 43px; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base ul li.nav-left { margin-right: 2px } } @media (min-width:1280px) and (max-width:1366px) { .nav-base ul li.nav-left { margin-right: 20px } } .nav-base ul li.nav-left:after { content: ""; position: absolute; top: 0; right: -24px; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.5) } @media (min-width:1280px) and (max-width:1366px) { .nav-base ul li.nav-left:after { right: -12px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base ul li.nav-left:after { right: -3px } } .nav-base ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .nav-base ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0; border-radius: 0 } .nav-base ul li ul li:hover { background-color: #0a6179 } .nav-base ul li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base ul li { padding: 7px 4px } } @media (min-width:1278px) and (max-width:1280px) { .nav-base ul li { padding: 7px 5px } } @media (min-width:1281px) and (max-width:1366px) { .nav-base ul li { padding: 7px 10px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { .nav-base ul { font-size: 9px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { .nav-base ul { font-size: 12px } } .nav-base a { color: #fff; text-decoration: none } @media (min-width:1278px) and (max-width:1280px) { .nav-base a { font-size: 13px } } @media (min-width:1280px) and (max-width:1366px) { .nav-base a { font-size: 13px } } .nav-base>button { margin-left: 20px; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base>button { font-size: 11px; margin-left: 7px } } .nav-base .fast-access { position: absolute; width: 100%; min-height: 200px; background-color: #052f3b; top: 64px; left: 0; box-shadow: 0 24px 26px -26px #000; z-index: 5 } .nav-base .fast-access a { color: #87949c } .nav-base .fast-access>div { display: inline-block; padding: 40px 0; float: left } .nav-base .fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .nav-base .fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .nav-base .fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .nav-base .fast-access>div:first-child { padding-left: 10% } } .nav-base .fast-access>div:first-child>div { float: left; width: 33.3333% } .nav-base .fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .nav-base .fast-access>div:first-child>div span.link { text-decoration: underline } .nav-base .fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .nav-base .fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .nav-base .fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .nav-base .fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .nav-base .fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .nav-base .fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access>div:first-child { padding-left: 5%; width: 58% } } .nav-base .fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .nav-base .fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access>div:last-child { width: 32%; padding-right: 5% } } .nav-base .fast-access>div p { color: #fff; text-transform: uppercase } .nav-base .fast-access>div ul { margin: 0; padding-left: 0 } .nav-base .fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .nav-base .fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .nav-base .fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .nav-base .fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access { top: 57px } } .nav-base .newsletter { position: absolute; width: 235px; min-height: 180px; max-height: 321px; background-color: #052f3b; top: 65px; right: calc(10% + 1px); border-radius: 4px; border-top-right-radius: 0; padding: 30px; padding-bottom: 50px; z-index: 5 } .nav-base .newsletter>p { margin: 20px auto; max-width: 205px; margin-bottom: 10px; color: #fff; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .newsletter { top: 57px; right: 5% } } @media (min-width:1278px) and (max-width:1280px) { .nav-base .newsletter { right: 7% } } @media (min-width:1280px) and (max-width:1365px) { .nav-base .newsletter { right: 10% } } @media (min-width:1920px) { .nav-base .newsletter { right: 15% } } @media (max-width:480px) { .nav-base { display: none } } .nav-mobile-base { position: absolute; top: 0; left: -100%; transition: .5s ease; background-color: #052f3b; width: 100%; text-align: center; z-index: 3 } .nav-mobile-base ul { list-style: none; display: inline-block } .nav-mobile-base ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px } .nav-mobile-base ul li:hover { background-color: #063b4a } .nav-mobile-base ul li:hover ul { display: block; opacity: 1; visibility: visible } .nav-mobile-base ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .nav-mobile-base ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0 } .nav-mobile-base ul li ul li:hover { background-color: #0a6179 } @media (min-width:1280px) and (max-width:1366px) { .nav-mobile-base ul { padding-left: 0 } } .nav-mobile-base ul { padding-left: 0; width: 100%; margin: 0 } .nav-mobile-base ul li { display: block; padding: 20px 0; border-bottom: 1px solid rgba(204, 204, 204, 0.2) } .nav-mobile-base ul li a { color: #fff; text-decoration: none } .nav-mobile-base ul li:last-child { border-bottom: none } .nav-mobile-base.active { left: 0 } .nav-mobile-base .close { position: absolute; top: 10px; left: 15px; color: rgba(204, 204, 204, 0.5); font-size: 25px; z-index: 4 } .nav-mobile-base .login { background-color: #063b4a; padding: 20px 10%; height: 100% } .nav-mobile-base .login form .nav-header-checkbox label { background-color: #063b4a } .nav-mobile-base .login form input[type="text"], .nav-mobile-base .login form input[type="password"] { padding: 15px; width: 90%; background-color: #063b4a } .nav-mobile-base .login form .keep-logged { text-align: left } .nav-mobile-base .login form .keep-logged>span { vertical-align: top; font-size: 14px } .nav-mobile-base .login form .form-submit { padding: 10px 0; max-height: 50px; padding: 15px 0 } .nav-mobile-base .login form p { margin-bottom: 5px; padding-top: 10px; padding-bottom: 0 } .nav-mobile-base .login form p a { text-decoration: underline; color: #fff } .nav-mobile-base .login form p:last-child { padding-top: 0; padding-bottom: 10px; margin-top: 0 } .text-banner-base { color: #fff; text-align: center; padding: 30px 0 } .text-banner-base>div { display: inline-block; float: left } .text-banner-base .text { width: 100% } .text-banner-base .text .title { font-size: 72px; line-height: 1.3; font-weight: 700; font-family: 'Avenir-Black' } @media (max-width:480px) { .text-banner-base .text .title { font-size: 34px } } @media (max-width:320px) { .text-banner-base .text .title { font-size: 31px } } .text-banner-base .text .sub-title { font-size: 22px; padding-top: 5px; line-height: 1.3; font-weight: 400; font-family: 'Avenir-Light' } @media (max-width:480px) { .text-banner-base .text .sub-title { font-size: 20px; font-weight: 500; padding: 5px 3% } .text-banner-base .text .sub-title br { display: none } } @media (max-width:320px) { .text-banner-base .text .sub-title { font-size: 17px } } @media (max-width:480px) { .text-banner-base .text { width: 100% } } @media (max-width:320px) { .text-banner-base { padding: 45px 0 } } .header-nav-button-hover { background-color: #052f3b; border: 1px solid #052f3b; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } form { color: #fff } form._form_6, form._form_8 { max-width: 205px; font-family: Avenir !important; margin: 0 auto !important; padding: 0 !important } @media (max-width:480px) { form._form_6, form._form_8 { max-width: 70% } } form input[type="text"], form input[type="password"] { border: 1px solid #87949c; border-radius: 4px; padding: 4px; background-color: #052f3b; color: #87949c; width: calc(96%) } form>div { padding: 5px 0 } form>div span { padding-left: 5px; vertical-align: text-top; font-size: 12px } form h4 { font-size: 23px; margin: 0; padding: 15px 0 } form input[type=checkbox] { visibility: hidden } form .nav-header-checkbox { width: 17px; height: 15px; margin: 0 auto; position: relative; display: inline-block; border: 1px solid #87949c; border-radius: 4px; padding: 0; z-index: 1 } form .nav-header-checkbox label { cursor: pointer; position: absolute; width: 8px; height: 11px; left: 2px; top: 0; z-index: 2; background: #052f3b } form .nav-header-checkbox label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 7px; height: 4px; background: transparent; top: 3px; left: 2px; border: 2px solid #fcfff4; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } form .nav-header-checkbox label:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: .3 } form .nav-header-checkbox input[type=checkbox]:checked+label { background: #063b4a } form .nav-header-checkbox input[type=checkbox]:checked+label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } button { cursor: pointer; text-transform: uppercase; color: #fff; padding: 7px 15px; border-radius: 2px } button.transparent { border: 1px solid #fff; background: transparent } button.transparent:hover, button.transparent.active { background-color: #052f3b; border: 1px solid #052f3b; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } button.primary-orange { background-color: #da5e11; border: 1px solid #da5e11; color: #fff; padding: 11px 15px } button.primary-orange:hover, button.primary-orange.active { background-color: #052f3b; border: 1px solid #052f3b; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } button.form-submit { margin: 5px 0; width: 100%; text-align: center; color: #fff; text-transform: uppercase; background-color: #22b0bc; border: 1px solid #22b0bc; max-height: 29px; font-weight: 500 } button.form-submit:hover { background-color: #1e9ca6 } button i { vertical-align: top; padding-left: 5px } button.toggle-arrow-icons .fa-sort-asc { display: none } button.toggle-arrow-icons .fa-sort-desc { vertical-align: text-top; display: inline } button.toggle-arrow-icons:hover .fa-sort-asc, button.toggle-arrow-icons.active .fa-sort-asc { display: inline; vertical-align: sub } button.toggle-arrow-icons:hover .fa-sort-desc, button.toggle-arrow-icons.active .fa-sort-desc { display: none } .paginator-base { padding-top: 30px } .paginator-base>div { float: left; display: inline-block } .paginator-base .icon { width: 35px } .paginator-base .icon.icon-left { text-align: left } .paginator-base .icon.icon-right { text-align: left } .paginator-base .icon a { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease } .paginator-base .icon a.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .paginator-base .icon a:hover:not(.disabled) { color: #fff; background-color: #023544 } .paginator-base .number { text-align: center; width: calc(100% - 70px) } .paginator-base .number a { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease } .paginator-base .number a.active, .paginator-base .number a:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .paginator-base .page-numbers { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease; cursor: pointer } .paginator-base .page-numbers.current, .paginator-base .page-numbers:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .paginator-base .page-numbers.prev, .paginator-base .page-numbers.next { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease; cursor: pointer; background-color: transparent } .paginator-base .page-numbers.prev.disabled, .paginator-base .page-numbers.next.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .paginator-base .page-numbers.prev:hover:not(.disabled), .paginator-base .page-numbers.next:hover:not(.disabled) { color: #fff; background-color: #023544 } .paginator-base .page-numbers.prev { float: left } .paginator-base .page-numbers.next { float: right } html, body { line-height: 21px } .share-base { font-size: 20px } .share-base a { display: inline-block; width: 36px; height: 36px; border-radius: 36px; background-color: #cccccc; color: #fff; margin-right: 10px; text-align: center; line-height: 36px; transition: .5s ease } .share-base a.facebook:hover { background-color: #3b5998 } .share-base a.linkedin:hover { background-color: #0077b5 } .tag-base { color: #303133; font-size: 11px !important; text-transform: uppercase; border: 1px solid #eee; padding: 3px; margin-right: 3px; margin-bottom: 5px; border-radius: 4px; font-weight: 700; display: inline-block; text-decoration: none } .tag-base:hover { color: #fff; background-color: #303133 } .blog-comment-base h4 { color: #303133; text-transform: uppercase; padding: 30px 0; width: 100% } .blog-comment-base h4:first-child { border-bottom: 1px solid #eee } .blog-comment-base .comment { padding: 40px 0; border-bottom: 1px solid #eee } .blog-comment-base .comment>div { display: inline-block; float: left } .blog-comment-base .comment .comment-img { width: 20%; text-align: center } .blog-comment-base .comment .comment-img img { width: 71px; height: 71px; border-radius: 71px } @media (max-width:480px) { .blog-comment-base .comment .comment-img img { width: 51px; height: 51px; border-radius: 51px } } .blog-comment-base .comment .comment-body { width: 80% } .blog-comment-base .comment .comment-body .comment-header { position: relative; padding-bottom: 40px } .blog-comment-base .comment .comment-body .comment-header h4 { padding: 0; padding-bottom: 5px; border: none } .blog-comment-base .comment .comment-body .comment-header .time-info { font-size: 11px; color: #999 } .blog-comment-base .comment .comment-body .comment-header button { position: absolute; right: 0; top: 0; border: none; background-color: #fff; color: #303133; text-transform: uppercase; font-weight: 700 } .blog-comment-base .comment .comment-body .comment-header button:hover { text-decoration: underline } @media (max-width:480px) { .blog-comment-base .comment .comment-body .comment-header button { position: relative; padding-left: 0 } } @media (max-width:480px) { .blog-comment-base .comment .comment-body .comment-header { padding-bottom: 10px } } .blog-comment-base .comment .comment-body .commment-text p { padding-right: 0; padding-bottom: 20px } .blog-comment-base .comment .comment-body.has-reply { border-bottom: 1px solid #eee } .blog-comment-base .comment.reply { display: block; width: 80%; padding-left: 20%; border-bottom: none; padding-bottom: 0 } .blog-comment-base .comment.reply p { margin: 0 } .blog-comment-base .comment.reply .comment-body { width: calc(80% - 5px) } @media (max-width:480px) { .blog-comment-base .comment.reply .comment-body { padding-left: 5px } } .blog-comment-base .comment:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .blog-comment-base form { width: 100% } .blog-comment-base form textarea { width: calc(100% - 20px); border: 1px solid #eee; border-radius: 4px; height: 150px; padding: 10px; color: #303133 } .blog-comment-base form .form-control { padding: 15px 0 } .blog-comment-base form .form-control label { color: #303133; font-size: 14px; display: block; padding-bottom: 5px } .blog-comment-base form .form-control input[type="text"] { width: calc(100% - 10px); border: 1px solid #eee; color: #303133; background-color: #fff; border-radius: 4px; height: 30px; padding: 5px } .blog-comment-base form button, .blog-comment-base form input[type="submit"] { height: 49px; border-radius: 4px; background-color: #05909f; color: #fff; border: none; width: 205px; transition: .3s ease; text-transform: uppercase; cursor: pointer } .blog-comment-base form button:hover, .blog-comment-base form input[type="submit"]:hover { background-color: #03636e } .main-content { position: relative; height: auto } .main-content footer { background-color: #063b4a } .main-content footer .footer-fast-access { padding-top: 50px } .main-content footer .footer-fast-access a { color: #87949c } .main-content footer .footer-fast-access>div { display: inline-block; padding: 40px 0; float: left } .main-content footer .footer-fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 10% } } .main-content footer .footer-fast-access>div:first-child>div { float: left; width: 33.3333% } .main-content footer .footer-fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .main-content footer .footer-fast-access>div:first-child>div span.link { text-decoration: underline } .main-content footer .footer-fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .main-content footer .footer-fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .main-content footer .footer-fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .main-content footer .footer-fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .main-content footer .footer-fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .main-content footer .footer-fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 5%; width: 58% } } .main-content footer .footer-fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .main-content footer .footer-fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div:last-child { width: 32%; padding-right: 5% } } .main-content footer .footer-fast-access>div p { color: #fff; text-transform: uppercase } .main-content footer .footer-fast-access>div ul { margin: 0; padding-left: 0 } .main-content footer .footer-fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .main-content footer .footer-fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .main-content footer .footer-fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .main-content footer .footer-fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content footer .footer-fast-access>div p { cursor: pointer } .main-content footer .footer-fast-access>div:first-child { width: 60% } .main-content footer .footer-fast-access>div:first-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content footer .footer-fast-access>div.footer-newsletter { padding-right: 10%; width: 20% } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-fast-access>div.footer-newsletter { padding-right: 7% } } @media (min-width:1920px) { .main-content footer .footer-fast-access>div.footer-newsletter { padding-right: 15%; width: 10% } } .main-content footer .footer-fast-access>div.footer-newsletter form>p { text-transform: none } @media (max-width:480px) { .main-content footer .footer-fast-access>div.footer-newsletter form>p { padding-top: 0 } .main-content footer .footer-fast-access>div.footer-newsletter form button[type="submit"] { font-size: 14px !important } } @media (max-width:480px) { .main-content footer .footer-fast-access>div.footer-newsletter { padding: 0 5%; width: 90% } } .main-content footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80%; font-size: 12px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 5%; width: 90% } } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 7%; width: 86% } } @media (min-width:1280px) and (max-width:1365px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80% } } @media (min-width:1920px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 15%; width: 70% } } .main-content footer .footer-fast-access>div:last-child>div { display: inline-block; float: left; width: 33.3333% } .main-content footer .footer-fast-access>div:last-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content footer .footer-fast-access>div:last-child>div span { color: #87949c; display: block; padding: 3px 0 } @media (max-width:480px) { .main-content footer .footer-fast-access>div:last-child>div { text-align: center; width: 100% } .main-content footer .footer-fast-access>div:last-child>div.left-space { padding-left: 0; width: 100% } } .main-content footer .footer-fast-access>div:last-child .social { font-size: 25px; text-align: center } .main-content footer .footer-fast-access>div:last-child .social a { display: inline-block; border-radius: 50%; height: 40px; width: 40px; line-height: 42px; text-align: center; font-size: 23px; margin-left: 5px } .main-content footer .footer-fast-access>div:last-child .social a i { padding: 0; color: #fff } .main-content footer .footer-fast-access>div:last-child .social a.facebook { margin-left: 0; background-color: #3b5998 } .main-content footer .footer-fast-access>div:last-child .social a.linkedin { background-color: #0077b5 } .main-content footer .footer-fast-access>div:last-child .social a.google-plus { background-color: #dd4b39 } .main-content footer .footer-fast-access>div:last-child .social a.twitter { background-color: #55acee } .main-content footer .footer-fast-access>div:last-child .social a.youtube { background-color: #e52d27 } .main-content footer .footer-fast-access>div:last-child:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content footer .footer-fast-access>div ul.top-space { margin-top: 15px } @media (max-width:480px) { .main-content footer .footer-fast-access>div { width: 100% } .main-content footer .footer-fast-access>div:first-child { padding-left: 0 } .main-content footer .footer-fast-access>div:first-child>div { width: 100%; text-align: center } .main-content footer .footer-fast-access>div:first-child>div.left-space { padding-left: 0; width: 100%; text-align: center } .main-content footer .footer-fast-access>div:last-child { padding: 0 } .main-content footer .footer-fast-access>div:first-child, .main-content footer .footer-fast-access>div:last-child { width: 100% } .main-content footer .footer-fast-access>div p { padding-top: 30px } .main-content footer .footer-fast-access>div ul li { padding: 8px 0; padding-right: 0 } .main-content footer .footer-fast-access>div ul li a { font-size: 14px } } @media (max-width:480px) { .main-content footer .footer-fast-access { padding-top: 0 } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access { padding-top: 20px } } .main-content footer .footer-warn { padding: 0 15%; color: #85898c; font-size: 12px } @media (max-width:480px) { .main-content footer .footer-warn { padding: 0 10% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-warn { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-warn { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content footer .footer-warn { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content footer .footer-warn { padding: 0 10% } } .main-content footer .copyrights { padding: 0 15%; padding-bottom: 40px; color: #85898c; font-size: 12px } .main-content footer .copyrights:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media (max-width:480px) { .main-content footer .copyrights span { float: none; text-align: center; display: block; padding-bottom: 15px } } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .copyrights { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content footer .copyrights { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content footer .copyrights { padding: 0 10% } } .main-content footer>div .border { width: 100%; height: 1px; background-color: rgba(204, 204, 204, 0.3); margin: 40px 0 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer>div .border { margin: 20px 0 } } .main-content .section { height: auto; background-size: cover; padding: 0 15%; background-repeat: no-repeat; background-position: 50% 50%; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content .section { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content .section { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content .section { padding: 0 10% } } @media (max-width:480px) { .main-content .section { padding: 0 } } @media (max-width:480px) and (max-device-aspect-ratio:3/4) { .main-content .section { height: calc(124.3vw) } } @media (max-width:480px) and (max-device-aspect-ratio:2/3) { .main-content .section { height: calc(141vw) } } @media (max-width:480px) and (max-device-aspect-ratio:10/16) { .main-content .section { height: calc(151vw) } } @media (max-width:480px) and (max-device-aspect-ratio:9/16) { .main-content .section { height: calc(168.8vw) } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section { padding: 0 2% } } .main-content .section.initial { height: 515px; background-image: url("images/bg-blog-section-initial.png") } @media (max-width:480px) { .main-content .section.initial { height: 520px } } .main-content .section.initial .logo { background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: inline-block; padding: 37px 20px; cursor: pointer } .main-content .section.initial .logo .icon-menu { display: none } @media (max-width:480px) { .main-content .section.initial .logo { padding: 5px; display: block; width: 100%; text-align: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .main-content .section.initial .logo .icon-menu { display: inline-block; position: absolute; left: 15px; top: 20px; color: #EBEFF0; font-size: 30px } } .main-content .section.initial .nav { display: inline-block; /*float: right;*/ vertical-align: top; padding-top: 15px; margin-left:50px!important; } .main-content .section.initial .nav ul { list-style: none; display: inline-block; padding-left: 0; font-size: 13px } .main-content .section.initial .nav ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px; border-radius: 2px } .main-content .section.initial .nav ul li:hover, .main-content .section.initial .nav ul li.active { background-color: #063b4a; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .main-content .section.initial .nav ul li:hover ul, .main-content .section.initial .nav ul li.active ul { display: block; opacity: 1; visibility: visible } .main-content .section.initial .nav ul li.nav-left { margin-right: 43px; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav ul li.nav-left { margin-right: 2px } } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav ul li.nav-left { margin-right: 20px } } .main-content .section.initial .nav ul li.nav-left:after { content: ""; position: absolute; top: 0; right: -24px; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.5) } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav ul li.nav-left:after { right: -12px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav ul li.nav-left:after { right: -3px } } .main-content .section.initial .nav ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .main-content .section.initial .nav ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0; border-radius: 0 } .main-content .section.initial .nav ul li ul li:hover { background-color: #0a6179 } .main-content .section.initial .nav ul li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav ul li { padding: 7px 4px } } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav ul li { padding: 7px 5px } } @media (min-width:1281px) and (max-width:1366px) { .main-content .section.initial .nav ul li { padding: 7px 10px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { .main-content .section.initial .nav ul { font-size: 9px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { .main-content .section.initial .nav ul { font-size: 12px } } .main-content .section.initial .nav a { color: #fff; text-decoration: none } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav a { font-size: 13px } } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav a { font-size: 13px } } .main-content .section.initial .nav>button { margin-left: 20px; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav>button { font-size: 11px; margin-left: 7px } } .main-content .section.initial .nav .fast-access { position: absolute; width: 100%; min-height: 200px; background-color: #052f3b; top: 64px; left: 0; box-shadow: 0 24px 26px -26px #000; z-index: 5 } .main-content .section.initial .nav .fast-access a { color: #87949c } .main-content .section.initial .nav .fast-access>div { display: inline-block; padding: 40px 0; float: left } .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 10% } } .main-content .section.initial .nav .fast-access>div:first-child>div { float: left; width: 33.3333% } .main-content .section.initial .nav .fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .main-content .section.initial .nav .fast-access>div:first-child>div span.link { text-decoration: underline } .main-content .section.initial .nav .fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .main-content .section.initial .nav .fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 5%; width: 58% } } .main-content .section.initial .nav .fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .main-content .section.initial .nav .fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access>div:last-child { width: 32%; padding-right: 5% } } .main-content .section.initial .nav .fast-access>div p { color: #fff; text-transform: uppercase } .main-content .section.initial .nav .fast-access>div ul { margin: 0; padding-left: 0 } .main-content .section.initial .nav .fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .main-content .section.initial .nav .fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .main-content .section.initial .nav .fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .main-content .section.initial .nav .fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access { top: 57px } } .main-content .section.initial .nav .newsletter { position: absolute; width: 235px; min-height: 180px; max-height: 321px; background-color: #052f3b; top: 65px; right: calc(10% + 1px); border-radius: 4px; border-top-right-radius: 0; padding: 30px; padding-bottom: 50px; z-index: 5 } .main-content .section.initial .nav .newsletter>p { margin: 20px auto; max-width: 205px; margin-bottom: 10px; color: #fff; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .newsletter { top: 57px; right: 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav .newsletter { right: 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content .section.initial .nav .newsletter { right: 10% } } @media (min-width:1920px) { .main-content .section.initial .nav .newsletter { right: 15% } } @media (max-width:480px) { .main-content .section.initial .nav { display: none } } .main-content .section.initial .nav-mobile { position: absolute; top: 0; left: -100%; transition: .5s ease; background-color: #052f3b; width: 100%; text-align: center; z-index: 3 } .main-content .section.initial .nav-mobile ul { list-style: none; display: inline-block } .main-content .section.initial .nav-mobile ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px } .main-content .section.initial .nav-mobile ul li:hover { background-color: #063b4a } .main-content .section.initial .nav-mobile ul li:hover ul { display: block; opacity: 1; visibility: visible } .main-content .section.initial .nav-mobile ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .main-content .section.initial .nav-mobile ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0 } .main-content .section.initial .nav-mobile ul li ul li:hover { background-color: #0a6179 } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav-mobile ul { padding-left: 0 } } .main-content .section.initial .nav-mobile ul { padding-left: 0; width: 100%; margin: 0 } .main-content .section.initial .nav-mobile ul li { display: block; padding: 20px 0; border-bottom: 1px solid rgba(204, 204, 204, 0.2) } .main-content .section.initial .nav-mobile ul li a { color: #fff; text-decoration: none } .main-content .section.initial .nav-mobile ul li:last-child { border-bottom: none } .main-content .section.initial .nav-mobile.active { left: 0 } .main-content .section.initial .nav-mobile .close { position: absolute; top: 10px; left: 15px; color: rgba(204, 204, 204, 0.5); font-size: 25px; z-index: 4 } .main-content .section.initial .nav-mobile .login { background-color: #063b4a; padding: 20px 10%; height: 100% } .main-content .section.initial .nav-mobile .login form .nav-header-checkbox label { background-color: #063b4a } .main-content .section.initial .nav-mobile .login form input[type="text"], .main-content .section.initial .nav-mobile .login form input[type="password"] { padding: 15px; width: 90%; background-color: #063b4a } .main-content .section.initial .nav-mobile .login form .keep-logged { text-align: left } .main-content .section.initial .nav-mobile .login form .keep-logged>span { vertical-align: top; font-size: 14px } .main-content .section.initial .nav-mobile .login form .form-submit { padding: 10px 0; max-height: 50px; padding: 15px 0 } .main-content .section.initial .nav-mobile .login form p { margin-bottom: 5px; padding-top: 10px; padding-bottom: 0 } .main-content .section.initial .nav-mobile .login form p a { text-decoration: underline; color: #fff } .main-content .section.initial .nav-mobile .login form p:last-child { padding-top: 0; padding-bottom: 10px; margin-top: 0 } .main-content .section.initial .text-banner { color: #fff; text-align: center; padding: 30px 0 } .main-content .section.initial .text-banner>div { display: inline-block; float: left } .main-content .section.initial .text-banner .text { width: 100% } .main-content .section.initial .text-banner .text .title { font-size: 72px; line-height: 1.3; font-weight: 700; font-family: 'Avenir-Black' } @media (max-width:480px) { .main-content .section.initial .text-banner .text .title { font-size: 34px } } @media (max-width:320px) { .main-content .section.initial .text-banner .text .title { font-size: 31px } } .main-content .section.initial .text-banner .text .sub-title { font-size: 22px; padding-top: 5px; line-height: 1.3; font-weight: 400; font-family: 'Avenir-Light' } @media (max-width:480px) { .main-content .section.initial .text-banner .text .sub-title { font-size: 20px; font-weight: 500; padding: 5px 3% } .main-content .section.initial .text-banner .text .sub-title br { display: none } } @media (max-width:320px) { .main-content .section.initial .text-banner .text .sub-title { font-size: 17px } } @media (max-width:480px) { .main-content .section.initial .text-banner .text { width: 100% } } @media (max-width:320px) { .main-content .section.initial .text-banner { padding: 45px 0 } } .main-content .section.initial .text-banner .category ul { padding-left: 0; margin-top: 30px } .main-content .section.initial .text-banner .category ul li { display: none } .main-content .section.initial .text-banner .category ul li:first-child { display: block } .main-content .section.initial .text-banner .category ul li:first-child a { display: inline-block; padding: 7px 60px; font-weight: 700; text-transform: uppercase; text-decoration: none; background-color: #fff; color: #303133; border-radius: 4px } .main-content .section.initial .text-banner .category ul li:first-child a:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.initial .text-banner { padding: 120px 0 } .main-content .section.initial .text-banner .text .title { font-size: 45px; line-height: 53px } .main-content .section.initial .text-banner .text .sub-title { font-size: 17px } } .main-content .section.initial .nav-categories { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0) } @media (max-width:480px) { .main-content .section.initial .nav-categories { width: 90% } } .main-content .section.initial .nav-categories ul { list-style: none; padding-left: 0; margin: 0 auto; } .main-content .section.initial .nav-categories ul li { display: inline-block; float: left; border: 2px solid #fff; border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px; margin: 0 7px; cursor: pointer } .main-content .section.initial .nav-categories ul li a { display: block; padding: 7px 40px; color: #fff; font-weight: 700; text-transform: uppercase; text-decoration: none; font-size: 13px; } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav-categories ul li a { padding: 7px 35px } .main-content .section.initial .nav-categories ul { list-style: none; padding-left: 0; margin: 0 auto; width: 500px; } } @media (max-width:480px) { .main-content .section.initial .nav-categories ul li a { padding: 7px 15px } } @media (max-width:320px) { .main-content .section.initial .nav-categories ul li a { padding: 7px } } .main-content .section.initial .nav-categories ul li.active, .main-content .section.initial .nav-categories ul li:hover { background-color: #fff } .main-content .section.initial .nav-categories ul li.active a, .main-content .section.initial .nav-categories ul li:hover a { color: #303133 } .main-content .section.initial .nav-categories ul:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section.initial.post { position: relative } .main-content .section.initial.post .logo { position: relative } .main-content .section.initial.post .nav { position: relative } .main-content .section.initial.post .nav .newsletter { right: 1px } .main-content .section.initial.post .text-banner { position: relative } .main-content .section.initial.post .text-banner .text .title { font-size: 52px } @media (max-width:480px) { .main-content .section.initial.post .text-banner .text .title { font-size: 34px; line-height: 1.2 } } .main-content .section.initial.post:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5) } @media (max-width:480px) { .main-content .section.initial { background-image: url("images/bg-blog-mobile-section-initial.png") } } .main-content .section.blog-content { background-color: #fff; padding-top: 70px; padding-bottom: 70px } .main-content .section.blog-content>div { display: inline-block; float: left } .main-content .section.blog-content .post-content { width: 70%; background-color: #fff } .main-content .section.blog-content .post-content>div { display: inline-block; float: left; width: calc(50% - 17px) } .main-content .section.blog-content .post-content>div.post:nth-child(odd):not(.col-2) { margin-right: 15px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .post-content>div.post:nth-child(odd):not(.col-2) { margin-right: 7px } } .main-content .section.blog-content .post-content>div.post:nth-child(even):not(.col-2) { margin-left: 15px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .post-content>div.post:nth-child(even):not(.col-2) { margin-left: 7px } } @media (max-width:480px) { .main-content .section.blog-content .post-content>div { width: 100% } .main-content .section.blog-content .post-content>div.post:nth-child(odd):not(.col-2) { margin-right: 0 } .main-content .section.blog-content .post-content>div.post:nth-child(even):not(.col-2) { margin-left: 0 } } .main-content .section.blog-content .post-content>div.col-2 .post { width: 95%; min-height: auto } .main-content .section.blog-content .post-content>div.col-2 .post .text-content .title, .main-content .section.blog-content .post-content>div.col-2 .post .text-content .resume { min-height: 100% } .main-content .section.blog-content .post-content>div.col-2 .post .text-content .resume { color: #303133; word-wrap: break-word } .main-content .section.blog-content .post-content.single { font-size: 14px } .main-content .section.blog-content .post-content.single>div:not(.post-info):not(.comment-box):not(.nav-posts):not(.more-posts) { display: block; float: none } .main-content .section.blog-content .post-content.single ul { color: #303133 !important } .main-content .section.blog-content .post-content.single a { text-decoration: none; color: #da5e11 } .main-content .section.blog-content .post-content.single a:hover { text-decoration: underline } .main-content .section.blog-content .post-content .post { padding-bottom: 20px; margin-bottom: 20px; border-radius: 4px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.13) } @media (min-width:1281px) and (max-width:1366px) { .main-content .section.blog-content .post-content .post { min-height: 565px } } .main-content .section.blog-content .post-content .post img { width: 100%; height: 206px; border-top-right-radius: 4px; border-top-left-radius: 4px } .main-content .section.blog-content .post-content .post .text-content { padding: 0 20px } .main-content .section.blog-content .post-content .post .text-content .author { color: #999; font-size: 11px; padding-top: 20px } .main-content .section.blog-content .post-content .post .text-content .title { font-size: 17px; margin-bottom: 15px; margin-top: 5px; min-height: 63px } @media (min-width:1279px) and (max-width:1280px) { .main-content .section.blog-content .post-content .post .text-content .title { min-height: 84px } } .main-content .section.blog-content .post-content .post .text-content .title a { color: #303133; text-decoration: none } .main-content .section.blog-content .post-content .post .text-content .title a:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.blog-content .post-content .post .text-content .title { font-size: 20px } } .main-content .section.blog-content .post-content .post .text-content .resume { color: #303133; padding-bottom: 25px; border-bottom: 1px solid #eee; padding-right: 0; min-height: 168px; word-wrap: break-word } @media (min-width:1278px) and (max-width:1278px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 215px } } @media (min-width:1279px) and (max-width:1280px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 231px } } @media (min-width:1281px) and (max-width:1366px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 232px } } @media (min-width:1367px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 190px } } .main-content .section.blog-content .post-content .post .text-content .share { font-size: 20px } .main-content .section.blog-content .post-content .post .text-content .share a { display: inline-block; width: 36px; height: 36px; border-radius: 36px; background-color: #cccccc; color: #fff; margin-right: 10px; text-align: center; line-height: 36px; transition: .5s ease } .main-content .section.blog-content .post-content .post .text-content .share a.facebook:hover { background-color: #3b5998 } .main-content .section.blog-content .post-content .post .text-content .share a.linkedin:hover { background-color: #0077b5 } .main-content .section.blog-content .post-content img { max-width: 100% } .main-content .section.blog-content .post-content p { padding-right: 50px; color: #303133 } .main-content .section.blog-content .post-content p:first-child { margin-top: 0 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .post-content p { padding-right: 0 } } @media (max-width:480px) { .main-content .section.blog-content .post-content p { padding-right: 0 } } .main-content .section.blog-content .post-content h2.highlight { font-size: 18px; color: #303133; padding: 15px 0; padding-left: 30px; padding-right: 50px; margin: 35px 0; border-left: 2px solid #00aeef } @media (max-width:480px) { .main-content .section.blog-content .post-content h2.highlight { padding-left: 15px; padding-right: 0 } } .main-content .section.blog-content .post-content .post-info { border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 20px 0; width: calc(100% - 50px); margin-left: 0; margin-top: 40px } .main-content .section.blog-content .post-content .post-info>div { display: inline-block; vertical-align: middle } .main-content .section.blog-content .post-content .post-info .share { font-size: 20px } .main-content .section.blog-content .post-content .post-info .share a { display: inline-block; width: 36px; height: 36px; border-radius: 36px; background-color: #cccccc; color: #fff; margin-right: 10px; text-align: center; line-height: 36px; transition: .5s ease } .main-content .section.blog-content .post-content .post-info .share a.facebook:hover { background-color: #3b5998 } .main-content .section.blog-content .post-content .post-info .share a.linkedin:hover { background-color: #0077b5 } .main-content .section.blog-content .post-content .post-info .tags { max-width: calc(100% - 105px) } .main-content .section.blog-content .post-content .post-info .tags .tag, .main-content .section.blog-content .post-content .post-info .tags a[rel="tag"] { color: #303133; font-size: 11px !important; text-transform: uppercase; border: 1px solid #eee; padding: 3px; margin-right: 3px; margin-bottom: 5px; border-radius: 4px; font-weight: 700; display: inline-block; text-decoration: none } .main-content .section.blog-content .post-content .post-info .tags .tag:hover, .main-content .section.blog-content .post-content .post-info .tags a[rel="tag"]:hover { color: #fff; background-color: #303133 } @media (max-width:480px) { .main-content .section.blog-content .post-content .post-info { width: 100% } } .main-content .section.blog-content .post-content .comment-box { width: calc(100% - 50px) } .main-content .section.blog-content .post-content .comment-box h4 { color: #303133; text-transform: uppercase; padding: 30px 0; width: 100% } .main-content .section.blog-content .post-content .comment-box h4:first-child { border-bottom: 1px solid #eee } .main-content .section.blog-content .post-content .comment-box .comment { padding: 40px 0; border-bottom: 1px solid #eee } .main-content .section.blog-content .post-content .comment-box .comment>div { display: inline-block; float: left } .main-content .section.blog-content .post-content .comment-box .comment .comment-img { width: 20%; text-align: center } .main-content .section.blog-content .post-content .comment-box .comment .comment-img img { width: 71px; height: 71px; border-radius: 71px } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment .comment-img img { width: 51px; height: 51px; border-radius: 51px } } .main-content .section.blog-content .post-content .comment-box .comment .comment-body { width: 80% } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header { position: relative; padding-bottom: 40px } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header h4 { padding: 0; padding-bottom: 5px; border: none } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header .time-info { font-size: 11px; color: #999 } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header button { position: absolute; right: 0; top: 0; border: none; background-color: #fff; color: #303133; text-transform: uppercase; font-weight: 700 } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header button:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header button { position: relative; padding-left: 0 } } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header { padding-bottom: 10px } } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .commment-text p { padding-right: 0; padding-bottom: 20px } .main-content .section.blog-content .post-content .comment-box .comment .comment-body.has-reply { border-bottom: 1px solid #eee } .main-content .section.blog-content .post-content .comment-box .comment.reply { display: block; width: 80%; padding-left: 20%; border-bottom: none; padding-bottom: 0 } .main-content .section.blog-content .post-content .comment-box .comment.reply p { margin: 0 } .main-content .section.blog-content .post-content .comment-box .comment.reply .comment-body { width: calc(80% - 5px) } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment.reply .comment-body { padding-left: 5px } } .main-content .section.blog-content .post-content .comment-box .comment:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section.blog-content .post-content .comment-box form { width: 100% } .main-content .section.blog-content .post-content .comment-box form textarea { width: calc(100% - 20px); border: 1px solid #eee; border-radius: 4px; height: 150px; padding: 10px; color: #303133 } .main-content .section.blog-content .post-content .comment-box form .form-control { padding: 15px 0 } .main-content .section.blog-content .post-content .comment-box form .form-control label { color: #303133; font-size: 14px; display: block; padding-bottom: 5px } .main-content .section.blog-content .post-content .comment-box form .form-control input[type="text"] { width: calc(100% - 10px); border: 1px solid #eee; color: #303133; background-color: #fff; border-radius: 4px; height: 30px; padding: 5px } .main-content .section.blog-content .post-content .comment-box form button, .main-content .section.blog-content .post-content .comment-box form input[type="submit"] { height: 49px; border-radius: 4px; background-color: #05909f; color: #fff; border: none; width: 205px; transition: .3s ease; text-transform: uppercase; cursor: pointer } .main-content .section.blog-content .post-content .comment-box form button:hover, .main-content .section.blog-content .post-content .comment-box form input[type="submit"]:hover { background-color: #03636e } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box { width: 100% } } .main-content .section.blog-content .post-content .nav-posts { width: calc(100% - 50px); border-bottom: 1px solid #eee; padding-top: 30px; padding: 50px 0 } .main-content .section.blog-content .post-content .nav-posts>div { float: left; display: inline-block } .main-content .section.blog-content .post-content .nav-posts .icon { width: 35px } .main-content .section.blog-content .post-content .nav-posts .icon.icon-left { text-align: left } .main-content .section.blog-content .post-content .nav-posts .icon.icon-right { text-align: left } .main-content .section.blog-content .post-content .nav-posts .icon a { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease } .main-content .section.blog-content .post-content .nav-posts .icon a.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section.blog-content .post-content .nav-posts .icon a:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section.blog-content .post-content .nav-posts .number { text-align: center; width: calc(100% - 70px) } .main-content .section.blog-content .post-content .nav-posts .number a { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease } .main-content .section.blog-content .post-content .nav-posts .number a.active, .main-content .section.blog-content .post-content .nav-posts .number a:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section.blog-content .post-content .nav-posts .page-numbers { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease; cursor: pointer } .main-content .section.blog-content .post-content .nav-posts .page-numbers.current, .main-content .section.blog-content .post-content .nav-posts .page-numbers:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev, .main-content .section.blog-content .post-content .nav-posts .page-numbers.next { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease; cursor: pointer; background-color: transparent } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev.disabled, .main-content .section.blog-content .post-content .nav-posts .page-numbers.next.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev:hover:not(.disabled), .main-content .section.blog-content .post-content .nav-posts .page-numbers.next:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev { float: left } .main-content .section.blog-content .post-content .nav-posts .page-numbers.next { float: right } .main-content .section.blog-content .post-content .nav-posts .icon { width: auto } .main-content .section.blog-content .post-content .nav-posts .icon span { display: inline-block; font-size: 12px; color: #303133; text-transform: uppercase; font-weight: 700 } .main-content .section.blog-content .post-content .nav-posts .icon a { width: 31px; height: 31px; border-radius: 31px; line-height: 31px } .main-content .section.blog-content .post-content .nav-posts .icon-right { float: right } @media (max-width:480px) { .main-content .section.blog-content .post-content .nav-posts { width: 100% } } .main-content .section.blog-content .post-content .more-posts { width: calc(100% - 50px); padding-top: 40px } .main-content .section.blog-content .post-content .more-posts h4 { font-size: 20px; padding-bottom: 20px } .main-content .section.blog-content .post-content .more-posts>div { width: calc(33.3333% - 14px); padding-right: 20px; display: inline-block; float: left } .main-content .section.blog-content .post-content .more-posts>div:last-child { padding-right: 0 } @media (max-width:480px) { .main-content .section.blog-content .post-content .more-posts>div { width: 100% } } .main-content .section.blog-content .post-content .more-posts .post { box-shadow: none } .main-content .section.blog-content .post-content .more-posts .post img { border-radius: 4px; height: 126px } .main-content .section.blog-content .post-content .more-posts .post .text-content { padding: 0 } @media (max-width:480px) { .main-content .section.blog-content .post-content .more-posts .post { margin-bottom: 0 } } .main-content .section.blog-content .post-content .more-posts:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media (max-width:480px) { .main-content .section.blog-content .post-content .more-posts { width: 100% } } @media (max-width:480px) { .main-content .section.blog-content .post-content { width: 90%; padding: 0 5% } } .main-content .section.blog-content .post-content:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section.blog-content .side-content { padding-left: 30px; width: calc(30% - 30px); background-color: #fff } .main-content .section.blog-content .side-content>h4 { text-transform: uppercase; color: #303133; padding: 25px 0; border-bottom: 1px solid #eee } .main-content .section.blog-content .side-content>h4:first-child { padding-top: 0 } .main-content .section.blog-content .side-content .blog-search { padding: 25px 0; padding-top: 0 } .main-content .section.blog-content .side-content .blog-search form>div { position: relative; width: 100%; padding-top: 0 } .main-content .section.blog-content .side-content .blog-search form>div input[type="text"] { width: calc(100% - 40px); border-radius: 4px; border: 1px solid #eee; padding: 10px; font-size: 14px; font-family: 'Avenir'; padding-right: 30px; background-color: #fff } .main-content .section.blog-content .side-content .blog-search form>div input[type="submit"] { position: absolute; visibility: hidden } .main-content .section.blog-content .side-content .blog-search form>div a { position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); color: #cccccc; font-size: 17px } .main-content .section.blog-content .side-content .side-content-newsletter { padding: 25px 0 } .main-content .section.blog-content .side-content .side-content-newsletter form ._form-thank-you { color: #333 !important } .main-content .section.blog-content .side-content .side-content-newsletter form input[type="text"] { width: calc(100% - 22px); border-radius: 4px; border: 1px solid #eee; padding: 10px; font-size: 14px; font-family: 'Avenir'; background-color: #fff } .main-content .section.blog-content .side-content .side-content-newsletter form input[type="text"][name="fullname"] { margin-bottom: 7px } .main-content .section.blog-content .side-content .side-content-newsletter form button[type="submit"], .main-content .section.blog-content .side-content .side-content-newsletter form input[type="submit"] { width: 100%; text-align: center; text-transform: uppercase; color: #fff; background-color: #22b0bc; border: none; border-radius: 4px; margin-top: 7px; padding: 10px 0; cursor: pointer; transition: .3s ease } .main-content .section.blog-content .side-content .side-content-newsletter form button[type="submit"]:hover, .main-content .section.blog-content .side-content .side-content-newsletter form input[type="submit"]:hover { background-color: #1e9ca6 } .main-content .section.blog-content .side-content .side-text { padding: 25px 0 } .main-content .section.blog-content .side-content .side-text.free-text { color: #999 } .main-content .section.blog-content .side-content .side-text .tag, .main-content .section.blog-content .side-content .side-text a[class^="tag-link"] { color: #303133; font-size: 11px !important; text-transform: uppercase; border: 1px solid #eee; padding: 3px; margin-right: 3px; margin-bottom: 5px; border-radius: 4px; font-weight: 700; display: inline-block; text-decoration: none } .main-content .section.blog-content .side-content .side-text .tag:hover, .main-content .section.blog-content .side-content .side-text a[class^="tag-link"]:hover { color: #fff; background-color: #303133 } .main-content .section.blog-content .side-content .side-text .dot-list li { padding-bottom: 15px } .main-content .section.blog-content .side-content .side-text .dot-list li h4 { font-size: 17px; font-weight: 500 } .main-content .section.blog-content .side-content .side-text .dot-list li h4 a { cursor: pointer; color: #303133; text-decoration: none } .main-content .section.blog-content .side-content .side-text .dot-list li h4 a:hover { text-decoration: underline } .main-content .section.blog-content .side-content .side-text .dot-list li span { color: #999; font-size: 11px } .main-content .section.blog-content .side-content .side-text .arrow-list { list-style: none } .main-content .section.blog-content .side-content .side-text .arrow-list li { padding-bottom: 15px; position: relative } .main-content .section.blog-content .side-content .side-text .arrow-list li:before { content: "\232A"; position: absolute; left: -15px; top: 0 } .main-content .section.blog-content .side-content .side-text .arrow-list li ul { margin-top: 15px; list-style: none } .main-content .section.blog-content .side-content .side-text .arrow-list li h4 { font-size: 17px; font-weight: 500 } .main-content .section.blog-content .side-content .side-text .arrow-list li h4 a { color: #303133; text-decoration: none } .main-content .section.blog-content .side-content .side-text .arrow-list li h4 a:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.blog-content .side-content { width: 90%; padding-left: 0; padding: 0 5% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .side-content { padding-left: 15px } } .main-content .section.blog-content:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section .paginator { width: 100% !important; display: block; margin-right: 0 !important; padding-top: 30px; text-align: center } .main-content .section .paginator>div { float: left; display: inline-block } .main-content .section .paginator .icon { width: 35px } .main-content .section .paginator .icon.icon-left { text-align: left } .main-content .section .paginator .icon.icon-right { text-align: left } .main-content .section .paginator .icon a { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease } .main-content .section .paginator .icon a.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section .paginator .icon a:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section .paginator .number { text-align: center; width: calc(100% - 70px) } .main-content .section .paginator .number a { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease } .main-content .section .paginator .number a.active, .main-content .section .paginator .number a:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section .paginator .page-numbers { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease; cursor: pointer } .main-content .section .paginator .page-numbers.current, .main-content .section .paginator .page-numbers:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section .paginator .page-numbers.prev, .main-content .section .paginator .page-numbers.next { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease; cursor: pointer; background-color: transparent } .main-content .section .paginator .page-numbers.prev.disabled, .main-content .section .paginator .page-numbers.next.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section .paginator .page-numbers.prev:hover:not(.disabled), .main-content .section .paginator .page-numbers.next:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section .paginator .page-numbers.prev { float: left } .main-content .section .paginator .page-numbers.next { float: right } @media (max-width:480px) { .main-content .section .paginator { padding-bottom: 40px } } .g-recaptcha { display: block !important }

<div class="logo"> <i class="icon-menu fa fa-bars" aria-hidden="true"></i> <img src="<?php bloginfo('template_url'); ?>/images/logo.png" onclick="window.location='http://ativore.com/'"> </div> <?php $category_id = get_cat_ID('imprensa'); $category_imprensa_child = count(get_posts('category='. $category_id)) > 0; if ( is_category('imprensa') || in_category('imprensa') ) { $category_blog_class = ''; $category_imprensa_class = 'active'; } else { $category_blog_class = 'active'; $category_imprensa_class = ''; } ?> <div class="nav"> <ul> <li class="strong <?php echo ($_SERVER['REQUEST_URI'] == '/investimentos/') ? 'active' : ''; ?>"> <a href="#">Investimentos</a> <ul> <li style="width: 370px;padding: 12px;"><a href='http://ativore.com/ativore-properties/'>Investimento imobiliário direto</a></li> <li style="width: 370px;padding: 12px;"><a href='http://ativore.com/private-equity-imobiliario-eua/'>Private equity imobiliário – EUA</a></li> <li style="width: 370px;padding: 12px;"><a href='http://ativore.com/projetos-de-investimento-imobiliario-portugal/'>Projetos de investimento imobiliário - Portugal </a></li> </ul> </li> <li class="strong nav-left <?php echo ($_SERVER['REQUEST_URI'] == '/ativore-servicos/') ? 'active' : ''; ?>"> <a href="/servicos">serviços</a> </li> <li class="<?php echo ($_SERVER['REQUEST_URI'] == '/entenda-a-ativore/') ? 'active' : ''; ?>"> <a href="/entenda-a-ativore">Entenda a Ativore</a> </li> <li><a href="http://blog.ativore.com/">Blog</a></li> <!--<li class="hide-on-portrait-tablet"><a href="http://blog.ativore.com/category/imprensa/">Imprensa</a></li>--> <li class="<?php echo ($_SERVER['REQUEST_URI'] == '/contato/') ? 'active' : ''; ?>"> <a href="/contato">Contato</a> </li> </ul> <button id="newsletter" class="primary-orange toggle-arrow-icons">Newsletter<i class="fa fa-sort-desc"></i><i class="fa fa-sort-asc"></i></button> <div class="newsletter hidden" for="newsletter"> <p>Receba as últimas notícias sobre investimentos imobiliários</p> <?php echo do_shortcode('[activecampaign form=8]') ?> </div> </div> <div class="nav-mobile"> <i class="close fa fa-times" aria-hidden="true"></i> <ul> <li><a href="/" style="display: block;">Home</a></li> <li><a href="/ativore-properties/" style="display: block;">Investimento Imobiliário Direto</a></li> <li><a href="/private-equity-imobiliario-eua/" style="display: block;">Private Equity Imobiliário – EUA</a></li> <li><a href="/projetos-de-investimento-imobiliario-portugal/" style="display: block;">Projetos de Investimento Imobiliário – Portugal</a></li> <li><a href="/servicos" style="display: block;">serviços</a></li> <li><a href="/entenda-a-ativore" style="display: block;">Entenda a Ativore</a></li> <li><a href="http://blog.ativore.com/" style="display: block;">Blog</a></li> <!--<li><a href="http://blog.ativore.com/category/imprensa/" style="display: block;">Imprensa</a></li>--> <li><a href="/contato" style="display: block;">Contato</a></li> </ul> <div class="login"> <form class=""> <h4>Login seguro</h4> <div><input type="text" placeholder="seu.email@provedor.com" /></div> <div><input type="password" placeholder="******" /></div> <div class="keep-logged"> <div class="nav-header-checkbox"> <input type="checkbox" id="keep-logged-in-mobile" /> <label for="keep-logged-in-mobile"></label> </div> <span>Manter logado</span> </div> <button class="form-submit">Entrar</button> <p><a href="javascript:void(0)">Esqueceu sua senha?</a></p> <p><a href="javascript:void(0)">Não possui cadastro?</a></p> </form> </div> </div> CSS: @font-face { font-family: 'Avenir'; src: url('fonts/Avenir-Medium.ttf'), url('fonts/Avenir-Medium.eot') } @font-face { font-family: 'Avenir-Black'; src: url('fonts/Avenir-Black.ttf'), url('fonts/Avenir-Black.eot') } @font-face { font-family: 'Avenir-Light'; src: url('fonts/Avenir-Light.ttf'), url('fonts/Avenir-Light.eot') } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url('fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0'); src: url('fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } html, body { background-color: #063b4a; font-size: 14px; font-family: 'Avenir'; margin: 0; padding: 0 } @media (max-width:480px) { html, body { max-width: 100%; overflow-x: hidden } } h1, h3, h4 { margin: 0 } .hide { display: none } .hidden { visibility: hidden } .left { float: left } .right { float: right } .pseudo-clear { content: ''; display: block; height: 0; visibility: hidden; clear: both } .strong { font-weight: 700 } .fast-access a { color: #87949c } .fast-access>div { display: inline-block; padding: 40px 0; float: left } .fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .fast-access>div:first-child { padding-left: 10% } } .fast-access>div:first-child>div { float: left; width: 33.3333% } .fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .fast-access>div:first-child>div span.link { text-decoration: underline } .fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .fast-access>div:first-child { padding-left: 5%; width: 58% } } .fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .fast-access>div:last-child { width: 32%; padding-right: 5% } } .fast-access>div p { color: #fff; text-transform: uppercase } .fast-access>div ul { margin: 0; padding-left: 0 } .fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .base-menu ul { list-style: none; display: inline-block } .base-menu ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px } .base-menu ul li:hover { background-color: #063b4a } .base-menu ul li:hover ul { display: block; opacity: 1; visibility: visible } .base-menu ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .base-menu ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0 } .base-menu ul li ul li:hover { background-color: #0a6179 } @media (min-width:1280px) and (max-width:1366px) { .base-menu ul { padding-left: 0 } } .swipeable-base { display: none; position: relative; float: left; padding: 0; margin: 0; transition-property: transform; transition-duration: .5s; transition-timing-function: ease-out; transform: translate(0, 0) } .swipeable-base>div { padding: 0; margin: 0; transform: translate(0, 0); display: inline-block; float: left; width: 100% } @media (max-width:480px) { .swipeable-base { display: block } } .dots-base { display: none; color: #AAB4B9; padding-top: 15px } .dots-base i { cursor: pointer; margin-right: 10px; vertical-align: middle } .dots-base i.fa-circle { font-size: 16px } .dots-base i.fa-circle-thin { font-size: 21px } .dots-base.brand-green i.fa-circle-thin { color: #22b0bc } .dots-base.title-green i.fa-circle-thin { color: #2eb094 } .dots-base.title-blue i.fa-circle-thin { color: #042f3c } @media (max-width:480px) { .dots-base { display: inline-block; width: 100%; text-align: center } } .panel-divider-base { background-color: #fff; border: 1px solid #fff; border-radius: 4px; padding: 10% 5% } .panel-divider-base>div { color: #2c3e50; text-align: center } .panel-divider-base>div p { font-size: 34px; line-height: 35px; font-weight: 700; margin: 0; padding-right: 25%; text-align: left } @media (max-width:480px) { .panel-divider-base>div p { text-align: center; padding-right: 0; font-size: 23px; line-height: 27px } } .panel-divider-base>div span { padding: 0 10px; display: inline-block } .panel-divider-base>div:not(.swipeable):not(.dots) { display: inline-block; float: left; width: 20% } @media (min-width:1280px) and (max-width:1366px) { .panel-divider-base>div:not(.swipeable):not(.dots) { width: 23% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .panel-divider-base>div:not(.swipeable):not(.dots) { width: 23% } } .panel-divider-base>div:not(.swipeable):not(.dots).side-title { width: 40% } @media (min-width:1280px) and (max-width:1366px) { .panel-divider-base>div:not(.swipeable):not(.dots).side-title { width: 31% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .panel-divider-base>div:not(.swipeable):not(.dots).side-title { width: 31% } } @media (max-width:480px) { .panel-divider-base>div:not(.swipeable):not(.dots) { display: none } .panel-divider-base>div:not(.swipeable):not(.dots):first-child { display: inline-block; width: 100% !important; text-align: center; padding: 0 } } .panel-divider-base>div:not(.swipeable):not(.dots).more-box { position: relative; width: 100% } .panel-divider-base>div:not(.swipeable):not(.dots).more-box .more { position: absolute; left: 50%; top: -150px; background-color: #fff; border: 1px solid #fff; border-radius: 4px; transform: translate(-50%, 0); text-transform: uppercase; padding: 10px; font-size: 11px } .panel-divider-base>div:not(.swipeable):not(.dots).more-box .more:after { content: ''; position: absolute; left: 50%; bottom: -10px; width: 0; height: 0; transform: translate(-50%, 0); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; clear: both } @media (max-width:320px) and (max-height:480px) { .panel-divider-base>div:not(.swipeable):not(.dots).more-box .more { top: -130px } } .panel-divider-base .swipeable { display: none; position: relative; float: left; padding: 0; margin: 0; transition-property: transform; transition-duration: .5s; transition-timing-function: ease-out; transform: translate(0, 0) } .panel-divider-base .swipeable>div { padding: 0; margin: 0; transform: translate(0, 0); display: inline-block; float: left; width: 100% } @media (max-width:480px) { .panel-divider-base .swipeable { display: block } } .panel-divider-base .dots { display: none; color: #AAB4B9; padding-top: 15px } .panel-divider-base .dots i { cursor: pointer; margin-right: 10px; vertical-align: middle } .panel-divider-base .dots i.fa-circle { font-size: 16px } .panel-divider-base .dots i.fa-circle-thin { font-size: 21px } .panel-divider-base .dots.brand-green i.fa-circle-thin { color: #22b0bc } .panel-divider-base .dots.title-green i.fa-circle-thin { color: #2eb094 } .panel-divider-base .dots.title-blue i.fa-circle-thin { color: #042f3c } @media (max-width:480px) { .panel-divider-base .dots { display: inline-block; width: 100%; text-align: center } } .stop-scrolling { height: 100%; overflow: hidden } .main-content-base { position: relative; height: auto } .main-content-base footer { background-color: #063b4a } .main-content-base footer .footer-fast-access { padding-top: 50px } .main-content-base footer .footer-fast-access a { color: #87949c } .main-content-base footer .footer-fast-access>div { display: inline-block; padding: 40px 0; float: left } .main-content-base footer .footer-fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 10% } } .main-content-base footer .footer-fast-access>div:first-child>div { float: left; width: 33.3333% } .main-content-base footer .footer-fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .main-content-base footer .footer-fast-access>div:first-child>div span.link { text-decoration: underline } .main-content-base footer .footer-fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .main-content-base footer .footer-fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .main-content-base footer .footer-fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .main-content-base footer .footer-fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .main-content-base footer .footer-fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .main-content-base footer .footer-fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 5%; width: 58% } } .main-content-base footer .footer-fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .main-content-base footer .footer-fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div:last-child { width: 32%; padding-right: 5% } } .main-content-base footer .footer-fast-access>div p { color: #fff; text-transform: uppercase } .main-content-base footer .footer-fast-access>div ul { margin: 0; padding-left: 0 } .main-content-base footer .footer-fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .main-content-base footer .footer-fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .main-content-base footer .footer-fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .main-content-base footer .footer-fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content-base footer .footer-fast-access>div p { cursor: pointer } .main-content-base footer .footer-fast-access>div:first-child { width: 60% } .main-content-base footer .footer-fast-access>div:first-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content-base footer .footer-fast-access>div.footer-newsletter { padding-right: 10%; width: 20% } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-fast-access>div.footer-newsletter { padding-right: 7% } } @media (min-width:1920px) { .main-content-base footer .footer-fast-access>div.footer-newsletter { padding-right: 15%; width: 10% } } .main-content-base footer .footer-fast-access>div.footer-newsletter form>p { text-transform: none } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div.footer-newsletter form>p { padding-top: 0 } .main-content-base footer .footer-fast-access>div.footer-newsletter form button[type="submit"] { font-size: 14px !important } } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div.footer-newsletter { padding: 0 5%; width: 90% } } .main-content-base footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80%; font-size: 12px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 5%; width: 90% } } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 7%; width: 86% } } @media (min-width:1280px) and (max-width:1365px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80% } } @media (min-width:1920px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 15%; width: 70% } } .main-content-base footer .footer-fast-access>div:last-child>div { display: inline-block; float: left; width: 33.3333% } .main-content-base footer .footer-fast-access>div:last-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content-base footer .footer-fast-access>div:last-child>div span { color: #87949c; display: block; padding: 3px 0 } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div:last-child>div { text-align: center; width: 100% } .main-content-base footer .footer-fast-access>div:last-child>div.left-space { padding-left: 0; width: 100% } } .main-content-base footer .footer-fast-access>div:last-child .social { font-size: 25px; text-align: center } .main-content-base footer .footer-fast-access>div:last-child .social a { display: inline-block; border-radius: 50%; height: 40px; width: 40px; line-height: 42px; text-align: center; font-size: 23px; margin-left: 5px } .main-content-base footer .footer-fast-access>div:last-child .social a i { padding: 0; color: #fff } .main-content-base footer .footer-fast-access>div:last-child .social a.facebook { margin-left: 0; background-color: #3b5998 } .main-content-base footer .footer-fast-access>div:last-child .social a.linkedin { background-color: #0077b5 } .main-content-base footer .footer-fast-access>div:last-child .social a.google-plus { background-color: #dd4b39 } .main-content-base footer .footer-fast-access>div:last-child .social a.twitter { background-color: #55acee } .main-content-base footer .footer-fast-access>div:last-child .social a.youtube { background-color: #e52d27 } .main-content-base footer .footer-fast-access>div:last-child:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content-base footer .footer-fast-access>div ul.top-space { margin-top: 15px } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div { width: 100% } .main-content-base footer .footer-fast-access>div:first-child { padding-left: 0 } .main-content-base footer .footer-fast-access>div:first-child>div { width: 100%; text-align: center } .main-content-base footer .footer-fast-access>div:first-child>div.left-space { padding-left: 0; width: 100%; text-align: center } .main-content-base footer .footer-fast-access>div:last-child { padding: 0 } .main-content-base footer .footer-fast-access>div:first-child, .main-content-base footer .footer-fast-access>div:last-child { width: 100% } .main-content-base footer .footer-fast-access>div p { padding-top: 30px } .main-content-base footer .footer-fast-access>div ul li { padding: 8px 0; padding-right: 0 } .main-content-base footer .footer-fast-access>div ul li a { font-size: 14px } } @media (max-width:480px) { .main-content-base footer .footer-fast-access { padding-top: 0 } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access { padding-top: 20px } } .main-content-base footer .footer-warn { padding: 0 15%; color: #85898c; font-size: 12px } @media (max-width:480px) { .main-content-base footer .footer-warn { padding: 0 10% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-warn { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-warn { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content-base footer .footer-warn { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content-base footer .footer-warn { padding: 0 10% } } .main-content-base footer .copyrights { padding: 0 15%; padding-bottom: 40px; color: #85898c; font-size: 12px } .main-content-base footer .copyrights:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media (max-width:480px) { .main-content-base footer .copyrights span { float: none; text-align: center; display: block; padding-bottom: 15px } } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .copyrights { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content-base footer .copyrights { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content-base footer .copyrights { padding: 0 10% } } .main-content-base footer>div .border { width: 100%; height: 1px; background-color: rgba(204, 204, 204, 0.3); margin: 40px 0 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer>div .border { margin: 20px 0 } } .section-base { height: auto; background-size: cover; padding: 0 15%; background-repeat: no-repeat; background-position: 50% 50%; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .section-base { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .section-base { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .section-base { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .section-base { padding: 0 10% } } @media (max-width:480px) { .section-base { padding: 0 } } @media (max-width:480px) and (max-device-aspect-ratio:3/4) { .section-base { height: calc(124.3vw) } } @media (max-width:480px) and (max-device-aspect-ratio:2/3) { .section-base { height: calc(141vw) } } @media (max-width:480px) and (max-device-aspect-ratio:10/16) { .section-base { height: calc(151vw) } } @media (max-width:480px) and (max-device-aspect-ratio:9/16) { .section-base { height: calc(168.8vw) } } .logo-base { background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: inline-block; padding: 37px 20px; cursor: pointer } .logo-base .icon-menu { display: none } @media (max-width:480px) { .logo-base { padding: 5px; display: block; width: 100%; text-align: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .logo-base .icon-menu { display: inline-block; position: absolute; left: 15px; top: 20px; color: #EBEFF0; font-size: 30px } } .nav-base { display: inline-block; float: right; vertical-align: top; padding-top: 15px } .nav-base ul { list-style: none; display: inline-block; padding-left: 0; font-size: 13px } .nav-base ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px; border-radius: 2px } .nav-base ul li:hover, .nav-base ul li.active { background-color: #063b4a; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .nav-base ul li:hover ul, .nav-base ul li.active ul { display: block; opacity: 1; visibility: visible } .nav-base ul li.nav-left { margin-right: 43px; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base ul li.nav-left { margin-right: 2px } } @media (min-width:1280px) and (max-width:1366px) { .nav-base ul li.nav-left { margin-right: 20px } } .nav-base ul li.nav-left:after { content: ""; position: absolute; top: 0; right: -24px; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.5) } @media (min-width:1280px) and (max-width:1366px) { .nav-base ul li.nav-left:after { right: -12px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base ul li.nav-left:after { right: -3px } } .nav-base ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .nav-base ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0; border-radius: 0 } .nav-base ul li ul li:hover { background-color: #0a6179 } .nav-base ul li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base ul li { padding: 7px 4px } } @media (min-width:1278px) and (max-width:1280px) { .nav-base ul li { padding: 7px 5px } } @media (min-width:1281px) and (max-width:1366px) { .nav-base ul li { padding: 7px 10px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { .nav-base ul { font-size: 9px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { .nav-base ul { font-size: 12px } } .nav-base a { color: #fff; text-decoration: none } @media (min-width:1278px) and (max-width:1280px) { .nav-base a { font-size: 13px } } @media (min-width:1280px) and (max-width:1366px) { .nav-base a { font-size: 13px } } .nav-base>button { margin-left: 20px; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base>button { font-size: 11px; margin-left: 7px } } .nav-base .fast-access { position: absolute; width: 100%; min-height: 200px; background-color: #052f3b; top: 64px; left: 0; box-shadow: 0 24px 26px -26px #000; z-index: 5 } .nav-base .fast-access a { color: #87949c } .nav-base .fast-access>div { display: inline-block; padding: 40px 0; float: left } .nav-base .fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .nav-base .fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .nav-base .fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .nav-base .fast-access>div:first-child { padding-left: 10% } } .nav-base .fast-access>div:first-child>div { float: left; width: 33.3333% } .nav-base .fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .nav-base .fast-access>div:first-child>div span.link { text-decoration: underline } .nav-base .fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .nav-base .fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .nav-base .fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .nav-base .fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .nav-base .fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .nav-base .fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access>div:first-child { padding-left: 5%; width: 58% } } .nav-base .fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .nav-base .fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access>div:last-child { width: 32%; padding-right: 5% } } .nav-base .fast-access>div p { color: #fff; text-transform: uppercase } .nav-base .fast-access>div ul { margin: 0; padding-left: 0 } .nav-base .fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .nav-base .fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .nav-base .fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .nav-base .fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access { top: 57px } } .nav-base .newsletter { position: absolute; width: 235px; min-height: 180px; max-height: 321px; background-color: #052f3b; top: 65px; right: calc(10% + 1px); border-radius: 4px; border-top-right-radius: 0; padding: 30px; padding-bottom: 50px; z-index: 5 } .nav-base .newsletter>p { margin: 20px auto; max-width: 205px; margin-bottom: 10px; color: #fff; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .newsletter { top: 57px; right: 5% } } @media (min-width:1278px) and (max-width:1280px) { .nav-base .newsletter { right: 7% } } @media (min-width:1280px) and (max-width:1365px) { .nav-base .newsletter { right: 10% } } @media (min-width:1920px) { .nav-base .newsletter { right: 15% } } @media (max-width:480px) { .nav-base { display: none } } .nav-mobile-base { position: absolute; top: 0; left: -100%; transition: .5s ease; background-color: #052f3b; width: 100%; text-align: center; z-index: 3 } .nav-mobile-base ul { list-style: none; display: inline-block } .nav-mobile-base ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px } .nav-mobile-base ul li:hover { background-color: #063b4a } .nav-mobile-base ul li:hover ul { display: block; opacity: 1; visibility: visible } .nav-mobile-base ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .nav-mobile-base ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0 } .nav-mobile-base ul li ul li:hover { background-color: #0a6179 } @media (min-width:1280px) and (max-width:1366px) { .nav-mobile-base ul { padding-left: 0 } } .nav-mobile-base ul { padding-left: 0; width: 100%; margin: 0 } .nav-mobile-base ul li { display: block; padding: 20px 0; border-bottom: 1px solid rgba(204, 204, 204, 0.2) } .nav-mobile-base ul li a { color: #fff; text-decoration: none } .nav-mobile-base ul li:last-child { border-bottom: none } .nav-mobile-base.active { left: 0 } .nav-mobile-base .close { position: absolute; top: 10px; left: 15px; color: rgba(204, 204, 204, 0.5); font-size: 25px; z-index: 4 } .nav-mobile-base .login { background-color: #063b4a; padding: 20px 10%; height: 100% } .nav-mobile-base .login form .nav-header-checkbox label { background-color: #063b4a } .nav-mobile-base .login form input[type="text"], .nav-mobile-base .login form input[type="password"] { padding: 15px; width: 90%; background-color: #063b4a } .nav-mobile-base .login form .keep-logged { text-align: left } .nav-mobile-base .login form .keep-logged>span { vertical-align: top; font-size: 14px } .nav-mobile-base .login form .form-submit { padding: 10px 0; max-height: 50px; padding: 15px 0 } .nav-mobile-base .login form p { margin-bottom: 5px; padding-top: 10px; padding-bottom: 0 } .nav-mobile-base .login form p a { text-decoration: underline; color: #fff } .nav-mobile-base .login form p:last-child { padding-top: 0; padding-bottom: 10px; margin-top: 0 } .text-banner-base { color: #fff; text-align: center; padding: 30px 0 } .text-banner-base>div { display: inline-block; float: left } .text-banner-base .text { width: 100% } .text-banner-base .text .title { font-size: 72px; line-height: 1.3; font-weight: 700; font-family: 'Avenir-Black' } @media (max-width:480px) { .text-banner-base .text .title { font-size: 34px } } @media (max-width:320px) { .text-banner-base .text .title { font-size: 31px } } .text-banner-base .text .sub-title { font-size: 22px; padding-top: 5px; line-height: 1.3; font-weight: 400; font-family: 'Avenir-Light' } @media (max-width:480px) { .text-banner-base .text .sub-title { font-size: 20px; font-weight: 500; padding: 5px 3% } .text-banner-base .text .sub-title br { display: none } } @media (max-width:320px) { .text-banner-base .text .sub-title { font-size: 17px } } @media (max-width:480px) { .text-banner-base .text { width: 100% } } @media (max-width:320px) { .text-banner-base { padding: 45px 0 } } .header-nav-button-hover { background-color: #052f3b; border: 1px solid #052f3b; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } form { color: #fff } form._form_6, form._form_8 { max-width: 205px; font-family: Avenir !important; margin: 0 auto !important; padding: 0 !important } @media (max-width:480px) { form._form_6, form._form_8 { max-width: 70% } } form input[type="text"], form input[type="password"] { border: 1px solid #87949c; border-radius: 4px; padding: 4px; background-color: #052f3b; color: #87949c; width: calc(96%) } form>div { padding: 5px 0 } form>div span { padding-left: 5px; vertical-align: text-top; font-size: 12px } form h4 { font-size: 23px; margin: 0; padding: 15px 0 } form input[type=checkbox] { visibility: hidden } form .nav-header-checkbox { width: 17px; height: 15px; margin: 0 auto; position: relative; display: inline-block; border: 1px solid #87949c; border-radius: 4px; padding: 0; z-index: 1 } form .nav-header-checkbox label { cursor: pointer; position: absolute; width: 8px; height: 11px; left: 2px; top: 0; z-index: 2; background: #052f3b } form .nav-header-checkbox label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 7px; height: 4px; background: transparent; top: 3px; left: 2px; border: 2px solid #fcfff4; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } form .nav-header-checkbox label:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: .3 } form .nav-header-checkbox input[type=checkbox]:checked+label { background: #063b4a } form .nav-header-checkbox input[type=checkbox]:checked+label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } button { cursor: pointer; text-transform: uppercase; color: #fff; padding: 7px 15px; border-radius: 2px } button.transparent { border: 1px solid #fff; background: transparent } button.transparent:hover, button.transparent.active { background-color: #052f3b; border: 1px solid #052f3b; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } button.primary-orange { background-color: #da5e11; border: 1px solid #da5e11; color: #fff; padding: 11px 15px } button.primary-orange:hover, button.primary-orange.active { background-color: #052f3b; border: 1px solid #052f3b; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } button.form-submit { margin: 5px 0; width: 100%; text-align: center; color: #fff; text-transform: uppercase; background-color: #22b0bc; border: 1px solid #22b0bc; max-height: 29px; font-weight: 500 } button.form-submit:hover { background-color: #1e9ca6 } button i { vertical-align: top; padding-left: 5px } button.toggle-arrow-icons .fa-sort-asc { display: none } button.toggle-arrow-icons .fa-sort-desc { vertical-align: text-top; display: inline } button.toggle-arrow-icons:hover .fa-sort-asc, button.toggle-arrow-icons.active .fa-sort-asc { display: inline; vertical-align: sub } button.toggle-arrow-icons:hover .fa-sort-desc, button.toggle-arrow-icons.active .fa-sort-desc { display: none } .paginator-base { padding-top: 30px } .paginator-base>div { float: left; display: inline-block } .paginator-base .icon { width: 35px } .paginator-base .icon.icon-left { text-align: left } .paginator-base .icon.icon-right { text-align: left } .paginator-base .icon a { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease } .paginator-base .icon a.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .paginator-base .icon a:hover:not(.disabled) { color: #fff; background-color: #023544 } .paginator-base .number { text-align: center; width: calc(100% - 70px) } .paginator-base .number a { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease } .paginator-base .number a.active, .paginator-base .number a:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .paginator-base .page-numbers { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease; cursor: pointer } .paginator-base .page-numbers.current, .paginator-base .page-numbers:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .paginator-base .page-numbers.prev, .paginator-base .page-numbers.next { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease; cursor: pointer; background-color: transparent } .paginator-base .page-numbers.prev.disabled, .paginator-base .page-numbers.next.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .paginator-base .page-numbers.prev:hover:not(.disabled), .paginator-base .page-numbers.next:hover:not(.disabled) { color: #fff; background-color: #023544 } .paginator-base .page-numbers.prev { float: left } .paginator-base .page-numbers.next { float: right } html, body { line-height: 21px } .share-base { font-size: 20px } .share-base a { display: inline-block; width: 36px; height: 36px; border-radius: 36px; background-color: #cccccc; color: #fff; margin-right: 10px; text-align: center; line-height: 36px; transition: .5s ease } .share-base a.facebook:hover { background-color: #3b5998 } .share-base a.linkedin:hover { background-color: #0077b5 } .tag-base { color: #303133; font-size: 11px !important; text-transform: uppercase; border: 1px solid #eee; padding: 3px; margin-right: 3px; margin-bottom: 5px; border-radius: 4px; font-weight: 700; display: inline-block; text-decoration: none } .tag-base:hover { color: #fff; background-color: #303133 } .blog-comment-base h4 { color: #303133; text-transform: uppercase; padding: 30px 0; width: 100% } .blog-comment-base h4:first-child { border-bottom: 1px solid #eee } .blog-comment-base .comment { padding: 40px 0; border-bottom: 1px solid #eee } .blog-comment-base .comment>div { display: inline-block; float: left } .blog-comment-base .comment .comment-img { width: 20%; text-align: center } .blog-comment-base .comment .comment-img img { width: 71px; height: 71px; border-radius: 71px } @media (max-width:480px) { .blog-comment-base .comment .comment-img img { width: 51px; height: 51px; border-radius: 51px } } .blog-comment-base .comment .comment-body { width: 80% } .blog-comment-base .comment .comment-body .comment-header { position: relative; padding-bottom: 40px } .blog-comment-base .comment .comment-body .comment-header h4 { padding: 0; padding-bottom: 5px; border: none } .blog-comment-base .comment .comment-body .comment-header .time-info { font-size: 11px; color: #999 } .blog-comment-base .comment .comment-body .comment-header button { position: absolute; right: 0; top: 0; border: none; background-color: #fff; color: #303133; text-transform: uppercase; font-weight: 700 } .blog-comment-base .comment .comment-body .comment-header button:hover { text-decoration: underline } @media (max-width:480px) { .blog-comment-base .comment .comment-body .comment-header button { position: relative; padding-left: 0 } } @media (max-width:480px) { .blog-comment-base .comment .comment-body .comment-header { padding-bottom: 10px } } .blog-comment-base .comment .comment-body .commment-text p { padding-right: 0; padding-bottom: 20px } .blog-comment-base .comment .comment-body.has-reply { border-bottom: 1px solid #eee } .blog-comment-base .comment.reply { display: block; width: 80%; padding-left: 20%; border-bottom: none; padding-bottom: 0 } .blog-comment-base .comment.reply p { margin: 0 } .blog-comment-base .comment.reply .comment-body { width: calc(80% - 5px) } @media (max-width:480px) { .blog-comment-base .comment.reply .comment-body { padding-left: 5px } } .blog-comment-base .comment:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .blog-comment-base form { width: 100% } .blog-comment-base form textarea { width: calc(100% - 20px); border: 1px solid #eee; border-radius: 4px; height: 150px; padding: 10px; color: #303133 } .blog-comment-base form .form-control { padding: 15px 0 } .blog-comment-base form .form-control label { color: #303133; font-size: 14px; display: block; padding-bottom: 5px } .blog-comment-base form .form-control input[type="text"] { width: calc(100% - 10px); border: 1px solid #eee; color: #303133; background-color: #fff; border-radius: 4px; height: 30px; padding: 5px } .blog-comment-base form button, .blog-comment-base form input[type="submit"] { height: 49px; border-radius: 4px; background-color: #05909f; color: #fff; border: none; width: 205px; transition: .3s ease; text-transform: uppercase; cursor: pointer } .blog-comment-base form button:hover, .blog-comment-base form input[type="submit"]:hover { background-color: #03636e } .main-content { position: relative; height: auto } .main-content footer { background-color: #063b4a } .main-content footer .footer-fast-access { padding-top: 50px } .main-content footer .footer-fast-access a { color: #87949c } .main-content footer .footer-fast-access>div { display: inline-block; padding: 40px 0; float: left } .main-content footer .footer-fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 10% } } .main-content footer .footer-fast-access>div:first-child>div { float: left; width: 33.3333% } .main-content footer .footer-fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .main-content footer .footer-fast-access>div:first-child>div span.link { text-decoration: underline } .main-content footer .footer-fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .main-content footer .footer-fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .main-content footer .footer-fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .main-content footer .footer-fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .main-content footer .footer-fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .main-content footer .footer-fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 5%; width: 58% } } .main-content footer .footer-fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .main-content footer .footer-fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div:last-child { width: 32%; padding-right: 5% } } .main-content footer .footer-fast-access>div p { color: #fff; text-transform: uppercase } .main-content footer .footer-fast-access>div ul { margin: 0; padding-left: 0 } .main-content footer .footer-fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .main-content footer .footer-fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .main-content footer .footer-fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .main-content footer .footer-fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content footer .footer-fast-access>div p { cursor: pointer } .main-content footer .footer-fast-access>div:first-child { width: 60% } .main-content footer .footer-fast-access>div:first-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content footer .footer-fast-access>div.footer-newsletter { padding-right: 10%; width: 20% } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-fast-access>div.footer-newsletter { padding-right: 7% } } @media (min-width:1920px) { .main-content footer .footer-fast-access>div.footer-newsletter { padding-right: 15%; width: 10% } } .main-content footer .footer-fast-access>div.footer-newsletter form>p { text-transform: none } @media (max-width:480px) { .main-content footer .footer-fast-access>div.footer-newsletter form>p { padding-top: 0 } .main-content footer .footer-fast-access>div.footer-newsletter form button[type="submit"] { font-size: 14px !important } } @media (max-width:480px) { .main-content footer .footer-fast-access>div.footer-newsletter { padding: 0 5%; width: 90% } } .main-content footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80%; font-size: 12px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 5%; width: 90% } } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 7%; width: 86% } } @media (min-width:1280px) and (max-width:1365px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80% } } @media (min-width:1920px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 15%; width: 70% } } .main-content footer .footer-fast-access>div:last-child>div { display: inline-block; float: left; width: 33.3333% } .main-content footer .footer-fast-access>div:last-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content footer .footer-fast-access>div:last-child>div span { color: #87949c; display: block; padding: 3px 0 } @media (max-width:480px) { .main-content footer .footer-fast-access>div:last-child>div { text-align: center; width: 100% } .main-content footer .footer-fast-access>div:last-child>div.left-space { padding-left: 0; width: 100% } } .main-content footer .footer-fast-access>div:last-child .social { font-size: 25px; text-align: center } .main-content footer .footer-fast-access>div:last-child .social a { display: inline-block; border-radius: 50%; height: 40px; width: 40px; line-height: 42px; text-align: center; font-size: 23px; margin-left: 5px } .main-content footer .footer-fast-access>div:last-child .social a i { padding: 0; color: #fff } .main-content footer .footer-fast-access>div:last-child .social a.facebook { margin-left: 0; background-color: #3b5998 } .main-content footer .footer-fast-access>div:last-child .social a.linkedin { background-color: #0077b5 } .main-content footer .footer-fast-access>div:last-child .social a.google-plus { background-color: #dd4b39 } .main-content footer .footer-fast-access>div:last-child .social a.twitter { background-color: #55acee } .main-content footer .footer-fast-access>div:last-child .social a.youtube { background-color: #e52d27 } .main-content footer .footer-fast-access>div:last-child:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content footer .footer-fast-access>div ul.top-space { margin-top: 15px } @media (max-width:480px) { .main-content footer .footer-fast-access>div { width: 100% } .main-content footer .footer-fast-access>div:first-child { padding-left: 0 } .main-content footer .footer-fast-access>div:first-child>div { width: 100%; text-align: center } .main-content footer .footer-fast-access>div:first-child>div.left-space { padding-left: 0; width: 100%; text-align: center } .main-content footer .footer-fast-access>div:last-child { padding: 0 } .main-content footer .footer-fast-access>div:first-child, .main-content footer .footer-fast-access>div:last-child { width: 100% } .main-content footer .footer-fast-access>div p { padding-top: 30px } .main-content footer .footer-fast-access>div ul li { padding: 8px 0; padding-right: 0 } .main-content footer .footer-fast-access>div ul li a { font-size: 14px } } @media (max-width:480px) { .main-content footer .footer-fast-access { padding-top: 0 } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access { padding-top: 20px } } .main-content footer .footer-warn { padding: 0 15%; color: #85898c; font-size: 12px } @media (max-width:480px) { .main-content footer .footer-warn { padding: 0 10% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-warn { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-warn { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content footer .footer-warn { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content footer .footer-warn { padding: 0 10% } } .main-content footer .copyrights { padding: 0 15%; padding-bottom: 40px; color: #85898c; font-size: 12px } .main-content footer .copyrights:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media (max-width:480px) { .main-content footer .copyrights span { float: none; text-align: center; display: block; padding-bottom: 15px } } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .copyrights { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content footer .copyrights { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content footer .copyrights { padding: 0 10% } } .main-content footer>div .border { width: 100%; height: 1px; background-color: rgba(204, 204, 204, 0.3); margin: 40px 0 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer>div .border { margin: 20px 0 } } .main-content .section { height: auto; background-size: cover; padding: 0 15%; background-repeat: no-repeat; background-position: 50% 50%; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content .section { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content .section { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content .section { padding: 0 10% } } @media (max-width:480px) { .main-content .section { padding: 0 } } @media (max-width:480px) and (max-device-aspect-ratio:3/4) { .main-content .section { height: calc(124.3vw) } } @media (max-width:480px) and (max-device-aspect-ratio:2/3) { .main-content .section { height: calc(141vw) } } @media (max-width:480px) and (max-device-aspect-ratio:10/16) { .main-content .section { height: calc(151vw) } } @media (max-width:480px) and (max-device-aspect-ratio:9/16) { .main-content .section { height: calc(168.8vw) } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section { padding: 0 2% } } .main-content .section.initial { height: 515px; background-image: url("images/bg-blog-section-initial.png") } @media (max-width:480px) { .main-content .section.initial { height: 520px } } .main-content .section.initial .logo { background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: inline-block; padding: 37px 20px; cursor: pointer } .main-content .section.initial .logo .icon-menu { display: none } @media (max-width:480px) { .main-content .section.initial .logo { padding: 5px; display: block; width: 100%; text-align: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .main-content .section.initial .logo .icon-menu { display: inline-block; position: absolute; left: 15px; top: 20px; color: #EBEFF0; font-size: 30px } } .main-content .section.initial .nav { display: inline-block; /*float: right;*/ vertical-align: top; padding-top: 15px; margin-left:50px!important; } .main-content .section.initial .nav ul { list-style: none; display: inline-block; padding-left: 0; font-size: 13px } .main-content .section.initial .nav ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px; border-radius: 2px } .main-content .section.initial .nav ul li:hover, .main-content .section.initial .nav ul li.active { background-color: #063b4a; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .main-content .section.initial .nav ul li:hover ul, .main-content .section.initial .nav ul li.active ul { display: block; opacity: 1; visibility: visible } .main-content .section.initial .nav ul li.nav-left { margin-right: 43px; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav ul li.nav-left { margin-right: 2px } } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav ul li.nav-left { margin-right: 20px } } .main-content .section.initial .nav ul li.nav-left:after { content: ""; position: absolute; top: 0; right: -24px; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.5) } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav ul li.nav-left:after { right: -12px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav ul li.nav-left:after { right: -3px } } .main-content .section.initial .nav ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .main-content .section.initial .nav ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0; border-radius: 0 } .main-content .section.initial .nav ul li ul li:hover { background-color: #0a6179 } .main-content .section.initial .nav ul li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav ul li { padding: 7px 4px } } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav ul li { padding: 7px 5px } } @media (min-width:1281px) and (max-width:1366px) { .main-content .section.initial .nav ul li { padding: 7px 10px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { .main-content .section.initial .nav ul { font-size: 9px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { .main-content .section.initial .nav ul { font-size: 12px } } .main-content .section.initial .nav a { color: #fff; text-decoration: none } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav a { font-size: 13px } } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav a { font-size: 13px } } .main-content .section.initial .nav>button { margin-left: 20px; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav>button { font-size: 11px; margin-left: 7px } } .main-content .section.initial .nav .fast-access { position: absolute; width: 100%; min-height: 200px; background-color: #052f3b; top: 64px; left: 0; box-shadow: 0 24px 26px -26px #000; z-index: 5 } .main-content .section.initial .nav .fast-access a { color: #87949c } .main-content .section.initial .nav .fast-access>div { display: inline-block; padding: 40px 0; float: left } .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 10% } } .main-content .section.initial .nav .fast-access>div:first-child>div { float: left; width: 33.3333% } .main-content .section.initial .nav .fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .main-content .section.initial .nav .fast-access>div:first-child>div span.link { text-decoration: underline } .main-content .section.initial .nav .fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .main-content .section.initial .nav .fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 5%; width: 58% } } .main-content .section.initial .nav .fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .main-content .section.initial .nav .fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access>div:last-child { width: 32%; padding-right: 5% } } .main-content .section.initial .nav .fast-access>div p { color: #fff; text-transform: uppercase } .main-content .section.initial .nav .fast-access>div ul { margin: 0; padding-left: 0 } .main-content .section.initial .nav .fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .main-content .section.initial .nav .fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .main-content .section.initial .nav .fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .main-content .section.initial .nav .fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access { top: 57px } } .main-content .section.initial .nav .newsletter { position: absolute; width: 235px; min-height: 180px; max-height: 321px; background-color: #052f3b; top: 65px; right: calc(10% + 1px); border-radius: 4px; border-top-right-radius: 0; padding: 30px; padding-bottom: 50px; z-index: 5 } .main-content .section.initial .nav .newsletter>p { margin: 20px auto; max-width: 205px; margin-bottom: 10px; color: #fff; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .newsletter { top: 57px; right: 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav .newsletter { right: 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content .section.initial .nav .newsletter { right: 10% } } @media (min-width:1920px) { .main-content .section.initial .nav .newsletter { right: 15% } } @media (max-width:480px) { .main-content .section.initial .nav { display: none } } .main-content .section.initial .nav-mobile { position: absolute; top: 0; left: -100%; transition: .5s ease; background-color: #052f3b; width: 100%; text-align: center; z-index: 3 } .main-content .section.initial .nav-mobile ul { list-style: none; display: inline-block } .main-content .section.initial .nav-mobile ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px } .main-content .section.initial .nav-mobile ul li:hover { background-color: #063b4a } .main-content .section.initial .nav-mobile ul li:hover ul { display: block; opacity: 1; visibility: visible } .main-content .section.initial .nav-mobile ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .main-content .section.initial .nav-mobile ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0 } .main-content .section.initial .nav-mobile ul li ul li:hover { background-color: #0a6179 } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav-mobile ul { padding-left: 0 } } .main-content .section.initial .nav-mobile ul { padding-left: 0; width: 100%; margin: 0 } .main-content .section.initial .nav-mobile ul li { display: block; padding: 20px 0; border-bottom: 1px solid rgba(204, 204, 204, 0.2) } .main-content .section.initial .nav-mobile ul li a { color: #fff; text-decoration: none } .main-content .section.initial .nav-mobile ul li:last-child { border-bottom: none } .main-content .section.initial .nav-mobile.active { left: 0 } .main-content .section.initial .nav-mobile .close { position: absolute; top: 10px; left: 15px; color: rgba(204, 204, 204, 0.5); font-size: 25px; z-index: 4 } .main-content .section.initial .nav-mobile .login { background-color: #063b4a; padding: 20px 10%; height: 100% } .main-content .section.initial .nav-mobile .login form .nav-header-checkbox label { background-color: #063b4a } .main-content .section.initial .nav-mobile .login form input[type="text"], .main-content .section.initial .nav-mobile .login form input[type="password"] { padding: 15px; width: 90%; background-color: #063b4a } .main-content .section.initial .nav-mobile .login form .keep-logged { text-align: left } .main-content .section.initial .nav-mobile .login form .keep-logged>span { vertical-align: top; font-size: 14px } .main-content .section.initial .nav-mobile .login form .form-submit { padding: 10px 0; max-height: 50px; padding: 15px 0 } .main-content .section.initial .nav-mobile .login form p { margin-bottom: 5px; padding-top: 10px; padding-bottom: 0 } .main-content .section.initial .nav-mobile .login form p a { text-decoration: underline; color: #fff } .main-content .section.initial .nav-mobile .login form p:last-child { padding-top: 0; padding-bottom: 10px; margin-top: 0 } .main-content .section.initial .text-banner { color: #fff; text-align: center; padding: 30px 0 } .main-content .section.initial .text-banner>div { display: inline-block; float: left } .main-content .section.initial .text-banner .text { width: 100% } .main-content .section.initial .text-banner .text .title { font-size: 72px; line-height: 1.3; font-weight: 700; font-family: 'Avenir-Black' } @media (max-width:480px) { .main-content .section.initial .text-banner .text .title { font-size: 34px } } @media (max-width:320px) { .main-content .section.initial .text-banner .text .title { font-size: 31px } } .main-content .section.initial .text-banner .text .sub-title { font-size: 22px; padding-top: 5px; line-height: 1.3; font-weight: 400; font-family: 'Avenir-Light' } @media (max-width:480px) { .main-content .section.initial .text-banner .text .sub-title { font-size: 20px; font-weight: 500; padding: 5px 3% } .main-content .section.initial .text-banner .text .sub-title br { display: none } } @media (max-width:320px) { .main-content .section.initial .text-banner .text .sub-title { font-size: 17px } } @media (max-width:480px) { .main-content .section.initial .text-banner .text { width: 100% } } @media (max-width:320px) { .main-content .section.initial .text-banner { padding: 45px 0 } } .main-content .section.initial .text-banner .category ul { padding-left: 0; margin-top: 30px } .main-content .section.initial .text-banner .category ul li { display: none } .main-content .section.initial .text-banner .category ul li:first-child { display: block } .main-content .section.initial .text-banner .category ul li:first-child a { display: inline-block; padding: 7px 60px; font-weight: 700; text-transform: uppercase; text-decoration: none; background-color: #fff; color: #303133; border-radius: 4px } .main-content .section.initial .text-banner .category ul li:first-child a:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.initial .text-banner { padding: 120px 0 } .main-content .section.initial .text-banner .text .title { font-size: 45px; line-height: 53px } .main-content .section.initial .text-banner .text .sub-title { font-size: 17px } } .main-content .section.initial .nav-categories { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0) } @media (max-width:480px) { .main-content .section.initial .nav-categories { width: 90% } } .main-content .section.initial .nav-categories ul { list-style: none; padding-left: 0; margin: 0 auto; } .main-content .section.initial .nav-categories ul li { display: inline-block; float: left; border: 2px solid #fff; border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px; margin: 0 7px; cursor: pointer } .main-content .section.initial .nav-categories ul li a { display: block; padding: 7px 40px; color: #fff; font-weight: 700; text-transform: uppercase; text-decoration: none; font-size: 13px; } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav-categories ul li a { padding: 7px 35px } .main-content .section.initial .nav-categories ul { list-style: none; padding-left: 0; margin: 0 auto; width: 500px; } } @media (max-width:480px) { .main-content .section.initial .nav-categories ul li a { padding: 7px 15px } } @media (max-width:320px) { .main-content .section.initial .nav-categories ul li a { padding: 7px } } .main-content .section.initial .nav-categories ul li.active, .main-content .section.initial .nav-categories ul li:hover { background-color: #fff } .main-content .section.initial .nav-categories ul li.active a, .main-content .section.initial .nav-categories ul li:hover a { color: #303133 } .main-content .section.initial .nav-categories ul:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section.initial.post { position: relative } .main-content .section.initial.post .logo { position: relative } .main-content .section.initial.post .nav { position: relative } .main-content .section.initial.post .nav .newsletter { right: 1px } .main-content .section.initial.post .text-banner { position: relative } .main-content .section.initial.post .text-banner .text .title { font-size: 52px } @media (max-width:480px) { .main-content .section.initial.post .text-banner .text .title { font-size: 34px; line-height: 1.2 } } .main-content .section.initial.post:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5) } @media (max-width:480px) { .main-content .section.initial { background-image: url("images/bg-blog-mobile-section-initial.png") } } .main-content .section.blog-content { background-color: #fff; padding-top: 70px; padding-bottom: 70px } .main-content .section.blog-content>div { display: inline-block; float: left } .main-content .section.blog-content .post-content { width: 70%; background-color: #fff } .main-content .section.blog-content .post-content>div { display: inline-block; float: left; width: calc(50% - 17px) } .main-content .section.blog-content .post-content>div.post:nth-child(odd):not(.col-2) { margin-right: 15px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .post-content>div.post:nth-child(odd):not(.col-2) { margin-right: 7px } } .main-content .section.blog-content .post-content>div.post:nth-child(even):not(.col-2) { margin-left: 15px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .post-content>div.post:nth-child(even):not(.col-2) { margin-left: 7px } } @media (max-width:480px) { .main-content .section.blog-content .post-content>div { width: 100% } .main-content .section.blog-content .post-content>div.post:nth-child(odd):not(.col-2) { margin-right: 0 } .main-content .section.blog-content .post-content>div.post:nth-child(even):not(.col-2) { margin-left: 0 } } .main-content .section.blog-content .post-content>div.col-2 .post { width: 95%; min-height: auto } .main-content .section.blog-content .post-content>div.col-2 .post .text-content .title, .main-content .section.blog-content .post-content>div.col-2 .post .text-content .resume { min-height: 100% } .main-content .section.blog-content .post-content>div.col-2 .post .text-content .resume { color: #303133; word-wrap: break-word } .main-content .section.blog-content .post-content.single { font-size: 14px } .main-content .section.blog-content .post-content.single>div:not(.post-info):not(.comment-box):not(.nav-posts):not(.more-posts) { display: block; float: none } .main-content .section.blog-content .post-content.single ul { color: #303133 !important } .main-content .section.blog-content .post-content.single a { text-decoration: none; color: #da5e11 } .main-content .section.blog-content .post-content.single a:hover { text-decoration: underline } .main-content .section.blog-content .post-content .post { padding-bottom: 20px; margin-bottom: 20px; border-radius: 4px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.13) } @media (min-width:1281px) and (max-width:1366px) { .main-content .section.blog-content .post-content .post { min-height: 565px } } .main-content .section.blog-content .post-content .post img { width: 100%; height: 206px; border-top-right-radius: 4px; border-top-left-radius: 4px } .main-content .section.blog-content .post-content .post .text-content { padding: 0 20px } .main-content .section.blog-content .post-content .post .text-content .author { color: #999; font-size: 11px; padding-top: 20px } .main-content .section.blog-content .post-content .post .text-content .title { font-size: 17px; margin-bottom: 15px; margin-top: 5px; min-height: 63px } @media (min-width:1279px) and (max-width:1280px) { .main-content .section.blog-content .post-content .post .text-content .title { min-height: 84px } } .main-content .section.blog-content .post-content .post .text-content .title a { color: #303133; text-decoration: none } .main-content .section.blog-content .post-content .post .text-content .title a:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.blog-content .post-content .post .text-content .title { font-size: 20px } } .main-content .section.blog-content .post-content .post .text-content .resume { color: #303133; padding-bottom: 25px; border-bottom: 1px solid #eee; padding-right: 0; min-height: 168px; word-wrap: break-word } @media (min-width:1278px) and (max-width:1278px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 215px } } @media (min-width:1279px) and (max-width:1280px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 231px } } @media (min-width:1281px) and (max-width:1366px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 232px } } @media (min-width:1367px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 190px } } .main-content .section.blog-content .post-content .post .text-content .share { font-size: 20px } .main-content .section.blog-content .post-content .post .text-content .share a { display: inline-block; width: 36px; height: 36px; border-radius: 36px; background-color: #cccccc; color: #fff; margin-right: 10px; text-align: center; line-height: 36px; transition: .5s ease } .main-content .section.blog-content .post-content .post .text-content .share a.facebook:hover { background-color: #3b5998 } .main-content .section.blog-content .post-content .post .text-content .share a.linkedin:hover { background-color: #0077b5 } .main-content .section.blog-content .post-content img { max-width: 100% } .main-content .section.blog-content .post-content p { padding-right: 50px; color: #303133 } .main-content .section.blog-content .post-content p:first-child { margin-top: 0 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .post-content p { padding-right: 0 } } @media (max-width:480px) { .main-content .section.blog-content .post-content p { padding-right: 0 } } .main-content .section.blog-content .post-content h2.highlight { font-size: 18px; color: #303133; padding: 15px 0; padding-left: 30px; padding-right: 50px; margin: 35px 0; border-left: 2px solid #00aeef } @media (max-width:480px) { .main-content .section.blog-content .post-content h2.highlight { padding-left: 15px; padding-right: 0 } } .main-content .section.blog-content .post-content .post-info { border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 20px 0; width: calc(100% - 50px); margin-left: 0; margin-top: 40px } .main-content .section.blog-content .post-content .post-info>div { display: inline-block; vertical-align: middle } .main-content .section.blog-content .post-content .post-info .share { font-size: 20px } .main-content .section.blog-content .post-content .post-info .share a { display: inline-block; width: 36px; height: 36px; border-radius: 36px; background-color: #cccccc; color: #fff; margin-right: 10px; text-align: center; line-height: 36px; transition: .5s ease } .main-content .section.blog-content .post-content .post-info .share a.facebook:hover { background-color: #3b5998 } .main-content .section.blog-content .post-content .post-info .share a.linkedin:hover { background-color: #0077b5 } .main-content .section.blog-content .post-content .post-info .tags { max-width: calc(100% - 105px) } .main-content .section.blog-content .post-content .post-info .tags .tag, .main-content .section.blog-content .post-content .post-info .tags a[rel="tag"] { color: #303133; font-size: 11px !important; text-transform: uppercase; border: 1px solid #eee; padding: 3px; margin-right: 3px; margin-bottom: 5px; border-radius: 4px; font-weight: 700; display: inline-block; text-decoration: none } .main-content .section.blog-content .post-content .post-info .tags .tag:hover, .main-content .section.blog-content .post-content .post-info .tags a[rel="tag"]:hover { color: #fff; background-color: #303133 } @media (max-width:480px) { .main-content .section.blog-content .post-content .post-info { width: 100% } } .main-content .section.blog-content .post-content .comment-box { width: calc(100% - 50px) } .main-content .section.blog-content .post-content .comment-box h4 { color: #303133; text-transform: uppercase; padding: 30px 0; width: 100% } .main-content .section.blog-content .post-content .comment-box h4:first-child { border-bottom: 1px solid #eee } .main-content .section.blog-content .post-content .comment-box .comment { padding: 40px 0; border-bottom: 1px solid #eee } .main-content .section.blog-content .post-content .comment-box .comment>div { display: inline-block; float: left } .main-content .section.blog-content .post-content .comment-box .comment .comment-img { width: 20%; text-align: center } .main-content .section.blog-content .post-content .comment-box .comment .comment-img img { width: 71px; height: 71px; border-radius: 71px } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment .comment-img img { width: 51px; height: 51px; border-radius: 51px } } .main-content .section.blog-content .post-content .comment-box .comment .comment-body { width: 80% } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header { position: relative; padding-bottom: 40px } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header h4 { padding: 0; padding-bottom: 5px; border: none } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header .time-info { font-size: 11px; color: #999 } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header button { position: absolute; right: 0; top: 0; border: none; background-color: #fff; color: #303133; text-transform: uppercase; font-weight: 700 } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header button:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header button { position: relative; padding-left: 0 } } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header { padding-bottom: 10px } } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .commment-text p { padding-right: 0; padding-bottom: 20px } .main-content .section.blog-content .post-content .comment-box .comment .comment-body.has-reply { border-bottom: 1px solid #eee } .main-content .section.blog-content .post-content .comment-box .comment.reply { display: block; width: 80%; padding-left: 20%; border-bottom: none; padding-bottom: 0 } .main-content .section.blog-content .post-content .comment-box .comment.reply p { margin: 0 } .main-content .section.blog-content .post-content .comment-box .comment.reply .comment-body { width: calc(80% - 5px) } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment.reply .comment-body { padding-left: 5px } } .main-content .section.blog-content .post-content .comment-box .comment:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section.blog-content .post-content .comment-box form { width: 100% } .main-content .section.blog-content .post-content .comment-box form textarea { width: calc(100% - 20px); border: 1px solid #eee; border-radius: 4px; height: 150px; padding: 10px; color: #303133 } .main-content .section.blog-content .post-content .comment-box form .form-control { padding: 15px 0 } .main-content .section.blog-content .post-content .comment-box form .form-control label { color: #303133; font-size: 14px; display: block; padding-bottom: 5px } .main-content .section.blog-content .post-content .comment-box form .form-control input[type="text"] { width: calc(100% - 10px); border: 1px solid #eee; color: #303133; background-color: #fff; border-radius: 4px; height: 30px; padding: 5px } .main-content .section.blog-content .post-content .comment-box form button, .main-content .section.blog-content .post-content .comment-box form input[type="submit"] { height: 49px; border-radius: 4px; background-color: #05909f; color: #fff; border: none; width: 205px; transition: .3s ease; text-transform: uppercase; cursor: pointer } .main-content .section.blog-content .post-content .comment-box form button:hover, .main-content .section.blog-content .post-content .comment-box form input[type="submit"]:hover { background-color: #03636e } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box { width: 100% } } .main-content .section.blog-content .post-content .nav-posts { width: calc(100% - 50px); border-bottom: 1px solid #eee; padding-top: 30px; padding: 50px 0 } .main-content .section.blog-content .post-content .nav-posts>div { float: left; display: inline-block } .main-content .section.blog-content .post-content .nav-posts .icon { width: 35px } .main-content .section.blog-content .post-content .nav-posts .icon.icon-left { text-align: left } .main-content .section.blog-content .post-content .nav-posts .icon.icon-right { text-align: left } .main-content .section.blog-content .post-content .nav-posts .icon a { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease } .main-content .section.blog-content .post-content .nav-posts .icon a.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section.blog-content .post-content .nav-posts .icon a:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section.blog-content .post-content .nav-posts .number { text-align: center; width: calc(100% - 70px) } .main-content .section.blog-content .post-content .nav-posts .number a { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease } .main-content .section.blog-content .post-content .nav-posts .number a.active, .main-content .section.blog-content .post-content .nav-posts .number a:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section.blog-content .post-content .nav-posts .page-numbers { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease; cursor: pointer } .main-content .section.blog-content .post-content .nav-posts .page-numbers.current, .main-content .section.blog-content .post-content .nav-posts .page-numbers:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev, .main-content .section.blog-content .post-content .nav-posts .page-numbers.next { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease; cursor: pointer; background-color: transparent } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev.disabled, .main-content .section.blog-content .post-content .nav-posts .page-numbers.next.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev:hover:not(.disabled), .main-content .section.blog-content .post-content .nav-posts .page-numbers.next:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev { float: left } .main-content .section.blog-content .post-content .nav-posts .page-numbers.next { float: right } .main-content .section.blog-content .post-content .nav-posts .icon { width: auto } .main-content .section.blog-content .post-content .nav-posts .icon span { display: inline-block; font-size: 12px; color: #303133; text-transform: uppercase; font-weight: 700 } .main-content .section.blog-content .post-content .nav-posts .icon a { width: 31px; height: 31px; border-radius: 31px; line-height: 31px } .main-content .section.blog-content .post-content .nav-posts .icon-right { float: right } @media (max-width:480px) { .main-content .section.blog-content .post-content .nav-posts { width: 100% } } .main-content .section.blog-content .post-content .more-posts { width: calc(100% - 50px); padding-top: 40px } .main-content .section.blog-content .post-content .more-posts h4 { font-size: 20px; padding-bottom: 20px } .main-content .section.blog-content .post-content .more-posts>div { width: calc(33.3333% - 14px); padding-right: 20px; display: inline-block; float: left } .main-content .section.blog-content .post-content .more-posts>div:last-child { padding-right: 0 } @media (max-width:480px) { .main-content .section.blog-content .post-content .more-posts>div { width: 100% } } .main-content .section.blog-content .post-content .more-posts .post { box-shadow: none } .main-content .section.blog-content .post-content .more-posts .post img { border-radius: 4px; height: 126px } .main-content .section.blog-content .post-content .more-posts .post .text-content { padding: 0 } @media (max-width:480px) { .main-content .section.blog-content .post-content .more-posts .post { margin-bottom: 0 } } .main-content .section.blog-content .post-content .more-posts:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media (max-width:480px) { .main-content .section.blog-content .post-content .more-posts { width: 100% } } @media (max-width:480px) { .main-content .section.blog-content .post-content { width: 90%; padding: 0 5% } } .main-content .section.blog-content .post-content:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section.blog-content .side-content { padding-left: 30px; width: calc(30% - 30px); background-color: #fff } .main-content .section.blog-content .side-content>h4 { text-transform: uppercase; color: #303133; padding: 25px 0; border-bottom: 1px solid #eee } .main-content .section.blog-content .side-content>h4:first-child { padding-top: 0 } .main-content .section.blog-content .side-content .blog-search { padding: 25px 0; padding-top: 0 } .main-content .section.blog-content .side-content .blog-search form>div { position: relative; width: 100%; padding-top: 0 } .main-content .section.blog-content .side-content .blog-search form>div input[type="text"] { width: calc(100% - 40px); border-radius: 4px; border: 1px solid #eee; padding: 10px; font-size: 14px; font-family: 'Avenir'; padding-right: 30px; background-color: #fff } .main-content .section.blog-content .side-content .blog-search form>div input[type="submit"] { position: absolute; visibility: hidden } .main-content .section.blog-content .side-content .blog-search form>div a { position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); color: #cccccc; font-size: 17px } .main-content .section.blog-content .side-content .side-content-newsletter { padding: 25px 0 } .main-content .section.blog-content .side-content .side-content-newsletter form ._form-thank-you { color: #333 !important } .main-content .section.blog-content .side-content .side-content-newsletter form input[type="text"] { width: calc(100% - 22px); border-radius: 4px; border: 1px solid #eee; padding: 10px; font-size: 14px; font-family: 'Avenir'; background-color: #fff } .main-content .section.blog-content .side-content .side-content-newsletter form input[type="text"][name="fullname"] { margin-bottom: 7px } .main-content .section.blog-content .side-content .side-content-newsletter form button[type="submit"], .main-content .section.blog-content .side-content .side-content-newsletter form input[type="submit"] { width: 100%; text-align: center; text-transform: uppercase; color: #fff; background-color: #22b0bc; border: none; border-radius: 4px; margin-top: 7px; padding: 10px 0; cursor: pointer; transition: .3s ease } .main-content .section.blog-content .side-content .side-content-newsletter form button[type="submit"]:hover, .main-content .section.blog-content .side-content .side-content-newsletter form input[type="submit"]:hover { background-color: #1e9ca6 } .main-content .section.blog-content .side-content .side-text { padding: 25px 0 } .main-content .section.blog-content .side-content .side-text.free-text { color: #999 } .main-content .section.blog-content .side-content .side-text .tag, .main-content .section.blog-content .side-content .side-text a[class^="tag-link"] { color: #303133; font-size: 11px !important; text-transform: uppercase; border: 1px solid #eee; padding: 3px; margin-right: 3px; margin-bottom: 5px; border-radius: 4px; font-weight: 700; display: inline-block; text-decoration: none } .main-content .section.blog-content .side-content .side-text .tag:hover, .main-content .section.blog-content .side-content .side-text a[class^="tag-link"]:hover { color: #fff; background-color: #303133 } .main-content .section.blog-content .side-content .side-text .dot-list li { padding-bottom: 15px } .main-content .section.blog-content .side-content .side-text .dot-list li h4 { font-size: 17px; font-weight: 500 } .main-content .section.blog-content .side-content .side-text .dot-list li h4 a { cursor: pointer; color: #303133; text-decoration: none } .main-content .section.blog-content .side-content .side-text .dot-list li h4 a:hover { text-decoration: underline } .main-content .section.blog-content .side-content .side-text .dot-list li span { color: #999; font-size: 11px } .main-content .section.blog-content .side-content .side-text .arrow-list { list-style: none } .main-content .section.blog-content .side-content .side-text .arrow-list li { padding-bottom: 15px; position: relative } .main-content .section.blog-content .side-content .side-text .arrow-list li:before { content: "\232A"; position: absolute; left: -15px; top: 0 } .main-content .section.blog-content .side-content .side-text .arrow-list li ul { margin-top: 15px; list-style: none } .main-content .section.blog-content .side-content .side-text .arrow-list li h4 { font-size: 17px; font-weight: 500 } .main-content .section.blog-content .side-content .side-text .arrow-list li h4 a { color: #303133; text-decoration: none } .main-content .section.blog-content .side-content .side-text .arrow-list li h4 a:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.blog-content .side-content { width: 90%; padding-left: 0; padding: 0 5% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .side-content { padding-left: 15px } } .main-content .section.blog-content:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section .paginator { width: 100% !important; display: block; margin-right: 0 !important; padding-top: 30px; text-align: center } .main-content .section .paginator>div { float: left; display: inline-block } .main-content .section .paginator .icon { width: 35px } .main-content .section .paginator .icon.icon-left { text-align: left } .main-content .section .paginator .icon.icon-right { text-align: left } .main-content .section .paginator .icon a { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease } .main-content .section .paginator .icon a.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section .paginator .icon a:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section .paginator .number { text-align: center; width: calc(100% - 70px) } .main-content .section .paginator .number a { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease } .main-content .section .paginator .number a.active, .main-content .section .paginator .number a:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section .paginator .page-numbers { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease; cursor: pointer } .main-content .section .paginator .page-numbers.current, .main-content .section .paginator .page-numbers:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section .paginator .page-numbers.prev, .main-content .section .paginator .page-numbers.next { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease; cursor: pointer; background-color: transparent } .main-content .section .paginator .page-numbers.prev.disabled, .main-content .section .paginator .page-numbers.next.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section .paginator .page-numbers.prev:hover:not(.disabled), .main-content .section .paginator .page-numbers.next:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section .paginator .page-numbers.prev { float: left } .main-content .section .paginator .page-numbers.next { float: right } @media (max-width:480px) { .main-content .section .paginator { padding-bottom: 40px } } .g-recaptcha { display: block !important }

<div class="logo"> <i class="icon-menu fa fa-bars" aria-hidden="true"></i> <img src="<?php bloginfo('template_url'); ?>/images/logo.png" onclick="window.location='http://ativore.com/'"> </div> <?php $category_id = get_cat_ID('imprensa'); $category_imprensa_child = count(get_posts('category='. $category_id)) > 0; if ( is_category('imprensa') || in_category('imprensa') ) { $category_blog_class = ''; $category_imprensa_class = 'active'; } else { $category_blog_class = 'active'; $category_imprensa_class = ''; } ?> <div class="nav"> <ul> <li class="strong <?php echo ($_SERVER['REQUEST_URI'] == '/investimentos/') ? 'active' : ''; ?>"> <a href="#">Investimentos</a> <ul> <li style="width: 370px;padding: 12px;"><a href='http://ativore.com/ativore-properties/'>Investimento imobiliário direto</a></li> <li style="width: 370px;padding: 12px;"><a href='http://ativore.com/private-equity-imobiliario-eua/'>Private equity imobiliário – EUA</a></li> <li style="width: 370px;padding: 12px;"><a href='http://ativore.com/projetos-de-investimento-imobiliario-portugal/'>Projetos de investimento imobiliário - Portugal </a></li> </ul> </li> <li class="strong nav-left <?php echo ($_SERVER['REQUEST_URI'] == '/ativore-servicos/') ? 'active' : ''; ?>"> <a href="/servicos">serviços</a> </li> <li class="<?php echo ($_SERVER['REQUEST_URI'] == '/entenda-a-ativore/') ? 'active' : ''; ?>"> <a href="/entenda-a-ativore">Entenda a Ativore</a> </li> <li><a href="http://blog.ativore.com/">Blog</a></li> <!--<li class="hide-on-portrait-tablet"><a href="http://blog.ativore.com/category/imprensa/">Imprensa</a></li>--> <li class="<?php echo ($_SERVER['REQUEST_URI'] == '/contato/') ? 'active' : ''; ?>"> <a href="/contato">Contato</a> </li> </ul> <button id="newsletter" class="primary-orange toggle-arrow-icons">Newsletter<i class="fa fa-sort-desc"></i><i class="fa fa-sort-asc"></i></button> <div class="newsletter hidden" for="newsletter"> <p>Receba as últimas notícias sobre investimentos imobiliários</p> <?php echo do_shortcode('[activecampaign form=8]') ?> </div> </div> <div class="nav-mobile"> <i class="close fa fa-times" aria-hidden="true"></i> <ul> <li><a href="/" style="display: block;">Home</a></li> <li><a href="/ativore-properties/" style="display: block;">Investimento Imobiliário Direto</a></li> <li><a href="/private-equity-imobiliario-eua/" style="display: block;">Private Equity Imobiliário – EUA</a></li> <li><a href="/projetos-de-investimento-imobiliario-portugal/" style="display: block;">Projetos de Investimento Imobiliário – Portugal</a></li> <li><a href="/servicos" style="display: block;">serviços</a></li> <li><a href="/entenda-a-ativore" style="display: block;">Entenda a Ativore</a></li> <li><a href="http://blog.ativore.com/" style="display: block;">Blog</a></li> <!--<li><a href="http://blog.ativore.com/category/imprensa/" style="display: block;">Imprensa</a></li>--> <li><a href="/contato" style="display: block;">Contato</a></li> </ul> <div class="login"> <form class=""> <h4>Login seguro</h4> <div><input type="text" placeholder="seu.email@provedor.com" /></div> <div><input type="password" placeholder="******" /></div> <div class="keep-logged"> <div class="nav-header-checkbox"> <input type="checkbox" id="keep-logged-in-mobile" /> <label for="keep-logged-in-mobile"></label> </div> <span>Manter logado</span> </div> <button class="form-submit">Entrar</button> <p><a href="javascript:void(0)">Esqueceu sua senha?</a></p> <p><a href="javascript:void(0)">Não possui cadastro?</a></p> </form> </div> </div> CSS: @font-face { font-family: 'Avenir'; src: url('fonts/Avenir-Medium.ttf'), url('fonts/Avenir-Medium.eot') } @font-face { font-family: 'Avenir-Black'; src: url('fonts/Avenir-Black.ttf'), url('fonts/Avenir-Black.eot') } @font-face { font-family: 'Avenir-Light'; src: url('fonts/Avenir-Light.ttf'), url('fonts/Avenir-Light.eot') } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url('fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0'); src: url('fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } html, body { background-color: #063b4a; font-size: 14px; font-family: 'Avenir'; margin: 0; padding: 0 } @media (max-width:480px) { html, body { max-width: 100%; overflow-x: hidden } } h1, h3, h4 { margin: 0 } .hide { display: none } .hidden { visibility: hidden } .left { float: left } .right { float: right } .pseudo-clear { content: ''; display: block; height: 0; visibility: hidden; clear: both } .strong { font-weight: 700 } .fast-access a { color: #87949c } .fast-access>div { display: inline-block; padding: 40px 0; float: left } .fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .fast-access>div:first-child { padding-left: 10% } } .fast-access>div:first-child>div { float: left; width: 33.3333% } .fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .fast-access>div:first-child>div span.link { text-decoration: underline } .fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .fast-access>div:first-child { padding-left: 5%; width: 58% } } .fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .fast-access>div:last-child { width: 32%; padding-right: 5% } } .fast-access>div p { color: #fff; text-transform: uppercase } .fast-access>div ul { margin: 0; padding-left: 0 } .fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .base-menu ul { list-style: none; display: inline-block } .base-menu ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px } .base-menu ul li:hover { background-color: #063b4a } .base-menu ul li:hover ul { display: block; opacity: 1; visibility: visible } .base-menu ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .base-menu ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0 } .base-menu ul li ul li:hover { background-color: #0a6179 } @media (min-width:1280px) and (max-width:1366px) { .base-menu ul { padding-left: 0 } } .swipeable-base { display: none; position: relative; float: left; padding: 0; margin: 0; transition-property: transform; transition-duration: .5s; transition-timing-function: ease-out; transform: translate(0, 0) } .swipeable-base>div { padding: 0; margin: 0; transform: translate(0, 0); display: inline-block; float: left; width: 100% } @media (max-width:480px) { .swipeable-base { display: block } } .dots-base { display: none; color: #AAB4B9; padding-top: 15px } .dots-base i { cursor: pointer; margin-right: 10px; vertical-align: middle } .dots-base i.fa-circle { font-size: 16px } .dots-base i.fa-circle-thin { font-size: 21px } .dots-base.brand-green i.fa-circle-thin { color: #22b0bc } .dots-base.title-green i.fa-circle-thin { color: #2eb094 } .dots-base.title-blue i.fa-circle-thin { color: #042f3c } @media (max-width:480px) { .dots-base { display: inline-block; width: 100%; text-align: center } } .panel-divider-base { background-color: #fff; border: 1px solid #fff; border-radius: 4px; padding: 10% 5% } .panel-divider-base>div { color: #2c3e50; text-align: center } .panel-divider-base>div p { font-size: 34px; line-height: 35px; font-weight: 700; margin: 0; padding-right: 25%; text-align: left } @media (max-width:480px) { .panel-divider-base>div p { text-align: center; padding-right: 0; font-size: 23px; line-height: 27px } } .panel-divider-base>div span { padding: 0 10px; display: inline-block } .panel-divider-base>div:not(.swipeable):not(.dots) { display: inline-block; float: left; width: 20% } @media (min-width:1280px) and (max-width:1366px) { .panel-divider-base>div:not(.swipeable):not(.dots) { width: 23% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .panel-divider-base>div:not(.swipeable):not(.dots) { width: 23% } } .panel-divider-base>div:not(.swipeable):not(.dots).side-title { width: 40% } @media (min-width:1280px) and (max-width:1366px) { .panel-divider-base>div:not(.swipeable):not(.dots).side-title { width: 31% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .panel-divider-base>div:not(.swipeable):not(.dots).side-title { width: 31% } } @media (max-width:480px) { .panel-divider-base>div:not(.swipeable):not(.dots) { display: none } .panel-divider-base>div:not(.swipeable):not(.dots):first-child { display: inline-block; width: 100% !important; text-align: center; padding: 0 } } .panel-divider-base>div:not(.swipeable):not(.dots).more-box { position: relative; width: 100% } .panel-divider-base>div:not(.swipeable):not(.dots).more-box .more { position: absolute; left: 50%; top: -150px; background-color: #fff; border: 1px solid #fff; border-radius: 4px; transform: translate(-50%, 0); text-transform: uppercase; padding: 10px; font-size: 11px } .panel-divider-base>div:not(.swipeable):not(.dots).more-box .more:after { content: ''; position: absolute; left: 50%; bottom: -10px; width: 0; height: 0; transform: translate(-50%, 0); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; clear: both } @media (max-width:320px) and (max-height:480px) { .panel-divider-base>div:not(.swipeable):not(.dots).more-box .more { top: -130px } } .panel-divider-base .swipeable { display: none; position: relative; float: left; padding: 0; margin: 0; transition-property: transform; transition-duration: .5s; transition-timing-function: ease-out; transform: translate(0, 0) } .panel-divider-base .swipeable>div { padding: 0; margin: 0; transform: translate(0, 0); display: inline-block; float: left; width: 100% } @media (max-width:480px) { .panel-divider-base .swipeable { display: block } } .panel-divider-base .dots { display: none; color: #AAB4B9; padding-top: 15px } .panel-divider-base .dots i { cursor: pointer; margin-right: 10px; vertical-align: middle } .panel-divider-base .dots i.fa-circle { font-size: 16px } .panel-divider-base .dots i.fa-circle-thin { font-size: 21px } .panel-divider-base .dots.brand-green i.fa-circle-thin { color: #22b0bc } .panel-divider-base .dots.title-green i.fa-circle-thin { color: #2eb094 } .panel-divider-base .dots.title-blue i.fa-circle-thin { color: #042f3c } @media (max-width:480px) { .panel-divider-base .dots { display: inline-block; width: 100%; text-align: center } } .stop-scrolling { height: 100%; overflow: hidden } .main-content-base { position: relative; height: auto } .main-content-base footer { background-color: #063b4a } .main-content-base footer .footer-fast-access { padding-top: 50px } .main-content-base footer .footer-fast-access a { color: #87949c } .main-content-base footer .footer-fast-access>div { display: inline-block; padding: 40px 0; float: left } .main-content-base footer .footer-fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 10% } } .main-content-base footer .footer-fast-access>div:first-child>div { float: left; width: 33.3333% } .main-content-base footer .footer-fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .main-content-base footer .footer-fast-access>div:first-child>div span.link { text-decoration: underline } .main-content-base footer .footer-fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .main-content-base footer .footer-fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .main-content-base footer .footer-fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .main-content-base footer .footer-fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .main-content-base footer .footer-fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .main-content-base footer .footer-fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div:first-child { padding-left: 5%; width: 58% } } .main-content-base footer .footer-fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .main-content-base footer .footer-fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div:last-child { width: 32%; padding-right: 5% } } .main-content-base footer .footer-fast-access>div p { color: #fff; text-transform: uppercase } .main-content-base footer .footer-fast-access>div ul { margin: 0; padding-left: 0 } .main-content-base footer .footer-fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .main-content-base footer .footer-fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .main-content-base footer .footer-fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .main-content-base footer .footer-fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content-base footer .footer-fast-access>div p { cursor: pointer } .main-content-base footer .footer-fast-access>div:first-child { width: 60% } .main-content-base footer .footer-fast-access>div:first-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content-base footer .footer-fast-access>div.footer-newsletter { padding-right: 10%; width: 20% } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-fast-access>div.footer-newsletter { padding-right: 7% } } @media (min-width:1920px) { .main-content-base footer .footer-fast-access>div.footer-newsletter { padding-right: 15%; width: 10% } } .main-content-base footer .footer-fast-access>div.footer-newsletter form>p { text-transform: none } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div.footer-newsletter form>p { padding-top: 0 } .main-content-base footer .footer-fast-access>div.footer-newsletter form button[type="submit"] { font-size: 14px !important } } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div.footer-newsletter { padding: 0 5%; width: 90% } } .main-content-base footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80%; font-size: 12px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 5%; width: 90% } } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 7%; width: 86% } } @media (min-width:1280px) and (max-width:1365px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80% } } @media (min-width:1920px) { .main-content-base footer .footer-fast-access>div:last-child { padding: 0 15%; width: 70% } } .main-content-base footer .footer-fast-access>div:last-child>div { display: inline-block; float: left; width: 33.3333% } .main-content-base footer .footer-fast-access>div:last-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content-base footer .footer-fast-access>div:last-child>div span { color: #87949c; display: block; padding: 3px 0 } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div:last-child>div { text-align: center; width: 100% } .main-content-base footer .footer-fast-access>div:last-child>div.left-space { padding-left: 0; width: 100% } } .main-content-base footer .footer-fast-access>div:last-child .social { font-size: 25px; text-align: center } .main-content-base footer .footer-fast-access>div:last-child .social a { display: inline-block; border-radius: 50%; height: 40px; width: 40px; line-height: 42px; text-align: center; font-size: 23px; margin-left: 5px } .main-content-base footer .footer-fast-access>div:last-child .social a i { padding: 0; color: #fff } .main-content-base footer .footer-fast-access>div:last-child .social a.facebook { margin-left: 0; background-color: #3b5998 } .main-content-base footer .footer-fast-access>div:last-child .social a.linkedin { background-color: #0077b5 } .main-content-base footer .footer-fast-access>div:last-child .social a.google-plus { background-color: #dd4b39 } .main-content-base footer .footer-fast-access>div:last-child .social a.twitter { background-color: #55acee } .main-content-base footer .footer-fast-access>div:last-child .social a.youtube { background-color: #e52d27 } .main-content-base footer .footer-fast-access>div:last-child:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content-base footer .footer-fast-access>div ul.top-space { margin-top: 15px } @media (max-width:480px) { .main-content-base footer .footer-fast-access>div { width: 100% } .main-content-base footer .footer-fast-access>div:first-child { padding-left: 0 } .main-content-base footer .footer-fast-access>div:first-child>div { width: 100%; text-align: center } .main-content-base footer .footer-fast-access>div:first-child>div.left-space { padding-left: 0; width: 100%; text-align: center } .main-content-base footer .footer-fast-access>div:last-child { padding: 0 } .main-content-base footer .footer-fast-access>div:first-child, .main-content-base footer .footer-fast-access>div:last-child { width: 100% } .main-content-base footer .footer-fast-access>div p { padding-top: 30px } .main-content-base footer .footer-fast-access>div ul li { padding: 8px 0; padding-right: 0 } .main-content-base footer .footer-fast-access>div ul li a { font-size: 14px } } @media (max-width:480px) { .main-content-base footer .footer-fast-access { padding-top: 0 } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-fast-access { padding-top: 20px } } .main-content-base footer .footer-warn { padding: 0 15%; color: #85898c; font-size: 12px } @media (max-width:480px) { .main-content-base footer .footer-warn { padding: 0 10% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer .footer-warn { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .footer-warn { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content-base footer .footer-warn { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content-base footer .footer-warn { padding: 0 10% } } .main-content-base footer .copyrights { padding: 0 15%; padding-bottom: 40px; color: #85898c; font-size: 12px } .main-content-base footer .copyrights:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media (max-width:480px) { .main-content-base footer .copyrights span { float: none; text-align: center; display: block; padding-bottom: 15px } } @media (min-width:1278px) and (max-width:1280px) { .main-content-base footer .copyrights { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content-base footer .copyrights { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content-base footer .copyrights { padding: 0 10% } } .main-content-base footer>div .border { width: 100%; height: 1px; background-color: rgba(204, 204, 204, 0.3); margin: 40px 0 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content-base footer>div .border { margin: 20px 0 } } .section-base { height: auto; background-size: cover; padding: 0 15%; background-repeat: no-repeat; background-position: 50% 50%; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .section-base { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .section-base { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .section-base { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .section-base { padding: 0 10% } } @media (max-width:480px) { .section-base { padding: 0 } } @media (max-width:480px) and (max-device-aspect-ratio:3/4) { .section-base { height: calc(124.3vw) } } @media (max-width:480px) and (max-device-aspect-ratio:2/3) { .section-base { height: calc(141vw) } } @media (max-width:480px) and (max-device-aspect-ratio:10/16) { .section-base { height: calc(151vw) } } @media (max-width:480px) and (max-device-aspect-ratio:9/16) { .section-base { height: calc(168.8vw) } } .logo-base { background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: inline-block; padding: 37px 20px; cursor: pointer } .logo-base .icon-menu { display: none } @media (max-width:480px) { .logo-base { padding: 5px; display: block; width: 100%; text-align: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .logo-base .icon-menu { display: inline-block; position: absolute; left: 15px; top: 20px; color: #EBEFF0; font-size: 30px } } .nav-base { display: inline-block; float: right; vertical-align: top; padding-top: 15px } .nav-base ul { list-style: none; display: inline-block; padding-left: 0; font-size: 13px } .nav-base ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px; border-radius: 2px } .nav-base ul li:hover, .nav-base ul li.active { background-color: #063b4a; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .nav-base ul li:hover ul, .nav-base ul li.active ul { display: block; opacity: 1; visibility: visible } .nav-base ul li.nav-left { margin-right: 43px; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base ul li.nav-left { margin-right: 2px } } @media (min-width:1280px) and (max-width:1366px) { .nav-base ul li.nav-left { margin-right: 20px } } .nav-base ul li.nav-left:after { content: ""; position: absolute; top: 0; right: -24px; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.5) } @media (min-width:1280px) and (max-width:1366px) { .nav-base ul li.nav-left:after { right: -12px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base ul li.nav-left:after { right: -3px } } .nav-base ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .nav-base ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0; border-radius: 0 } .nav-base ul li ul li:hover { background-color: #0a6179 } .nav-base ul li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base ul li { padding: 7px 4px } } @media (min-width:1278px) and (max-width:1280px) { .nav-base ul li { padding: 7px 5px } } @media (min-width:1281px) and (max-width:1366px) { .nav-base ul li { padding: 7px 10px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { .nav-base ul { font-size: 9px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { .nav-base ul { font-size: 12px } } .nav-base a { color: #fff; text-decoration: none } @media (min-width:1278px) and (max-width:1280px) { .nav-base a { font-size: 13px } } @media (min-width:1280px) and (max-width:1366px) { .nav-base a { font-size: 13px } } .nav-base>button { margin-left: 20px; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base>button { font-size: 11px; margin-left: 7px } } .nav-base .fast-access { position: absolute; width: 100%; min-height: 200px; background-color: #052f3b; top: 64px; left: 0; box-shadow: 0 24px 26px -26px #000; z-index: 5 } .nav-base .fast-access a { color: #87949c } .nav-base .fast-access>div { display: inline-block; padding: 40px 0; float: left } .nav-base .fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .nav-base .fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .nav-base .fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .nav-base .fast-access>div:first-child { padding-left: 10% } } .nav-base .fast-access>div:first-child>div { float: left; width: 33.3333% } .nav-base .fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .nav-base .fast-access>div:first-child>div span.link { text-decoration: underline } .nav-base .fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .nav-base .fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .nav-base .fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .nav-base .fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .nav-base .fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .nav-base .fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access>div:first-child { padding-left: 5%; width: 58% } } .nav-base .fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .nav-base .fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access>div:last-child { width: 32%; padding-right: 5% } } .nav-base .fast-access>div p { color: #fff; text-transform: uppercase } .nav-base .fast-access>div ul { margin: 0; padding-left: 0 } .nav-base .fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .nav-base .fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .nav-base .fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .nav-base .fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .fast-access { top: 57px } } .nav-base .newsletter { position: absolute; width: 235px; min-height: 180px; max-height: 321px; background-color: #052f3b; top: 65px; right: calc(10% + 1px); border-radius: 4px; border-top-right-radius: 0; padding: 30px; padding-bottom: 50px; z-index: 5 } .nav-base .newsletter>p { margin: 20px auto; max-width: 205px; margin-bottom: 10px; color: #fff; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .nav-base .newsletter { top: 57px; right: 5% } } @media (min-width:1278px) and (max-width:1280px) { .nav-base .newsletter { right: 7% } } @media (min-width:1280px) and (max-width:1365px) { .nav-base .newsletter { right: 10% } } @media (min-width:1920px) { .nav-base .newsletter { right: 15% } } @media (max-width:480px) { .nav-base { display: none } } .nav-mobile-base { position: absolute; top: 0; left: -100%; transition: .5s ease; background-color: #052f3b; width: 100%; text-align: center; z-index: 3 } .nav-mobile-base ul { list-style: none; display: inline-block } .nav-mobile-base ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px } .nav-mobile-base ul li:hover { background-color: #063b4a } .nav-mobile-base ul li:hover ul { display: block; opacity: 1; visibility: visible } .nav-mobile-base ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .nav-mobile-base ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0 } .nav-mobile-base ul li ul li:hover { background-color: #0a6179 } @media (min-width:1280px) and (max-width:1366px) { .nav-mobile-base ul { padding-left: 0 } } .nav-mobile-base ul { padding-left: 0; width: 100%; margin: 0 } .nav-mobile-base ul li { display: block; padding: 20px 0; border-bottom: 1px solid rgba(204, 204, 204, 0.2) } .nav-mobile-base ul li a { color: #fff; text-decoration: none } .nav-mobile-base ul li:last-child { border-bottom: none } .nav-mobile-base.active { left: 0 } .nav-mobile-base .close { position: absolute; top: 10px; left: 15px; color: rgba(204, 204, 204, 0.5); font-size: 25px; z-index: 4 } .nav-mobile-base .login { background-color: #063b4a; padding: 20px 10%; height: 100% } .nav-mobile-base .login form .nav-header-checkbox label { background-color: #063b4a } .nav-mobile-base .login form input[type="text"], .nav-mobile-base .login form input[type="password"] { padding: 15px; width: 90%; background-color: #063b4a } .nav-mobile-base .login form .keep-logged { text-align: left } .nav-mobile-base .login form .keep-logged>span { vertical-align: top; font-size: 14px } .nav-mobile-base .login form .form-submit { padding: 10px 0; max-height: 50px; padding: 15px 0 } .nav-mobile-base .login form p { margin-bottom: 5px; padding-top: 10px; padding-bottom: 0 } .nav-mobile-base .login form p a { text-decoration: underline; color: #fff } .nav-mobile-base .login form p:last-child { padding-top: 0; padding-bottom: 10px; margin-top: 0 } .text-banner-base { color: #fff; text-align: center; padding: 30px 0 } .text-banner-base>div { display: inline-block; float: left } .text-banner-base .text { width: 100% } .text-banner-base .text .title { font-size: 72px; line-height: 1.3; font-weight: 700; font-family: 'Avenir-Black' } @media (max-width:480px) { .text-banner-base .text .title { font-size: 34px } } @media (max-width:320px) { .text-banner-base .text .title { font-size: 31px } } .text-banner-base .text .sub-title { font-size: 22px; padding-top: 5px; line-height: 1.3; font-weight: 400; font-family: 'Avenir-Light' } @media (max-width:480px) { .text-banner-base .text .sub-title { font-size: 20px; font-weight: 500; padding: 5px 3% } .text-banner-base .text .sub-title br { display: none } } @media (max-width:320px) { .text-banner-base .text .sub-title { font-size: 17px } } @media (max-width:480px) { .text-banner-base .text { width: 100% } } @media (max-width:320px) { .text-banner-base { padding: 45px 0 } } .header-nav-button-hover { background-color: #052f3b; border: 1px solid #052f3b; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } form { color: #fff } form._form_6, form._form_8 { max-width: 205px; font-family: Avenir !important; margin: 0 auto !important; padding: 0 !important } @media (max-width:480px) { form._form_6, form._form_8 { max-width: 70% } } form input[type="text"], form input[type="password"] { border: 1px solid #87949c; border-radius: 4px; padding: 4px; background-color: #052f3b; color: #87949c; width: calc(96%) } form>div { padding: 5px 0 } form>div span { padding-left: 5px; vertical-align: text-top; font-size: 12px } form h4 { font-size: 23px; margin: 0; padding: 15px 0 } form input[type=checkbox] { visibility: hidden } form .nav-header-checkbox { width: 17px; height: 15px; margin: 0 auto; position: relative; display: inline-block; border: 1px solid #87949c; border-radius: 4px; padding: 0; z-index: 1 } form .nav-header-checkbox label { cursor: pointer; position: absolute; width: 8px; height: 11px; left: 2px; top: 0; z-index: 2; background: #052f3b } form .nav-header-checkbox label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 7px; height: 4px; background: transparent; top: 3px; left: 2px; border: 2px solid #fcfff4; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } form .nav-header-checkbox label:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: .3 } form .nav-header-checkbox input[type=checkbox]:checked+label { background: #063b4a } form .nav-header-checkbox input[type=checkbox]:checked+label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } button { cursor: pointer; text-transform: uppercase; color: #fff; padding: 7px 15px; border-radius: 2px } button.transparent { border: 1px solid #fff; background: transparent } button.transparent:hover, button.transparent.active { background-color: #052f3b; border: 1px solid #052f3b; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } button.primary-orange { background-color: #da5e11; border: 1px solid #da5e11; color: #fff; padding: 11px 15px } button.primary-orange:hover, button.primary-orange.active { background-color: #052f3b; border: 1px solid #052f3b; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } button.form-submit { margin: 5px 0; width: 100%; text-align: center; color: #fff; text-transform: uppercase; background-color: #22b0bc; border: 1px solid #22b0bc; max-height: 29px; font-weight: 500 } button.form-submit:hover { background-color: #1e9ca6 } button i { vertical-align: top; padding-left: 5px } button.toggle-arrow-icons .fa-sort-asc { display: none } button.toggle-arrow-icons .fa-sort-desc { vertical-align: text-top; display: inline } button.toggle-arrow-icons:hover .fa-sort-asc, button.toggle-arrow-icons.active .fa-sort-asc { display: inline; vertical-align: sub } button.toggle-arrow-icons:hover .fa-sort-desc, button.toggle-arrow-icons.active .fa-sort-desc { display: none } .paginator-base { padding-top: 30px } .paginator-base>div { float: left; display: inline-block } .paginator-base .icon { width: 35px } .paginator-base .icon.icon-left { text-align: left } .paginator-base .icon.icon-right { text-align: left } .paginator-base .icon a { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease } .paginator-base .icon a.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .paginator-base .icon a:hover:not(.disabled) { color: #fff; background-color: #023544 } .paginator-base .number { text-align: center; width: calc(100% - 70px) } .paginator-base .number a { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease } .paginator-base .number a.active, .paginator-base .number a:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .paginator-base .page-numbers { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease; cursor: pointer } .paginator-base .page-numbers.current, .paginator-base .page-numbers:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .paginator-base .page-numbers.prev, .paginator-base .page-numbers.next { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease; cursor: pointer; background-color: transparent } .paginator-base .page-numbers.prev.disabled, .paginator-base .page-numbers.next.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .paginator-base .page-numbers.prev:hover:not(.disabled), .paginator-base .page-numbers.next:hover:not(.disabled) { color: #fff; background-color: #023544 } .paginator-base .page-numbers.prev { float: left } .paginator-base .page-numbers.next { float: right } html, body { line-height: 21px } .share-base { font-size: 20px } .share-base a { display: inline-block; width: 36px; height: 36px; border-radius: 36px; background-color: #cccccc; color: #fff; margin-right: 10px; text-align: center; line-height: 36px; transition: .5s ease } .share-base a.facebook:hover { background-color: #3b5998 } .share-base a.linkedin:hover { background-color: #0077b5 } .tag-base { color: #303133; font-size: 11px !important; text-transform: uppercase; border: 1px solid #eee; padding: 3px; margin-right: 3px; margin-bottom: 5px; border-radius: 4px; font-weight: 700; display: inline-block; text-decoration: none } .tag-base:hover { color: #fff; background-color: #303133 } .blog-comment-base h4 { color: #303133; text-transform: uppercase; padding: 30px 0; width: 100% } .blog-comment-base h4:first-child { border-bottom: 1px solid #eee } .blog-comment-base .comment { padding: 40px 0; border-bottom: 1px solid #eee } .blog-comment-base .comment>div { display: inline-block; float: left } .blog-comment-base .comment .comment-img { width: 20%; text-align: center } .blog-comment-base .comment .comment-img img { width: 71px; height: 71px; border-radius: 71px } @media (max-width:480px) { .blog-comment-base .comment .comment-img img { width: 51px; height: 51px; border-radius: 51px } } .blog-comment-base .comment .comment-body { width: 80% } .blog-comment-base .comment .comment-body .comment-header { position: relative; padding-bottom: 40px } .blog-comment-base .comment .comment-body .comment-header h4 { padding: 0; padding-bottom: 5px; border: none } .blog-comment-base .comment .comment-body .comment-header .time-info { font-size: 11px; color: #999 } .blog-comment-base .comment .comment-body .comment-header button { position: absolute; right: 0; top: 0; border: none; background-color: #fff; color: #303133; text-transform: uppercase; font-weight: 700 } .blog-comment-base .comment .comment-body .comment-header button:hover { text-decoration: underline } @media (max-width:480px) { .blog-comment-base .comment .comment-body .comment-header button { position: relative; padding-left: 0 } } @media (max-width:480px) { .blog-comment-base .comment .comment-body .comment-header { padding-bottom: 10px } } .blog-comment-base .comment .comment-body .commment-text p { padding-right: 0; padding-bottom: 20px } .blog-comment-base .comment .comment-body.has-reply { border-bottom: 1px solid #eee } .blog-comment-base .comment.reply { display: block; width: 80%; padding-left: 20%; border-bottom: none; padding-bottom: 0 } .blog-comment-base .comment.reply p { margin: 0 } .blog-comment-base .comment.reply .comment-body { width: calc(80% - 5px) } @media (max-width:480px) { .blog-comment-base .comment.reply .comment-body { padding-left: 5px } } .blog-comment-base .comment:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .blog-comment-base form { width: 100% } .blog-comment-base form textarea { width: calc(100% - 20px); border: 1px solid #eee; border-radius: 4px; height: 150px; padding: 10px; color: #303133 } .blog-comment-base form .form-control { padding: 15px 0 } .blog-comment-base form .form-control label { color: #303133; font-size: 14px; display: block; padding-bottom: 5px } .blog-comment-base form .form-control input[type="text"] { width: calc(100% - 10px); border: 1px solid #eee; color: #303133; background-color: #fff; border-radius: 4px; height: 30px; padding: 5px } .blog-comment-base form button, .blog-comment-base form input[type="submit"] { height: 49px; border-radius: 4px; background-color: #05909f; color: #fff; border: none; width: 205px; transition: .3s ease; text-transform: uppercase; cursor: pointer } .blog-comment-base form button:hover, .blog-comment-base form input[type="submit"]:hover { background-color: #03636e } .main-content { position: relative; height: auto } .main-content footer { background-color: #063b4a } .main-content footer .footer-fast-access { padding-top: 50px } .main-content footer .footer-fast-access a { color: #87949c } .main-content footer .footer-fast-access>div { display: inline-block; padding: 40px 0; float: left } .main-content footer .footer-fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 10% } } .main-content footer .footer-fast-access>div:first-child>div { float: left; width: 33.3333% } .main-content footer .footer-fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .main-content footer .footer-fast-access>div:first-child>div span.link { text-decoration: underline } .main-content footer .footer-fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .main-content footer .footer-fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .main-content footer .footer-fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .main-content footer .footer-fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .main-content footer .footer-fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .main-content footer .footer-fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div:first-child { padding-left: 5%; width: 58% } } .main-content footer .footer-fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .main-content footer .footer-fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div:last-child { width: 32%; padding-right: 5% } } .main-content footer .footer-fast-access>div p { color: #fff; text-transform: uppercase } .main-content footer .footer-fast-access>div ul { margin: 0; padding-left: 0 } .main-content footer .footer-fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .main-content footer .footer-fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .main-content footer .footer-fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .main-content footer .footer-fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content footer .footer-fast-access>div p { cursor: pointer } .main-content footer .footer-fast-access>div:first-child { width: 60% } .main-content footer .footer-fast-access>div:first-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content footer .footer-fast-access>div.footer-newsletter { padding-right: 10%; width: 20% } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-fast-access>div.footer-newsletter { padding-right: 7% } } @media (min-width:1920px) { .main-content footer .footer-fast-access>div.footer-newsletter { padding-right: 15%; width: 10% } } .main-content footer .footer-fast-access>div.footer-newsletter form>p { text-transform: none } @media (max-width:480px) { .main-content footer .footer-fast-access>div.footer-newsletter form>p { padding-top: 0 } .main-content footer .footer-fast-access>div.footer-newsletter form button[type="submit"] { font-size: 14px !important } } @media (max-width:480px) { .main-content footer .footer-fast-access>div.footer-newsletter { padding: 0 5%; width: 90% } } .main-content footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80%; font-size: 12px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 5%; width: 90% } } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 7%; width: 86% } } @media (min-width:1280px) and (max-width:1365px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 10%; width: 80% } } @media (min-width:1920px) { .main-content footer .footer-fast-access>div:last-child { padding: 0 15%; width: 70% } } .main-content footer .footer-fast-access>div:last-child>div { display: inline-block; float: left; width: 33.3333% } .main-content footer .footer-fast-access>div:last-child>div.left-space { padding-left: 20px; width: calc(33.3333% - 20px) } .main-content footer .footer-fast-access>div:last-child>div span { color: #87949c; display: block; padding: 3px 0 } @media (max-width:480px) { .main-content footer .footer-fast-access>div:last-child>div { text-align: center; width: 100% } .main-content footer .footer-fast-access>div:last-child>div.left-space { padding-left: 0; width: 100% } } .main-content footer .footer-fast-access>div:last-child .social { font-size: 25px; text-align: center } .main-content footer .footer-fast-access>div:last-child .social a { display: inline-block; border-radius: 50%; height: 40px; width: 40px; line-height: 42px; text-align: center; font-size: 23px; margin-left: 5px } .main-content footer .footer-fast-access>div:last-child .social a i { padding: 0; color: #fff } .main-content footer .footer-fast-access>div:last-child .social a.facebook { margin-left: 0; background-color: #3b5998 } .main-content footer .footer-fast-access>div:last-child .social a.linkedin { background-color: #0077b5 } .main-content footer .footer-fast-access>div:last-child .social a.google-plus { background-color: #dd4b39 } .main-content footer .footer-fast-access>div:last-child .social a.twitter { background-color: #55acee } .main-content footer .footer-fast-access>div:last-child .social a.youtube { background-color: #e52d27 } .main-content footer .footer-fast-access>div:last-child:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content footer .footer-fast-access>div ul.top-space { margin-top: 15px } @media (max-width:480px) { .main-content footer .footer-fast-access>div { width: 100% } .main-content footer .footer-fast-access>div:first-child { padding-left: 0 } .main-content footer .footer-fast-access>div:first-child>div { width: 100%; text-align: center } .main-content footer .footer-fast-access>div:first-child>div.left-space { padding-left: 0; width: 100%; text-align: center } .main-content footer .footer-fast-access>div:last-child { padding: 0 } .main-content footer .footer-fast-access>div:first-child, .main-content footer .footer-fast-access>div:last-child { width: 100% } .main-content footer .footer-fast-access>div p { padding-top: 30px } .main-content footer .footer-fast-access>div ul li { padding: 8px 0; padding-right: 0 } .main-content footer .footer-fast-access>div ul li a { font-size: 14px } } @media (max-width:480px) { .main-content footer .footer-fast-access { padding-top: 0 } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-fast-access { padding-top: 20px } } .main-content footer .footer-warn { padding: 0 15%; color: #85898c; font-size: 12px } @media (max-width:480px) { .main-content footer .footer-warn { padding: 0 10% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer .footer-warn { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .footer-warn { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content footer .footer-warn { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content footer .footer-warn { padding: 0 10% } } .main-content footer .copyrights { padding: 0 15%; padding-bottom: 40px; color: #85898c; font-size: 12px } .main-content footer .copyrights:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media (max-width:480px) { .main-content footer .copyrights span { float: none; text-align: center; display: block; padding-bottom: 15px } } @media (min-width:1278px) and (max-width:1280px) { .main-content footer .copyrights { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content footer .copyrights { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content footer .copyrights { padding: 0 10% } } .main-content footer>div .border { width: 100%; height: 1px; background-color: rgba(204, 204, 204, 0.3); margin: 40px 0 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content footer>div .border { margin: 20px 0 } } .main-content .section { height: auto; background-size: cover; padding: 0 15%; background-repeat: no-repeat; background-position: 50% 50%; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section { padding: 0 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content .section { padding: 0 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content .section { padding: 0 10% } } @media (min-width:1366px) and (max-width:1919px) { .main-content .section { padding: 0 10% } } @media (max-width:480px) { .main-content .section { padding: 0 } } @media (max-width:480px) and (max-device-aspect-ratio:3/4) { .main-content .section { height: calc(124.3vw) } } @media (max-width:480px) and (max-device-aspect-ratio:2/3) { .main-content .section { height: calc(141vw) } } @media (max-width:480px) and (max-device-aspect-ratio:10/16) { .main-content .section { height: calc(151vw) } } @media (max-width:480px) and (max-device-aspect-ratio:9/16) { .main-content .section { height: calc(168.8vw) } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section { padding: 0 2% } } .main-content .section.initial { height: 515px; background-image: url("images/bg-blog-section-initial.png") } @media (max-width:480px) { .main-content .section.initial { height: 520px } } .main-content .section.initial .logo { background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: inline-block; padding: 37px 20px; cursor: pointer } .main-content .section.initial .logo .icon-menu { display: none } @media (max-width:480px) { .main-content .section.initial .logo { padding: 5px; display: block; width: 100%; text-align: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .main-content .section.initial .logo .icon-menu { display: inline-block; position: absolute; left: 15px; top: 20px; color: #EBEFF0; font-size: 30px } } .main-content .section.initial .nav { display: inline-block; /*float: right;*/ vertical-align: top; padding-top: 15px; margin-left:50px!important; } .main-content .section.initial .nav ul { list-style: none; display: inline-block; padding-left: 0; font-size: 13px } .main-content .section.initial .nav ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px; border-radius: 2px } .main-content .section.initial .nav ul li:hover, .main-content .section.initial .nav ul li.active { background-color: #063b4a; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .main-content .section.initial .nav ul li:hover ul, .main-content .section.initial .nav ul li.active ul { display: block; opacity: 1; visibility: visible } .main-content .section.initial .nav ul li.nav-left { margin-right: 43px; position: relative } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav ul li.nav-left { margin-right: 2px } } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav ul li.nav-left { margin-right: 20px } } .main-content .section.initial .nav ul li.nav-left:after { content: ""; position: absolute; top: 0; right: -24px; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.5) } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav ul li.nav-left:after { right: -12px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav ul li.nav-left:after { right: -3px } } .main-content .section.initial .nav ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .main-content .section.initial .nav ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0; border-radius: 0 } .main-content .section.initial .nav ul li ul li:hover { background-color: #0a6179 } .main-content .section.initial .nav ul li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav ul li { padding: 7px 4px } } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav ul li { padding: 7px 5px } } @media (min-width:1281px) and (max-width:1366px) { .main-content .section.initial .nav ul li { padding: 7px 10px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { .main-content .section.initial .nav ul { font-size: 9px } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { .main-content .section.initial .nav ul { font-size: 12px } } .main-content .section.initial .nav a { color: #fff; text-decoration: none } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav a { font-size: 13px } } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav a { font-size: 13px } } .main-content .section.initial .nav>button { margin-left: 20px; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav>button { font-size: 11px; margin-left: 7px } } .main-content .section.initial .nav .fast-access { position: absolute; width: 100%; min-height: 200px; background-color: #052f3b; top: 64px; left: 0; box-shadow: 0 24px 26px -26px #000; z-index: 5 } .main-content .section.initial .nav .fast-access a { color: #87949c } .main-content .section.initial .nav .fast-access>div { display: inline-block; padding: 40px 0; float: left } .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 15%; width: 46%; background-color: #063b4a } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 7% } } @media (min-width:1280px) and (max-width:1439px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 10% } } @media (min-width:1440px) and (max-width:1919px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 10% } } .main-content .section.initial .nav .fast-access>div:first-child>div { float: left; width: 33.3333% } .main-content .section.initial .nav .fast-access>div:first-child>div span { color: #87949c; font-size: 12px; font-weight: 500; display: block; padding: 3px 0 } .main-content .section.initial .nav .fast-access>div:first-child>div span.link { text-decoration: underline } .main-content .section.initial .nav .fast-access>div:first-child>div span.link a:hover { color: #95a0a8 } .main-content .section.initial .nav .fast-access>div:first-child>div span.social { font-size: 25px; padding-top: 10px } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a { display: inline-block; border-radius: 22px; height: 22px; width: 22px; line-height: 22px; text-align: center; font-size: 17px } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a i { padding: 0; color: #fff } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a.facebook { background-color: #3b5998 } .main-content .section.initial .nav .fast-access>div:first-child>div span.social a.linkedin { background-color: #0077b5 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access>div:first-child { padding-left: 5%; width: 58% } } .main-content .section.initial .nav .fast-access>div:last-child { width: 24%; vertical-align: top; padding-right: 15% } .main-content .section.initial .nav .fast-access>div:last-child form p { text-transform: none } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access>div:last-child { width: 32%; padding-right: 5% } } .main-content .section.initial .nav .fast-access>div p { color: #fff; text-transform: uppercase } .main-content .section.initial .nav .fast-access>div ul { margin: 0; padding-left: 0 } .main-content .section.initial .nav .fast-access>div ul li { display: block; padding: 2px 0; padding-right: 40px } .main-content .section.initial .nav .fast-access>div ul li a { text-transform: none; font-size: 12px; font-weight: 500; text-decoration: none } .main-content .section.initial .nav .fast-access>div ul li a:hover { text-decoration: underline } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access>div ul li { padding: 5px 0; padding-right: 10px } } .main-content .section.initial .nav .fast-access:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .fast-access { top: 57px } } .main-content .section.initial .nav .newsletter { position: absolute; width: 235px; min-height: 180px; max-height: 321px; background-color: #052f3b; top: 65px; right: calc(10% + 1px); border-radius: 4px; border-top-right-radius: 0; padding: 30px; padding-bottom: 50px; z-index: 5 } .main-content .section.initial .nav .newsletter>p { margin: 20px auto; max-width: 205px; margin-bottom: 10px; color: #fff; font-size: 14px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav .newsletter { top: 57px; right: 5% } } @media (min-width:1278px) and (max-width:1280px) { .main-content .section.initial .nav .newsletter { right: 7% } } @media (min-width:1280px) and (max-width:1365px) { .main-content .section.initial .nav .newsletter { right: 10% } } @media (min-width:1920px) { .main-content .section.initial .nav .newsletter { right: 15% } } @media (max-width:480px) { .main-content .section.initial .nav { display: none } } .main-content .section.initial .nav-mobile { position: absolute; top: 0; left: -100%; transition: .5s ease; background-color: #052f3b; width: 100%; text-align: center; z-index: 3 } .main-content .section.initial .nav-mobile ul { list-style: none; display: inline-block } .main-content .section.initial .nav-mobile ul li { display: inline-block; position: relative; text-transform: uppercase; cursor: pointer; padding: 7px 15px } .main-content .section.initial .nav-mobile ul li:hover { background-color: #063b4a } .main-content .section.initial .nav-mobile ul li:hover ul { display: block; opacity: 1; visibility: visible } .main-content .section.initial .nav-mobile ul li ul { position: absolute; width: 100%; top: 100%; left: 0; display: none; opacity: 0; visibility: hidden; padding: 0; transition: .5s ease } .main-content .section.initial .nav-mobile ul li ul li { background-color: #063b4a; display: block; color: #fff; text-shadow: #000 0 -1px 0 } .main-content .section.initial .nav-mobile ul li ul li:hover { background-color: #0a6179 } @media (min-width:1280px) and (max-width:1366px) { .main-content .section.initial .nav-mobile ul { padding-left: 0 } } .main-content .section.initial .nav-mobile ul { padding-left: 0; width: 100%; margin: 0 } .main-content .section.initial .nav-mobile ul li { display: block; padding: 20px 0; border-bottom: 1px solid rgba(204, 204, 204, 0.2) } .main-content .section.initial .nav-mobile ul li a { color: #fff; text-decoration: none } .main-content .section.initial .nav-mobile ul li:last-child { border-bottom: none } .main-content .section.initial .nav-mobile.active { left: 0 } .main-content .section.initial .nav-mobile .close { position: absolute; top: 10px; left: 15px; color: rgba(204, 204, 204, 0.5); font-size: 25px; z-index: 4 } .main-content .section.initial .nav-mobile .login { background-color: #063b4a; padding: 20px 10%; height: 100% } .main-content .section.initial .nav-mobile .login form .nav-header-checkbox label { background-color: #063b4a } .main-content .section.initial .nav-mobile .login form input[type="text"], .main-content .section.initial .nav-mobile .login form input[type="password"] { padding: 15px; width: 90%; background-color: #063b4a } .main-content .section.initial .nav-mobile .login form .keep-logged { text-align: left } .main-content .section.initial .nav-mobile .login form .keep-logged>span { vertical-align: top; font-size: 14px } .main-content .section.initial .nav-mobile .login form .form-submit { padding: 10px 0; max-height: 50px; padding: 15px 0 } .main-content .section.initial .nav-mobile .login form p { margin-bottom: 5px; padding-top: 10px; padding-bottom: 0 } .main-content .section.initial .nav-mobile .login form p a { text-decoration: underline; color: #fff } .main-content .section.initial .nav-mobile .login form p:last-child { padding-top: 0; padding-bottom: 10px; margin-top: 0 } .main-content .section.initial .text-banner { color: #fff; text-align: center; padding: 30px 0 } .main-content .section.initial .text-banner>div { display: inline-block; float: left } .main-content .section.initial .text-banner .text { width: 100% } .main-content .section.initial .text-banner .text .title { font-size: 72px; line-height: 1.3; font-weight: 700; font-family: 'Avenir-Black' } @media (max-width:480px) { .main-content .section.initial .text-banner .text .title { font-size: 34px } } @media (max-width:320px) { .main-content .section.initial .text-banner .text .title { font-size: 31px } } .main-content .section.initial .text-banner .text .sub-title { font-size: 22px; padding-top: 5px; line-height: 1.3; font-weight: 400; font-family: 'Avenir-Light' } @media (max-width:480px) { .main-content .section.initial .text-banner .text .sub-title { font-size: 20px; font-weight: 500; padding: 5px 3% } .main-content .section.initial .text-banner .text .sub-title br { display: none } } @media (max-width:320px) { .main-content .section.initial .text-banner .text .sub-title { font-size: 17px } } @media (max-width:480px) { .main-content .section.initial .text-banner .text { width: 100% } } @media (max-width:320px) { .main-content .section.initial .text-banner { padding: 45px 0 } } .main-content .section.initial .text-banner .category ul { padding-left: 0; margin-top: 30px } .main-content .section.initial .text-banner .category ul li { display: none } .main-content .section.initial .text-banner .category ul li:first-child { display: block } .main-content .section.initial .text-banner .category ul li:first-child a { display: inline-block; padding: 7px 60px; font-weight: 700; text-transform: uppercase; text-decoration: none; background-color: #fff; color: #303133; border-radius: 4px } .main-content .section.initial .text-banner .category ul li:first-child a:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.initial .text-banner { padding: 120px 0 } .main-content .section.initial .text-banner .text .title { font-size: 45px; line-height: 53px } .main-content .section.initial .text-banner .text .sub-title { font-size: 17px } } .main-content .section.initial .nav-categories { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0) } @media (max-width:480px) { .main-content .section.initial .nav-categories { width: 90% } } .main-content .section.initial .nav-categories ul { list-style: none; padding-left: 0; margin: 0 auto; } .main-content .section.initial .nav-categories ul li { display: inline-block; float: left; border: 2px solid #fff; border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px; margin: 0 7px; cursor: pointer } .main-content .section.initial .nav-categories ul li a { display: block; padding: 7px 40px; color: #fff; font-weight: 700; text-transform: uppercase; text-decoration: none; font-size: 13px; } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.initial .nav-categories ul li a { padding: 7px 35px } .main-content .section.initial .nav-categories ul { list-style: none; padding-left: 0; margin: 0 auto; width: 500px; } } @media (max-width:480px) { .main-content .section.initial .nav-categories ul li a { padding: 7px 15px } } @media (max-width:320px) { .main-content .section.initial .nav-categories ul li a { padding: 7px } } .main-content .section.initial .nav-categories ul li.active, .main-content .section.initial .nav-categories ul li:hover { background-color: #fff } .main-content .section.initial .nav-categories ul li.active a, .main-content .section.initial .nav-categories ul li:hover a { color: #303133 } .main-content .section.initial .nav-categories ul:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section.initial.post { position: relative } .main-content .section.initial.post .logo { position: relative } .main-content .section.initial.post .nav { position: relative } .main-content .section.initial.post .nav .newsletter { right: 1px } .main-content .section.initial.post .text-banner { position: relative } .main-content .section.initial.post .text-banner .text .title { font-size: 52px } @media (max-width:480px) { .main-content .section.initial.post .text-banner .text .title { font-size: 34px; line-height: 1.2 } } .main-content .section.initial.post:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5) } @media (max-width:480px) { .main-content .section.initial { background-image: url("images/bg-blog-mobile-section-initial.png") } } .main-content .section.blog-content { background-color: #fff; padding-top: 70px; padding-bottom: 70px } .main-content .section.blog-content>div { display: inline-block; float: left } .main-content .section.blog-content .post-content { width: 70%; background-color: #fff } .main-content .section.blog-content .post-content>div { display: inline-block; float: left; width: calc(50% - 17px) } .main-content .section.blog-content .post-content>div.post:nth-child(odd):not(.col-2) { margin-right: 15px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .post-content>div.post:nth-child(odd):not(.col-2) { margin-right: 7px } } .main-content .section.blog-content .post-content>div.post:nth-child(even):not(.col-2) { margin-left: 15px } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .post-content>div.post:nth-child(even):not(.col-2) { margin-left: 7px } } @media (max-width:480px) { .main-content .section.blog-content .post-content>div { width: 100% } .main-content .section.blog-content .post-content>div.post:nth-child(odd):not(.col-2) { margin-right: 0 } .main-content .section.blog-content .post-content>div.post:nth-child(even):not(.col-2) { margin-left: 0 } } .main-content .section.blog-content .post-content>div.col-2 .post { width: 95%; min-height: auto } .main-content .section.blog-content .post-content>div.col-2 .post .text-content .title, .main-content .section.blog-content .post-content>div.col-2 .post .text-content .resume { min-height: 100% } .main-content .section.blog-content .post-content>div.col-2 .post .text-content .resume { color: #303133; word-wrap: break-word } .main-content .section.blog-content .post-content.single { font-size: 14px } .main-content .section.blog-content .post-content.single>div:not(.post-info):not(.comment-box):not(.nav-posts):not(.more-posts) { display: block; float: none } .main-content .section.blog-content .post-content.single ul { color: #303133 !important } .main-content .section.blog-content .post-content.single a { text-decoration: none; color: #da5e11 } .main-content .section.blog-content .post-content.single a:hover { text-decoration: underline } .main-content .section.blog-content .post-content .post { padding-bottom: 20px; margin-bottom: 20px; border-radius: 4px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.13) } @media (min-width:1281px) and (max-width:1366px) { .main-content .section.blog-content .post-content .post { min-height: 565px } } .main-content .section.blog-content .post-content .post img { width: 100%; height: 206px; border-top-right-radius: 4px; border-top-left-radius: 4px } .main-content .section.blog-content .post-content .post .text-content { padding: 0 20px } .main-content .section.blog-content .post-content .post .text-content .author { color: #999; font-size: 11px; padding-top: 20px } .main-content .section.blog-content .post-content .post .text-content .title { font-size: 17px; margin-bottom: 15px; margin-top: 5px; min-height: 63px } @media (min-width:1279px) and (max-width:1280px) { .main-content .section.blog-content .post-content .post .text-content .title { min-height: 84px } } .main-content .section.blog-content .post-content .post .text-content .title a { color: #303133; text-decoration: none } .main-content .section.blog-content .post-content .post .text-content .title a:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.blog-content .post-content .post .text-content .title { font-size: 20px } } .main-content .section.blog-content .post-content .post .text-content .resume { color: #303133; padding-bottom: 25px; border-bottom: 1px solid #eee; padding-right: 0; min-height: 168px; word-wrap: break-word } @media (min-width:1278px) and (max-width:1278px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 215px } } @media (min-width:1279px) and (max-width:1280px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 231px } } @media (min-width:1281px) and (max-width:1366px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 232px } } @media (min-width:1367px) { .main-content .section.blog-content .post-content .post .text-content .resume { min-height: 190px } } .main-content .section.blog-content .post-content .post .text-content .share { font-size: 20px } .main-content .section.blog-content .post-content .post .text-content .share a { display: inline-block; width: 36px; height: 36px; border-radius: 36px; background-color: #cccccc; color: #fff; margin-right: 10px; text-align: center; line-height: 36px; transition: .5s ease } .main-content .section.blog-content .post-content .post .text-content .share a.facebook:hover { background-color: #3b5998 } .main-content .section.blog-content .post-content .post .text-content .share a.linkedin:hover { background-color: #0077b5 } .main-content .section.blog-content .post-content img { max-width: 100% } .main-content .section.blog-content .post-content p { padding-right: 50px; color: #303133 } .main-content .section.blog-content .post-content p:first-child { margin-top: 0 } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .post-content p { padding-right: 0 } } @media (max-width:480px) { .main-content .section.blog-content .post-content p { padding-right: 0 } } .main-content .section.blog-content .post-content h2.highlight { font-size: 18px; color: #303133; padding: 15px 0; padding-left: 30px; padding-right: 50px; margin: 35px 0; border-left: 2px solid #00aeef } @media (max-width:480px) { .main-content .section.blog-content .post-content h2.highlight { padding-left: 15px; padding-right: 0 } } .main-content .section.blog-content .post-content .post-info { border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 20px 0; width: calc(100% - 50px); margin-left: 0; margin-top: 40px } .main-content .section.blog-content .post-content .post-info>div { display: inline-block; vertical-align: middle } .main-content .section.blog-content .post-content .post-info .share { font-size: 20px } .main-content .section.blog-content .post-content .post-info .share a { display: inline-block; width: 36px; height: 36px; border-radius: 36px; background-color: #cccccc; color: #fff; margin-right: 10px; text-align: center; line-height: 36px; transition: .5s ease } .main-content .section.blog-content .post-content .post-info .share a.facebook:hover { background-color: #3b5998 } .main-content .section.blog-content .post-content .post-info .share a.linkedin:hover { background-color: #0077b5 } .main-content .section.blog-content .post-content .post-info .tags { max-width: calc(100% - 105px) } .main-content .section.blog-content .post-content .post-info .tags .tag, .main-content .section.blog-content .post-content .post-info .tags a[rel="tag"] { color: #303133; font-size: 11px !important; text-transform: uppercase; border: 1px solid #eee; padding: 3px; margin-right: 3px; margin-bottom: 5px; border-radius: 4px; font-weight: 700; display: inline-block; text-decoration: none } .main-content .section.blog-content .post-content .post-info .tags .tag:hover, .main-content .section.blog-content .post-content .post-info .tags a[rel="tag"]:hover { color: #fff; background-color: #303133 } @media (max-width:480px) { .main-content .section.blog-content .post-content .post-info { width: 100% } } .main-content .section.blog-content .post-content .comment-box { width: calc(100% - 50px) } .main-content .section.blog-content .post-content .comment-box h4 { color: #303133; text-transform: uppercase; padding: 30px 0; width: 100% } .main-content .section.blog-content .post-content .comment-box h4:first-child { border-bottom: 1px solid #eee } .main-content .section.blog-content .post-content .comment-box .comment { padding: 40px 0; border-bottom: 1px solid #eee } .main-content .section.blog-content .post-content .comment-box .comment>div { display: inline-block; float: left } .main-content .section.blog-content .post-content .comment-box .comment .comment-img { width: 20%; text-align: center } .main-content .section.blog-content .post-content .comment-box .comment .comment-img img { width: 71px; height: 71px; border-radius: 71px } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment .comment-img img { width: 51px; height: 51px; border-radius: 51px } } .main-content .section.blog-content .post-content .comment-box .comment .comment-body { width: 80% } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header { position: relative; padding-bottom: 40px } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header h4 { padding: 0; padding-bottom: 5px; border: none } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header .time-info { font-size: 11px; color: #999 } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header button { position: absolute; right: 0; top: 0; border: none; background-color: #fff; color: #303133; text-transform: uppercase; font-weight: 700 } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header button:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header button { position: relative; padding-left: 0 } } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment .comment-body .comment-header { padding-bottom: 10px } } .main-content .section.blog-content .post-content .comment-box .comment .comment-body .commment-text p { padding-right: 0; padding-bottom: 20px } .main-content .section.blog-content .post-content .comment-box .comment .comment-body.has-reply { border-bottom: 1px solid #eee } .main-content .section.blog-content .post-content .comment-box .comment.reply { display: block; width: 80%; padding-left: 20%; border-bottom: none; padding-bottom: 0 } .main-content .section.blog-content .post-content .comment-box .comment.reply p { margin: 0 } .main-content .section.blog-content .post-content .comment-box .comment.reply .comment-body { width: calc(80% - 5px) } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box .comment.reply .comment-body { padding-left: 5px } } .main-content .section.blog-content .post-content .comment-box .comment:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section.blog-content .post-content .comment-box form { width: 100% } .main-content .section.blog-content .post-content .comment-box form textarea { width: calc(100% - 20px); border: 1px solid #eee; border-radius: 4px; height: 150px; padding: 10px; color: #303133 } .main-content .section.blog-content .post-content .comment-box form .form-control { padding: 15px 0 } .main-content .section.blog-content .post-content .comment-box form .form-control label { color: #303133; font-size: 14px; display: block; padding-bottom: 5px } .main-content .section.blog-content .post-content .comment-box form .form-control input[type="text"] { width: calc(100% - 10px); border: 1px solid #eee; color: #303133; background-color: #fff; border-radius: 4px; height: 30px; padding: 5px } .main-content .section.blog-content .post-content .comment-box form button, .main-content .section.blog-content .post-content .comment-box form input[type="submit"] { height: 49px; border-radius: 4px; background-color: #05909f; color: #fff; border: none; width: 205px; transition: .3s ease; text-transform: uppercase; cursor: pointer } .main-content .section.blog-content .post-content .comment-box form button:hover, .main-content .section.blog-content .post-content .comment-box form input[type="submit"]:hover { background-color: #03636e } @media (max-width:480px) { .main-content .section.blog-content .post-content .comment-box { width: 100% } } .main-content .section.blog-content .post-content .nav-posts { width: calc(100% - 50px); border-bottom: 1px solid #eee; padding-top: 30px; padding: 50px 0 } .main-content .section.blog-content .post-content .nav-posts>div { float: left; display: inline-block } .main-content .section.blog-content .post-content .nav-posts .icon { width: 35px } .main-content .section.blog-content .post-content .nav-posts .icon.icon-left { text-align: left } .main-content .section.blog-content .post-content .nav-posts .icon.icon-right { text-align: left } .main-content .section.blog-content .post-content .nav-posts .icon a { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease } .main-content .section.blog-content .post-content .nav-posts .icon a.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section.blog-content .post-content .nav-posts .icon a:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section.blog-content .post-content .nav-posts .number { text-align: center; width: calc(100% - 70px) } .main-content .section.blog-content .post-content .nav-posts .number a { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease } .main-content .section.blog-content .post-content .nav-posts .number a.active, .main-content .section.blog-content .post-content .nav-posts .number a:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section.blog-content .post-content .nav-posts .page-numbers { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease; cursor: pointer } .main-content .section.blog-content .post-content .nav-posts .page-numbers.current, .main-content .section.blog-content .post-content .nav-posts .page-numbers:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev, .main-content .section.blog-content .post-content .nav-posts .page-numbers.next { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease; cursor: pointer; background-color: transparent } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev.disabled, .main-content .section.blog-content .post-content .nav-posts .page-numbers.next.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev:hover:not(.disabled), .main-content .section.blog-content .post-content .nav-posts .page-numbers.next:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section.blog-content .post-content .nav-posts .page-numbers.prev { float: left } .main-content .section.blog-content .post-content .nav-posts .page-numbers.next { float: right } .main-content .section.blog-content .post-content .nav-posts .icon { width: auto } .main-content .section.blog-content .post-content .nav-posts .icon span { display: inline-block; font-size: 12px; color: #303133; text-transform: uppercase; font-weight: 700 } .main-content .section.blog-content .post-content .nav-posts .icon a { width: 31px; height: 31px; border-radius: 31px; line-height: 31px } .main-content .section.blog-content .post-content .nav-posts .icon-right { float: right } @media (max-width:480px) { .main-content .section.blog-content .post-content .nav-posts { width: 100% } } .main-content .section.blog-content .post-content .more-posts { width: calc(100% - 50px); padding-top: 40px } .main-content .section.blog-content .post-content .more-posts h4 { font-size: 20px; padding-bottom: 20px } .main-content .section.blog-content .post-content .more-posts>div { width: calc(33.3333% - 14px); padding-right: 20px; display: inline-block; float: left } .main-content .section.blog-content .post-content .more-posts>div:last-child { padding-right: 0 } @media (max-width:480px) { .main-content .section.blog-content .post-content .more-posts>div { width: 100% } } .main-content .section.blog-content .post-content .more-posts .post { box-shadow: none } .main-content .section.blog-content .post-content .more-posts .post img { border-radius: 4px; height: 126px } .main-content .section.blog-content .post-content .more-posts .post .text-content { padding: 0 } @media (max-width:480px) { .main-content .section.blog-content .post-content .more-posts .post { margin-bottom: 0 } } .main-content .section.blog-content .post-content .more-posts:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } @media (max-width:480px) { .main-content .section.blog-content .post-content .more-posts { width: 100% } } @media (max-width:480px) { .main-content .section.blog-content .post-content { width: 90%; padding: 0 5% } } .main-content .section.blog-content .post-content:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section.blog-content .side-content { padding-left: 30px; width: calc(30% - 30px); background-color: #fff } .main-content .section.blog-content .side-content>h4 { text-transform: uppercase; color: #303133; padding: 25px 0; border-bottom: 1px solid #eee } .main-content .section.blog-content .side-content>h4:first-child { padding-top: 0 } .main-content .section.blog-content .side-content .blog-search { padding: 25px 0; padding-top: 0 } .main-content .section.blog-content .side-content .blog-search form>div { position: relative; width: 100%; padding-top: 0 } .main-content .section.blog-content .side-content .blog-search form>div input[type="text"] { width: calc(100% - 40px); border-radius: 4px; border: 1px solid #eee; padding: 10px; font-size: 14px; font-family: 'Avenir'; padding-right: 30px; background-color: #fff } .main-content .section.blog-content .side-content .blog-search form>div input[type="submit"] { position: absolute; visibility: hidden } .main-content .section.blog-content .side-content .blog-search form>div a { position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); color: #cccccc; font-size: 17px } .main-content .section.blog-content .side-content .side-content-newsletter { padding: 25px 0 } .main-content .section.blog-content .side-content .side-content-newsletter form ._form-thank-you { color: #333 !important } .main-content .section.blog-content .side-content .side-content-newsletter form input[type="text"] { width: calc(100% - 22px); border-radius: 4px; border: 1px solid #eee; padding: 10px; font-size: 14px; font-family: 'Avenir'; background-color: #fff } .main-content .section.blog-content .side-content .side-content-newsletter form input[type="text"][name="fullname"] { margin-bottom: 7px } .main-content .section.blog-content .side-content .side-content-newsletter form button[type="submit"], .main-content .section.blog-content .side-content .side-content-newsletter form input[type="submit"] { width: 100%; text-align: center; text-transform: uppercase; color: #fff; background-color: #22b0bc; border: none; border-radius: 4px; margin-top: 7px; padding: 10px 0; cursor: pointer; transition: .3s ease } .main-content .section.blog-content .side-content .side-content-newsletter form button[type="submit"]:hover, .main-content .section.blog-content .side-content .side-content-newsletter form input[type="submit"]:hover { background-color: #1e9ca6 } .main-content .section.blog-content .side-content .side-text { padding: 25px 0 } .main-content .section.blog-content .side-content .side-text.free-text { color: #999 } .main-content .section.blog-content .side-content .side-text .tag, .main-content .section.blog-content .side-content .side-text a[class^="tag-link"] { color: #303133; font-size: 11px !important; text-transform: uppercase; border: 1px solid #eee; padding: 3px; margin-right: 3px; margin-bottom: 5px; border-radius: 4px; font-weight: 700; display: inline-block; text-decoration: none } .main-content .section.blog-content .side-content .side-text .tag:hover, .main-content .section.blog-content .side-content .side-text a[class^="tag-link"]:hover { color: #fff; background-color: #303133 } .main-content .section.blog-content .side-content .side-text .dot-list li { padding-bottom: 15px } .main-content .section.blog-content .side-content .side-text .dot-list li h4 { font-size: 17px; font-weight: 500 } .main-content .section.blog-content .side-content .side-text .dot-list li h4 a { cursor: pointer; color: #303133; text-decoration: none } .main-content .section.blog-content .side-content .side-text .dot-list li h4 a:hover { text-decoration: underline } .main-content .section.blog-content .side-content .side-text .dot-list li span { color: #999; font-size: 11px } .main-content .section.blog-content .side-content .side-text .arrow-list { list-style: none } .main-content .section.blog-content .side-content .side-text .arrow-list li { padding-bottom: 15px; position: relative } .main-content .section.blog-content .side-content .side-text .arrow-list li:before { content: "\232A"; position: absolute; left: -15px; top: 0 } .main-content .section.blog-content .side-content .side-text .arrow-list li ul { margin-top: 15px; list-style: none } .main-content .section.blog-content .side-content .side-text .arrow-list li h4 { font-size: 17px; font-weight: 500 } .main-content .section.blog-content .side-content .side-text .arrow-list li h4 a { color: #303133; text-decoration: none } .main-content .section.blog-content .side-content .side-text .arrow-list li h4 a:hover { text-decoration: underline } @media (max-width:480px) { .main-content .section.blog-content .side-content { width: 90%; padding-left: 0; padding: 0 5% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .main-content .section.blog-content .side-content { padding-left: 15px } } .main-content .section.blog-content:after { content: ''; display: block; height: 0; visibility: hidden; clear: both } .main-content .section .paginator { width: 100% !important; display: block; margin-right: 0 !important; padding-top: 30px; text-align: center } .main-content .section .paginator>div { float: left; display: inline-block } .main-content .section .paginator .icon { width: 35px } .main-content .section .paginator .icon.icon-left { text-align: left } .main-content .section .paginator .icon.icon-right { text-align: left } .main-content .section .paginator .icon a { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease } .main-content .section .paginator .icon a.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section .paginator .icon a:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section .paginator .number { text-align: center; width: calc(100% - 70px) } .main-content .section .paginator .number a { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease } .main-content .section .paginator .number a.active, .main-content .section .paginator .number a:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section .paginator .page-numbers { width: 36px; height: 36px; border-radius: 36px; color: #303133; background-color: rgba(204, 204, 204, 0.3); border: 1px solid rgba(204, 204, 204, 0.3); text-align: center; display: inline-block; font-size: 17px; line-height: 36px; text-decoration: none; transition: .5s ease; cursor: pointer } .main-content .section .paginator .page-numbers.current, .main-content .section .paginator .page-numbers:hover { color: #fff; background-color: #023544; border: 1px solid #023544 } .main-content .section .paginator .page-numbers.prev, .main-content .section .paginator .page-numbers.next { width: 33px; height: 33px; border-radius: 33px; color: #023544; border: 1px solid #023544; text-align: center; display: inline-block; font-size: 20px; line-height: 33px; transition: .5s ease; cursor: pointer; background-color: transparent } .main-content .section .paginator .page-numbers.prev.disabled, .main-content .section .paginator .page-numbers.next.disabled { cursor: default; color: #b3b3b3; border: 1px solid #b3b3b3 } .main-content .section .paginator .page-numbers.prev:hover:not(.disabled), .main-content .section .paginator .page-numbers.next:hover:not(.disabled) { color: #fff; background-color: #023544 } .main-content .section .paginator .page-numbers.prev { float: left } .main-content .section .paginator .page-numbers.next { float: right } @media (max-width:480px) { .main-content .section .paginator { padding-bottom: 40px } } .g-recaptcha { display: block !important }

Oi pessoal! Do nada o efeito hover display block parou de funcionar apenas no menu do blog, no menu do site ele esta funcionando normalmente, até repliquei o msm menu, só não ta funcionando: Exemplo de como era: Alguem pode me ajudar/?