/*
Theme Name: Igenomix (IGE)
Template Theme URI: https://inboundcycle.com/
Author: el equipo de InboundCycle
Description: Plantilla desarrollada para Igenomix utilizando el template base de InboundCycle.
Version: 1.0.0
Template: ic-theme
*/

@import url("../ic-theme/style.css");

/*
text:       #575756
lila:       #818AB0
lila claro: #EDEFF6 (fondo tags)
*/

/* @group Global =============================================================*/
    /* @group Fonts ----------------------------------------------------------*/

        @font-face {
            font-family: 'Gotham';
            src: url('lib/fonts/Gotham-Light.eot?#iefix') format('eot'),
                 url('lib/fonts/Gotham-Light.woff2') format('woff2'),
                 url('lib/fonts/Gotham-Light.woff') format('woff'),
                 url('lib/fonts/Gotham-Light.ttf') format('truetype');
            font-weight: 100;
        }

        @font-face {
            font-family: 'Gotham';
            src: url('lib/fonts/Gotham-Book.eot?#iefix') format('eot'),
                 url('lib/fonts/Gotham-Book.woff2') format('woff2'),
                 url('lib/fonts/Gotham-Book.woff') format('woff'),
                 url('lib/fonts/Gotham-Book.ttf') format('truetype');
            font-weight: 400;
        }
        @font-face {
            font-family: 'Gotham';
            src: url('lib/fonts/Gotham-Medium.eot?#iefix') format('eot'),
                 url('lib/fonts/Gotham-Medium.woff2') format('woff2'),
                 url('lib/fonts/Gotham-Medium.woff') format('woff'),
                 url('lib/fonts/Gotham-Medium.ttf') format('truetype');
            font-weight: 500;
        }
        @font-face {
            font-family: 'Gotham';
            src: url('lib/fonts/Gotham-Bold.eot?#iefix') format('eot'),
                 url('lib/fonts/Gotham-Bold.woff2') format('woff2'),
                 url('lib/fonts/Gotham-Bold.woff') format('woff'),
                 url('lib/fonts/Gotham-Bold.ttf') format('truetype');
            font-weight: 700;
        }

        @font-face {
            font-family: 'Vag Rounded';
            src: url('lib/fonts/VAGRoundedStd-Light.eot?#iefix') format('eot'),
                 url('lib/fonts/VAGRoundedStd-Light.woff2') format('woff2'),
                 url('lib/fonts/VAGRoundedStd-Light.woff') format('woff'),
                 url('lib/fonts/VAGRoundedStd-Light.ttf') format('truetype');
            font-weight: 400;
        }
        @font-face {
            font-family: 'Vag Rounded';
            src: url('lib/fonts/VAGRoundedStd-Bold.eot?#iefix') format('eot'),
                 url('lib/fonts/VAGRoundedStd-Bold.woff2') format('woff2'),
                 url('lib/fonts/VAGRoundedStd-Bold.woff') format('woff'),
                 url('lib/fonts/VAGRoundedStd-Bold.ttf') format('truetype');
            font-weight: 700;
        }


    /* @end */
    /* @group Base -----------------------------------------------------------*/

        * {
          text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
        }
        html,
        body{
            font-family: "Gotham";
            letter-spacing: .03em;
            color: #575756;
        }
        img{
            max-width: 100%;
        }

    /* @end  */
    /* @group Links --------------------------------------------------------- */

    	a,
    	a:link,
    	a:visited,
    	a:focus,
    	a:active {
    		color: #5094D7;
        }

        a:hover{
            color: #818AB0;
        }

    /* @end */
    /* @group Forms --------------------------------------------------------- */

        .hs-form-field{
            margin-bottom: 15px;
        }

        label{
            font-weight: 400;
        }

        .form-control,
        .hs-input{
            width: 100%;
            border: solid 1px #D3D6E8;
            border-radius: 0px;
            padding: 6px 12px;
            height: auto;
        }

        .form-control:hover,
        .hs-input:hover{
            border: solid 1px #D3D6E8;
        }
        input[type=checkbox],
        input[type=radio]{
            width: auto!important;
            margin-right: 6px;
        }

        ul.inputs-list{
            list-style: none;
            padding: 0px;
        }

        .btn,
        a.btn,
        .hs-button{
            background-color: #4FA4F8;
            background-image: linear-gradient(-45deg, #4FA4F8 , #5094D7);
            border: none;
            color: #fff;
            font-weight: 500;
            padding: 15px 40px;
            border-radius: 4px;
        }
        .btn:hover,
        a.btn:hover,
        .hs-button:hover{
            background: #818AB0;
            color: #fff;
        }

        .hs-error-msgs {
            color: red;
            font-size: 13px;
        }

    /* @end */
    /* @group Social Icons */
        .ic-social-icons.ic-social-icons-md.ic-social-icons-clean .button{
            font-size: 14px;
            line-height: 20px;
            padding: 5px!important;
            width: 30px;
            text-align: center;
            border-radius: 4px;
        }
    /* @end */
    /* @group Breadcrumb */
        .breadcrumb{
            background: none;
            padding: 0px;
            color: #818AB0;
            margin-bottom: 40px;
        }
        .breadcrumb>li+li:before{
            padding: 0 20px;
            content: '\f0da';
            font-family: 'FontAwesome';
            color: #818AB0;
        }
        .breadcrumb>.active{
            color: #818AB0;
        }
    /* @end */
    /* @group Panels */

        .panel{
            border: none;
            margin-bottom: 60px;
            box-shadow: none;
            border-radius: none;
        }
        .panel .panel-heading{
            padding: 0px;
            background: none;
            border: none;
            margin-bottom: 20px;
        }
        .panel .panel-heading p,
        .panel .panel-heading .panel-title{
            font-weight: 700;
            font-size: 20px;
            font-family: "Vag Rounded";
        }
        .panel .panel-body{
            padding: 0px;
        }

        /* Latest posts */
        .panel.latest-posts img{
            border-radius: 4px;
            margin-bottom: 10px;
        }


    /* @end */
/* @end */

/* @group TopBar =============================================================*/

    body > header > .navbar{
        padding-top: 24px;
    }
    body > header > .navbar:before{
        position: absolute;
        top: 0px;
        left: 0px;
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        background-image: linear-gradient(to right, #D3D6E8 , #FDD2D0);
    }
    body > header > .navbar.navbar-inverse{
        background: #fff;
        border: none;
        box-shadow: 0 2px 20px rgba( 211 , 214 , 232 , .3 )
    }
    body > header > .navbar > .container{
      display:flex;
      justify-content: space-between;
      align-items: center;
    }
    body > header > .navbar > .container:before,
    body > header > .navbar > .container:after{
      display: none;
    }

    /* Logo */
    body > header > .navbar > .container .navbar-brand,
    body > header > .navbar > .container-fluid .navbar-brand{
        margin-left: 0px;
        padding: 0px;
        height: auto;
    }
    body > header .logotype{
        height: 50px;
        transition: height 0.6s ease;
    }

    /* Menu */
    body > header > .navbar .navbar-nav {
        display: flex;
        margin-left: 20px;
        justify-content: right;
    }
    body > header > .navbar .navbar-nav>li>a{
        transition: padding 0.6s ease;
    }
    body > header > .navbar .navbar-nav>li a{
        color: #575756;
    }
    body > header > .navbar .navbar-nav>li a:hover{
        color: #818AB0;
    }

    /* Contracted */
    body > header > .navbar.contracted{
        padding-top: 14px;
        padding-bottom: 10px;
    }
    body > header > .navbar.contracted .logotype{
        height: 30px;
    }
    body > header > .navbar.contracted .navbar-nav > li > a{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /* Dropdown */
    /* Primer nivel */
    body > header > .navbar .navbar-nav > li.menu-item-has-children {
        position: relative;
        display: inline-block;
    }
    body > header > .navbar .navbar-nav > li.menu-item-has-children ul a {
        text-decoration: none;
        display: inline-block;
        padding: 5px 15px 10px;
        width: 100%;
        text-align: center;
        transition: all .25s ease;
    }
    body > header > .navbar .navbar-nav > li.menu-item-has-children ul a:hover {
        background: #4fa2f3;
        color: #fff;
    }
    body > header > .navbar .navbar-nav > li.menu-item-has-children > a:after{
        content: '\f107';
        display: inline-block;
        vertical-align: baseline;
        margin-left: 5px;
        font-family: 'FontAwesome';
    }
    body > header > .navbar .navbar-nav > li.menu-item-has-children:hover:after{
        background-image: url( 'lib/img/bubble_arrow.svg' );
        width: 24px;
        height: 12px;
        position: absolute;
        bottom: -1px;
        right: 40px;
        content: '';
        display: block;
        z-index: 1;
    }
    body > header > .navbar .navbar-nav > li.menu-item-has-children > ul.sub-menu {
        list-style: none;
        padding: 15px;
        display: none;
        position: absolute;
        background-color: #fff;
        border: solid 1px #D3D6E8;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        right: 0px;
        border-radius: 4px;
    }
    body > header > .navbar .navbar-nav > li.menu-item-has-children:hover > ul.sub-menu {
        display: block;
    }
    /* Segundo nivel */
    body > header > .navbar .navbar-nav > li.menu-item-has-children li.menu-item-has-children > ul.sub-menu{
        display: block;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    /* Contenedor Indice de Contenidos USA  */
    body .container .post-style-classic .post-content #toc_container.no_bullets {
        margin: 0 auto;
        border-radius: 5px;
        color: #686868;
        border: 1px solid #C6D7E8;
        background: #f3f4f7;
        box-shadow: 0px 2px 3px #C6D7E8;
    }
    body .container .post-style-classic .post-content #toc_container.no_bullets a {
        color: #1565c0;
        display: block;
        font-size: 14px;
        padding: 0 6px;
        margin-left: 5px;
    }
    /* Contenedor Indice de Contenidos NACE  */
    body .container .post-style-classic .post-content #ez-toc-container {
        border-radius: 5px;
        color: #686868;
        border: 1px solid #C6D7E8!important;
        background: #f3f4f7;
        margin: 0 auto 1em;
        box-shadow: 0px 2px 3px #C6D7E8;
    }
    .ez-toc-title-container {
        margin: 10px 0 15px;
    }
    .ez-toc-title-container p {
        text-align: center!important;
        font-size: 16px!important;
    }
    .ez-toc-title-container .ez-toc-list {
        margin-left: 12px!important;
    }
    .ez-toc-title-container .ez-toc-title {
        text-align: center;
    }
    #ez-toc-container ul li {
        line-height: 2!important;
    }
    body .container .post-style-classic .post-content #ez-toc-container a {
        color: #1565c0;
        display: block;
        margin-left: 10px;
        font-size: 14px;
    }
    /* Aside */
        /* Main-page aside */
    aside .widget.widget_tag_cloud a:hover{
        text-decoration: none;
        background: #83CFF0!important;
        color: #fff;
    }
        /* Post aside */
    body .container aside .tagcloud a:hover{
        text-decoration: none;
        background: #DADDEC;
    }
    /* Paginador */

        /* Reset de bordes y Fondo*/
    .pagination>li>a,
    .pagination>li>span,
    .pagination>li>span[class="pages"],
    .pagination>li>a:focus,
    .pagination>li>span:focus,
    .pagination>li>span[class="pages"]:focus {
        border: none!important;
        background: none!important;
        margin-left: 8px!important;
        font-weight: normal!important;
    }
    .pagination>li>a[class$="link"] {
        border-radius: 6px!important;
        font-size: 16px!important;
        color: #5094D7!important;
    }
    .pagination>li>a[class$="link"]:hover {
        transition: .3s ease all!important;
        background: #83cff0!important;
        color: #fff!important;
    }
    .pagination>li>span[class*="current"] {
        background: #83cff0!important;
        color: #fff!important;
        border-radius: 2px!important;
    }
    .pagination>li>span[class="page-link.pages"]:hover {
        background: none!important;
    }
    .pagination>li>a[class~="page"]:hover {
        background: none!important;
    }

    /* Responsive ------------------------------------------------------------*/
    @media ( max-width : 991px ) {


      body > header > .navbar > .container{
        display:block;
      }
      body > header > .navbar > .container:before,
      body > header > .navbar > .container:after{
        display: table;
      }
      /* Logo */
      body > header .navbar-header{
        float: none;
        text-align: center;
      }
      body > header .logotype{
        margin: 0 auto;
      }
      body > header > .navbar > .container .navbar-brand,
      body > header > .navbar > .container-fluid .navbar-brand{
          float: none;
      }
      body > header > .navbar .navbar-nav{
          display: flex;
          flex-flow: row;
          justify-content: space-between;
          text-align: center;
          font-size: 14px;
          font-size: 13px;
          letter-spacing: 0;
          float: none!important;
          width: 100%;
          letter-spacing: 0;
      }

    }
    @media ( max-width : 767px ) {

        /* Logo */
        body > header .navbar-header{
          float: none;
          text-align: left;
        }
        body > header .logotype{
          margin: 0;
        }
        .container-fluid>.navbar-collapse,
        .container-fluid>.navbar-header,
        .container>.navbar-collapse,
        .container>.navbar-header{
            margin-left: 0px;
            margin-right: 0px;
        }

        body > header > .navbar{
            padding: 14px 0 10px;
        }
        body > header .logotype{
            height: 30px;
        }
        body > header > .navbar .navbar-nav{
          display: block;
          text-align: left;
        }
        body > header > .navbar .navbar-nav > li a{
          line-height: 30px;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: bold;
          color: #818AB0;
        }

        /* Menu Collapse */
        body > header > .navbar .navbar-toggle{
            background: none!important;
            border: none!important;
            margin: 0px;
            height: 30px;
            line-height: 30px;
            padding: 0px;
            font-size: 20px;
            color: #818AB0;
        }
        body > header > .navbar .navbar-collapse {
            position: fixed;
            background: #EDEFF6;
            top: 54px;
            border: none;
            left: 50%;
            height: 100%!important;
            bottom: 0;
            right: 0;
            max-height: none;
            opacity: 0;
            transition: .6s ease;
        }
        body.customize-support > header > .navbar .navbar-collapse {
            top: 86px;
        }
        body > header > .navbar .navbar-collapse.in {
            opacity: 1;
            left: 0;
        }

        /* Dropdown */
        /* Primer nivel */
        body > header > .navbar .navbar-nav > li.menu-item-has-children{
          display: block;
        }
        body > header > .navbar .navbar-nav > li.menu-item-has-children > a:after{
            display: none;
        }
        body > header > .navbar .navbar-nav > li.menu-item-has-children:hover:after{
            display: none;
        }
        body > header > .navbar .navbar-nav > li.menu-item-has-children > ul.sub-menu {
            display: block;
            position: relative;
            background: rgba( 255 , 255 , 255 , .3 );
            border: none;
            box-shadow: none;
            right: initial;
            width: 100%;
        }
        body > header > .navbar .navbar-nav > li.menu-item-has-children:hover > ul.sub-menu {
            display: block;
        }
        /* Segundo nivel */
        body > header > .navbar .navbar-nav > li.menu-item-has-children li.menu-item-has-children > ul.sub-menu{
            display: block;
            margin: 0px;
            margin-left: 10px;
            opacity: .7;
            padding: 0px;
            list-style: none;
        }


    }


/* @end */

/* @group Content ============================================================*/
    /* @group Hero */
        .hero .hero-caption{
            padding: 240px 20px 140px 20px;
        }
        .hero .blog-title{
            font-family: "Vag Rounded";
            font-weight: 700;
        }
        .hero p.lead{
            font-weight: 500;
        }
        @media ( max-width: 767px ){
            .hero .hero-caption {
                padding-top: 120px;
                padding-bottom: 20px;
            }
        }

    /* @end */
    /* @group Sidebar */

        aside .widget{
            background: #EDEFF6;
            margin-bottom: 2px;
            padding: 30px;
        }
        aside .widget .widget-title,
        aside .widget .ic-form-title{
            font-family: "Vag Rounded";
            padding: 0px;
            margin: 0px;
            margin-bottom: 20px;
            border: none;
            font-size: 20px;
            font-weight: 700;
        }
        aside .widget .btn,
        aside .widget a.btn,
        aside .widget .hs-button{
            width: 100%;
        }


        /* CTA */
        aside .widget.widget_icctawidget{
            background: none;
            padding: 30px 0px;
        }
        /* Search */
        aside .widget.widget_search{
            background: none;
            padding: 0px 0px 30px;
        }
        aside .widget.widget_search input.form-control{
            padding: 12px;
            border-radius: 4px 0 0 4px;
            height: 44px;
        }
        aside .widget.widget_search button.btn{
            padding: 12px 20px;;
            border-radius: 0px 4px 4px 0px;
            color: #fff;
            height: 44px;
        }
        /* Categories */
        aside .widget.widget_categories ul{
            list-style: none;
            padding: 0px;
            margin-bottom: 0px;
        }
        aside .widget.widget_categories ul li{
            margin-bottom: 20px;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: .1em;
            font-weight: bold;
        }
        aside .widget.widget_categories ul li:last-child{
            margin-bottom: 0px;
        }
        /* Tags */
        aside .widget.widget_tag_cloud a{
            color: #1987C3;
            background: #fff;
            border-radius: 5px;
            display: inline-block;
            padding: 4px 10px;
            font-size: 13px!important;
            margin-bottom: 5px;
        }
        /* Social Icons */
        aside .widget .social-icons-lists{
            text-align: left;
        }
    /* @end */
    /* @group Blog : Post Listing */

        .post-listing .post-item{
            margin-bottom: 60px;
            padding-bottom: 0px;
            border-bottom: 0px;
        }

        .post-listing .post-item .post-meta{
            margin: 15px 0 10px;
        }
        .post-listing .post-item .post-meta .meta-item.meta-categories{
            line-height: 30px;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: .1em;
            font-weight: bold;
        }
        .post-listing .post-item .post-footer .meta-item.meta-tags{
            color: #fff;
        }
        .post-listing .post-item .post-footer .meta-item.meta-tags a{
            color: #1987C3;
            font-size: 12px;
            padding: 6px 8px;
            border-radius: 5px;
            white-space: nowrap;
            text-decoration: none;
            line-height: 32px;
            border: 1px solid #83CFF0;
            margin-bottom: 5px;
        }
        .post-listing .post-item .post-footer .meta-item.meta-tags a:hover{
            background: #83CFF0;
            color: #fff;
        }
        .post-listing .post-item .post-thumbnail{
            border-radius: 4px;
        }
        .post-listing .post-item h2{
            margin-top: 0px;
            line-height: 1.2em;
        }
        .post-listing .post-item h2 a{
            color: #575756;
        }
        .post-listing .post-item h2 a:hover{
            color: #818AB0;
            text-decoration: none;
        }
        .post-listing .post-item .text-muted{
            color: #818AB0;
        }

        @media (max-width : 767px) {

            .post-listing .post-item h2 {
                font-size: 24px;
            }

            .post-listing .post-item .post-meta{
                display: none;
            }

        }

    /* @end */
    /* @group Blog : Post Body */

        .post-body .post-header h1{
            margin-top: 10px;
            font-weight: normal;
        }
        .post-body .post-header .text-muted{
            color: #818AB0;
        }

        .post-body .post-meta{
            margin: 20px 0;
        }
        .post-body .post-meta .meta-item.meta-categories{
            line-height: 30px;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: .1em;
            font-weight: bold;
        }

        .post-body .post-content .post-thumbnail{
            border-radius: 4px;
        }
        .post-body .post-content p,
        .post-body .post-content ol,
        .post-body .post-content ul{
            line-height: 28px;
        }
        .post-body .post-content p{
            margin-bottom: 20px;
        }
        .post-body .post-content h2{
            margin: 60px 0 20px;
            font-weight: normal;
            color: #818AB0;
        }
        .post-body .post-content h3{
            margin: 30px 0px 10px;
        }
        .post-body .post-content h4{
            margin: 20px 0px 10px;
        }
        .post-body .post-content ul{
            list-style: none;
            padding: 0px;
        }
        .post-body .post-content > ul{
          margin-bottom: 30px;
        }
        .post-body .post-content ul li{
            position: relative;
            padding-left: 10px;
        }
        .post-body .post-content ul li:before{
            content: '\f0da';
            display: block;
            position: absolute;
            top: 0px;
            left: 0px;
            font-family: 'FontAwesome';
            color: #9fb1f6;
        }
        .post-body .post-content ul li > ul > li:before{
            opacity: .75;
        }
        .post-body .post-content ul li > ul > li >ul li:before{
          opacity: .5;
        }
        .post-body .post-content .ic_cta_wrapper,
        .post-body .post-content .ic_cta_banner{
          text-align: center;
        }

        .post-body .post-footer .meta-item.meta-tags{
            color: #fff;
        }
        .post-body .post-footer .meta-item.meta-tags a{
            color: #1987C3;
            font-size: 12.5px;
            padding: 6px 8px;
            border-radius: 10px;
            white-space: nowrap;
            line-height: 32px;
            border: 1px solid #83CFF0;
            text-decoration: none;
            font-weight: 400;
        }
        .post-body .post-footer .meta-item.meta-tags a:hover{
            background: #83CFF0;
            color: #fff;
        }

        /* Entradas relacionadas */
        .post-body .zem_rp_wrap .zem_rp_content .related_post.zem_rp li{
          width: 31%!important;
        }
        .post-body .zem_rp_wrap .zem_rp_content .related_post.zem_rp li img{
            border-radius: 4px!important;
            margin-bottom: 10px;
        }

        /* Comentarios */
        #commentform .form-group{
            position: relative;
        }
        #commentform .form-group div.alert {
            position: absolute;
            bottom: 100%;
            background: #a94442;
            padding: 2px 10px;
            border: solid 1px #ddd;
            color: #fff;
            font-size: 13px;
        }
        #commentform .form-group div.alert:after {
            content: '';
            display: block;
            width: 0px;
            height: 0px;
            border: solid 5px #fff;
            border-color: #a94442 transparent transparent;
            position: absolute;
            bottom: -10px;
            left: 10px;
        }

        #commentform .post-comments-form-actions-wrapper{
            margin-top: 0px;
        }

        /* Responsive --------------------------------------------------------*/
        @media ( max-width: 767px ){

          .post-body .zem_rp_wrap .zem_rp_content .related_post.zem_rp li{
            width: 100%!important;
          }

        }


    /* @end */
    /* @group Blog : Category */

        .blog-category,
        .blog-tag,
        .blog-search{
            padding-bottom: 10px;
            border-bottom: solid 2px #EDEFF6;
        }
        .blog-category strong,
        .blog-tag strong,
        .blog-search strong{
            color: #818AB0;
        }

    /* @end */
    /* @group 404 */

        p.blog-title{
            color: #fff;
        }

        .template-404 .page-header{
            padding: 30px;
            background: #EDEFF6;
            border-bottom: 0px;
            margin-bottom: 60px;
        }

        .template-404 .form-inline .form-control{
            padding: 15px;
        }

    /* @end */
/* @end */

/* @group Footer =============================================================*/

    body > footer{
        background: #E5E6F0;
        padding: 30px 0 0;
    }
    body > footer .bottom{
        text-align: center;
        padding: 15px;
        margin-top: 30px;
        background: #DADCEA;
        color: #5c658c;
    }

    body > footer .footer-right{
        text-align: right;
        line-height: 48px;
    }

    /* Logo */
    body > footer .footer-logotype{
        height: 48px;
    }
    /* Menu */
    body > footer .navbar-footer{
        display: inline-block;
        text-align: right;
    }
    body > footer .navbar-footer li{
        padding-left: 0px;
        padding-right: 15px;
        font-size: 13px;
    }
    body > footer .navbar-footer a{
        color: #818AB0;
        text-transform: uppercase;
        font-weight: 500;
    }
    /* Social */
    body > footer .social-icons-lists{
        display: inline-block;
    }
    body > footer ul.social-icons-lists li.social-icons-list-item{
        margin-right: 3px!important;
    }
    body > footer .social-icons-lists.icons-background-rounded .socicon,
    body > footer .social-icons-lists.icons-background-square .socicon{
        background: #818AB0!important;
    }

    /* Responsive ------------------------------------------------------------*/
    @media ( max-width: 991px ){
        body > footer{
            text-align: center;
        }
        body > footer .footer-right{
            text-align: center;
        }
        body > footer .social-icons-lists{
            display: block;
            text-align: center;
        }
    }


/* @end */