@-ms-viewport { width: device-width; } #gannachecontainer *, #gannachecontainer *::before, #gannachecontainer *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } #gannachecontainer .gannache-container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { #gannachecontainer .gannache-container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { #gannachecontainer .gannache-container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { #gannachecontainer .gannache-container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { #gannachecontainer .gannache-container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { #gannachecontainer .gannache-container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { #gannachecontainer .gannache-container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { #gannachecontainer .gannache-container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { #gannachecontainer .gannache-container { width: 1140px; max-width: 100%; } } #gannachecontainer .gannache-container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { #gannachecontainer .gannache-container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { #gannachecontainer .gannache-container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { #gannachecontainer .gannache-container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { #gannachecontainer .gannache-container-fluid { padding-right: 15px; padding-left: 15px; } } #gannachecontainer .gannache-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { #gannachecontainer .gannache-row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { #gannachecontainer .gannache-row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { #gannachecontainer .gannache-row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { #gannachecontainer .gannache-row { margin-right: -15px; margin-left: -15px; } } #gannachecontainer .gannache-no-gutters { margin-right: 0; margin-left: 0; } #gannachecontainer .gannache-no-gutters > .gannache-col, #gannachecontainer .gannache-no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } #gannachecontainer .gannache-col-1, #gannachecontainer .gannache-col-2, #gannachecontainer .gannache-col-3, #gannachecontainer .gannache-col-4, #gannachecontainer .gannache-col-5, #gannachecontainer .gannache-col-6, #gannachecontainer .gannache-col-7, #gannachecontainer .gannache-col-8, #gannachecontainer .gannache-col-9, #gannachecontainer .gannache-col-10, #gannachecontainer .gannache-col-11, #gannachecontainer .gannache-col-12, #gannachecontainer .gannache-col, #gannachecontainer .gannache-col-sm-1, #gannachecontainer .gannache-col-sm-2, #gannachecontainer .gannache-col-sm-3, #gannachecontainer .gannache-col-sm-4, #gannachecontainer .gannache-col-sm-5, #gannachecontainer .gannache-col-sm-6, #gannachecontainer .gannache-col-sm-7, #gannachecontainer .gannache-col-sm-8, #gannachecontainer .gannache-col-sm-9, #gannachecontainer .gannache-col-sm-10, #gannachecontainer .gannache-col-sm-11, #gannachecontainer .gannache-col-sm-12, #gannachecontainer .gannache-col-sm, #gannachecontainer .gannache-col-md-1, #gannachecontainer .gannache-col-md-2, #gannachecontainer .gannache-col-md-3, #gannachecontainer .gannache-col-md-4, #gannachecontainer .gannache-col-md-5, #gannachecontainer .gannache-col-md-6, #gannachecontainer .gannache-col-md-7, #gannachecontainer .gannache-col-md-8, #gannachecontainer .gannache-col-md-9, #gannachecontainer .gannache-col-md-10, #gannachecontainer .gannache-col-md-11, #gannachecontainer .gannache-col-md-12, #gannachecontainer .gannache-col-md, #gannachecontainer .gannache-col-lg-1, #gannachecontainer .gannache-col-lg-2, #gannachecontainer .gannache-col-lg-3, #gannachecontainer .gannache-col-lg-4, #gannachecontainer .gannache-col-lg-5, #gannachecontainer .gannache-col-lg-6, #gannachecontainer .gannache-col-lg-7, #gannachecontainer .gannache-col-lg-8, #gannachecontainer .gannache-col-lg-9, #gannachecontainer .gannache-col-lg-10, #gannachecontainer .gannache-col-lg-11, #gannachecontainer .gannache-col-lg-12, #gannachecontainer .gannache-col-lg, #gannachecontainer .gannache-col-xl-1, #gannachecontainer .gannache-col-xl-2, #gannachecontainer .gannache-col-xl-3, #gannachecontainer .gannache-col-xl-4, #gannachecontainer .gannache-col-xl-5, #gannachecontainer .gannache-col-xl-6, #gannachecontainer .gannache-col-xl-7, #gannachecontainer .gannache-col-xl-8, #gannachecontainer .gannache-col-xl-9, #gannachecontainer .gannache-col-xl-10, #gannachecontainer .gannache-col-xl-11, #gannachecontainer .gannache-col-xl-12, #gannachecontainer .gannache-col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { #gannachecontainer .gannache-col-1, #gannachecontainer .gannache-col-2, #gannachecontainer .gannache-col-3, #gannachecontainer .gannache-col-4, #gannachecontainer .gannache-col-5, #gannachecontainer .gannache-col-6, #gannachecontainer .gannache-col-7, #gannachecontainer .gannache-col-8, #gannachecontainer .gannache-col-9, #gannachecontainer .gannache-col-10, #gannachecontainer .gannache-col-11, #gannachecontainer .gannache-col-12, #gannachecontainer .gannache-col, #gannachecontainer .gannache-col-sm-1, #gannachecontainer .gannache-col-sm-2, #gannachecontainer .gannache-col-sm-3, #gannachecontainer .gannache-col-sm-4, #gannachecontainer .gannache-col-sm-5, #gannachecontainer .gannache-col-sm-6, #gannachecontainer .gannache-col-sm-7, #gannachecontainer .gannache-col-sm-8, #gannachecontainer .gannache-col-sm-9, #gannachecontainer .gannache-col-sm-10, #gannachecontainer .gannache-col-sm-11, #gannachecontainer .gannache-col-sm-12, #gannachecontainer .gannache-col-sm, #gannachecontainer .gannache-col-md-1, #gannachecontainer .gannache-col-md-2, #gannachecontainer .gannache-col-md-3, #gannachecontainer .gannache-col-md-4, #gannachecontainer .gannache-col-md-5, #gannachecontainer .gannache-col-md-6, #gannachecontainer .gannache-col-md-7, #gannachecontainer .gannache-col-md-8, #gannachecontainer .gannache-col-md-9, #gannachecontainer .gannache-col-md-10, #gannachecontainer .gannache-col-md-11, #gannachecontainer .gannache-col-md-12, #gannachecontainer .gannache-col-md, #gannachecontainer .gannache-col-lg-1, #gannachecontainer .gannache-col-lg-2, #gannachecontainer .gannache-col-lg-3, #gannachecontainer .gannache-col-lg-4, #gannachecontainer .gannache-col-lg-5, #gannachecontainer .gannache-col-lg-6, #gannachecontainer .gannache-col-lg-7, #gannachecontainer .gannache-col-lg-8, #gannachecontainer .gannache-col-lg-9, #gannachecontainer .gannache-col-lg-10, #gannachecontainer .gannache-col-lg-11, #gannachecontainer .gannache-col-lg-12, #gannachecontainer .gannache-col-lg, #gannachecontainer .gannache-col-xl-1, #gannachecontainer .gannache-col-xl-2, #gannachecontainer .gannache-col-xl-3, #gannachecontainer .gannache-col-xl-4, #gannachecontainer .gannache-col-xl-5, #gannachecontainer .gannache-col-xl-6, #gannachecontainer .gannache-col-xl-7, #gannachecontainer .gannache-col-xl-8, #gannachecontainer .gannache-col-xl-9, #gannachecontainer .gannache-col-xl-10, #gannachecontainer .gannache-col-xl-11, #gannachecontainer .gannache-col-xl-12, #gannachecontainer .gannache-col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { #gannachecontainer .gannache-col-1, #gannachecontainer .gannache-col-2, #gannachecontainer .gannache-col-3, #gannachecontainer .gannache-col-4, #gannachecontainer .gannache-col-5, #gannachecontainer .gannache-col-6, #gannachecontainer .gannache-col-7, #gannachecontainer .gannache-col-8, #gannachecontainer .gannache-col-9, #gannachecontainer .gannache-col-10, #gannachecontainer .gannache-col-11, #gannachecontainer .gannache-col-12, #gannachecontainer .gannache-col, #gannachecontainer .gannache-col-sm-1, #gannachecontainer .gannache-col-sm-2, #gannachecontainer .gannache-col-sm-3, #gannachecontainer .gannache-col-sm-4, #gannachecontainer .gannache-col-sm-5, #gannachecontainer .gannache-col-sm-6, #gannachecontainer .gannache-col-sm-7, #gannachecontainer .gannache-col-sm-8, #gannachecontainer .gannache-col-sm-9, #gannachecontainer .gannache-col-sm-10, #gannachecontainer .gannache-col-sm-11, #gannachecontainer .gannache-col-sm-12, #gannachecontainer .gannache-col-sm, #gannachecontainer .gannache-col-md-1, #gannachecontainer .gannache-col-md-2, #gannachecontainer .gannache-col-md-3, #gannachecontainer .gannache-col-md-4, #gannachecontainer .gannache-col-md-5, #gannachecontainer .gannache-col-md-6, #gannachecontainer .gannache-col-md-7, #gannachecontainer .gannache-col-md-8, #gannachecontainer .gannache-col-md-9, #gannachecontainer .gannache-col-md-10, #gannachecontainer .gannache-col-md-11, #gannachecontainer .gannache-col-md-12, #gannachecontainer .gannache-col-md, #gannachecontainer .gannache-col-lg-1, #gannachecontainer .gannache-col-lg-2, #gannachecontainer .gannache-col-lg-3, #gannachecontainer .gannache-col-lg-4, #gannachecontainer .gannache-col-lg-5, #gannachecontainer .gannache-col-lg-6, #gannachecontainer .gannache-col-lg-7, #gannachecontainer .gannache-col-lg-8, #gannachecontainer .gannache-col-lg-9, #gannachecontainer .gannache-col-lg-10, #gannachecontainer .gannache-col-lg-11, #gannachecontainer .gannache-col-lg-12, #gannachecontainer .gannache-col-lg, #gannachecontainer .gannache-col-xl-1, #gannachecontainer .gannache-col-xl-2, #gannachecontainer .gannache-col-xl-3, #gannachecontainer .gannache-col-xl-4, #gannachecontainer .gannache-col-xl-5, #gannachecontainer .gannache-col-xl-6, #gannachecontainer .gannache-col-xl-7, #gannachecontainer .gannache-col-xl-8, #gannachecontainer .gannache-col-xl-9, #gannachecontainer .gannache-col-xl-10, #gannachecontainer .gannache-col-xl-11, #gannachecontainer .gannache-col-xl-12, #gannachecontainer .gannache-col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { #gannachecontainer .gannache-col-1, #gannachecontainer .gannache-col-2, #gannachecontainer .gannache-col-3, #gannachecontainer .gannache-col-4, #gannachecontainer .gannache-col-5, #gannachecontainer .gannache-col-6, #gannachecontainer .gannache-col-7, #gannachecontainer .gannache-col-8, #gannachecontainer .gannache-col-9, #gannachecontainer .gannache-col-10, #gannachecontainer .gannache-col-11, #gannachecontainer .gannache-col-12, #gannachecontainer .gannache-col, #gannachecontainer .gannache-col-sm-1, #gannachecontainer .gannache-col-sm-2, #gannachecontainer .gannache-col-sm-3, #gannachecontainer .gannache-col-sm-4, #gannachecontainer .gannache-col-sm-5, #gannachecontainer .gannache-col-sm-6, #gannachecontainer .gannache-col-sm-7, #gannachecontainer .gannache-col-sm-8, #gannachecontainer .gannache-col-sm-9, #gannachecontainer .gannache-col-sm-10, #gannachecontainer .gannache-col-sm-11, #gannachecontainer .gannache-col-sm-12, #gannachecontainer .gannache-col-sm, #gannachecontainer .gannache-col-md-1, #gannachecontainer .gannache-col-md-2, #gannachecontainer .gannache-col-md-3, #gannachecontainer .gannache-col-md-4, #gannachecontainer .gannache-col-md-5, #gannachecontainer .gannache-col-md-6, #gannachecontainer .gannache-col-md-7, #gannachecontainer .gannache-col-md-8, #gannachecontainer .gannache-col-md-9, #gannachecontainer .gannache-col-md-10, #gannachecontainer .gannache-col-md-11, #gannachecontainer .gannache-col-md-12, #gannachecontainer .gannache-col-md, #gannachecontainer .gannache-col-lg-1, #gannachecontainer .gannache-col-lg-2, #gannachecontainer .gannache-col-lg-3, #gannachecontainer .gannache-col-lg-4, #gannachecontainer .gannache-col-lg-5, #gannachecontainer .gannache-col-lg-6, #gannachecontainer .gannache-col-lg-7, #gannachecontainer .gannache-col-lg-8, #gannachecontainer .gannache-col-lg-9, #gannachecontainer .gannache-col-lg-10, #gannachecontainer .gannache-col-lg-11, #gannachecontainer .gannache-col-lg-12, #gannachecontainer .gannache-col-lg, #gannachecontainer .gannache-col-xl-1, #gannachecontainer .gannache-col-xl-2, #gannachecontainer .gannache-col-xl-3, #gannachecontainer .gannache-col-xl-4, #gannachecontainer .gannache-col-xl-5, #gannachecontainer .gannache-col-xl-6, #gannachecontainer .gannache-col-xl-7, #gannachecontainer .gannache-col-xl-8, #gannachecontainer .gannache-col-xl-9, #gannachecontainer .gannache-col-xl-10, #gannachecontainer .gannache-col-xl-11, #gannachecontainer .gannache-col-xl-12, #gannachecontainer .gannache-col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { #gannachecontainer .gannache-col-1, #gannachecontainer .gannache-col-2, #gannachecontainer .gannache-col-3, #gannachecontainer .gannache-col-4, #gannachecontainer .gannache-col-5, #gannachecontainer .gannache-col-6, #gannachecontainer .gannache-col-7, #gannachecontainer .gannache-col-8, #gannachecontainer .gannache-col-9, #gannachecontainer .gannache-col-10, #gannachecontainer .gannache-col-11, #gannachecontainer .gannache-col-12, #gannachecontainer .gannache-col, #gannachecontainer .gannache-col-sm-1, #gannachecontainer .gannache-col-sm-2, #gannachecontainer .gannache-col-sm-3, #gannachecontainer .gannache-col-sm-4, #gannachecontainer .gannache-col-sm-5, #gannachecontainer .gannache-col-sm-6, #gannachecontainer .gannache-col-sm-7, #gannachecontainer .gannache-col-sm-8, #gannachecontainer .gannache-col-sm-9, #gannachecontainer .gannache-col-sm-10, #gannachecontainer .gannache-col-sm-11, #gannachecontainer .gannache-col-sm-12, #gannachecontainer .gannache-col-sm, #gannachecontainer .gannache-col-md-1, #gannachecontainer .gannache-col-md-2, #gannachecontainer .gannache-col-md-3, #gannachecontainer .gannache-col-md-4, #gannachecontainer .gannache-col-md-5, #gannachecontainer .gannache-col-md-6, #gannachecontainer .gannache-col-md-7, #gannachecontainer .gannache-col-md-8, #gannachecontainer .gannache-col-md-9, #gannachecontainer .gannache-col-md-10, #gannachecontainer .gannache-col-md-11, #gannachecontainer .gannache-col-md-12, #gannachecontainer .gannache-col-md, #gannachecontainer .gannache-col-lg-1, #gannachecontainer .gannache-col-lg-2, #gannachecontainer .gannache-col-lg-3, #gannachecontainer .gannache-col-lg-4, #gannachecontainer .gannache-col-lg-5, #gannachecontainer .gannache-col-lg-6, #gannachecontainer .gannache-col-lg-7, #gannachecontainer .gannache-col-lg-8, #gannachecontainer .gannache-col-lg-9, #gannachecontainer .gannache-col-lg-10, #gannachecontainer .gannache-col-lg-11, #gannachecontainer .gannache-col-lg-12, #gannachecontainer .gannache-col-lg, #gannachecontainer .gannache-col-xl-1, #gannachecontainer .gannache-col-xl-2, #gannachecontainer .gannache-col-xl-3, #gannachecontainer .gannache-col-xl-4, #gannachecontainer .gannache-col-xl-5, #gannachecontainer .gannache-col-xl-6, #gannachecontainer .gannache-col-xl-7, #gannachecontainer .gannache-col-xl-8, #gannachecontainer .gannache-col-xl-9, #gannachecontainer .gannache-col-xl-10, #gannachecontainer .gannache-col-xl-11, #gannachecontainer .gannache-col-xl-12, #gannachecontainer .gannache-col-xl { padding-right: 15px; padding-left: 15px; } } #gannachecontainer .gannache-col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #gannachecontainer .gannache-col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } #gannachecontainer .gannache-col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } #gannachecontainer .gannache-col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } #gannachecontainer .gannache-col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #gannachecontainer .gannache-col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #gannachecontainer .gannache-col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } #gannachecontainer .gannache-col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #gannachecontainer .gannache-col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } #gannachecontainer .gannache-col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } #gannachecontainer .gannache-col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } #gannachecontainer .gannache-col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } #gannachecontainer .gannache-col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } #gannachecontainer .gannache-col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #gannachecontainer .gannache-pull-0 { right: auto; } #gannachecontainer .gannache-pull-1 { right: 8.333333%; } #gannachecontainer .gannache-pull-2 { right: 16.666667%; } #gannachecontainer .gannache-pull-3 { right: 25%; } #gannachecontainer .gannache-pull-4 { right: 33.333333%; } #gannachecontainer .gannache-pull-5 { right: 41.666667%; } #gannachecontainer .gannache-pull-6 { right: 50%; } #gannachecontainer .gannache-pull-7 { right: 58.333333%; } #gannachecontainer .gannache-pull-8 { right: 66.666667%; } #gannachecontainer .gannache-pull-9 { right: 75%; } #gannachecontainer .gannache-pull-10 { right: 83.333333%; } #gannachecontainer .gannache-pull-11 { right: 91.666667%; } #gannachecontainer .gannache-pull-12 { right: 100%; } #gannachecontainer .gannache-push-0 { left: auto; } #gannachecontainer .gannache-push-1 { left: 8.333333%; } #gannachecontainer .gannache-push-2 { left: 16.666667%; } #gannachecontainer .gannache-push-3 { left: 25%; } #gannachecontainer .gannache-push-4 { left: 33.333333%; } #gannachecontainer .gannache-push-5 { left: 41.666667%; } #gannachecontainer .gannache-push-6 { left: 50%; } #gannachecontainer .gannache-push-7 { left: 58.333333%; } #gannachecontainer .gannache-push-8 { left: 66.666667%; } #gannachecontainer .gannache-push-9 { left: 75%; } #gannachecontainer .gannache-push-10 { left: 83.333333%; } #gannachecontainer .gannache-push-11 { left: 91.666667%; } #gannachecontainer .gannache-push-12 { left: 100%; } #gannachecontainer .gannache-offset-1 { margin-left: 8.333333%; } #gannachecontainer .gannache-offset-2 { margin-left: 16.666667%; } #gannachecontainer .gannache-offset-3 { margin-left: 25%; } #gannachecontainer .gannache-offset-4 { margin-left: 33.333333%; } #gannachecontainer .gannache-offset-5 { margin-left: 41.666667%; } #gannachecontainer .gannache-offset-6 { margin-left: 50%; } #gannachecontainer .gannache-offset-7 { margin-left: 58.333333%; } #gannachecontainer .gannache-offset-8 { margin-left: 66.666667%; } #gannachecontainer .gannache-offset-9 { margin-left: 75%; } #gannachecontainer .gannache-offset-10 { margin-left: 83.333333%; } #gannachecontainer .gannache-offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { #gannachecontainer .gannache-col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #gannachecontainer .gannache-col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } #gannachecontainer .gannache-col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } #gannachecontainer .gannache-col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } #gannachecontainer .gannache-col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #gannachecontainer .gannache-col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #gannachecontainer .gannache-col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } #gannachecontainer .gannache-col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #gannachecontainer .gannache-col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } #gannachecontainer .gannache-col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } #gannachecontainer .gannache-col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } #gannachecontainer .gannache-col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } #gannachecontainer .gannache-col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } #gannachecontainer .gannache-col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #gannachecontainer .gannache-pull-sm-0 { right: auto; } #gannachecontainer .gannache-pull-sm-1 { right: 8.333333%; } #gannachecontainer .gannache-pull-sm-2 { right: 16.666667%; } #gannachecontainer .gannache-pull-sm-3 { right: 25%; } #gannachecontainer .gannache-pull-sm-4 { right: 33.333333%; } #gannachecontainer .gannache-pull-sm-5 { right: 41.666667%; } #gannachecontainer .gannache-pull-sm-6 { right: 50%; } #gannachecontainer .gannache-pull-sm-7 { right: 58.333333%; } #gannachecontainer .gannache-pull-sm-8 { right: 66.666667%; } #gannachecontainer .gannache-pull-sm-9 { right: 75%; } #gannachecontainer .gannache-pull-sm-10 { right: 83.333333%; } #gannachecontainer .gannache-pull-sm-11 { right: 91.666667%; } #gannachecontainer .gannache-pull-sm-12 { right: 100%; } #gannachecontainer .gannache-push-sm-0 { left: auto; } #gannachecontainer .gannache-push-sm-1 { left: 8.333333%; } #gannachecontainer .gannache-push-sm-2 { left: 16.666667%; } #gannachecontainer .gannache-push-sm-3 { left: 25%; } #gannachecontainer .gannache-push-sm-4 { left: 33.333333%; } #gannachecontainer .gannache-push-sm-5 { left: 41.666667%; } #gannachecontainer .gannache-push-sm-6 { left: 50%; } #gannachecontainer .gannache-push-sm-7 { left: 58.333333%; } #gannachecontainer .gannache-push-sm-8 { left: 66.666667%; } #gannachecontainer .gannache-push-sm-9 { left: 75%; } #gannachecontainer .gannache-push-sm-10 { left: 83.333333%; } #gannachecontainer .gannache-push-sm-11 { left: 91.666667%; } #gannachecontainer .gannache-push-sm-12 { left: 100%; } #gannachecontainer .gannache-offset-sm-0 { margin-left: 0%; } #gannachecontainer .gannache-offset-sm-1 { margin-left: 8.333333%; } #gannachecontainer .gannache-offset-sm-2 { margin-left: 16.666667%; } #gannachecontainer .gannache-offset-sm-3 { margin-left: 25%; } #gannachecontainer .gannache-offset-sm-4 { margin-left: 33.333333%; } #gannachecontainer .gannache-offset-sm-5 { margin-left: 41.666667%; } #gannachecontainer .gannache-offset-sm-6 { margin-left: 50%; } #gannachecontainer .gannache-offset-sm-7 { margin-left: 58.333333%; } #gannachecontainer .gannache-offset-sm-8 { margin-left: 66.666667%; } #gannachecontainer .gannache-offset-sm-9 { margin-left: 75%; } #gannachecontainer .gannache-offset-sm-10 { margin-left: 83.333333%; } #gannachecontainer .gannache-offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { #gannachecontainer .gannache-col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #gannachecontainer .gannache-col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } #gannachecontainer .gannache-col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } #gannachecontainer .gannache-col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } #gannachecontainer .gannache-col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #gannachecontainer .gannache-col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #gannachecontainer .gannache-col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } #gannachecontainer .gannache-col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #gannachecontainer .gannache-col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } #gannachecontainer .gannache-col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } #gannachecontainer .gannache-col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } #gannachecontainer .gannache-col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } #gannachecontainer .gannache-col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } #gannachecontainer .gannache-col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #gannachecontainer .gannache-pull-md-0 { right: auto; } #gannachecontainer .gannache-pull-md-1 { right: 8.333333%; } #gannachecontainer .gannache-pull-md-2 { right: 16.666667%; } #gannachecontainer .gannache-pull-md-3 { right: 25%; } #gannachecontainer .gannache-pull-md-4 { right: 33.333333%; } #gannachecontainer .gannache-pull-md-5 { right: 41.666667%; } #gannachecontainer .gannache-pull-md-6 { right: 50%; } #gannachecontainer .gannache-pull-md-7 { right: 58.333333%; } #gannachecontainer .gannache-pull-md-8 { right: 66.666667%; } #gannachecontainer .gannache-pull-md-9 { right: 75%; } #gannachecontainer .gannache-pull-md-10 { right: 83.333333%; } #gannachecontainer .gannache-pull-md-11 { right: 91.666667%; } #gannachecontainer .gannache-pull-md-12 { right: 100%; } #gannachecontainer .gannache-push-md-0 { left: auto; } #gannachecontainer .gannache-push-md-1 { left: 8.333333%; } #gannachecontainer .gannache-push-md-2 { left: 16.666667%; } #gannachecontainer .gannache-push-md-3 { left: 25%; } #gannachecontainer .gannache-push-md-4 { left: 33.333333%; } #gannachecontainer .gannache-push-md-5 { left: 41.666667%; } #gannachecontainer .gannache-push-md-6 { left: 50%; } #gannachecontainer .gannache-push-md-7 { left: 58.333333%; } #gannachecontainer .gannache-push-md-8 { left: 66.666667%; } #gannachecontainer .gannache-push-md-9 { left: 75%; } #gannachecontainer .gannache-push-md-10 { left: 83.333333%; } #gannachecontainer .gannache-push-md-11 { left: 91.666667%; } #gannachecontainer .gannache-push-md-12 { left: 100%; } #gannachecontainer .gannache-offset-md-0 { margin-left: 0%; } #gannachecontainer .gannache-offset-md-1 { margin-left: 8.333333%; } #gannachecontainer .gannache-offset-md-2 { margin-left: 16.666667%; } #gannachecontainer .gannache-offset-md-3 { margin-left: 25%; } #gannachecontainer .gannache-offset-md-4 { margin-left: 33.333333%; } #gannachecontainer .gannache-offset-md-5 { margin-left: 41.666667%; } #gannachecontainer .gannache-offset-md-6 { margin-left: 50%; } #gannachecontainer .gannache-offset-md-7 { margin-left: 58.333333%; } #gannachecontainer .gannache-offset-md-8 { margin-left: 66.666667%; } #gannachecontainer .gannache-offset-md-9 { margin-left: 75%; } #gannachecontainer .gannache-offset-md-10 { margin-left: 83.333333%; } #gannachecontainer .gannache-offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { #gannachecontainer .gannache-col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #gannachecontainer .gannache-col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } #gannachecontainer .gannache-col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } #gannachecontainer .gannache-col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } #gannachecontainer .gannache-col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #gannachecontainer .gannache-col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #gannachecontainer .gannache-col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } #gannachecontainer .gannache-col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #gannachecontainer .gannache-col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } #gannachecontainer .gannache-col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } #gannachecontainer .gannache-col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } #gannachecontainer .gannache-col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } #gannachecontainer .gannache-col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } #gannachecontainer .gannache-col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #gannachecontainer .gannache-pull-lg-0 { right: auto; } #gannachecontainer .gannache-pull-lg-1 { right: 8.333333%; } #gannachecontainer .gannache-pull-lg-2 { right: 16.666667%; } #gannachecontainer .gannache-pull-lg-3 { right: 25%; } #gannachecontainer .gannache-pull-lg-4 { right: 33.333333%; } #gannachecontainer .gannache-pull-lg-5 { right: 41.666667%; } #gannachecontainer .gannache-pull-lg-6 { right: 50%; } #gannachecontainer .gannache-pull-lg-7 { right: 58.333333%; } #gannachecontainer .gannache-pull-lg-8 { right: 66.666667%; } #gannachecontainer .gannache-pull-lg-9 { right: 75%; } #gannachecontainer .gannache-pull-lg-10 { right: 83.333333%; } #gannachecontainer .gannache-pull-lg-11 { right: 91.666667%; } #gannachecontainer .gannache-pull-lg-12 { right: 100%; } #gannachecontainer .gannache-push-lg-0 { left: auto; } #gannachecontainer .gannache-push-lg-1 { left: 8.333333%; } #gannachecontainer .gannache-push-lg-2 { left: 16.666667%; } #gannachecontainer .gannache-push-lg-3 { left: 25%; } #gannachecontainer .gannache-push-lg-4 { left: 33.333333%; } #gannachecontainer .gannache-push-lg-5 { left: 41.666667%; } #gannachecontainer .gannache-push-lg-6 { left: 50%; } #gannachecontainer .gannache-push-lg-7 { left: 58.333333%; } #gannachecontainer .gannache-push-lg-8 { left: 66.666667%; } #gannachecontainer .gannache-push-lg-9 { left: 75%; } #gannachecontainer .gannache-push-lg-10 { left: 83.333333%; } #gannachecontainer .gannache-push-lg-11 { left: 91.666667%; } #gannachecontainer .gannache-push-lg-12 { left: 100%; } #gannachecontainer .gannache-offset-lg-0 { margin-left: 0%; } #gannachecontainer .gannache-offset-lg-1 { margin-left: 8.333333%; } #gannachecontainer .gannache-offset-lg-2 { margin-left: 16.666667%; } #gannachecontainer .gannache-offset-lg-3 { margin-left: 25%; } #gannachecontainer .gannache-offset-lg-4 { margin-left: 33.333333%; } #gannachecontainer .gannache-offset-lg-5 { margin-left: 41.666667%; } #gannachecontainer .gannache-offset-lg-6 { margin-left: 50%; } #gannachecontainer .gannache-offset-lg-7 { margin-left: 58.333333%; } #gannachecontainer .gannache-offset-lg-8 { margin-left: 66.666667%; } #gannachecontainer .gannache-offset-lg-9 { margin-left: 75%; } #gannachecontainer .gannache-offset-lg-10 { margin-left: 83.333333%; } #gannachecontainer .gannache-offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { #gannachecontainer .gannache-col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } #gannachecontainer .gannache-col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } #gannachecontainer .gannache-col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } #gannachecontainer .gannache-col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } #gannachecontainer .gannache-col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #gannachecontainer .gannache-col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #gannachecontainer .gannache-col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } #gannachecontainer .gannache-col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } #gannachecontainer .gannache-col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } #gannachecontainer .gannache-col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } #gannachecontainer .gannache-col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } #gannachecontainer .gannache-col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } #gannachecontainer .gannache-col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } #gannachecontainer .gannache-col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #gannachecontainer .gannache-pull-xl-0 { right: auto; } #gannachecontainer .gannache-pull-xl-1 { right: 8.333333%; } #gannachecontainer .gannache-pull-xl-2 { right: 16.666667%; } #gannachecontainer .gannache-pull-xl-3 { right: 25%; } #gannachecontainer .gannache-pull-xl-4 { right: 33.333333%; } #gannachecontainer .gannache-pull-xl-5 { right: 41.666667%; } #gannachecontainer .gannache-pull-xl-6 { right: 50%; } #gannachecontainer .gannache-pull-xl-7 { right: 58.333333%; } #gannachecontainer .gannache-pull-xl-8 { right: 66.666667%; } #gannachecontainer .gannache-pull-xl-9 { right: 75%; } #gannachecontainer .gannache-pull-xl-10 { right: 83.333333%; } #gannachecontainer .gannache-pull-xl-11 { right: 91.666667%; } #gannachecontainer .gannache-pull-xl-12 { right: 100%; } #gannachecontainer .gannache-push-xl-0 { left: auto; } #gannachecontainer .gannache-push-xl-1 { left: 8.333333%; } #gannachecontainer .gannache-push-xl-2 { left: 16.666667%; } #gannachecontainer .gannache-push-xl-3 { left: 25%; } #gannachecontainer .gannache-push-xl-4 { left: 33.333333%; } #gannachecontainer .gannache-push-xl-5 { left: 41.666667%; } #gannachecontainer .gannache-push-xl-6 { left: 50%; } #gannachecontainer .gannache-push-xl-7 { left: 58.333333%; } #gannachecontainer .gannache-push-xl-8 { left: 66.666667%; } #gannachecontainer .gannache-push-xl-9 { left: 75%; } #gannachecontainer .gannache-push-xl-10 { left: 83.333333%; } #gannachecontainer .gannache-push-xl-11 { left: 91.666667%; } #gannachecontainer .gannache-push-xl-12 { left: 100%; } #gannachecontainer .gannache-offset-xl-0 { margin-left: 0%; } #gannachecontainer .gannache-offset-xl-1 { margin-left: 8.333333%; } #gannachecontainer .gannache-offset-xl-2 { margin-left: 16.666667%; } #gannachecontainer .gannache-offset-xl-3 { margin-left: 25%; } #gannachecontainer .gannache-offset-xl-4 { margin-left: 33.333333%; } #gannachecontainer .gannache-offset-xl-5 { margin-left: 41.666667%; } #gannachecontainer .gannache-offset-xl-6 { margin-left: 50%; } #gannachecontainer .gannache-offset-xl-7 { margin-left: 58.333333%; } #gannachecontainer .gannache-offset-xl-8 { margin-left: 66.666667%; } #gannachecontainer .gannache-offset-xl-9 { margin-left: 75%; } #gannachecontainer .gannache-offset-xl-10 { margin-left: 83.333333%; } #gannachecontainer .gannache-offset-xl-11 { margin-left: 91.666667%; } } @font-face { font-family: 'centrale-sans'; src: url("../fonts/CentraleSans-Regular.eot"); src: url("../fonts/CentraleSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/CentraleSans-Regular.woff2") format("woff2"), url("../fonts/CentraleSans-Regular.woff") format("woff"), url("../fonts/CentraleSans-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'centrale-sans'; src: url("../fonts/CentraleSans-Medium.eot"); src: url("../fonts/CentraleSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/CentraleSans-Medium.woff2") format("woff2"), url("../fonts/CentraleSans-Medium.woff") format("woff"), url("../fonts/CentraleSans-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'centrale-sans'; src: url("../fonts/CentraleSans-Bold.eot"); src: url("../fonts/CentraleSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CentraleSans-Bold.woff2") format("woff2"), url("../fonts/CentraleSans-Bold.woff") format("woff"), url("../fonts/CentraleSans-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } #gannachecontainer { overflow-x: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; font-family: 'centrale-sans', Arial, sans-serif; font-size: 20px; font-weight: normal; } #gannachecontainer .gannache-max100 { max-width: 100%; } #gannachecontainer h1 { font-size: 44.5px; font-weight: normal; } #gannachecontainer h2 { font-size: 34px; font-weight: normal; } #gannachecontainer h3 { font-size: 25px; font-weight: normal; } #gannachecontainer .gannache-vertical-align { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #gannachecontainer .gannache-center { text-align: center; } #gannachecontainer .gannache-right { text-align: right; } #gannachecontainer strong { font-weight: bold; } #gannachecontainer .gannache-nowrap { white-space: nowrap; } #gannachecontainer .gannache-topo { background-image: url("../img/bg-topo.jpg"); background-color: #191c45; background-position: 50% 70%; background-size: cover; padding: 0 0 100px 0; position: relative; color: #ffffff; } #gannachecontainer .gannache-topo .gannache-logophilips { width: 140px; height: 140px; background: url("../img/philips/philips-shape.png"), url("../img/philips/philips-dark-blue.jpg"); background-color: #00367b; background-repeat: no-repeat; background-position: top, bottom; position: relative; margin-top: 30px; -webkit-box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.6); box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.6); } #gannachecontainer .gannache-topo .gannache-logophilips .gannache-wordmark { width: 102px; height: auto; margin: 33px 19px; } #gannachecontainer .gannache-topo .gannache-logophilips .gannache-televisores { position: absolute; bottom: 0; left: 0; height: 54px; width: 100%; line-height: 54px; padding: 0 12px; color: #ffffff; font-size: 21px; } #gannachecontainer .gannache-topo h2 { margin: -20px 0 40px 0; } #gannachecontainer .gannache-topo h2 strong { font-weight: bold; } @media (max-width: 991px) { #gannachecontainer .gannache-topo h2 { margin-top: 40px; } } #gannachecontainer .gannache-topo .gannache-tvcontainer { background-image: url("../img/tv1.png"); background-size: 100% 100%; max-width: 672px; position: relative; margin: auto; } #gannachecontainer .gannache-topo .gannache-tvcontainer .gannache-tv1img { width: 672px; height: auto; max-width: 100%; } #gannachecontainer .gannache-topo .gannache-tvcontainer .gannache-tv1screen-top { background-image: url("../img/tv1-top.png"); background-size: 100% auto; background-position: top; background-repeat: no-repeat; position: absolute; top: 1.4%; width: 100%; height: 100%; -webkit-animation-name: screentop; animation-name: screentop; -webkit-animation-duration: 7s; animation-duration: 7s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } #gannachecontainer .gannache-topo .gannache-tvcontainer .gannache-tv1screen-bottom { background-image: url("../img/tv1-bottom.png"); background-size: 100% auto; background-position: bottom; background-repeat: no-repeat; position: absolute; bottom: 13%; width: 100%; height: 100%; -webkit-animation-name: screenbottom; animation-name: screenbottom; -webkit-animation-duration: 7s; animation-duration: 7s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes screentop { 75% { background-position: 0 0; } 100% { background-position: 0 -200px; } } @keyframes screentop { 75% { background-position: 0 0; } 100% { background-position: 0 -200px; } } @-webkit-keyframes screenbottom { 75% { background-position: bottom; } 100% { background-position: 0 500px; } } @keyframes screenbottom { 75% { background-position: bottom; } 100% { background-position: 0 500px; } } #gannachecontainer .gannache-topo h3 { font-size: 28.5px; margin-bottom: -30px; } #gannachecontainer .gannache-topo h1 { margin-bottom: -30px; font-weight: 500; } #gannachecontainer .gannache-topo p { font-size: 24px; margin-bottom: 0; } @media (max-width: 767px) { #gannachecontainer .gannache-topo .gannache-text { text-align: center; } } #gannachecontainer .gannache-topo .gannache-align { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 767px) { #gannachecontainer .gannache-topo .gannache-align { -ms-flex-pack: distribute; justify-content: space-around; margin-top: 40px; } } #gannachecontainer .gannache-topo .gannache-align img { margin-left: 30px; } #gannachecontainer .gannache-4k { background-image: url("../img/bg-qualidade-uhd.jpg"); background-color: #000000; background-position: top; background-size: auto 113.5%; background-repeat: no-repeat; padding: 100px 0 75px 0; color: #ffffff; } @media (min-width: 768px) and (max-width: 991px) { #gannachecontainer .gannache-4k { background-position: 60% 0; padding-top: 80px; } } @media (max-width: 767px) { #gannachecontainer .gannache-4k { padding-top: 60px; background-position: 70% 0; } } @media (max-width: 767px) { #gannachecontainer .gannache-4k { background-position: right; background-size: auto 120%; } } #gannachecontainer .gannache-4k .gannache-small { display: none; } #gannachecontainer .gannache-4k .gannache-small .gannache-tv2 { display: none; max-width: 100%; height: auto; } #gannachecontainer .gannache-4k .gannache-small .gannache-tv2:first-child { display: block; } @media (max-width: 767px) { #gannachecontainer .gannache-4k .gannache-small { display: block; } } #gannachecontainer .gannache-4k .gannache-logo { max-width: 200px; margin: auto; } #gannachecontainer .gannache-4k p { font-size: 25px; } #gannachecontainer .gannache-4k .gannache-4k-bts { height: 550px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 100px 0 75px 0; } @media (min-width: 768px) and (max-width: 991px) { #gannachecontainer .gannache-4k .gannache-4k-bts { margin-top: 80px; } } @media (max-width: 767px) { #gannachecontainer .gannache-4k .gannache-4k-bts { margin-top: 30px; margin-bottom: 30px; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } #gannachecontainer .gannache-4k .gannache-4k-bts .gannache-4k-bt { padding: 20px; font-size: 25px; background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, rgba(14, 84, 223, 0.5)), color-stop(50%, rgba(255, 255, 255, 0.2))); background-image: linear-gradient(to left, rgba(14, 84, 223, 0.5) 50%, rgba(255, 255, 255, 0.2) 50%); -webkit-transition: background-position 0.5s ease-out 0s; transition: background-position 0.5s ease-out 0s; background-size: 200.22% auto; } @media (max-width: 767px) { #gannachecontainer .gannache-4k .gannache-4k-bts .gannache-4k-bt { margin: 4px 4px; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; text-align: center; } } #gannachecontainer .gannache-4k .gannache-4k-bts .gannache-4k-bt:hover { cursor: pointer !important; background-position: -99.99% 0; } #gannachecontainer .gannache-4k .gannache-4k-bts .gannache-4k-bt-active { padding: 20px; font-size: 25px; background-color: #0e54df; cursor: default; -webkit-animation-name: key-bt-4k; animation-name: key-bt-4k; -webkit-animation-duration: 1s; animation-duration: 1s; } @media (max-width: 767px) { #gannachecontainer .gannache-4k .gannache-4k-bts .gannache-4k-bt-active { margin: 4px 4px; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; text-align: center; } } @-webkit-keyframes key-bt-4k { from { background-color: rgba(14, 84, 223, 0.5); } to { background-color: #0e54df; } } @keyframes key-bt-4k { from { background-color: rgba(14, 84, 223, 0.5); } to { background-color: #0e54df; } } #gannachecontainer .gannache-smart { padding: 100px 0 0 0; margin-bottom: -150px; } #gannachecontainer .gannache-smart .gannache-tvcontainer { background-image: url("../img/tv3.png"); background-size: 100% 100%; max-width: 543px; position: relative; margin: auto; } #gannachecontainer .gannache-smart .gannache-tvcontainer .gannache-tv3-smart { width: 543px; height: auto; max-width: 100%; display: none; position: absolute; left: 0; top: 0; } #gannachecontainer .gannache-smart .gannache-tvcontainer .gannache-tv3-smart:first-of-type { display: block; } #gannachecontainer .gannache-smart .gannache-tvcontainer .gannache-tv3-smart-show { display: block; position: relative; width: 543px; height: auto; max-width: 100%; } #gannachecontainer .gannache-smart .gannache-smart-icons { position: absolute; z-index: 2000; left: 50%; top: -12%; } #gannachecontainer .gannache-smart .gannache-smart-icons img { -webkit-animation-name: key-smarticons; animation-name: key-smarticons; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes key-smarticons { from { padding-left: -40px; -webkit-transform: rotate(-7deg) scale(1.1, 1.1); transform: rotate(-7deg) scale(1.1, 1.1); } to { padding-left: 40px; -webkit-transform: rotate(7deg) scale(0.9, 0.9); transform: rotate(7deg) scale(0.9, 0.9); } } @keyframes key-smarticons { from { padding-left: -40px; -webkit-transform: rotate(-7deg) scale(1.1, 1.1); transform: rotate(-7deg) scale(1.1, 1.1); } to { padding-left: 40px; -webkit-transform: rotate(7deg) scale(0.9, 0.9); transform: rotate(7deg) scale(0.9, 0.9); } } #gannachecontainer .gannache-smart .gannache-smart-icons .gannache-smart-icons-container { position: relative; left: -50%; } #gannachecontainer .gannache-smart2 { background-image: url("../img/bg-smart.jpg"); background-size: 100% 100%; padding-top: 200px; color: #ffffff; padding-bottom: 250px; } #gannachecontainer .gannache-smart2 h1 { color: #d4aef9; position: relative; z-index: 2000; } @media (max-width: 767px) { #gannachecontainer .gannache-smart2 h1 { margin-bottom: 0; } } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 991px) { #gannachecontainer .gannache-smart2 .gannache-smart-ico-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px; } } @media (max-width: 767px) { #gannachecontainer .gannache-smart2 .gannache-smart-ico-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px; } } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container #gannache-bt3-net { background-image: url("../img/logo-net1.png"); } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container #gannache-bt3-you { background-image: url("../img/logo-you2.png"); } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container #gannache-bt3-dee { background-image: url("../img/logo-dee2.png"); } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container #gannache-bt3-sbt { background-image: url("../img/logo-sbt2.png"); } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container #gannache-bt3-ban { background-image: url("../img/logo-ban2.png"); } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container #gannache-bt3-glo { background-image: url("../img/logo-glo2.png"); } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container .gannache-smart-ico-small { background-size: 50% auto; } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container .gannache-smart-ico-medium { background-size: 60% auto; } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container .gannache-smart-ico-big { background-size: 75% auto; } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container .gannache-smart-ico { background-repeat: no-repeat; background-position: center; border-radius: 4px; border: 1px solid #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100px; height: 100px; margin: 10px; } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container .gannache-smart-ico-inactive { background-color: rgba(255, 255, 255, 0); -webkit-animation-name: key-bt3-in; animation-name: key-bt3-in; -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes key-bt3-in { from { background-color: rgba(255, 255, 255, 0.3); } to { background-color: rgba(255, 255, 255, 0); } } @keyframes key-bt3-in { from { background-color: rgba(255, 255, 255, 0.3); } to { background-color: rgba(255, 255, 255, 0); } } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container .gannache-smart-ico-inactive:hover { background-color: rgba(255, 255, 255, 0.3); -webkit-animation-name: key-bt3; animation-name: key-bt3; -webkit-animation-duration: 1s; animation-duration: 1s; cursor: pointer; } @-webkit-keyframes key-bt3 { from { background-color: rgba(255, 255, 255, 0); } to { background-color: rgba(255, 255, 255, 0.3); } } @keyframes key-bt3 { from { background-color: rgba(255, 255, 255, 0); } to { background-color: rgba(255, 255, 255, 0.3); } } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container .gannache-smart-ico-active { background-color: white; -webkit-animation-name: key-bt3-active; animation-name: key-bt3-active; -webkit-animation-duration: 1s; animation-duration: 1s; cursor: default; } #gannachecontainer .gannache-smart2 .gannache-smart-ico-container .gannache-smart-ico-active:hover { cursor: default !important; background-color: white !important; } @-webkit-keyframes key-bt3-active { from { background-color: rgba(255, 255, 255, 0.3); } to { background-color: white; } } @keyframes key-bt3-active { from { background-color: rgba(255, 255, 255, 0.3); } to { background-color: white; } } #gannachecontainer .gannache-conectividade { position: relative; margin-top: -150px; padding-bottom: 150px; } @media (max-width: 767px) { #gannachecontainer .gannache-conectividade { padding-bottom: 50px; } } #gannachecontainer .gannache-conectividade .gannache-column-right { padding-top: 250px; padding-left: 30px; } @media (max-width: 767px) { #gannachecontainer .gannache-conectividade .gannache-column-right { padding-top: 0; padding-left: 15px; } } #gannachecontainer .gannache-conectividade h1 { color: #4b1a6d; } #gannachecontainer .gannache-conectividade .gannache-conectividade-tv { position: absolute; right: 30px; top: 0; } @media (max-width: 767px) { #gannachecontainer .gannache-conectividade .gannache-conectividade-tv { width: 100%; position: relative; right: 0; } } #gannachecontainer .gannache-youtube { background-image: url("../img/bg-youtube.jpg"); background-size: cover; background-color: #40357a; padding: 100px 0; color: #ffffff; } #gannachecontainer .gannache-youtube h2 { margin-bottom: 50px; } #gannachecontainer .gannache-youtube h2 strong { font-weight: bold; color: #9c92be; } #gannachecontainer .gannache-youtube .gannache-tvcontainer { background-image: url("../img/tv4.png"); background-size: 100% 100%; max-width: 672px; position: relative; margin: auto; } #gannachecontainer .gannache-border { position: relative; margin: 15px; overflow: hidden; } @media (max-width: 575px) { #gannachecontainer .gannache-border { margin: 0; } } #gannachecontainer .gannache-border .gannache-border-curve { position: absolute; right: 0; bottom: 0; } #gannachecontainer .gannache-footer .gannache-footer-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 575px) { #gannachecontainer .gannache-footer .gannache-footer-container { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } #gannachecontainer .gannache-footer .gannache-footer-container .gannache-footer-logo { width: 204px; height: auto; margin: 50px 30px; } #gannachecontainer .gannache-footer .gannache-footer-container .gannache-footer-text { margin: 20px 30px; color: #333333; } @media (max-width: 575px) { #gannachecontainer .gannache-footer .gannache-footer-container .gannache-footer-text { margin: auto; padding: 15px; } } #gannachecontainer .gannache-footer .gannache-footer-container .gannache-footer-text p { font-size: 17.5px; margin: 0; } #gannachecontainer .gannache-footer .gannache-footer-container .gannache-footer-text p .gannache-inovacao { font-size: 21px; font-weight: bold; color: #0e54df; } #gannachecontainer .gannache-footer .gannache-footer-container .gannache-footer-text p a { font-weight: bold; color: #333333; text-decoration: none; } #gannachecontainer .gannache-footer .gannache-footer-container .gannache-footer-text p a:hover { color: #0a5ed6; } #gannachecontainer .gannache-footer .gannache-footer-container .gannache-footer-text span { font-size: 9px; margin-top: 0; }