 
/* Css For Laborex */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/



/*** 

=================================================================== = 
  Reset
=================================================================== = 

 ***/
 * {
    margin : 0px;
    padding: 0px;
    border : none;
    outline: none;
  }
  
  
  /*** 
  
  =================================================================== = 
    Global Settings
  =================================================================== = 
  
   ***/
  
  
  body {
    font-size             : 16px;
    color                 : #848484;
    line-height           : 26px;
    font-weight           : 400;
    background            : #ffffff;
    font-family           : 'Open Sans', sans-serif;
    background-size       : cover;
    background-repeat     : no-repeat;
    background-position   : center top;
    -webkit-font-smoothing: antialiased;
  }
  
    @media (min-width:1200px) {
    .container {
      max-width: 1400px;
      padding  : 0px 15px;
    }
  }
  
  .large-container{
    max-width: 1550px;
    padding  : 0px 15px;
    margin   : 0 auto;
  }
  
  .container-fluid{
    padding: 0px;
  }
  
  
  .auto-container{
    position : static;
    max-width: 1200px;
    padding  : 0px 15px;
    margin   : 0 auto;
  }
  
  
  .small-container{
    max-width: 680px;
    margin   : 0 auto;
  }
  
  .boxed_wrapper{
    position : relative;
    margin   : 0 auto;
    overflow : hidden !important;
    width    : 100%;
    min-width: 300px;
  }
  
  
  a{
    font-family       : 'Barlow', sans-serif;
    text-decoration   : none;
    transition        : all 500ms ease;
    -moz-transition   : all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition    : all 500ms ease;
    -o-transition     : all 500ms ease;
  }
  
  a:hover{
    text-decoration: none;
    outline        : none;
  }
  
  input,button,select,textarea{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size  : 15px;
    background : transparent;
  }
  
  ul,li{
    list-style: none;
    padding   : 0px;
    margin    : 0px;
  }
  
  input{
    transition: all 500ms ease;
  }
  
  button:focus,
  input:focus,
  textarea:focus{
    outline   : none;
    box-shadow: none;
    transition: all 500ms ease;
  }
  p{
    position   : relative;
    font-family: 'Open Sans', sans-serif;
    color      : #848484;
    font-weight: 400;
    margin     : 0px;
    transition : all 500ms ease;
  }
  
  h1,h2,h3,h4,h5,h6{
    position   : relative;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    color      : #142441;
    margin     : 0px;
    transition : all 500ms ease;
  }
  
  /* Preloader */
  
  .handle-preloader {
    align-items            : center;
    -webkit-align-items    : center;
    display                : flex;
    display                : -ms-flexbox;
    height                 : 100%;
    justify-content        : center;
    -webkit-justify-content: center;
    position               : fixed;
    background-color       : #06194b;
    left                   : 0;
    top                    : 0;
    width                  : 100%;
    z-index                : 9999999;
  }
  
  .preloader-close{
    position                 : fixed;
    z-index                  : 99999999;
    font-size                : 14px;
    background               : #fff;
    padding                  : 5px 20px;
    cursor                   : pointer;
    right                    : 0;
    top                      : 0;
    font-weight              : 600;
    border-bottom-left-radius: 4px;
  }
  
  .handle-preloader .animation-preloader {
    position: absolute;
    z-index : 100;
  }
  
  .handle-preloader .animation-preloader .spinner{
    animation    : spinner 1s infinite linear;
    border-radius: 50%;
    height       : 150px;
    margin       : 0 auto 45px auto;
    width        : 150px;
  }
  
  .handle-preloader .animation-preloader .txt-loading {
    text-align : center;
    user-select: none;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:before{
    animation: letters-loading 4s infinite;
    content  : attr(data-text-preloader);
    left     : 0;
    opacity  : 0;
    top      : 0;
    position : absolute;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading{
    font-family   : "Barlow", sans-serif;
    font-weight   : 500;
    letter-spacing: 15px;
    display       : inline-block;
    position      : relative;
    font-size     : 70px;
    line-height   : 70px;
    text-transform: uppercase;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading: nth-child(2): before {animation-delay: 0.2s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading: nth-child(3): before {animation-delay: 0.4s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading: nth-child(4): before {animation-delay: 0.6s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading: nth-child(5): before {animation-delay: 0.8s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading: nth-child(6): before { animation-delay: 1s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading: nth-child(7): before { animation-delay: 1.2s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading: nth-child(8): before { animation-delay: 1.4s;}
  .handle-preloader .loader-section {
    background-color: #ffffff;
    height          : 100%;
    position        : fixed;
    top             : 0;
    width           : calc(50% + 1px);
  }
  
  .preloader .loaded .animation-preloader {
    opacity   : 0;
    transition: 0.3s ease-out;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading{
    color: #ffffff;
  }
  
  .handle-preloader .animation-preloader .txt-loading .letters-loading:before{
    color: #ffffff;
  }
  
  .handle-preloader .animation-preloader .spinner{
    border          : 3px solid #ffffff;
    border-top-color: rgba(255, 255, 255, 0.5);
  }
  
  /* AnimaciÃ³n del preloader */
  @keyframes spinner {
    to {
      transform: rotateZ(360deg);
    }
  }
  @keyframes letters-loading {
    0%,
    75%,
    100% {
      opacity  : 0;
      transform: rotateY(-90deg);
    }
  
    25%,
    50% {
      opacity  : 1;
      transform: rotateY(0deg);
    }
  }
  
  @media screen and (max-width: 767px) {
    .handle-preloader .animation-preloader .spinner {
      height: 8em;
      width : 8em;
    }
      
    .teachpress_pub_list {
      display: flex;
        flex-direction: column;
        
    }
      
      .teachpress_filter{
          text-align: center;
      padding-top: 5px;
      width: 280px;
      margin-bottom: 7px;
      }
      
  }
  @media screen and (max-width: 500px) {
    .handle-preloader .animation-preloader .spinner {
      height: 7em;
      width : 7em;
    }
    .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 40px; letter-spacing: 10px;}
  }
  
  
  .centred{
    text-align: center;
  }
  
  .pull-left{
    float: left;
  }
  
  .pull-right{
    float: right;
  }
  
  
  figure{
    margin: 0px;
  }
  
  /*
  p a img {
      width: 50px;
      height: 50px;
  }
  */
  
  img {
    display                   : inline-block;
    max-width                 : 100%;
    height                    : auto;
    transition-delay          : .1s;
    transition-timing-function: ease-in-out;
    transition-duration       : .7s;
    transition-property       : all;
  }
  
  /** button **/
  
  .theme-btn-one{
    position      : relative;
    display       : inline-block;
    overflow      : hidden;
    vertical-align: middle;
    font-size     : 16px;
    line-height   : 25px;
    font-weight   : 700;
    color         : #fff !important;
    text-align    : center;
    padding       : 14px 36px 15px 36px;
    border-radius : 30px;
    z-index       : 1;
    transition    : all 500ms ease;
  }
  
  .theme-btn-one:before{
    -webkit-transition-duration: 800ms;
    transition-duration       : 800ms;
    position                  : absolute;
    width                     : 200%;
    height                    : 200%;
    content                   : "";
    bottom                    : 110%;
    left                      : 50%;
    background                : #111111;
    -webkit-transform         : translateX(-50%);
    transform                 : translateX(-50%);
    border-radius             : 50%;
    z-index                   : -1;
  }
  
  .theme-btn-one:hover:before{
    bottom: -40%;
  }
  
  .theme-btn-two{
    position     : relative;
    display      : inline-block;
    font-size    : 14px;
    line-height  : 25px;
    font-family  : 'Open Sans', sans-serif;
    font-weight  : 700;
    color        : #142441 !important;
    background   : #f2f3f5;
    text-align   : center;
    border-radius: 30px;
    padding      : 7.5px 22px;
    z-index      : 1;
    transition   : all 500ms ease;
  }
  
  .theme-btn-two:hover{
    color: #fff !important;
  }
  
  
  .theme-btn-three{
    position      : relative;
    display       : inline-block;
    overflow      : hidden;
    vertical-align: middle;
    font-size     : 16px;
    line-height   : 25px;
    font-family   : 'Nunito Sans', sans-serif;
    font-weight   : 700;
    color         : #fff !important;
    text-align    : center;
    border-radius : 3px;
    padding       : 14.5px 37px;
    text-transform: capitalize;
    z-index       : 1;
    transition    : all 500ms ease;
  }
  
  .theme-btn-three:before{
    webkit-transition-duration: 800ms;
    transition-duration       : 800ms;
    position                  : absolute;
    width                     : 200%;
    height                    : 200%;
    content                   : "";
    top                       : 110%;
    left                      : 50%;
    background                : #111111;
    -webkit-transform         : translateX(-50%);
    transform                 : translateX(-50%);
    border-radius             : 50%;
    z-index                   : -1;
  }
  
  .theme-btn-three:hover:before{
    top: -40%;
  }
  
  .theme-btn-four{
    position      : relative;
    display       : inline-block;
    overflow      : hidden;
    vertical-align: middle;
    font-size     : 16px;
    line-height   : 25px;
    font-family   : 'Nunito Sans', sans-serif;
    font-weight   : 700;
    color         : #111 !important;
    border        : 2px solid #e5e8ea;
    text-align    : center;
    border-radius : 30px;
    padding       : 15.5px 33px;
    text-transform: capitalize;
    z-index       : 1;
    transition    : all 500ms ease;
  }
  
  .theme-btn-four:hover{
    color: #ffffff !important;
  }
  
  .theme-btn-four:before{
    webkit-transition-duration: 800ms;
    transition-duration       : 800ms;
    position                  : absolute;
    width                     : 200%;
    height                    : 200%;
    content                   : "";
    top                       : 110%;
    left                      : 50%;
    -webkit-transform         : translateX(-50%);
    transform                 : translateX(-50%);
    border-radius             : 50%;
    z-index                   : -1;
  }
  
  .theme-btn-four:hover:before{
    top: -40%;
  }
  
  .pagination{
    position: relative;
    display : block;
  }
  
  .pagination li{
    position    : relative;
    display     : inline-block;
    margin-right: 7px;
  }
  
  .pagination li:last-child{
    margin: 0px !important;
  }
  
  .pagination span,
  .pagination a{
    position     : relative;
    display      : inline-block;
    font-size    : 18px;
    font-weight  : 500;
    font-family  : 'Barlow', sans-serif;
    height       : 60px;
    width        : 60px;
    line-height  : 60px;
    background   : #ffffff;
    text-align   : center;
    border       : 1px solid #e5e5e5;
    color        : #2d2929;
    border-radius: 50%;
    z-index      : 1;
    transition   : all 500ms ease;
  }
  .pagination span:hover,
  .pagination span.current,
  .pagination a:hover,
  .pagination a.current{
    color: #fff;
  }
  
  .sec-pad{
    padding: 143px 0px 150px 0px;
  }
  
  .sec-pad-2{
    padding: 150px 0px;
  }
  
  .mr-0{
    margin: 0px !important;
  }
  
  .scroll-top{
    width        : 55px;
    height       : 55px;
    line-height  : 55px;
    position     : fixed;
    bottom       : 105%;
    right        : 30px;
    font-size    : 40px;
    z-index      : 99;
    border-radius: 50%;
    text-align   : center;
    cursor       : pointer;
    transition   : 1s ease;
  }
  
  .scroll-top.open {
    bottom: 50px;
  }
  
  .scroll-top:hover{
    border-color: #06194b;
    color       : #06194b;
  }
  
  .sec-title{
    position     : relative;
    display      : block;
    margin-bottom: 60px;
  }
  
  .sec-title h6{
    display       : inline-block;
    font-size     : 16px;
    line-height   : 26px;
    font-weight   : 600;
    padding-left  : 50px;
    text-transform: uppercase;
    margin-bottom : 13px;
  }
  
  .sec-title.centred h6{
    padding-right: 50px;
  }
  
  .sec-title h6:before{
    position  : absolute;
    content   : '';
    background: url(../images/icons/decor-2.png);
    width     : 37px;
    height    : 7px;
    left      : 0px;
    top       : 50%;
    transform : translateY(-50%);
  }
  
  .sec-title.centred h6:before{
    background: url(../images/icons/decor-1.png);
  }
  
  .sec-title.centred h6:after{
    position  : absolute;
    content   : '';
    background: url(../images/icons/decor-2.png);
    width     : 37px;
    height    : 7px;
    right     : 0px;
    top       : 50%;
    transform : translateY(-50%);
  }
  
  .sec-title h2{
    display    : block;
    font-size  : 42px;
    line-height: 48px;
    font-weight: 700;
    margin     : 0px;
  }
  
  .sec-title.light h2{
    color: #ffffff;
  }
  
  
  
  
  /*** 
  
  =================================================================== = 
                          Home-Page-One
  =================================================================== = 
  
  ***/
  
  
  /** main-header **/
  
  .main-header{
    position          : relative;
    left              : 0px;
    top               : 0px;
    z-index           : 999;
    width             : 100%;
    display: flex;
    align-items: center;
    transition        : all 500ms ease;
    -moz-transition   : all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition    : all 500ms ease;
    -o-transition     : all 500ms ease;
  }
  
  .sticky-header{
    position          : fixed;
    opacity           : 0;
    visibility        : hidden;
    left              : 0px;
    top               : 0px;
    width             : 100%;
    z-index           : 0;
    background-color: #f3f6fd;
    border-bottom     : 1px solid rgba(0,0,0,0.1);
    transition        : all 500ms ease;
    -moz-transition   : all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition    : all 500ms ease;
    -o-transition     : all 500ms ease;
  }
  
  .fixed-header .sticky-header{
    z-index                          : 999;
    opacity                          : 1;
    visibility                       : visible;
    -ms-animation-name               : fadeInDown;
    -moz-animation-name              : fadeInDown;
    -op-animation-name               : fadeInDown;
    -webkit-animation-name           : fadeInDown;
    animation-name                   : fadeInDown;
    -ms-animation-duration           : 500ms;
    -moz-animation-duration          : 500ms;
    -op-animation-duration           : 500ms;
    -webkit-animation-duration       : 500ms;
    animation-duration               : 500ms;
    -ms-animation-timing-function    : linear;
    -moz-animation-timing-function   : linear;
    -op-animation-timing-function    : linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function        : linear;
    -ms-animation-iteration-count    : 1;
    -moz-animation-iteration-count   : 1;
    -op-animation-iteration-count    : 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count        : 1;
  }
  
  /** header-upper **/
  
  .main-header .header-upper{
    position  : relative;
    background-color: #f3f6fd;
  }
  
  /*
  .main-header .header-upper .info-box li.btn-box .theme-btn-one{
    padding: 12px 36px 13px 36px;
  }
  */
  
  
  .main-header .logo-box{
    position: relative;
    padding : 29px 145px 34px 0px;
  }
  
  
  .main-header .logo-box .bg-color{
    position  : absolute;
    top       : 0px;
    right     : 0px;
    width     : 5000px;
    height    : 100%;
    background: transparent;
    clip-path : polygon(0% 0%, 100% 0%, 99% 100%, 0% 100%, 0% 0%);
  }
  
  .main-header .logo-box .logo{
    position : relative;
    max-width: 120px;
    width    : 100%;
  }
  .main-header .logo-box .logo img{
    max-width: 120px;
    width: 100%;
    max-height: 120px;
    height: 100%;
  }
  /*
  .main-header.style-one .logo-box .logo img{
    padding: 5px 0;
  }
  */
  .mobile-menu .nav-logo img {
    max-width: 200px;
    height: 57px;
  }
  .main-header .header-upper .info-box li{
    position    : relative;
    display     : flex;
    float       : left;
    color       : #222222;
    margin-right: 50px;
  }
  
  .main-header .header-upper .info-box li:last-child{
    margin: 0px !important;
  }
  
  .main-header .header-upper .info-box li a{
    color: #222;
  }
  
  .main-header .header-upper .info-box li i{
    margin-right: 8px;
    font-size   : 22px;
    line-height : 26px;
  }
  
  .main-header .header-upper .info-box{
    position   : relative;
    display    : flex;
    align-items: center;
  }
  
  .main-header .search-btn button{
    position   : relative;
    display    : inline-block;
    font-size  : 20px;
    color      : #293490;
    font-weight: 400;
  }
  
  .main-header .social-links li{
    position    : relative;
    display     : inline-block;
    margin-right: 25px;
  }
  
  .main-header .social-links li:last-child{
    margin: 0px !important;
  }
  
  .main-header .social-links li a{
    position : relative;
    display  : inline-block;
    font-size: 16px;
    color    : #293490;
  }
  
  .main-header.style-one .social-links,
  .main-header.style-one .search-btn{
    position: relative;
    float   : left;
  }
  
  .main-header.style-one .search-btn{
    margin-right: 30px;
    padding     : 22px 30px 17px 0px;
    border-right: 1px solid #ebedf0;
  }
  
  .main-header.style-one .social-links{
    margin-top: 20px;
  }
  
  
  /** main-menu **/
  
  .main-menu{
    float: left;
  }
  
  .main-menu .navbar-collapse{
    padding: 0px;
    display: block !important;
  }
  
  .main-menu .navigation{
    margin: 0px;
  }
  
  .main-menu .navigation > li{
    position          : inherit;
    float             : left;
    z-index           : 2;
    padding           : 18px 0px;
    margin            : 0px 15px;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
  }
  
  .main-menu .navigation > li:last-child{
    margin-right: 0px !important;
  }
  
  .main-menu .navigation > li:first-child{
    margin-left: 0px !important;
  }
  
  .main-menu .navigation > li > a{
    position          : relative;
    display           : block;
    text-align        : center;
    font-size         : 15px;
    line-height       : 30px;
    font-family       : 'Open Sans', sans-serif;
    font-weight       : 550;
    padding-right     : 12px;
    opacity           : 1;
    color             : #142441;
    z-index           : 1;
    -webkit-transition: all 500ms ease;
    -moz-transition   : all 500ms ease;
    -ms-transition    : all 500ms ease;
    -o-transition     : all 500ms ease;
    transition        : all 500ms ease;
  }
  .main-menu .navigation > li.menu-item-has-children > a {
    margin-right : 12px;
  }
  .main-menu .navigation > li.dropdown > a:before{
    position   : absolute;
    content    : "\f107";
    font-family: 'Font Awesome 5 Pro';
    top        : 2px;
    right      : 0px;
  }
  
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > .megamenu{
    position                : absolute;
    left                    : inherit;
    top                     : 100%;
    width                   : 250px;
    z-index                 : 100;
    display                 : none;
    opacity                 : 0;
    visibility              : hidden;
    padding                 : 10px 0px;
    padding-bottom          : 15px;
    filter                  : alpha(opacity=0);
    background              : #fff;
    border-radius           : 10px;
    -webkit-transition      : all 0.2s ease-out;
    transition              : all 0.2s ease-out;
    -moz-transition         : all 0.2s ease-out;
    -ms-transition          : all 0.2s ease-out;
    -webkit-box-shadow      : 0px 4px 4px 1px rgba(0,0,0,0.2);
    box-shadow              : 0px 4px 4px 1px rgba(0,0,0,0.2);
    -webkit-transform       : rotateX(-90deg);
    transform               : rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin        : 0 0;
  }
  
  .main-menu .navigation > li > ul.from-right{
    left : auto;
    right: 0px;
  }
  
  .main-menu .navigation > li > ul > li{
    position          : relative;
    width             : 100%;
    padding           : 0px 30px;
    -webkit-transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
    transition        : all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
    opacity           : 0;
    visibility        : hidden;
    -webkit-transform : translateY(5px);
    transform         : translateY(5px);
  }
  
  .main-menu .navigation > li:hover > ul > li{
    opacity          : 1;
    visibility       : visible;
    -webkit-transform: translateY(0);
    transform        : translateY(0);
  }
  
  .main-menu .navigation > li > ul > li:nth-child(2n+1) {
    -webkit-transition-delay: 0.1s;
    transition-delay        : 0.1s;
  }
  
  .main-menu .navigation > li > ul > li:nth-child(2n+2) {
    -webkit-transition-delay: 0.15s;
    transition-delay        : 0.15s;
  }
  
  .main-menu .navigation > li > ul > li:nth-child(2n+3) {
    -webkit-transition-delay: 0.2s;
    transition-delay        : 0.2s;
  }
  
  .main-menu .navigation > li > ul > li:nth-child(2n+4) {
    -webkit-transition-delay: 0.25s;
    transition-delay        : 0.25s;
  }
  
  .main-menu .navigation > li > ul > li:nth-child(2n+5) {
    -webkit-transition-delay: 0.3s;
    transition-delay        : 0.3s;
  }
  
  .main-menu .navigation > li > ul > li:nth-child(2n+6) {
    -webkit-transition-delay: 0.35s;
    transition-delay        : 0.35s;
  }
  
  .main-menu .navigation > li > ul > li:nth-child(2n+7) {
    -webkit-transition-delay: 0.4s;
    transition-delay        : 0.4s;
  }
  
  .main-menu .navigation > li > ul > li:nth-child(2n+8) {
    -webkit-transition-delay: 0.45s;
    transition-delay        : 0.45s;
  }
  
  .main-menu .navigation > li > ul > li:last-child{
    border-bottom: none;
  }
  
  .main-menu .navigation > li > ul > li > a,
  .main-menu .navigation > li > .megamenu li > a{
    position          : relative;
    display           : block;
    padding           : 7px 0px;
    line-height       : 24px;
    font-weight       : 600;
    font-size         : 15px;
    font-family       : 'Open Sans', sans-serif;
    text-transform    : capitalize;
    color             : #142441;
    text-align        : left;
    transition        : all 500ms ease;
    -moz-transition   : all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition    : all 500ms ease;
    -o-transition     : all 500ms ease;
  }
  
  .main-menu .navigation > li > ul > li > a:before,
  .main-menu .navigation > li > .megamenu li > a:before{
    position   : absolute;
    content    : "\f105";
    font-family: 'Font Awesome 5 Pro';
    left       : 0px;
    top        : 8px;
    opacity    : 0;
    transition : all 500ms ease;
  }
  
  .main-menu .navigation > li > ul > li > a:hover:before,
  .main-menu .navigation > li > .megamenu li > a:hover:before{
    opacity: 1;
  }
  
  .main-menu .navigation > li > ul > li > a:hover,
  .main-menu .navigation > li > .megamenu li > a:hover{
    padding-left: 15px;
  }
  
  .main-menu .navigation > li > ul > li:last-child > a,
  .main-menu .navigation > li > .megamenu li:last-child > a{
    border-bottom: none;
  }
  
  .main-menu .navigation > li > ul > li.dropdown > a:after{
    font-family: 'Font Awesome 5 Pro';
    content    : "\f105";
    position   : absolute;
    right      : 20px;
    top        : 7px;
    display    : block;
    line-height: 24px;
    font-size  : 16px;
    font-weight: 800;
    text-align : center;
    z-index    : 5;
  }
  
  .main-menu .navigation > li > ul > li > ul{
    position                : absolute;
    right                   : 100%;
    top                     : 0%;
    width                   : 230px;
    z-index                 : 100;
    display                 : none;
    padding                 : 10px 0px;
    padding-bottom          : 15px;
    filter                  : alpha(opacity=0);
    background              : #fff;
    border-radius           : 10px;
    -webkit-transition      : all 0.2s ease-out;
    transition              : all 0.2s ease-out;
    -moz-transition         : all 0.2s ease-out;
    -ms-transition          : all 0.2s ease-out;
    -webkit-box-shadow      : 0px 4px 4px 1px rgba(0,0,0,0.2);
    box-shadow              : 0px 4px 4px 1px rgba(0,0,0,0.2);
    -webkit-transform       : rotateX(-90deg);
    transform               : rotateX(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin        : 0 0;
  }
  
  .main-menu .navigation > li > ul > li > ul.from-right{
    left : auto;
    right: 0px;
  }
  
  .main-menu .navigation > li > ul > li > ul > li{
    position: relative;
    width   : 100%;
    padding : 0px 30px;
  }
  
  .main-menu .navigation > li > ul > li > ul > li{
    position          : relative;
    width             : 100%;
    padding           : 0px 30px;
    -webkit-transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
    transition        : all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
    opacity           : 0;
    visibility        : hidden;
    -webkit-transform : translateY(5px);
    transform         : translateY(5px);
  }
  
  .main-menu .navigation > li > ul > li:hover > ul > li{
    opacity          : 1;
    visibility       : visible;
    -webkit-transform: translateY(0);
    transform        : translateY(0);
  }
  
  .main-menu .navigation > li > ul > li > ul > li:nth-child(2n+1) {
    -webkit-transition-delay: 0.1s;
    transition-delay        : 0.1s;
  }
  
  .main-menu .navigation > li > ul > li > ul > li:nth-child(2n+2) {
    -webkit-transition-delay: 0.15s;
    transition-delay        : 0.15s;
  }
  
  .main-menu .navigation > li > ul > li > ul > li:nth-child(2n+3) {
    -webkit-transition-delay: 0.2s;
    transition-delay        : 0.2s;
  }
  
  .main-menu .navigation > li > ul > li > ul > li:nth-child(2n+4) {
    -webkit-transition-delay: 0.25s;
    transition-delay        : 0.25s;
  }
  
  .main-menu .navigation > li > ul > li > ul > li:last-child{
    border-bottom: none;
  }
  
  .main-menu .navigation > li > ul > li > ul > li:last-child{
    border-bottom: none;
  }
  
  .main-menu .navigation > li > ul > li > ul > li > a{
    position          : relative;
    display           : block;
    padding           : 7px 0px;
    line-height       : 24px;
    font-weight       : 600;
    font-size         : 15px;
    font-family       : 'Open Sans', sans-serif;
    text-transform    : capitalize;
    color             : #142441;
    text-align        : left;
    transition        : all 500ms ease;
    -moz-transition   : all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition    : all 500ms ease;
    -o-transition     : all 500ms ease;
  }
  
  .main-menu .navigation > li > ul > li > ul > li > a:before{
    position   : absolute;
    content    : "\f105";
    font-family: 'Font Awesome 5 Pro';
    left       : 0px;
    top        : 8px;
    opacity    : 0;
    transition : all 500ms ease;
  }
  
  .main-menu .navigation > li > ul > li > ul > li > a:hover:before{
    opacity: 1;
  }
  
  .main-menu .navigation > li > ul > li > ul > li:last-child > a{
    border-bottom: none;
  }
  
  .main-menu .navigation > li > ul > li > ul > li > a:hover{
    padding-left: 15px;
  }
  
  .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
    font-family: 'Font Awesome 5 Pro';
    content    : "\f105";
    position   : absolute;
    right      : 20px;
    top        : 12px;
    display    : block;
    line-height: 24px;
    font-size  : 16px;
    font-weight: 900;
    z-index    : 5;
  }
  
  .main-menu .navigation > li.dropdown:hover > ul,
  .main-menu .navigation > li.dropdown:hover > .megamenu{
    visibility       : visible;
    opacity          : 1;
    filter           : alpha(opacity=100);
    top              : 100%;
    -webkit-transform: rotateX(0);
    transform        : rotateX(0);
  }
  
  .main-menu .navigation li > ul > li.dropdown:hover > ul{
    visibility       : visible;
    opacity          : 1;
    filter           : alpha(opacity=100);
    top              : 0%;
    -webkit-transform: rotateX(0);
    transform        : rotateX(0);
  }
  
  .main-menu .navigation li.dropdown .dropdown-btn{
    position   : absolute;
    right      : -32px;
    top        : 66px;
    width      : 34px;
    height     : 30px;
    text-align : center;
    font-size  : 18px;
    line-height: 26px;
    color      : #3b3b3b;
    cursor     : pointer;
    display    : none;
    z-index    : 5;
    transition : all 500ms ease;
  }
  
  .main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
    display: none;
  }
  
  .menu-area .mobile-nav-toggler {
    position   : relative;
    float      : right;
    font-size  : 40px;
    line-height: 50px;
    cursor     : pointer;
    color      : #3786ff;
    display    : none;
  }
  
  .menu-area .mobile-nav-toggler .icon-bar{
    position          : relative;
    height            : 2px;
    width             : 30px;
    display           : block;
    margin-bottom     : 5px;
    background-color  : #fff !important;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
  }
  
  .main-header.style-two .menu-area .mobile-nav-toggler .icon-bar{
    background-color: #222;
  }
  
  .menu-area .mobile-nav-toggler .icon-bar:last-child{
    margin-bottom: 0px;
  }
  
  
  /** megamenu-style **/
  
  .main-menu .navigation > li.dropdown > .megamenu{
    position: absolute;
    width   : 100%;
    padding : 30px 50px;
    left    : 0px;
  }
  
  .main-menu .navigation li.dropdown .megamenu li h4{
    font-weight  : 700;
    padding      : 3px 0px;
    margin-bottom: 10px;
  }
  
  
  /** mobile-menu **/
  
  .nav-outer .mobile-nav-toggler{
    position   : relative;
    float      : right;
    font-size  : 40px;
    line-height: 50px;
    cursor     : pointer;
    color      : #3786ff;
    display    : none;
  }
  
  .mobile-menu{
    position     : fixed;
    right        : 0;
    top          : 0;
    width        : 300px;
    padding-right: 30px;
    max-width    : 100%;
    height       : 100%;
    opacity      : 0;
    visibility   : hidden;
    z-index      : 999999;
    transition   : all 900ms ease;
  }
  
  .mobile-menu .navbar-collapse{
    display: block !important;
  }
  
  .mobile-menu .nav-logo{
    position      : relative;
    padding       : 50px 25px;
    text-align    : left;
    padding-bottom: 100px;
  }
  
  .mobile-menu-visible{
    overflow: hidden;
  }
  
  .mobile-menu-visible .mobile-menu{
    opacity   : 1;
    visibility: visible;
  }
  
  .mobile-menu .menu-backdrop{
    position        : fixed;
    left            : 0%;
    top             : 0;
    width           : 100%;
    height          : 100%;
    z-index         : 1;
    transition      : all 900ms ease;
    background-color: #000;
  }
  
  .mobile-menu-visible .mobile-menu .menu-backdrop{
    opacity           : 0.70;
    visibility        : visible;
    right             : 100%;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition     : all .8s ease-out 0s
  }
  
  .mobile-menu .menu-box{
    position         : absolute;
    left             : 0px;
    top              : 0px;
    width            : 100%;
    height           : 100%;
    max-height       : 100%;
    overflow-y       : auto;
    background       : #061a3a;
    padding          : 0px 0px;
    z-index          : 5;
    opacity          : 0;
    visibility       : hidden;
    border-radius    : 0px;
    -webkit-transform: translateX(100%);
    -ms-transform    : translateX(100%);
    transform        : translateX(100%);
    transition       : all 900ms ease !important;
  }
  
  .mobile-menu-visible .mobile-menu .menu-box{
    opacity           : 1;
    visibility        : visible;
    -webkit-transition: all 0.7s ease;
    -o-transition     : all 0.7s ease;
    transition        : all 0.7s ease;
    -webkit-transform : translateX(0%);
    -ms-transform     : translateX(0%);
    transform         : translateX(0%);
  }
  
  .mobile-menu .close-btn{
    position          : absolute;
    right             : 25px;
    top               : 10px;
    line-height       : 30px;
    width             : 24px;
    text-align        : center;
    font-size         : 16px;
    color             : #ffffff;
    cursor            : pointer;
    z-index           : 10;
    -webkit-transition: all 0.9s ease;
    -moz-transition   : all 0.9s ease;
    -ms-transition    : all 0.9s ease;
    -o-transition     : all 0.9s ease;
    transition        : all 0.9s ease;
  }
  
  .mobile-menu-visible .mobile-menu .close-btn{
    -webkit-transform: rotate(360deg);
    -ms-transform    : rotate(360deg);
    transform        : rotate(360deg);
  }
  
  .mobile-menu .close-btn:hover{
    -webkit-transform: rotate(90deg);
    -ms-transform    : rotate(90deg);
    transform        : rotate(90deg);
  }
  
  .mobile-menu .navigation{
    position: relative;
    display : block;
    width   : 100%;
    float   : none;
  }
  
  .mobile-menu .navigation li{
    position  : relative;
    display   : block;
    border-top: 1px solid rgba(255,255,255,0.10);
  }
  
  .mobile-menu .navigation:last-child{
    border-bottom: 1px solid rgba(255,255,255,0.10);
  }
  
  .mobile-menu .navigation li > ul > li:first-child{
    border-top: 1px solid rgba(255,255,255,0.10);
  }
  
  .mobile-menu .navigation li > a{
    position          : relative;
    display           : block;
    line-height       : 24px;
    padding           : 10px 25px;
    font-size         : 15px;
    font-weight       : 500;
    color             : #ffffff;
    text-transform    : uppercase;
    -webkit-transition: all 500ms ease;
    -moz-transition   : all 500ms ease;
    -ms-transition    : all 500ms ease;
    -o-transition     : all 500ms ease;
    transition        : all 500ms ease;
  }
  
  .mobile-menu .navigation li ul li > a{
    font-size     : 16px;
    margin-left   : 20px;
    text-transform: capitalize;
  }
  
  .mobile-menu .navigation li > a:before{
    content           : '';
    position          : absolute;
    left              : 0;
    top               : 0;
    height            : 0;
    border-left       : 5px solid #fff;
    -webkit-transition: all 500ms ease;
    -moz-transition   : all 500ms ease;
    -ms-transition    : all 500ms ease;
    -o-transition     : all 500ms ease;
    transition        : all 500ms ease;
  }
  
  .mobile-menu .navigation li.current_page_ancestor > a:before{
    height: 100%;
  }
  
  .mobile-menu .navigation li.dropdown .dropdown-btn{
    position          : absolute;
    right             : 6px;
    top               : 6px;
    width             : 32px;
    height            : 32px;
    text-align        : center;
    font-size         : 16px;
    line-height       : 32px;
    color             : #ffffff;
    background        : rgba(255,255,255,0.10);
    cursor            : pointer;
    border-radius     : 2px;
    -webkit-transition: all 500ms ease;
    -moz-transition   : all 500ms ease;
    -ms-transition    : all 500ms ease;
    -o-transition     : all 500ms ease;
    transition        : all 500ms ease;
    z-index           : 5;
  }
  
  .mobile-menu .navigation li.dropdown .dropdown-btn.open{
    color            : #ffffff;
    -webkit-transform: rotate(90deg);
    -ms-transform    : rotate(90deg);
    transform        : rotate(90deg);
  }
  
  .mobile-menu .navigation li > ul,
  .mobile-menu .navigation li > ul > li > ul,
  .mobile-menu .navigation > li.dropdown > .megamenu{
    display: none;
  }
  
  .mobile-menu .social-links{
    position: relative;
    padding : 0px 25px;
  }
  
  .mobile-menu .social-links li{
    position: relative;
    display : inline-block;
    margin  : 0px 10px 10px;
  }
  
  .mobile-menu .social-links li a{
    position          : relative;
    line-height       : 32px;
    font-size         : 16px;
    color             : #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition   : all 500ms ease;
    -ms-transition    : all 500ms ease;
    -o-transition     : all 500ms ease;
    transition        : all 500ms ease;
  }
  
  div#mCSB_1_container{
    top: 0px !important;
  }
  
  .mobile-menu .contact-info {
    position: relative;
    padding : 120px 30px 20px 30px;
  }
  
  .mobile-menu .contact-info h4 {
    position     : relative;
    font-size    : 20px;
    color        : #ffffff;
    font-weight  : 700;
    margin-bottom: 20px;
  }
  
  .mobile-menu .contact-info ul li {
    position     : relative;
    display      : block;
    font-size    : 15px;
    color        : rgba(255,255,255,0.80);
    margin-bottom: 3px;
  }
  
  .mobile-menu .contact-info ul li a{
    color: rgba(255,255,255,0.80);
  }
  
  .mobile-menu .contact-info ul li:last-child{
    margin-bottom: 0px;
  }
  
  .main-header .outer-box{
    position: relative;
  }
  
  /** search-popup **/
  
  .search-popup{
    position          : fixed;
    left              : 0;
    top               : 0px;
    width             : 100%;
    height            : 100%;
    z-index           : 99999;
    visibility        : hidden;
    opacity           : 0;
    overflow          : auto;
    background        : #fff;
    -webkit-transform : translateY(101%);
    -ms-transform     : translateY(101%);
    transform         : translateY(101%);
    transition        : all 700ms ease;
    -moz-transition   : all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition    : all 700ms ease;
    -o-transition     : all 700ms ease;
  }
  
  .search-popup.popup-visible{
    -webkit-transform: translateY(0%);
    -ms-transform    : translateY(0%);
    transform        : translateY(0%);
    visibility       : visible;
    opacity          : 1;
  }
  
  .search-popup .overlay-layer{
    position: absolute;
    left    : 0px;
    top     : 0px;
    right   : 0px;
    bottom  : 0px;
    display : block;
  }
  
  .search-popup .close-search{
    position  : absolute;
    right     : 25px;
    top       : 25px;
    font-size : 22px;
    color     : #000;
    cursor    : pointer;
    z-index   : 5;
    transition: all 500ms ease;
  }
  
  .search-popup .search-form{
    position          : relative;
    padding           : 0px 15px 0px;
    max-width         : 1024px;
    margin            : 0 auto;
    margin-top        : 150px;
    margin-bottom     : 100px;
    transition        : all 900ms ease;
    -moz-transition   : all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition    : all 900ms ease;
    -o-transition     : all 900ms ease;
  }
  
  .search-popup .search-form fieldset{
    position     : relative;
    border-radius: 12px;
  }
  
  .search-popup .search-form fieldset input[type="search"]{
    position     : relative;
    height       : 70px;
    padding      : 20px 250px 20px 30px;
    background   : #f3f5fe;
    line-height  : 30px;
    font-size    : 20px;
    color        : #233145;
    border-radius: 0;
    border: none;
  }
  .search-popup .search-form fieldset input[type="search"]:focus{
    outline: none;
    box-shadow: none;
  }
  .search-popup .search-form fieldset input[type="submit"]{
    position      : absolute;
    display       : block;
    right         : 0px;
    top           : 0px;
    text-align    : center;
    width         : 220px;
    height        : 70px;
    padding       : 20px 10px 20px 10px;
    color         : #ffffff !important;
    line-height   : 30px;
    font-size     : 18px;
    cursor        : pointer;
    text-transform: uppercase;
    font-weight: 600;
  }
  
  .search-popup .search-form fieldset input[type="submit"]:hover{
    transform: translateY(0px);
  }
  
  .search-popup h3{
    text-transform: uppercase;
    font-size     : 20px;
    font-weight   : 600;
    color         : #ffffff;
    margin-bottom : 20px;
    margin-top    : 30px;
    letter-spacing: 1px;
    text-align    : center;
  }
  
  .search-popup .recent-searches{
    font-size : 16px;
    color     : #ffffff;
    text-align: center;
  }
  
  .search-popup .recent-searches li{
    display: inline-block;
    margin : 0px 10px 10px 0px;
  }
  
  .search-popup .recent-searches li a{
    display           : block;
    line-height       : 24px;
    border            : 1px solid #ffffff;
    padding           : 7px 15px;
    color             : #ffffff;
    border-radius     : 3px;
    -webkit-transition: all 0.5s ease;
    -moz-transition   : all 0.5s ease;
    -ms-transition    : all 0.5s ease;
    -o-transition     : all 0.5s ease;
    transition        : all 0.5s ease;
  }
  
  .rotate-me {
    animation-name                   : rotateme;
    animation-duration               : 30s;
    animation-iteration-count        : infinite;
    animation-timing-function        : linear;
    -webkit-animation-name           : rotateme;
    -webkit-animation-duration       : 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name              : rotateme;
    -moz-animation-duration          : 30s;
    -moz-animation-iteration-count   : infinite;
    -moz-animation-timing-function   : linear;
    -ms-animation-name               : rotateme;
    -ms-animation-duration           : 30s;
    -ms-animation-iteration-count    : infinite;
    -ms-animation-timing-function    : linear;
    -o-animation-name                : rotateme;
    -o-animation-duration            : 30s;
    -o-animation-iteration-count     : infinite;
    -o-animation-timing-function     : linear;
  }
  
  .bg-color-1{
    background: #e9f8f8;
  }
  
  .owl-dots-none .owl-dots,
  .owl-nav-none .owl-nav{
    display: none !important;
  }
  
  .list-style-one{
    position: relative;
    display : block;
  }
  
  .list-style-one li{
    position     : relative;
    display      : block;
    padding-left : 32px;
    margin-bottom: 12px;
  }
  
  .list-style-one li:last-child{
    margin-bottom: 0px;
  }
  
  .list-style-one li:before{
    position   : absolute;
    content    : "\f058";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size  : 16px;
    left       : 0px;
    top        : 0px;
  }
  
  @-webkit-keyframes ripple {
    70% {
      -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
      box-shadow        : 0 0 0 40px rgba(255, 255, 255, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      box-shadow        : 0 0 0 0 rgba(255, 255, 255, 0);
    }
  }
  @keyframes ripple {
    70% {
      -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
      box-shadow        : 0 0 0 40px rgba(255, 255, 255, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      box-shadow        : 0 0 0 0 rgba(255, 255, 255, 0);
    }
  }
  
  .social-style-one li{
    position    : relative;
    display     : inline-block;
    float       : left;
    margin-right: 15px;
  }
  
  .social-style-one li:last-child{
    margin: 0px !important;
  }
  
  .social-style-one li a{
    position     : relative;
    display      : inline-block;
    width        : 50px;
    height       : 50px;
    line-height  : 50px;
    font-size    : 16px;
    background   : #f2f3f5;
    color        : #142441;
    text-align   : center;
    border-radius: 50%;
  }
  
  .social-style-one li a:hover{
    color: #ffffff;
  }
  
  .ml-70{
    margin-left: 70px;
  }
  
  
  /** main-footer **/
  
  .main-footer{
    position: relative;
  }
  
  .footer-top{
    position     : relative;
    padding      : 120px 0px 75px 0px;
    border-bottom: 1px solid #e3e4e6;
  }
  
  .footer-top .logo-widget .footer-logo{
    position     : relative;
    margin-bottom: 33px;
  }
  
  .footer-top .logo-widget .footer-logo .logo{
    max-width: 200px;
    width    : 100%;
  }
  
  .footer-top .logo-widget .footer-logo .logo img{
    width: 100%;
  }
  
  .footer-top .logo-widget .text p{
    margin-bottom: 13px;
  }
  
  .footer-top .logo-widget .text .info li{
    position     : relative;
    display      : block;
    margin-bottom: 10px;
    padding-left : 34px;
    font-size    : 16px;
    line-height  : 30px;
    color        : #142441;
  }
  
  .footer-top .logo-widget .text .info li:last-child{
    margin-bottom: 0px;
  }
  
  .footer-top .logo-widget .text .info li a{
    font-family: 'Open Sans', sans-serif;
  }
  
  .footer-top .logo-widget .text .info li i{
    position   : absolute;
    left       : 0px;
    top        : 0px;
    font-size  : 20px;
    line-height: 30px;
  }
  
  .footer-top .logo-widget{
    position  : relative;
    margin-top: -18px;
  }
  
  .footer-top p,
  .footer-top a{
    color      : #142441;
    font-weight: 500;
  }
  
  .footer-top p{
    line-height: 30px;
  }
  
  .footer-top .widget-title{
    position     : relative;
    display      : block;
    margin-bottom: 39px;
  }
  
  .footer-top .widget-title h4{
    font-size  : 20px;
    line-height: 26px;
    font-weight: 700;
  }
  
  .footer-top .post-widget .post h5{
    display      : block;
    font-size    : 17px;
    line-height  : 20px;
    font-weight  : 500;
    margin-bottom: 6px;
  }
  
  .footer-top .post-widget .post .post-date{
    position   : relative;
    display    : block;
    font-size  : 14px;
    line-height: 24px;
  }
  
  .footer-top .post-widget .post{
    position     : relative;
    display      : block;
    margin-bottom: 12px;
  }
  
  .footer-top .post-widget .post:last-child{
    margin-bottom: 0px;
  }
  
  .footer-top .links-widget .links-list li{
    position     : relative;
    display      : block;
    margin-bottom: 10px;
  }
  
  .footer-top .links-widget .links-list li:last-child{
    margin-bottom: 0px;
  }
  
  .footer-top .links-widget .links-list li a{
    position : relative;
    font-size: 16px;
    display  : inline-block;
  }
  
  .footer-top .links-widget .links-list li a:before{
    position  : absolute;
    content   : '';
    width     : 0%;
    height    : 1px;
    left      : 0px;
    bottom    : 4px;
    transition: all 500ms ease;
  }
  
  .footer-top .links-widget .links-list li a:hover:before{
    width: 100%;
  }
  
  .footer-top .subscribe-widget .widget-content p{
    margin-bottom: 38px;
  }
  
  .footer-top .subscribe-widget .widget-content .subscribe-form .form-group{
    position     : relative;
    border-radius: 30px;
    overflow     : hidden;
    margin-bottom: 0px;
    box-shadow   : 0 10px 30px #daedec;
  }
  
  .footer-top .subscribe-widget .widget-content .subscribe-form .form-group input[type='email']{
    position     : relative;
    display      : block;
    width        : 100%;
    height       : 60px;
    background   : #fff;
    border       : 1px solid #fff;
    border-radius: 30px;
    padding      : 10px 80px 10px 30px;
    font-size    : 16px;
    color        : #808080;
    transition   : all 500ms ease;
  }
  
  .footer-top .subscribe-widget .widget-content .subscribe-form .form-group button{
    position   : absolute;
    top        : 0px;
    right      : 0px;
    width      : 60px;
    line-height: 60px;
    line-height: 60px;
    font-size  : 20px;
    color      : #fff;
    text-align : center;
    cursor     : pointer;
    transition : all 500ms ease;
  }
  
  .footer-top .shape .shape-1{
    position         : absolute;
    left             : 175px;
    top              : 125px;
    width            : 93px;
    height           : 93px;
    background-repeat: no-repeat;
    z-index          : 1;
  }
  
  .footer-top .shape .shape-2{
    position         : absolute;
    right            : 90px;
    top              : 55px;
    width            : 93px;
    height           : 93px;
    background-repeat: no-repeat;
    z-index          : 1;
  }
  
  .footer-top .shape .shape-3{
    position     : absolute;
    left         : 50px;
    top          : 140px;
    background   : #fff;
    width        : 195px;
    height       : 195px;
    border-radius: 50%;
  }
  
  .footer-top .shape .shape-4{
    position     : absolute;
    right        : 115px;
    top          : 70px;
    background   : #fff;
    width        : 195px;
    height       : 195px;
    border-radius: 50%;
  }
  
  .footer-bottom{
    position: relative;
    width   : 100%;
    padding : 34px 0px;
    padding-bottom: 0px;
  }
  
  .footer-bottom p,
  .footer-bottom a{
    font-size  : 16px;
    color      : #142441;
    font-weight: 500;
  }
  
  .footer-bottom a:hover{
  
  }
  
  
  /*** 
  
  =================================================================== = 
                          Home-Page-Two
  =================================================================== = 
  
  ***/
  
  /** header-style-two **/
  
  .header-top{
    position: relative;
    width   : 100%;
    padding : 12px 0px;
  }
  
  .header-top .social-links li h6{
    font-size   : 16px;
    color       : #fff;
    font-weight : 500;
    margin-right: 5px;
  }
  
  .header-top .social-links li a{
    color: #fff;
  }
  
  .header-top .text p{
    font-size   : 15px;
    font-weight : 500;
    color       : #fff;
    padding-left: 29px;
  }
  
  .header-top .text p i{
    position   : absolute;
    font-size  : 20px;
    line-height: 26px;
    left       : 0px;
    top        : 0px;
  }
  
  .header-upper-two{
    background: #f2fafa;
  }
  
  .header-upper-two .info-box{
    position      : relative;
    display       : flex;
    align-items   : center;
    padding-top   : 30px;
    padding-bottom: 33px;
  }
  
  .header-upper-two .info-box li{
    position    : relative;
    display     : inline-block;
    float       : left;
    margin-right: 80px;
    padding-left: 53px;
  }
  
  .header-upper-two .info-box li:last-child{
    margin : 0px !important;
    padding: 0px;
  }
  
  .header-upper-two .info-box li i{
    position   : absolute;
    left       : 0px;
    top        : 10px;
    font-size  : 30px;
    line-height: 30px;
  }
  
  .header-upper-two .info-box li h5{
    display      : block;
    font-size    : 18px;
    line-height  : 24px;
    font-weight  : 700;
    margin-bottom: 2px;
  }
  
  .header-upper-two .info-box li p{
    display  : block;
    font-size: 16px;
    color    : #142441;
  }
  
  .header-upper-two .info-box li p a{
    display: inline-block;
    color  : #142441;
  }
  
  .header-upper-two .info-box .theme-btn-one{
    padding: 12px 43px 13px 43px;
  }
  
  .header-top{
    background: #142941;
  }
  
  .main-header.style-two .menu-right-content{
    position  : relative;
    margin-top: 23px;
  }
  
  .main-header.style-two .menu-right-content li{
    position    : relative;
    display     : inline-block;
    margin-right: 25px;
  }
  
  .main-header.style-two .menu-right-content li:last-child{
    margin: 0px !important;
  }
  
  .main-header.style-two .menu-right-content li button{
    font-size  : 22px;
    color      : #142441;
    font-weight: 700;
    cursor     : pointer;
    transition : all 500ms ease;
  }
  
  .main-header.style-two .main-menu .navigation > li{
    padding: 20px 0px;
  }
  
  
  /** xs-sidebar **/
  
  .xs-sidebar-group .xs-overlay{
    left              : 0%;
    top               : 0;
    position          : fixed;
    height            : 100%;
    opacity           : 0;
    width             : 100%;
    visibility        : hidden;
    -webkit-transition: all .4s ease-in .8s;
    -o-transition     : all .4s ease-in .8s;
    transition        : all .4s ease-in .8s;
    cursor            : url(../images/icons/cross-out.png),
    pointer; 
    z-index: 999999;
  }
  
  .xs-sidebar-group.isActive .xs-overlay{
    opacity           : .9;
    visibility        : visible;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition     : all .8s ease-out 0s;
    transition        : all .8s ease-out 0s;
    right             : 100%;
  }
  
  .xs-sidebar-group .widget-heading{
    position: absolute;
    top     : 0;
    right   : 0;
    padding : 25px;
  }
  
  .xs-sidebar-widget{
    position                  : fixed;
    left                      : -100%;
    top                       : 0;
    bottom                    : 0;
    width                     : 100%;
    max-width                 : 360px;
    z-index                   : 999999;
    overflow                  : hidden;
    overflow-y                : auto;
    -webkit-overflow-scrolling: touch;
    background-color          : #142941;
    -webkit-transition        : all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -o-transition             : all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition                : all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    visibility                : hidden;
    opacity                   : 0;
  }
  
  .xs-sidebar-group.isActive .xs-sidebar-widget{
    opacity           : 1;
    visibility        : visible;
    left              : 0;
    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    -o-transition     : all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition        : all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  }
  
  .sidebar-textwidget{
    padding: 100px 30px;
  }
  
  .sidebar-widget-container{
    position                   : relative;
    top                        : 150px;
    opacity                    : 0;
    visibility                 : hidden;
    -webkit-transition         : all .3s ease-in .3s;
    -o-transition              : all .3s ease-in .3s;
    transition                 : all .3s ease-in .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
  }
  
  .xs-sidebar-group.isActive .sidebar-widget-container{
    top                        : 0px;
    opacity                    : 1;
    visibility                 : visible;
    -webkit-transition         : all 1s ease-out 1.2s;
    -o-transition              : all 1s ease-out 1.2s;
    transition                 : all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
  }
  
  .xs-overlay{
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 100%;
    opacity : .5;
    z-index : 0;
  }
  
  .xs-bg-black{
    background: #070719;
  }
  
  .xs-menu-tools>li{
    display     : inline-block;
    margin-right: 15px;
  }
  
  .xs-menu-tools>li:last-child{
    margin-right: 0;
  }
  
  .xs-menu-tools>li>a{
    color          : #000000;
    text-decoration: none;
  }
  
  .sidebar-info-contents{
    position: relative;
  }
  
  .close-side-widget{
    position          : relative;
    color             : #fff;
    font-size         : 24px;
    -webkit-transition: all 0.5s ease;
    -moz-transition   : all 0.5s ease;
    -ms-transition    : all 0.5s ease;
    -o-transition     : all 0.5s ease;
    transition        : all 0.5s ease;
  }
  
  .sidebar-info-contents .content-inner{
    position: relative;
  }
  
  .sidebar-info-contents .content-inner .logo {
    padding: 0px 0px 40px;
  }
  
  .sidebar-info-contents .content-inner .logo img{
    display  : inline-block;
    max-width: 200px;
    height: 57px;
  }
  
  .sidebar-info-contents .content-inner .content-box{
    position: relative;
  }
  
  .sidebar-info-contents .content-inner .content-box h4{
    position     : relative;
    font-size    : 20px;
    color        : #fff;
    font-weight  : 700;
    margin-bottom: 20px;
  }
  
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group{
    position     : relative;
    margin-bottom: 20px;
  }
  
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group:last-child{
    margin-bottom: 0px;
  }
  
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group input[type='text'],
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group input[type='email'],
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group textarea{
    position     : relative;
    display      : block;
    width        : 100%;
    height       : 50px;
    background   : transparent;
    font-size    : 15px;
    border       : 1px solid rgba(255,255,255,0.2);
    border-radius: 5px;
    padding      : 10px 20px;
    color        : #ffffff;
    transition   : all 500ms ease;
  }
  
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group input::-webkit-input-placeholder{
    color: #fff;
  }
  
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group textarea::-webkit-input-placeholder{
    color: #fff;
  }
  
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group textarea{
    resize: none;
    height: 120px;
  }
  
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group input   : focus,
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group textarea: focus{
  
  }
  
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group button{
    position      : relative;
    display       : inline-block;
    font-size     : 14px;
    line-height   : 25px;
    font-weight   : 700;
    color         : #fff;
    border-radius : 0px;
    text-align    : center;
    padding       : 15px 38px;
    text-transform: uppercase;
    z-index       : 1;
    transition    : all 500ms ease;
  }
  
  .sidebar-info-contents .content-inner .content-box .booking-form .form-group button:hover{
    background: #ffffff;
  }
  
  .sidebar-info-contents .content-inner .contact-info{
    position  : relative;
    margin-top: 60px;
  }
  
  .sidebar-info-contents .content-inner .contact-info ul li{
    position     : relative;
    display      : block;
    font-size    : 15px;
    color        : #ccc;
    margin-bottom: 3px;
  }
  
  .sidebar-info-contents .content-inner .contact-info ul li a{
    color: #ccc;
  }
  .sidebar-info-contents .content-inner .contact-info h4{
    position     : relative;
    font-size    : 20px;
    color        : #fff;
    font-weight  : 700;
    margin-bottom: 20px;
  }
  
  .sidebar-info-contents .content-inner .social-box{
    position     : relative;
    margin-top   : 20px;
    margin-bottom: 30px;
  }
  
  .sidebar-info-contents .content-inner .social-box li{
    position          : relative;
    display           : inline-block;
    margin-right      : 6px;
    transition        : all 900ms ease;
    -moz-transition   : all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition    : all 900ms ease;
    -o-transition     : all 900ms ease;
  }
  
  .sidebar-info-contents .content-inner .social-box li a{
    position          : relative;
    width             : 36px;
    height            : 36px;
    color             : #ccc;
    z-index           : 1;
    font-size         : 13px;
    line-height       : 36px;
    text-align        : center;
    border-radius     : 50%;
    display           : inline-block;
    background        : transparent;
    border            : 1px solid #ededed;
    -webkit-transition: all 300ms ease;
    -moz-transition   : all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    transition        : all 300ms ease;
  }
  
  .sidebar-info-contents .content-inner .social-box li a:hover{
    color: #fff;
  }
  
  h4{
    display    : block;
    font-size  : 20px;
    line-height: 26px;
    font-weight: 700;
  }
  
  h4 a{
    display: inline-block;
    color  : #142441;
  }
  
  /*** 
  
  =================================================================== = 
                          Home-Page-Three
  =================================================================== = 
  
  ***/
  
  .main-header.style-three .header-lower{
    position: relative;
  }
  
  .main-header.style-three .header-lower .pattern-layer{
    position           : absolute;
    left               : 0px;
    top                : 0px;
    width              : 100%;
    height             : 120px;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: bottom center;
  }
  
  .main-header.style-three .social-links{
    position    : relative;
    top         : -4px;
    margin-right: 33px;
  }
  
  .main-header.style-three .social-links:before{
    position  : absolute;
    content   : '';
    background: #ebedf0;
    width     : 1px;
    height    : 46px;
    top       : -9px;
    right     : -33px;
  }
  
  .accordion-box .block{
    position     : relative;
    display      : block;
    width        : 100%;
    box-shadow   : 0 10px 40px rgb(0 0 0 / 10%);
    border-radius: 10px;
    overflow     : hidden;
    transition   : all 500ms ease;
    margin-bottom: 30px;
  }
  
  .accordion-box .block:last-child{
    margin-bottom: 0px;
  }
  
  .accordion-box .block .acc-content.current{
    display: block;
  }
  
  .accordion-box .block .acc-btn{
    position  : relative;
    display   : block;
    padding   : 31px 80px 33px 30px;
    background: #ffffff;
    cursor    : pointer;
    transition: all 500ms ease;
  }
  
  .accordion-box .block .acc-btn.active{
    padding-bottom: 15px;
  }
  
  .accordion-box .block .acc-btn h5{
    font-size  : 18px;
    line-height: 26px;
    font-weight: 700;
    transition : all 500ms ease;
  }
  
  .accordion-box .block .acc-btn.active h5{
    color: #fff;
  }
  
  .accordion-box .block .acc-btn .icon-outer{
    position   : absolute;
    display    : inline-block;
    top        : 27px;
    right      : 18px;
    font-size  : 15px;
    width      : 35px;
    height     : 35px;
    line-height: 37px;
    font-weight: 700;
    color      : #142441;
    text-align : center;
    cursor     : pointer;
    transition : all 500ms ease;
    z-index    : 1;
  }
  
  .accordion-box .block .acc-btn.active .icon-outer i:before{
    font-family: 'icomoon';
    content    : "\e92f";
  }
  
  .accordion-box .block .acc-content{
    position: relative;
    display : none;
    padding : 0px 30px 44px 30px;
  }
  
  .accordion-box .block .acc-content p{
    line-height: 28px;
  }
  
  .main-footer.alternat-2{
    position   : relative;
    padding-top: 144px;
  }
  
  .main-footer.alternat-2 .pattern-layer{
    position           : absolute;
    left               : 0px;
    top                : -45px;
    width              : 100%;
    height             : 45px;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: top center;
  }
  
  
  /*** 
  
  =================================================================== = 
                          Home-Page-Four
  =================================================================== = 
  
  ***/
  
  
  /** header-style-four **/
  
  .main-header.style-four{
    position  : absolute;
    left      : 0px;
    top       : 0px;
    width     : 100%;
    background: transparent;
    padding   : 0px 70px;
  }
  
  .main-header.style-four .header-lower .outer-box{
    position       : relative;
    display        : flex;
    flex-wrap      : wrap;
    align-items    : center;
    justify-content: space-between;
  }
  
  .main-header.style-four .header-lower .logo-box{
    padding-right : 0px;
    padding-top   : 24px;
    padding-bottom: 24px;
  }
  
  .main-header.style-four .menu-right-content li{
    position: relative;
    display : inline-block;
    float   : left;
  }
  
  .main-header.style-four .menu-right-content li.search-btn{
    margin-right: 39px;
    margin-top  : 13px;
  }
  
  .main-header.style-four .menu-right-content li.search-btn button{
    color     : #142441;
    font-size : 22px;
    transition: all 500ms ease;
  }
  
  .main-header.style-four .header-lower .main-menu .navigation > li{
    padding: 38px 0px;
  }
  
  .main-header.style-four .menu-right-content li .theme-btn-one{
    padding: 12px 43px 13px 43px;
  }
  
  .main-header.style-four .menu-right-content{
    padding-top: 7px;
  }
  
  
  
  
  .tabs-box .tab{
    position          : relative;
    display           : none;
    transition        : all 900ms ease;
    -moz-transition   : all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition    : all 900ms ease;
    -o-transition     : all 900ms ease;
  }
  
  .tabs-box .tab.active-tab{
    display: block;
  }
  
  .tabs-box .tab{
    transform: scale(0.9,0.9) translateY(0px);
  }
  
  .tabs-box .tab.active-tab{
    transform: scale(1) translateY(0px);
  }
  
  @-webkit-keyframes shine {
    100% {
      left: 125%;
    }
  }
  
  @keyframes shine {
    100% {
      left: 125%;
    }
  }
  
  
  /*** 
  
  =================================================================== = 
                          Home-Page-Five
  =================================================================== = 
  
  ***/
  
  /** header-style-five **/
  
  .main-header.style-five .header-lower .main-menu .navigation > li > a{
    color: #fff;
  }
  
  .main-header.style-five .header-lower .menu-right-content li.search-btn button{
    color: #fff;
  }
  
  
  .bg-color-4{
    background: #06194b;
  }
  
  .three-item-carousel .team-block-one .inner-box .image-box:before{
    z-index: 1;
  }
  
  .three-item-carousel .team-block-one .inner-box .image-box .social-style-one{
    z-index: 1;
  }
  
  .main-header.style-two .logo-box{
    padding-right: 0px;
  }
  
  
  
  /*** 
  
  =================================================================== = 
                          About-Page
  =================================================================== = 
  
  ***/
  
  /** page-title **/
  
  .page-title{
    position           : relative;
    width              : 100%;
    padding            : 112px 0px 137px 0px;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center;
  }
  
  .page-title:before{
    position  : absolute;
    content   : '';
    background: #142941;
    width     : 100%;
    height    : 100%;
    left      : 0px;
    top       : 0px;
    right     : 0px;
    opacity   : 0.92;
  }
  
  .page-title .title{
    position     : relative;
    display      : block;
    margin-bottom: 5px;
  }
  
  .page-title .title h1{
    display    : block;
    font-size  : 50px;
    line-height: 58px;
    color      : #fff;
    font-weight: 800;
  }
  .page-title .title h4{
    display    : block;
    font-size  : 20px;
    line-height: 28px;
    color      : #fff;
    font-weight: 500;
  }
  .page-title .bread-crumb li{
    position     : relative;
    display      : inline-block;
    font-size    : 16px;
    line-height  : 26px;
    font-family  : 'Barlow', sans-serif;
    color        : #fff;
    font-weight  : 600;
    padding-right: 15px;
    margin-right : 10px;
  }
  
  .page-title .bread-crumb li:last-child{
    padding: 0px !important;
    margin : 0px !important;
  }
  
  .page-title .bread-crumb li a{
    display: inline-block;
    color  : #fff;
  }
  
  .page-title .bread-crumb li a:hover{
    text-decoration: underline;
  }
  
  .page-title .bread-crumb li:before{
    position  : absolute;
    content   : '';
    background: #fff;
    width     : 4px;
    height    : 1px;
    top       : 14px;
    right     : 0px;
  }
  
  .page-title .bread-crumb li:last-child:before{
    display: none;
  }
  
  .page-title .content-box{
    position: relative;
    display : block;
  }
  
  .page-title .content-box .shape{
    position           : absolute;
    left               : 0px;
    top                : -30px;
    width              : 100%;
    height             : 172px;
    margin             : 0 auto;
    background-repeat  : no-repeat;
    background-position: top center;
  }
  
  .default-form .form-group{
    position     : relative;
    margin-bottom: 23px;
  }
  
  .default-form .form-group:last-child{
    margin-bottom: 0px;
  }
  
  .default-form .form-group label{
    position     : relative;
    display      : block;
    font-size    : 16px;
    color        : #222;
    margin-bottom: 8px;
  }
  
  .default-form .form-group input[type='text'],
  .default-form .form-group input[type='email'],
  .default-form .form-group textarea{
    position     : relative;
    display      : block;
    width        : 100%;
    height       : 54px;
    border       : 1px solid #e5e5e5;
    border-radius: 5px;
    font-size    : 16px;
    color        : #8b8e93;
    padding      : 10px 20px;
    transition   : all 500ms ease;
  }
  
  .default-form .form-group textarea{
    height: 150px;
    resize: none;
  }
  
  .default-form .form-group input   : focus,
  .default-form .form-group textarea: focus{
  
  }
  
  
  /*** 
  
  =================================================================== = 
                          Contact-Page
  =================================================================== = 
  
  ***/
  
  .google-map-section{
    position: relative;
    width   : 100%;
  }
  
  .google-map-section #gmap_canvas{
    position: relative;
    width   : 100%;
    height  : 500px;
  }
  
  .google-map-section .info-section .info-inner{
    position     : relative;
    background   : #06194b;
    border-radius: 20px;
    padding      : 69px 30px 52px 100px;
    margin-top   : -105px;
    z-index      : 1;
  }
  
  .google-map-section .info-section .info-inner .single-info-box{
    position    : relative;
    display     : inline-block;
    float       : left;
    width       : 33.333%;
    padding-left: 95px;
  }
  
  .google-map-section .info-section .info-inner .single-info-box .icon-box{
    position     : absolute;
    left         : 0px;
    top          : 0px;
    width        : 70px;
    height       : 70px;
    line-height  : 70px;
    text-align   : center;
    font-size    : 30px;
    background   : rgba(255,255,255,0.12);
    border-radius: 50%;
  }
  
  .google-map-section .info-section .info-inner .single-info-box h4{
    color        : #fff;
    margin-bottom: 11px;
  }
  
  .google-map-section .info-section .info-inner .single-info-box p,
  .google-map-section .info-section .info-inner .single-info-box a{
    color: #b5bac9;
  }
  
  .contact-style-two .default-form .form-group{
    margin-bottom: 30px;
  }
  
  .contact-style-two .default-form .form-group:last-child{
    margin-bottom: 0px;
  }
  
  .four-item-carousel .team-block-one .inner-box .image-box:before{
    z-index: 1;
  }
  
  /*** 
  
  =================================================================== = 
                          search not found - Page
  =================================================================== = 
  
  ***/
  
  .nothing-found-search{
    max-width: 400px;
  }
  .mar-bt-30 {
    margin-bottom: 30px;
  }
  .wpcf7 .subscribe-form .ajax-loader {
    display: none;
  }
  .testimonial-section.testimonial-page.alternat-3 .inner-content {
    margin: 0px !important;
  }
  ul.bread-crumb.clearfix a,
  ul.bread-crumb.clearfix {
    color: #fff;
    position: relative;
  }
  header.main-header.style-one {
    background-color: #f3f6fd;
  
  }
  .page-title.blog-single-breadcrumb .content-box .shape,
  .page-title.tribe_events-single-breadcrumb .content-box .shape {
    display: none;
  }
  
  
  /*** 
  
  =================================================================== = 
                          Custom Footer
  =================================================================== = 
  
  ***/
  
  .footer-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      max-width: 100%;
	  background-color: #F3F6FD;
  }
  
  .info-col {
      display: flex;
      flex-direction: column;
      max-width: calc(33% - 20px);
      text-align: left;
	  background-color: #F3F6FD;
  }
  
  .info-col p {
      color: gray;
      margin-top: 5px;
      margin-bottom: 10px;
      font-size: 12px;
      font-weight: 400;
  }
  
  .info-col h4 {
      color: #273882;
      margin-bottom: 25px;
  }
  
  .info-col ul li {
      color: #323590;
      font-weight: 700;
  }
  
  .logo-footer {
      max-width: 110px; 
      max-height: 50px;
      margin-bottom: 10px;
  }
  
  .social-links-footer {
      display: flex;
      flex-direction: row;
  }
  
  .social-links-footer li{
      margin-right: 20px;	
  }
  
  .social-links-footer li a i {
      color: #293491;
  }
  
  .page-content {
      display: flex; 
      flex: 1;
      margin: 0 auto;
	  margin-top: 50px;
  }
  
  .teachpress_pub_list {
    margin: 50px auto;
    max-width: 65%;
    margin-bottom: 0px;
  }
 
  .links_pubs a{
      color: gray;
      margin-right: 10px;
  }
  
  .rg_info {
      margin-left: 50px;
      margin-right: 50px;
  }