/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2bee19");

@font-face {
    font-family: 'Campton-Light';
    src: url('../fonts/2BEE19_0_0.eot');
    src: url('../fonts/2BEE19_0_0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/2BEE19_0_0.woff') format('woff'),
        url('../fonts/2BEE19_0_0.ttf') format('truetype');
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v7/ZvcMqxEwPfh2qDWBPxn6ngbhkFHsrh0kR6Vt9NCEXFA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v7/ZvcMqxEwPfh2qDWBPxn6nkZRWJQ0UjzR2Uv6RollX_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcmaVI6zN22yiurzcBKxPjFE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
    width: 100%;
    height: 100%;
    font-family: 'Campton-Light', sans-serif;
    color: #fff;
    background-color: #FFF;
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}
html { width: 100%; height: 100%; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: 'Montserrat',sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}
p {
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}
a {
    color: #219ab3;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover, a:focus { text-decoration: none; color: #11505d; }
.fixed { position: fixed!important; top: 0!important; }
.navbar-custom {
    margin-bottom: 0;
    text-transform: uppercase;
    background: #FFF;
    position: absolute;
    width: 100%;
    height: 95px;
    bottom: 0;
    border-radius: 0;
    z-index: 100;
}
.navbar-brand { width: 180px; text-indent: -55555px; background: url(../img/logo_menu.svg) no-repeat center; margin: 0!important; }
.navbar-custom .navbar-brand:focus { outline: 0 }
.navbar-custom .navbar-brand .navbar-toggle { padding: 4px 6px; font-size: 16px; color: #fff; }
.navbar-toggle .fa { font-size: 30px; }
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active { outline: 0 }
.navbar-custom a { color: #737373;  }
.navbar-custom a.active { color: #56BDB1; }
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active { outline: 0; color: #0EA29B; background: transparent; }
.btn-solid {
    border: 2px solid #0EA29B;
    border-radius: 8px;
    color: #0EA29B!important;
    background: url(../img/telefone.svg) no-repeat 15px 13px!important;
    padding: 15px 20px 15px 50px!important;
    margin-left: 30px;
}
.btn-solid:hover {
    border: 2px solid #0EA29B;
    background: #0EA29B url(../img/telefone_rollover.svg) no-repeat 15px 13px!important;
    color: #FFF!important;
}
.navbar {
    padding: 20px 0;
    border-bottom: 0;
    letter-spacing: 1px;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}
nav .phone a { box-shadow: none!important; } 
.top-nav-collapse { padding: 0; background-color: #000; }
.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../img/intro-bg.jpg) 50% 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.intro .intro-body { display: table-cell; vertical-align: middle; background-color: rgba(14, 162, 155, 0.80); }
.intro { height: 100%; padding: 0; }
.intro .intro-body .brand-heading { height: 120px; text-indent: -55555px; margin-bottom: 70px; background: url(../img/logo_centrado.svg) no-repeat center; }
.intro .intro-body .brand-heading:after {
    content: 'Fisioterapia';
    display: block;
    text-indent: 0;
    text-transform: capitalize;
    top: 95px;
    position: relative;
    font-size: 22px;
    font-family: 'Campton-Light', sans-serif;
    font-weight: normal;
}
.intro .intro-body .intro-text {
    font-size: 40px;
    font-family: 'Campton-Light', sans-serif;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 2px;
    line-height: 50px;
}
.conceito p {
    font-family: 'Merriweather', sans-serif;
    font-size: 22px;
    width: 96%;
    color: #888;
    margin: 0 auto 20px;
    font-weight: 300;
}
.team-header h3, .team-body h4 { color: #49C1BE; font-family: 'Montserrat',sans-serif; }
.team-header h3 { font-size: 30px; letter-spacing: 3px; margin-bottom: 5px; }
.team-body .avatar {
    border-radius: 50%;
    overflow: hidden;
    width: 260px;
    height: 260px;
    margin: 0 auto;
}
.team-body .col12 { padding: 0!important; }
.filipa .avatar { background: url(../img/_standard/filipa_bruno.jpg) no-repeat center; }
.rui .avatar { background: url(../img/_standard/rui_eusebio.jpg) no-repeat center; }
.salvador .avatar { background: url(../img/_standard/salvador_ribeiro.jpg) no-repeat center; }
.cristiane .avatar { background: url(../img/cristiane_araujo.avif) no-repeat center; }
.andre .avatar { background: url(../img/_standard/andre_almeida.jpg) no-repeat center; }
.catarina .avatar { background: url(../img/catarina_vilar.avif) no-repeat center; }

.noLink a { color: #FFF; }
.noLink a:hover { color: #B2DCD3; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    .filipa .avatar { background: url(../img/_retina/filipa_bruno@2x.jpg) no-repeat center; background-size: 100%; }
    .rui .avatar { background: url(../img/_retina/rui_eusebio@2x.jpg) no-repeat center; background-size: 100%; }
    .salvador .avatar { background: url(../img/_retina/salvador_ribeiro@2x.jpg) no-repeat center; background-size: 100%; }
    .andre .avatar { background: url(../img/_retina/andre_almeida@2x.jpg) no-repeat center; background-size: 100%; }
}
/*Ipad media query*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    .intro { background: url(../img/intro-bg.jpg) no-repeat bottom center scroll; }
}
@media (min-width:1200px) {
    .employee.filipa .team-desc { text-align: left;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .team-body .row {
    display: flex;
    justify-content: flex-start;
  }
}

.team-body h4 { font-size: 22px; margin-bottom: 5px; }
.team-body .team-desc { float: left; width: 100%; padding: 20px; text-align: center; }
.employee { margin-bottom: 50px; }
.equipa .team-job {
    font-family: 'Merriweather', sans-serif;
    font-size: 18px;
    color: #646464;
    margin-bottom: 15px;
}
.senior-bio { float: left; width: 55%; z-index: 99; }
.senior-bio .team-desc { margin-top: 30px; }
.equipa .senior-photo {
    background: url(../img/francisco.avif) no-repeat center; height: 350px;
    width: 350px;
    float: right;
    margin-right: 0;
    right: 0;
    background-size: contain;
    bottom: -12px;
}
#contactos { background: #0EA29B; padding-top: 80px; }
.contactos p {
    font-size: 20px;
    color: #FFF;
    font-weight: 300;
    margin: 5px 0;
}
.contactos h4 { font-size: 26px; letter-spacing: 3px; }
.contactos p span {
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
}
.contactos .contact-info { float: left; width: 100%; margin-bottom: 65px; }
.btn-transparent {
    border: 2px solid #FFFFFF;
    color: #FFFFFF!important;
    padding: 15px 20px!important;
    border-radius: 8px;
    display: block;
    margin: 50px auto 0;
    width: 256px;
    background: transparent;
}
.btn-transparent:hover { border: 2px solid #FFF; background: #FFF; color: #59C8C5!important; }
.contactos .tel:hover { background: #FFF url(../img/telefone.svg) no-repeat 15px 13px!important; }
.carousel { overflow: hidden; height: auto; }
.carousel-inner>.item>img { width: 100%; }
.leader-section { overflow: hidden; }
.leader-section, .equipa-section  {
    width: 100%;
    padding: 50px 0 0 0;
    overflow-x: hidden;
    background: #e4e8e9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZThlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U3ZTllYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmQzZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #e4e8e9 0%, #e7e9ea 50%, #cfd3d2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e4e8e9), color-stop(50%,#e7e9ea), color-stop(100%,#cfd3d2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #e4e8e9 0%,#e7e9ea 50%,#cfd3d2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #e4e8e9 0%,#e7e9ea 50%,#cfd3d2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #e4e8e9 0%,#e7e9ea 50%,#cfd3d2 100%); /* IE10+ */
    background: linear-gradient(to right,  #e4e8e9 0%,#e7e9ea 50%,#cfd3d2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e8e9', endColorstr='#cfd3d2',GradientType=1 ); /* IE6-8 */
    /* --- */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.equipa-section { background: #FFF; padding-top: 100px; }
.shadow { box-shadow: 0 1px 2px rgba(190, 190, 190, 0.2); }
.btn {
    text-transform: uppercase;
    font-family: 'Montserrat',sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
ul.banner-social-buttons { margin-top: 0 }
.carousel-indicators li, .carousel-indicators .active { width: 20px; height: 20px; border: 4px solid #0EA29B; margin: 1px 3px; position: relative;}
.carousel-indicators .active { background: transparent;  }
.carousel-indicators .active span, .carousel-indicators li:hover span {
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    background: #49C1BE;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -3px;
}
.carousel-indicators li { border: 4px solid #0EA29B; }
footer { float: left; width: 100%; padding: 30px 0; background: #0EA29B;}
footer p { margin: 0 ; text-align: center; color: #B2DCD3; font-size: 18px; font-family: 'Merriweather', sans-serif;}
::-moz-selection { text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2); }
::selection { text-shadow: none; background: #56BDB1; color: #FFF; }
img::selection { background: 0 0 }
img::-moz-selection { background: 0 0 }
.modal-dialog { margin: 55px auto; }
.navbar-toggle {
    color: #FFF;
    font-size: 30px;
    top: -20px;
    padding: 2px 10px 0 10px;
    right: 10px;
}
.glyphicon-chevron-right:before, .glyphicon-chevron-left:before { content: ''; }
.fa { font-size: 50px; }
.tel { display: none; font-size: 15px; }
.view-map { margin: 50px auto 0; }
#conceito { padding: 90px 0; }
/* Overlay style */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(89,200,197,.9);
}
/* Overlay closing cross */
.overlay-close, .modal #close-btn {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 10px;
    overflow: hidden;
    border: none;
    background: url(../img/cross.png) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
    transition: transform .2s linear;
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
}
.overlay-close:hover {
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    transform: rotate(30deg);
}
/* Menu style */
.overlay nav {
    text-align: center;
    position: relative;
    top: 20%;
    height: 60%;
    font-size: 54px;
}
.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}
.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
}
.overlay ul li a {
    font-weight: 300;
    display: block;
    color: #fff;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.overlay ul li a:hover,
.overlay ul li a:focus { color: #C9FFF9; }
/* Effect */
.overlay-mobi {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s;
}
.overlay-mobi.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.overlay-mobi nav ul {
    opacity: 0.4;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.overlay-mobi.open nav ul { opacity: 1; }
@media screen and (max-height: 30.5em) {
    .overlay nav { height: 70%; font-size: 34px; }
    .overlay ul li { min-height: 34px; }
}
.modal-backdrop.in { opacity: .9; }
.modal .modal-dialog #close-btn {
    position: absolute!important;
    right: 0;
    top: -40px;
    z-index: 99999!important;
}
.modal .carousel ol { display: none; }
/* Media QUeries */
@media (max-width: 1200px) { .team-body .avatar { width: 210px; height: 210px; background-size: 100%; } }
@media (max-width: 1024px) {
    .equipa .senior-bio { float: left; width: 63%; padding: 0 20px; }
    .leader-section { padding: 80px 0; }
    .senior-photo { bottom: -80px; }
    .team-body .team-desc { margin: 0; width: 100%; }
    .team-body .avatar { width: 180px; height: 180px; }
    .team-header { position: relative; }
    .equipa .senior-photo {
        float: right;
        width: 400px;
        position: absolute;
        bottom: -80px;
        right: -60px;
    }
    .view-map { margin-top: 15px; }
    .tel { display: block; }
}
@media (max-width: 995px) {
    .nav .phone { display: none; }
    .team-body .avatar { width: 280px; height: 280px; }
}
@media (max-width: 860px) { 
    .senior-photo { bottom: -50px; }
    .navbar .phone { display: none; }
    #conceito { padding: 140px 0 50px 0; }
    .leader-section { padding: 50px 0; }
    .equipa .senior-bio { padding: 0; }
    .equipa .senior-bio { float: left; width: 60%; }
    .team-body .avatar { width: 260px; height: 260px; }
    .intro { height: 480px!important; padding: 0; }
    .navbar-custom { position: absolute; top: 480px; }
    .overlay-close:hover { -ms-transform: none; -webkit-transform: none; transform: none; }
    .content-section { overflow-x: hidden; }
    .team-body .team-desc { width: 100%; margin: 0; }
    .loader { margin: 10px auto; }
}
@media (max-width: 767px) { 
    .navbar-custom { top: 0; background: transparent; }
    .navbar-brand { display: none; }
    .container>.navbar-collapse { background: #3f3f3f; border: 0; margin: 0 -16px; }
    .navbar-nav { text-align: center; }
    .navbar-custom.fixed { position: absolute!important; }
    #conceito { padding: 80px 0 50px 0; }
}
@media (max-width: 640px) { 
    .nav .phone { display: none; }
    .conceito p { font-size: 18px; }
    #conceito { padding: 50px 30px 30px; }
    .leader-section { position: relative; padding: 90px 0; overflow: visible; }
    .senior-photo {
        width: 250px!important;
        height: 250px!important;
        background-size: 100%!important;
        position: absolute;
        right: -40px;
        bottom: -90px;
        margin: 0!important;
    }
    .team-body .avatar { width: 180px; height: 180px; float: left; }
    .employee { padding: 0; margin-bottom: 20px; }
    .team-body .team-desc { margin: 0 0 0 30px; width: 51%; text-align: left; }
    .equipa .senior-bio { width: 100%; float: left; }
    .equipa .senior-photo { bottom: -90px; right: 10px; }
    .team-header h3 { width: 50%; }
    .leader-section .team-desc {  position: absolute; top: 200%; }
    .equipa-section { padding-top: 350px; }
    .carousel-inner>.item>img { width: 165%; height: 100%; max-width: 165%; position: relative; }
}
@media (max-width: 480px) { 
    .intro { background-size: 260%; }
    .intro .intro-body .intro-text { font-size: 24px; line-height: 35px; }
    .team-body .avatar { width: 140px; height: 140px; }
    .leader-section { overflow: visible; height: 250px; padding: 0; }
    .team-header { height: 100%; }
    .equipa .senior-bio {  position: absolute; top: 270px; width: 93%; }
    .senior-bio .team-job { text-align: center; }
    .team-body .team-desc { width: 49%; margin: 0 0 0 20px; padding: 0; }
    .team-header h3 { width: auto; text-align: center; margin: 0 auto; }
    .leader-section .team-desc { top: 80px; width: auto; text-align: center; }
    .equipa .senior-photo { bottom: 0; }
    .equipa-section { padding-top: 490px; }
    .carousel { height: auto; }
}
@media (max-width: 360px) { 
    .intro .intro-body .intro-text { font-size: 20px; line-height: 30px; }
    .navbar-toggle { margin-right: 0; }
    .team-body .avatar { width: 280px; height: 280px; margin: 0 auto; float: none; }
    .team-body .team-desc { margin: 30px 20px; width: auto; text-align: center; }
    .equipa-section { padding-top: 530px; }
    .carousel { height: 255px; }
    .ip-loader { bottom: 1%!important; }
    .loader, .loader:after { width: 40px; height: 40px; }
    .loader {
    border-top: 5px solid rgba(255, 255, 255, 0.2);
    border-right: 5px solid rgba(255, 255, 255, 0.2);
    border-bottom: 5px solid rgba(255, 255, 255, 0.2);
    border-left: 5px solid #ffffff;
    }
    .contactos .contact-info { margin-bottom: 15px; }
}
/* Smartphones / iPhone 5 in landscape*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .modal-dialog { width: 90%; }
    .carousel { height: auto; }
    .carousel-inner>.item>img {
        width: 100%;
        height: auto;
        max-width: 100%;
        left: 0;
    }
    .ip-header h1 { margin: -90px 0 0 0!important; }
    .ip-loader { bottom: 30%!important; }
}
.load-container {
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 240px;
    height: 240px;
    float: left;
    position: relative;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 7px solid rgba(255, 255, 255, 0.2);
  border-right: 7px solid rgba(255, 255, 255, 0.2);
  border-bottom: 7px solid rgba(255, 255, 255, 0.2);
  border-left: 7px solid #ffffff;
  -webkit-animation: loadNP 1.1s infinite linear;
  animation: loadNP 1.1s infinite linear;
}
.loader,
.loader:after { border-radius: 50%; width: 60px; height: 60px; }
@-webkit-keyframes loadNP {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loadNP {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.ip-header {
    position: fixed;
    top: 0;
    z-index: 100;
    min-height: 480px;
    width: 100%;
    height: 100%;
    background: #0EA29B;
    opacity: 1;
    -webkit-transition:opacity 0.6s ease-in-out;
    -moz-transition:opacity 0.6s ease-in-out;
    -o-transition:opacity 0.6s ease-in-out;
    transition:opacity 0.6s ease-in-out;
}
.ip-header h1 { margin: 60px 0 0 0; }
.ip-logo {text-indent: -55555px!important;color: transparent;}
.ip-logo,
.ip-loader {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}
.ip-logo {
    top: 0;
    height: 100%;
    -webkit-transform: translate3d(0,25%,0);
    transform: translate3d(0,25%,0);
    opacity: 1;
    -webkit-transition:opacity 0.6s ease-in-out;
    -moz-transition:opacity 0.6s ease-in-out;
    -o-transition:opacity 0.6s ease-in-out;
    transition:opacity 0.6s ease-in-out;
}
.ip-loader { bottom: 15%; }
.ip-header .ip-inner {
    display: block;
    margin: 0 auto;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
/* Animations */
/* Initial animation of header elements */
.loading .ip-logo,
.loading .ip-loader {
    opacity: 1;
    -webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
    animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
}
.loading .ip-loader { -webkit-animation-delay: .5s; animation-delay: .5s; }
.loading .navbar-custom { opacity: 0; }
@-webkit-keyframes animInitialHeader {
    from { opacity: 0; -webkit-transform: translate3d(0,800px,0); }
}
@keyframes animInitialHeader {
    from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); }
}
/* Header elements when loading finishes */
.loaded .ip-logo,
.loaded .ip-loader { opacity: 1; }
.loaded .navbar-custom {
    opacity: 1;
    -webkit-transition:opacity .6s ease-in-out;
    -moz-transition:opacity .6s ease-in-out;
    -o-transition:opacity .6s ease-in-out;
    transition:opacity .6s ease-in-out;
}
.loaded .ip-logo {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
}
@-webkit-keyframes animLoadedLogo {
    to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

@keyframes animLoadedLogo {
    to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}
.loaded .ip-loader {
    -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}
.loaded .ip-header .ip-inner { opacity: 0; }
@-webkit-keyframes animLoadedLoader {
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}
@keyframes animLoadedLoader {
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}
/* Change the color of the logo */
.loaded .ip-logo svg path {
    -webkit-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
    fill: #fff;
}
/* Header animation when loading finishes */
.loaded .ip-header { opacity: 0; }
@-webkit-keyframes animLoadedHeader {
    to { -webkit-transform: translate3d(0,-100%,0); }
}
@keyframes animLoadedHeader {
    to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}
/* Change layout class for header */
.layout-switch .ip-header { position: absolute; }
/* No JS */
.no-js .ip-header { position: relative; min-height: 0px; }
.no-js .ip-header .ip-logo {
    margin-top: 20px;
    height: 180px;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}