/* CSS para el body con la clase bodyNew */

        /* CSS para el body con la clase bodyNew */
        .bodyNew {
            background: black;
             color: white; /* Color del texto */
             font-fa: Arial, sans-serif; /* Fuente predeterminada */
             margin: 0; /* Eliminar márgenes predeterminados */
             padding: 0; /* Eliminar relleno predeterminado */
             line-height: 1.6; /* Altura de línea para mejorar la legibilidad */
         }
         
         .bodyNew * {
             box-sizing: border-box; /* Asegurar que el padding y el borde se incluyan en el tamaño total */
         }
         
         /* También podemos definir estilos específicos para los elementos hijos */
         .bodyNew h1, .bodyNew h2, .bodyNew h3, .bodyNew h4, .bodyNew h5, .bodyNew h6 {
             color: #51c8fa; /* Color del texto de los encabezados */
             margin-top: 0; /* Ajustar margen superior de los encabezados */
         }
         
         .bodyNew p {
             margin: 0 0 1em; /* Margen inferior de los párrafos */
         }
         
         
         
         .header-info{
             background-color: turquoise;
             text-align: end;
             overflow: hidden;
           color: black;
         }
         .header-info p {
             
             font-weight: 200;
             padding: 5px 25px 5px 0;
             white-space: nowrap ;
             animation: moveText 30s linear infinite;
         
         }
         @keyframes moveText {
             0% {
             transform: translateX(
                 100%
             ); /* Mueve el texto fuera del contenedor hacia la derecha al inicio */
             }
             100% {
             transform: translateX(
                 -100%
             ); /* Mueve el texto fuera del contenedor hacia la izquierda al final */
             }
         }
         
 
         
         @font-face {
             font-family: 'FontAwesome';
             src: url(http://themebubble.com/demo/magplus/wp-content/themes/magplus/fonts/fontawesome-webfont.eot?v=4.7.0);
             src: url('http://themebubble.com/demo/magplus/wp-content/themes/magplus/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url(http://themebubble.com/demo/magplus/wp-content/themes/magplus/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(http://themebubble.com/demo/magplus/wp-content/themes/magplus/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(http://themebubble.com/demo/magplus/wp-content/themes/magplus/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url('http://themebubble.com/demo/magplus/wp-content/themes/magplus/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
             font-weight: 400;
             font-style: normal
         }
         .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)
             }
         }
         html {
             font-family: sans-serif;
             -webkit-text-size-adjust: 100%;
             -ms-text-size-adjust: 100%
         }
         body {
             margin: 0;
             
         }
         article,
         aside,
         details,
         figcaption,
         figure,
         footer,
         header,
         hgroup,
         main,
         menu,
         nav,
         section,
         summary {
             display: block;
         
             
             
         }
         audio,
         canvas,
         progress,
         video {
             display: inline-block;
             vertical-align: baseline
         }
         audio:not([controls]) {
             display: none;
             height: 0
         }
         [hidden],
         template {
             display: none
         }
         a {
             background-color: transparent
         }
         a:active,
         a:hover {
             outline: 0
         }
         abbr[title] {
             border-bottom: 1px dotted
         }
         b,
         strong {
             font-weight: 700
         }
         dfn {
             font-style: italic
         }
         h1 {
             margin: .67em 0;
             font-size: 2em
         }
         mark {
             color: #000;
             background: #ff0
         }
         small {
             font-size: 80%
         }
         sub,
         sup {
             position: relative;
             font-size: 75%;
             line-height: 0;
             vertical-align: baseline
         }
         sup {
             top: -.5em
         }
         sub {
             bottom: -.25em
         }
         img {
             border: 0
         }
         svg:not(:root) {
             overflow: hidden
         }
         figure {
             margin: 1em 40px
         }
         hr {
             height: 0;
             -webkit-box-sizing: content-box;
             -moz-box-sizing: content-box;
             box-sizing: content-box
         }
         pre {
             overflow: auto
         }
         code,
         kbd,
         pre,
         samp {
             font-family: monospace, monospace;
             font-size: 1em
         }
         button,
         input,
         optgroup,
         select,
         textarea {
             margin: 0;
             font: inherit;
             color: inherit
         }
         button {
             overflow: visible
         }
         button,
         select {
             text-transform: none
         }
         button,
         html input[type=button],
         input[type=reset],
         input[type=submit] {
             -webkit-appearance: button;
             cursor: pointer
         }
         button[disabled],
         html input[disabled] {
             cursor: default
         }
         button::-moz-focus-inner,
         input::-moz-focus-inner {
             padding: 0;
             border: 0
         }
         input {
             line-height: normal
         }
         input[type=checkbox],
         input[type=radio] {
             -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
             box-sizing: border-box;
             padding: 0
         }
         input[type=number]::-webkit-inner-spin-button,
         input[type=number]::-webkit-outer-spin-button {
             height: auto
         }
         input[type=search] {
             -webkit-box-sizing: content-box;
             -moz-box-sizing: content-box;
             box-sizing: content-box;
             -webkit-appearance: textfield
         }
         input[type=search]::-webkit-search-cancel-button,
         input[type=search]::-webkit-search-decoration {
             -webkit-appearance: none
         }
         fieldset {
             padding: .35em .625em .75em;
             margin: 0 2px;
             border: 1px solid silver
         }
         legend {
             padding: 0;
             border: 0
         }
         textarea {
             overflow: auto
         }
         optgroup {
             font-weight: 700
         }
         table {
             border-spacing: 0;
             border-collapse: collapse
         }
         td,
         th {
             padding: 0
         }
         @media print {
             *,
             :after,
             :before {
                 color: #000!important;
                 text-shadow: none!important;
                 background: 0 0!important;
                 -webkit-box-shadow: none!important;
                 box-shadow: none!important
             }
             a,
             a:visited {
                 text-decoration: underline
             }
             a[href]:after {
                 content: " (" attr(href) ")"
             }
             abbr[title]:after {
                 content: " (" attr(title) ")"
             }
             a[href^="javascript:"]:after,
             a[href^="#"]:after {
                 content: ""
             }
             blockquote,
             pre {
                 border: 1px solid #999;
                 page-break-inside: avoid
             }
             thead {
                 display: table-header-group
             }
             img,
             tr {
                 page-break-inside: avoid
             }
             img {
                 max-width: 100%!important
             }
             h2,
             h3,
             p {
                 orphans: 3;
                 widows: 3
             }
             h2,
             h3 {
                 page-break-after: avoid
             }
             .navbar {
                 display: none
             }
             .btn>.caret,
             .dropup>.btn>.caret {
                 border-top-color: #000!important
             }
             .label {
                 border: 1px solid #000
             }
             .table {
                 border-collapse: collapse!important
             }
             .table td,
             .table th {
                 background-color: #fff!important
             }
             .table-bordered td,
             .table-bordered th {
                 border: 1px solid #ddd!important
             }
         }
         
         
         * {
             -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
             box-sizing: border-box
         }
         :after,
         :before {
             -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
             box-sizing: border-box
         }
         html {
             font-size: 10px;
             -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
         }
         body {
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             font-size: 14px;
             line-height: 1.42857143;
             color: #333;
             background-color: #fff
         }
         button,
         input,
         select,
         textarea {
             font-family: inherit;
             font-size: inherit;
             line-height: inherit
         }
         a {
             color: #337ab7;
             text-decoration: none;
             
         }
         a:focus,
         a:hover {
             color: #23527c;
             text-decoration: underline
         }
         a:focus {
             outline: thin dotted;
             outline: 5px auto -webkit-focus-ring-color;
             outline-offset: -2px
         }
         figure {
             margin: 0
         }
         img {
             vertical-align: middle
         }/*
         /*.carousel-inner>.item>a>img,
         .carousel-inner>.item>img,
         .img-responsive,
         .thumbnail a>img,
         .thumbnail>img {
             display: block;
             max-width: 100%;
             height: auto
         }*/
         
         .img-rounded {
             border-radius: 6px
         }
         .img-thumbnail {
             display: inline-block;
             max-width: 100%;
             height: auto;
             padding: 4px;
             line-height: 1.42857143;
             background-color: #fff;
             border: 1px solid #ddd;
             border-radius: 4px;
             -webkit-transition: all .2s ease-in-out;
             -o-transition: all .2s ease-in-out;
             transition: all .2s ease-in-out
         }
         .img-circle {
             border-radius: 50%
         }
         hr {
             margin-top: 20px;
             margin-bottom: 20px;
             border: 0;
             border-top: 1px solid #eee
         }
         .sr-only {
             position: absolute;
             width: 1px;
             height: 1px;
             padding: 0;
             margin: -1px;
             overflow: hidden;
             clip: rect(0, 0, 0, 0);
             border: 0
         }
         .sr-only-focusable:active,
         .sr-only-focusable:focus {
             position: static;
             width: auto;
             height: auto;
             margin: 0;
             overflow: visible;
             clip: auto
         }
         [role=button] {
             cursor: pointer
         }
         .h1,
         .h2,
         .h3,
         .h4,
         .h5,
         .h6,
         h1,
         h2,
         h3,
         h4,
         h5,
         h6 {
             font-family: inherit;
             font-weight: 500;
             line-height: 1.1;
             color: inherit
         }
         .h1 .small,
         .h1 small,
         .h2 .small,
         .h2 small,
         .h3 .small,
         .h3 small,
         .h4 .small,
         .h4 small,
         .h5 .small,
         .h5 small,
         .h6 .small,
         .h6 small,
         h1 .small,
         h1 small,
         h2 .small,
         h2 small,
         h3 .small,
         h3 small,
         h4 .small,
         h4 small,
         h5 .small,
         h5 small,
         h6 .small,
         h6 small {
             font-weight: 400;
             line-height: 1;
             color: #777
         }
         .h1,
         .h2,
         .h3,
         h1,
         h2,
         h3 {
             margin-top: 20px;
             margin-bottom: 10px
         }
         .h1 .small,
         .h1 small,
         .h2 .small,
         .h2 small,
         .h3 .small,
         .h3 small,
         h1 .small,
         h1 small,
         h2 .small,
         h2 small,
         h3 .small,
         h3 small {
             font-size: 65%
         }
         .h4,
         .h5,
         .h6,
         h4,
         h5,
         h6 {
             margin-top: 10px;
             margin-bottom: 10px
         }
         .h4 .small,
         .h4 small,
         .h5 .small,
         .h5 small,
         .h6 .small,
         .h6 small,
         h4 .small,
         h4 small,
         h5 .small,
         h5 small,
         h6 .small,
         h6 small {
             font-size: 75%
         }
         .h1,
         h1 {
             font-size: 36px
         }
         .h2,
         h2 {
             font-size: 30px
         }
         .h3,
         h3 {
             font-size: 24px
         }
         .h4,
         h4 {
             font-size: 18px
         }
         .h5,
         h5 {
             font-size: 14px
         }
         .h6,
         h6 {
             font-size: 12px
         }
         p {
             margin: 0 0 10px
         }
         .lead {
             margin-bottom: 20px;
             font-size: 16px;
             font-weight: 300;
             line-height: 1.4
         }
         @media (min-width: 768px) {
             .lead {
                 font-size: 21px
             }
         }
         .small,
         small {
             font-size: 85%
         }
         .mark,
         mark {
             padding: .2em;
             background-color: #fcf8e3
         }
         .text-left {
             text-align: left
         }
         .text-right {
             text-align: right
         }
         .text-center {
             text-align: center
         }
         .text-justify {
             text-align: justify
         }
         .text-nowrap {
             white-space: nowrap
         }
         .text-lowercase {
             text-transform: lowercase
         }
         .text-uppercase {
             text-transform: uppercase
         }
         .text-capitalize {
             text-transform: capitalize
         }
         .text-muted {
             color: #777
         }
         .text-primary {
             color: #337ab7
         }
         a.text-primary:focus,
         a.text-primary:hover {
             color: #286090
         }
         .text-success {
             color: #3c763d
         }
         a.text-success:focus,
         a.text-success:hover {
             color: #2b542c
         }
         .text-info {
             color: #31708f
         }
         a.text-info:focus,
         a.text-info:hover {
             color: #245269
         }
         .text-warning {
             color: #8a6d3b
         }
         a.text-warning:focus,
         a.text-warning:hover {
             color: #66512c
         }
         .text-danger {
             color: #a94442
         }
         a.text-danger:focus,
         a.text-danger:hover {
             color: #843534
         }
         .bg-primary {
             color: #fff;
             background-color: #337ab7
         }
         a.bg-primary:focus,
         a.bg-primary:hover {
             background-color: #286090
         }
         .bg-success {
             background-color: #dff0d8
         }
         a.bg-success:focus,
         a.bg-success:hover {
             background-color: #c1e2b3
         }
         .bg-info {
             background-color: #d9edf7
         }
         a.bg-info:focus,
         a.bg-info:hover {
             background-color: #afd9ee
         }
         .bg-warning {
             background-color: #fcf8e3
         }
         a.bg-warning:focus,
         a.bg-warning:hover {
             background-color: #f7ecb5
         }
         .bg-danger {
             background-color: #f2dede
         }
         a.bg-danger:focus,
         a.bg-danger:hover {
             background-color: #e4b9b9
         }
         .page-header {
             padding-bottom: 9px;
             margin: 40px 0 20px;
             border-bottom: 1px solid #eee
         }
         ol,
         ul {
             margin-top: 0;
             margin-bottom: 10px
         }
         ol ol,
         ol ul,
         ul ol,
         ul ul {
             margin-bottom: 0
         }
         .list-unstyled {
             padding-left: 0;
             list-style: none
         }
         .list-inline {
             padding-left: 0;
             margin-left: -5px;
             list-style: none
         }
         .list-inline>li {
             display: inline-block;
             padding-right: 5px;
             padding-left: 5px
         }
         dl {
             margin-top: 0;
             margin-bottom: 20px
         }
         dd,
         dt {
             line-height: 1.42857143
         }
         dt {
             font-weight: 700
         }
         dd {
             margin-left: 0
         }
         @media (min-width: 768px) {
             .dl-horizontal dt {
                 float: left;
                 width: 160px;
                 overflow: hidden;
                 clear: left;
                 text-align: right;
                 text-overflow: ellipsis;
                 white-space: nowrap
             }
             .dl-horizontal dd {
                 margin-left: 180px
             }
         }
         abbr[data-original-title],
         abbr[title] {
             cursor: help;
             border-bottom: 1px dotted #777
         }
         .initialism {
             font-size: 90%;
             text-transform: uppercase
         }
         blockquote {
             padding: 10px 20px;
             margin: 0 0 20px;
             font-size: 17.5px;
             border-left: 5px solid #eee
         }
         blockquote ol:last-child,
         blockquote p:last-child,
         blockquote ul:last-child {
             margin-bottom: 0
         }
         blockquote .small,
         blockquote footer,
         blockquote small {
             display: block;
             font-size: 80%;
             line-height: 1.42857143;
             color: #777
         }
         blockquote .small:before,
         blockquote footer:before,
         blockquote small:before {
             content: '\2014 \00A0'
         }
         .blockquote-reverse,
         blockquote.pull-right {
             padding-right: 15px;
             padding-left: 0;
             text-align: right;
             border-right: 5px solid #eee;
             border-left: 0
         }
         .blockquote-reverse .small:before,
         .blockquote-reverse footer:before,
         .blockquote-reverse small:before,
         blockquote.pull-right .small:before,
         blockquote.pull-right footer:before,
         blockquote.pull-right small:before {
             content: ''
         }
         .blockquote-reverse .small:after,
         .blockquote-reverse footer:after,
         .blockquote-reverse small:after,
         blockquote.pull-right .small:after,
         blockquote.pull-right footer:after,
         blockquote.pull-right small:after {
             content: '\00A0 \2014'
         }
         address {
             margin-bottom: 20px;
             font-style: normal;
             line-height: 1.42857143
         }
         code,
         kbd,
         pre,
         samp {
             font-family: Menlo, Monaco, Consolas, "Courier New", monospace
         }
         code {
             padding: 2px 4px;
             font-size: 90%;
             color: #c7254e;
             background-color: #f9f2f4;
             border-radius: 4px
         }
         kbd {
             padding: 2px 4px;
             font-size: 90%;
             color: #fff;
             background-color: #333;
             border-radius: 3px;
             -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
             box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
         }
         kbd kbd {
             padding: 0;
             font-size: 100%;
             font-weight: 700;
             -webkit-box-shadow: none;
             box-shadow: none
         }
         pre {
             display: block;
             padding: 9.5px;
             margin: 0 0 10px;
             font-size: 13px;
             line-height: 1.42857143;
             color: #333;
             word-break: break-all;
             word-wrap: break-word;
             background-color: #f5f5f5;
             border: 1px solid #ccc;
             border-radius: 4px
         }
         pre code {
             padding: 0;
             font-size: inherit;
             color: inherit;
             white-space: pre-wrap;
             background-color: transparent;
             border-radius: 0
         }
         .pre-scrollable {
             max-height: 340px;
             overflow-y: scroll
         }
         .container {
             margin-right: auto; /* Ajusta el margen derecho automáticamente para centrar el contenedor */
             margin-left: auto; /* Ajusta el margen izquierdo automáticamente para centrar el contenedor */
         }
         
         @media (min-width: 768px) {
             .container {
                 width: 750px; /* Establece el ancho del contenedor en 750 píxeles para pantallas con un ancho mínimo de 768 píxeles */
             }
         }
         
         @media (min-width: 992px) {
             .container {
                 width: 1170px; /*  970 Establece el ancho del contenedor en 970 píxeles para pantallas con un ancho mínimo de 992 píxeles */
             }
         }
         
         @media (min-width: 1200px) {
             .container {
                 width: 1170px; /* Establece el ancho del contenedor en 1170 píxeles para pantallas con un ancho mínimo de 1200 píxeles */
             }
         }
         
         .container-fluid {
             padding-right: 15px;
             padding-left: 15px;
             margin-right: auto;
             margin-left: auto
         }
         .row {
             margin-right: -15px;
             margin-left: -15px;
            
         }
         .col-lg-1,
         .col-lg-10,
         .col-lg-11,
         .col-lg-12,
         .col-lg-2,
         .col-lg-3,
         .col-lg-4,
         .col-lg-5,
         .col-lg-6,
         .col-lg-7,
         .col-lg-8,
         .col-lg-9,
         .col-md-1,
         .col-md-10,
         .col-md-11,
         .col-md-12,
         .col-md-2,
         .col-md-3,
         .col-md-4,
         .col-md-5,
         .col-md-6,
         .col-md-7,
         .col-md-8,
         .col-md-9,
         .col-sm-1,
         .col-sm-10,
         .col-sm-11,
         .col-sm-12,
         .col-sm-2,
         .col-sm-3,
         .col-sm-4,
         .col-sm-5,
         .col-sm-6,
         .col-sm-7,
         .col-sm-8,
         .col-sm-9,
         .col-xs-1,
         .col-xs-10,
         .col-xs-11,
         .col-xs-12,
         .col-xs-2,
         .col-xs-3,
         .col-xs-4,
         .col-xs-5,
         .col-xs-6,
         .col-xs-7,
         .col-xs-8,
         .col-xs-9 {
             position: relative;
             min-height: 1px;
             padding-right: 15px;
             padding-left: 15px;
             top:80px;
         }
         .col-xs-1,
         .col-xs-10,
         .col-xs-11,
         .col-xs-12,
         .col-xs-2,
         .col-xs-3,
         .col-xs-4,
         .col-xs-5,
         .col-xs-6,
         .col-xs-7,
         .col-xs-8,
         .col-xs-9 {
             float: left
         }
         .col-xs-12 {
             width: 100%
         }
         .col-xs-11 {
             width: 91.66666667%
         }
         .col-xs-10 {
             width: 83.33333333%
         }
         .col-xs-9 {
             width: 75%
         }
         .col-xs-8 {
             width: 66.66666667%
         }
         .col-xs-7 {
             width: 58.33333333%
         }
         .col-xs-6 {
             width: 50%
         }
         .col-xs-5 {
             width: 41.66666667%
         }
         .col-xs-4 {
             width: 33.33333333%
         }
         .col-xs-3 {
             width: 25%
         }
         .col-xs-2 {
             width: 16.66666667%
         }
         .col-xs-1 {
             width: 8.33333333%
         }
         .col-xs-pull-12 {
             right: 100%
         }
         .col-xs-pull-11 {
             right: 91.66666667%
         }
         .col-xs-pull-10 {
             right: 83.33333333%
         }
         .col-xs-pull-9 {
             right: 75%
         }
         .col-xs-pull-8 {
             right: 66.66666667%
         }
         .col-xs-pull-7 {
             right: 58.33333333%
         }
         .col-xs-pull-6 {
             right: 50%
         }
         .col-xs-pull-5 {
             right: 41.66666667%
         }
         .col-xs-pull-4 {
             right: 33.33333333%
         }
         .col-xs-pull-3 {
             right: 25%
         }
         .col-xs-pull-2 {
             right: 16.66666667%
         }
         .col-xs-pull-1 {
             right: 8.33333333%
         }
         .col-xs-pull-0 {
             right: auto
         }
         .col-xs-push-12 {
             left: 100%
         }
         .col-xs-push-11 {
             left: 91.66666667%
         }
         .col-xs-push-10 {
             left: 83.33333333%
         }
         .col-xs-push-9 {
             left: 75%
         }
         .col-xs-push-8 {
             left: 66.66666667%
         }
         .col-xs-push-7 {
             left: 58.33333333%
         }
         .col-xs-push-6 {
             left: 50%
         }
         .col-xs-push-5 {
             left: 41.66666667%
         }
         .col-xs-push-4 {
             left: 33.33333333%
         }
         .col-xs-push-3 {
             left: 25%
         }
         .col-xs-push-2 {
             left: 16.66666667%
         }
         .col-xs-push-1 {
             left: 8.33333333%
         }
         .col-xs-push-0 {
             left: auto
         }
         .col-xs-offset-12 {
             margin-left: 100%
         }
         .col-xs-offset-11 {
             margin-left: 91.66666667%
         }
         .col-xs-offset-10 {
             margin-left: 83.33333333%
         }
         .col-xs-offset-9 {
             margin-left: 75%
         }
         .col-xs-offset-8 {
             margin-left: 66.66666667%
         }
         .col-xs-offset-7 {
             margin-left: 58.33333333%
         }
         .col-xs-offset-6 {
             margin-left: 50%
         }
         .col-xs-offset-5 {
             margin-left: 41.66666667%
         }
         .col-xs-offset-4 {
             margin-left: 33.33333333%
         }
         .col-xs-offset-3 {
             margin-left: 25%
         }
         .col-xs-offset-2 {
             margin-left: 16.66666667%
         }
         .col-xs-offset-1 {
             margin-left: 8.33333333%
         }
         .col-xs-offset-0 {
             margin-left: 0
         }
         @media (min-width: 768px) {
             .col-sm-1,
             .col-sm-10,
             .col-sm-11,
             .col-sm-12,
             .col-sm-2,
             .col-sm-3,
             .col-sm-4,
             .col-sm-5,
             .col-sm-6,
             .col-sm-7,
             .col-sm-8,
             .col-sm-9 {
                 float: left
             }
             .col-sm-12 {
                 width: 100%
             }
             .col-sm-11 {
                 width: 91.66666667%
             }
             .col-sm-10 {
                 width: 83.33333333%
             }
             .col-sm-9 {
                 width: 75%
             }
             .col-sm-8 {
                 width: 66.66666667%
             }
             .col-sm-7 {
                 width: 58.33333333%
             }
             .col-sm-6 {
                 width: 50%
             }
             .col-sm-5 {
                 width: 41.66666667%
             }
             .col-sm-4 {
                 width: 33.33333333%
             }
             .col-sm-3 {
                 width: 25%
             }
             .col-sm-2 {
                 width: 16.66666667%
             }
             .col-sm-1 {
                 width: 8.33333333%
             }
             .col-sm-pull-12 {
                 right: 100%
             }
             .col-sm-pull-11 {
                 right: 91.66666667%
             }
             .col-sm-pull-10 {
                 right: 83.33333333%
             }
             .col-sm-pull-9 {
                 right: 75%
             }
             .col-sm-pull-8 {
                 right: 66.66666667%
             }
             .col-sm-pull-7 {
                 right: 58.33333333%
             }
             .col-sm-pull-6 {
                 right: 50%
             }
             .col-sm-pull-5 {
                 right: 41.66666667%
             }
             .col-sm-pull-4 {
                 right: 33.33333333%
             }
             .col-sm-pull-3 {
                 right: 25%
             }
             .col-sm-pull-2 {
                 right: 16.66666667%
             }
             .col-sm-pull-1 {
                 right: 8.33333333%
             }
             .col-sm-pull-0 {
                 right: auto
             }
             .col-sm-push-12 {
                 left: 100%
             }
             .col-sm-push-11 {
                 left: 91.66666667%
             }
             .col-sm-push-10 {
                 left: 83.33333333%
             }
             .col-sm-push-9 {
                 left: 75%
             }
             .col-sm-push-8 {
                 left: 66.66666667%
             }
             .col-sm-push-7 {
                 left: 58.33333333%
             }
             .col-sm-push-6 {
                 left: 50%
             }
             .col-sm-push-5 {
                 left: 41.66666667%
             }
             .col-sm-push-4 {
                 left: 33.33333333%
             }
             .col-sm-push-3 {
                 left: 25%
             }
             .col-sm-push-2 {
                 left: 16.66666667%
             }
             .col-sm-push-1 {
                 left: 8.33333333%
             }
             .col-sm-push-0 {
                 left: auto
             }
             .col-sm-offset-12 {
                 margin-left: 100%
             }
             .col-sm-offset-11 {
                 margin-left: 91.66666667%
             }
             .col-sm-offset-10 {
                 margin-left: 83.33333333%
             }
             .col-sm-offset-9 {
                 margin-left: 75%
             }
             .col-sm-offset-8 {
                 margin-left: 66.66666667%
             }
             .col-sm-offset-7 {
                 margin-left: 58.33333333%
             }
             .col-sm-offset-6 {
                 margin-left: 50%
             }
             .col-sm-offset-5 {
                 margin-left: 41.66666667%
             }
             .col-sm-offset-4 {
                 margin-left: 33.33333333%
             }
             .col-sm-offset-3 {
                 margin-left: 25%
             }
             .col-sm-offset-2 {
                 margin-left: 16.66666667%
             }
             .col-sm-offset-1 {
                 margin-left: 8.33333333%
             }
             .col-sm-offset-0 {
                 margin-left: 0
             }
         }
         @media (min-width: 992px) {
             .col-md-1,
             .col-md-10,
             .col-md-11,
             .col-md-12,
             .col-md-2,
             .col-md-3,
             .col-md-4,
             .col-md-5,
             .col-md-6,
             .col-md-7,
             .col-md-8,
             .col-md-9 {
                 float: left

             }
           
            
             .col-md-12 {
                 width: 100%
             }
             .col-md-11 {
                 width: 91.66666667%
             }
             .col-md-10 {
                 width: 83.33333333%
             }
             .col-md-9 {
                 width: 75%
             }
             .col-md-8 {
                 width: 66.66666667%
             }
             .col-md-7 {
                 width: 58.33333333%
             }
             .col-md-6 {
                 width: 50%
             }
             .col-md-5 {
                 width: 41.66666667%
             }
             .col-md-4 {
                 width: 33.33333333%}
                 
         

             }
             .col-md-3 {
                 width: 25%
             }
             .col-md-2 {
                 width: 16.66666667%
             }
             .col-md-1 {
                 width: 8.33333333%
             }
             .col-md-pull-12 {
                 right: 100%
             }
             .col-md-pull-11 {
                 right: 91.66666667%
             }
             .col-md-pull-10 {
                 right: 83.33333333%
             }
             .col-md-pull-9 {
                 right: 75%
             }
             .col-md-pull-8 {
                 right: 66.66666667%
             }
             .col-md-pull-7 {
                 right: 58.33333333%
             }
             .col-md-pull-6 {
                 right: 50%
             }
             .col-md-pull-5 {
                 right: 41.66666667%
             }
             .col-md-pull-4 {
                 right: 33.33333333%
             }
             .col-md-pull-3 {
                 right: 25%
             }
             .col-md-pull-2 {
                 right: 16.66666667%
             }
             .col-md-pull-1 {
                 right: 8.33333333%
             }
             .col-md-pull-0 {
                 right: auto
             }
             .col-md-push-12 {
                 left: 100%
             }
             .col-md-push-11 {
                 left: 91.66666667%
             }
             .col-md-push-10 {
                 left: 83.33333333%
             }
             .col-md-push-9 {
                 left: 75%
             }
             .col-md-push-8 {
                 left: 66.66666667%
             }
             .col-md-push-7 {
                 left: 58.33333333%
             }
             .col-md-push-6 {
                 left: 50%
             }
             .col-md-push-5 {
                 left: 41.66666667%
             }
             .col-md-push-4 {
                 left: 33.33333333%
             }
             .col-md-push-3 {
                 left: 25%
             }
             .col-md-push-2 {
                 left: 16.66666667%
             }
             .col-md-push-1 {
                 left: 8.33333333%
             }
             .col-md-push-0 {
                 left: auto
             }
             .col-md-offset-12 {
                 margin-left: 100%
             }
             .col-md-offset-11 {
                 margin-left: 91.66666667%
             }
             .col-md-offset-10 {
                 margin-left: 83.33333333%
             }
             .col-md-offset-9 {
                 margin-left: 75%
             }
             .col-md-offset-8 {
                 margin-left: 66.66666667%
             }
             .col-md-offset-7 {
                 margin-left: 58.33333333%
             }
             .col-md-offset-6 {
                 margin-left: 50%
             }
             .col-md-offset-5 {
                 margin-left: 41.66666667%
             }
             .col-md-offset-4 {
                 margin-left: 33.33333333%
             }
             .col-md-offset-3 {
                 margin-left: 25%
             }
             .col-md-offset-2 {
                 margin-left: 16.66666667%
             }
             .col-md-offset-1 {
                 margin-left: 8.33333333%
             }
             .col-md-offset-0 {
                 margin-left: 0
             }
        
         @media (min-width: 1200px) {
             .col-lg-1,
             .col-lg-10,
             .col-lg-11,
             .col-lg-12,
             .col-lg-2,
             .col-lg-3,
             .col-lg-4,
             .col-lg-5,
             .col-lg-6,
             .col-lg-7,
             .col-lg-8,
             .col-lg-9 {
                 float: left
             }
             .col-lg-12 {
                 width: 100%
             }
             .col-lg-11 {
                 width: 91.66666667%
             }
             .col-lg-10 {
                 width: 83.33333333%
             }
             .col-lg-9 {
                 width: 75%
             }
             .col-lg-8 {
                 width: 66.66666667%
             }
             .col-lg-7 {
                 width: 58.33333333%
             }
             .col-lg-6 {
                 width: 50%
             }
             .col-lg-5 {
                 width: 41.66666667%
             }
             .col-lg-4 {
                 width: 33.33333333%
             }
             .col-lg-3 {
                 width: 25%
             }
             .col-lg-2 {
                 width: 16.66666667%
             }
             .col-lg-1 {
                 width: 8.33333333%
             }
             .col-lg-pull-12 {
                 right: 100%
             }
             .col-lg-pull-11 {
                 right: 91.66666667%
             }
             .col-lg-pull-10 {
                 right: 83.33333333%
             }
             .col-lg-pull-9 {
                 right: 75%
             }
             .col-lg-pull-8 {
                 right: 66.66666667%
             }
             .col-lg-pull-7 {
                 right: 58.33333333%
             }
             .col-lg-pull-6 {
                 right: 50%
             }
             .col-lg-pull-5 {
                 right: 41.66666667%
             }
             .col-lg-pull-4 {
                 right: 33.33333333%
             }
             .col-lg-pull-3 {
                 right: 25%
             }
             .col-lg-pull-2 {
                 right: 16.66666667%
             }
             .col-lg-pull-1 {
                 right: 8.33333333%
             }
             .col-lg-pull-0 {
                 right: auto
             }
             .col-lg-push-12 {
                 left: 100%
             }
             .col-lg-push-11 {
                 left: 91.66666667%
             }
             .col-lg-push-10 {
                 left: 83.33333333%
             }
             .col-lg-push-9 {
                 left: 75%
             }
             .col-lg-push-8 {
                 left: 66.66666667%
             }
             .col-lg-push-7 {
                 left: 58.33333333%
             }
             .col-lg-push-6 {
                 left: 50%
             }
             .col-lg-push-5 {
                 left: 41.66666667%
             }
             .col-lg-push-4 {
                 left: 33.33333333%
             }
             .col-lg-push-3 {
                 left: 25%
             }
             .col-lg-push-2 {
                 left: 16.66666667%
             }
             .col-lg-push-1 {
                 left: 8.33333333%
             }
             .col-lg-push-0 {
                 left: auto
             }
             .col-lg-offset-12 {
                 margin-left: 100%
             }
             .col-lg-offset-11 {
                 margin-left: 91.66666667%
             }
             .col-lg-offset-10 {
                 margin-left: 83.33333333%
             }
             .col-lg-offset-9 {
                 margin-left: 75%
             }
             .col-lg-offset-8 {
                 margin-left: 66.66666667%
             }
             .col-lg-offset-7 {
                 margin-left: 58.33333333%
             }
             .col-lg-offset-6 {
                 margin-left: 50%
             }
             .col-lg-offset-5 {
                 margin-left: 41.66666667%
             }
             .col-lg-offset-4 {
                 margin-left: 33.33333333%
             }
             .col-lg-offset-3 {
                 margin-left: 25%
             }
             .col-lg-offset-2 {
                 margin-left: 16.66666667%
             }
             .col-lg-offset-1 {
                 margin-left: 8.33333333%
             }
             .col-lg-offset-0 {
                 margin-left: 0
             }
         }
         table {
             background-color: transparent
         }
         caption {
             padding-top: 8px;
             padding-bottom: 8px;
             color: #777;
             text-align: left
         }
         th {
             text-align: left
         }
         .table {
             width: 100%;
             max-width: 100%;
             margin-bottom: 20px
         }
         .table>tbody>tr>td,
         .table>tbody>tr>th,
         .table>tfoot>tr>td,
         .table>tfoot>tr>th,
         .table>thead>tr>td,
         .table>thead>tr>th {
             padding: 8px;
             line-height: 1.42857143;
             vertical-align: top;
             border-top: 1px solid #ddd
         }
         .table>thead>tr>th {
             vertical-align: bottom;
             border-bottom: 2px solid #ddd
         }
         .table>caption+thead>tr:first-child>td,
         .table>caption+thead>tr:first-child>th,
         .table>colgroup+thead>tr:first-child>td,
         .table>colgroup+thead>tr:first-child>th,
         .table>thead:first-child>tr:first-child>td,
         .table>thead:first-child>tr:first-child>th {
             border-top: 0
         }
         .table>tbody+tbody {
             border-top: 2px solid #ddd
         }
         .table .table {
             background-color: #fff
         }
         .table-condensed>tbody>tr>td,
         .table-condensed>tbody>tr>th,
         .table-condensed>tfoot>tr>td,
         .table-condensed>tfoot>tr>th,
         .table-condensed>thead>tr>td,
         .table-condensed>thead>tr>th {
             padding: 5px
         }
         .table-bordered {
             border: 1px solid #ddd
         }
         .table-bordered>tbody>tr>td,
         .table-bordered>tbody>tr>th,
         .table-bordered>tfoot>tr>td,
         .table-bordered>tfoot>tr>th,
         .table-bordered>thead>tr>td,
         .table-bordered>thead>tr>th {
             border: 1px solid #ddd
         }
         .table-bordered>thead>tr>td,
         .table-bordered>thead>tr>th {
             border-bottom-width: 2px
         }
         .table-striped>tbody>tr:nth-of-type(odd) {
             background-color: #f9f9f9
         }
         .table-hover>tbody>tr:hover {
             background-color: #f5f5f5
         }
         table col[class*=col-] {
             position: static;
             display: table-column;
             float: none
         }
         table td[class*=col-],
         table th[class*=col-] {
             position: static;
             display: table-cell;
             float: none
         }
         .table>tbody>tr.active>td,
         .table>tbody>tr.active>th,
         .table>tbody>tr>td.active,
         .table>tbody>tr>th.active,
         .table>tfoot>tr.active>td,
         .table>tfoot>tr.active>th,
         .table>tfoot>tr>td.active,
         .table>tfoot>tr>th.active,
         .table>thead>tr.active>td,
         .table>thead>tr.active>th,
         .table>thead>tr>td.active,
         .table>thead>tr>th.active {
             background-color: #f5f5f5
         }
         .table-hover>tbody>tr.active:hover>td,
         .table-hover>tbody>tr.active:hover>th,
         .table-hover>tbody>tr:hover>.active,
         .table-hover>tbody>tr>td.active:hover,
         .table-hover>tbody>tr>th.active:hover {
             background-color: #e8e8e8
         }
         .table>tbody>tr.success>td,
         .table>tbody>tr.success>th,
         .table>tbody>tr>td.success,
         .table>tbody>tr>th.success,
         .table>tfoot>tr.success>td,
         .table>tfoot>tr.success>th,
         .table>tfoot>tr>td.success,
         .table>tfoot>tr>th.success,
         .table>thead>tr.success>td,
         .table>thead>tr.success>th,
         .table>thead>tr>td.success,
         .table>thead>tr>th.success {
             background-color: #dff0d8
         }
         .table-hover>tbody>tr.success:hover>td,
         .table-hover>tbody>tr.success:hover>th,
         .table-hover>tbody>tr:hover>.success,
         .table-hover>tbody>tr>td.success:hover,
         .table-hover>tbody>tr>th.success:hover {
             background-color: #d0e9c6
         }
         .table>tbody>tr.info>td,
         .table>tbody>tr.info>th,
         .table>tbody>tr>td.info,
         .table>tbody>tr>th.info,
         .table>tfoot>tr.info>td,
         .table>tfoot>tr.info>th,
         .table>tfoot>tr>td.info,
         .table>tfoot>tr>th.info,
         .table>thead>tr.info>td,
         .table>thead>tr.info>th,
         .table>thead>tr>td.info,
         .table>thead>tr>th.info {
             background-color: #d9edf7
         }
         .table-hover>tbody>tr.info:hover>td,
         .table-hover>tbody>tr.info:hover>th,
         .table-hover>tbody>tr:hover>.info,
         .table-hover>tbody>tr>td.info:hover,
         .table-hover>tbody>tr>th.info:hover {
             background-color: #c4e3f3
         }
         .table>tbody>tr.warning>td,
         .table>tbody>tr.warning>th,
         .table>tbody>tr>td.warning,
         .table>tbody>tr>th.warning,
         .table>tfoot>tr.warning>td,
         .table>tfoot>tr.warning>th,
         .table>tfoot>tr>td.warning,
         .table>tfoot>tr>th.warning,
         .table>thead>tr.warning>td,
         .table>thead>tr.warning>th,
         .table>thead>tr>td.warning,
         .table>thead>tr>th.warning {
             background-color: #fcf8e3
         }
         .table-hover>tbody>tr.warning:hover>td,
         .table-hover>tbody>tr.warning:hover>th,
         .table-hover>tbody>tr:hover>.warning,
         .table-hover>tbody>tr>td.warning:hover,
         .table-hover>tbody>tr>th.warning:hover {
             background-color: #faf2cc
         }
         .table>tbody>tr.danger>td,
         .table>tbody>tr.danger>th,
         .table>tbody>tr>td.danger,
         .table>tbody>tr>th.danger,
         .table>tfoot>tr.danger>td,
         .table>tfoot>tr.danger>th,
         .table>tfoot>tr>td.danger,
         .table>tfoot>tr>th.danger,
         .table>thead>tr.danger>td,
         .table>thead>tr.danger>th,
         .table>thead>tr>td.danger,
         .table>thead>tr>th.danger {
             background-color: #f2dede
         }
         .table-hover>tbody>tr.danger:hover>td,
         .table-hover>tbody>tr.danger:hover>th,
         .table-hover>tbody>tr:hover>.danger,
         .table-hover>tbody>tr>td.danger:hover,
         .table-hover>tbody>tr>th.danger:hover {
             background-color: #ebcccc
         }
         .table-responsive {
             min-height: .01%;
             overflow-x: auto
         }
         @media screen and (max-width: 767px) {
             .table-responsive {
                 width: 100%;
                 margin-bottom: 15px;
                 overflow-y: hidden;
                 -ms-overflow-style: -ms-autohiding-scrollbar;
                 border: 1px solid #ddd
             }
             .table-responsive>.table {
                 margin-bottom: 0
             }
             .table-responsive>.table>tbody>tr>td,
             .table-responsive>.table>tbody>tr>th,
             .table-responsive>.table>tfoot>tr>td,
             .table-responsive>.table>tfoot>tr>th,
             .table-responsive>.table>thead>tr>td,
             .table-responsive>.table>thead>tr>th {
                 white-space: nowrap
             }
             .table-responsive>.table-bordered {
                 border: 0
             }
             .table-responsive>.table-bordered>tbody>tr>td:first-child,
             .table-responsive>.table-bordered>tbody>tr>th:first-child,
             .table-responsive>.table-bordered>tfoot>tr>td:first-child,
             .table-responsive>.table-bordered>tfoot>tr>th:first-child,
             .table-responsive>.table-bordered>thead>tr>td:first-child,
             .table-responsive>.table-bordered>thead>tr>th:first-child {
                 border-left: 0
             }
             .table-responsive>.table-bordered>tbody>tr>td:last-child,
             .table-responsive>.table-bordered>tbody>tr>th:last-child,
             .table-responsive>.table-bordered>tfoot>tr>td:last-child,
             .table-responsive>.table-bordered>tfoot>tr>th:last-child,
             .table-responsive>.table-bordered>thead>tr>td:last-child,
             .table-responsive>.table-bordered>thead>tr>th:last-child {
                 border-right: 0
             }
             .table-responsive>.table-bordered>tbody>tr:last-child>td,
             .table-responsive>.table-bordered>tbody>tr:last-child>th,
             .table-responsive>.table-bordered>tfoot>tr:last-child>td,
             .table-responsive>.table-bordered>tfoot>tr:last-child>th {
                 border-bottom: 0
             }
         }
         fieldset {
             min-width: 0;
             padding: 0;
             margin: 0;
             border: 0
         }
         legend {
             display: block;
             width: 100%;
             padding: 0;
             margin-bottom: 20px;
             font-size: 21px;
             line-height: inherit;
             color: #333;
             border: 0;
             border-bottom: 1px solid #e5e5e5
         }
         label {
             display: inline-block;
             max-width: 100%;
             margin-bottom: 5px;
             font-weight: 700
         }
         input[type=search] {
             -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
             box-sizing: border-box
         }
         input[type=checkbox],
         input[type=radio] {
             margin: 4px 0 0;
             margin-top: 1px\9;
             line-height: normal
         }
         input[type=file] {
             display: block
         }
         input[type=range] {
             display: block;
             width: 100%
         }
         select[multiple],
         select[size] {
             height: auto
         }
         input[type=file]:focus,
         input[type=checkbox]:focus,
         input[type=radio]:focus {
             outline: thin dotted;
             outline: 5px auto -webkit-focus-ring-color;
             outline-offset: -2px
         }
         output {
             display: block;
             padding-top: 7px;
             font-size: 14px;
             line-height: 1.42857143;
             color: #555
         }
         .form-control {
             display: block;
             width: 100%;
             height: 34px;
             padding: 6px 12px;
             font-size: 14px;
             line-height: 1.42857143;
             color: #555;
             background-color: #fff;
             background-image: none;
             border: 1px solid #ccc;
             border-radius: 4px;
             -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
             box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
             -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
             -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
             transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
         }
         .form-control:focus {
             border-color: #66afe9;
             outline: 0;
             -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
             box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
         }
         .form-control::-moz-placeholder {
             color: #999;
             opacity: 1
         }
         .form-control:-ms-input-placeholder {
             color: #999
         }
         .form-control::-webkit-input-placeholder {
             color: #999
         }
         .form-control::-ms-expand {
             background-color: transparent;
             border: 0
         }
         .form-control[disabled],
         .form-control[readonly],
         fieldset[disabled] .form-control {
             background-color: #eee;
             opacity: 1
         }
         .form-control[disabled],
         fieldset[disabled] .form-control {
             cursor: not-allowed
         }
         textarea.form-control {
             height: auto
         }
         input[type=search] {
             -webkit-appearance: none
         }
         @media screen and (-webkit-min-device-pixel-ratio: 0) {
             input[type=date].form-control,
             input[type=time].form-control,
             input[type=datetime-local].form-control,
             input[type=month].form-control {
                 line-height: 34px
             }
             .input-group-sm input[type=date],
             .input-group-sm input[type=time],
             .input-group-sm input[type=datetime-local],
             .input-group-sm input[type=month],
             input[type=date].input-sm,
             input[type=time].input-sm,
             input[type=datetime-local].input-sm,
             input[type=month].input-sm {
                 line-height: 30px
             }
             .input-group-lg input[type=date],
             .input-group-lg input[type=time],
             .input-group-lg input[type=datetime-local],
             .input-group-lg input[type=month],
             input[type=date].input-lg,
             input[type=time].input-lg,
             input[type=datetime-local].input-lg,
             input[type=month].input-lg {
                 line-height: 46px
             }
         }
         .form-group {
             margin-bottom: 15px
         }
         .checkbox,
         .radio {
             position: relative;
             display: block;
             margin-top: 10px;
             margin-bottom: 10px
         }
         .checkbox label,
         .radio label {
             min-height: 20px;
             padding-left: 20px;
             margin-bottom: 0;
             font-weight: 400;
             cursor: pointer
         }
         .checkbox input[type=checkbox],
         .checkbox-inline input[type=checkbox],
         .radio input[type=radio],
         .radio-inline input[type=radio] {
             position: absolute;
             margin-top: 4px\9;
             margin-left: -20px
         }
         .checkbox+.checkbox,
         .radio+.radio {
             margin-top: -5px
         }
         .checkbox-inline,
         .radio-inline {
             position: relative;
             display: inline-block;
             padding-left: 20px;
             margin-bottom: 0;
             font-weight: 400;
             vertical-align: middle;
             cursor: pointer
         }
         .checkbox-inline+.checkbox-inline,
         .radio-inline+.radio-inline {
             margin-top: 0;
             margin-left: 10px
         }
         fieldset[disabled] input[type=checkbox],
         fieldset[disabled] input[type=radio],
         input[type=checkbox].disabled,
         input[type=checkbox][disabled],
         input[type=radio].disabled,
         input[type=radio][disabled] {
             cursor: not-allowed
         }
         .checkbox-inline.disabled,
         .radio-inline.disabled,
         fieldset[disabled] .checkbox-inline,
         fieldset[disabled] .radio-inline {
             cursor: not-allowed
         }
         .checkbox.disabled label,
         .radio.disabled label,
         fieldset[disabled] .checkbox label,
         fieldset[disabled] .radio label {
             cursor: not-allowed
         }
         .form-control-static {
             min-height: 34px;
             padding-top: 7px;
             padding-bottom: 7px;
             margin-bottom: 0
         }
         .form-control-static.input-lg,
         .form-control-static.input-sm {
             padding-right: 0;
             padding-left: 0
         }
         .input-sm {
             height: 30px;
             padding: 5px 10px;
             font-size: 12px;
             line-height: 1.5;
             border-radius: 3px
         }
         select.input-sm {
             height: 30px;
             line-height: 30px
         }
         select[multiple].input-sm,
         textarea.input-sm {
             height: auto
         }
         .form-group-sm .form-control {
             height: 30px;
             padding: 5px 10px;
             font-size: 12px;
             line-height: 1.5;
             border-radius: 3px
         }
         .form-group-sm select.form-control {
             height: 30px;
             line-height: 30px
         }
         .form-group-sm select[multiple].form-control,
         .form-group-sm textarea.form-control {
             height: auto
         }
         .form-group-sm .form-control-static {
             height: 30px;
             min-height: 32px;
             padding: 6px 10px;
             font-size: 12px;
             line-height: 1.5
         }
         .input-lg {
             height: 46px;
             padding: 10px 16px;
             font-size: 18px;
             line-height: 1.3333333;
             border-radius: 6px
         }
         select.input-lg {
             height: 46px;
             line-height: 46px
         }
         select[multiple].input-lg,
         textarea.input-lg {
             height: auto
         }
         .form-group-lg .form-control {
             height: 46px;
             padding: 10px 16px;
             font-size: 18px;
             line-height: 1.3333333;
             border-radius: 6px
         }
         .form-group-lg select.form-control {
             height: 46px;
             line-height: 46px
         }
         .form-group-lg select[multiple].form-control,
         .form-group-lg textarea.form-control {
             height: auto
         }
         .form-group-lg .form-control-static {
             height: 46px;
             min-height: 38px;
             padding: 11px 16px;
             font-size: 18px;
             line-height: 1.3333333
         }
         .has-feedback {
             position: relative
         }
         .has-feedback .form-control {
             padding-right: 42.5px
         }
         .form-control-feedback {
             position: absolute;
             top: 0;
             right: 0;
             z-index: 2;
             display: block;
             width: 34px;
             height: 34px;
             line-height: 34px;
             text-align: center;
             pointer-events: none
         }
         .form-group-lg .form-control+.form-control-feedback,
         .input-group-lg+.form-control-feedback,
         .input-lg+.form-control-feedback {
             width: 46px;
             height: 46px;
             line-height: 46px
         }
         .form-group-sm .form-control+.form-control-feedback,
         .input-group-sm+.form-control-feedback,
         .input-sm+.form-control-feedback {
             width: 30px;
             height: 30px;
             line-height: 30px
         }
         .has-success .checkbox,
         .has-success .checkbox-inline,
         .has-success .control-label,
         .has-success .help-block,
         .has-success .radio,
         .has-success .radio-inline,
         .has-success.checkbox label,
         .has-success.checkbox-inline label,
         .has-success.radio label,
         .has-success.radio-inline label {
             color: #3c763d
         }
         .has-success .form-control {
             border-color: #3c763d;
             -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
             box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
         }
         .has-success .form-control:focus {
             border-color: #2b542c;
             -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
             box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
         }
         .has-success .input-group-addon {
             color: #3c763d;
             background-color: #dff0d8;
             border-color: #3c763d
         }
         .has-success .form-control-feedback {
             color: #3c763d
         }
         .has-warning .checkbox,
         .has-warning .checkbox-inline,
         .has-warning .control-label,
         .has-warning .help-block,
         .has-warning .radio,
         .has-warning .radio-inline,
         .has-warning.checkbox label,
         .has-warning.checkbox-inline label,
         .has-warning.radio label,
         .has-warning.radio-inline label {
             color: #8a6d3b
         }
         .has-warning .form-control {
             border-color: #8a6d3b;
             -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
             box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
         }
         .has-warning .form-control:focus {
             border-color: #66512c;
             -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
             box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
         }
         .has-warning .input-group-addon {
             color: #8a6d3b;
             background-color: #fcf8e3;
             border-color: #8a6d3b
         }
         .has-warning .form-control-feedback {
             color: #8a6d3b
         }
         .has-error .checkbox,
         .has-error .checkbox-inline,
         .has-error .control-label,
         .has-error .help-block,
         .has-error .radio,
         .has-error .radio-inline,
         .has-error.checkbox label,
         .has-error.checkbox-inline label,
         .has-error.radio label,
         .has-error.radio-inline label {
             color: #a94442
         }
         .has-error .form-control {
             border-color: #a94442;
             -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
             box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
         }
         .has-error .form-control:focus {
             border-color: #843534;
             -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
             box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
         }
         .has-error .input-group-addon {
             color: #a94442;
             background-color: #f2dede;
             border-color: #a94442
         }
         .has-error .form-control-feedback {
             color: #a94442
         }
         .has-feedback label~.form-control-feedback {
             top: 25px
         }
         .has-feedback label.sr-only~.form-control-feedback {
             top: 0
         }
         .help-block {
             display: block;
             margin-top: 5px;
             margin-bottom: 10px;
             color: #737373
         }
         @media (min-width: 768px) {
             .form-inline .form-group {
                 display: inline-block;
                 margin-bottom: 0;
                 vertical-align: middle
             }
             .form-inline .form-control {
                 display: inline-block;
                 width: auto;
                 vertical-align: middle
             }
             .form-inline .form-control-static {
                 display: inline-block
             }
             .form-inline .input-group {
                 display: inline-table;
                 vertical-align: middle
             }
             .form-inline .input-group .form-control,
             .form-inline .input-group .input-group-addon,
             .form-inline .input-group .input-group-btn {
                 width: auto
             }
             .form-inline .input-group>.form-control {
                 width: 100%
             }
             .form-inline .control-label {
                 margin-bottom: 0;
                 vertical-align: middle
             }
             .form-inline .checkbox,
             .form-inline .radio {
                 display: inline-block;
                 margin-top: 0;
                 margin-bottom: 0;
                 vertical-align: middle
             }
             .form-inline .checkbox label,
             .form-inline .radio label {
                 padding-left: 0
             }
             .form-inline .checkbox input[type=checkbox],
             .form-inline .radio input[type=radio] {
                 position: relative;
                 margin-left: 0
             }
             .form-inline .has-feedback .form-control-feedback {
                 top: 0
             }
         }
         .form-horizontal .checkbox,
         .form-horizontal .checkbox-inline,
         .form-horizontal .radio,
         .form-horizontal .radio-inline {
             padding-top: 7px;
             margin-top: 0;
             margin-bottom: 0
         }
         .form-horizontal .checkbox,
         .form-horizontal .radio {
             min-height: 27px
         }
         .form-horizontal .form-group {
             margin-right: -15px;
             margin-left: -15px
         }
         @media (min-width: 768px) {
             .form-horizontal .control-label {
                 padding-top: 7px;
                 margin-bottom: 0;
                 text-align: right
             }
         }
         .form-horizontal .has-feedback .form-control-feedback {
             right: 15px
         }
         @media (min-width: 768px) {
             .form-horizontal .form-group-lg .control-label {
                 padding-top: 11px;
                 font-size: 18px
             }
         }
         @media (min-width: 768px) {
             .form-horizontal .form-group-sm .control-label {
                 padding-top: 6px;
                 font-size: 12px
             }
         }
         .btn {
             display: inline-block;
             padding: 6px 12px;
             margin-bottom: 0;
             font-size: 14px;
             font-weight: 400;
             line-height: 1.42857143;
             text-align: center;
             white-space: nowrap;
             vertical-align: middle;
             -ms-touch-action: manipulation;
             touch-action: manipulation;
             cursor: pointer;
             -webkit-user-select: none;
             -moz-user-select: none;
             -ms-user-select: none;
             user-select: none;
             background-image: none;
             border: 1px solid transparent;
             border-radius: 4px
         }
         .btn.active.focus,
         .btn.active:focus,
         .btn.focus,
         .btn:active.focus,
         .btn:active:focus,
         .btn:focus {
             outline: thin dotted;
             outline: 5px auto -webkit-focus-ring-color;
             outline-offset: -2px
         }
         .btn.focus,
         .btn:focus,
         .btn:hover {
             color: #333;
             text-decoration: none
         }
         .btn.active,
         .btn:active {
             background-image: none;
             outline: 0;
             -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
             box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
         }
         .btn.disabled,
         .btn[disabled],
         fieldset[disabled] .btn {
             cursor: not-allowed;
             filter: alpha(opacity=65);
             -webkit-box-shadow: none;
             box-shadow: none;
             opacity: .65
         }
         a.btn.disabled,
         fieldset[disabled] a.btn {
             pointer-events: none
         }
         .btn-default {
             color: #333;
             background-color: #fff;
             border-color: #ccc
         }
         .btn-default.focus,
         .btn-default:focus {
             color: #333;
             background-color: #e6e6e6;
             border-color: #8c8c8c
         }
         .btn-default:hover {
             color: #333;
             background-color: #e6e6e6;
             border-color: #adadad
         }
         .btn-default.active,
         .btn-default:active,
         .open>.dropdown-toggle.btn-default {
             color: #333;
             background-color: #e6e6e6;
             border-color: #adadad
         }
         .btn-default.active.focus,
         .btn-default.active:focus,
         .btn-default.active:hover,
         .btn-default:active.focus,
         .btn-default:active:focus,
         .btn-default:active:hover,
         .open>.dropdown-toggle.btn-default.focus,
         .open>.dropdown-toggle.btn-default:focus,
         .open>.dropdown-toggle.btn-default:hover {
             color: #333;
             background-color: #d4d4d4;
             border-color: #8c8c8c
         }
         .btn-default.active,
         .btn-default:active,
         .open>.dropdown-toggle.btn-default {
             background-image: none
         }
         .btn-default.disabled.focus,
         .btn-default.disabled:focus,
         .btn-default.disabled:hover,
         .btn-default[disabled].focus,
         .btn-default[disabled]:focus,
         .btn-default[disabled]:hover,
         fieldset[disabled] .btn-default.focus,
         fieldset[disabled] .btn-default:focus,
         fieldset[disabled] .btn-default:hover {
             background-color: #fff;
             border-color: #ccc
         }
         .btn-default .badge {
             color: #fff;
             background-color: #333
         }
         .btn-primary {
             color: #fff;
             background-color: #337ab7;
             border-color: #2e6da4
         }
         .btn-primary.focus,
         .btn-primary:focus {
             color: #fff;
             background-color: #286090;
             border-color: #122b40
         }
         .btn-primary:hover {
             color: #fff;
             background-color: #286090;
             border-color: #204d74
         }
         .btn-primary.active,
         .btn-primary:active,
         .open>.dropdown-toggle.btn-primary {
             color: #fff;
             background-color: #286090;
             border-color: #204d74
         }
         .btn-primary.active.focus,
         .btn-primary.active:focus,
         .btn-primary.active:hover,
         .btn-primary:active.focus,
         .btn-primary:active:focus,
         .btn-primary:active:hover,
         .open>.dropdown-toggle.btn-primary.focus,
         .open>.dropdown-toggle.btn-primary:focus,
         .open>.dropdown-toggle.btn-primary:hover {
             color: #fff;
             background-color: #204d74;
             border-color: #122b40
         }
         .btn-primary.active,
         .btn-primary:active,
         .open>.dropdown-toggle.btn-primary {
             background-image: none
         }
         .btn-primary.disabled.focus,
         .btn-primary.disabled:focus,
         .btn-primary.disabled:hover,
         .btn-primary[disabled].focus,
         .btn-primary[disabled]:focus,
         .btn-primary[disabled]:hover,
         fieldset[disabled] .btn-primary.focus,
         fieldset[disabled] .btn-primary:focus,
         fieldset[disabled] .btn-primary:hover {
             background-color: #337ab7;
             border-color: #2e6da4
         }
         .btn-primary .badge {
             color: #337ab7;
             background-color: #fff
         }
         .btn-success {
             color: #fff;
             background-color: #5cb85c;
             border-color: #4cae4c
         }
         .btn-success.focus,
         .btn-success:focus {
             color: #fff;
             background-color: #449d44;
             border-color: #255625
         }
         .btn-success:hover {
             color: #fff;
             background-color: #449d44;
             border-color: #398439
         }
         .btn-success.active,
         .btn-success:active,
         .open>.dropdown-toggle.btn-success {
             color: #fff;
             background-color: #449d44;
             border-color: #398439
         }
         .btn-success.active.focus,
         .btn-success.active:focus,
         .btn-success.active:hover,
         .btn-success:active.focus,
         .btn-success:active:focus,
         .btn-success:active:hover,
         .open>.dropdown-toggle.btn-success.focus,
         .open>.dropdown-toggle.btn-success:focus,
         .open>.dropdown-toggle.btn-success:hover {
             color: #fff;
             background-color: #398439;
             border-color: #255625
         }
         .btn-success.active,
         .btn-success:active,
         .open>.dropdown-toggle.btn-success {
             background-image: none
         }
         .btn-success.disabled.focus,
         .btn-success.disabled:focus,
         .btn-success.disabled:hover,
         .btn-success[disabled].focus,
         .btn-success[disabled]:focus,
         .btn-success[disabled]:hover,
         fieldset[disabled] .btn-success.focus,
         fieldset[disabled] .btn-success:focus,
         fieldset[disabled] .btn-success:hover {
             background-color: #5cb85c;
             border-color: #4cae4c
         }
         .btn-success .badge {
             color: #5cb85c;
             background-color: #fff
         }
         .btn-info {
             color: #fff;
             background-color: #5bc0de;
             border-color: #46b8da
         }
         .btn-info.focus,
         .btn-info:focus {
             color: #fff;
             background-color: #31b0d5;
             border-color: #1b6d85
         }
         .btn-info:hover {
             color: #fff;
             background-color: #31b0d5;
             border-color: #269abc
         }
         .btn-info.active,
         .btn-info:active,
         .open>.dropdown-toggle.btn-info {
             color: #fff;
             background-color: #31b0d5;
             border-color: #269abc
         }
         .btn-info.active.focus,
         .btn-info.active:focus,
         .btn-info.active:hover,
         .btn-info:active.focus,
         .btn-info:active:focus,
         .btn-info:active:hover,
         .open>.dropdown-toggle.btn-info.focus,
         .open>.dropdown-toggle.btn-info:focus,
         .open>.dropdown-toggle.btn-info:hover {
             color: #fff;
             background-color: #269abc;
             border-color: #1b6d85
         }
         .btn-info.active,
         .btn-info:active,
         .open>.dropdown-toggle.btn-info {
             background-image: none
         }
         .btn-info.disabled.focus,
         .btn-info.disabled:focus,
         .btn-info.disabled:hover,
         .btn-info[disabled].focus,
         .btn-info[disabled]:focus,
         .btn-info[disabled]:hover,
         fieldset[disabled] .btn-info.focus,
         fieldset[disabled] .btn-info:focus,
         fieldset[disabled] .btn-info:hover {
             background-color: #5bc0de;
             border-color: #46b8da
         }
         .btn-info .badge {
             color: #5bc0de;
             background-color: #fff
         }
         .btn-warning {
             color: #fff;
             background-color: #f0ad4e;
             border-color: #eea236
         }
         .btn-warning.focus,
         .btn-warning:focus {
             color: #fff;
             background-color: #ec971f;
             border-color: #985f0d
         }
         .btn-warning:hover {
             color: #fff;
             background-color: #ec971f;
             border-color: #d58512
         }
         .btn-warning.active,
         .btn-warning:active,
         .open>.dropdown-toggle.btn-warning {
             color: #fff;
             background-color: #ec971f;
             border-color: #d58512
         }
         .btn-warning.active.focus,
         .btn-warning.active:focus,
         .btn-warning.active:hover,
         .btn-warning:active.focus,
         .btn-warning:active:focus,
         .btn-warning:active:hover,
         .open>.dropdown-toggle.btn-warning.focus,
         .open>.dropdown-toggle.btn-warning:focus,
         .open>.dropdown-toggle.btn-warning:hover {
             color: #fff;
             background-color: #d58512;
             border-color: #985f0d
         }
         .btn-warning.active,
         .btn-warning:active,
         .open>.dropdown-toggle.btn-warning {
             background-image: none
         }
         .btn-warning.disabled.focus,
         .btn-warning.disabled:focus,
         .btn-warning.disabled:hover,
         .btn-warning[disabled].focus,
         .btn-warning[disabled]:focus,
         .btn-warning[disabled]:hover,
         fieldset[disabled] .btn-warning.focus,
         fieldset[disabled] .btn-warning:focus,
         fieldset[disabled] .btn-warning:hover {
             background-color: #f0ad4e;
             border-color: #eea236
         }
         .btn-warning .badge {
             color: #f0ad4e;
             background-color: #fff
         }
         .btn-danger {
             color: #fff;
             background-color: #d9534f;
             border-color: #d43f3a
         }
         .btn-danger.focus,
         .btn-danger:focus {
             color: #fff;
             background-color: #c9302c;
             border-color: #761c19
         }
         .btn-danger:hover {
             color: #fff;
             background-color: #c9302c;
             border-color: #ac2925
         }
         .btn-danger.active,
         .btn-danger:active,
         .open>.dropdown-toggle.btn-danger {
             color: #fff;
             background-color: #c9302c;
             border-color: #ac2925
         }
         .btn-danger.active.focus,
         .btn-danger.active:focus,
         .btn-danger.active:hover,
         .btn-danger:active.focus,
         .btn-danger:active:focus,
         .btn-danger:active:hover,
         .open>.dropdown-toggle.btn-danger.focus,
         .open>.dropdown-toggle.btn-danger:focus,
         .open>.dropdown-toggle.btn-danger:hover {
             color: #fff;
             background-color: #ac2925;
             border-color: #761c19
         }
         .btn-danger.active,
         .btn-danger:active,
         .open>.dropdown-toggle.btn-danger {
             background-image: none
         }
         .btn-danger.disabled.focus,
         .btn-danger.disabled:focus,
         .btn-danger.disabled:hover,
         .btn-danger[disabled].focus,
         .btn-danger[disabled]:focus,
         .btn-danger[disabled]:hover,
         fieldset[disabled] .btn-danger.focus,
         fieldset[disabled] .btn-danger:focus,
         fieldset[disabled] .btn-danger:hover {
             background-color: #d9534f;
             border-color: #d43f3a
         }
         .btn-danger .badge {
             color: #d9534f;
             background-color: #fff
         }
         .btn-link {
             font-weight: 400;
             color: #337ab7;
             border-radius: 0
         }
         .btn-link,
         .btn-link.active,
         .btn-link:active,
         .btn-link[disabled],
         fieldset[disabled] .btn-link {
             background-color: transparent;
             -webkit-box-shadow: none;
             box-shadow: none
         }
         .btn-link,
         .btn-link:active,
         .btn-link:focus,
         .btn-link:hover {
             border-color: transparent
         }
         .btn-link:focus,
         .btn-link:hover {
             color: #23527c;
             text-decoration: underline;
             background-color: transparent
         }
         .btn-link[disabled]:focus,
         .btn-link[disabled]:hover,
         fieldset[disabled] .btn-link:focus,
         fieldset[disabled] .btn-link:hover {
             color: #777;
             text-decoration: none
         }
         .btn-group-lg>.btn,
         .btn-lg {
             padding: 10px 16px;
             font-size: 18px;
             line-height: 1.3333333;
             border-radius: 6px
         }
         .btn-group-sm>.btn,
         .btn-sm {
             padding: 5px 10px;
             font-size: 12px;
             line-height: 1.5;
             border-radius: 3px
         }
         .btn-group-xs>.btn,
         .btn-xs {
             padding: 1px 5px;
             font-size: 12px;
             line-height: 1.5;
             border-radius: 3px
         }
         .btn-block {
             display: block;
             width: 100%
         }
         .btn-block+.btn-block {
             margin-top: 5px
         }
         input[type=button].btn-block,
         input[type=reset].btn-block,
         input[type=submit].btn-block {
             width: 100%
         }
         .fade {
             opacity: 0;
             -webkit-transition: opacity .15s linear;
             -o-transition: opacity .15s linear;
             transition: opacity .15s linear
         }
         .fade.in {
             opacity: 1
         }
         .collapse {
             display: none
         }
         .collapse.in {
             display: block
         }
         tr.collapse.in {
             display: table-row
         }
         tbody.collapse.in {
             display: table-row-group
         }
         .collapsing {
             position: relative;
             height: 0;
             overflow: hidden;
             -webkit-transition-timing-function: ease;
             -o-transition-timing-function: ease;
             transition-timing-function: ease;
             -webkit-transition-duration: .35s;
             -o-transition-duration: .35s;
             transition-duration: .35s;
             -webkit-transition-property: height, visibility;
             -o-transition-property: height, visibility;
             transition-property: height, visibility
         }
         .caret {
             display: inline-block;
             width: 0;
             height: 0;
             margin-left: 2px;
             vertical-align: middle;
             border-top: 4px dashed;
             border-top: 4px solid\9;
             border-right: 4px solid transparent;
             border-left: 4px solid transparent
         }
         .dropdown,
         .dropup {
             position: relative
         }
         .dropdown-toggle:focus {
             outline: 0
         }
         .dropdown-menu {
             position: absolute;
             top: 100%;
             left: 0;
             z-index: 1000;
             display: none;
             float: left;
             min-width: 160px;
             padding: 5px 0;
             margin: 2px 0 0;
             font-size: 14px;
             text-align: left;
             list-style: none;
             background-color: #fff;
             -webkit-background-clip: padding-box;
             background-clip: padding-box;
             border: 1px solid #ccc;
             border: 1px solid rgba(0, 0, 0, .15);
             border-radius: 4px;
             -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
             box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
         }
         .dropdown-menu.pull-right {
             right: 0;
             left: auto
         }
         .dropdown-menu .divider {
             height: 1px;
             margin: 9px 0;
             overflow: hidden;
             background-color: #e5e5e5
         }
         .dropdown-menu>li>a {
             display: block;
             padding: 3px 20px;
             clear: both;
             font-weight: 400;
             line-height: 1.42857143;
             color: #333;
             white-space: nowrap
         }
         .dropdown-menu>li>a:focus,
         .dropdown-menu>li>a:hover {
             color: #262626;
             text-decoration: none;
             background-color: #f5f5f5
         }
         .dropdown-menu>.active>a,
         .dropdown-menu>.active>a:focus,
         .dropdown-menu>.active>a:hover {
             color: #fff;
             text-decoration: none;
             background-color: #337ab7;
             outline: 0
         }
         .dropdown-menu>.disabled>a,
         .dropdown-menu>.disabled>a:focus,
         .dropdown-menu>.disabled>a:hover {
             color: #777
         }
         .dropdown-menu>.disabled>a:focus,
         .dropdown-menu>.disabled>a:hover {
             text-decoration: none;
             cursor: not-allowed;
             background-color: transparent;
             background-image: none;
             filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
         }
         .open>.dropdown-menu {
             display: block
         }
         .open>a {
             outline: 0
         }
         .dropdown-menu-right {
             right: 0;
             left: auto
         }
         .dropdown-menu-left {
             right: auto;
             left: 0
         }
         .dropdown-header {
             display: block;
             padding: 3px 20px;
             font-size: 12px;
             line-height: 1.42857143;
             color: #777;
             white-space: nowrap
         }
         .dropdown-backdrop {
             position: fixed;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             z-index: 990
         }
         .pull-right>.dropdown-menu {
             right: 0;
             left: auto
         }
         .dropup .caret,
         .navbar-fixed-bottom .dropdown .caret {
             content: "";
             border-top: 0;
             border-bottom: 4px dashed;
             border-bottom: 4px solid\9
         }
         .dropup .dropdown-menu,
         .navbar-fixed-bottom .dropdown .dropdown-menu {
             top: auto;
             bottom: 100%;
             margin-bottom: 2px
         }
         @media (min-width: 768px) {
             .navbar-right .dropdown-menu {
                 right: 0;
                 left: auto
             }
             .navbar-right .dropdown-menu-left {
                 right: auto;
                 left: 0
             }
         }
         .btn-group,
         .btn-group-vertical {
             position: relative;
             display: inline-block;
             vertical-align: middle
         }
         .btn-group-vertical>.btn,
         .btn-group>.btn {
             position: relative;
             float: left
         }
         .btn-group-vertical>.btn.active,
         .btn-group-vertical>.btn:active,
         .btn-group-vertical>.btn:focus,
         .btn-group-vertical>.btn:hover,
         .btn-group>.btn.active,
         .btn-group>.btn:active,
         .btn-group>.btn:focus,
         .btn-group>.btn:hover {
             z-index: 2
         }
         .btn-group .btn+.btn,
         .btn-group .btn+.btn-group,
         .btn-group .btn-group+.btn,
         .btn-group .btn-group+.btn-group {
             margin-left: -1px
         }
         .btn-toolbar {
             margin-left: -5px
         }
         .btn-toolbar .btn,
         .btn-toolbar .btn-group,
         .btn-toolbar .input-group {
             float: left
         }
         .btn-toolbar>.btn,
         .btn-toolbar>.btn-group,
         .btn-toolbar>.input-group {
             margin-left: 5px
         }
         .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
             border-radius: 0
         }
         .btn-group>.btn:first-child {
             margin-left: 0
         }
         .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0
         }
         .btn-group>.btn:last-child:not(:first-child),
         .btn-group>.dropdown-toggle:not(:first-child) {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0
         }
         .btn-group>.btn-group {
             float: left
         }
         .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
             border-radius: 0
         }
         .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
         .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0
         }
         .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0
         }
         .btn-group .dropdown-toggle:active,
         .btn-group.open .dropdown-toggle {
             outline: 0
         }
         .btn-group>.btn+.dropdown-toggle {
             padding-right: 8px;
             padding-left: 8px
         }
         .btn-group>.btn-lg+.dropdown-toggle {
             padding-right: 12px;
             padding-left: 12px
         }
         .btn-group.open .dropdown-toggle {
             -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
             box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
         }
         .btn-group.open .dropdown-toggle.btn-link {
             -webkit-box-shadow: none;
             box-shadow: none
         }
         .btn .caret {
             margin-left: 0
         }
         .btn-lg .caret {
             border-width: 5px 5px 0;
             border-bottom-width: 0
         }
         .dropup .btn-lg .caret {
             border-width: 0 5px 5px
         }
         .btn-group-vertical>.btn,
         .btn-group-vertical>.btn-group,
         .btn-group-vertical>.btn-group>.btn {
             display: block;
             float: none;
             width: 100%;
             max-width: 100%
         }
         .btn-group-vertical>.btn-group>.btn {
             float: none
         }
         .btn-group-vertical>.btn+.btn,
         .btn-group-vertical>.btn+.btn-group,
         .btn-group-vertical>.btn-group+.btn,
         .btn-group-vertical>.btn-group+.btn-group {
             margin-top: -1px;
             margin-left: 0
         }
         .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
             border-radius: 0
         }
         .btn-group-vertical>.btn:first-child:not(:last-child) {
             border-top-left-radius: 4px;
             border-top-right-radius: 4px;
             border-bottom-right-radius: 0;
             border-bottom-left-radius: 0
         }
         .btn-group-vertical>.btn:last-child:not(:first-child) {
             border-top-left-radius: 0;
             border-top-right-radius: 0;
             border-bottom-right-radius: 4px;
             border-bottom-left-radius: 4px
         }
         .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
             border-radius: 0
         }
         .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
         .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
             border-bottom-right-radius: 0;
             border-bottom-left-radius: 0
         }
         .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
             border-top-left-radius: 0;
             border-top-right-radius: 0
         }
         .btn-group-justified {
             display: table;
             width: 100%;
             table-layout: fixed;
             border-collapse: separate
         }
         .btn-group-justified>.btn,
         .btn-group-justified>.btn-group {
             display: table-cell;
             float: none;
             width: 1%
         }
         .btn-group-justified>.btn-group .btn {
             width: 100%
         }
         .btn-group-justified>.btn-group .dropdown-menu {
             left: auto
         }
         [data-toggle=buttons]>.btn input[type=checkbox],
         [data-toggle=buttons]>.btn input[type=radio],
         [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
         [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
             position: absolute;
             clip: rect(0, 0, 0, 0);
             pointer-events: none
         }
         .input-group {
             position: relative;
             display: table;
             border-collapse: separate
         }
         .input-group[class*=col-] {
             float: none;
             padding-right: 0;
             padding-left: 0
         }
         .input-group .form-control {
             position: relative;
             z-index: 2;
             float: left;
             width: 100%;
             margin-bottom: 0
         }
         .input-group .form-control:focus {
             z-index: 3
         }
         .input-group-lg>.form-control,
         .input-group-lg>.input-group-addon,
         .input-group-lg>.input-group-btn>.btn {
             height: 46px;
             padding: 10px 16px;
             font-size: 18px;
             line-height: 1.3333333;
             border-radius: 6px
         }
         select.input-group-lg>.form-control,
         select.input-group-lg>.input-group-addon,
         select.input-group-lg>.input-group-btn>.btn {
             height: 46px;
             line-height: 46px
         }
         select[multiple].input-group-lg>.form-control,
         select[multiple].input-group-lg>.input-group-addon,
         select[multiple].input-group-lg>.input-group-btn>.btn,
         textarea.input-group-lg>.form-control,
         textarea.input-group-lg>.input-group-addon,
         textarea.input-group-lg>.input-group-btn>.btn {
             height: auto
         }
         .input-group-sm>.form-control,
         .input-group-sm>.input-group-addon,
         .input-group-sm>.input-group-btn>.btn {
             height: 30px;
             padding: 5px 10px;
             font-size: 12px;
             line-height: 1.5;
             border-radius: 3px
         }
         select.input-group-sm>.form-control,
         select.input-group-sm>.input-group-addon,
         select.input-group-sm>.input-group-btn>.btn {
             height: 30px;
             line-height: 30px
         }
         select[multiple].input-group-sm>.form-control,
         select[multiple].input-group-sm>.input-group-addon,
         select[multiple].input-group-sm>.input-group-btn>.btn,
         textarea.input-group-sm>.form-control,
         textarea.input-group-sm>.input-group-addon,
         textarea.input-group-sm>.input-group-btn>.btn {
             height: auto
         }
         .input-group .form-control,
         .input-group-addon,
         .input-group-btn {
             display: table-cell
         }
         .input-group .form-control:not(:first-child):not(:last-child),
         .input-group-addon:not(:first-child):not(:last-child),
         .input-group-btn:not(:first-child):not(:last-child) {
             border-radius: 0
         }
         .input-group-addon,
         .input-group-btn {
             width: 1%;
             white-space: nowrap;
             vertical-align: middle
         }
         .input-group-addon {
             padding: 6px 12px;
             font-size: 14px;
             font-weight: 400;
             line-height: 1;
             color: #555;
             text-align: center;
             background-color: #eee;
             border: 1px solid #ccc;
             border-radius: 4px
         }
         .input-group-addon.input-sm {
             padding: 5px 10px;
             font-size: 12px;
             border-radius: 3px
         }
         .input-group-addon.input-lg {
             padding: 10px 16px;
             font-size: 18px;
             border-radius: 6px
         }
         .input-group-addon input[type=checkbox],
         .input-group-addon input[type=radio] {
             margin-top: 0
         }
         .input-group .form-control:first-child,
         .input-group-addon:first-child,
         .input-group-btn:first-child>.btn,
         .input-group-btn:first-child>.btn-group>.btn,
         .input-group-btn:first-child>.dropdown-toggle,
         .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
         .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0
         }
         .input-group-addon:first-child {
             border-right: 0
         }
         .input-group .form-control:last-child,
         .input-group-addon:last-child,
         .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
         .input-group-btn:first-child>.btn:not(:first-child),
         .input-group-btn:last-child>.btn,
         .input-group-btn:last-child>.btn-group>.btn,
         .input-group-btn:last-child>.dropdown-toggle {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0
         }
         .input-group-addon:last-child {
             border-left: 0
         }
         .input-group-btn {
             position: relative;
             font-size: 0;
             white-space: nowrap
         }
         .input-group-btn>.btn {
             position: relative
         }
         .input-group-btn>.btn+.btn {
             margin-left: -1px
         }
         .input-group-btn>.btn:active,
         .input-group-btn>.btn:focus,
         .input-group-btn>.btn:hover {
             z-index: 2
         }
         .input-group-btn:first-child>.btn,
         .input-group-btn:first-child>.btn-group {
             margin-right: -1px
         }
         .input-group-btn:last-child>.btn,
         .input-group-btn:last-child>.btn-group {
             z-index: 2;
             margin-left: -1px
         }
         .nav {
             padding-left: 0;
             margin-bottom: 0;
             list-style: none;
             
         }
         .nav>li { float:left;  
              padding: 1px;
             position: relative;
             display: block
         }
         .nav>li>a {
             position: relative;
             display: block;
             padding: 5px 10px;
              background-color: #9E2323;
         }
         .nav>li>a:focus,
         .nav>li>a:hover {
             text-decoration: none;
             background-color: #eee
         }
         .nav>li.disabled>a {
             color: #777
         }
         .nav>li.disabled>a:focus,
         .nav>li.disabled>a:hover {
             color: #777;
             text-decoration: none;
             cursor: not-allowed;
             background-color: transparent
         }
         .nav .open>a,
         .nav .open>a:focus,
         .nav .open>a:hover {
             background-color: #eee;
             border-color: #337ab7
         }
         .nav .nav-divider {
             height: 1px;
             margin: 9px 0;
             overflow: hidden;
             background-color: #e5e5e5
         }
         .nav>li>a>img {
             max-width: none
         }
         .nav-tabs {
             border-bottom: 1px solid #ddd
         }
         .nav-tabs>li {
             float: left;
             margin-bottom: -1px
         }
         .nav-tabs>li>a {
             margin-right: 2px;
             line-height: 1.42857143;
             border: 1px solid transparent;
             border-radius: 4px 4px 0 0
         }
         .nav-tabs>li>a:hover {
             border-color: #eee #eee #ddd
         }
         .nav-tabs>li.active>a,
         .nav-tabs>li.active>a:focus,
         .nav-tabs>li.active>a:hover {
             color: #555;
             cursor: default;
             background-color: #fff;
             border: 1px solid #ddd;
             border-bottom-color: transparent
         }
         .nav-tabs.nav-justified {
             width: 100%;
             border-bottom: 0
         }
         .nav-tabs.nav-justified>li {
             float: none
         }
         .nav-tabs.nav-justified>li>a {
             margin-bottom: 5px;
             text-align: center
         }
         .nav-tabs.nav-justified>.dropdown .dropdown-menu {
             top: auto;
             left: auto
         }
         @media (min-width: 768px) {
             .nav-tabs.nav-justified>li {
                 display: table-cell;
                 width: 1%
             }
             .nav-tabs.nav-justified>li>a {
                 margin-bottom: 0
             }
         }
         .nav-tabs.nav-justified>li>a {
             margin-right: 0;
             border-radius: 4px
         }
         .nav-tabs.nav-justified>.active>a,
         .nav-tabs.nav-justified>.active>a:focus,
         .nav-tabs.nav-justified>.active>a:hover {
             border: 1px solid #ddd
         }
         @media (min-width: 768px) {
             .nav-tabs.nav-justified>li>a {
                 border-bottom: 1px solid #ddd;
                 border-radius: 4px 4px 0 0
             }
             .nav-tabs.nav-justified>.active>a,
             .nav-tabs.nav-justified>.active>a:focus,
             .nav-tabs.nav-justified>.active>a:hover {
                 border-bottom-color: #fff
             }
         }
         .nav-pills>li {
             float: left
         }
         .nav-pills>li>a {
             border-radius: 4px
         }
         .nav-pills>li+li {
             margin-left: 2px
         }
         .nav-pills>li.active>a,
         .nav-pills>li.active>a:focus,
         .nav-pills>li.active>a:hover {
             color: #fff;
             background-color: #337ab7
         }
         .nav-stacked>li {
             float: none
         }
         .nav-stacked>li+li {
             margin-top: 2px;
             margin-left: 0
         }
         .nav-justified {
             width: 100%
         }
         .nav-justified>li {
             float: none
         }
         .nav-justified>li>a {
             margin-bottom: 5px;
             text-align: center
         }
         .nav-justified>.dropdown .dropdown-menu {
             top: auto;
             left: auto
         }
         @media (min-width: 768px) {
             .nav-justified>li {
                 display: table-cell;
                 width: 1%
             }
             .nav-justified>li>a {
                 margin-bottom: 0
             }
         }
         .nav-tabs-justified {
             border-bottom: 0
         }
         .nav-tabs-justified>li>a {
             margin-right: 0;
             border-radius: 4px
         }
         .nav-tabs-justified>.active>a,
         .nav-tabs-justified>.active>a:focus,
         .nav-tabs-justified>.active>a:hover {
             border: 1px solid #ddd
         }
         @media (min-width: 768px) {
             .nav-tabs-justified>li>a {
                 border-bottom: 1px solid #ddd;
                 border-radius: 4px 4px 0 0
             }
             .nav-tabs-justified>.active>a,
             .nav-tabs-justified>.active>a:focus,
             .nav-tabs-justified>.active>a:hover {
                 border-bottom-color: #fff
             }
         }
         .tab-content>.tab-pane {
             display: none
         }
         .tab-content>.active {
             display: block
         }
         .nav-tabs .dropdown-menu {
             margin-top: -1px;
             border-top-left-radius: 0;
             border-top-right-radius: 0
         }
         .navbar {
             position: relative;
             min-height: 50px;
             margin-bottom: 20px;
             border: 1px solid transparent
         }
         @media (min-width: 768px) {
             .navbar {
                 border-radius: 4px
             }
         }
         @media (min-width: 768px) {
             .navbar-header {
                 float: left
             }
         }
         .navbar-collapse {
             padding-right: 15px;
             padding-left: 15px;
             overflow-x: visible;
             -webkit-overflow-scrolling: touch;
             border-top: 1px solid transparent;
             -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
             box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
         }
         .navbar-collapse.in {
             overflow-y: auto
         }
         @media (min-width: 768px) {
             .navbar-collapse {
                 width: auto;
                 border-top: 0;
                 -webkit-box-shadow: none;
                 box-shadow: none
             }
             .navbar-collapse.collapse {
                 display: block!important;
                 height: auto!important;
                 padding-bottom: 0;
                 overflow: visible!important
             }
             .navbar-collapse.in {
                 overflow-y: visible
             }
             .navbar-fixed-bottom .navbar-collapse,
             .navbar-fixed-top .navbar-collapse,
             .navbar-static-top .navbar-collapse {
                 padding-right: 0;
                 padding-left: 0
             }
         }
         .navbar-fixed-bottom .navbar-collapse,
         .navbar-fixed-top .navbar-collapse {
             max-height: 340px
         }
         @media (max-device-width: 480px) and (orientation: landscape) {
             .navbar-fixed-bottom .navbar-collapse,
             .navbar-fixed-top .navbar-collapse {
                 max-height: 200px
             }
         }
         .container-fluid>.navbar-collapse,
         .container-fluid>.navbar-header,
         .container>.navbar-collapse,
         .container>.navbar-header {
             margin-right: -15px;
             margin-left: -15px
         }
         @media (min-width: 768px) {
             .container-fluid>.navbar-collapse,
             .container-fluid>.navbar-header,
             .container>.navbar-collapse,
             .container>.navbar-header {
                 margin-right: 0;
                 margin-left: 0
             }
         }
         .navbar-static-top {
             z-index: 1000;
             border-width: 0 0 1px
         }
         @media (min-width: 768px) {
             .navbar-static-top {
                 border-radius: 0
             }
         }
         .navbar-fixed-bottom,
         .navbar-fixed-top {
             position: fixed;
             right: 0;
             left: 0;
             z-index: 1030
         }
         @media (min-width: 768px) {
             .navbar-fixed-bottom,
             .navbar-fixed-top {
                 border-radius: 0
             }
         }
         .navbar-fixed-top {
             top: 0;
             border-width: 0 0 1px
         }
         .navbar-fixed-bottom {
             bottom: 0;
             margin-bottom: 0;
             border-width: 1px 0 0
         }
         .navbar-brand {
             float: left;
             height: 50px;
             padding: 15px 15px;
             font-size: 18px;
             line-height: 20px
         }
         .navbar-brand:focus,
         .navbar-brand:hover {
             text-decoration: none
         }
         .navbar-brand>img {
             display: block
         }
         @media (min-width: 768px) {
             .navbar>.container .navbar-brand,
             .navbar>.container-fluid .navbar-brand {
                 margin-left: -15px
             }
         }
         .navbar-toggle {
             position: relative;
             float: right;
             padding: 5px 5px;
             margin-top: 5px;
             margin-right: 5px;
             margin-bottom: 5px;
             background-color: transparent;
             background-image: none;
             border: 1px solid transparent;
             border-radius: 4px
         }
         .navbar-toggle:focus {
             outline: 0
         }
         .navbar-toggle .icon-bar {
             display: block;
             width: 22px;
             height: 2px;
             border-radius: 1px
         }
         .navbar-toggle .icon-bar+.icon-bar {
             margin-top: 4px
         }
         @media (min-width: 768px) {
             .navbar-toggle {
                 display: none
             }
         }
         .navbar-nav {
             margin: 7.5px -15px
         }
         .navbar-nav>li>a {
             padding-top: 10px;
             padding-bottom: 10px;
             line-height: 20px
         }
         @media (max-width: 767px) {
             .navbar-nav .open .dropdown-menu {
                 position: static;
                 float: none;
                 width: auto;
                 margin-top: 0;
                 background-color: transparent;
                 border: 0;
                 -webkit-box-shadow: none;
                 box-shadow: none
             }
             .navbar-nav .open .dropdown-menu .dropdown-header,
             .navbar-nav .open .dropdown-menu>li>a {
                 padding: 5px 15px 5px 25px
             }
             .navbar-nav .open .dropdown-menu>li>a {
                 line-height: 20px
             }
             .navbar-nav .open .dropdown-menu>li>a:focus,
             .navbar-nav .open .dropdown-menu>li>a:hover {
                 background-image: none
             }
         }
         @media (min-width: 768px) {
             .navbar-nav {
                 float: left;
                 margin: 0
             }
             .navbar-nav>li {
                 float: left
             }
             .navbar-nav>li>a {
                 padding-top: 15px;
                 padding-bottom: 15px
             }
         }
         .navbar-form {
             padding: 10px 15px;
             margin-top: 8px;
             margin-right: -15px;
             margin-bottom: 8px;
             margin-left: -15px;
             border-top: 1px solid transparent;
             border-bottom: 1px solid transparent;
             -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
             box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
         }
         @media (min-width: 768px) {
             .navbar-form .form-group {
                 display: inline-block;
                 margin-bottom: 0;
                 vertical-align: middle
             }
             .navbar-form .form-control {
                 display: inline-block;
                 width: auto;
                 vertical-align: middle
             }
             .navbar-form .form-control-static {
                 display: inline-block
             }
             .navbar-form .input-group {
                 display: inline-table;
                 vertical-align: middle
             }
             .navbar-form .input-group .form-control,
             .navbar-form .input-group .input-group-addon,
             .navbar-form .input-group .input-group-btn {
                 width: auto
             }
             .navbar-form .input-group>.form-control {
                 width: 100%
             }
             .navbar-form .control-label {
                 margin-bottom: 0;
                 vertical-align: middle
             }
             .navbar-form .checkbox,
             .navbar-form .radio {
                 display: inline-block;
                 margin-top: 0;
                 margin-bottom: 0;
                 vertical-align: middle
             }
             .navbar-form .checkbox label,
             .navbar-form .radio label {
                 padding-left: 0
             }
             .navbar-form .checkbox input[type=checkbox],
             .navbar-form .radio input[type=radio] {
                 position: relative;
                 margin-left: 0
             }
             .navbar-form .has-feedback .form-control-feedback {
                 top: 0
             }
         }
         @media (max-width: 767px) {
             .navbar-form .form-group {
                 margin-bottom: 5px
             }
             .navbar-form .form-group:last-child {
                 margin-bottom: 0
             }
         }
         @media (min-width: 768px) {
             .navbar-form {
                 width: auto;
                 padding-top: 0;
                 padding-bottom: 0;
                 margin-right: 0;
                 margin-left: 0;
                 border: 0;
                 -webkit-box-shadow: none;
                 box-shadow: none
             }
         }
         .navbar-nav>li>.dropdown-menu {
             margin-top: 0;
             border-top-left-radius: 0;
             border-top-right-radius: 0
         }
         .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
             margin-bottom: 0;
             border-top-left-radius: 4px;
             border-top-right-radius: 4px;
             border-bottom-right-radius: 0;
             border-bottom-left-radius: 0
         }
         .navbar-btn {
             margin-top: 8px;
             margin-bottom: 8px
         }
         .navbar-btn.btn-sm {
             margin-top: 10px;
             margin-bottom: 10px
         }
         .navbar-btn.btn-xs {
             margin-top: 14px;
             margin-bottom: 14px
         }
         .navbar-text {
             margin-top: 15px;
             margin-bottom: 15px
         }
         @media (min-width: 768px) {
             .navbar-text {
                 float: left;
                 margin-right: 15px;
                 margin-left: 15px
             }
         }
         @media (min-width: 768px) {
             .navbar-left {
                 float: left!important
             }
             .navbar-right {
                 float: right!important;
                 margin-right: -15px
             }
             .navbar-right~.navbar-right {
                 margin-right: 0
             }
         }
         .navbar-default {
             background-color: #f8f8f8;
             border-color: #e7e7e7
         }
         .navbar-default .navbar-brand {
             color: #777
         }
         .navbar-default .navbar-brand:focus,
         .navbar-default .navbar-brand:hover {
             color: #5e5e5e;
             background-color: transparent
         }
         .navbar-default .navbar-text {
             color: #777
         }
         .navbar-default .navbar-nav>li>a {
             color: #777
         }
         .navbar-default .navbar-nav>li>a:focus,
         .navbar-default .navbar-nav>li>a:hover {
             color: #333;
             background-color: transparent
         }
         .navbar-default .navbar-nav>.active>a,
         .navbar-default .navbar-nav>.active>a:focus,
         .navbar-default .navbar-nav>.active>a:hover {
             color: #555;
             background-color: #e7e7e7
         }
         .navbar-default .navbar-nav>.disabled>a,
         .navbar-default .navbar-nav>.disabled>a:focus,
         .navbar-default .navbar-nav>.disabled>a:hover {
             color: #ccc;
             background-color: transparent
         }
         .navbar-default .navbar-toggle {
             border-color: #ddd
         }
         .navbar-default .navbar-toggle:focus,
         .navbar-default .navbar-toggle:hover {
             background-color: #ddd
         }
         .navbar-default .navbar-toggle .icon-bar {
             background-color: #888
         }
         .navbar-default .navbar-collapse,
         .navbar-default .navbar-form {
             border-color: #e7e7e7
         }
         .navbar-default .navbar-nav>.open>a,
         .navbar-default .navbar-nav>.open>a:focus,
         .navbar-default .navbar-nav>.open>a:hover {
             color: #555;
             background-color: #e7e7e7
         }
         @media (max-width: 767px) {
             .navbar-default .navbar-nav .open .dropdown-menu>li>a {
                 color: #777
             }
             .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
             .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
                 color: #333;
                 background-color: transparent
             }
             .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
             .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
             .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
                 color: #555;
                 background-color: #e7e7e7
             }
             .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
             .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
             .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
                 color: #ccc;
                 background-color: transparent
             }
         }
         .navbar-default .navbar-link {
             color: #777
         }
         .navbar-default .navbar-link:hover {
             color: #333
         }
         .navbar-default .btn-link {
             color: #777
         }
         .navbar-default .btn-link:focus,
         .navbar-default .btn-link:hover {
             color: #333
         }
         .navbar-default .btn-link[disabled]:focus,
         .navbar-default .btn-link[disabled]:hover,
         fieldset[disabled] .navbar-default .btn-link:focus,
         fieldset[disabled] .navbar-default .btn-link:hover {
             color: #ccc
         }
         .navbar-inverse {
             background-color: #222;
             border-color: #080808
         }
         .navbar-inverse .navbar-brand {
             color: #9d9d9d
         }
         .navbar-inverse .navbar-brand:focus,
         .navbar-inverse .navbar-brand:hover {
             color: #fff;
             background-color: transparent
         }
         .navbar-inverse .navbar-text {
             color: #9d9d9d
         }
         .navbar-inverse .navbar-nav>li>a {
             color: #9d9d9d
         }
         .navbar-inverse .navbar-nav>li>a:focus,
         .navbar-inverse .navbar-nav>li>a:hover {
             color: #fff;
             background-color: transparent
         }
         .navbar-inverse .navbar-nav>.active>a,
         .navbar-inverse .navbar-nav>.active>a:focus,
         .navbar-inverse .navbar-nav>.active>a:hover {
             color: #fff;
             background-color: #080808
         }
         .navbar-inverse .navbar-nav>.disabled>a,
         .navbar-inverse .navbar-nav>.disabled>a:focus,
         .navbar-inverse .navbar-nav>.disabled>a:hover {
             color: #444;
             background-color: transparent
         }
         .navbar-inverse .navbar-toggle {
             border-color: #333
         }
         .navbar-inverse .navbar-toggle:focus,
         .navbar-inverse .navbar-toggle:hover {
             background-color: #333
         }
         .navbar-inverse .navbar-toggle .icon-bar {
             background-color: #fff
         }
         .navbar-inverse .navbar-collapse,
         .navbar-inverse .navbar-form {
             border-color: #101010
         }
         .navbar-inverse .navbar-nav>.open>a,
         .navbar-inverse .navbar-nav>.open>a:focus,
         .navbar-inverse .navbar-nav>.open>a:hover {
             color: #fff;
             background-color: #080808
         }
         @media (max-width: 767px) {
             .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
                 border-color: #080808
             }
             .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
                 background-color: #080808
             }
             .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
                 color: #9d9d9d
             }
             .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
             .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
                 color: #fff;
                 background-color: transparent
             }
             .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
             .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
             .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
                 color: #fff;
                 background-color: #080808
             }
             .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
             .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
             .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
                 color: #444;
                 background-color: transparent
             }
         }
         .navbar-inverse .navbar-link {
             color: #9d9d9d
         }
         .navbar-inverse .navbar-link:hover {
             color: #fff
         }
         .navbar-inverse .btn-link {
             color: #9d9d9d
         }
         .navbar-inverse .btn-link:focus,
         .navbar-inverse .btn-link:hover {
             color: #fff
         }
         .navbar-inverse .btn-link[disabled]:focus,
         .navbar-inverse .btn-link[disabled]:hover,
         fieldset[disabled] .navbar-inverse .btn-link:focus,
         fieldset[disabled] .navbar-inverse .btn-link:hover {
             color: #444
         }
         .breadcrumb {
             padding: 8px 15px;
             margin-bottom: 20px;
             list-style: none;
             background-color: #f5f5f5;
             border-radius: 4px
         }
         .breadcrumb>li {
             display: inline-block
         }
         .breadcrumb>li+li:before {
             padding: 0 5px;
             color: #ccc;
             content: "/\00a0"
         }
         .breadcrumb>.active {
             color: #777
         }
         .pagination {
             display: inline-block;
             padding-left: 0;
             margin: 20px 0;
             border-radius: 4px
         }
         .pagination>li {
             display: inline
         }
         .pagination>li>a,
         .pagination>li>span {
             position: relative;
             float: left;
             padding: 6px 12px;
             margin-left: -1px;
             line-height: 1.42857143;
             color: #337ab7;
             text-decoration: none;
             background-color: #fff;
             border: 1px solid #ddd
         }
         .pagination>li:first-child>a,
         .pagination>li:first-child>span {
             margin-left: 0;
             border-top-left-radius: 4px;
             border-bottom-left-radius: 4px
         }
         .pagination>li:last-child>a,
         .pagination>li:last-child>span {
             border-top-right-radius: 4px;
             border-bottom-right-radius: 4px
         }
         .pagination>li>a:focus,
         .pagination>li>a:hover,
         .pagination>li>span:focus,
         .pagination>li>span:hover {
             z-index: 2;
             color: #23527c;
             background-color: #eee;
             border-color: #ddd
         }
         .pagination>.active>a,
         .pagination>.active>a:focus,
         .pagination>.active>a:hover,
         .pagination>.active>span,
         .pagination>.active>span:focus,
         .pagination>.active>span:hover {
             z-index: 3;
             color: #fff;
             cursor: default;
             background-color: #337ab7;
             border-color: #337ab7
         }
         .pagination>.disabled>a,
         .pagination>.disabled>a:focus,
         .pagination>.disabled>a:hover,
         .pagination>.disabled>span,
         .pagination>.disabled>span:focus,
         .pagination>.disabled>span:hover {
             color: #777;
             cursor: not-allowed;
             background-color: #fff;
             border-color: #ddd
         }
         .pagination-lg>li>a,
         .pagination-lg>li>span {
             padding: 10px 16px;
             font-size: 18px;
             line-height: 1.3333333
         }
         .pagination-lg>li:first-child>a,
         .pagination-lg>li:first-child>span {
             border-top-left-radius: 6px;
             border-bottom-left-radius: 6px
         }
         .pagination-lg>li:last-child>a,
         .pagination-lg>li:last-child>span {
             border-top-right-radius: 6px;
             border-bottom-right-radius: 6px
         }
         .pagination-sm>li>a,
         .pagination-sm>li>span {
             padding: 5px 10px;
             font-size: 12px;
             line-height: 1.5
         }
         .pagination-sm>li:first-child>a,
         .pagination-sm>li:first-child>span {
             border-top-left-radius: 3px;
             border-bottom-left-radius: 3px
         }
         .pagination-sm>li:last-child>a,
         .pagination-sm>li:last-child>span {
             border-top-right-radius: 3px;
             border-bottom-right-radius: 3px
         }
         .pager {
             padding-left: 0;
             margin: 20px 0;
             text-align: center;
             list-style: none
         }
         .pager li {
             display: inline
         }
         .pager li>a,
         .pager li>span {
             display: inline-block;
             padding: 5px 14px;
             background-color: #fff;
             border: 1px solid #ddd;
             border-radius: 15px
         }
         .pager li>a:focus,
         .pager li>a:hover {
             text-decoration: none;
             background-color: #eee
         }
         .pager .next>a,
         .pager .next>span {
             float: right
         }
         .pager .previous>a,
         .pager .previous>span {
             float: left
         }
         .pager .disabled>a,
         .pager .disabled>a:focus,
         .pager .disabled>a:hover,
         .pager .disabled>span {
             color: #777;
             cursor: not-allowed;
             background-color: #fff
         }
         .label {
             display: inline;
             padding: .2em .6em .3em;
             font-size: 75%;
             font-weight: 700;
             line-height: 1;
             color: #fff;
             text-align: center;
             white-space: nowrap;
             vertical-align: baseline;
             border-radius: .25em
         }
         a.label:focus,
         a.label:hover {
             color: #fff;
             text-decoration: none;
             cursor: pointer
         }
         .label:empty {
             display: none
         }
         .btn .label {
             position: relative;
             top: -1px
         }
         .label-default {
             background-color: #777
         }
         .label-default[href]:focus,
         .label-default[href]:hover {
             background-color: #5e5e5e
         }
         .label-primary {
             background-color: #337ab7
         }
         .label-primary[href]:focus,
         .label-primary[href]:hover {
             background-color: #286090
         }
         .label-success {
             background-color: #5cb85c
         }
         .label-success[href]:focus,
         .label-success[href]:hover {
             background-color: #449d44
         }
         .label-info {
             background-color: #5bc0de
         }
         .label-info[href]:focus,
         .label-info[href]:hover {
             background-color: #31b0d5
         }
         .label-warning {
             background-color: #f0ad4e
         }
         .label-warning[href]:focus,
         .label-warning[href]:hover {
             background-color: #ec971f
         }
         .label-danger {
             background-color: #d9534f
         }
         .label-danger[href]:focus,
         .label-danger[href]:hover {
             background-color: #c9302c
         }
         .badge {
             display: inline-block;
             min-width: 10px;
             padding: 3px 7px;
             font-size: 12px;
             font-weight: 700;
             line-height: 1;
             color: #fff;
             text-align: center;
             white-space: nowrap;
             vertical-align: middle;
             background-color: #777;
             border-radius: 10px
         }
         .badge:empty {
             display: none
         }
         .btn .badge {
             position: relative;
             top: -1px
         }
         .btn-group-xs>.btn .badge,
         .btn-xs .badge {
             top: 0;
             padding: 1px 5px
         }
         a.badge:focus,
         a.badge:hover {
             color: #fff;
             text-decoration: none;
             cursor: pointer
         }
         .list-group-item.active>.badge,
         .nav-pills>.active>a>.badge {
             color: #337ab7;
             background-color: #fff
         }
         .list-group-item>.badge {
             float: right
         }
         .list-group-item>.badge+.badge {
             margin-right: 5px
         }
         .nav-pills>li>a>.badge {
             margin-left: 3px
         }
         .jumbotron {
             padding-top: 30px;
             padding-bottom: 30px;
             margin-bottom: 30px;
             color: inherit;
             background-color: #eee
         }
         .jumbotron .h1,
         .jumbotron h1 {
             color: inherit
         }
         .jumbotron p {
             margin-bottom: 15px;
             font-size: 21px;
             font-weight: 200
         }
         .jumbotron>hr {
             border-top-color: #d5d5d5
         }
         .container .jumbotron,
         .container-fluid .jumbotron {
             padding-right: 15px;
             padding-left: 15px;
             border-radius: 6px
         }
         .jumbotron .container {
             max-width: 100%
         }
         @media screen and (min-width: 768px) {
             .jumbotron {
                 padding-top: 48px;
                 padding-bottom: 48px
             }
             .container .jumbotron,
             .container-fluid .jumbotron {
                 padding-right: 60px;
                 padding-left: 60px
             }
             .jumbotron .h1,
             .jumbotron h1 {
                 font-size: 63px
             }
         }
         .thumbnail {
             display: block;
             padding: 4px;
             margin-bottom: 20px;
             line-height: 1.42857143;
             background-color: #fff;
             border: 1px solid #ddd;
             border-radius: 4px;
             -webkit-transition: border .2s ease-in-out;
             -o-transition: border .2s ease-in-out;
             transition: border .2s ease-in-out
         }
         .thumbnail a>img,
         .thumbnail>img {
             margin-right: auto;
             margin-left: auto
         }
         a.thumbnail.active,
         a.thumbnail:focus,
         a.thumbnail:hover {
             border-color: #337ab7
         }
         .thumbnail .caption {
             padding: 9px;
             color: #333
         }
         .alert {
             padding: 15px;
             margin-bottom: 20px;
             border: 1px solid transparent;
             border-radius: 4px
         }
         .alert h4 {
             margin-top: 0;
             color: inherit
         }
         .alert .alert-link {
             font-weight: 700
         }
         .alert>p,
         .alert>ul {
             margin-bottom: 0
         }
         .alert>p+p {
             margin-top: 5px
         }
         .alert-dismissable,
         .alert-dismissible {
             padding-right: 35px
         }
         .alert-dismissable .close,
         .alert-dismissible .close {
             position: relative;
             top: -2px;
             right: -21px;
             color: inherit
         }
         .alert-success {
             color: #3c763d;
             background-color: #dff0d8;
             border-color: #d6e9c6
         }
         .alert-success hr {
             border-top-color: #c9e2b3
         }
         .alert-success .alert-link {
             color: #2b542c
         }
         .alert-info {
             color: #31708f;
             background-color: #d9edf7;
             border-color: #bce8f1
         }
         .alert-info hr {
             border-top-color: #a6e1ec
         }
         .alert-info .alert-link {
             color: #245269
         }
         .alert-warning {
             color: #8a6d3b;
             background-color: #fcf8e3;
             border-color: #faebcc
         }
         .alert-warning hr {
             border-top-color: #f7e1b5
         }
         .alert-warning .alert-link {
             color: #66512c
         }
         .alert-danger {
             color: #a94442;
             background-color: #f2dede;
             border-color: #ebccd1
         }
         .alert-danger hr {
             border-top-color: #e4b9c0
         }
         .alert-danger .alert-link {
             color: #843534
         }
         @-webkit-keyframes progress-bar-stripes {
             from {
                 background-position: 40px 0
             }
             to {
                 background-position: 0 0
             }
         }
         @-o-keyframes progress-bar-stripes {
             from {
                 background-position: 40px 0
             }
             to {
                 background-position: 0 0
             }
         }
         @keyframes progress-bar-stripes {
             from {
                 background-position: 40px 0
             }
             to {
                 background-position: 0 0
             }
         }
         .progress {
             height: 20px;
             margin-bottom: 20px;
             overflow: hidden;
             background-color: #f5f5f5;
             border-radius: 4px;
             -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
             box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
         }
         .progress-bar {
             float: left;
             width: 0;
             height: 100%;
             font-size: 12px;
             line-height: 20px;
             color: #fff;
             text-align: center;
             background-color: #337ab7;
             -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
             box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
             -webkit-transition: width .6s ease;
             -o-transition: width .6s ease;
             transition: width .6s ease
         }
         .progress-bar-striped,
         .progress-striped .progress-bar {
             background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             -webkit-background-size: 40px 40px;
             background-size: 40px 40px
         }
         .progress-bar.active,
         .progress.active .progress-bar {
             -webkit-animation: progress-bar-stripes 2s linear infinite;
             -o-animation: progress-bar-stripes 2s linear infinite;
             animation: progress-bar-stripes 2s linear infinite
         }
         .progress-bar-success {
             background-color: #5cb85c
         }
         .progress-striped .progress-bar-success {
             background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
         }
         .progress-bar-info {
             background-color: #5bc0de
         }
         .progress-striped .progress-bar-info {
             background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
         }
         .progress-bar-warning {
             background-color: #f0ad4e
         }
         .progress-striped .progress-bar-warning {
             background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
         }
         .progress-bar-danger {
             background-color: #d9534f
         }
         .progress-striped .progress-bar-danger {
             background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
             background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
         }
         .media {
             margin-top: 15px
         }
         .media:first-child {
             margin-top: 0
         }
         .media,
         .media-body {
             overflow: hidden;
             zoom: 1
         }
         .media-body {
             width: 10000px
         }
         .media-object {
             display: block
         }
         .media-object.img-thumbnail {
             max-width: none
         }
         .media-right,
         .media>.pull-right {
             padding-left: 10px
         }
         .media-left,
         .media>.pull-left {
             padding-right: 10px
         }
         .media-body,
         .media-left,
         .media-right {
             display: table-cell;
             vertical-align: top
         }
         .media-middle {
             vertical-align: middle
         }
         .media-bottom {
             vertical-align: bottom
         }
         .media-heading {
             margin-top: 0;
             margin-bottom: 5px
         }
         .media-list {
             padding-left: 0;
             list-style: none
         }
         .list-group {
             padding-left: 0;
             margin-bottom: 20px
         }
         .list-group-item {
             position: relative;
             display: block;
             padding: 10px 15px;
             margin-bottom: -1px;
             background-color: #fff;
             border: 1px solid #ddd
         }
         .list-group-item:first-child {
             border-top-left-radius: 4px;
             border-top-right-radius: 4px
         }
         .list-group-item:last-child {
             margin-bottom: 0;
             border-bottom-right-radius: 4px;
             border-bottom-left-radius: 4px
         }
         a.list-group-item,
         button.list-group-item {
             color: #555
         }
         a.list-group-item .list-group-item-heading,
         button.list-group-item .list-group-item-heading {
             color: #333
         }
         a.list-group-item:focus,
         a.list-group-item:hover,
         button.list-group-item:focus,
         button.list-group-item:hover {
             color: #555;
             text-decoration: none;
             background-color: #f5f5f5
         }
         button.list-group-item {
             width: 100%;
             text-align: left
         }
         .list-group-item.disabled,
         .list-group-item.disabled:focus,
         .list-group-item.disabled:hover {
             color: #777;
             cursor: not-allowed;
             background-color: #eee
         }
         .list-group-item.disabled .list-group-item-heading,
         .list-group-item.disabled:focus .list-group-item-heading,
         .list-group-item.disabled:hover .list-group-item-heading {
             color: inherit
         }
         .list-group-item.disabled .list-group-item-text,
         .list-group-item.disabled:focus .list-group-item-text,
         .list-group-item.disabled:hover .list-group-item-text {
             color: #777
         }
         .list-group-item.active,
         .list-group-item.active:focus,
         .list-group-item.active:hover {
             z-index: 2;
             color: #fff;
             background-color: #337ab7;
             border-color: #337ab7
         }
         .list-group-item.active .list-group-item-heading,
         .list-group-item.active .list-group-item-heading>.small,
         .list-group-item.active .list-group-item-heading>small,
         .list-group-item.active:focus .list-group-item-heading,
         .list-group-item.active:focus .list-group-item-heading>.small,
         .list-group-item.active:focus .list-group-item-heading>small,
         .list-group-item.active:hover .list-group-item-heading,
         .list-group-item.active:hover .list-group-item-heading>.small,
         .list-group-item.active:hover .list-group-item-heading>small {
             color: inherit
         }
         .list-group-item.active .list-group-item-text,
         .list-group-item.active:focus .list-group-item-text,
         .list-group-item.active:hover .list-group-item-text {
             color: #c7ddef
         }
         .list-group-item-success {
             color: #3c763d;
             background-color: #dff0d8
         }
         a.list-group-item-success,
         button.list-group-item-success {
             color: #3c763d
         }
         a.list-group-item-success .list-group-item-heading,
         button.list-group-item-success .list-group-item-heading {
             color: inherit
         }
         a.list-group-item-success:focus,
         a.list-group-item-success:hover,
         button.list-group-item-success:focus,
         button.list-group-item-success:hover {
             color: #3c763d;
             background-color: #d0e9c6
         }
         a.list-group-item-success.active,
         a.list-group-item-success.active:focus,
         a.list-group-item-success.active:hover,
         button.list-group-item-success.active,
         button.list-group-item-success.active:focus,
         button.list-group-item-success.active:hover {
             color: #fff;
             background-color: #3c763d;
             border-color: #3c763d
         }
         .list-group-item-info {
             color: #31708f;
             background-color: #d9edf7
         }
         a.list-group-item-info,
         button.list-group-item-info {
             color: #31708f
         }
         a.list-group-item-info .list-group-item-heading,
         button.list-group-item-info .list-group-item-heading {
             color: inherit
         }
         a.list-group-item-info:focus,
         a.list-group-item-info:hover,
         button.list-group-item-info:focus,
         button.list-group-item-info:hover {
             color: #31708f;
             background-color: #c4e3f3
         }
         a.list-group-item-info.active,
         a.list-group-item-info.active:focus,
         a.list-group-item-info.active:hover,
         button.list-group-item-info.active,
         button.list-group-item-info.active:focus,
         button.list-group-item-info.active:hover {
             color: #fff;
             background-color: #31708f;
             border-color: #31708f
         }
         .list-group-item-warning {
             color: #8a6d3b;
             background-color: #fcf8e3
         }
         a.list-group-item-warning,
         button.list-group-item-warning {
             color: #8a6d3b
         }
         a.list-group-item-warning .list-group-item-heading,
         button.list-group-item-warning .list-group-item-heading {
             color: inherit
         }
         a.list-group-item-warning:focus,
         a.list-group-item-warning:hover,
         button.list-group-item-warning:focus,
         button.list-group-item-warning:hover {
             color: #8a6d3b;
             background-color: #faf2cc
         }
         a.list-group-item-warning.active,
         a.list-group-item-warning.active:focus,
         a.list-group-item-warning.active:hover,
         button.list-group-item-warning.active,
         button.list-group-item-warning.active:focus,
         button.list-group-item-warning.active:hover {
             color: #fff;
             background-color: #8a6d3b;
             border-color: #8a6d3b
         }
         .list-group-item-danger {
             color: #a94442;
             background-color: #f2dede
         }
         a.list-group-item-danger,
         button.list-group-item-danger {
             color: #a94442
         }
         a.list-group-item-danger .list-group-item-heading,
         button.list-group-item-danger .list-group-item-heading {
             color: inherit
         }
         a.list-group-item-danger:focus,
         a.list-group-item-danger:hover,
         button.list-group-item-danger:focus,
         button.list-group-item-danger:hover {
             color: #a94442;
             background-color: #ebcccc
         }
         a.list-group-item-danger.active,
         a.list-group-item-danger.active:focus,
         a.list-group-item-danger.active:hover,
         button.list-group-item-danger.active,
         button.list-group-item-danger.active:focus,
         button.list-group-item-danger.active:hover {
             color: #fff;
             background-color: #a94442;
             border-color: #a94442
         }
         .list-group-item-heading {
             margin-top: 0;
             margin-bottom: 5px
         }
         .list-group-item-text {
             margin-bottom: 0;
             line-height: 1.3
         }
         .panel {
             margin-bottom: 20px;
             background-color: #fff;
             border: 1px solid transparent;
             border-radius: 4px;
             -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
             box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
         }
         .panel-body {
             padding: 15px
         }
         .panel-heading {
             padding: 10px 15px;
             border-bottom: 1px solid transparent;
             border-top-left-radius: 3px;
             border-top-right-radius: 3px
         }
         .panel-heading>.dropdown .dropdown-toggle {
             color: inherit
         }
         .panel-title {
             margin-top: 0;
             margin-bottom: 0;
             font-size: 16px;
             color: inherit
         }
         .panel-title>.small,
         .panel-title>.small>a,
         .panel-title>a,
         .panel-title>small,
         .panel-title>small>a {
             color: inherit
         }
         .panel-footer {
             padding: 10px 15px;
             background-color: #f5f5f5;
             border-top: 1px solid #ddd;
             border-bottom-right-radius: 3px;
             border-bottom-left-radius: 3px
         }
         .panel>.list-group,
         .panel>.panel-collapse>.list-group {
             margin-bottom: 0
         }
         .panel>.list-group .list-group-item,
         .panel>.panel-collapse>.list-group .list-group-item {
             border-width: 1px 0;
             border-radius: 0
         }
         .panel>.list-group:first-child .list-group-item:first-child,
         .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
             border-top: 0;
             border-top-left-radius: 3px;
             border-top-right-radius: 3px
         }
         .panel>.list-group:last-child .list-group-item:last-child,
         .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
             border-bottom: 0;
             border-bottom-right-radius: 3px;
             border-bottom-left-radius: 3px
         }
         .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
             border-top-left-radius: 0;
             border-top-right-radius: 0
         }
         .panel-heading+.list-group .list-group-item:first-child {
             border-top-width: 0
         }
         .list-group+.panel-footer {
             border-top-width: 0
         }
         .panel>.panel-collapse>.table,
         .panel>.table,
         .panel>.table-responsive>.table {
             margin-bottom: 0
         }
         .panel>.panel-collapse>.table caption,
         .panel>.table caption,
         .panel>.table-responsive>.table caption {
             padding-right: 15px;
             padding-left: 15px
         }
         .panel>.table-responsive:first-child>.table:first-child,
         .panel>.table:first-child {
             border-top-left-radius: 3px;
             border-top-right-radius: 3px
         }
         .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
         .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
         .panel>.table:first-child>tbody:first-child>tr:first-child,
         .panel>.table:first-child>thead:first-child>tr:first-child {
             border-top-left-radius: 3px;
             border-top-right-radius: 3px
         }
         .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
         .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
         .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
         .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
         .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
         .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
         .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
         .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
             border-top-left-radius: 3px
         }
         .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
         .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
         .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
         .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
         .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
         .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
         .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
         .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
             border-top-right-radius: 3px
         }
         .panel>.table-responsive:last-child>.table:last-child,
         .panel>.table:last-child {
             border-bottom-right-radius: 3px;
             border-bottom-left-radius: 3px
         }
         .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
         .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
         .panel>.table:last-child>tbody:last-child>tr:last-child,
         .panel>.table:last-child>tfoot:last-child>tr:last-child {
             border-bottom-right-radius: 3px;
             border-bottom-left-radius: 3px
         }
         .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
         .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
         .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
         .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
         .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
         .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
         .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
         .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
             border-bottom-left-radius: 3px
         }
         .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
         .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
         .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
         .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
         .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
         .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
         .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
         .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
             border-bottom-right-radius: 3px
         }
         .panel>.panel-body+.table,
         .panel>.panel-body+.table-responsive,
         .panel>.table+.panel-body,
         .panel>.table-responsive+.panel-body {
             border-top: 1px solid #ddd
         }
         .panel>.table>tbody:first-child>tr:first-child td,
         .panel>.table>tbody:first-child>tr:first-child th {
             border-top: 0
         }
         .panel>.table-bordered,
         .panel>.table-responsive>.table-bordered {
             border: 0
         }
         .panel>.table-bordered>tbody>tr>td:first-child,
         .panel>.table-bordered>tbody>tr>th:first-child,
         .panel>.table-bordered>tfoot>tr>td:first-child,
         .panel>.table-bordered>tfoot>tr>th:first-child,
         .panel>.table-bordered>thead>tr>td:first-child,
         .panel>.table-bordered>thead>tr>th:first-child,
         .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
         .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
         .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
         .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
         .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
         .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
             border-left: 0
         }
         .panel>.table-bordered>tbody>tr>td:last-child,
         .panel>.table-bordered>tbody>tr>th:last-child,
         .panel>.table-bordered>tfoot>tr>td:last-child,
         .panel>.table-bordered>tfoot>tr>th:last-child,
         .panel>.table-bordered>thead>tr>td:last-child,
         .panel>.table-bordered>thead>tr>th:last-child,
         .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
         .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
         .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
         .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
         .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
         .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
             border-right: 0
         }
         .panel>.table-bordered>tbody>tr:first-child>td,
         .panel>.table-bordered>tbody>tr:first-child>th,
         .panel>.table-bordered>thead>tr:first-child>td,
         .panel>.table-bordered>thead>tr:first-child>th,
         .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
         .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
         .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
         .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
             border-bottom: 0
         }
         .panel>.table-bordered>tbody>tr:last-child>td,
         .panel>.table-bordered>tbody>tr:last-child>th,
         .panel>.table-bordered>tfoot>tr:last-child>td,
         .panel>.table-bordered>tfoot>tr:last-child>th,
         .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
         .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
         .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
         .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
             border-bottom: 0
         }
         .panel>.table-responsive {
             margin-bottom: 0;
             border: 0
         }
         .panel-group {
             margin-bottom: 20px
         }
         .panel-group .panel {
             margin-bottom: 0;
             border-radius: 4px
         }
         .panel-group .panel+.panel {
             margin-top: 5px
         }
         .panel-group .panel-heading {
             border-bottom: 0
         }
         .panel-group .panel-heading+.panel-collapse>.list-group,
         .panel-group .panel-heading+.panel-collapse>.panel-body {
             border-top: 1px solid #ddd
         }
         .panel-group .panel-footer {
             border-top: 0
         }
         .panel-group .panel-footer+.panel-collapse .panel-body {
             border-bottom: 1px solid #ddd
         }
         .panel-default {
             border-color: #ddd
         }
         .panel-default>.panel-heading {
             color: #333;
             background-color: #f5f5f5;
             border-color: #ddd
         }
         .panel-default>.panel-heading+.panel-collapse>.panel-body {
             border-top-color: #ddd
         }
         .panel-default>.panel-heading .badge {
             color: #f5f5f5;
             background-color: #333
         }
         .panel-default>.panel-footer+.panel-collapse>.panel-body {
             border-bottom-color: #ddd
         }
         .panel-primary {
             border-color: #337ab7
         }
         .panel-primary>.panel-heading {
             color: #fff;
             background-color: #337ab7;
             border-color: #337ab7
         }
         .panel-primary>.panel-heading+.panel-collapse>.panel-body {
             border-top-color: #337ab7
         }
         .panel-primary>.panel-heading .badge {
             color: #337ab7;
             background-color: #fff
         }
         .panel-primary>.panel-footer+.panel-collapse>.panel-body {
             border-bottom-color: #337ab7
         }
         .panel-success {
             border-color: #d6e9c6
         }
         .panel-success>.panel-heading {
             color: #3c763d;
             background-color: #dff0d8;
             border-color: #d6e9c6
         }
         .panel-success>.panel-heading+.panel-collapse>.panel-body {
             border-top-color: #d6e9c6
         }
         .panel-success>.panel-heading .badge {
             color: #dff0d8;
             background-color: #3c763d
         }
         .panel-success>.panel-footer+.panel-collapse>.panel-body {
             border-bottom-color: #d6e9c6
         }
         .panel-info {
             border-color: #bce8f1
         }
         .panel-info>.panel-heading {
             color: #31708f;
             background-color: #d9edf7;
             border-color: #bce8f1
         }
         .panel-info>.panel-heading+.panel-collapse>.panel-body {
             border-top-color: #bce8f1
         }
         .panel-info>.panel-heading .badge {
             color: #d9edf7;
             background-color: #31708f
         }
         .panel-info>.panel-footer+.panel-collapse>.panel-body {
             border-bottom-color: #bce8f1
         }
         .panel-warning {
             border-color: #faebcc
         }
         .panel-warning>.panel-heading {
             color: #8a6d3b;
             background-color: #fcf8e3;
             border-color: #faebcc
         }
         .panel-warning>.panel-heading+.panel-collapse>.panel-body {
             border-top-color: #faebcc
         }
         .panel-warning>.panel-heading .badge {
             color: #fcf8e3;
             background-color: #8a6d3b
         }
         .panel-warning>.panel-footer+.panel-collapse>.panel-body {
             border-bottom-color: #faebcc
         }
         .panel-danger {
             border-color: #ebccd1
         }
         .panel-danger>.panel-heading {
             color: #a94442;
             background-color: #f2dede;
             border-color: #ebccd1
         }
         .panel-danger>.panel-heading+.panel-collapse>.panel-body {
             border-top-color: #ebccd1
         }
         .panel-danger>.panel-heading .badge {
             color: #f2dede;
             background-color: #a94442
         }
         .panel-danger>.panel-footer+.panel-collapse>.panel-body {
             border-bottom-color: #ebccd1
         }
         .embed-responsive {
             position: relative;
             display: block;
             height: 0;
             padding: 0;
             overflow: hidden
         }
         .embed-responsive .embed-responsive-item,
         .embed-responsive embed,
         .embed-responsive iframe,
         .embed-responsive object,
         .embed-responsive video {
             position: absolute;
             top: 0;
             bottom: 0;
             left: 0;
             width: 100%;
             height: 100%;
             border: 0
         }
         .embed-responsive-16by9 {
             padding-bottom: 56.25%
         }
         .embed-responsive-4by3 {
             padding-bottom: 75%
         }
         .well {
             min-height: 20px;
             padding: 19px;
             margin-bottom: 20px;
             background-color: #f5f5f5;
             border: 1px solid #e3e3e3;
             border-radius: 4px;
             -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
             box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
         }
         .well blockquote {
             border-color: #ddd;
             border-color: rgba(0, 0, 0, .15)
         }
         .well-lg {
             padding: 24px;
             border-radius: 6px
         }
         .well-sm {
             padding: 9px;
             border-radius: 3px
         }
         .close {
             float: right;
             font-size: 21px;
             font-weight: 700;
             line-height: 1;
             color: #000;
             text-shadow: 0 1px 0 #fff;
             filter: alpha(opacity=20);
             opacity: .2
         }
         .close:focus,
         .close:hover {
             color: #000;
             text-decoration: none;
             cursor: pointer;
             filter: alpha(opacity=50);
             opacity: .5
         }
         button.close {
             -webkit-appearance: none;
             padding: 0;
             cursor: pointer;
             background: 0 0;
             border: 0
         }
         .modal-open {
             overflow: hidden
         }
         .modal {
             position: fixed;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             z-index: 1050;
             display: none;
             overflow: hidden;
             -webkit-overflow-scrolling: touch;
             outline: 0
         }
         .modal.fade .modal-dialog {
             -webkit-transition: -webkit-transform .3s ease-out;
             -o-transition: -o-transform .3s ease-out;
             transition: transform .3s ease-out;
             -webkit-transform: translate(0, -25%);
             -ms-transform: translate(0, -25%);
             -o-transform: translate(0, -25%);
             transform: translate(0, -25%)
         }
         .modal.in .modal-dialog {
             -webkit-transform: translate(0, 0);
             -ms-transform: translate(0, 0);
             -o-transform: translate(0, 0);
             transform: translate(0, 0)
         }
         .modal-open .modal {
             overflow-x: hidden;
             overflow-y: auto
         }
         .modal-dialog {
             position: relative;
             width: auto;
             margin: 10px
         }
         .modal-content {
             position: relative;
             background-color: #fff;
             -webkit-background-clip: padding-box;
             background-clip: padding-box;
             border: 1px solid #999;
             border: 1px solid rgba(0, 0, 0, .2);
             border-radius: 6px;
             outline: 0;
             -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
             box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
         }
         .modal-backdrop {
             position: fixed;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             z-index: 1040;
             background-color: #000
         }
         .modal-backdrop.fade {
             filter: alpha(opacity=0);
             opacity: 0
         }
         .modal-backdrop.in {
             filter: alpha(opacity=50);
             opacity: .5
         }
         .modal-header {
             padding: 15px;
             border-bottom: 1px solid #e5e5e5
         }
         .modal-header .close {
             margin-top: -2px
         }
         .modal-title {
             margin: 0;
             line-height: 1.42857143
         }
         .modal-body {
             position: relative;
             padding: 15px
         }
         .modal-footer {
             padding: 15px;
             text-align: right;
             border-top: 1px solid #e5e5e5
         }
         .modal-footer .btn+.btn {
             margin-bottom: 0;
             margin-left: 5px
         }
         .modal-footer .btn-group .btn+.btn {
             margin-left: -1px
         }
         .modal-footer .btn-block+.btn-block {
             margin-left: 0
         }
         .modal-scrollbar-measure {
             position: absolute;
             top: -9999px;
             width: 50px;
             height: 50px;
             overflow: scroll
         }
         @media (min-width: 768px) {
             .modal-dialog {
                 width: 600px;
                 margin: 30px auto
             }
             .modal-content {
                 -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
                 box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
             }
             .modal-sm {
                 width: 300px
             }
         }
         @media (min-width: 992px) {
             .modal-lg {
                 width: 900px
             }
         }
         .tooltip {
             position: absolute;
             z-index: 1070;
             display: block;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             font-size: 12px;
             font-style: normal;
             font-weight: 400;
             line-height: 1.42857143;
             text-align: left;
             text-align: start;
             text-decoration: none;
             text-shadow: none;
             text-transform: none;
             letter-spacing: normal;
             word-break: normal;
             word-spacing: normal;
             word-wrap: normal;
             white-space: normal;
             filter: alpha(opacity=0);
             opacity: 0;
             line-break: auto
         }
         .tooltip.in {
             filter: alpha(opacity=90);
             opacity: .9
         }
         .tooltip.top {
             padding: 5px 0;
             margin-top: -3px
         }
         .tooltip.right {
             padding: 0 5px;
             margin-left: 3px
         }
         .tooltip.bottom {
             padding: 5px 0;
             margin-top: 3px
         }
         .tooltip.left {
             padding: 0 5px;
             margin-left: -3px
         }
         .tooltip-inner {
             max-width: 200px;
             padding: 3px 8px;
             color: #fff;
             text-align: center;
             background-color: #000;
             border-radius: 4px
         }
         .tooltip-arrow {
             position: absolute;
             width: 0;
             height: 0;
             border-color: transparent;
             border-style: solid
         }
         .tooltip.top .tooltip-arrow {
             bottom: 0;
             left: 50%;
             margin-left: -5px;
             border-width: 5px 5px 0;
             border-top-color: #000
         }
         .tooltip.top-left .tooltip-arrow {
             right: 5px;
             bottom: 0;
             margin-bottom: -5px;
             border-width: 5px 5px 0;
             border-top-color: #000
         }
         .tooltip.top-right .tooltip-arrow {
             bottom: 0;
             left: 5px;
             margin-bottom: -5px;
             border-width: 5px 5px 0;
             border-top-color: #000
         }
         .tooltip.right .tooltip-arrow {
             top: 50%;
             left: 0;
             margin-top: -5px;
             border-width: 5px 5px 5px 0;
             border-right-color: #000
         }
         .tooltip.left .tooltip-arrow {
             top: 50%;
             right: 0;
             margin-top: -5px;
             border-width: 5px 0 5px 5px;
             border-left-color: #000
         }
         .tooltip.bottom .tooltip-arrow {
             top: 0;
             left: 50%;
             margin-left: -5px;
             border-width: 0 5px 5px;
             border-bottom-color: #000
         }
         .tooltip.bottom-left .tooltip-arrow {
             top: 0;
             right: 5px;
             margin-top: -5px;
             border-width: 0 5px 5px;
             border-bottom-color: #000
         }
         .tooltip.bottom-right .tooltip-arrow {
             top: 0;
             left: 5px;
             margin-top: -5px;
             border-width: 0 5px 5px;
             border-bottom-color: #000
         }
         .popover {
             position: absolute;
             top: 0;
             left: 0;
             z-index: 1060;
             display: none;
             max-width: 276px;
             padding: 1px;
             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
             font-size: 14px;
             font-style: normal;
             font-weight: 400;
             line-height: 1.42857143;
             text-align: left;
             text-align: start;
             text-decoration: none;
             text-shadow: none;
             text-transform: none;
             letter-spacing: normal;
             word-break: normal;
             word-spacing: normal;
             word-wrap: normal;
             white-space: normal;
             background-color: #fff;
             -webkit-background-clip: padding-box;
             background-clip: padding-box;
             border: 1px solid #ccc;
             border: 1px solid rgba(0, 0, 0, .2);
             border-radius: 6px;
             -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
             box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
             line-break: auto
         }
         .popover.top {
             margin-top: -10px
         }
         .popover.right {
             margin-left: 10px
         }
         .popover.bottom {
             margin-top: 10px
         }
         .popover.left {
             margin-left: -10px
         }
         .popover-title {
             padding: 8px 14px;
             margin: 0;
             font-size: 14px;
             background-color: #f7f7f7;
             border-bottom: 1px solid #ebebeb;
             border-radius: 5px 5px 0 0
         }
         .popover-content {
             padding: 9px 14px
         }
         .popover>.arrow,
         .popover>.arrow:after {
             position: absolute;
             display: block;
             width: 0;
             height: 0;
             border-color: transparent;
             border-style: solid
         }
         .popover>.arrow {
             border-width: 11px
         }
         .popover>.arrow:after {
             content: "";
             border-width: 10px
         }
         .popover.top>.arrow {
             bottom: -11px;
             left: 50%;
             margin-left: -11px;
             border-top-color: #999;
             border-top-color: rgba(0, 0, 0, .25);
             border-bottom-width: 0
         }
         .popover.top>.arrow:after {
             bottom: 1px;
             margin-left: -10px;
             content: " ";
             border-top-color: #fff;
             border-bottom-width: 0
         }
         .popover.right>.arrow {
             top: 50%;
             left: -11px;
             margin-top: -11px;
             border-right-color: #999;
             border-right-color: rgba(0, 0, 0, .25);
             border-left-width: 0
         }
         .popover.right>.arrow:after {
             bottom: -10px;
             left: 1px;
             content: " ";
             border-right-color: #fff;
             border-left-width: 0
         }
         .popover.bottom>.arrow {
             top: -11px;
             left: 50%;
             margin-left: -11px;
             border-top-width: 0;
             border-bottom-color: #999;
             border-bottom-color: rgba(0, 0, 0, .25)
         }
         .popover.bottom>.arrow:after {
             top: 1px;
             margin-left: -10px;
             content: " ";
             border-top-width: 0;
             border-bottom-color: #fff
         }
         .popover.left>.arrow {
             top: 50%;
             right: -11px;
             margin-top: -11px;
             border-right-width: 0;
             border-left-color: #999;
             border-left-color: rgba(0, 0, 0, .25)
         }
         .popover.left>.arrow:after {
             right: 1px;
             bottom: -10px;
             content: " ";
             border-right-width: 0;
             border-left-color: #fff
         }
         .carousel {
             position: relative
         }
         .carousel-inner {
             position: relative;
             width: 100%;
             overflow: hidden
         }
         .carousel-inner>.item {
             position: relative;
             display: none;
             -webkit-transition: .6s ease-in-out left;
             -o-transition: .6s ease-in-out left;
             transition: .6s ease-in-out left
         }
         .carousel-inner>.item>a>img,
         .carousel-inner>.item>img {
             line-height: 1
         }
         @media all and (transform-3d),
         (-webkit-transform-3d) {
             .carousel-inner>.item {
                 -webkit-transition: -webkit-transform .6s ease-in-out;
                 -o-transition: -o-transform .6s ease-in-out;
                 transition: transform .6s ease-in-out;
                 -webkit-backface-visibility: hidden;
                 backface-visibility: hidden;
                 -webkit-perspective: 1000px;
                 perspective: 1000px
             }
             .carousel-inner>.item.active.right,
             .carousel-inner>.item.next {
                 left: 0;
                 -webkit-transform: translate3d(100%, 0, 0);
                 transform: translate3d(100%, 0, 0)
             }
             .carousel-inner>.item.active.left,
             .carousel-inner>.item.prev {
                 left: 0;
                 -webkit-transform: translate3d(-100%, 0, 0);
                 transform: translate3d(-100%, 0, 0)
             }
             .carousel-inner>.item.active,
             .carousel-inner>.item.next.left,
             .carousel-inner>.item.prev.right {
                 left: 0;
                 -webkit-transform: translate3d(0, 0, 0);
                 transform: translate3d(0, 0, 0)
             }
         }
         .carousel-inner>.active,
         .carousel-inner>.next,
         .carousel-inner>.prev {
             display: block
         }
         .carousel-inner>.active {
             left: 0
         }
         .carousel-inner>.next,
         .carousel-inner>.prev {
             position: absolute;
             top: 0;
             width: 100%
         }
         .carousel-inner>.next {
             left: 100%
         }
         .carousel-inner>.prev {
             left: -100%
         }
         .carousel-inner>.next.left,
         .carousel-inner>.prev.right {
             left: 0
         }
         .carousel-inner>.active.left {
             left: -100%
         }
         .carousel-inner>.active.right {
             left: 100%
         }
         .carousel-control {
             position: absolute;
             top: 0;
             bottom: 0;
             left: 0;
             width: 15%;
             font-size: 20px;
             color: #fff;
             text-align: center;
             text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
             background-color: rgba(0, 0, 0, 0);
             filter: alpha(opacity=50);
             opacity: .5
         }
         .carousel-control.left {
             background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
             background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
             background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
             background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
             filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
             background-repeat: repeat-x
         }
         .carousel-control.right {
             right: 0;
             left: auto;
             background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
             background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
             background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
             background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
             filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
             background-repeat: repeat-x
         }
         .carousel-control:focus,
         .carousel-control:hover {
             color: #fff;
             text-decoration: none;
             filter: alpha(opacity=90);
             outline: 0;
             opacity: .9
         }
         .carousel-control .glyphicon-chevron-left,
         .carousel-control .glyphicon-chevron-right,
         .carousel-control .icon-next,
         .carousel-control .icon-prev {
             position: absolute;
             top: 50%;
             z-index: 5;
             display: inline-block;
             margin-top: -10px
         }
         .carousel-control .glyphicon-chevron-left,
         .carousel-control .icon-prev {
             left: 50%;
             margin-left: -10px
         }
         .carousel-control .glyphicon-chevron-right,
         .carousel-control .icon-next {
             right: 50%;
             margin-right: -10px
         }
         .carousel-control .icon-next,
         .carousel-control .icon-prev {
             width: 20px;
             height: 20px;
             font-family: serif;
             line-height: 1
         }
         .carousel-control .icon-prev:before {
             content: '\2039'
         }
         .carousel-control .icon-next:before {
             content: '\203a'
         }
         .carousel-indicators {
             position: absolute;
             bottom: 10px;
             left: 50%;
             z-index: 15;
             width: 60%;
             padding-left: 0;
             margin-left: -30%;
             text-align: center;
             list-style: none
         }
         .carousel-indicators li {
             display: inline-block;
             width: 10px;
             height: 10px;
             margin: 1px;
             text-indent: -999px;
             cursor: pointer;
              background-color: rgba(0, 0, 0, 0);
             border: 1px solid #fff;
             border-radius: 10px
         }
         .carousel-indicators .active {
             width: 12px;
             height: 12px;
             margin: 0;
             background-color: #fff
         }
         .carousel-caption {
             position: absolute;
             right: 15%;
             bottom: 20px;
             left: 15%;
             z-index: 10;
             padding-top: 20px;
             padding-bottom: 20px;
             color: #fff;
             text-align: center;
             text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
         }
         .carousel-caption .btn {
             text-shadow: none
         }
         @media screen and (min-width: 768px) {
             .carousel-control .glyphicon-chevron-left,
             .carousel-control .glyphicon-chevron-right,
             .carousel-control .icon-next,
             .carousel-control .icon-prev {
                 width: 30px;
                 height: 30px;
                 margin-top: -10px;
                 font-size: 30px
             }
             .carousel-control .glyphicon-chevron-left,
             .carousel-control .icon-prev {
                 margin-left: -10px
             }
             .carousel-control .glyphicon-chevron-right,
             .carousel-control .icon-next {
                 margin-right: -10px
             }
             .carousel-caption {
                 right: 20%;
                 left: 20%;
                 padding-bottom: 30px
             }
             .carousel-indicators {
                 bottom: 20px
             }
         }
         .btn-group-vertical>.btn-group:after,
         .btn-group-vertical>.btn-group:before,
         .btn-toolbar:after,
         .btn-toolbar:before,
         .clearfix:after,
         .clearfix:before,
         .container-fluid:after,
         .container-fluid:before,
         .container:after,
         .container:before,
         .dl-horizontal dd:after,
         .dl-horizontal dd:before,
         .form-horizontal .form-group:after,
         .form-horizontal .form-group:before,
         .modal-footer:after,
         .modal-footer:before,
         .modal-header:after,
         .modal-header:before,
         .nav:after,
         .nav:before,
         .navbar-collapse:after,
         .navbar-collapse:before,
         .navbar-header:after,
         .navbar-header:before,
         .navbar:after,
         .navbar:before,
         .pager:after,
         .pager:before,
         .panel-body:after,
         .panel-body:before,
         .row:after,
         .row:before {
             display: table;
             content: " "
         }
         .btn-group-vertical>.btn-group:after,
         .btn-toolbar:after,
         .clearfix:after,
         .container-fluid:after,
         .container:after,
         .dl-horizontal dd:after,
         .form-horizontal .form-group:after,
         .modal-footer:after,
         .modal-header:after,
         .nav:after,
         .navbar-collapse:after,
         .navbar-header:after,
         .navbar:after,
         .pager:after,
         .panel-body:after,
         .row:after {
             clear: both
         }
         .center-block {
             display: block;
             margin-right: auto;
             margin-left: auto
         }
         .pull-right {
             float: right!important
         }
         .pull-left {
             float: left!important
         }
         .hide {
             display: none!important
         }
         .show {
             display: block!important
         }
         .invisible {
             visibility: hidden
         }
         .text-hide {
             font: 0/0 a;
             color: transparent;
             text-shadow: none;
             background-color: transparent;
             border: 0
         }
         .hidden {
             display: none!important
         }
         .affix {
             position: fixed
         }
         @-ms-viewport {
             width: device-width
         }
         .visible-lg,
         .visible-md,
         .visible-sm,
         .visible-xs {
             display: none!important
         }
         .visible-lg-block,
         .visible-lg-inline,
         .visible-lg-inline-block,
         .visible-md-block,
         .visible-md-inline,
         .visible-md-inline-block,
         .visible-sm-block,
         .visible-sm-inline,
         .visible-sm-inline-block,
         .visible-xs-block,
         .visible-xs-inline,
         .visible-xs-inline-block {
             display: none!important
         }
         @media (max-width: 767px) {
             .visible-xs {
                 display: block!important
             }
             table.visible-xs {
                 display: table!important
             }
             tr.visible-xs {
                 display: table-row!important
             }
             td.visible-xs,
             th.visible-xs {
                 display: table-cell!important
             }
         }
         @media (max-width: 767px) {
             .visible-xs-block {
                 display: block!important
             }
         }
         @media (max-width: 767px) {
             .visible-xs-inline {
                 display: inline!important
             }
         }
         @media (max-width: 767px) {
             .visible-xs-inline-block {
                 display: inline-block!important
             }
         }
         @media (min-width: 768px) and (max-width: 991px) {
             .visible-sm {
                 display: block!important
             }
             table.visible-sm {
                 display: table!important
             }
             tr.visible-sm {
                 display: table-row!important
             }
             td.visible-sm,
             th.visible-sm {
                 display: table-cell!important
             }
         }
         @media (min-width: 768px) and (max-width: 991px) {
             .visible-sm-block {
                 display: block!important
             }
         }
         @media (min-width: 768px) and (max-width: 991px) {
             .visible-sm-inline {
                 display: inline!important
             }
         }
         @media (min-width: 768px) and (max-width: 991px) {
             .visible-sm-inline-block {
                 display: inline-block!important
             }
         }
         @media (min-width: 992px) and (max-width: 1199px) {
             .visible-md {
                 display: block!important
             }
             table.visible-md {
                 display: table!important
             }
             tr.visible-md {
                 display: table-row!important
             }
             td.visible-md,
             th.visible-md {
                 display: table-cell!important
             }
         }
         @media (min-width: 992px) and (max-width: 1199px) {
             .visible-md-block {
                 display: block!important
             }
         }
         @media (min-width: 992px) and (max-width: 1199px) {
             .visible-md-inline {
                 display: inline!important
             }
         }
         @media (min-width: 992px) and (max-width: 1199px) {
             .visible-md-inline-block {
                 display: inline-block!important
             }
         }
         @media (min-width: 1200px) {
             .visible-lg {
                 display: block!important
             }
             table.visible-lg {
                 display: table!important
             }
             tr.visible-lg {
                 display: table-row!important
             }
             td.visible-lg,
             th.visible-lg {
                 display: table-cell!important
             }
         }
         @media (min-width: 1200px) {
             .visible-lg-block {
                 display: block!important
             }
         }
         @media (min-width: 1200px) {
             .visible-lg-inline {
                 display: inline!important
             }
         }
         @media (min-width: 1200px) {
             .visible-lg-inline-block {
                 display: inline-block!important
             }
         }
         @media (max-width: 767px) {
             .hidden-xs {
                 display: none!important
             }
         }
         @media (min-width: 768px) and (max-width: 991px) {
             .hidden-sm {
                 display: none!important
             }
         }
         @media (min-width: 992px) and (max-width: 1199px) {
             .hidden-md {
                 display: none!important
             }
         }
         @media (min-width: 1200px) {
             .hidden-lg {
                 display: none!important
             }
         }
         .visible-print {
             display: none!important
         }
         @media print {
             .visible-print {
                 display: block!important
             }
             table.visible-print {
                 display: table!important
             }
             tr.visible-print {
                 display: table-row!important
             }
             td.visible-print,
             th.visible-print {
                 display: table-cell!important
             }
         }
         .visible-print-block {
             display: none!important
         }
         @media print {
             .visible-print-block {
                 display: block!important
             }
         }
         .visible-print-inline {
             display: none!important
         }
         @media print {
             .visible-print-inline {
                 display: inline!important
             }
         }
         .visible-print-inline-block {
             display: none!important
         }
         @media print {
             .visible-print-inline-block {
                 display: inline-block!important
             }
         }
         @media print {
             .hidden-print {
                 display: none!important
             }
         }
         html,
         body,
         div,
         span,
         applet,
         object,
         iframe,
         h1,
         h2,
         h3,
         h4,
         h5,
         h6,
         p,
         blockquote,
         pre,
         a,
         abbr,
         acronym,
         address,
         big,
         cite,
         code,
         del,
         dfn,
         em,
         img,
         ins,
         kbd,
         q,
         s,
         samp,
         small,
         strike,
         strong,
         sub,
         sup,
         tt,
         var,
         b,
         u,
         i,
         center,
         dl,
         dt,
         dd,
         ol,
         ul,
         li,
         fieldset,
         form,
         label,
         legend,
         table,
         caption,
         tbody,
         tfoot,
         thead,
         tr,
         th,
         td,
         article,
         aside,
         canvas,
         details,
         embed,
         figure,
         figcaption,
         footer,
         header,
         hgroup,
         menu,
         nav,
         output,
         ruby,
         section,
         summary,
         time,
         mark,
         audio,
         video {
             margin: 0;
             padding: 0;
             border: 0;
             font-size: 100%;
             font: inherit;
             vertical-align: baseline
         }
         article,
         aside,
         details,
         figcaption,
         figure,
         footer,
         header,
         hgroup,
         menu,
         nav,
         section {
             display: block
         }
         blockquote,
         q {
             quotes: none
         }
         img {
             max-width: 100%;
             height: auto;
             vertical-align: middle
         }
         blockquote:before,
         blockquote:after,
         q:before,
         q:after {
             content: '';
             content: none
         }
         body * {
             -webkit-text-size-adjust: none
         }
         .clear {
             clear: both;
             overflow: hidden;
             height: 0;
             font-size: 0;
             display: block
         }
         input:focus,
         select:focus,
         textarea:focus,
         button:focus {
             outline: none
         }
         input,
         textarea,
         select {
             font-family: 'Roboto', sans-serif, Arial;
             font-weight: 400;
             -moz-border-radius: 0;
             border-radius: 0
         }
         a,
         a:link,
         a:visited,
         a:active,
         a:hover {
             cursor: pointer;
             text-decoration: none;
             outline: none
         }
         hr {
             display: block;
             height: 1px;
             border: 0;
             border-top: 1px solid #ccc;
             margin: 1em 0;
             padding: 0
         }
         ul,
         ol {
             padding: 0
         }
         ul li ul,
         ol li ol {
             padding-left: 15px
         }
         ul {
             list-style: disc;
             list-style-position: inside
         }
         ol {
             list-style: decimal;
             list-style-position: inside
         }
         li>ul,
         li>ol {
             margin-bottom: 0
         }
         dl {
             margin: 0 0 1.75em
         }
         dt {
             font-weight: 700
         }
         dd {
             margin: 0 0 1.75em
         }
         del {
             opacity: .8
         }
         table,
         th,
         td {
             border: 1px solid #d1d1d1
         }
         caption,
         th,
         td {
             font-weight: 400;
             text-align: left
         }
         th {
             border-width: 0 1px 1px 0;
             font-weight: 700
         }
         td {
             border-width: 0 1px 1px 0
         }
         th,
         td {
             padding: 10px
         }
         table {
             margin-bottom: 30px;
             width: 100%
         }
         body {
             font-family: 'Roboto', sans-serif, Arial;
             font-weight: 400;
             font-size: 14px;
             line-height: 1;
             background: #444;
             overflow-y: scroll
         }
         #loader-wrapper {
             background-color: #fff;
             height: 100%;
             width: 100%;
             position: fixed;
             z-index: 200;
             margin-top: 0;
             top: 0
         }
         #loading-text {
             position: absolute;
             left: 50%;
             top: 50%;
             font-family: 'Roboto';
             margin-top: 45px;
             -webkit-transform: translateX(-50%);
             -moz-transform: translateX(-50%);
             -ms-transform: translateX(-50%);
             transform: translateX(-50%);
             font-size: 16px;
             line-height: 22px;
             font-weight: 700;
             color: #222
         }
         #loader {
             position: absolute;
             top: 50%;
             left: 50%;
             -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
             -ms-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%)
         }
         #loader {
             height: 0;
             width: 0;
             -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
             box-sizing: border-box;
             border: 0 solid #51c8fa;
             -moz-border-radius: 50%;
             border-radius: 50%;
             -webkit-animation: loader-figure 1.15s infinite cubic-bezier(.215, .61, .355, 1);
             -moz-animation: loader-figure 1.15s infinite cubic-bezier(.215, .61, .355, 1);
             animation: loader-figure 1.15s infinite cubic-bezier(.215, .61, .355, 1)
         }
         @-webkit-keyframes loader-figure {
             0% {
                 height: 0;
                 width: 0
             }
             30% {
                 height: 2em;
                 width: 2em;
                 border-width: 1em;
                 opacity: 1
             }
             100% {
                 height: 2em;
                 width: 2em;
                 border-width: 0;
                 opacity: 0
             }
         }
         @-moz-keyframes loader-figure {
             0% {
                 height: 0;
                 width: 0
             }
             30% {
                 height: 2em;
                 width: 2em;
                 border-width: 1em;
                 opacity: 1
             }
             100% {
                 height: 2em;
                 width: 2em;
                 border-width: 0;
                 opacity: 0
             }
         }
         @keyframes loader-figure {
             0% {
                 height: 0;
                 width: 0
             }
             30% {
                 height: 2em;
                 width: 2em;
                 border-width: 1em;
                 opacity: 1
             }
             100% {
                 height: 2em;
                 width: 2em;
                 border-width: 0;
                 opacity: 0
             }
         }
         body.bg-grey {
             background-color: #dfdfdf;
             -webkit-background-size: contain;
             -moz-background-size: contain;
             background-size: cover;
             background-repeat: no-repeat;
             background-position: top center;
             background-attachment: fixed
         }
         .bg-white {
             background: #fff;
             margin-left: -15px;
             margin-right: -15px;
             padding-left: 15px;
             padding-right: 15px
         }
         .table-view {
             height: 100%;
             width: 100%;
             display: table
         }
         .row-view {
             display: table-row
         }
         .cell-view {
             display: table-cell;
             vertical-align: middle
         }
         .background-block {
             -moz-background-size: cover;
             -webkit-background-size: cover;
             background-size: cover;
             background-position: center center
         }
         .nopadding {
             padding-left: 0;
             padding-right: 0
         }
         .nomargin {
             margin-left: 0;
             margin-right: 0
         }
         a,
         input,
         textarea,
         button,
         select {
             outline: none!important
         }
         a {
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         a,
         a:link,
         a:visited,
         a:active,
         a:hover {
             cursor: pointer;
             text-decoration: none;
             outline: none
         }
         a:focus {
             text-decoration: none
         }
         /* Envuelve el contenido principal y oculta el desbordamiento */
         #wrapper {
                 
             overflow: hidden;
         }
         /* Define el ancho y el margen del contenedor principal cuando está en modo "boxed" */
         .boxed #content-wrapper {
             width: 1338px;
             margin: 0 auto;
         }
         /* Añade padding y oculta el desbordamiento para un contenedor fluido */
         .fluid-9 {
             padding-left: 9px;
             padding-right: -9px;
             overflow: hidden;
         }
         /* Define los márgenes negativos para las filas */
         .row-14 {
             margin-left: -7px;
             margin-right: -7px;
         }
         /* Añade padding a las columnas dentro de las filas */
         .row-14 > div[class^="col-"] {
             padding-left: 7px;
             padding-right: 7px;
         }
         /* Estilo para contenedores grandes con un ancho específico en pantallas anchas */
         @media (min-width: 1310px) {
             .container {
                 width: 1280px;
             }
         }
     /**empieza*/
     /* Estilos para un efecto hover personalizado */
     .custom-hover {
         display: inline-block;
         font-size: 0; /* Elimina el espacio blanco alrededor de las imágenes */
         position: relative;
         overflow: hidden; /* Oculta el contenido que se desborda */
         vertical-align: top;
         max-width: 100%;
         transform: translateZ(0); /* Optimización para renderizado */
     }
 
     /* Transiciones suaves para imágenes en hover */
     .custom-hover img,
     .custom-hover-img {
     
         max-width: 100%;
         transition: all 300ms ease-in-out; /* Efecto suave de transición */
     }
 
     /* Efecto de escala en imágenes al hacer hover */
     .custom-hover:hover img,
     .custom-hover:hover .custom-hover-img {
         transform: scale(1.1); /* Aumenta el tamaño al hacer hover */
     }
 
     /* Estilos para diferentes niveles de encabezados */
     .simple-text h1, .c-h1,
     .simple-text h2, .c-h2,
     .simple-text h3, .c-h3,
     .simple-text h4, .c-h4,
     .simple-text h5, .c-h5,
     .simple-text h6, .c-h6 {
         font-family: 'Roboto';
         color: white; /* Color estándar para todos los encabezados */
     }
 
     /* Estilos específicos por tamaño de encabezado */
     .simple-text h1, .c-h1 { font-size: 48px; line-height: 58px; font-weight: 700; color: white}
     .simple-text h2, .c-h2 { font-size: 32px; line-height: 38px; font-weight: 700; color: white}
     .simple-text h3, .c-h3 { font-size: 28px; line-height: 34px; font-weight: 700; color: white}
     .simple-text h3 small, .c-h3 small { font-size: 24px; line-height: 28px; font-weight: inherit; color: white; }
     .simple-text h4, .c-h4 { font-size: 20px; line-height: 24px; font-weight: 700; }
     .simple-text h4 small, .c-h4 small { font-size: 18px; line-height: 22px; font-weight: inherit; color: white; }
     .simple-text h5, .c-h5 { font-size: 16px; line-height: 20px; font-weight: 700; }
     .simple-text h5 small, .c-h5 small { font-size: 14px; line-height: 18px; font-weight: inherit; color: white; }
     .simple-text h6, .c-h6 { font-size: 13px; line-height: 17px; font-weight: 700; }
     .simple-text h6 small, .c-h6 small { font-size: 12px; line-height: 16px; font-weight: inherit; color: white; }
 
     /* Ajustes de estilo para encabezados en pantallas pequeñas */
     @media (max-width: 767px) {
         .simple-text h1, .c-h1 { font-size: 32px; line-height: 38px; }
         .simple-text h2, .c-h2 { font-size: 28px; line-height: 34px; }
         .simple-text h3, .c-h3 { font-size: 26px; line-height: 30px; }
     }
 
     /* Nuevo código: Ajuste de cabecera */
     .t-header-height .tt-header-margin {
         height: 100px;
         min-height: 80px;
         max-height: 150px;
         box-sizing: border-box; /* Incluye padding y borde */
         margin: 20px 10px; /* Margen estándar */
     }
 
     /* Estilos generales para texto */
     .simple-text {
         font-size: 13px;
         line-height: 21px;
         font-weight: 400;
         color: white; /* Color estándar del texto */
     }
 
     .simple-text span {
         color: yellow; /* Color del texto dentro de span */
     }
 
 
     .simple-text i,
     .simple-text em {
         font-style: italic;
     }
 
     .simple-text b,
     .simple-text strong,
     strong,
     b {
         font-weight: 700;
     }
 
     .simple-text u {
         text-decoration: underline;
     }
 
     .simple-text a {
         color: #51c8fa;
     }
 
     .simple-text a:hover {
         color: white;
     }
 
     /* Tamaños de texto personalizados */
     .simple-text.size-2 { font-size: 11px; line-height: 16px; }
     .simple-text.size-3 { font-size: 24px; line-height: 36px; }
     .simple-text.size-4 { font-size: 18px; line-height: 30px; }
     .simple-text.size-5 { font-size: 14px; line-height: 18px; }
     .simple-text.size-6 { font-size: 16px; line-height: 24px; }
 
     /* Variaciones de color */
     .simple-text.color-2 { color: white; }
     .simple-text.color-3 { color: #b5b5b5; }
     .simple-text.color-4 { color: rgba(255, 255, 255, .7); }
     .simple-text.color-5 { color: #a9b3ae; }
 
     /* Estilos específicos para imágenes alineadas */
     .simple-text .simple-img[align="left"] {
         float: left;
         margin-right: 30px;
         margin-bottom: 20px;
     }
 
     .simple-text .simple-img[align="right"] {
         float: right;
         margin-left: 30px;
         margin-bottom: 20px;
     }
 
 
     /* Texto color blanco */
 
         .wpb_wrapper * {
             color: white;
         }
         .wpb_wrapper > a {
         color: grey
         }
 
 
 
         .c-btn,
         .tt-comment-form .form-submit {
             display: inline-block;
             overflow: hidden;
             vertical-align: bottom
         }
         .c-btn.type-1,
         .tt-comment-form .form-submit {
             position: relative;
             font-family: 'Roboto';
             font-size: 10px;
             line-height: 18px;
             font-weight: 400;
             color: #111;
             border: 2px solid #111;
             text-transform: uppercase;
             text-align: center;
             z-index: 2
         }
         .c-btn.type-1 span,
         .c-btn.type-1 input,
         .tt-comment-form .form-submit input {
             font-family: inherit;
             display: block;
             font-weight: 600;
             position: relative;
             padding: 2px 35px 1px 35px
         }
         .c-btn.type-1:before,
         .tt-comment-form .form-submit:before {
             content: '';
             position: absolute;
             width: 0;
             height: 100%;
             left: -10%;
             bottom: 0;
             background: #111;
             -webkit-transform: skewX(15deg);
             -moz-transform: skewX(15deg);
             -ms-transform: skewX(15deg);
             transform: skewX(15deg);
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .c-btn.type-1 input,
         .tt-comment-form .form-submit input {
             background: transparent;
             border: 0;
             font-size: inherit;
             line-height: inherit;
             text-transform: inherit;
             letter-spacing: inherit;
             font-weight: inherit
         }
         .c-btn.type-1:hover,
         .tt-comment-form .form-submit:hover {
             color: #fff
         }
         .c-btn.type-1:hover:before,
         .tt-comment-form .form-submit:hover:before {
             width: 120%
         }
         .c-btn.type-1.inherit,
         .tt-comment-form .form-submit {
             text-transform: inherit
         }
         .c-btn.type-1.size-2,
         .tt-comment-form .form-submit {
             font-size: 14px;
             font-weight: 700
         }
         .c-btn.type-1.size-2 span,
         .c-btn.type-1.size-2 input {
             padding: 9px 23px 7px 23px
         }
         .c-btn.type-1.size-3 {
             font-size: 12px;
             font-weight: 700;
             width: 100%
         }
         .c-btn.type-1.size-3 span,
         .c-btn.type-1.size-3 input {
             width: 100%;
             padding: 10px 23px 8px 23px
         }
         .c-btn.type-1.size-3 .fa {
             font-size: 16px;
             line-height: 16px;
             margin-right: 5px;
             vertical-align: text-top
         }
         .c-btn.type-1.size-4 {
             font-size: 12px;
             font-weight: 700
         }
         .c-btn.type-1.size-4 span,
         .c-btn.type-1.size-4 input {
             padding: 6px 15px 3px 15px
         }
         .c-btn.type-1.full {
             width: 100%
         }
         .c-btn.type-1.full span,
         .c-btn.type-1.full input {
             width: 100%
         }
         .c-btn.type-1.color-2,
         .tt-comment-form .form-submit {
             border-color: #51c8fa;
             color: #51c8fa
         }
         .c-btn.type-1.color-2:before,
         .tt-comment-form .form-submit:before {
             background: #51c8fa
         }
         .c-btn.type-1.color-2:hover,
         .tt-comment-form .form-submit:hover {
             color: #fff
         }
         .c-btn.type-1.color-3 {
             border-color: #485f95;
             color: #485f95
         }
         .c-btn.type-1.color-3:before {
             background: #485f95
         }
         .c-btn.type-1.color-3:hover {
             color: #fff
         }
         .c-btn.type-1.color-4 {
             border-color: #49c4f0;
             color: #49c4f0
         }
         .c-btn.type-1.color-4:before {
             background: #49c4f0
         }
         .c-btn.type-1.color-4:hover {
             color: #fff
         }
         .c-btn.type-1.color-5 {
             border-color: #4a7393;
             color: #4a7393
         }
         .c-btn.type-1.color-5:before {
             background: #4a7393
         }
         .c-btn.type-1.color-5:hover {
             color: #fff
         }
         .c-btn.type-1.color-6 {
             border-color: #efefef;
             color: #666
         }
         .c-btn.type-1.color-6:before {
             background: #efefef
         }
         .c-btn.type-1.color-7 {
             border-color: #666;
             color: #666
         }
         .c-btn.type-1.color-7:before {
             background: #666
         }
         .c-btn.type-1.color-7:hover {
             color: #fff
         }
         .c-btn.type-1.style-2,
         .tt-comment-form .form-submit {
             background: #111;
             color: #fff
         }
         .c-btn.type-1.style-2:before {
             background: #fff
         }
         .c-btn.type-1.style-2:hover {
             color: #111
         }
         .c-btn.type-1.style-2.color-2,
         .tt-comment-form .form-submit {
             background: #51c8fa
         }
         .c-btn.type-1.style-2.color-2:before,
         .tt-comment-form .form-submit:before {
             background: #fff
         }
         .c-btn.type-1.style-2.color-2:hover,
         .tt-comment-form .form-submit:hover {
             color: #51c8fa
         }
         .c-btn.type-1.style-2.color-3 {
             background: #485f95
         }
         .c-btn.type-1.style-2.color-3:before {
             background: #fff
         }
         .c-btn.type-1.style-2.color-3:hover {
             color: #485f95
         }
         .c-btn.type-1.style-2.color-4 {
             background: #49c4f0
         }
         .c-btn.type-1.style-2.color-4:before {
             background: #fff
         }
         .c-btn.type-1.style-2.color-4:hover {
             color: #49c4f0
         }
         .c-btn.type-1.style-2.color-5 {
             background: #4a7393
         }
         .c-btn.type-1.style-2.color-5:before {
             background: #fff
         }
         .c-btn.type-1.style-2.color-5:hover {
             color: #4a7393
         }
         .c-btn.type-1.style-2.color-6 {
             background: #efefef;
             color: #666
         }
         .c-btn.type-1.style-2.color-6:before {
             background: #fff
         }
         .c-btn.type-1.style-2.color-7 {
             background: #666
         }
         .c-btn.type-1.style-2.color-7:before {
             background: #fff
         }
         .c-btn.type-1.style-2.color-7:hover {
             color: #666
         }
         @media (max-width: 767px) {
             .c-btn.type-1 {
                 width: 100%
             }
             .c-btn.type-1 input {
                 width: 100%;
                 text-align: center
             }
         }
         .c-btn.type-2 {
             display: block;
             font-family: 'Roboto';
             font-size: 12px;
             line-height: 16px;
             font-weight: 700;
             color: #666;
             text-transform: uppercase;
             text-align: center
         }
         .c-btn.type-2:hover {
             color: #51c8fa
         }
         .c-btn.type-3,
         .footer_widget.widget_tag_cloud .tagcloud a {
             font-family: 'Roboto';
             font-size: 10px;
             line-height: 14px;
             font-weight: 400;
             color: #fff;
             opacity: .4;
             text-transform: uppercase;
             border: 1px solid rgba(255, 255, 255, .2);
             padding: 3px 7px;
             -moz-border-radius: 3px;
             border-radius: 3px
         }
         .c-btn.type-3:hover,
         .footer_widget.widget_tag_cloud .tagcloud a:hover {
             opacity: 1;
             border-color: #fff
         }
         .c-btn.type-3.color-2 {
             color: #fff;
             border-color: #fff;
             opacity: 1
         }
         .c-btn.type-3.color-2:hover {
             color: #51c8fa;
             border-color: #51c8fa
         }
         .c-btn.type-3.color-3 {
             color: #51c8fa;
             opacity: 1;
             border-color: #eaeaea
         }
         .c-btn.type-3.color-3:hover {
             color: #111
         }
         .c-btn.type-3.color-4 {
             color: rgba(102, 102, 102, .6);
             opacity: 1;
             border-color: rgba(102, 102, 102, .1)
         }
         .c-btn.type-3.color-4:hover {
             color: #111;
             border-color: #111
         }
         .c-input {
             width: 100%;
             height: 40px;
             font-family: 'Roboto';
             font-size: 13px;
             line-height: 38px;
             font-weight: 400;
             color: #b5b5b5;
             padding: 0 15px;
             border: 1px solid #eaeaea;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .c-input::-webkit-input-placeholder {
             font-family: 'Roboto';
             font-size: 13px;
             font-weight: 400;
             color: #b5b5b5;
             opacity: 1
         }
         .c-input:-moz-placeholder {
             font-family: 'Roboto';
             font-size: 13px;
             font-weight: 400;
             color: #b5b5b5;
             opacity: 1
         }
         .c-input::-moz-placeholder {
             font-family: 'Roboto';
             font-size: 13px;
             font-weight: 400;
             color: #b5b5b5;
             opacity: 1
         }
         .c-input:-ms-input-placeholder {
             font-family: 'Roboto';
             font-size: 13px;
             font-weight: 400;
             color: #b5b5b5;
             opacity: 1
         }
         .c-input:focus {
             border-color: #51c8fa
         }
         .c-input.size-2 {
             height: 52px
         }
         .c-input.size-3 {
             height: 30px
         }
         .c-area {
             width: 100%;
             height: 134px;
             font-family: 'Roboto';
             font-size: 13px;
             line-height: 17px;
             font-weight: 400;
             color: #b5b5b5;
             padding: 10px 15px;
             border: 1px solid #eaeaea;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .c-area::-webkit-input-placeholder {
             font-family: 'Roboto';
             font-size: 13px;
             font-weight: 400;
             color: #b5b5b5;
             opacity: 1
         }
         .c-area:-moz-placeholder {
             font-family: 'Roboto';
             font-size: 13px;
             font-weight: 400;
             color: #b5b5b5;
             opacity: 1
         }
         .c-area::-moz-placeholder {
             font-family: 'Roboto';
             font-size: 13px;
             font-weight: 400;
             color: #b5b5b5;
             opacity: 1
         }
         .c-area:-ms-input-placeholder {
             font-family: 'Roboto';
             font-size: 13px;
             font-weight: 400;
             color: #b5b5b5;
             opacity: 1
         }
         .c-area:focus {
             border-color: #51c8fa
         }
         .img-border {
             border: 1px solid #eaeaea
         }
         .tt-devider {
             width: 100%;
             height: 1px;
             background: #eaeaea
         }
         .pleft30 {
             padding-left: 30px
         }
         @media (max-width: 1199px) {
             .pleft30 {
                 padding-left: 30px
             }
         }
         @media (max-width: 767px) {
             #banner1  .swiper-containerb1{
                 display: table;
                 margin-left: auto;
                 margin-right: auto;
                 height: 110;
             }
             .swiper-containerb1{
                height: 110px;
             }
              #banner2 .swiper-containerb2{
                 display: table;
                 margin-left: auto;
                 margin-right: auto;
                 height: 110;
             }
             .swiper-containerb2{
                height: 110px;
             }


         }
         .tt-header-wrapper {
             /*  background: #fff; */
             background: black;
             border-bottom: 1px solid #eaeaea;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out;
             max-height: 100px;
         }
         .tt-header {
             position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             z-index: 101
         }
         .tt-disable-sticky .tt-header,
         .tt-disble-sticky .tt-header.banner {
             position: relative!important
         }
         .tt-disable-sticky.admin-bar .tt-header {
             top: 0
         }
         .admin-bar .tt-header {
             top: 32px
         }
         .admin-bar #content-wrapper.active .tt-header {
             top: 0!important
         }
         .tt-header ul {
             padding-left: 0
         }
         /* cambio de logo  de 52 x 52 */
         .tt-header .logo {
             display: flex ;
             align-items: center;
         }
         
         .tt-header .logo img {
             height: 80px;
             margin-right: 20px;
         
             
             
         }
         
        /* 🔹 Estilos generales para todos los elementos dentro del nav */
nav * {
    font-size: 15px; /* Establece el tamaño de fuente a 15px */
    color: white;    /* Establece el color del texto a blanco */
}

/* 🔹 Estilos para la navegación principal en el encabezado */
.tt-header .main-nav {
    font-family: 'Roboto'; /* Establece la fuente Roboto */
}

/* 🔹 Estilos para la lista principal de navegación */
.tt-header .main-nav>ul {
    list-style: none;      /* Elimina los puntos de la lista */
    margin-bottom: 0;      /* Elimina el margen inferior */
}

/* 🔹 Estilos para los enlaces de los elementos de la lista principal */
.tt-header .main-nav>ul>li>a {
    font-size: 14px;       /* Establece el tamaño de fuente a 14px */
    line-height: 17px;     /* Establece la altura de línea a 17px */
    font-weight: 400;      /* Establece el grosor de la fuente a 400 */
    color: #111;           /* Establece el color del texto a #111 */
}

/* 🔹 Estilos para los enlaces activos o al pasar el mouse */
.tt-header .main-nav>ul>li.active>a,
.tt-header .main-nav>ul>li:hover>a {
    color: #51c8fa;       /* Cambia el color del texto a #51c8fa */
}

/* 🔹 Estilos para las listas secundarias dentro de la navegación principal */
.tt-header .main-nav>ul>li>ul {
    list-style: none;      /* Elimina los puntos de la lista */
}

/* 🔹 Estilos para las listas terciarias dentro de las listas secundarias */
.tt-header .main-nav>ul>li>ul>li>ul {
    list-style: none;      /* Elimina los puntos de la lista */
}

/* 🔹 Estilos para la posición del elemento nav-more en encabezados deshabilitados */
.tt-top-header-disable .tt-header .nav-more {
    top: 14px;             /* Establece la posición superior a 14px */
}

/* 🔹 Estilos para la posición del elemento nav-more en encabezados de estilo 11 deshabilitados */
.tt-top-header-disable.header-style11 .tt-header .nav-more {
    top: 78px;             /* Establece la posición superior a 78px */
}

/* 🔹 Estilos generales para el elemento nav-more */
.tt-header .nav-more {
    position: absolute;    /* Posiciona el elemento de forma absoluta */
    top: 61px;             /* Establece la posición superior a 61px */
    right: 50%;            /* Coloca el elemento a la mitad del contenedor desde la derecha */
    text-align: left;      /* Alinea el texto a la izquierda */
    margin-right: -625px;  /* Ajusta el margen derecho a -625px */
    height: 90px;          /* Establece la altura del elemento a 90px */
    line-height: 90px;     /* Establece la altura de línea a 90px */
    -webkit-transition: all 300ms ease-in-out; /* Transición suave en Webkit */
    -moz-transition: all 300ms ease-in-out;    /* Transición suave en Firefox */
    transition: all 300ms ease-in-out;         /* Transición suave en navegadores modernos */
}

/* 🔹 Estilos para la posición del elemento nav-more alineado a la izquierda */
.tt-header .nav-more.nav-more-left {
    left: 50%;            /* Coloca el elemento a la mitad del contenedor desde la izquierda */
    margin-left: -625px;  /* Ajusta el margen izquierdo a -625px */
    width: 20%;           /* Establece el ancho del elemento al 20% */
}

/* 🔹 Estilos para las imágenes de noticias urgentes */
.tt-post-breaking-news.tt-post.type-7 .tt-post-img {
    width: auto;           /* Establece el ancho automático */
    margin-right: 10px;    /* Añade un margen derecho de 10px */
}

/* 🔹 Estilos para los elementos dentro del nav-more */
.tt-header .nav-more>* {
    vertical-align: middle; /* Alinea los elementos verticalmente en el medio */
}

/* 🔹 Estilos para el estado de enfoque del interruptor de alternancia común */
.cmn-toggle-switch:focus {
    outline: none;         /* Elimina el contorno de enfoque */
}

/* 🔹 Estilos generales para el interruptor de alternancia común */
.tt-header .cmn-toggle-switch {
    display: none;          /* Oculta el interruptor por defecto */
    position: relative;     /* Establece la posición relativa */
    float: right;           /* Coloca el interruptor a la derecha */
    margin-top: 19px;       /* Añade un margen superior de 19px */
    padding: 0;             /* Elimina el relleno */
    width: 30px;            /* Establece el ancho del interruptor a 30px */
    height: 17px;           /* Establece la altura del interruptor a 17px */
    cursor: pointer;        /* Cambia el cursor a pointer al pasar sobre el interruptor */
    z-index: 101;           /* Establece el índice z a 101 para asegurarse de que esté en la parte superior */
}

/* 🔹 Estilos para el span dentro del interruptor de alternancia común */
.tt-header .cmn-toggle-switch span {
    display: block;         /* Hace que el span sea un elemento de bloque */
    position: absolute;     /* Posiciona el span de forma absoluta */
    top: 7px;               /* Establece la posición superior a 7px */
    left: 0;
    right: 0;
    height: 3px;            /* Establece la altura del span a 3px */
    background: #949494;    /* Establece el color de fondo a #949494 */
    -webkit-transition: all 300ms ease-in-out; /* Transición suave en Webkit */
    -moz-transition: all 300ms ease-in-out;    /* Transición suave en Firefox */
    transition: all 300ms ease-in-out;         /* Transición suave en navegadores modernos */
}

/* 🔹 Estilos para los pseudo-elementos antes y después del interruptor de alternancia común */
.tt-header .cmn-toggle-switch::before,
.tt-header .cmn-toggle-switch::after {
    content: "";            /* Establece el contenido vacío */
    position: absolute;     /* Posiciona de forma absoluta */
    display: block;         /* Hace que el pseudo-elemento sea un elemento de bloque */
    top: 7px;               /* Establece la posición superior a 7px */
    left: 0;
    width: 100%;
    height: 3px;            /* Establece la altura a 3px */
    background: #949494;    /* Establece el color de fondo a #949494 */
    -webkit-transition: all 300ms ease-in-out; /* Transición suave en Webkit */
    -moz-transition: all 300ms ease-in-out;    /* Transición suave en Firefox */
    transition: all 300ms ease-in-out;         /* Transición suave en navegadores modernos */
}

/* 🔹 Ajustes para el pseudo-elemento antes del interruptor de alternancia común */
.tt-header .cmn-toggle-switch::before {
    margin-top: -7px;      /* Añade un margen superior negativo de 7px */
}

/* 🔹 Ajustes para el pseudo-elemento después del interruptor de alternancia común */
.tt-header .cmn-toggle-switch::after {
    margin-top: 7px;       /* Añade un margen superior de 7px */
}

/* 🔹 Estilos para el interruptor de alternancia común cuando está activo */
.tt-header .cmn-toggle-switch.active::before {
    -webkit-transform: translateY(7px) rotate(45deg); /* Transforma el pseudo-elemento antes en Webkit */
    -moz-transform: translateY(7px) rotate(45deg);    /* Transforma el pseudo-elemento antes en Firefox */
    -ms-transform: translateY(7px) rotate(45deg);     /* Transforma el pseudo-elemento antes en IE */
    transform: translateY(7px) rotate(45deg);         /* Transforma el pseudo-elemento antes en navegadores modernos */
    -webkit-transform-origin: center center;          /* Establece el origen de la transformación en Webkit */
    -moz-transform-origin: center center;             /* Establece el origen de la transformación en Firefox */
    -ms-transform-origin: center center;              /* Establece el origen de la transformación en IE */
    transform-origin: center center;                  /* Establece el origen de la transformación en navegadores modernos */
}
/* 🔹 Estilos para el interruptor de alternancia común cuando está activo */
.tt-header .cmn-toggle-switch.active::after {
    -webkit-transform: translateY(-7px) rotate(-45deg); /* Transforma el pseudo-elemento después en Webkit */
    -moz-transform: translateY(-7px) rotate(-45deg);    /* Transforma el pseudo-elemento después en Firefox */
    -ms-transform: translateY(-7px) rotate(-45deg);     /* Transforma el pseudo-elemento después en IE */
    transform: translateY(-7px) rotate(-45deg);         /* Transforma el pseudo-elemento después en navegadores modernos */
    -webkit-transform-origin: center center;            /* Establece el origen de la transformación en Webkit */
    -moz-transform-origin: center center;               /* Establece el origen de la transformación en Firefox */
    -ms-transform-origin: center center;                /* Establece el origen de la transformación en IE */
    transform-origin: center center;                    /* Establece el origen de la transformación en navegadores modernos */
}

/* 🔹 Estilos para el span dentro del interruptor de alternancia común cuando está activo */
.tt-header .cmn-toggle-switch.active span {
    opacity: 0; /* Establece la opacidad a 0 para ocultar el span cuando el interruptor está activo */
}

/* 🔹 Estilo para el margen del encabezado */
.tt-header-margin {
    height: 100px; /* Establece la altura del margen del encabezado a 222px */
}

/* 🔹 Estilo para el encabezado con banner y margen */
.tt-header.banner.tt-header-margin {
    height: 428px; /* Establece la altura del encabezado con banner a 428px */
}

/* 🔹 Estilo para el botón emergente */
.tt-s-popup-btn {
    display: block;         /* Hace que el botón sea un elemento de bloque */
    width: 40px;            /* Establece el ancho del botón a 40px */
    height: 40px;           /* Establece la altura del botón a 40px */
    font-size: 14px;        /* Establece el tamaño de fuente a 14px */
    line-height: 14px;      /* Establece la altura de línea a 14px */
    color: #111;            /* Establece el color del texto a #111 */
    text-align: center;     /* Alinea el texto al centro */
    line-height: 40px;      /* Ajusta la altura de línea a 40px para centrar verticalmente el texto */
}



         .tt-s-popup-btn:hover {
             color: grey /*#51c8fa */
         }
         .cmn-mobile-switch:focus
         { outline: none; /* Elimina el contorno cuando el elemento ha sido enfocado */ }
         .tt-header .cmn-mobile-switch { 
             position: absolute; /* Posiciona el botón de manera absoluta dentro del contenedor .tt-header */ 
             /*bottom: -70px; /* Coloca el botón -70px píxeles por debajo del fondo del contenedor */ 
             top: 4px;
             left: 15px; /* Coloca el botón 15 píxeles desde la izquierda del contenedor */ 
             padding: 0; /* Elimina el padding del botón */ 
             width: 20px; /* Ancho del botón de 12 píxeles */ 
             height: 20px; /* Altura del botón de 9 píxeles */ 
             cursor: pointer; /* Cambia el cursor a una mano apuntadora al pasar por encima */ 
             z-index: 10; /* Asegura que se mantenga por encima de otros elementos */ 
             -webkit-transition: all 300ms ease-in-out; /* Transiciones suaves en navegadores WebKit */ 
             -moz-transition: all 300ms ease-in-out; /* Transiciones suaves en navegadores Mozilla */ 
             transition: all 300ms ease-in-out; /* Transiciones suaves en otros navegadores */
             background:  grey
         } 
             .tt-header .cmn-mobile-switch span { 
             display: block; /* Mostrar como un bloque */ 
             position: absolute; /* Posición absoluta dentro del botón */ 
             top: 4px; /* 4 píxeles desde la parte superior del botón  4px */ 
             left: 0; /* Alinea a la izquierda */ 
             right: 0; /* Alinea a la derecha */ 
             height: 2px; /* Altura de 2 píxeles */ 
             background:  grey; /*#111; /* Color de fondo negro */ 
             -webkit-transition: all 300ms ease-in-out; /* Transiciones suaves en navegadores WebKit */ 
             -moz-transition: all 300ms ease-in-out; /* Transiciones suaves en navegadores Mozilla */ 
             transition: all 300ms ease-in-out; /* Transiciones suaves en otros navegadores */
         } 
         .tt-header .cmn-mobile-switch::before, 
         .tt-header .cmn-mobile-switch::after {
             content: ""; /* Elementos generados antes y después del botón */ 
             position: absolute; /* Posición absoluta dentro del botón */ 
             display: block; /* Mostrar como un bloque */ 
             left: 0; /* Alinea a la izquierda */ 
             width: 100%; /* Ancho completo */ 
             height: 2px; /* Altura de 2 píxeles */ 
             
             background: grey ; /* Color de fondo negro #111 */ 
             -webkit-transition: all 300ms ease-in-out; /* Transiciones suaves en navegadores WebKit */ 
             -moz-transition: all 300ms ease-in-out; /* Transiciones suaves en navegadores Mozilla */ 
             transition: all 300ms ease-in-out; /* Transiciones suaves en otros navegadores */ 
         } 
             .tt-header .cmn-mobile-switch::before {
             top: 0; /* Posiciona el elemento generado antes en la parte superior */ 
         } 
         .tt-header .cmn-mobile-switch::after {
             top: 8px; /* Posiciona el elemento generado después 8 píxeles desde la parte superior */ 
             } 
             .tt-header .cmn-mobile-switch:hover:before, .tt-header .cmn-mobile-switch:hover:after, .tt-header .cmn-mobile-switch:hover span { 
                 background:grey /* #111; /* Cambia el color de fondo a negro cuando se pasa el ratón sobre el botón */ }
         
         .tt-mobile-block {
             position: fixed; /* Fija la posición del elemento relativo a la ventana del navegador */
             top: 0; /* El bloque comienza en la parte superior de la ventana */
             left: 0; /* El bloque comienza en la parte izquierda de la ventana */
             bottom: 0; /* El bloque se extiende hasta la parte inferior de la ventana */
             width: 360px; /* Establece el ancho del bloque */
             background: #000; /* Establece el color de fondo del bloque a negro */
             overflow: auto; /* Permite el desplazamiento si el contenido es más grande que el bloque */
             padding: 30px 30px 30px 30px; /* Agrega relleno alrededor del contenido del bloque  60px 30px 30px 30px*/
             -webkit-transform: translateX(-100%); /* Mueve el bloque fuera de la vista (a la izquierda) en navegadores WebKit */
             -moz-transform: translateX(-100%); /* Mueve el bloque fuera de la vista (a la izquierda) en navegadores Mozilla */
             -ms-transform: translateX(-100%); /* Mueve el bloque fuera de la vista (a la izquierda) en navegadores Microsoft */
             transform: translateX(-100%); /* Mueve el bloque fuera de la vista (a la izquierda) en navegadores compatibles con transform */
             z-index: 201; /* Coloca el bloque por encima de otros elementos con un índice Z menor */
             -webkit-transition: all 300ms ease-in-out; /* Agrega una transición suave para todas las propiedades en navegadores WebKit */
             -moz-transition: all 300ms ease-in-out; /* Agrega una transición suave para todas las propiedades en navegadores Mozilla */
             transition: all 300ms ease-in-out; /* Agrega una transición suave para todas las propiedades */
         }
         .tt-mobile-block.active {
             -webkit-transform: translateX(0); /* Mueve el bloque a su posición original en navegadores WebKit */
             -moz-transform: translateX(0); /* Mueve el bloque a su posición original en navegadores Mozilla */
             -ms-transform: translateX(0); /* Mueve el bloque a su posición original en navegadores Microsoft */
             transform: translateX(0); /* Mueve el bloque a su posición original en navegadores compatibles con transform */
         }
         .tt-mobile-overlay {
             display: block; /* Muestra el elemento como un bloque */
             position: fixed; /* Fija la posición del elemento relativo a la ventana del navegador */
             top: 0; /* El overlay comienza en la parte superior de la ventana */
             left: 0; /* El overlay comienza en la parte izquierda de la ventana */
             width: 100%; /* El overlay ocupa el ancho completo de la ventana */
             height: 100%; /* El overlay ocupa la altura completa de la ventana */
             opacity: 0; /* Hace el overlay completamente transparente */
             visibility: hidden; /* Oculta el overlay de la vista */
             z-index: 200; /* Coloca el overlay por debajo del bloque móvil pero por encima de otros elementos */
             -webkit-transition: all 300ms ease-in-out; /* Agrega una transición suave para todas las propiedades en navegadores WebKit */
             -moz-transition: all 300ms ease-in-out; /* Agrega una transición suave para todas las propiedades en navegadores Mozilla */
             transition: all 300ms ease-in-out; /* Agrega una transición suave para todas las propiedades */
         }
         .tt-mobile-overlay.active {
             visibility: visible; /* Hace visible el overlay */
         }
         .tt-mobile-close {
             display: block; /* Muestra el elemento como un bloque */
             position: absolute; /* Fija la posición relativa al contenedor más cercano con posición distinta a "static" */
             top: 18px; /* El botón de cierre comienza a 18px de la parte superior del contenedor */
             right: 20px; /* El botón de cierre comienza a 20px de la parte derecha del contenedor */
             width: 16px; /* Ancho del botón de cierre */
             height: 16px; /* Altura del botón de cierre */
             cursor: pointer; /* Cambia el cursor a una mano cuando el usuario pasa sobre el botón */
         }
         .tt-mobile-close:before,
         .tt-mobile-close:after {
             content: ""; /* Inserta contenido vacío antes y después del botón de cierre */
             position: absolute; /* Fija la posición relativa al botón de cierre */
             display: block; /* Muestra el elemento como un bloque */
             top: 7px; /* Posiciona a 7px de la parte superior del botón */
             left: 0; /* Posiciona a la izquierda del botón */
             width: 100%; /* Ancho completo del botón */
             height: 2px; /* Altura de 2px */
             background: #d1d1d1; /* Color de fondo gris claro */
             -webkit-transition: all 300ms ease-in-out; /* Agrega una transición suave para todas las propiedades en navegadores WebKit */
             -moz-transition: all 300ms ease-in-out; /* Agrega una transición suave para todas las propiedades en navegadores Mozilla */
             transition: all 300ms ease-in-out; /* Agrega una transición suave para todas las propiedades */
         }
         .tt-mobile-close:before {
             margin-top: -7px; /* Mueve el elemento antes 7px hacia arriba */
             -webkit-transform: translateY(7px) rotate(45deg); /* Rota 45 grados en navegadores WebKit */
             -moz-transform: translateY(7px) rotate(45deg); /* Rota 45 grados en navegadores Mozilla */
             -ms-transform: translateY(7px) rotate(45deg); /* Rota 45 grados en navegadores Microsoft */
             transform: translateY(7px) rotate(45deg); /* Rota 45 grados */
             -webkit-transform-origin: center center; /* Fija el punto de origen de la transformación en el centro en navegadores WebKit */
             -moz-transform-origin: center center; /* Fija el punto de origen de la transformación en el centro en navegadores Mozilla */
             -ms-transform-origin: center center; /* Fija el punto de origen de la transformación en el centro en navegadores Microsoft */
             transform-origin: center center; /* Fija el punto de origen de la transformación en el centro */
         }
         .tt-mobile-close:after {
             margin-top: 7px; /* Mueve el elemento después 7px hacia abajo */
             -webkit-transform: translateY(-7px) rotate(-45deg); /* Rota -45 grados en navegadores WebKit */
             -moz-transform: translateY(-7px) rotate(-45deg); /* Rota -45 grados en navegadores Mozilla */
             -ms-transform: translateY(-7px) rotate(-45deg); /* Rota -45 grados en navegadores Microsoft */
             transform: translateY(-7px) rotate(-45deg); /* Rota -45 grados */
             -webkit-transform-origin: center center; /* Fija el punto de origen de la transformación en el centro en navegadores WebKit */
             -moz-transform-origin: center center; /* Fija el punto de origen de la transformación en el centro en navegadores Mozilla */
             -ms-transform-origin: center center; /* Fija el punto de origen de la transformación en el centro en navegadores Microsoft */
             transform-origin: center center; /* Fija el punto de origen de la transformación en el centro */
         }
         .tt-mobile-close:hover:before,
         .tt-mobile-close:hover:after {
             background: #fff; /* Cambia el color de fondo a blanco al pasar el cursor por encima */
         }
         /*.tt-mobile-logo {
             margin-bottom: 25px; /* Agrega un margen inferior de 25px */
         /*} */
         .tt-mobile-nav ul {
            display: grid;
             list-style: none; /* Elimina el estilo de lista predeterminado */
         }
         .tt-mobile-nav>ul>li {
             margin-bottom: 5px; /* Agrega un margen inferior de 20px a los elementos de la lista */
         }
         .tt-mobile-nav>ul>li:last-child {
             margin-bottom: 0; /* Elimina el margen inferior del último elemento de la lista */
         }
         .tt-mobile-nav>ul>li>a {
             display: block; /* Muestra los enlaces como bloques */
             position: relative; /* Posición relativa al contenedor */
             font-family: 'Roboto'; /* Fuente Roboto */
             font-size: 13px; /* Tamaño de fuente de 13px */
             line-height: 17px; /* Altura de línea de 17px */
             font-weight: 400!important; /* Peso de fuente de 400 con !important */
             color: #fff; /* Color del texto blanco */
             opacity: .6; /* Opacidad del texto del 60% */
         }
         .tt-mobile-nav ul li.menu-item-has-children>a:before {
             position: absolute; /* Posición absoluta respecto al enlace */
             right: 0; /* Alineado a la derecha */
             top: 50%; /* Alineado verticalmente al 50% */
             margin-top: -6px; /* Mueve hacia arriba 6px */
             font-size: 12px; /* Tamaño de fuente de 12px */
             content: '\f107'; /* Contenido de icono FontAwesome */
             font-family: 'FontAwesome'; /* Fuente FontAwesome */
         }
         .tt-mobile-nav>ul>li.active>a,
         .tt-mobile-nav>ul>li:hover>a {
             opacity: .9; /* Cambia la opacidad al 90% al estar activo o al pasar el cursor */
         }
         
         .tt-mobile-nav>ul>li>ul { /* Estilos para listas anidadas en la navegación móvil */
             padding-top: 15px; /* Agrega relleno en la parte superior */
             padding-left: 18px; /* Agrega relleno en la izquierda */
             padding-bottom: 2px; /* Agrega relleno en la parte inferior */
         }
         .tt-mobile-nav>ul>li>ul>li,
         .tt-mobile-nav>ul>li>ul>li>ul>li { /* Estilos para elementos de listas anidadas */
             margin-bottom: 10px; /* Agrega un margen inferior de 10px */
         }
         .tt-mobile-nav>ul>li>ul>li:last-child {
             margin-bottom: 0; /* Elimina el margen inferior del último elemento de la lista */
         }
         .tt-mobile-nav>ul>li>ul>li>a,
         .tt-mobile-nav>ul>li>ul>li>ul>li>a { /* Estilos para enlaces en listas anidadas */
             position: relative; /* Posición relativa al contenedor */
             font-family: 'Roboto'; /* Fuente Roboto */
             font-size: 12px; /* Tamaño de fuente de 12px */
             line-height: 16px; /* Altura de línea de 16px */
             font-weight: 400; /* Peso de fuente de 400 */
             color: #fff; /* Color del texto blanco */
             opacity: .6; /* Opacidad del texto del 60% */
         }
         .tt-mobile-nav>ul>li>ul>li>a {
             margin-bottom: 10px; /* Agrega un margen inferior de 10px */
             display: block; /* Muestra el enlace como un bloque */
         }
         .tt-mobile-nav>ul>li>ul>li.active>a,
         .tt-mobile-nav>ul>li>ul>li:hover>a,
         .tt-mobile-nav>ul>li>ul>li>ul>li:hover>a {
             opacity: .9; /* Cambia la opacidad al 90% cuando está activo o al pasar el cursor */
         }
         #content-wrapper {
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out;
             background: black /* #fff */
         }
         #content-wrapper.active { 
             -webkit-transform: translateX(270px);
             -moz-transform: translateX(270px);
             -ms-transform: translateX(270px);
             transform: translateX(270px)
         }
         .tt-header.banner {
             position: absolute;
             padding-top: 0
         }
         .tt-header.banner .tt-header-wrapper {
             position: relative;
             padding-top: 15px /*45 */
         }
         .tt-top-header-disable .tt-header-type-6 .tt-header-wrapper,
         .tt-top-header-disable .tt-header-wrapper {
             padding-top: 0
         }
         .tt-header.banner .tt-header-banner {
             height: 200px
         }
         .tt-top-header-disable .tt-header-type-6 .tt-header.banner .tt-header-banner {
             height: 200px
         }
         .tt-top-header-disable.header-style4 .tt-header-margin {
             height: 193px
         }
         .tt-header.banner.move {
             position: fixed;
             top: 0
         }
         .tt-header.banner.move .tt-header-banner {
             display: none
         }
         .tt-header.boxed .tt-header-wrapper {
             position: relative;
             width: 1338px;
             margin-right: auto;
             margin-left: auto
         }
         @media (max-width: 1309px) {
             .tt-header .nav-more {
                 margin-right: -570px
             }
             .tt-header.boxed .tt-header-wrapper {
                 width: 1170px;
                 
             }
         }
         @media (max-width: 1199px) {
             .tt-header .nav-more {
                 margin-right: -470px;
                 max-width: 500px
             }
             .tt-header .nav-more-left {
                 margin-left: -471px!important;
                 width: 26%!important
             }
             .tt-header.boxed .tt-header-wrapper {
                 width: 970px
             }
         }
        /* 🔹 Estilos aplicados a pantallas de mínimo 992px de ancho */
@media (min-width: 992px) {
    /* Espaciado superior del header */
    .tt-header-wrapper {
        padding-top: 1px; 
        height: 95px;              /* Fuerza la altura deseada */
        min-height: 95px;
    }


  /* 🔹 Contenedor del slider */
  .swiper-containerb1 {
    top: 0;
    position: absolute;
    width: 100%;
    height: 90px;
}

/* 🔹 Estilo de la imagen del banner */
#banner1 img {
    top: 0;
    height: 90px;              /* Fuerza que la imagen tenga 90px de alto */
    width: auto;               /* Mantiene la proporción de la imagen */
    display: block;            /* Elimina espacios en blanco por defecto */
}
#banner2 img {
    top: 0;
    height: 90px;              /* Fuerza que la imagen tenga 90px de alto */
    width: auto;               /* Mantiene la proporción de la imagen */
    display: block;            /* Elimina espacios en blanco por defecto */
}



    /* Barra superior del header */
    .tt-header .top-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        background: #000; /* Fondo negro para la barra superior */
    }

    /* Contenedores izquierdo y derecho de la barra superior */
    .tt-header .top-line-left, 
    .tt-header .top-line-right {
        float: left;
        font-size: 0; /* Evita espacios entre elementos inline-block */
    }

    .tt-header .top-line-right {
        float: right;
    }

    /* Estilos generales de los elementos en la barra superior */
    .tt-header .top-line-entry {
        display: inline-block;
    }

    /* Menú superior */
    .tt-header .top-menu {
        list-style: none;
    }

    .tt-header .top-menu li {
        display: inline-block;
        margin-right: 22px;
    }

    .tt-header .top-menu a {
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.6);
        padding: 12px 0;
        transition: color 0.3s ease-in-out;
    }

    .tt-header .top-menu a:hover {
        color: #fff; /* Blanco al pasar el mouse */
    }

    /* Iconos de redes sociales */
    .tt-header .top-social {
        list-style: none;
    }

    .tt-header .top-social li {
        display: inline-block;
        margin-right: 22px;
    }

    .tt-header .top-social a {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.9);
        padding: 11px 0;
        transition: color 0.3s ease-in-out;
    }

    .tt-header .top-social a:hover {
        color: rgba(255, 255, 255, 0.6);
    }

    /* Contenedor principal del header */
    .tt-header .top-inner {
        padding: 5px 0;
        text-align: center;
        border-bottom: 1px solid #eaeaea;
        background: black;
        transition: all 300ms ease-in-out;
    }

    /* Contenedor del header con fondo negro */
    .tt-header .top-inner .container {
        position: relative;
        background: black;
        height: auto;
    }

    /* Estilos del menú principal */
    .tt-header .main-nav {
        display: inline-block;
        vertical-align: top;
    }

    .tt-header .main-nav > ul > li {
        float: left;
        position: relative;
    }

    .tt-header .main-nav > ul > li > a {
        display: block;
        padding: 5px 10px;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        transition: background 0.3s ease-in-out;
    }

    .tt-header .main-nav > ul > li > a:hover {
        background: #51c8fa;
    }

    /* Submenús desplegables */
    .tt-header .main-nav > ul > li:not(.mega) > ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: 200px;
        background: #fff;
        padding: 10px 0;
        visibility: hidden;
        opacity: 0;
        transform: translateY(40px);
        transition: all 300ms ease-in-out;
        box-shadow: 0 1px 0 0 #eaeaea;
    }

    .tt-header .main-nav > ul > li:hover > ul {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    /* Estilos de los enlaces en los submenús */
    .tt-header .main-nav > ul > li > ul > li > a {
        font-size: 13px;
        color: #666;
        padding: 5px;
        transition: background 0.3s ease-in-out;
    }

    .tt-header .main-nav > ul > li > ul > li > a:hover {
        background: #51c8fa;
        color: #fff;
    }

    /* Menú Mega */
    .tt-header .main-nav > ul > li.mega > .tt-mega-wrapper {
        position: absolute;
        top: 100%;
        left: 50%;
        width: 1126px;
        background: #fff;
        margin-left: -563px;
        text-align: left;
        visibility: hidden;
        opacity: 0;
        transform: translateY(40px);
        transition: all 300ms ease-in-out;
        box-shadow: 0 1px 0 0 #eaeaea;
    }

    .tt-header .main-nav > ul > li.mega:hover > .tt-mega-wrapper {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    /* Botón de menú móvil */
    .tt-header .menu-toggle {
        display: none;
    }

     
    .col-md-8 .wpb_wrapper #k2Container  { color: white ;
    }
    .col-md-8 .wpb_wrapper #k2Container .itemListCategory  { color: black ;
    }
    .col-md-8 .wpb_wrapper #k2Container  .itemHeader .itemTitle{
        color: #51c8fa  !important;
        font-size: 1.7rem !important; 
        
    }



}

         @media (max-width: 1199px) {
             .tt-header .main-nav>ul>li.mega>.tt-mega-wrapper {
                 width: 950px;
                 margin-left: -475px
             }
         }
         /*  empieza test Texto*/
 
 
         /*Termina test texto*/
 
         /** cambio de 52 x52*/
         @media (max-width: 991px) {


          		/* 🔹 Estilo general del banner */
#banner1 {
    
    top: 9px;
    left: 0;
    width: 100%;
    height: 110px;
    overflow: hidden;
}

#banner1  .custom-hover img,
.custom-hover-img {
   height: 65px;
    max-width: 100%;

}

/* 🔹 Contenedor del slider */
.swiper-containerb1 {
    top: 0;
    position: relative;
    width: 100%;
    height: 100%;
}
        #banner2 {  /*ajuste de altura  */
    
    top: 9px;
    left: 0;
    width: 100%;
    height: 110px;  /*110 para 2 banner2*/
    overflow: hidden;
}

#banner2  .custom-hover img,
.custom-hover-img {
   height: 65px;
    max-width: 100%;

}

/* 🔹 Contenedor del slider */
.swiper-containerb2 {
    top: 0;
    position: relative;
    width: 100%;
    height: 100%;
}
           
             .tt-header {
                 height: 100px;
              /*   line-height: 100px */
             }
             .boxed #content-wrapper {
                 width: 100%
             }
             .tt-disable-sticky .tt-header {
                 padding-left: 0;
                 padding-right: 0
             }
             .tt-disable-sticky .tt-header .top-inner {
                 position: relative;
                 
             }
             .tt-header {
                 position: absolute;
                 left: 0;
                 right: 0;
                 padding-left: 15px;
                 padding-right: 15px;
                 height: auto
             }
             .tt-header .top-inner {
                background: black;
                 position: fixed;
                 top: 0;
                 left: 0;
                 right: 0;
                 height: 170px;
                 padding: 5px 5px;
                
                 
                 text-align: center;
                 z-index: 1;
                 -webkit-box-shadow: 0 1px 2px 0 #eaeaea;
                 -moz-box-shadow: 0 1px 2px 0 #eaeaea;
                 box-shadow: 0 1px 2px 0 #eaeaea
             }
             .admin-bar .tt-header .top-inner {
                 margin-top: 0;
                 float: none;
                 top: 49px
             }
             .tt-header .top-inner-container {
                 width: 750px;
                 padding-right: 5px;
                 padding-left: 15px;
                 margin-right: auto;
                 margin-left: auto
             }
             .tt-header .toggle-block {
                 display: none
             }
             .tt-header .menu-toggle,
             .tt-header .menu-toggle-inner {
                 position: absolute;
                 top: 50%;
                 right: 0;
                 padding: 13px 16px;
                 margin-top: -20px
             }
             .tt-header .top-inner>.container {
                 position: relative
             }
             .tt-s-popup-btn {
                 position: absolute;
                 top: 50%;
                 right: 0;
                 margin-top: -20px
             }
             .tt-header.banner.tt-header-margin {
                 height: 190px
             }
             .tt-header-margin {
                 height: 70px!important
             }
             .tt-header .nav-more {
                 margin-left: 0;
                 padding-top: 0
             }
             .tt-header .cmn-mobile-switch {
                 top: 20%;
                 bottom: auto;
                 margin-top: -4px;
                 display: block
             }
             .tt-mobile-nav>ul>li>ul {
                 display: none
             }
             .tt-mobile-nav .menu-toggle {
                 position: absolute;
                 top: 50%;
                 right: 0;
                 width: 40px;
                 height: 40px;
                 margin-top: -20px;
                 text-align: center;
                 line-height: 40px
             }
             .tt-header.banner {
                 padding-left: 0;
                 padding-right: 0
             }
             .tt-header.banner .top-inner {
                 position: absolute;
                 top: 0
             }
             .tt-header.banner .tt-header-banner {
                 height: 120px
             }
             .tt-header.boxed .tt-header-wrapper {
                 width: 750px
             }
             .tt-header.boxed .top-inner {
                 width: 750px;
                 left: 50%;
                 margin-left: -375px;
                 padding-left: 0;
                 padding-right: 0
             }
             .tt-header.boxed .tt-header-wrapper {
                 -webkit-transition: none;
                 -moz-transition: none;
                 transition: none;
                 
             }
             .tt-item-wh-25-wrap {
                 float: none!important;
                 display: block!important
             }
             .slider-style17 .tt-slide-item.item-3 {
                 border-bottom: 10px solid #fff
             }
          
    


         }
         @media (max-width: 767px) {
             .tt-header .top-inner-container {
                 width: 100%
                 
             }
             .tt-header.banner .tt-header-banner {
                 height: 60px
             }
             .tt-header.banner+.tt-header-margin {
                 height: 130px
             }
             .tt-header.boxed .top-inner {
                 width: 100%;
                 left: 0;
                 margin-left: 0
             }
             .tt-header.boxed .tt-header-wrapper {
                 width: 100%
             }
         }
         @media (max-width: 600px) {
             .tt-header  {
                 max-width: 200px
             }
             .tt-header.stick .top-inner {
                 top: 0
             }
         }
         .tt-s-popup {
             position: fixed;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             z-index: 501;
             visibility: hidden;
             opacity: 0;
             -webkit-transform: scale(1.5);
             -moz-transform: scale(1.5);
             -ms-transform: scale(1.5);
             transform: scale(1.5);
             -webkit-transition: all 400ms cubic-bezier(.345, .855, .565, 1) 10ms;
             -moz-transition: all 400ms cubic-bezier(.345, .855, .565, 1) 10ms;
             transition: all 400ms cubic-bezier(.345, .855, .565, 1) 10ms
         }
         .tt-s-popup.open {
             visibility: visible;
             opacity: 1;
             -webkit-transform: scale(1);
             -moz-transform: scale(1);
             -ms-transform: scale(1);
             transform: scale(1)
         }
         .tt-s-popup-overlay {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: #fff;
             opacity: .9
         }
         .tt-s-popup-content {
             position: absolute;
             left: 0;
             top: 0;
             right: 0;
             bottom: 0;
             overflow: auto;
             -webkit-overflow-scrolling: touch;
             font-size: 0;
             text-align: center;
             padding: 15px
         }
         .tt-s-popup-content:after {
             content: "";
             display: inline-block;
             vertical-align: middle;
             height: 100%
         }
         .tt-s-popup-container {
             display: inline-block;
             vertical-align: middle;
             width: 100%;
             max-width: 945px;
             position: relative;
             text-align: left
         }
         .tt-s-popup-layer {
             position: absolute;
             left: 0;
             bottom: 0;
             right: 0;
             height: 10000px
         }
         .tt-s-popup-form {
             position: relative;
             width: 100%;
             background: #111;
             padding: 120px 63px 90px 63px
         }
         .tt-s-popup-title {
             font-family: 'Roboto';
             font-size: 14px;
             line-height: 18px;
             font-weight: 400;
             color: rgba(255, 255, 255, .6);
             padding-bottom: 0;
             margin-top: 0
         }
         .tt-s-popup-field {
             position: relative
         }
         .tt-s-popup-field input[type="text"] {
             font-family: 'Roboto';
             width: 100%;
             font-size: 36px;
             line-height: 36px;
             background: none;
             color: #fff;
             width: 100%;
             padding-right: 50px;
             padding-bottom: 12px;
             border: 0
         }
         .tt-s-popup-field input[type="text"]::-webkit-input-placeholder {
             font-family: 'Roboto';
             font-size: 36px;
             font-weight: 400;
             color: #fff;
             opacity: .4
         }
         .tt-s-popup-field input[type="text"]:-moz-placeholder {
             font-family: 'Roboto';
             font-size: 36px;
             font-weight: 400;
             color: #fff;
             opacity: .4
         }
         .tt-s-popup-field input[type="text"]::-moz-placeholder {
             font-family: 'Roboto';
             font-size: 36px;
             font-weight: 400;
             color: #fff;
             opacity: .4
         }
         .tt-s-popup-field input[type="text"]:-ms-input-placeholder {
             font-family: 'Roboto';
             font-size: 36px;
             font-weight: 400;
             color: #fff;
             opacity: .4
         }
         .tt-s-popup-devider {
             position: relative;
             width: 100%;
             height: 2px;
             background: rgba(255, 255, 255, .4);
             margin-bottom: 6px;
             overflow: hidden;
             z-index: 5;
             -webkit-transition: all 400ms cubic-bezier(.345, .855, .565, 1) 10ms;
             -moz-transition: all 400ms cubic-bezier(.345, .855, .565, 1) 10ms;
             transition: all 400ms cubic-bezier(.345, .855, .565, 1) 10ms
         }
         .tt-s-popup-devider:after {
             content: '';
             position: absolute;
             top: 0;
             left: -100%;
             width: 100%;
             height: 2px;
             background: #51c8fa;
             z-index: 5;
             -webkit-transition: all 400ms cubic-bezier(.345, .855, .565, 1) 10ms;
             -moz-transition: all 400ms cubic-bezier(.345, .855, .565, 1) 10ms;
             transition: all 400ms cubic-bezier(.345, .855, .565, 1) 10ms
         }
         .tt-s-popup-field input[type="text"]:focus+.tt-s-popup-devider:after {
             left: 0
         }
         .tt-s-popup-submit {
             position: absolute;
             top: 0;
             right: 0;
             width: 30px;
             height: 30px;
             line-height: 30px;
             text-align: center;
             color: #909090
         }
         .tt-s-popup-submit input {
             position: absolute;
             top: 0;
             right: 0;
             width: 30px;
             height: 30px;
             padding: 0;
             background: transparent;
             border: 0
         }
         .tt-s-popup-submit .fa {
             font-size: 14px;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-s-popup-submit:hover .fa {
             color: #51c8fa
         }
         .tt-s-popup-close {
             position: absolute;
             right: 19px;
             top: 19px;
             width: 40px;
             height: 40px
         }
         .tt-s-popup-close:before {
             content: '';
             display: block;
             position: absolute;
             top: 50%;
             left: 50%;
             width: 22px;
             height: 1px;
             background: #787878;
             margin-left: -11px;
             -webkit-transform: rotate(-45deg);
             -moz-transform: rotate(-45deg);
             -ms-transform: rotate(-45deg);
             transform: rotate(-45deg);
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-s-popup-close:after {
             content: '';
             display: block;
             position: absolute;
             top: 50%;
             left: 50%;
             width: 22px;
             height: 1px;
             background: #787878;
             margin-left: -11px;
             -webkit-transform: rotate(45deg);
             -moz-transform: rotate(45deg);
             -ms-transform: rotate(45deg);
             transform: rotate(45deg);
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-s-popup-close:hover:before,
         .tt-s-popup-close:hover:after {
             background: #51c8fa
         }
         @media (max-width: 767px) {
             .tt-s-popup form {
                 padding: 30px
             }
             .tt-s-popup-title {
                 padding-bottom: 20px
             }
         }
         .tt-custom-arrows {
             position: relative
         }
         .custom-arrow-left,
         .custom-arrow-right {
             position: absolute;
             top: 50%;
             cursor: pointer;
             z-index: 99
         }
         .tt-footer-post-slider .custom-arrow-left,
         .tt-footer-post-slider .custom-arrow-right {
             position: relative;
             display: inline-block;
             z-index: 8
         }
         .custom-arrow-left {
             left: 0
         }
         .custom-arrow-right {
             right: 0
         }
         .custom-arrow-left.tt-swiper-arrow.type-2 {
             left: 20px
         }
         .custom-arrow-right.tt-swiper-arrow.type-2 {
             right: 20px
         }
         .c-arrow {
             width: 32px;
             height: 32px;
             font-size: 12px;
             line-height: 32px;
             text-align: center;
             color: #fff;
             background: rgba(17, 17, 17, .7);
             margin-top: -16px;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .c-arrow:hover {
             background: #111
         }
         .c-arrow .fa {
             font-style: normal
         }
         .c-arrow.size-2 {
             width: 40px;
             height: 40px;
             font-size: 16px;
             line-height: 40px;
             margin-top: -20px
         }
         .tt-trending-slider-post .c-arrow.size-2 {
             margin-top: 20px!important;
             width: 26px;
             height: 26px;
             line-height: 26px;
             margin: 0 2px;
             font-size: 12px
         }
         .tt-trending-slider-post .c-arrow.pos-2.left {
             left: 0
         }
         .tt-trending-slider-post .c-arrow.pos-2.right {
             right: 0
         }
         .c-arrow.size-2.left .fa {
             margin-left: -2px
         }
         .c-arrow.size-2.right .fa {
             margin-right: -2px
         }
         .c-arrow.style-2 {
             border: 1px solid #404040;
             background: transparent;
             color: rgba(255, 255, 255, .6)
         }
         .c-arrow.style-2:hover {
             background: #404040;
             color: #fff
         }
         .c-arrow.pos-2.left {
             left: -40px
         }
         .c-arrow.pos-2.right {
             right: -40px
         }
         .c-arrow.pos-3.left {
             left: -40px;
             margin-top: -45px
         }
         .c-arrow.pos-3.right {
             right: -40px;
             margin-top: -45px
         }
         .c-arrow.pos-4.left {
             top: auto;
             bottom: 10px;
             left: auto;
             right: 47px;
             margin-top: 0
         }
         .c-arrow.pos-4.right {
             top: auto;
             bottom: 10px;
             right: 10px;
             margin-top: 0
         }
         .widget_latest_posts_entries .tt-post-list.type-2 .c-arrow,
         .tt-classic-grid-series .tt-post-list.type-3 .c-arrow,
         .widget_recent_posts_entries .c-arrow,
         .widget_posts_tabbed_entries .tt-post-list .c-arrow {
             width: 22px;
             height: 22px;
             line-height: 22px;
             font-size: 10px;
             margin-top: -12px
         }
         .c-pagination {
             position: absolute;
             bottom: 7px;
             left: 0
         }
         .c-pagination .swiper-pagination-switch {
             width: 8px;
             height: 8px
         }
         .c-pagination .swiper-active-switch {
             background: #fff;
             border-color: #fff
         }
         .c-pagination.color-2 .swiper-pagination-switch {
             border-color: #51c8fa
         }
         .c-pagination.color-2 .swiper-active-switch {
             background: #51c8fa
         }
         .c-pagination.pos-2 {
             bottom: 13px
         }
         .c-pagination.pos-3 {
             position: static;
             margin-top: 25px
         }
         .tt-swiper-margin {
             margin-left: -15px;
             margin-right: -15px
         }
         .tt-swiper-margin-entry {
             padding-left: 15px;
             padding-right: 15px
         }
         .tt-swiper-margin-10 {
             margin-left: -5px;
             margin-right: -5px
         }
         .tt-swiper-margin-10-entry {
             position: relative;
             padding-left: 5px;
             padding-right: 5px
         }
         .tt-slide-anchor {
             position: absolute;
             left: 0;
             top: 0;
             z-index: 1;
             display: block;
             width: 100%;
             height: 100%
         }
         .tt-mslide {
             position: relative;
             -webkit-background-size: cover;
             -moz-background-size: cover;
             background-size: cover;
             background-position: center center
         }
         .tt-mslide:before {
             content: '';
             display: block;
             position: absolute;
             top: 0;
             background-image: url(http://themebubble.com/demo/magplus/wp-content/themes/magplus/img/slider/shadow.png);
             left: 0;
             width: 100%;
             height: 100%;
             -webkit-background-size: 100% 100%;
             -moz-background-size: 100% 100%;
             background-size: 100% 100%
         }
         .tt-mslide-table {
             position: relative;
             display: table;
             width: 100%;
             height: 454px;
             padding: 40px 0
         }
         .tt-mslide-cell {
             display: table-cell;
             position: relative;
             vertical-align: middle
         }
         .tt-mslide-block {
             position: absolute;
             bottom: 0;
             left: 0;
             width: 41.66666667%;
             z-index: 1
         }
         .slider-style2 .tt-mslide-block {
             width: 70%
         }
         .slider-style2-post-grid {
             position: relative;
             z-index: 999;
             background: rgba(0, 0, 0, .6);
             padding: 30px
         }
         .slider-style6 .tt-mslide-block {
             width: 100%;
             text-align: center;
             top: 50%;
             margin-top: -60px
         }
         .slider-style6 .tt-mslide-table {
             height: calc(100vh - 223px)
         }
         .slider-style6 .tt-mslide-title.c-h1 {
             width: 40%;
             font-size: 36px!important;
             line-height: 1.2em;
             margin: 0 auto
         }
         .slider-style6 .tt-mslide-label {
             font-size: 16px!important;
             margin-top: 18px
         }
         .tt-mslide.long .tt-mslide-block {
             width: 100%
         }
         .tt-mslide-cat {
             font-size: 0;
             margin-bottom: 12px
         }
         .tt-mslide-cat .c-btn {
             margin-right: 10px
         }
         .tt-mslide-cat .c-btn:last-child {
             margin-right: 0
         }
         .tt-mslide-title,
         .tt-mslide-title a {
             color: #fff
         }
         .tt-mslide-label {
             font-family: 'Roboto';
             font-size: 13px;
             line-height: 17px;
             font-weight: 400;
             color: #b5b5b5;
             opacity: .7
         }
         .tt-mslide-label span:after {
             content: '•';
             display: inline-block;
             padding-left: 4px;
             padding-right: 1px
         }
         .tt-mslide-label span:last-child:after {
             display: none
         }
         .tt-mslide-label a {
             font-weight: 700;
             color: #fff
         }
         .tt-mslide-label a:hover {
             color: #51c8fa
         }
         .tt-mslide.type-2 .tt-mslide-block {
             padding: 0 40px;
             width: 100%
         }
         .tt-mslide.long.type-2 .tt-mslide-block {
             padding: 0 25px
         }
         .tt-mslide.type-2:before {
             background-image: url(http://themebubble.com/demo/magplus/wp-content/themes/magplus/img/slider/shadow_3.png)
         }
         .tt-mslide.type-2:after {
             content: '';
             display: block;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: #fff;
             opacity: .5;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .swiper-c-slide.active .tt-mslide.type-2:after {
             opacity: 0
         }
         .tt-mslide.type-2.style-2:after {
             opacity: 0
         }
         .tt-mslide.type-2.big .tt-mslide-table,
         .tt-mslide.type-2.long .tt-mslide-table {
             height: 506px
         }
         .tt-mslide.type-2.small .tt-mslide-table {
             height: 248px
         }
         .tt-mslide.type-2.small .tt-mslide-block {
             width: 90%
         }
         @media (max-width: 991px) {
             .tt-mslide-table {
                 height: 400px
             }
             .tt-mslide .tt-post.type-7 .tt-post-img {
                 display: none
             }
             .tt-mslide .tt-post.type-7 .tt-post-info {
                 padding-left: 0
             }
             .tt-mslide-block {
                 width: 65%
             }
             .tt-mslide.type-2.big .tt-mslide-table {
                 height: 400px
             }
             .tt-mslide.type-2.big .tt-mslide-block {
                 width: 75%
             }
             .tt-mslide.type-2.small .tt-mslide-table {
                 height: 200px
             }
             .tt-mslide.type-2.small .tt-mslide-block {
                 width: 100%
             }
         }
         @media (max-width: 767px) {
             .tt-mslide-block {
                 width: 100%
             }
             .tt-mslide.type-2.big .tt-mslide-block {
                 width: 100%
             }
         }
         .tt-slider-wide {
             overflow: hidden
         }
         .tt-slider-wide .container {
             position: relative
         }
         .tt-slider-entry {
             width: 300%;
             -webkit-transform: translateX(-33.33333%);
             -moz-transform: translateX(-33.33333%);
             -ms-transform: translateX(-33.33333%);
             transform: translateX(-33.33333%)
         }
         .slider-style1 .tt-slider-entry {
             -webkit-transform: translateX(-33.33333%);
             -moz-transform: translateX(-33.33333%);
             -ms-transform: translateX(-33.33333%);
             transform: translateX(-33.33333%)
         }
         .slider-style6 .tt-slider-entry-style6 {
             width: 100%
         }
         .tt-slide-2 {
             position: relative;
             padding-bottom: 80px
         }
         .tt-slide-2-img {
             position: relative;
             width: 100%;
             height: 454px;
             -webkit-background-size: cover;
             -moz-background-size: cover;
             background-size: cover
         }
         .tt-slide-2-img:before {
             content: '';
             display: block;
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: #fff;
             opacity: .5;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-slide-2-info {
             position: absolute;
             left: 185px;
             bottom: 0;
             right: 185px;
             background: #fff;
             border: 1px solid #eaeaea;
             text-align: center;
             padding: 40px 100px 35px 100px;
             -webkit-box-shadow: 0 1px 0 0 #eaeaea;
             -moz-box-shadow: 0 1px 0 0 #eaeaea;
             box-shadow: 0 1px 0 0 #eaeaea
         }
         .slider-style7 .tt-slide-2-info {
             bottom: 10px;
             right: 197px;
             border: 0 none
         }
         .slider-style7 .custom-hover-image .bg-two {
             z-index: -2
         }
         .slider-style7 .tt-slide-2-title {
             margin-bottom: 8px
         }
         .tt-slide-2-cat {
             position: relative;
             z-index: 999;
             margin-bottom: 7px
         }
         .tt-slide-2-cat .c-btn {
             margin-right: 10px
         }
         .tt-slide-2-cat .c-btn:last-child {
             margin-right: 0
         }
         .tt-slide-2-title span {
             font-family: 'Roboto';
             font-style: italic
         }
         .swiper-c-slide.active .tt-slide-2-img:before {
             opacity: 0
         }
         @media (max-width: 1199px) {
             .tt-slide-2-info {
                 padding: 40px 50px 35px 50px;
                 left: 120px;
                 right: 120px
             }
         }
         @media (max-width: 991px) {
             .tt-slide-2-img {
                 height: 400px
             }
             .tt-slide-2-info {
                 padding: 30px;
                 left: 60px;
                 right: 60px
             }
         }
         @media (max-width: 767px) {
             .tt-slide-2-img {
                 height: 360px
             }
             .tt-slide-2-info {
                 padding: 15px;
                 left: 15px;
                 right: 15px
             }
             .slider-style7 .tt-slide-2-info {
                 padding: 15px;
                 left: 15px;
                 right: 25px
             }
         }
         @media (max-width: 479px) {
             .tt-slide-2-info .simple-text {
                 font-size: 14px;
                 line-height: 22px
             }
             .tt-instagram-post .tt-footer-instagram li {
                 width: 44.83%!important
             }
             .tt-instagram-post .tt-footer-instagram li:nth-child(2n) {
                 margin-right: 0
             }
             .tt-parallax-on.background-block {
                 background-size: initial!important
             }
         }
         .tt-sponsor {
             line-height: 1
         }
         .tt-sponsor-img {
             float: left
         }
         .tt-sponsor-info {
             display: table-cell;
             height: 89px;
             padding-left: 15px;
             vertical-align: middle
         }
         .tt-sponsor-title {
             display: block;
             color: #111;
             margin-bottom: 3px
         }
         .tt-sponsor-title:hover {
             color: #51c8fa
         }
         .tt-sponsor-info .simple-text {
             margin-bottom: 10px
         }
         .tt-sponsor.type-2 .tt-sponsor-entry {
             width: 650px;
             background: #ecf8f2;
             padding: 14px 0 14px 11px
         }
         .tt-sponsor.type-2 .tt-sponsor-info {
             padding-left: 0;
             letter-spacing: .3px
         }
         .tt-sponsor.type-2 .tt-sponsor-title {
             color: #67736d
         }
         .tt-sponsor.type-2 .tt-sponsor-title:hover {
             color: #51c8fa
         }
         .tt-sponsor.type-2 .simple-text {
             margin-bottom: 0
         }
         @media (max-width: 1199px) {
             .tt-sponsor.type-2 .tt-sponsor-entry {
                 width: 420px
             }
         }
         .slider-style2 .tt-title-block:after {
             background: rgba(234, 234, 234, .2)
         }
         .tt-title-block {
             overflow: hidden;
             position: relative
         }
 
 
         .tt-title-text {
             display: inline-block;
             font-family: 'Roboto';
             font-size: 14px;
             color: #51c8fa !important;
             font-weight: 600
         }
         .tt-title-text a {
             color:  #51c8fa
         }
 
 
         .style1.tt-title-block,
         .style6.tt-title-block,
         .sidebar-heading-style6 .tt-title-block,
         .sidebar-heading-style1 .tt-title-block {
             text-align: center
         }
         .style1 .tt-title-text,
         .style6 .tt-title-text,
         .sidebar-heading-style1 .tt-title-text,
         .sidebar-heading-style6 .tt-title-text {
             position: relative;
             line-height: 18px
         }
         .style6 .tt-title-text,
         .sidebar-heading-style6 .tt-title-text {
             height: 32px;
             padding: 0 12px;
             line-height: 33px;
             color: #fff;
             background: #51c8fa
         }
         .style1 .tt-title-text:before,
         .style1 .tt-title-text:after,
         .style6 .tt-title-text:before,
         .style6 .tt-title-text:after,
         .sidebar-heading-style1 .tt-title-text:before,
         .sidebar-heading-style1 .tt-title-text:after,
         .sidebar-heading-style6 .tt-title-text:before,
         .sidebar-heading-style6 .tt-title-text:after {
             content: '';
             display: block;
             position: absolute;
             top: 50%;
             left: -10000px;
             width: 10000px;
             height: 1px;
             background: #eaeaea;
             margin-left: -15px
         }
         .style1 .tt-title-text:after,
         .style6 .tt-title-text:after,
         .sidebar-heading-style1 .tt-title-text:after,
         .sidebar-heading-style6 .tt-title-text:after {
             left: auto;
             right: -10000px;
             margin: 0 -15px 0 0
         }
         .style2 .tt-title-text,
         .sidebar-heading-style2 .tt-title-text {
             position: relative;
             display: inline-block;
             border-bottom: 3px solid #51c8fa;
             height: 32px;
             line-height: 28px;
             font-weight: 700;
             color: #111;
             text-transform: none;
             z-index: 22
         }
         .style2.tt-title-block:after,
         .sidebar-heading-style2 .tt-title-block:after {
             content: '';
             position: absolute;
             left: 0;
             bottom: 0;
             width: 100%;
             height: 3px;
             z-index: 1;
             background: rgba(234, 234, 234, 1)
         }
         .style3.tt-title-block,
         .sidebar-heading-style3 .tt-title-block {
             background: #eaeaea;
             border-left: 4px solid #51c8fa;
             padding: 8px 10px 7px 10px;
             width: 100%
         }
         .style4.tt-title-block,
         .style5.tt-title-block,
         .sidebar-heading-style4 .tt-title-block,
         .sidebar-heading-style5 .tt-title-block {
             border-bottom: 3px solid #51c8fa
         }
         .style4 .tt-title-text,
         .style5 .tt-title-text,
         .sidebar-heading-style4 .tt-title-text,
         .sidebar-heading-style5 .tt-title-text {
             position: relative;
             background: #51c8fa;
             height: 32px;
             line-height: 35px;
             text-transform: none;
             color: #fff;
             padding: 0 15px
         }
         .style5 .tt-title-text,
         .sidebar-heading-style5 .tt-title-text {
             padding: 0 10px 0 20px
         }
         .style5 .tt-title-text:after,
         .sidebar-heading-style5 .tt-title-text:after {
             position: absolute;
             content: '';
             width: 0;
             height: 0;
             border-style: solid;
             border-width: 32px 0 0 32px;
             border-color: transparent transparent transparent #51c8fa;
             top: 0;
             right: -32px
         }
         .tt-title-block.light .tt-title-text {
             color: #fff;
             opacity: .9
         }
         .tt-title-block.dark .tt-title-text {
             color: #fff;
             opacity: .6
         }
         .tt-title-block.dark .tt-title-text:before,
         .tt-title-block.dark .tt-title-text:after {
             background: #b7e7e7;
             opacity: .1
         }
         .tt-title-block.grey .tt-title-text {
             color: rgba(17, 17, 17, .6)
         }
         .tt-title-block.grey .tt-title-text:before,
         .tt-title-block.grey .tt-title-text:after {
             background: #666;
             opacity: .1
         }
         .tt-title-block.type-2 .tt-title-text {
             font-size: 15px;
             text-transform: initial
         }
         .tt-title-block-2,
         .comment-reply-title,
         .footer_widget .tt-title-block.type-2 .tt-title-text,
         .footer_widget .tt-newsletter-title {
             font-family: 'Roboto';
             font-size: 12px;
             line-height: 16px;
             font-weight: 700;
             color: #fff;
             opacity: .8;
             text-transform: uppercase
         }
         .footer_widget .tt-newsletter-title .c-h4 small {
             font-size: 12px;
             line-height: 16px
         }
         .tt-title-block-2.size-2,
         .comment-reply-title {
             font-size: 16px;
             line-height: 22px;
             font-weight: 700;
             text-transform: initial
         }
         .tt-title-block-2.color-2,
         .comment-reply-title {
             color: #666;
             opacity: 1
         }
         .comment-reply-title {
             margin-bottom: 25px
         }
         .footer_widget.widget_text p {
             color: #666
         }
         .tt-post {
             border: 1px solid #eaeaea;
             -webkit-box-shadow: 0 1px 0 0 #eaeaea;
             -moz-box-shadow: 0 1px 0 0 #eaeaea;
             box-shadow: 0 1px 0 0 #eaeaea
         }
         .tt-post-info {
             padding: 26px 30px 28px 30px
         }
         .tt-post-cat {
             font-family: 'Roboto';
             font-size: 12px;
             font-weight: bolder;
             line-height: 14px;
             font-weight: 700;
             color: yellow;
             text-transform: uppercase;
             margin-bottom: 9px
         }
         .tt-post-cat a {
             color: inherit  
         }
         .tt-post-cat a:hover {
             color: #51c8fa
         }
         .tt-post-title {
             display: block;
             margin-bottom: 5px
         }
         .tt-post-title:hover {
             color: #51c8fa
         }
         .tt-post-label {
             font-family: 'Roboto';
             font-size: 12px;
             line-height: 16px;
             font-weight: 400;
             color: #b5b5b5;
             margin-bottom: 11px
         }
         .tt-post-label span:after {
             content: '•';
             display: inline-block;
             padding-left: 4px;
             padding-right: 1px
         }
         .tt-post-label span:last-child:after {
             display: none
         }
         .tt-post-label span a {
             color: #b5b5b5
         }
         .tt-post-label span a:hover {
             color: #51c8fa
         }
         .tt-post-info .simple-text {
             margin-bottom: 11px
         }
         .tt-post-bottom {
             font-family: 'Roboto';
             font-size: 12px;
             line-height: 16px;
             font-weight: 400;
             color: #b5b5b5
         }
         .tt-post-bottom span {
             margin-right: 10px
         }
         .tt-post-bottom span.zilla-likes-postfix {
             margin: 0
         }
         .tt-post-bottom .fa,
         .tt-post-bottom .material-icons {
             color: #ddd;
             margin-right: 4px
         }
         .tt-post-bottom .material-icons {
             font-size: 14px;
             vertical-align: top
         }
         .tt-post-bottom a {
             color: #b5b5b5
         }
         .tt-post-bottom a:hover {
             color: #51c8fa
         }
         .tt-post-bottom a:hover .fa {
             color: #51c8fa
         }
         .tt-post-img,
         .tt-post-img img,
         .tt-classic-grid-series img {
             width: 100%
         }
         .tt-post.dark .tt-post-title,
         .footer_widget .tt-post-title {
             color: #fff;
             opacity: .6
         }
         .tt-post.dark .tt-post-title:hover,
         .footer_widget .tt-post-title:hover {
             opacity: 1
         }
         .tt-post.dark .tt-post-cat,
         .footer_widget .tt-post .tt-post-label {
             color: #fff;
             opacity: .25
         }
         .tt-post.light .tt-post-title,
         .footer_widget.widget_recent_entries a:hover {
             color: #fff
         }
         .tt-post.light .tt-post-title:hover {
             color: #51c8fa
             
         }
         .tt-post.light .tt-post-cat {
             color: #fff;
             opacity: .7
         }
         .tt-post.grey .tt-post-title {
             color: rgba(17, 17, 17, .6)
         }
         .tt-post.grey .tt-post-title:hover {
             color: #111
         }
         .tt-post.grey .tt-post-cat {
             color: #666;
             opacity: .7
         }
         .tt-post-length {
             right: 0;
             padding: 5px;
             bottom: 0
         }
         .tt-post-icon,
         .tt-post-length {
             display: block;
             position: absolute;
             font-weight: 500;
             font-size: 12px;
             text-align: center;
             color: #fff;
             background: rgba(17, 17, 17, .7);
             z-index: 100
         }
         .tt-post-icon {
             left: 0;
             bottom: 0;
             padding: 10px 12px;
             font-size: 16px;
             font-weight: 500
         }
         .tt-post-icon small {
             font-weight: 500;
             font-size: 9px
         }
         .type-7 .tt-post-icon,
         .tt-post-list .tt-post-two-col .tt-post-icon {
             padding: 4px 6px 3px 6px
         }
         .type-7 .tt-post-icon .material-icons,
         .tt-post-list .tt-post-two-col .tt-post-icon .material-icons {
             font-size: 14px
         }
         @media (max-width: 1199px) {
             .tt-post-info {
                 padding-right: 70px
             }
         }
         @media (max-width: 767px) {
             .tt-post {
                 max-width: 480px;
                 margin-left: auto;
                 margin-right: auto
             }
             .tt-post-info {
                 padding-left: 15px;
                 padding-right: 15px
             }
             .tt-shortcode-1 .row {
                 overflow-y: scroll;
                 height: 70px
             }
             .tt-shortcode-1 .tt-post {
                 margin-bottom: 10px
             }
         }
         .tt-post.type-2 .tt-post-info {
             padding: 26px 40px 28px 30px
         }
         .tt-post.type-2 .tt-post-title {
             margin-bottom: 9px
         }
         @media (max-width: 1199px) {
             .tt-post.type-2 .tt-post-info {
                 padding-right: 30px
             }
         }
         .tt-post.type-3 {
             border: 0;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             box-shadow: none
         }
         .tt-post.type-3 .tt-post-info {
             padding: 10px 0 0 0
         }
         .tt-post.type-3 .tt-post-label {
             margin-bottom: 0
         }
         @media (max-width: 767px) {
             .tt-post.type-3 {
                 text-align: center
             }
             .tt-post.type-3 .tt-post-img {
                 width: auto
             }
         }
         .tt-post.type-4 {
             border: 0;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             box-shadow: none
         }
         .tt-post.type-4 .tt-post-img {
             margin-bottom: 8px
         }
         .tt-post.type-4 .tt-post-info {
             padding: 4px 0 0 0
         }
         .tt-post.type-4 .tt-post-title {
             margin-bottom: 4px
         }
         .tt-post.type-4 .tt-post-label {
             margin-bottom: 0
         }
         @media (max-width: 767px) {
             .tt-post.type-4 {
                 text-align: center
             }
         }
         .tt-post.type-5 {
             border: 0;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             box-shadow: none
         }
         .tt-post.type-5 .tt-post-img {
             margin-bottom: 8px
         }
         .tt-post.type-5 .tt-post-info {
             padding: 4px 10px 0 0
         }
         .tt-post.type-5 .tt-post-cat {
             margin-bottom: 1px
         }
         .tt-post.type-5 .tt-post-title {
             margin-bottom: 4px
         }
         @media (max-width: 767px) {
             .tt-post.type-5 {
                 max-width: 100%;
                 text-align: center
             }
             .tt-post.type-5 .tt-post-img,
             .tt-post.type-5 .swiper-c-slide a.custom-hover,
             .tt-post.type-5 .tt-post-img img {
                 width: 100%
             }
         }
         .tt-post.type-6 {
             border: 0;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             box-shadow: none
         }
         .tt-post.type-6 .tt-post-img {
             float: left;
             width: 288px;
             float: left
         }
         .tt-post.type-6 .tt-post-info {
             display: block;
             padding: 10px 0 0 308px;
             vertical-align: middle
         }
         @media (max-width: 767px) {
             .tt-post.type-6 {
                 text-align: center
             }
             .tt-post.type-6 .tt-post-img {
                 float: none;
                 margin-bottom: 15px;
                 width: 100%
             }
             .tt-post.type-6 .tt-post-info {
                 padding-left: 0;
                 padding-top: 0
             }
             .tt-recent-news img,
             .tt-footer-post-slider .tt-post-img,
             .tt-footer-post-slider .tt-post-img img,
             .tt-post.type-8 .tt-post-img,
             .tt-post.type-8 .tt-post-img img {
                 width: 100%!important
             }
         }
         .tt-post.type-7 {
             border: 0;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             box-shadow: none
         }
         .tt-post.type-7 .tt-post-img {
             float: left;
             width: 80px
         }
         .tt-post.type-7 .tt-post-info {
             padding: 0 0 0 92px
         }
         .tt-post.type-7 .tt-post-cat {
             margin-bottom: 0
         }
         .tt-post.type-7 .tt-post-label {
             margin-bottom: 0
         }
         @media (max-width: 1199px) {
             .tt-post.type-7 .tt-post-info {
                 padding-right: 0
             }
         }
         .tt-post.type-8 {
             border: 0;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             box-shadow: none
         }
         .tt-post.type-8 .tt-post-img {
             float: left;
             width: 182px
         }
         .tt-post-grid-series .tt-post.type-8 .tt-post-info {
             padding-top: 0
         }
         .tt-post.type-8 .tt-post-info {
             padding: 7px 0 0 200px
         }
         @media (max-width: 480px) {
             .tt-post.type-8 .tt-post-img {
                 float: none;
                 margin: 0 0 10px 0
             }
             .tt-post.type-8 .tt-post-info {
                 padding-left: 0
             }
         }
         .tt-post.type-9 {
             border: 0;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             box-shadow: none
         }
         .tt-post.type-9 .tt-post-img {
             margin-bottom: 4px
         }
         .tt-post.type-9 .tt-post-info {
             padding: 4px 10px 0 10px
         }
         .tt-post.type-9 .tt-post-title {
             margin-bottom: 0
         }
         @media (max-width: 767px) {
             .tt-post.type-9 {
                 text-align: center
             }
             .tt-post.type-9 .tt-post-img {
                 width: auto
             }
         }
         .tt-post-list {
             list-style: none
         }
         .tt-post-list li {
             border-bottom: 1px solid #eaeaea
         }
         .tt-post-list li:last-child {
             margin-bottom: 0
         }
         .tt-post-list.dark li,
         .footer_widget .tt-post-list li,
         .footer_widget .tt-post-list.type-2 li:first-child,
         .footer_widget .tt-post-list.type-2 li:last-child,
         .footer_widget .tt-tab-wrapper.type-1,
         .footer_widget .tt-tab-wrapper.type-1 .tt-nav-tab-item,
         .footer_widget .tt-border-block,
         .footer_widget #wp-calendar,
         .footer_widget #wp-calendar caption,
         .footer_widget #wp-calendar tfoot,
         .footer_widget #wp-calendar td,
         .footer_widget #wp-calendar th,
         .footer_widget .tt-s-search input[type="text"] {
             border-color: rgba(255, 255, 255, .18)
         }
         .tt-post-list.grey li {
             border-color: rgba(102, 102, 102, .1)
         }
         .tt-post-list.type-2 li:first-child {
             padding-top: 9px;
             border-top: 1px solid #eaeaea
         }
         .tt-post-list.type-2 li:last-child {
             border-bottom: 0;
             padding-bottom: 0
         }
         .tt-post-list.type-3 li:first-child {
             padding-top: 10px;
             border-top: 1px solid #eaeaea
         }
         .tt-post-list.type-4 li {
             border: 0
         }
         .tt-border-block {
             border: 1px solid #eaeaea;
             padding: 30px;
             -webkit-box-shadow: 0 1px 0 0 #eaeaea;
             -moz-box-shadow: 0 1px 0 0 #eaeaea;
             box-shadow: 0 1px 0 0 #eaeaea
         }
         @media (max-width: 767px) {
             .tt-border-block {
                 padding: 15px
             }
         }
         .tt-newsletter {
             text-align: center
         }
         .tt-newsletter .simple-text {
             margin-bottom: 12px
         }
         .tt-newsletter-img {
             margin-bottom: 28px;
             display: inline-block
         }
         .tt-newsletter input[type="text"],
         .tt-newsletter input[type="email"] {
             margin-bottom: 10px
         }
         .tt-newsletter .c-btn.type-1.style-2 {
             color: #fff
         }
         .tt-tab-wrapper .tt-tab-info {
             display: none
         }
         .tt-tab-wrapper .tt-tab-info.active {
             display: block
         }
         .tt-tab-wrapper.type-1 {
             border: 1px solid #eaeaea;
             -webkit-box-shadow: 0 1px 0 0 #eaeaea;
             -moz-box-shadow: 0 1px 0 0 #eaeaea;
             box-shadow: 0 1px 0 0 #eaeaea
         }
         .tt-tab-wrapper.type-1 .tt-nav-tab {
             display: table;
             width: 100%
         }
         .tt-tab-wrapper.type-1 .tt-nav-tab-item {
             display: table-cell;
             position: relative;
             width: 1%;
             font-family: 'Roboto';
             font-size: 13px;
             line-height: 19px;
             font-weight: 700;
             color: #b5b5b5;
             text-align: center;
             padding: 13px 0;
             border-bottom: 1px solid #eaeaea;
             border-right: 1px solid #eaeaea;
             cursor: pointer
         }
         .tt-tab-wrapper.type-1 .tt-nav-tab-item:before {
             content: '';
             display: block;
             position: absolute;
             top: 0;
             left: 0;
             width: 0;
             height: 3px;
             background: #51c8fa;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-tab-wrapper.type-1 .tt-nav-tab-item:last-child {
             border-right: 0
         }
         .tt-tab-wrapper.type-1 .tt-nav-tab-item.active {
             color: #111;
             border-bottom-color: transparent
         }
         .tt-tab-wrapper.type-1 .tt-nav-tab-item.active:before {
             width: 100%
         }
         .tt-tab-wrapper.type-1 .tt-nav-tab-item .fa,
         .tt-tab-wrapper.type-1 .tt-nav-tab-item .material-icons {
             margin-right: 6px
         }
         .tt-tab-wrapper.type-1 .tt-nav-tab-item .material-icons {
             font-size: 20px;
             vertical-align: top
         }
         .tt-tab-wrapper.type-1 .tt-tab-info {
             padding: 30px 30px 10px 30px
         }
         .sidebar-item .tt-tab-wrapper.type-1 .tt-tab-info {
             padding: 20px 30px 10px 30px
         }
         .tt-tab-wrapper.type-1 .tt-post-list {
             margin-bottom: 12px
         }
         .tt-tab-wrapper.tt-blog-tab .tt-nav-tab {
             text-align: center;
             margin-bottom: 25px
         }
         .tt-tab-wrapper.tt-blog-tab .tt-nav-tab .tt-nav-tab-item {
             display: inline-block;
             color: #666;
             padding: 7px 12px;
             font-family: 'Roboto';
             font-size: 13px
         }
         .tt-tab-wrapper.tt-blog-tab .tt-nav-tab .tt-nav-tab-item:hover {
             color: #111;
             cursor: pointer
         }
         .tt-tab-wrapper.tt-blog-tab .tt-nav-tab .tt-nav-tab-item.active {
             color: #111;
             background: #f1f1f1
         }
         .tt-footer {
             position: relative;
             background: #000;
             padding-top: 60px
         }
         .tt-f-social {
             list-style: none;
             font-size: 0
         }
         .tt-f-social li {
             display: inline-block;
             margin-right: 15px
         }
         .tt-f-social li:last-child {
             margin-right: 0
         }
         .tt-f-social a {
             display: block;
             font-size: 16px;
             color: #fff;
             opacity: .4
         }
         .tt-f-social a:hover {
             opacity: 1
         }
         .tt-f-social.grey a {
             color: #666;
             opacity: .6
         }
         .tt-f-social.grey a:hover {
             opacity: 1
         }
         .tt-f-list {
             list-style: none
         }
         .tt-f-list li,
         .footer_widget.widget_nav_menu li {
             margin-bottom: 20px
         }
         .tt-f-list a,
         .footer_widget.widget_nav_menu li a {
             font-family: 'Roboto';
             font-size: 12px;
             line-height: 16px;
             font-weight: 400;
             color: #fff;
             opacity: .4
         }
         .tt-f-list a:hover,
         .footer_widget.widget_nav_menu li a:hover {
             opacity: 1
         }
         .tt-f-list.grey a {
             color: #666;
             opacity: .6
         }
         .tt-f-list.grey a:hover {
             opacity: 1
         }
         .tt-footer-copy {
             font-family: 'Roboto';
             font-size: 10px;
             line-height: 14px;
             font-weight: 500;
             color: rgba(255, 255, 255, .3);
             border-top: 1px solid rgba(255, 255, 255, .1);
             text-align: center;
             padding: 12px 0
         }
         .tt-footer-copy a {
             color: rgba(255, 255, 255, .3)
         }
         .tt-footer-copy a {
             color: #fff
         }
         .tt-footer.grey {
             background: #e9e5d9
         }
         .tt-footer.grey .tt-footer-copy,
         .tt-footer-copy.grey {
             background: #e9e5d9;
             color: rgba(17, 17, 17, .6);
             opacity: 1;
             border-color: #dcd8cd
         }
         .tt-footer.boxed {
             margin-left: -15px;
             margin-right: -15px;
             padding-left: 15px;
             padding-right: 15px
         }
         @media (max-width: 991px) {
             .tt-footer {
                 padding-top: 50px
             }
         }
         @media (max-width: 767px) {
             .tt-footer {
                 padding-top: 30px
             }
         }
         .tt-tags,
         .tagcloud {
             font-size: 0;
             list-style: none;
             margin: 8px 0
         }
         .tagcloud a {
             font-size: 10px!important;
             color: #666;
             border: 1px solid #ddd;
             opacity: 1;
             padding: 3px 7px;
             margin-right: 5px;
             margin-bottom: 5px;
             display: inline-block
         }
         .tagcloud a:hover {
             border-color: #51c8fa
         }
         .tt-tags li {
             display: inline-block;
             margin-right: 10px;
             margin-bottom: 10px
         }
         .page-links {
             padding-top: 15px;
             clear: both
         }
         .tt-pagination,
         .page-numbers,
         .woo-pagination {
             font-size: 0;
             list-style: none;
             margin-bottom: -10px
         }
         .tt-pagination li,
         .page-numbers li,
         .woo-pagination span,
         .woo-pagination a,
         .page-links a,
         .page-links>span {
             display: inline-block;
             margin-right: 10px;
             margin-bottom: 10px;
             height: 30px;
             line-height: 30px
         }
         .page-numbers span,
         .page-numbers a,
         .page-links a,
         .page-links>span {
             display: inline-block
         }
         .tt-pagination a,
         .page-numbers a,
         .page-numbers span,
         .woo-pagination a,
         .woo-pagination span.current,
         .page-links a,
         .page-links>span {
             min-width: 30px;
             font-family: 'Roboto';
             font-size: 12px;
             line-height: 30px;
             font-weight: 500;
             color: #666;
             text-align: center;
             background: #eaeaea;
             padding: 0 5px
         }
         .tt-pagination a:hover,
         .tt-pagination li.active a,
         .page-numbers a:hover,
         .page-numbers li span.current,
         .woo-pagination a:hover,
         .woo-pagination span.current,
         .page-links>span,
         .page-links a:hover {
             background: #51c8fa;
             color: #fff
         }
         .tt-blog-head {
             position: relative;
             display: table;
             width: 100%;
             height: 660px;
             z-index: 100;
             padding: 60px 0
         }
         .tt-blog-head.alternative-cover {
             height: 500px;
             z-index: 8
         }
         .tt-alternative-cover-content {
             margin-top: -40px;
             padding: 0 35px;
             background: #fff;
             position: relative;
             z-index: 9
         }
         .tt-blog-head:before {
             content: '';
             display: block;
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: url(http://themebubble.com/demo/magplus/wp-content/themes/magplus/img/slider/shadow_2.png);
             -webkit-background-size: 100% 100%;
             -moz-background-size: 100% 100%;
             background-size: 100% 100%
         }
         .tt-blog-head.tt-alternative-title-middle:before {
             background: rgba(0, 0, 0, .5)!important
         }
         .tt-alternative-title-middle {
             margin-top: 10px
         }
         .tt-alternative-title-middle .tt-blog-head-inner {
             vertical-align: middle
         }
         .tt-blog-head-inner {
             display: table-cell;
             vertical-align: bottom
         }
         .tt-blog-head .c-h1 {
             color: #fff
         }
         .tt-blog-category {
             margin-bottom: -9px
         }
         .tt-blog-category .c-btn {
             margin-right: 9px;
             margin-bottom: 9px
         }
         .tt-blog-category .c-btn:last-child {
             margin-right: 0
         }
         .tt-thumb {
             display: inline-block;
             position: relative
         }
         .tt-thumb-icon {
             position: absolute;
             top: 0;
             right: 0;
             width: 40px;
             height: 40px;
             font-size: 14px;
             line-height: 40px;
             text-align: center;
             color: #fff;
             background: rgba(17, 17, 17, .7);
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-thumb-icon:hover {
             background: #111
         }
         .tt-blog-user {
             display: inline-block
         }
         .tt-blog-user-img {
             float: left;
             width: 40px;
             height: 40px;
             -moz-border-radius: 100%;
             border-radius: 100%;
             overflow: hidden
         }
         .tt-blog-user-img img {
             -moz-border-radius: 100%;
             border-radius: 100%
         }
         .tt-blog-user-content {
             display: table-cell;
             height: 40px;
             font-family: 'Roboto';
             font-size: 13px;
             line-height: 17px;
             font-weight: 400;
             color: #b5b5b5;
             vertical-align: middle;
             padding-left: 10px
         }
         .tt-blog-user-content span:after {
             content: '•';
             display: inline-block;
             padding-left: 4px;
             padding-right: 1px
         }
         .tt-blog-user-content span:last-child:after {
             display: none
         }
         .tt-blog-user-content a {
             color: #111
         }
         .tt-blog-user-content a:hover {
             color: #51c8fa
         }
         .tt-blog-user.light .tt-blog-user-content a {
             color: #fff
         }
         .tt-blog-user.light .tt-blog-user-content a:hover {
             color: #51c8fa
         }
         .simple-img {
             display: inline-block;
             text-align: center
         }
         .simple-img img.img-responwsive {
             margin-bottom: 2px
         }
         .single .simple-img img.img-responwsive {
             width: 100%
         }
         .simple-img-desc {
             font-size: 13px;
             line-height: 17px;
             font-weight: 400;
             color: #666
         }
         .simple-img-desc a {
             color: #666
         }
         .simple-img-desc a:hover {
             color: #51c8fa
         }
         .simple-img-desc span {
             font-weight: 700;
             color: #111
         }
         @media (max-width: 991px) {
             .tt-blog-head {
                 height: 520px
             }
         }
         @media (max-width: 767px) {
             .tt-blog-head {
                 height: 480px
             }
         }
         .tt-thumb-popup {
             position: fixed;
             z-index: 11;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             left: -100%;
             -moz-transition-delay: .3s;
             transition-delay: .3s;
             -webkit-transition-delay: .3s;
             z-index: 999
         }
         .tt-thumb-popup.active {
             left: 0;
             -moz-transition-delay: 0s;
             transition-delay: 0s;
             -webkit-transition-delay: 0s
         }
         .tt-thumb-popup-overlay {
             position: absolute;
             left: 0;
             top: -100px;
             right: 0;
             bottom: -100px;
             background: #fff;
             -moz-transition: all .3s ease-out;
             transition: all .3s ease-out;
             -webkit-transition: all .3s ease-out;
             opacity: 0
         }
         .tt-thumb-popup.active .tt-thumb-popup-overlay {
             opacity: .9
         }
         .tt-thumb-popup-content {
             position: absolute;
             left: 0;
             top: 0;
             right: 0;
             bottom: 0;
             overflow: auto;
             -webkit-overflow-scrolling: touch;
             font-size: 0;
             text-align: center;
             -moz-transition: all .3s ease-out;
             transition: all .3s ease-out;
             -webkit-transition: all .3s ease-out;
             -moz-transform: translateY(100px);
             -ms-transform: translateY(100px);
             transform: translateY(100px);
             -webkit-transform: translateY(100px);
             opacity: 0;
             visibility: hidden;
             padding: 15px
         }
         .tt-thumb-popup.active .tt-thumb-popup-content {
             -moz-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0);
             -webkit-transform: translateY(0);
             opacity: 1;
             visibility: visible
         }
         .tt-thumb-popup-content:after {
             display: inline-block;
             vertical-align: middle;
             height: 100%;
             content: ""
         }
         .tt-thumb-popup-container {
             display: inline-block;
             vertical-align: middle;
             position: relative;
             text-align: left;
             background: #fff;
             max-width: 1200px
         }
         .tt-thumb-popup-close {
             position: absolute;
             top: 0;
             right: 0;
             width: 40px;
             height: 40px;
             background: #fff;
             cursor: pointer;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-thumb-popup-close:before {
             content: '';
             display: block;
             position: absolute;
             top: 50%;
             left: 50%;
             width: 20px;
             height: 1px;
             background: #787878;
             margin-left: -10px;
             -webkit-transform: rotate(-45deg);
             -moz-transform: rotate(-45deg);
             -ms-transform: rotate(-45deg);
             transform: rotate(-45deg);
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-thumb-popup-close:after {
             content: '';
             display: block;
             position: absolute;
             top: 50%;
             left: 50%;
             width: 20px;
             height: 1px;
             background: #787878;
             margin-left: -10px;
             -webkit-transform: rotate(45deg);
             -moz-transform: rotate(45deg);
             -ms-transform: rotate(45deg);
             transform: rotate(45deg);
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-thumb-popup-close:hover {
             background: #51c8fa
         }
         .tt-thumb-popup-close:hover:before,
         .tt-thumb-popup-close:hover:after {
             background: #fff
         }
         .tt-thumb-popup-layer {
             position: absolute;
             left: 0;
             bottom: 0;
             right: 0;
             height: 10000px
         }
         .tt-thumb-popup-align {
             overflow: hidden
         }
         .tt-video-popup {
             position: fixed;
             z-index: 11;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             left: -100%;
             -moz-transition-delay: .3s;
             transition-delay: .3s;
             -webkit-transition-delay: .3s;
             z-index: 999
         }
         .tt-video-popup.active {
             left: 0;
             -moz-transition-delay: 0s;
             transition-delay: 0s;
             -webkit-transition-delay: 0s
         }
         .tt-video-popup-overlay {
             position: absolute;
             left: 0;
             top: -100px;
             right: 0;
             bottom: -100px;
             background: #fff;
             -moz-transition: all .3s ease-out;
             transition: all .3s ease-out;
             -webkit-transition: all .3s ease-out;
             opacity: 0
         }
         .tt-video-popup.active .tt-video-popup-overlay {
             opacity: .9
         }
         .tt-video-popup-content {
             position: absolute;
             left: 0;
             top: 0;
             right: 0;
             bottom: 0;
             overflow: auto;
             -webkit-overflow-scrolling: touch;
             font-size: 0;
             text-align: center;
             -moz-transition: all .3s ease-out;
             transition: all .3s ease-out;
             -webkit-transition: all .3s ease-out;
             -moz-transform: translateY(100px);
             -ms-transform: translateY(100px);
             transform: translateY(100px);
             -webkit-transform: translateY(100px);
             opacity: 0;
             visibility: hidden;
             padding: 15px
         }
         .tt-video-popup.active .tt-video-popup-content {
             -moz-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0);
             -webkit-transform: translateY(0);
             opacity: 1;
             visibility: visible
         }
         .tt-video-popup-content:after {
             display: inline-block;
             vertical-align: middle;
             height: 100%;
             content: ""
         }
         .tt-video-popup-container {
             display: inline-block;
             vertical-align: middle;
             position: relative;
             text-align: left;
             background: #fff;
             max-width: 1200px
         }
         .tt-video-popup-container .embed-responsive {
             width: 700px;
             max-width: 100%
         }
         .tt-video-popup-close {
             position: absolute;
             top: 0;
             right: 0;
             width: 40px;
             height: 40px;
             background: #fff;
             cursor: pointer;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-video-popup-close:before {
             content: '';
             display: block;
             position: absolute;
             top: 50%;
             left: 50%;
             width: 20px;
             height: 1px;
             background: #787878;
             margin-left: -10px;
             -webkit-transform: rotate(-45deg);
             -moz-transform: rotate(-45deg);
             -ms-transform: rotate(-45deg);
             transform: rotate(-45deg);
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-video-popup-close:after {
             content: '';
             display: block;
             position: absolute;
             top: 50%;
             left: 50%;
             width: 20px;
             height: 1px;
             background: #787878;
             margin-left: -10px;
             -webkit-transform: rotate(45deg);
             -moz-transform: rotate(45deg);
             -ms-transform: rotate(45deg);
             transform: rotate(45deg);
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-video-popup-close:hover {
             background: #51c8fa
         }
         .tt-video-popup-close:hover:before,
         .tt-video-popup-close:hover:after {
             background: #fff
         }
         .tt-video-popup-layer {
             position: absolute;
             left: 0;
             bottom: 0;
             right: 0;
             height: 10000px
         }
         .tt-video-popup-align {
             overflow: hidden
         }
         @media (max-width: 767px) {
             .tt-video-popup-container .embed-responsive {
                 width: 400px
             }
             .slider-style3-frame,
             .slider-style4-frame,
             .slider-style5-frame,
             .slider-style3-frame:nth-child(2),
             .slider-style3-frame:nth-child(3),
             .slider-style4-frame:nth-child(2),
             .slider-style4-frame:nth-child(3) {
                 width: 100%!important;
                 float: none!important
             }
             .slider-style6 .tt-mslide-title.c-h1 {
                 padding: 0
             }
         }
         @media (max-width: 480px) {
             .tt-video-popup-container .embed-responsive {
                 width: 290px
             }
         }
         .tt-author {
             border: 1px solid #eaeaea;
             padding: 30px 60px 30px 30px
         }
         .tt-author-img {
             float: left;
             width: 90px;
             height: 90px;
             -moz-border-radius: 100%;
             border-radius: 100%;
             overflow: hidden
         }
         .tt-author-img img {
             -moz-border-radius: 90px;
             border-radius: 90px
         }
         .tt-author-info {
             padding-left: 107px;
             padding-top: 7px
         }
         .tt-author-title {
             display: inline-block;
             font-family: 'Roboto';
             font-size: 14px;
             line-height: 18px;
             font-weight: 700;
             color: #111;
             margin-bottom: 9px
         }
         .tt-author-title:hover {
             color: #51c8fa
         }
         .tt-author-info .simple-text {
             margin-bottom: 15px
         }
         .tt-author-info .simple-text p {
             font-weight: 400!important
         }
         .tt-author-social {
             font-size: 0
         }
         .tt-author-social li {
             display: inline-block;
             margin-right: 13px
         }
         .tt-author-social li:last-child {
             margin-right: 0
         }
         .tt-author-social a {
             display: block;
             font-size: 14px;
             line-height: 18px;
             color: #111
         }
         .tt-author-social a:hover {
             color: #51c8fa
         }
         @media (max-width: 767px) {
             .tt-author {
                 padding: 15px;
                 text-align: center
             }
             .tt-author-img {
                 float: none
             }
             .tt-author-info {
                 padding-left: 0
             }
         }
         .tt-blog-nav-label {
             font-family: 'Roboto';
             font-size: 12px;
             line-height: 16px;
             font-weight: 400;
             color: #b5b5b5;
             text-transform: uppercase;
             margin-bottom: 8px
         }
         .tt-blog-nav-title {
             font-family: 'Roboto';
             font-size: 14px;
             line-height: 18px;
             font-weight: 700;
             color: #111
         }
         .tt-blog-nav-title:hover {
             color: #51c8fa
         }
         .tt-blog-nav.right {
             text-align: right
         }
         @media (max-width: 767px) {
             .tt-blog-nav.right {
                 text-align: left
             }
         }
         .tt-comment {
             list-style: none;
             margin-bottom: -15px
         }
         .tt-comment-container {
             margin-bottom: 25px
         }
         .tt-comment-avatar {
             float: left;
             width: 40px;
             height: 40px;
             -moz-border-radius: 100%;
             border-radius: 100%;
             overflow: hidden
         }
         .tt-comment-avatar img {
             -moz-border-radius: 100%;
             border-radius: 100%
         }
         .tt-comment-info {
             padding-left: 50px;
             padding-top: 10px
         }
         .tt-comment-label {
             font-family: 'Roboto';
             font-size: 14px;
             line-height: 18px;
             font-weight: 400;
             color: #b5b5b5;
             margin-bottom: 5px
         }
         .tt-comment-label span:after {
             content: '•';
             display: inline-block;
             padding-left: 4px;
             padding-right: 1px
         }
         .tt-comment-label span:last-child:after {
             display: none
         }
         .tt-comment-label a {
             font-weight: 700;
             color: #111
         }
         .tt-comment-label a:hover {
             color: #51c8fa
         }
         .tt-comment-info .simple-text {
             margin-bottom: 5px
         }
         .tt-comment-reply,
         .comment-reply-link,
         .comment-edit-link {
             font-size: 13px;
             line-height: 17px;
             font-weight: 500;
             color: #111
         }
         .tt-comment-reply .fa,
         .comment-reply-link .fa {
             color: #ccc;
             margin-right: 6px;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-comment-reply:hover,
         .tt-comment-reply:hover .fa,
         .comment-reply-link:hover,
         .comment-reply-link:hover .fa,
         .comment-edit-link:hover {
             color: #51c8fa
         }
         .tt-comment .children {
             list-style: none;
             padding-left: 35px
         }
         .tt-comment .children .tt-comment-avatar {
             width: 30px;
             height: 30px
         }
         .tt-comment-container p {
             margin-bottom: 0
         }
         .tt-comment .children .tt-comment-info {
             padding-left: 40px;
             padding-top: 2px
         }
         @media (max-width: 767px) {
             .tt-comment-container {
                 text-align: center
             }
             .tt-comment-avatar {
                 display: inline-block;
                 float: none;
                 margin-bottom: 10px
             }
             .tt-comment-info {
                 padding-left: 0
             }
             .tt-comment .children {
                 padding-left: 0
             }
             .tt-comment .children .tt-comment-info {
                 padding-left: 0
             }
         }
         .tt-comment li.pingback {
             padding-bottom: 12px;
             margin-bottom: 12px;
             border-bottom: 1px solid #e1e1e1
         }
         .tt-comment li.pingback a {
             color: #51c8fa
         }
         .tt-comment li.pingback:last-child {
             margin-bottom: 25px!important
         }
         .comment-form .tt-comment-form-ava {
             float: left;
             display: block;
             width: 40px;
             border-radius: 50%
         }
         .tt-comment-form-content,
         .tt-comment-form {
             padding-left: 55px;
             padding-top: 6px
         }
         p.logged-in-as {
             margin-bottom: 10px!important
         }
         .tt-comment-form {
             padding-left: 0
         }
         .tt-comment-form .c-area {
             margin-bottom: 10px
         }
         .tt-comment-form .c-input {
             margin-bottom: 19px
         }
         .tt-comment-form .c-btn {
             margin-top: -17px
         }
         @media (max-width: 767px) {
             .tt-comment-form-ava {
                 float: none;
                 margin: 0 auto 10px auto
             }
             .tt-comment-form-content {
                 padding-left: 0
             }
         }
         .tt-search {
             position: relative
         }
         .tt-search input[type="text"] {
             width: 100%;
             height: 50px;
             font-family: 'Roboto';
             font-size: 13px;
             line-height: 48px;
             font-weight: 300;
             color: #b5b5b5;
             padding: 0 15px 0 43px;
             border: 1px solid #eaeaea;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-search input[type="text"]::-webkit-input-placeholder {
             font-size: 13px;
             font-weight: 300;
             color: #b5b5b5;
             opacity: 1
         }
         .tt-search input[type="text"]:-moz-placeholder {
             font-size: 13px;
             font-weight: 300;
             color: #b5b5b5;
             opacity: 1
         }
         .tt-search input[type="text"]::-moz-placeholder {
             font-size: 13px;
             font-weight: 300;
             color: #b5b5b5;
             opacity: 1
         }
         .tt-search input[type="text"]:-ms-input-placeholder {
             font-size: 13px;
             font-weight: 300;
             color: #b5b5b5;
             opacity: 1
         }
         .tt-search input[type="text"]:focus {
             border-color: #51c8fa
         }
         .tt-search-submit {
             position: absolute;
             top: 0;
             left: 0;
             width: 40px;
             height: 50px;
             font-size: 14px;
             line-height: 50px;
             text-align: right;
             color: #666;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-search-submit input {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: transparent;
             border: 0
         }
         .tt-search-submit:hover {
             color: #51c8fa
         }
         .tt-share {
             position: fixed;
             top: 50%;
             left: 0;
             z-index: 9;
             width: 36px;
             margin-top: -80px
         }
         .tt-share-title {
             font-family: 'Roboto';
             font-size: 10px;
             line-height: 14px;
             font-weight: 700;
             color: #666;
             text-transform: uppercase;
             text-align: center;
             margin-bottom: 12px
         }
         .tt-share-title span {
             display: block;
             font-size: 24px;
             line-height: 24px;
             font-weight: 700
         }
         .tt-share-list {
             list-style: none
         }
         .tt-share-list a {
             display: block;
             width: 36px;
             height: 36px;
             font-size: 16px;
             line-height: 32px;
             border-width: 2px;
             border-style: solid;
             text-align: center;
             color: #fff
         }
         .tt-share-list li:last-child {
             margin-bottom: 0
         }
         .tt-share-facebook {
             background: #3b5998;
             border-color: #3b5998
         }
         .tt-share-facebook:hover {
             color: #3b5998
         }
         .tt-share-twitter {
             background: #00aced;
             border-color: #00aced
         }
         .tt-share-twitter:hover {
             color: #00aced
         }
         .tt-share-pinterest {
             background: #cc2026;
             border-color: #cc2026
         }
         .tt-share-pinterest:hover {
             color: #cc2026
         }
         .tt-share-google {
             background: #dc4a38;
             border-color: #dc4a38
         }
         .tt-share-google:hover {
             color: #dc4a38
         }
         .tt-share-reddit {
             background: #b6d4e5;
             border-color: #b6d4e5
         }
         .tt-share-reddit:hover {
             color: #b6d4e5
         }
         .tt-share-mail {
             background: #333;
             border-color: #333
         }
         .tt-share-mail:hover {
             color: #333
         }
         .tt-share-list a:hover {
             background: #fff
         }
         @media (max-width: 1309px) {
             .tt-share {
                 margin-left: -625px
             }
             .tt-share.position-2 {
                 margin-left: -430px
             }
         }
         @media (max-width: 1199px) {
             .tt-share {
                 margin-left: -527px
             }
             .tt-share.position-2 {
                 margin-left: -364px
             }
         }
         @media (max-width: 991px) {
             .tt-share {
                 position: static;
                 margin-left: 0;
                 width: 100%;
                 vertical-align: top;
                 margin-bottom: 15px;
                 margin-top: 0
             }
             .tt-share.position-2 {
                 margin-left: 0
             }
             .tt-share-title {
                 display: inline-block;
                 vertical-align: top;
                 margin-bottom: 5px;
                 margin-right: 10px
             }
             .tt-share-list {
                 display: inline-block;
                 margin-bottom: -5px
             }
             .tt-share-list li {
                 display: inline-block;
                 margin-right: 10px
             }
         }
         .tt-heading {
             position: relative;
             padding: 44px 0;
             -webkit-background-size: cover;
             -moz-background-size: cover;
             background-size: cover
         }
         .tt-heading:before {
             content: '';
             display: block;
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: #111;
             opacity: .7
         }
         .tt-heading>* {
             position: relative
         }
         .tt-heading-title {
             font-family: 'Roboto';
             font-size: 36px;
             line-height: 42px;
             font-weight: 700;
             color: #fff
         }
         .tt-sub-heading {
             margin-top: 15px;
             display: block
         }
         .tt-contact .c-input,
         .tt-contact .c-area {
             margin-bottom: 19px
         }
         .tt-request-success {
             display: none
         }
         .tt-about {
             text-align: center
         }
         .tt-about .custom-hover {
             margin-bottom: 12px
         }
         .tt-about .simple-text {
             margin-bottom: 15px
         }
         .tt-about-block a {
             background-position: 50% 50%;
             background-size: cover;
             background-repeat: no-repeat;
             width: 100%;
             position: relative;
             height: 195px
         }
         .tt-news {
             border: 1px solid #eaeaea;
             -webkit-box-shadow: 0 1px 0 0 #eaeaea;
             -moz-box-shadow: 0 1px 0 0 #eaeaea;
             box-shadow: 0 1px 0 0 #eaeaea;
             text-align: center
         }
         .tt-news-info {
             padding: 17px 17px 33px 17px
         }
         .tt-news-title {
             font-size: 15px
         }
         .tt-category-img {
             position: relative;
             overflow: hidden
         }
         .tt-category-block-style1 .bg:before {
             content: '';
             position: absolute;
             background: url(/demo/magplus/wp-content/themes/magplus/img/slider/shadow_2.png);
             -webkit-background-size: 100% 100%;
             -moz-background-size: 100% 100%;
             background-size: 100% 100%;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             -webkit-transition: all 0.3s ease;
             -moz-transition: all 0.3s ease;
             transition: all 0.3s ease
         }
         .tt-category-text-style1 h5 {
             position: relative;
             color: #fff
         }
         .tt-category-block-title {
             font-size: 16px;
             display: block;
             padding-bottom: 4px
         }
         .tt-category-block-style1 .tt-category-block-inner {
             height: 210px!important
         }
         .tt-category-block-inner {
             display: table;
             width: 100%;
             height: 280px!important;
             position: relative!important;
             background-size: cover;
             background-repeat: no-repeat;
             background-position: center center;
             -moz-box-sizing: border-box;
             -webkit-box-sizing: border-box;
             box-sizing: border-box;
             padding: 22px;
             position: relative
         }
         .widget_category_block .tt-category-block-inner {
             height: 120px!important
         }
         .tt-category-block-style2 a,
         .tt-category-block-style1 a {
             position: absolute;
             left: 0;
             top: 0;
             z-index: 999;
             width: 100%;
             height: 100%
         }
         .tt-category-text-style2 {
             height: 100%;
             display: table-cell;
             vertical-align: middle;
             text-align: center
         }
         .tt-category-text-style1 {
             height: 100%;
             display: table-cell;
             vertical-align: bottom
         }
         .tt-category-text-style2 .tt-category-title {
             background: #fff;
             color: #111;
             padding: 10px 50px;
             display: inline-block
         }
         .tt-news-title:hover {
             color: #51c8fa
         }
         .tt-banner {
             position: relative;
             background: #e8e4d8;
             padding: 20px 0;
             overflow: hidden
         }
         .tt-banner-info {
             padding-left: 215px
         }
         .tt-banner-img {
             position: absolute;
             top: 0;
             left: 52px;
             -webkit-box-shadow: 4px 4px 5px 0 rgba(186, 184, 184, .75);
             -moz-box-shadow: 4px 4px 5px 0 rgba(186, 184, 184, .75);
             box-shadow: 4px 4px 5px 0 rgba(186, 184, 184, .75);
             -webkit-transform: rotate(-45deg);
             -moz-transform: rotate(-45deg);
             -ms-transform: rotate(-45deg);
             transform: rotate(-45deg)
         }
         .tt-banner-info .simple-text {
             margin-bottom: 15px
         }
         .tt-banner-bottom {
             width: 70%;
             margin-left: -5px;
             margin-right: -5px
         }
         .tt-banner-bottom-left,
         .tt-banner-bottom-right {
             float: left;
             padding-left: 5px;
             padding-right: 5px
         }
         .tt-banner-bottom-left {
             width: 59%
         }
         .tt-banner-bottom-right {
             width: 41%
         }
         @media (max-width: 767px) {
             .tt-banner {
                 text-align: center
             }
             .tt-banner-img {
                 display: table;
                 position: static;
                 -webkit-transform: rotate(0deg);
                 -moz-transform: rotate(0deg);
                 -ms-transform: rotate(0deg);
                 transform: rotate(0deg);
                 margin: 0 auto 15px auto
             }
             .tt-banner-bottom {
                 width: 100%;
                 margin-left: 0;
                 margin-right: 0
             }
             .tt-banner-info {
                 padding: 0 15px
             }
             .tt-banner-info input[type="text"] {
                 text-align: center
             }
             .tt-banner-bottom-left,
             .tt-banner-bottom-right {
                 width: 100%;
                 padding-left: 0;
                 padding-right: 0
             }
             .tt-banner-bottom-left {
                 margin-bottom: 15px
             }
         }
         .tt-mblock {
             position: relative;
             border: 1px solid #eaeaea;
             -webkit-box-shadow: 0 1px 0 0 #eaeaea;
             -moz-box-shadow: 0 1px 0 0 #eaeaea;
             box-shadow: 0 1px 0 0 #eaeaea
         }
         .tt-mblock-info {
             width: 32%;
             padding: 29px
         }
         .tt-mblock-cat {
             font-size: 0;
             margin-bottom: 10px
         }
         .tt-mblock-cat .c-btn {
             margin-right: 10px
         }
         .tt-mblock-cat .c-btn:last-child {
             margin-right: 0
         }
         .tt-mblock-bg {
             display: block;
             position: absolute;
             top: 0;
             left: 32%;
             right: 0;
             bottom: 0
         }
         .tt-mblock-bg:before {
             content: '';
             display: block;
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, .1) 72%, rgba(0, 0, 0, .32) 100%);
             background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, .1) 72%, rgba(0, 0, 0, .32) 100%);
             background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, .1) 72%, rgba(0, 0, 0, .32) 100%);
             filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#52000000', GradientType=0);
             z-index: 2
         }
         .tt-mblock-img {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%
         }
         .tt-mblock-title {
             display: inline-block;
             height: 207px;
             margin-bottom: 40px
         }
         .tt-mblock-title:hover {
             color: #51c8fa
         }
         .tt-mblock-label {
             font-family: 'Roboto';
             font-size: 13px;
             line-height: 17px;
             font-weight: 700;
             color: #b5b5b5
         }
         .tt-mblock-label span:after {
             content: '•';
             display: inline-block;
             padding-left: 8px;
             padding-right: 4px
         }
         .tt-mblock-label span:last-child:after {
             display: none
         }
         .tt-mblock-label a {
             color: #111
         }
         .tt-mblock-label a:hover {
             color: #51c8fa
         }
         @media (max-width: 991px) {
             .tt-mblock-info {
                 width: 45%
             }
             .tt-mblock-bg {
                 left: 45%
             }
         }
         @media (max-width: 767px) {
             .tt-mblock-bg {
                 position: relative;
                 left: 0;
                 width: 100%;
                 height: 200px
             }
             .tt-mblock-title {
                 height: auto;
                 margin-bottom: 25px
             }
             .tt-mblock-info {
                 width: 100%;
                 padding: 15px
             }
         }
         .cust-xs-5 {
             width: 20%
         }
         @media screen and (min-width: 768px) {
             .cust-sm-5 {
                 width: 20%
             }
         }
         @media screen and (min-width: 992px) {
             .cust-md-5 {
                 width: 20%
             }
         }
         @media screen and (min-width: 1200px) {
             .cust-lg-5 {
                 width: 20%
             }
         }
         .marg-lg-b0 {
             height: 0
         }
         .marg-lg-b4 {
             height: 4px
         }
         .marg-lg-b5 {
             height: 5px
         }
         .marg-lg-b10 {
             height: 10px
         }
         .marg-lg-b15 {
             height: 15px
         }
         .marg-lg-b20 {
             height: 20px
         }
         .marg-lg-b25 {
             height: 25px
         }
         .marg-lg-b30 {
             height: 400px;    /* modificado de 30 */
           
         }
         .marg-lg-b35 {
             height: 35px
         }
         .marg-lg-b40 {
             height: 40px
         }
         .marg-lg-b45 {
             height: 45px
         }
         .marg-lg-b50 {
             height: 50px
         }
         .marg-lg-b55 {
             height: 55px
         }
         .marg-lg-b60 {
             height: 60px
         }
         .marg-lg-b65 {
             height: 65px
         }
         .marg-lg-b70 {
             height: 70px
         }
         .marg-lg-b75 {
             height: 75px
         }
         .marg-lg-b80 {
             height: 80px
         }
         .marg-lg-b85 {
             height: 85px
         }
         .marg-lg-b90 {
             height: 90px
         }
         .marg-lg-b95 {
             height: 95px
         }
         .marg-lg-b100 {
             height: 100px
         }
         .marg-lg-b105 {
             height: 105px
         }
         .marg-lg-b110 {
             height: 110px
         }
         .marg-lg-b115 {
             height: 115px
         }
         .marg-lg-b120 {
             height: 120px
         }
         .marg-lg-b125 {
             height: 125px
         }
         .marg-lg-b130 {
             height: 130px
         }
         .marg-lg-b135 {
             height: 135px
         }
         .marg-lg-b140 {
             height: 140px
         }
         .marg-lg-b145 {
             height: 145px
         }
         .marg-lg-b150 {
             height: 150px
         }
         .marg-lg-b155 {
             height: 155px
         }
         .marg-lg-b160 {
             height: 160px
         }
         .marg-lg-b165 {
             height: 165px
         }
         .marg-lg-b170 {
             height: 170px
         }
         .marg-lg-b175 {
             height: 175px
         }
         .marg-lg-b180 {
             height: 180px
         }
         .marg-lg-b185 {
             height: 185px
         }
         .marg-lg-b190 {
             height: 190px
         }
         .marg-lg-b195 {
             height: 195px
         }
         .marg-lg-b200 {
             height: 200px
         }
         .marg-lg-b205 {
             height: 205px
         }
         .marg-lg-b210 {
             height: 210px
         }
         @media (max-width: 1199px) {
             .marg-md-b0 {
                 height: 0
             }
             .marg-md-b5 {
                 height: 5px
             }
             .marg-md-b10 {
                 height: 10px
             }
             .marg-md-b15 {
                 height: 15px
             }
             .marg-md-b20 {
                 height: 20px
             }
             .marg-md-b25 {
                 height: 25px
             }
             .marg-md-b30 {
                 height: 30px
             }
             .marg-md-b35 {
                 height: 35px
             }
             .marg-md-b40 {
                 height: 40px
             }
             .marg-md-b45 {
                 height: 45px
             }
             .marg-md-b50 {
                 height: 50px
             }
             .marg-md-b55 {
                 height: 55px
             }
             .marg-md-b60 {
                 height: 60px
             }
             .marg-md-b65 {
                 height: 65px
             }
             .marg-md-b70 {
                 height: 70px
             }
             .marg-md-b75 {
                 height: 75px
             }
             .marg-md-b80 {
                 height: 80px
             }
             .marg-md-b85 {
                 height: 85px
             }
             .marg-md-b90 {
                 height: 90px
             }
             .marg-md-b95 {
                 height: 95px
             }
             .marg-md-b100 {
                 height: 100px
             }
             .marg-md-b105 {
                 height: 105px
             }
             .marg-md-b110 {
                 height: 110px
             }
             .marg-md-b115 {
                 height: 115px
             }
             .marg-md-b120 {
                 height: 120px
             }
             .marg-md-b125 {
                 height: 125px
             }
             .marg-md-b130 {
                 height: 130px
             }
             .marg-md-b135 {
                 height: 135px
             }
             .marg-md-b140 {
                 height: 140px
             }
             .marg-md-b145 {
                 height: 145px
             }
             .marg-md-b150 {
                 height: 150px
             }
             .marg-md-b155 {
                 height: 155px
             }
             .marg-md-b160 {
                 height: 160px
             }
             .marg-md-b165 {
                 height: 165px
             }
             .marg-md-b170 {
                 height: 170px
             }
             .marg-md-b175 {
                 height: 175px
             }
             .marg-md-b180 {
                 height: 180px
             }
             .marg-md-b185 {
                 height: 185px
             }
             .marg-md-b190 {
                 height: 190px
             }
             .marg-md-b195 {
                 height: 195px
             }
             .marg-md-b200 {
                 height: 200px
             }
             .marg-md-b205 {
                 height: 205px
             }
             .marg-md-b210 {
                 height: 210px
             }
         }
         @media (max-width: 991px) {
             .marg-sm-b0 {
                 height: 0
             }
             .marg-sm-b5 {
                 height: 5px
             }
             .marg-sm-b10 {
                 height: 10px
             }
             .marg-sm-b15 {
                 height: 15px
             }
             .marg-sm-b20 {
                 height: 20px
             }
             .marg-sm-b25 {
                 height: 25px
             }
             .marg-sm-b30 {
                 height: 30px
             }
             .marg-sm-b35 {
                 height: 35px
             }
             .marg-sm-b40 {
                 height: 40px
             }
             .marg-sm-b45 {
                 height: 45px
             }
             .marg-sm-b50 {
                 height: 50px
             }
             .marg-sm-b55 {
                 height: 55px
             }
             .marg-sm-b60 {
                 height: 60px
             }
             .marg-sm-b65 {
                 height: 65px
             }
             .marg-sm-b70 {
                 height: 70px
             }
             .marg-sm-b75 {
                 height: 75px
             }
             .marg-sm-b80 {
                 height: 80px
             }
             .marg-sm-b85 {
                 height: 85px
             }
             .marg-sm-b90 {
                 height: 90px
             }
             .marg-sm-b95 {
                 height: 95px
             }
             .marg-sm-b100 {
                 height: 100px
             }
             .marg-sm-b105 {
                 height: 105px
             }
             .marg-sm-b110 {
                 height: 110px
             }
             .marg-sm-b115 {
                 height: 115px
             }
             .marg-sm-b120 {
                 height: 120px
             }
             .marg-sm-b125 {
                 height: 125px
             }
             .marg-sm-b130 {
                 height: 130px
             }
             .marg-sm-b135 {
                 height: 135px
             }
             .marg-sm-b140 {
                 height: 140px
             }
             .marg-sm-b145 {
                 height: 145px
             }
             .marg-sm-b150 {
                 height: 150px
             }
             .marg-sm-b155 {
                 height: 155px
             }
             .marg-sm-b160 {
                 height: 160px
             }
             .marg-sm-b165 {
                 height: 165px
             }
             .marg-sm-b170 {
                 height: 170px
             }
             .marg-sm-b175 {
                 height: 175px
             }
             .marg-sm-b180 {
                 height: 180px
             }
             .marg-sm-b185 {
                 height: 185px
             }
             .marg-sm-b190 {
                 height: 190px
             }
             .marg-sm-b195 {
                 height: 195px
             }
             .marg-sm-b200 {
                 height: 200px
             }
             .marg-sm-b205 {
                 height: 205px
             }
             .marg-sm-b210 {
                 height: 210px
             }
         }
         @media (max-width: 767px) {
             .marg-xs-b0 {
                 height: 0
             }
             .marg-xs-b5 {
                 height: 5px
             }
             .marg-xs-b10 {
                 height: 10px
             }
             .marg-xs-b15 {
                 height: 15px
             }
             .marg-xs-b20 {
                 height: 20px
             }
             .marg-xs-b25 {
                 height: 25px
             }
             .marg-xs-b30 {
                 height: 30px
             }
             .marg-xs-b35 {
                 height: 35px
             }
             .marg-xs-b40 {
                 height: 40px
             }
             .marg-xs-b45 {
                 height: 45px
             }
             .marg-xs-b50 {
                 height: 50px
             }
             .marg-xs-b55 {
                 height: 55px
             }
             .marg-xs-b60 {
                 height: 60px
             }
             .marg-xs-b65 {
                 height: 65px
             }
             .marg-xs-b70 {
                 height: 70px
             }
             .marg-xs-b75 {
                 height: 75px
             }
             .marg-xs-b80 {
                 height: 80px
             }
             .marg-xs-b85 {
                 height: 85px
             }
             .marg-xs-b90 {
                 height: 90px
             }
             .marg-xs-b95 {
                 height: 95px
             }
             .marg-xs-b100 {
                 height: 100px
             }
             .marg-xs-b105 {
                 height: 105px
             }
             .marg-xs-b110 {
                 height: 110px
             }
             .marg-xs-b115 {
                 height: 115px
             }
             .marg-xs-b120 {
                 height: 120px
             }
             .marg-xs-b125 {
                 height: 125px
             }
             .marg-xs-b130 {
                 height: 130px
             }
             .marg-xs-b135 {
                 height: 135px
             }
             .marg-xs-b140 {
                 height: 140px
             }
             .marg-xs-b145 {
                 height: 145px
             }
             .marg-xs-b150 {
                 height: 150px
             }
             .marg-xs-b155 {
                 height: 155px
             }
             .marg-xs-b160 {
                 height: 160px
             }
             .marg-xs-b165 {
                 height: 165px
             }
             .marg-xs-b170 {
                 height: 170px
             }
             .marg-xs-b175 {
                 height: 175px
             }
             .marg-xs-b180 {
                 height: 180px
             }
             .marg-xs-b185 {
                 height: 185px
             }
             .marg-xs-b190 {
                 height: 190px
             }
             .marg-xs-b195 {
                 height: 195px
             }
             .marg-xs-b200 {
                 height: 200px
             }
             .marg-xs-b205 {
                 height: 205px
             }
             .marg-xs-b210 {
                 height: 210px
             }
         }
         .no-menu {
             padding: 24px 0;
             font-size: 12px
         }
         .wp-caption {
             max-width: 100%
         }
         .tt-post.sticky {
             border-color: #51c8fa
         }
         .wp-caption-text {
             color: #666;
             font-size: 12px;
             line-height: 1.5;
             padding: .5em 0
         }
         .comment-list .bypostauthor {
             border: 1px solid transparent
         }
         .alignleft {
             float: left;
             margin: .375em 1.75em 1.75em 0
         }
         .alignright {
             float: right;
             margin: .375em 0 1.75em 1.75em
         }
         .aligncenter {
             clear: both;
             display: block;
             margin: 0 auto 1.75em
         }
         .tt-mobile-nav .no-menu {
             color: #666;
             line-height: 18px
         }
         .sound-cloud-embed iframe,
         .gif-showcase iframe {
             width: 100%
         }
         .widget ul {
             position: relative;
             list-style: none
         }
         .sidebar-item.widget ul li,
         .tt-classic-grid-series ul li,
         .tt-post-list.dark li,
         .footer_widget .tt-post-list li {
             padding: 12px 0
         }
         .sidebar-item.widget ul li:first-child,
         .tt-post-list.dark li:first-child,
         .footer_widget .tt-post-list li:first-child {
             padding-top: 10px
         }
         .sidebar-item.widget ul li a:hover {
             color: #51c8fa
         }
         .sidebar-item.widget select {
             width: 100%;
             padding: 8px;
             background: #fff
         }
         #wp-calendar {
             width: 100%;
             border: 1px solid #d1d1d1;
             margin-bottom: 0
         }
         #wp-calendar caption {
             border: 1px solid #d1d1d1;
             border-bottom: none;
             padding: 10px
         }
         #wp-calendar td,
         #wp-calendar th {
             padding: 10px;
             text-align: center;
             color: #666
         }
         #wp-calendar thead {
             border-bottom: 1px solid #d1d1d1
         }
         #wp-calendar tfoot {
             border-top: 1px solid #d1d1d1
         }
         #wp-calendar tfoot #prev {
             text-align: left
         }
         #wp-calendar tfoot #next {
             text-align: right
         }
         .tt-s-search {
             position: relative
         }
         .tt-s-search input[type="text"] {
             width: 100%;
             height: 42px;
             border: 1px solid #eaeaea;
             background: transparent;
             padding-left: 44px;
             padding-right: 15px;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-s-search input[type="text"]:focus {
             border-color: #51c8fa
         }
         .tt-s-search-submit {
             position: absolute;
             top: 0;
             left: 0;
             width: 42px;
             height: 42px;
             text-align: center
         }
         .tt-s-search-submit .fa {
             font-size: 16px;
             color: #51c8fa;
             line-height: 42px;
             font-style: normal;
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .tt-s-search-submit:hover .fa {
             color: #30373b
         }
         .tt-s-search-submit input {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: transparent;
             border: 0
         }
         .widget_archive label,
         .widget_categories label {
             display: none
         }
         .widget_rss,
         .widget_text,
         .widget_recent_comments {
             position: relative;
             line-height: 21px
         }
         .widget_nav_menu ul li ul {
             padding-left: 15px
         }
         .footer_widget.widget_tag_cloud .tagcloud {
             position: relative;
             margin: 0
         }
         .footer_widget.widget_tag_cloud .tagcloud a {
             margin-right: 10px;
             margin-bottom: 10px;
             display: inline-block
         }
         .tt-fluid-inner {
             position: relative;
             overflow: hidden;
             height: 0;
             padding-bottom: 56.25%
         }
         .tt-fluid-inner .tt-fluid-inner-iframe {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%
         }
         .tt-comment-form .form-submit {
             display: inline-block;
             padding: 7px 0
         }
         .logged-in .tt-comment-form textarea {
             margin-bottom: 20px
         }
         .comment-respond .simple-text .row:last-child,
         .comment-respond div[class^="col-"] {
             margin-bottom: 0!important
         }
         .tt-blog-tag {
             display: none
         }
         .footer_widget .tt-post-cat a:hover {
             color: #fff
         }
         .post-grid-view .tt-post-img img,
         .isotope-content .tt-post-img img {
             width: 100%
         }
         #lp-pom-button-16 {
             display: none
         }
         .lp-pom-video,
         .tt-fluid-inner .tt-iframe {
             transition: all 0.4s linear
         }
         .smallVid {
             left: 0!important;
             bottom: 0!important;
             z-index: 999999!important;
             ms-transform: scale(.35, .35);
             -webkit-transform: scale(.35, .35);
             transform: scale(.35, .35);
             -webkit-transform-origin-x: 0%;
             -webkit-transform-origin-y: 100%;
             transform-origin: 0% 100%;
             position: fixed!important;
             display: block!important
         }
         .tt-category-title {
             display: inline-block;
             color: #fff;
             margin-right: 5px
         }
         .tt-category-text a {
             color: #fff
         }
         .slider-style3,
         .slider-style4,
         .slider-style5 {
             position: relative;
             display: block;
             padding: 5px 5px 0 5px;
             overflow: hidden
         }
         .slider-style3-frame,
         .slider-style4-frame,
         .slider-style5-frame {
             position: relative;
             display: block;
             float: left;
             width: 25%;
             padding: 5px
         }
         .tt-mslide-link {
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             z-index: 10
         }
         .slider-style4-frame {
             padding: 5px 0 5px 0;
             width: 65%
         }
         .slider-style3-frame {
             width: 65%
         }
         .slider-style4-frame:nth-child(1) {
             padding-right: 10px
         }
         .slider-style5-frame.style1 {
             width: 25%
         }
         .slider-style5-frame.style2 {
             width: 33.3333333%
         }
         .slider-style5-frame .tt-mslide-title {
             margin-bottom: 13px
         }
         .slider-style3-frame .tt-mslide.big,
         .slider-style4-frame .tt-mslide.big {
             padding-bottom: 0
         }
         .slider-style3-frame:nth-child(2),
         .slider-style3-frame:nth-child(3),
         .slider-style4-frame:nth-child(2),
         .slider-style4-frame:nth-child(3) {
             width: 35%
         }
         .tt-mslide-gradient {
             position: absolute;
             width: 100%;
             height: 100%;
             left: 0;
             background: linear-gradient(to bottom, #000, transparent);
             background: -webkit-linear-gradient(bottom, #000, transparent);
             opacity: .7;
             z-index: 1
         }
         .sidebar-item.widget_recent_posts_entries .tt-post.dark .tt-post-title {
             color: #111;
             opacity: 1
         }
         .sidebar-item.widget_recent_posts_entries .tt-post.dark .tt-post-title:hover {
             color: #51c8fa
         }
         .sidebar-item.widget_recent_posts_entries .tt-post.dark .tt-post-cat {
             opacity: 1;
             color: #b5b5b5
         }
         .post-password-form input {
             border: 1px solid #eaeaea
         }
         .post-password-form input[type='submit'] {
             background: #51c8fa;
             color: #fff;
             padding: 2px 20px;
             border: 0 none;
             font-size: 14px
         }
         .tt-page-404-content h1 {
             font-size: 140px;
             line-height: 170px
         }
         .footer_widget.widget_archive,
         .footer_widget.widget_calendar,
         .footer_widget.widget_categories,
         .footer_widget.widget_pages,
         .footer_widget.widget_meta,
         .footer_widget.widget_recent_comments,
         .footer_widget.widget_recent_entries,
         .footer_widget.widget_rss,
         .footer_widget.widget_search,
         .footer_widget.widget_text,
         .footer_widget.widget_tag_cloud {
             margin-bottom: 30px
         }
         .footer_widget.widget_archive li,
         .footer_widget.widget_categories li,
         .footer_widget.widget_recent_entries li,
         .footer_widget.widget_pages li,
         .footer_widget.widget_meta li,
         .footer_widget.widget_recent_comments li,
         .footer_widget.widget_rss li {
             padding: 5px 0;
             color: #666
         }
         .footer_widget.widget_archive select,
         .footer_widget.widget_categories select,
         .footer_widget select,
         .sidebar-item select {
             width: 100%;
             padding: 5px 0
         }
         .footer_widget.widget_archive a,
         .footer_widget.widget_categories a,
         .footer_widget.widget_pages a,
         .footer_widget.widget_meta a,
         .footer_widget.widget_recent_comments a,
         .footer_widget.widget_recent_entries a,
         .footer_widget.widget_rss a {
             color: #666;
             font-size: 13px
         }
         .sidebar-item.widget_archive a,
         .sidebar-item.widget_categories a,
         .sidebar-item.widget_pages a,
         .sidebar-item.widget_meta a,
         .sidebar-item.widget_recent_comments a,
         .sidebar-item.widget_recent_entries a,
         .sidebar-item.widget_nav_menu a,
         .sidebar-item.widget_rss a,
         .sidebar-item.widget_latest_tweets_widget p {
             color: #666
         }
         .sidebar-item.widget_latest_tweets_widget .my-tweet img {
             position: absolute;
             left: 0;
             top: 17px
         }
         .sidebar-item.widget_latest_tweets_widget li:first-child {
             padding-top: 5px!important
         }
         .sidebar-item.widget_latest_tweets_widget li {
             padding: 12px 0!important;
             padding-left: 60px!important;
             position: relative;
             overflow: hidden;
             border-bottom: 1px solid #eaeaea
         }
         .sidebar-item.widget_latest_tweets_widget li:last-child {
             border-bottom: 0
         }
         .sidebar-item.widget_latest_tweets_widget a {
             color: #1DA1F2
         }
         .sidebar-item.widget_latest_tweets_widget .my-date a {
             color: #b7b7b7;
             display: block;
             margin-top: 3px
         }
         .sidebar-item.widget_latest_tweets_widget p {
             line-height: 1.5
         }
         span.ajax-loader {
             display: none
         }
         .custom-sidebar .tt-title-text {
             font-size: 15px
         }
         .tt-rating {
             position: relative;
             overflow: hidden;
             border: 1px solid #eaeaea;
             padding: 40px
         }
         .tt-rating-text {
             color: #111;
             font-weight: 700;
             font-size: 48px
         }
         .tt-rating-text span {
             font-size: 15px;
             color: #666
         }
         .tpl-progress {
             margin-top: 10px;
             text-transform: uppercase;
             overflow: visible;
             height: 13px;
             background: #f0f0f0;
             border-radius: 0;
             box-shadow: none
         }
         .progress-bar {
             width: 0;
             -webkit-transition: all 1s cubic-bezier(.17, .67, .31, .95);
             transition: all 1s cubic-bezier(.17, .67, .31, .95)
         }
         .tpl-progress .progress-bar {
             padding-top: 2px;
             position: relative;
             overflow: visible;
             background: #51c8fa;
             font-size: 11px;
             color: #000;
             box-shadow: none;
             text-align: left;
             box-sizing: border-box
         }
         .tt-progress-title {
             float: left;
             display: inline-block;
             color: #111;
             font-size: 14px;
             line-height: 14px
         }
         .tt-progress-number {
             text-align: right;
             color: #111;
             font-size: 14px;
             line-height: 14px
         }
         .single .tt-rating-content {
             margin-top: 20px
         }
         .tt-rating-content {
             margin-top: 5px
         }
         .tt-rating-title .c-h5,
         .tt-summary-title .c-h5 {
             font-size: 16px;
             font-weight: 600
         }
         .tt-post-grid-series-style3 li:first-child {
             border-top: 0!important;
             padding-top: 0!important
         }
         .tt-post-grid-series-style3 li:last-child {
             border-bottom: 0
         }
         .tt-post-card {
             position: relative;
             overflow: hidden
         }
         .tt-slider-content .slider-style5-frame.style1:first-child {
             padding-left
             
             
             : 0
         }
         .slider-style13  -slide.swiper-container -slide-active .tt-item-post-block {
             border-left: 0
         }
         .tt-slider-content .c-pagination {
             margin: 0!important;
             bottom: 0;
             left: 15px
         }
         .tt-slider-content .swiper-container -arrow-left-content,
         .tt-slider-content .swiper-arrow-right-content.c-arrow {
             cursor: pointer;
             bottom: 0
         }
         .tt-slider-content .swiper-arrow-left-content.c-arrow,
         .tt-slider-content .swiper-arrow-right-content.c-arrow {
             background: transparent;
             display: inline-block;
             margin-right: 5px;
             margin-top: 15px;
             border-width: 1px 1px 1px 1px;
             border-style: solid;
             border-color: #ddd;
             color: #bdbdbd;
             font-size: 14px;
             width: 24px;
             height: 24px;
             line-height: 22px
         }
         .tt-slider-content .swiper-arrow-right-content.c-arrow:hover,
         .tt-slider-content .swiper-arrow-left-content.c-arrow:hover {
             color: #fff;
             background: rgba(17, 17, 17, .7);
             border-color: transparent
         }
         #main-footer .instagram-pics {
             margin-left: -10px;
             overflow: hidden
         }
         .tt-footer .instagram-pics li {
             width: 25%;
             display: inline-block;
             border-bottom: none;
             padding: 0;
             float: left
         }
         .tt-footer .instagram-pics li img {
             max-width: 100%;
             vertical-align: middle
         }
         .tt-footer .instagram-pics li img:hover {
             opacity: .87
         }
         .tt-container {
             margin-right: auto;
             margin-left: auto;
             padding-left: 15px;
             padding-right: 15px
         }
         @media (min-width: 768px) {
             .tt-container {
                 width: 750px
             }
         }
         @media (min-width: 992px) {
             .tt-container {
                 width: 970px
             }
         }
         @media (min-width: 1200px) {
             .tt-container {
                 width: 1170px
             }
         }
         .tt-vertical-align {
             transform: translateY(-50%);
             -webkit-transform: translateY(-50%);
             -moz-transform: translateY(-50%);
             -ms-transform: translateY(-50%);
             top: 50%;
             position: absolute
         }
         .tt-vertical-align.full {
             left: 0;
             width: 100%;
             text-align: center
         }
         .resp-img {
             display: block;
             width: 100%;
             height: auto
         }
         .tt-swiper-arrow {
             position: absolute;
             width: 36px;
             background: #fff;
             height: 36px;
             top: 50%;
             transform: translateY(-50%);
             -webkit-transform: translateY(-50%);
             -ms-transform: translateY(-50%);
             text-align: center;
             z-index: 6;
             cursor: pointer;
             transition: all 0.35s ease-in;
             -webkit-transition: all 0.35s ease-in;
             border-radius: 50%
         }
         .tt-swiper-arrow img,
         .tt-swiper-arrow i,
         .tt-swiper-arrow-2 img,
         .tt-swiper-arrow-2 i {
             position: absolute;
             left: 50%;
             top: 50%;
             transform: translate(-50%, -50%);
             -webkit-transform: translate(-50%, -50%);
             -ms-transform: translate(-50%, -50%);
             display: block;
             backface-visibility: hidden
         }
         .tt-swiper-arrow:hover {
             background: rgba(255, 255, 255, .7)
         }
         .arrow-closest {
             position: relative
         }
         .swiper-arrow-left {
             left: 30px;
             margin-top: 0
         }
         .swiper-arrow-right {
             right: 30px;
             margin-top: 0
         }
         .tt-swiper-arrow.type-2 {
             background: rgba(17, 17, 17, .6)
         }
         .tt-swiper-arrow.type-2:hover {
             background: #111
         }
         .slider-style14 .tt-swiper-arrow-2{
             position: absolute;
         top: 0;
         height: 1px;
         width: 100%; /* El ancho se ajustará automáticamente según el contenido carrusel */
         color: #fff;
         text-align: center;
         background: rgba(17, 17, 17, .26);
         cursor: pointer;
         z-index: 5;
         transition: all 0.35s ease-in;
         -webkit-transition: all 0.35s ease-in;
         
             
         }
         
         .tt-swiper-arrow-2,
         .slider-style12 .tt-swiper-arrow-2,
         .slider-style13 .tt-swiper-arrow-2,
         
         .slider-style15 .tt-swiper-arrow-2,
         .slider-style16 .tt-swiper-arrow-2,
         .slider-style17 .tt-swiper-arrow-2 {
             position: absolute;
             top: 0;
             width: 36px;
             color: #fff;
             text-align: center;
             background: rgba(17, 17, 17, .26);
             cursor: pointer;
             z-index: 5;
             transition: all 0.35s ease-in;
             -webkit-transition: all 0.35s ease-in
         }
         .tt-swiper-arrow-2.swiper-arrow-left {
             left: 0;
             margin-top: 0
         }
         .tt-swiper-arrow-2.swiper-arrow-right {
             right: 0;
             margin-top: 0
         }
         .tt-swiper-arrow-2:hover {
             background: #111
         }
         .pagination-hidden {
             display: none
         }
         .tt-shortcode {
             background: #fff
         }
         .tt-slider-type-1 .swiper-slide,
             .tt-slider-type-2 {
                 height: 100%;
                 display: inline-block
             }
             .tt-slide-item {
                 width: 100%!important
             }
             .tt-slide-item.item-1,
             .tt-slide-item.item-2 {
                 border-bottom: 10px solid #fff
             }
             .tt-slider-type-2 .swiper-container {
                 display: inline-block;
                 width: 100%  
 
             }
             .tt-slider-type-1 .swiper-slide {
                 min-height: 100%
             }
             .tt-tem-post-title {
                 left: 30px;
                 bottom: 30px;
                 right: 30px
             }
             .tt-item-post-border {
                 border: 0
             }
         
         
         
         @media screen and (max-width: 991px) {
             .mobile-show-pagination .tt-swiper-arrow-2,
             .mobile-show-pagination .tt-swiper-arrow {
                 display: none
             }
             .mobile-show-pagination .swiper-container {
                 padding-bottom: 70px
             }
             .mobile-show-pagination .pagination-hidden {
                 display: block
             }
         }
         
         .bg {
             background-position: 50% 50%;
             background-repeat: no-repeat;
             background-attachment: scroll;
             -webkit-background-size: cover;
             -moz-background-size: cover;
             -o-background-size: cover;
             -ms-background-size: cover;
             background-size: cover;
             position: absolute;
             left: 0;
             top: 0;
             z-index: 1;
             width: 100%;
             height: 100%
         }
         .tt-h1-title {
             font-size: 48px;
             line-height: 52px;
             font-family: 'Roboto', sans-serif;
             font-weight: 700;
             color: #111
         }
         .tt-h2-title {
             font-size: 32px;
             line-height: 38px;
             font-family: 'Roboto', sans-serif;
             font-weight: 700;
             color: #111
         }
         .tt-h4-title {
             font-size: 18px;
             font-family: 'Roboto', sans-serif;
             line-height: 24px;
             font-weight: 700;
             color: #111
         }
         .tt-main-caption a {
             color: inherit
         }
         .tt-main-caption:hover a {
             color: #51c8fa
         }
         .tt-slider-type-1 .swiper-slide {
             position: relative;
             min-height: 620px
         }
         .tt-slider-type-2-wrap {
             position: relative;
             overflow: hidden;
             padding-right: 150px
         }
         .mr-bott-30 {
             margin-bottom: 30px
         }
         .tt-slider-type-2 .swiper-slide {
             position: relative
         }
         .tt-slider-type-2 {
             position: relative;
             width: 100%;
             height: 620px
         }
         .tt-slider-type-2 .swiper-container {
             height: 100%!important;
             overflow: visible
         }
         .tt-slider-type-2 .tt-swiper-slide-wrap {
             height: 100%
         }
         .tt-slider-type-2 .tt-swiper-slide-wrap .bg {
             top: 20px;
             right: 20px;
             left: 20px;
             bottom: 20px;
             height: auto;
             width: auto;
             transition: all 0.35s ease-out;
             -webkit-transition: all 0.35s ease-out;
             -ms-transition: all 0.35s ease-out
         }
         .tt-slider-type-2 .swiper-slide-active .tt-swiper-slide-wrap .bg {
             left: 0;
             top: 0;
             right: 0;
             bottom: 0
         }
         .tt-main-slider-title {
             position: relative;
             display: block;
             max-width: 720px;
             margin: 0 auto;
             padding: 50px;
             text-align: center;
             z-index: 5;
             margin-top: -10px
         }
         .tt-main-slider-title:before,
         .slider-style7 .tt-slide-2-info:before {
             content: '';
             border: 5px solid #111;
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             background: #fff;
             backface-visibility: hidden
         }
         .slider-style7 .tt-slide-2-info:before {
             background: transparent!important
         }
         .tt-main-slider-title:after,
         .slider-style7 .tt-slide-2-info:after {
             content: '';
             position: absolute;
             width: 100%;
             height: 100%;
             background: #fff;
             top: 10px;
             left: 10px;
             border: 5px solid #111;
             z-index: -1
         }
         .tt-main-slider-title.type-2 {
             margin-top: -8px
         }
         .tt-main-slider-title.type-2:before {
             border-width: 4px
         }
         .tt-main-slider-title.type-2:after {
             top: 8px;
             left: 8px;
             border-width: 4px;
             background: #111
         }
         .tt-main-slider-title.type-3 {
             background: #fff;
             padding: 55px 60px 60px
         }
         .tt-main-slider-title.type-3:before,
         .tt-main-slider-title.type-3:after {
             display: none
         }
         .tt-title-ul {
             display: block;
             text-align: center;
             font-size: 0;
             line-height: 1
         }
         .tt-title-ul li {
             display: inline-block;
             padding: 0 11px;
             position: relative;
             font-size: 16px;
             color: #666
         }
         .tt-title-ul.sm li {
             font-size: 14px
         }
         .tt-title-ul li:before {
             content: '';
             position: absolute;
             right: -4px;
             top: 50%;
             width: 4px;
             height: 4px;
             margin-top: -2px;
             background: #666;
             border-radius: 2px
         }
         .tt-title-ul li:last-child:before {
             display: none
         }
         .tt-title-ul li b {
             font-weight: 700;
             color: #111;
             display: inline-block;
             vertical-align: middle
         }
         .tt-title-ul li i {
             padding-right: 4px;
             display: inline-block;
             vertical-align: middle;
             font-size: inherit
         }
         .tt-title-ul li span {
             vertical-align: middle;
             display: inline-block
         }
         .tt-main-caption {
             margin-bottom: 20px;
             position: relative
         }
         .tt-main-slider-title.type-3 .tt-main-caption {
             margin-bottom: 10px
         }
         .tt-main-link {
             position: relative;
             z-index: 2;
             display: inline-block;
             height: 40px;
             line-height: 40px;
             padding: 0 40px;
             font-size: 12px;
             font-weight: 700;
             color: #fff;
             text-transform: uppercase;
             background: #111;
             text-align: center;
             overflow: hidden;
             transition: all 0.25s ease-in;
             -webkit-transition: all 0.25s ease-in;
             backface-visibility: hidden
         }
         .tt-main-link span {
             position: relative;
             z-index: 1
         }
         .tt-main-link:before {
             content: '';
             position: absolute;
             left: 50%;
             width: 0%;
             height: 100%;
             background: #fff;
             top: 0;
             transition: width 0.35s ease-in;
             -webkit-transition: width 0.35s ease-in;
             opacity: 0
         }
         .tt-main-link:after {
             content: '';
             position: absolute;
             right: 50%;
             width: 0%;
             height: 100%;
             background: #fff;
             top: 0;
             transition: width 0.35s ease-in;
             -webkit-transition: width 0.35s ease-in;
             opacity: 0
         }
         .tt-main-link:hover {
             color: #111
         }
         .tt-main-link:hover:before {
             width: 50%;
             opacity: 1
         }
         .tt-main-link:hover:after {
             width: 50%;
             opacity: 1
         }
         .padd-5 .swiper-slide {
             padding: 0 5px
         }
         .tt-item-post-block {
             position: relative;
             min-height: 400px
         }
         .tt-small-blog-slider .swiper-container {
             padding-bottom: 20px;
             border-bottom: 1px solid #eaeaea
         }
         .tt-small-blog-slider .tt-item-post-block {
             min-height: 100px;
             border: 2px solid #fff;
             box-shadow: none
         }
         .tt-slider-style-twenty {
             min-height: 150px!important
         }
         .tt-small-blog-slider .tt-h4-title {
             font-size: 13px;
             line-height: 17px;
             margin-top: 5px;
             padding: 0 10px
         }
         .tt-small-blog-slider .tt-h4-title a {
             color: #111
         }
         .tt-small-blog-slider .tt-h4-title a:hover {
             color: #51c8fa
         }
         .tt-item-post-block.ht-50,
         .wv-25 .tt-item-post-block,
         .slider-style16 .tt-slide-item.item-3 .tt-item-post-block,
         .slider-style16 .tt-slide-item.item-4 .tt-item-post-block,
         .slider-style17 .tt-slide-item.item-1 .tt-item-post-block,
         .slider-style17 .tt-slide-item.item-2 .tt-item-post-block,
         .slider-style17 .tt-slide-item.item-4 .tt-item-post-block,
         .slider-style17 .tt-slide-item.item-5 .tt-item-post-block {
             min-height: 195px
         }
         .tt-item-post-block.ht-50:first-child {
             border-bottom: 5px solid #fff
         }
         .tt-item-post-block.ht-50:last-child {
             border-top: 5px solid #fff
         }
         .tt-item-post-title {
             text-align: left;
             position: absolute;
             left: 40px;
             bottom: 40px;
             right: 40px
         }
         .tt-item-post-block.type-2 .tt-item-post-title {
             padding: 0 30px 26px 30px;
             left: 0;
             right: 0;
             bottom: 0
         }
         .tt-item-post-title .c-btn {
             margin-bottom: 10px
         }
         .tt-item-post-block.type-2 .c-btn {
             margin-bottom: 5px
         }
         .tt-item-post-block.type-2 .c-btn:hover {
             border-color: rgba(255, 255, 255, .8)!important;
             color: rgba(255, 255, 255, .8)!important
         }
         .tt-item-post-block.type-2 .tt-h2-title {
             margin-bottom: 10px
         }
         .tt-item-post-title a {
             color: #fff
         }
         .tt-item-post-title a:hover {
             color: rgba(255, 255, 255, .8)
         }
         .tt-item-post-title .tt-h2-title {
             margin-bottom: 10px
         }
         .tt-item-post-title .tt-title-ul {
             text-align: left
         }
         .tt-item-post-title .tt-title-ul li {
             color: rgba(255, 255, 255, .7)
         }
         .tt-item-post-title .tt-title-ul li:first-child {
             padding-left: 0
         }
         .tt-item-post-title .tt-title-ul li b {
             color: #fff
         }
         .tt-item-post-title .tt-title-ul li:before {
             background: rgba(255, 255, 255, .2)
         }
         .tt-item-post-border {
             border-left: 5px solid #fff;
             border-right: 5px solid #fff
         }
         .tt-slider-type-5:before {
             content: '';
             position: absolute;
             left: 0;
             top: 0;
             height: 100%;
             background: #fff;
             /*z-index: 2  */
         }
         .tt-slider-type-5:after {
             content: '';
             position: absolute;
             right: 0;
             top: 0;
             height: 100%;
             background: #fff;
         }
             /*z-index: 2  test texto2*/
         
         .wh-33 .tt-item-post-block {
             width: 417px
         }
         .wh-50 .tt-item-post-block,
         .slider-style16 .tt-slide-item.item-2,
         .slider-style17 .tt-slide-item.item-3 {
             width: 624px
         }
         .tt-hold-link {
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             z-index: 6
         }
         .custom-hover-image {
             overflow: hidden;
             z-index: 1;
             position: relative
         }
         .custom-hover-image .bg-two {
             position: relative;
             z-index: 0
         }
         .slider-style7 .bg-two {
             height: 454px
         }
         .custom-hover-image .bg,
         .custom-hover-image .bg-two {
             -webkit-transition: all 300ms ease-in-out;
             -moz-transition: all 300ms ease-in-out;
             transition: all 300ms ease-in-out
         }
         .custom-hover-image:hover .bg,
         .custom-hover-image:hover .bg-two {
             -webkit-transform: scale(1.1);
             -moz-transform: scale(1.1);
             -ms-transform: scale(1.1);
             transform: scale(1.1)
         }
         .tt-header-margin-sm {
             height: 115px
         }
         .tt-header-margin-lg {
             height: 220px
         }
         
 /* Para pantallas con un ancho máximo de 1200px */
 @media screen and (max-width: 1200px) {
     .tt-main-slider-title {
         max-width: 520px;  /* Limita el ancho máximo del título principal del slider a 520px */
     }
 }
 
 /* Para pantallas con un ancho máximo de 991px */
 @media screen and (max-width: 991px) {
     .tt-slider-type-2-wrap {
         padding: 0;  /* Elimina el relleno del contenedor del slider tipo 2 */
     }
     .tt-header-margin-sm,
     .tt-header-margin-lg,
     .header-style9 .tt-header-margin-lg {
         height: 70px !important;  /* Fija la altura de estos márgenes del encabezado a 70px */
     }
     .tt-section {
         margin-bottom: 100px;  /* Añade un margen inferior de 100px a todas las secciones */
     }
     .tt-vertical-align.mobile-relative {
         position: relative;
         display: inline-block;
         top: auto;
         transform: translateY(0);
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         padding: 110px 0 120px;  /* Añade relleno superior e inferior */
     }
     .tt-slider-type-1 .swiper-slide,
     .tt-slider-type-2 {
         height: 100%;
         display: inline-block;  /* Establece el alto al 100% y los muestra en línea */
     }
     .tt-slide-item {
         width: 100% !important;  /* Establece el ancho al 100% */
     }
     .tt-slide-item.item-1,
     .tt-slide-item.item-2 {
         border-bottom: 10px solid #fff;  /* Añade borde inferior blanco de 10px */
     }
     .tt-slider-type-2 .swiper-container {
         display: inline-block;
         width: 100%;  /* Establece el ancho al 100% y muestra en línea */
     }
     .tt-slider-type-1 .swiper-slide {
         min-height: 100%;  /* Establece un alto mínimo de 100% para los slides */
     }
     .tt-tem-post-title {
         left: 30px;
         bottom: 30px;
         right: 30px;  /* Posiciona el título del post */
     }
     .tt-item-post-border {
         border: 0;  /* Elimina los bordes de los ítems del post */
     }
 }
 
 /* Para pantallas con un ancho máximo de 600px */
 @media screen and (max-width: 600px) {
     .tt-title-ul li {
         display: block;
         padding: 0 0 15px 0;  /* Cada elemento de la lista se muestra en bloque con relleno inferior */
     }
     .tt-title-ul li:before {
         display: none;  /* Elimina el contenido antes del elemento de la lista */
     }
     .tt-title-ul li:last-child {
         padding-bottom: 0;  /* Elimina el relleno inferior del último elemento de la lista */
     }
     .tt-main-slider-title {
         max-width: 100%;
         margin-left: 30px;
         margin-right: 30px;  /* Ajusta márgenes laterales */
     }
 }
 
 /* Para pantallas con un ancho máximo de 480px */
 @media screen and (max-width: 480px) {
     .tt-h1-title,
     .tt-h2-title {
         font-size: 30px;
         line-height: 32px;  /* Ajusta tamaño y altura de línea de los títulos */
     }
     .tt-main-slider-title.type-3,
     .tt-main-slider-title {
         padding: 50px 15px;  /* Añade relleno superior e inferior */
     }
     .tt-main-slider-title:not(.type-3) {
         max-width: 100%;
         margin-left: 15px;
         margin-right: 30px;  /* Ajusta márgenes laterales */
     }
     .tt-main-slider-title {
         margin-left: 15px;
         margin-right: 15px;  /* Ajusta márgenes laterales */
     }
 }
 
 /* Para pantallas con un ancho máximo de 360px */
 @media screen and (max-width: 360px) {
     .tt-item-post-title,
     .tt-item-post-block.type-2 .tt-item-post-title {
         left: 15px;
         right: 15px;
         bottom: 15px;  /* Posiciona el título del post */
     }
     .tt-vertical-align.mobile-relative {
         padding: 80px 0;  /* Ajusta el relleno superior e inferior */
     }
 }
 
 /* Para pantallas con un ancho mínimo de 991px */
 @media screen and (min-width: 991px) {
     .swiper-container[data-anime="type-1"] .tt-main-slider-title:after {
         top: 30px;
         left: 30px;
         transition: all 0.35s ease-out 0.3s;
         -webkit-transition: all 0.35s ease-out 0.3s;
         opacity: 0;  /* Anima y oculta el pseudo-elemento after del título principal del slider */
     }
     .swiper-container[data-anime="type-1"] .link-wrap {
         transform: translateX(60px);
         -webkit-transform: translateX(60px);
         transition: all 0.3s ease-out 0.8s;
         -webkit-transition: all 0.3s ease-out 0.8s;
         opacity: 0;  /* Anima y oculta el contenedor de enlaces */
     }
     .swiper-container[data-anime="type-1"] .tt-main-caption {
         transform: translateX(80px);
         -webkit-transform: translateX(80px);
         transition: all 0.4s ease-out 0.4s;
         -webkit-transition: all 0.4s ease-out 0.4s;
         opacity: 0;  /* Anima y oculta el subtítulo principal */
     }
     .swiper-container[data-anime="type-1"] .tt-title-ul {
         transform: translateX(60px);
         -webkit-transform: translateX(60px);
         transition: all 0.3s ease-out 0.6s;
         -webkit-transition: all 0.3s ease-out 0.6s;
         opacity: 0;  /* Anima y oculta la lista de títulos */
     }
     .swiper-container[data-anime="type-1"] .swiper-slide-active .tt-main-slider-title:after {
         top: 10px;
         left: 10px;
         opacity: 1;  /* Muestra el pseudo-elemento after del título principal del slider activo */
     }
     .swiper-container[data-anime="type-1"] .swiper-slide-active .tt-title-ul,
     .swiper-container[data-anime="type-1"] .swiper-slide-active .link-wrap,
     .swiper-container[data-anime="type-1"] .swiper-slide-active .tt-main-caption {
         transform: translateX(0);
         -webkit-transform: translateX(0);
         opacity: 1;  /* Anima y muestra los elementos del slider activo */
     }
 }
 
 
         .tt-header-type-2 .main-nav ul,
         .tt-header-type-2 .tt-mega-wrapper {
             z-index: 200
         }
         .tt-header-type-2 .toggle-block {
             border-bottom: 1px solid #eaeaea
         }
         .tt-header-type-2 .main-nav {
             position: relative
         }
         .tt-header-type-2 .cmn-mobile-switch {
             top: -70px;
             bottom: auto
         }
         .tt-header-type-2 .tt-s-popup-btn {
             top: -85px;
             bottom: auto;
             right: 25px
         }
         .tt-header-type-2.stick .cmn-mobile-switch {
             top: -50px
         }
         .tt-header-type-2.stick .tt-s-popup-btn {
             top: -65px
         }
         @media (max-width: 991px) {
             .tt-header-type-2 .cmn-mobile-switch {
                 top: 25px
             }
             .tt-header-type-2 .tt-s-popup-btn {
                 top: 25px;
                 right: 5px
             }
         }
         @media (max-width: 480px) {
             .tt-header-type-2 .tt-s-popup-btn {
                 right: -10px
             }
             .tt-header-type-2 .cmn-mobile-switch {
                 left: 0
             }
         }
         .tt-header-type-3 .toggle-block {
             background: #111
         }
         .tt-header-type-3 .main-nav>ul>li>a {
             color: rgba(255, 255, 255, .48)
         }
         .tt-header-type-3 .cmn-mobile-switch:hover span,
         .tt-header-type-3 .cmn-mobile-switch:hover:after,
         .tt-header-type-3 .cmn-mobile-switch:hover:before {
             background: #51c8fa
         }
         .tt-header-type-3 .tt-s-popup-btn:hover {
             color: #51c8fa
         }
         .tt-header .main-nav>ul>li>a>i {
             padding-right: 8px;
             font-size: 13px
         }
         .tt-header-type-3 .tt-header-wrapper {
             border-bottom: 0 none
         }
         @media (min-width: 991px) {
             .tt-header-type-3 .cmn-mobile-switch span,
             .tt-header-type-3 .cmn-mobile-switch:after,
             .tt-header-type-3 .cmn-mobile-switch:before {
                 background: rgba(255, 255, 255, .8)
             }
             .tt--type-3 .tt-s-popup-btn {
                 color: rgba(255, 255, 255, .8)
             }
         }
         .tt-header-type-4 .top-line,
         .tt-header-type-4 .toggle-block {
             background: #51c8fa
         }
         .tt-header-type-4 .top-inner {
             text-align: left
         }
         .tt-header-type-4 .top-menu a,
         .tt-header-type-4 .top-social a {
             color: rgba(255, 255, 255, .8)
         }
         .tt-header-type-4 .top-menu a:hover,
         .tt-header-type-4 .top-social a:hover {
             color: #fff
         }
         .tt-header-type-4 .main-nav>ul>li>a {
             color: rgba(255, 255, 255, .8)
         }
         .tt-header-type-4 .main-nav>ul>li:hover>a {
             color: #fff
         }
         .tt-header-type-4 .main-nav {
             display: block;
             max-width: 1280px;
             margin: 0 auto
         }
         .tt-header-type-4 .cmn-mobile-switch {
             left: auto;
             right: 50px
         }
         .tt-header-type-4 .main-nav>ul>li.active>a,
         .tt-header-type-4 .main-nav>ul>li:hover>a {
             background: #d45497;
             color: rgba(255, 255, 255, .8)
         }
         .tt-header-type-4 .cmn-mobile-switch:hover span,
         .tt-header-type-4 .cmn-mobile-switch:hover:after,
         .tt-header-type-4 .cmn-mobile-switch:hover:before {
             background: #fff
         }
         .tt-header-type-4 .tt-header-wrapper {
             border-bottom: 0
         }
         .tt-top-header-disable.header-style1 .tt-header-margin-lg {
             height: 182px
         }
         @media (max-width: 1310px) {
             .tt-header-type-4 .main-nav {
                 width: 1170px
             }
         }
         @media (max-width: 1200px) {
             .tt-header-type-4 .main-nav {
                 width: 970px
             }
         }
         @media (min-width: 991px) {
             .tt-header-type-4 .cmn-mobile-switch span,
             .tt-header-type-4 .cmn-mobile-switch:after,
             .tt-header-type-4 .cmn-mobile-switch:before {
                 background: rgba(255, 255, 255, .8)
             }
             .tt-header-type-4 .tt-s-popup-btn {
                 color: rgba(255, 255, 255, .8)
             }
             .tt-header-type-4 .tt-s-popup-btn:hover {
                 color: #fff
             }
         }
         @media (max-width: 480px) {
             .tt-header-type-4 .top-inner {
                 padding: 9px 0
             }
         }
         .tt-header-type-5 .top-inner {
             position: absolute;
             left: 0;
             padding: 0;
             border-bottom: 0;
             width: 100%
         }
         .tt-header-type-5 .logo {
             display: block;
             max-width: 260px;
             margin-left: 65px;
             margin-top: 12px;
             margin-bottom: 12px
         }
         .tt-header-type-5 .top-inner .container {
             margin: 0 auto
         }
         .tt-header-type-5 .toggle-block-container {
             text-align: right;
             height: 60px;
             
         }
         .tt-header-type-5 .toggle-block {
             max-width: 1280px;
             margin: 0 auto
         }
         .tt-header-type-5 .cmn-mobile-switch {
             top: 31px;
             bottom: auto
         }
         .tt-header-type-5 .tt-s-popup-btn {
             top: 17px;
             bottom: auto;
             right: auto;
             left: 30px
         }
         .tt-header-type-5 .main-nav>ul>li>a {
             position: relative;
             padding: 28px 20px
         }
         .tt-header-type-5 .main-nav>ul>li>a:after {
             content: '';
             position: absolute;
             left: 0;
             bottom: 0;
             background: #51c8fa;
             height: 4px;
             width: 0;
             transition: all 0.35s ease-out;
             -webkit-transition: all 0.35s ease-out;
             -ms-transition: all 0.35s ease-out
         }
         .tt-header-type-5 .main-nav>ul>li.active>a:after,
         .tt-header-type-5 .main-nav>ul>li:hover>a:after {
             width: 100%
         }
         .tt-header-type-5 .main-nav>ul>li.active>a,
         .tt-header-type-5 .main-nav>ul>li:hover>a {
             background: none;
             color: #51c8fa
         }
         .tt-header-type-5 .cmn-mobile-switch:hover span,
         .tt-header-type-5 .cmn-mobile-switch:hover:after,
         .tt-header-type-5 .cmn-mobile-switch:hover:before {
             background: #51c8fa
         }
         .tt-header-type-5.stick .top-inner {
             padding: 0
         }
         .tt-label {
             position: absolute;
             right: 0;
             top: 5px;
             background: #ff0606;
             color: #fff;
             text-align: center;
             height: 17px;
             line-height: 18px;
             border-radius: 2px;
             font-weight: 700;
             font-size: 10px;
             text-transform: uppercase;
             padding: 0 5px
         }
         .header-style8 .tt-label {
             top: 10px
         }
        
         @media (max-width: 1310px) {
            /* Si el ancho de la pantalla es menor o igual a 1310px */
            .tt-header-type-5 .toggle-block {
                width: 1170px; /* Cambia el ancho del bloque de toggle a 1170px */
            }
        }
        
        @media (max-width: 1200px) {
            /* Si el ancho de la pantalla es menor o igual a 1200px */
            .tt-header-type-5 .toggle-block {
                width: 970px; /* Cambia el ancho del bloque de toggle a 970px */
            }
            .tt-header-type-5 .logo {
                margin-left: 55px; /* Establece un margen izquierdo de 55px para el logo */
                max-width: 155px; /* Establece un ancho máximo de 155px para el logo */
            }
            .tt-header-type-5 .main-nav > ul > li > a {
                padding: 28px 10px; /* Cambia el relleno del enlace de la navegación principal a 28px en el eje vertical y 10px en el eje horizontal */
            }
        }
        
        @media (max-width: 991px) {
            /* Si el ancho de la pantalla es menor o igual a 991px */
            .tt-header-type-5 .logo {
                max-width: 200px; /* Establece un ancho máximo de 200px para el logo */
                margin: 9px auto; /* Centra el logo y establece un margen de 9px arriba y abajo */
            }
            .tt-header-type-5 .tt-s-popup-btn {
                top: 36px; /* Establece la posición superior del botón emergente a 36px */
                right: 0; /* Establece la posición derecha del botón emergente a 0 */
                left: auto; /* Restablece la posición izquierda del botón emergente a auto */
            }
            .tt-header-type-5 .top-inner {
                position: fixed; /* Fija la posición del elemento en la parte superior */
            }
            .tt-header-type-5 .cmn-mobile-switch {
                top: 34px; /* Establece la posición superior del interruptor móvil a 34px */
            }
            /* Colocar banner1 debajo del logo */
    .tt-header-type-5 #banner1 {
        display: block; /* Asegurar que sea un bloque */
        margin-top: 20px; /* Ajustar el espacio superior según sea necesario */
    }
        }
        


         .tt-header-type-6 .main-nav {
             position: relative
         }
         .tt-header-type-6 .main-nav ul,
         .tt-header-type-6 .tt-mega-wrapper {
             z-index: 200
         }
         .tt-header-type-6 .toggle-block {
             border-bottom: 1px solid #eaeaea;
             text-align: right
         }
         .tt-header-type-6 .toggle-block-container {
             max-width: 1280px;
             margin: 0 auto
         }
         .tt-header-type-6 .cmn-mobile-switch {
             top: -70px;
             bottom: auto
         }
         .tt-header-type-6 .main-nav>ul>li.active>a,
         .tt-header-type-6 .main-nav>ul>li:hover>a {
             background: #ebebeb;
             color: #111
         }
         .tt-header-type-6 .tt-s-popup-btn {
             right: auto;
             left: 30px;
             bottom: auto;
             top: -85px
         }
         .tt-header-type-6 .cmn-mobile-switch:hover span,
         .tt-header-type-6 .cmn-mobile-switch:hover:after,
         .tt-header-type-6 .cmn-mobile-switch:hover:before {
             background: #51c8fa
         }
         .tt-header-type-6.stick .tt-s-popup-btn,
         .tt-header-type-6.stick .cmn-mobile-switch {
             bottom: auto
         }
         .tt-header-type-6.stick .cmn-mobile-switch {
             top: -50px
         }
         .tt-header-type-6.stick .tt-s-popup-btn {
             top: -65px
         }
         .tt-header-type-6.tt-header-6-2 .tt-s-popup-btn {
             left: auto;
             right: 20px
         }
         .tt-header-type-6.tt-header-6-2 .toggle-block {
             text-align: left
         }
         .tt-header-type-6.tt-header-6-2 .cmn-mobile-switch {
             left: auto;
             right: 68px
         }
         .tt-top-header-disable .tt-header-margin-lg {
             height: 195px
         }
         .header-style12 .tt-header-margin-lg {
             height: 235px
         }
         @media (max-width: 1310px) {
             .tt-header-type-6 .toggle-block-container {
                 width: 1170px
             }
         }
         @media (max-width: 1200px) {
             .tt-header-type-6 .toggle-block-container {
                 width: 970px
             }
         }
         @media (max-width: 991px) {
             .tt-header-type-6 .cmn-mobile-switch,
             .tt-header-type-6.stick .cmn-mobile-switch {
                 top: 25px
             }
             .tt-header-type-6 .tt-s-popup-btn,
             .tt-header-type-6.stick .tt-s-popup-btn {
                 top: 26px;
                 right: 5px
             }
             .tt-header-type-6 .top-inner {
                 text-align: right
             }
             .tt-header-type-6.tt-header-6-2 .top-inner {
                 text-align: left
             }
             .tt-header-type-6.tt-header-6-2 .tt-s-popup-btn {
                 right: 0
             }
             .tt-header-type-6.tt-header-6-2 .cmn-mobile-switch {
                 right: 45px
             }
         }
         @media (max-width: 480px) {
             .tt-header-type-6.tt-header-6-2 .top-inner {
                 padding: 9px 0
             }
         }
         .tt-header-type-7 .toggle-block {
             background: #232323
         }
         .tt-header-type-7.stick .tt-s-popup-btn,
         .tt-header-type-7.stick .cmn-mobile-switch {
             bottom: auto
         }
         .tt-header-type-7.stick .cmn-mobile-switch {
             top: -50px
         }
         .tt-header-type-7 .cmn-mobile-switch {
             top: -70px;
             bottom: auto
         }
         .tt-header-type-7.stick .tt-s-popup-btn {
             top: -65px
         }
         .tt-header-type-7 .tt-s-popup-btn {
             bottom: auto;
             top: -85px;
             right: 20px
         }
         .tt-header-type-7 .tt-s-popup-btn:hover {
             color: #51c8fa
         }
         .tt-header-type-7 .cmn-mobile-switch:hover span,
         .tt-header-type-7 .cmn-mobile-switch:hover:after,
         .tt-header-type-7 .cmn-mobile-switch:hover:before {
             background: #51c8fa
         }
         .tt-header-type-7 .main-nav>ul>li.active>a,
         .tt-header-type-7 .main-nav>ul>li:hover>a {
             background: none;
             color: #51c8fa
         }
         .tt-header-type-7 .main-nav>ul>li>a {
             color: rgba(255, 255, 255, .48)
         }
         .tt-header-type-7 .main-nav ul,
         .tt-header-type-7 .tt-mega-wrapper {
             z-index: 200
         }
         .tt-header-type-7 .main-nav {
             position: relative
         }
         .tt-header-type-7 .top-inner {
             text-align: left
         }
         .tt-header-type-7 .nav-more {
             position: absolute;
             top: 115px;
             z-index: 150;
             margin-right: -608px
         }
         .tt-header-type-7.stick .nav-more {
             opacity: 0;
             -webkit-transform: translateY(0%);
             -moz-transform: translateY(0%);
             -ms-transform: translateY(0%);
             transform: translateY(0%)
         }
         @media (min-width: 991px) {
             .tt-header-type-7 .tt-s-popup-btn {
                 color: rgba(255, 255, 255, .8)
             }
             .tt-header-type-7 .cmn-mobile-switch span,
             .tt-header-type-7 .cmn-mobile-switch:after,
             .tt-header-type-7 .cmn-mobile-switch:before {
                 background: rgba(255, 255, 255, .8)
             }
         }
         @media (max-width: 1310px) {
             .tt-header-type-7 .nav-more {
                 margin-right: -555px
             }
         }
         @media (max-width: 1200px) {
             .tt-header-type-7 .nav-more {
                 margin-right: -454px;
                 top: 130px
             }
         }
         @media (max-width: 991px) {
             .tt-header-type-7 .top-inner {
                 text-align: center
             }
             .tt-header-type-7 .cmn-mobile-switch,
             .tt-header-type-7.stick .cmn-mobile-switch {
                 top: 25px
             }
             .tt-header-type-7 .tt-s-popup-btn,
             .tt-header-type-7.stick .tt-s-popup-btn {
                 top: 26px;
                 right: 5px
             }
         }
         @media (max-width: 480px) {
             .tt-header-type-7 .top-inner {
                 padding: 9px 0
             }
         }
         .tt-header-style-link.icon-pos-top .main-nav>ul>li>a>.material-icons {
             display: block;
             margin: 0 auto 8px;
             padding: 0;
             font-size: 18px
         }
         .tt-header-style-link.icon-pos-top .main-nav>ul>li>a {
             text-align: center;
             padding: 14px 21px
         }
         .tt-header-style-link .main-nav>ul>li>a:after {
             content: '';
             position: absolute;
             left: 0;
             bottom: 0;
             height: 3px;
             background: #111;
             width: 0;
             transition: all 0.35s ease-out;
             -webkit-transition: all 0.35s ease-out;
             -ms-transition: all 0.35s ease-out
         }
         .tt-header-style-link .main-nav>ul>li.active>a:after,
         .tt-header-style-link .main-nav>ul>li:hover>a:after {
             width: 100%
         }
         .tt-header-type-6.stick.tt-header-style-link .cmn-mobile-switch {
             top: -55px
         }
         .tt-header-type-6.tt-header-style-link .cmn-mobile-switch {
             top: -75px
         }
         .tt-header-type-6.tt-header-style-link .tt-s-popup-btn {
             top: -90px
         }
         .tt-header-type-6.stick.tt-header-style-link .tt-s-popup-btn {
             top: -70px
         }
         @media (max-width: 991px) {
             .tt-header-type-6.tt-header-style-link .cmn-mobile-switch,
             .tt-header-type-6.stick.tt-header-style-link .cmn-mobile-switch {
                 top: 25px
             }
             .tt-header-type-6.tt-header-style-link .tt-s-popup-btn,
             .tt-header-type-6.stick.tt-header-style-link .tt-s-popup-btn {
                 top: 26px;
                 right: 5px
             }
         }
         .tt-shortcode .tt-header-margin {
             height: 221px
         }
         .c-btn.size-6 {
             height: 40px;
             font-size: 12px;
             line-height: 37px
         }
         .c-btn.size-6 span {
             padding-left: 40px;
             padding-right: 40px
         }
         .slider-style11 .swiper-arrow-left,
         .slider-style10 .swiper-arrow-left,
         .slider-style9 .swiper-arrow-left {
             left: 30px!important
         }
         .slider-style11 .swiper-arrow-right,
         .slider-style10 .swiper-arrow-right,
         .slider-style9 .swiper-arrow-right {
             right: 30px!important
         }
         .slider-style11 .c-btn span {
             padding-top: 0
         }
         .tt-top-header-disable.header-style1 .nav-more {
             top: 21px
         }
         .tt-top-header-disable.header-style1 .tt-header-margin {
             height: 182px
         }
         .tt-top-header-disable.header-style8 .tt-header-margin-sm {
             height: 72px
         }
         .tt-slider-info {
             background: rgba(255, 0, 0, .1);
             text-align: center;
             padding: 50px 15px;
             color: red;
             width: 100%
         }
         .pt-10 {
             padding-top: 10px
         }
         .tt-post-breaking-news .tt-post-icon {
             display: none
         }
         .tt-post-breaking-news .tt-breaking-title {
             margin-bottom: 6px;
             color: #b5b5b5;
             margin-top: 6px
         }
         .header-style13.tt-top-header-disable .tt-header-margin {
             height: 182px
         }
         .header-style9 .tt-header-margin-lg {
             height: 223px
         }
         .header-style13.tt-top-header-disable .tt-header .nav-more {
             top: 23px
         }
         .tt-slide-item,
         .tt-item-wh-25-wrap {
             float: left;
             display: inline-block
         }
         .tt-item-wh-25-wrap .tt-slide-item {
             float: none;
             display: block
         }
         .slider-style16 .tt-slide-item.item-3,
         .slider-style17 .tt-slide-item.item-1,
         .slider-style17 .tt-slide-item.item-4 {
             border-bottom: 10px solid #fff
         }
         .slider-style9 .bg,
         .slider-style10 .bg,
         .slider-style11 .bg,
         .slider-style12 .bg,
         .slider-style13 .bg,
         .slider-style14 .bg,
         .slider-style15 .bg,
         .slider-style16 .bg,
         .slider-style17 .bg {
             z-index: 0
         }
         .slider-style10 .tt-slide-2 {
             padding-bottom: 0
         }
         .slider-style10 .tt-slide-2-img {
             height: 620px
         }
         .tt-breaking-news-weather-wrapper {
             position: relative;
             margin: 10px 0;
             height: 33px;
             line-height: 33px;
             overflow: hidden
         }
         .tt-breaking-news {
             position: relative;
             overflow: hidden;
             width: 70%;
             float: left;
             display: inline-block
         }
         .tt-breaking-news-title {
             display: inline-block;
             padding: 0 12px;
             background: #ff5353;
             font-size: 10px;
             color: #fff;
             margin-right: 10px;
             text-transform: uppercase
         }
         .tt-news-content {
             display: inline-block;
             width: 70%;
             vertical-align: middle
         }
         .tt-breaking-post {
             width: 600px;
             line-height: 18px
         }
         .tt-breaking-post a {
             font-size: 13px;
             color: #666
         }
         .tt-trending-tag {
             float: right;
             font-size: 13px;
             color: #666;
             display: inline-block
         }
         .tt-author-tag img,
         .tt-hash-tags {
             display: inline-block;
             padding-right: 2px
         }
         .tt-trending-tag img {
             vertical-align: middle;
             border-radius: 100%
         }
         .tt-hash-tags a {
             display: inline-block;
             padding-left: 5px;
             color: #666
         }
         .tt-hash-tags a:hover,
         .tt-breaking-post a:hover {
             color: #111
         }
         .tt-trending-title {
             color: #111;
             font-size: 13px;
             font-weight: 600;
             display: inline-block
         }
         .widget_category_block .tt-category-block {
             padding-bottom: 10px
         }
         .widget_category_block .tt-category-block:last-child {
             padding-bottom: 0
         }
         .swiper-slide.swiper-slide-active>.tt-item-post-block,
         .swiper-slide.swiper-slide-active .item-1 .tt-item-post-block,
         .slider-style17 .swiper-slide.swiper-slide-active .item-2 .tt-item-post-block {
             border-left: 0
         }
         .slider-style16 .tt-slide-item+.tt-slide-item+.tt-slide-item .tt-item-post-block,
         .slider-style17 .tt-slide-item.item-4 .tt-item-post-border,
         .slider-style17 .tt-slide-item.item-5 .tt-item-post-border,
         .slider-style12 .swiper-slide-visible+.swiper-slide-visible .tt-item-post-border,
         .slider-style13 .swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .tt-item-post-border,
         .slider-style14 .swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .tt-item-post-border,
         .slider-style15 .swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .tt-item-post-border {
             border-right: 0
         }
         /* finaliza test texto2  */
         .custom-arrow-left.tt-swiper-arrow-3,
         .custom-arrow-right.tt-swiper-arrow-3 {
             width: 36px;
             height: 36px;
             position: relative;
             margin-top: 40px;
             display: inline-block;
             cursor: pointer;
             background: transparent;
             border: 1px solid #414141;
             -webkit-transition: all 0.35s ease-out;
             transition: all 0.35s ease-out;
             line-height: 36px;
             text-align: center
         }
         .custom-arrow-left.tt-swiper-arrow-3 {
             margin-right: 8px
         }
         .custom-arrow-left.tt-swiper-arrow-3:hover,
         .custom-arrow-right.tt-swiper-arrow-3:hover {
             border: 1px solid #51c8fa
         }
         .custom-arrow-left.tt-swiper-arrow-3 i,
         .custom-arrow-right.tt-swiper-arrow-3 i {
             color: #fff
         }
         .img-block {
             position: relative;
             width: 100%;
             height: 100%;
             padding-bottom: 70%
         }
         .img-block .bg {
             position: absolute;
             top: 0;
             left: 0;
             opacity: 0;
             height: 100%;
             width: 100%;
             background-position: center center;
             background-size: cover;
             -webkit-transition: all 400ms cubic-bezier(.165, .84, .44, 1);
             transition: all 400ms cubic-bezier(.165, .84, .44, 1)
         }
         .img-block .bg.active {
             opacity: 1
         }
         @media(max-width:768px) {
             .shortcode-4 *[class*="col"] {
                 padding-right: 0;
                 padding-left: 0
             }
         }
         .shortcode-3.style-2 .tt-post.type-7 {
             width: 25%;
             float: left
         }
         .shortcode-3.style-2 .tt-list {
             padding: 20px 15px;
             padding-bottom: 0
         }
         .shortcode-3.style-2 .tt-divider {
             clear: both
         }
         .shortcode-3.style-2 .tt-post-title {
             margin-bottom: 6px
         }
         .shortcode-3.style-2 .tt-more {
             margin: 20px 0 10px
         }
         .shortcode-3.style-2 .tt-content-wrapp .tt-block-inner {
             padding-bottom: 10px
         }
         @media(min-width:768px) and (max-width:1199px) {
             .shortcode-3.style-2 .tt-post.type-7 {
                 width: 50%;
                 float: left
             }
         }
         @media(max-width:767px) {
             .shortcode-3.style-2 .tt-post.type-7 {
                 width: 100%
             }
             .tt-item-post-border {
                 border: 0
             }
             .tt-slider-content .tt-post.type-2+.empty-space {
                 height: 30px!important
             }
             .wh-25 .tt-item-post-block {
                 width: 100%
             }
         }
         .sidebar-item.null-instagram-feed,
         .sidebar-item.widget_latest_tweets_widget {
             padding: 40px 40px 30px 40px;
             border: 1px solid #eaeaea
         }
         .sidebar-item.null-instagram-feed .instagram-pics {
             overflow: hidden
         }
         .sidebar-item.null-instagram-feed li {
             width: 31.1%;
             float: left;
             padding: 0!important;
             margin-right: 10px;
             margin-bottom: 10px
         }
         .sidebar-item.null-instagram-feed li:nth-child(3n) {
             margin-right: 0
         }
         .sidebar-item.widget_fbw_id {
             padding: 40px;
             border: 1px solid #eaeaea
         }
         #frame {
             width: 100%;
             height: 493px
         }
         .tt-slider-content .tt-post.type-2+.empty-space {
             height: 0
         }
         @media (min-width: 992px) {
             .tt-header .main-nav>ul>li.mega.type-2>.tt-mega-wrapper {
                 position: absolute;
                 margin-left: 0;
                 left: 50%;
                 -webkit-transform: translateX(-50%);
                 transform: translateX(-50%);
                 overflow: hidden
             }
             .mega.type-2 .tt-mega-list,
             .mega.type-2 ul.tt-mega-wrapper li>ul {
                 position: relative;
                 width: 281px;
                 left: 0!important;
                 padding: 0 0 10px;
                 margin-right: 0!important;
                 border-right: none
             }
             .mega.type-2 ul.tt-mega-wrapper>li {
                 position: relative
             }
             .mega.type-2 ul.tt-mega-wrapper>li:after {
                 content: '';
                 position: absolute;
                 background: #eaeaea;
                 width: 1px;
                 height: 100vh;
                 left: -1px;
                 top: 0
             }
             .mega.type-2 .tt-mega-content,
             .mega.type-2 ul.tt-mega-wrapper>li {
                 padding-left: 0;
                 display: inline-block;
                 float: left
             }
             .mega.type-2 .tt-mega-content:last-child,
             .mega.type-2 ul.tt-mega-wrapper li:last-child {
                 border-right: none
             }
             .mega.type-2 .tt-mega-content .tt-mega-title,
             .mega.type-2 ul.tt-mega-wrapper>li>a {
                 position: relative;
                 font-size: 13px;
                 line-height: 19px;
                 display: block;
                 font-weight: 700;
                 color: #111;
                 text-align: left;
                 padding: 22px 77px 13px 19px
             }
         }
         .tt-header .main-nav>ul>li.mega.tt-both-mega-enabled>.tt-mega-wrapper {
             display: none!important
         }
         .tt-post-video-length {
             color: #b7b7b7;
             font-size: 13px
         }
         .tt-video-wrapper .tt-post-title {
             font-size: 14px;
             display: block
         }
         .footer_widget .tt-border-block,
         .footer_widget .tt-tab-wrapper.type-1 {
             box-shadow: none
         }
         .footer_widget .tt-tab-wrapper.type-1 .tt-nav-tab-item.active {
             color: #fff
         }
         .footer_widget .tt-title-text:before,
         .footer_widget .tt-title-text:after {
             background: transparent
         }
         .footer_widget .tt-about a {
             border: 0 none
         }
         
         
         
         
         .tt-instagram-post .tt-footer-instagram li {
             margin-right: 30px;
             margin-bottom: 30px;
             width: 23.2%;
             float: left;
             display: inline-block
         }
         .tt-instagram-post .tt-footer-instagram li:nth-child(4n) {
             margin-right: 0
         }
         .tt-tag-title {
             display: inline-block;
             margin-right: 10px;
             color: #111;
             font-weight: 600
         }
         .tt-tags {
             font-size: 14px;
             display: inline-block
         }
         .tt-tags a {
             color: #4f4f4f
         }
         .tt-tags a:hover {
             color: #51c8fa
         }
         .fb_iframe_widget {
             display: block!important;
             text-align: center
         }/*inicia  */
         
         .wpb_wrapper .itemListCategory h2 { color: black; }
         .wpb_wrapper .catItemCategory span, 
         .wpb_wrapper .catItemCategory a { color: white; }
         
         .wpb_wrapper .catItemAuthor a { color: white; }
         .wpb_wrapper .catItemCommentsLink a { color: white; }
         .wpb_wrapper .catItemReadMore a { color: white; }
         
         
         .wpb_wrapper .itemIntroText p { color: white; }
         
        
         
         .tt-border-block .tt-title-text h3 {
             font-size: 20px;
             color: white;
         }
         .tt-border-block .tt-post-info a {
             color: white;
         }
         
         
         .catItemTitle a{
             font-size: 1rem;
             font-family: "Work Sans";
             color: #51c8fa !important; /* #222222; */ 
         }
         
         .itemTitle{
             font-size: 1.8rem;
             font-family: "Work Sans";
             color: #51c8fa  !important;
         }
         div.itemFullText {
             line-height: 1.8rem;
             font-size: 1.1rem;
             color: #2da4cd !important;
         }
         
         div.itemFullText p {
             line-height: 1.886rem!important;
             font-size: 1.2rem!important;
             margin: 1.2rem 0!important;
             padding-top: 20px!important;
             color: white !important;
         }
         
 
         #baner-contenedor{
            height: 100%;
            
         }
 
 
 /*terimina*/
 
         .swiper-container {
             max-width: 100%;
             }
         .swiper-wrapper{
             display: grid; /* Utiliza el modelo de caja de cuadrícula */
             grid-auto-flow: column; /* Organiza los elementos en columnas */
             /* grid-gap: 10px; Espacio entre los elementos */
             overflow-x: auto; /* Habilita desplazamiento horizontal si es necesario */
             scroll-snap-type: x mandatory; /* Para un efecto de desplazamiento suave */
         }
         .swiper-wrapper > * {
             scroll-snap-align: start; /* Alineación de los elementos dentro del desplazamiento */
         }
         
         #viral-slider.slider-container {
             max-width: 900px;
             overflow-x: auto; /* Permite desplazamiento horizontal si es necesario */
             display: flex; /* Configura como contenedor flex */
         }
         #viral-slider.slider-container::-webkit-scrollbar {
             height: 8px; /* Altura de la barra de desplazamiento */
         }
         
         #viral-slider.slider-container::-webkit-scrollbar-thumb {
             background: #cccccc; /* Color del pulgar de la barra */
             border-radius: 4px; /* Esquinas redondeadas */
         }
         
         #viral-slider.slider-container::-webkit-scrollbar-thumb:hover {
             background: #999999; /* Color del pulgar al pasar el ratón */
         }
         
         #viral-slider.slider-container::-webkit-scrollbar-track {
             background: #f4f4f4; /* Color de la pista de la barra */
         }
         
         /* Para pantallas pequeñas (celulares, ancho <= 480px) */
         @media (max-width: 480px) {
             #viral-slider.slider-container {
                 overflow-x: auto; /* Permite desplazamiento horizontal si es necesario */
             display: flex; /* Configura como contenedor flex */
                 margin-bottom: 16px; /* Añade espacio entre los videos */
                 /*flex-direction: column; /* Cambia a disposición vertical */
                 /*overflow-x: hidden; /* Deshabilita desplazamiento horizontal */
             }
             #viral-slider .slider-item {
                 width: calc(100% / 2) ;/* Cada video ocupará el ancho completo del contenedor */
                 height: calc(100% / 2);
                 margin-bottom: 16px; /* Añade espacio entre los videos */
             }
         }



 
  
  .col-md-4  #custom-ads-1 .swiper-containerb1{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    padding: 15px;
  }

 /* ICONOS DE REDES SOCIALES */
@property --fill {
  syntax: '<percentage>';
  inherits: true;
  initial-value: 0%;
}

.social-icons {
  display: flex;
  gap: 15px;
  padding: 20px;
  justify-content: center;
}

.outside {
  --fill: 0%;
  background: conic-gradient(greenyellow var(--fill), transparent 0);
  border-radius: 50%;
  padding: 5px;
  border: none;
  transition: --fill 0.4s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.outside:hover {
  --fill: 100%;
}

.btn {
  background-color: #1a1a1a;
  color: white;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: color 0.3s ease, transform 0.3s ease;
}

.outside:hover .btn {
  color: greenyellow;
  transform: scale(1.1);
}


 /*habilitar para dos banner 
 .wpb_wrapper {
             padding: 90px 0 24px 0;
         }

           @media (max-width: 480px) {
             .wpb_wrapper {
             padding: 10px 0 24px 0;
         }
             
         }  /*dos banner
         */

/* 🔹 Aplica la animación a los enlaces <a> dentro de los div con clase .widget_ads_entries */

/* 🔹 Aplica la animación a los enlaces <a> dentro de los div con clase .widget_ads_entries */
#baner-contenedor .widget_ads_entries {
  position: absolute;
  top: 0;
  left: 18px;
  width: 92%;
  height: 100%;
  opacity: 0; /* Empieza oculto */
  visibility: hidden; /* Empieza oculto */
  pointer-events: none;
  animation: bannerFadeSmooth6 60s infinite; /* Duración total: 6 imágenes * 10s = 60s */
}

/* Ajusta los tiempos de animación para cada banner */
#baner-contenedor .widget_ads_entries:nth-child(1) {
  animation-delay: 0s;
}
#baner-contenedor .widget_ads_entries:nth-child(2) {
  animation-delay: 10s;
}
#baner-contenedor .widget_ads_entries:nth-child(3) {
  animation-delay: 20s;
}

#baner-contenedor .widget_ads_entries:nth-child(4) {
  animation-delay: 30s;
}
 #baner-contenedor .widget_ads_entries:nth-child(5) {
  animation-delay: 40s;
 }

#baner-contenedor .widget_ads_entries:nth-child(6) {
  animation-delay: 50s;

} 
/* 🔹 Aplica la animación a los enlaces <a> dentro de los div con clase .widget_ads_entries */
#banner1 .widget_ads_entries {
  position: absolute;
  top: 0;
  left: 140px;
  width: 100%;
  height: 100%;
  opacity: 0; /* Empieza oculto */
  visibility: hidden; /* Empieza oculto */
  pointer-events: none;
  animation: bannerFadeSmooth6 60s infinite; /* Duración total: 3 imágenes * 10s = 30s */
}
/* * Media query para pantallas con un ancho máximo de 768px (celulares y tabletas pequeñas)
 * El valor de left se sobreescribe a 0px.
 */
@media (max-width: 768px) {
  #banner1 .widget_ads_entries {
    left: 0px; /* El nuevo valor solo para pantallas pequeñas */
  }
}

/* Ajusta los tiempos de animación para cada banner */
#banner1 .widget_ads_entries:nth-child(1) {
  animation-delay: 0s;
}
#banner1 .widget_ads_entries:nth-child(2) {
  animation-delay: 10s;
}
#banner1 .widget_ads_entries:nth-child(3) {
  animation-delay: 20s;
}
 #banner1 .widget_ads_entries:nth-child(4) {
  animation-delay: 30s;
}
#banner1 .widget_ads_entries:nth-child(5) {
  animation-delay: 40s;
}
#banner1 .widget_ads_entries:nth-child(6) {
  animation-delay: 50s;
}
 







/* 🔹 Aplica la animación a los enlaces <a> dentro de los div con clase .widget_ads_entries para banner2 */
#banner2 .widget_ads_entries {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  opacity: 0; /* Empieza oculto */
  visibility: hidden; /* Empieza oculto */
  pointer-events: none;
  animation: bannerFadeSmooth4 40s infinite; /* Duración total: 3 imágenes * 10s = 30s */
}

/* Ajusta los tiempos de animación para cada banner */
#banner2 .widget_ads_entries:nth-child(1) {
  animation-delay: 0s;
}
#banner2 .widget_ads_entries:nth-child(2) {
  animation-delay: 10s;
}
#banner2 .widget_ads_entries:nth-child(3) {
  animation-delay: 20s;
}
#banner2 .widget_ads_entries:nth-child(4) {
  animation-delay: 30s;
}
#banner2 .widget_ads_entries:nth-child(5) {
  animation-delay: 40s;
}
#banner2 .widget_ads_entries:nth-child(6) {
  animation-delay: 50s;
}
/* No es necesario definir reglas nth-child adicionales para banner2 */

/* Los @keyframes bannerFadeSmooth se definen una sola vez y se pueden reutilizar */

/* 🔹 2 imágenes - 20s total */
@keyframes bannerFadeSmooth2 {
  0%, 45% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  50%, 100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

/* 🔹 3 imágenes - 30s total */
@keyframes bannerFadeSmooth3 {
  0%, 30% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  33.333%, 100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

/* 🔹 4 imágenes - 40s total */
@keyframes bannerFadeSmooth4 {
  0%, 22.5% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  25%, 100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

/* 🔹 5 imágenes - 50s total */
@keyframes bannerFadeSmooth5 {
  0%, 18% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  20%, 100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

/* 🔹 6 imágenes - 60s total */
@keyframes bannerFadeSmooth6 {
  0%, 15% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  16.666%, 100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}