/***************************
                DEFAULT
    ****************************/
    body{
        margin:0;
        overflow-x:hidden !important;
        font-family: 'Poppins', sans-serif;
    }
    
    .title{
        color:#FFFFFF;
    }
    
    .flex, .fixed_flex{
        display:flex;
    }
    
    .flex-content{
        width:100%;
        position:relative;
    }
    
    .padding_1x{
        padding:1rem;
    }
    
    .padding_2x{
        padding:2rem;
    }
    
    .padding_3x{
        padding:3rem;
    }
    
    .padding_4x{
        padding:4rem;
    }
    
    /***************************
                   FOOTER
    ****************************/
    footer{
        background-color:#2d2d2c;
        color:var(--lite);
    }
    
    footer h3{
        color:#FFFFFF;
        margin-bottom:1rem;
        margin-top:1.5rem;
    }
    
    footer a{
        color:#FFFFFF;
        display:block;
        margin:7px 0;
    }
    
    footer a:hover{
        color:#f97126;
    }
    
    footer fieldset{
        padding:0;
    }
    
    footer fieldset input{
        background-color:#FFFFFF;
        border:0;
        color:#FFFFFF;
        padding:1rem;
    }
    
    footer .flex:last-child{
        align-items:center;
    }
    
    footer .flex:last-child .flex-content:last-child{
        text-align:right;
    }
    
    footer .flex:last-child p{
        color:var(--white);
    }
    
    footer .flex:last-child a{
        width:40px;
        display:inline-block;
        background-color:#334f6c;
        color:var(--white);
        padding:0.5rem;
        margin-right:3px;
        text-align:center;
    }
    
    footer .flex:last-child a:hover{
        background-color:var(--secondary);
        color:#FFFFFF;
    }
    
    @media (max-width:1100px){
        footer .flex:first-child{
            flex-wrap:wrap;
        }
        
        footer .flex:first-child .flex-content{
            flex: 2 1 84%;
            margin-top: -16px;
        }
    }
    
    @media (max-width:920px){
        footer .flex:last-child .flex-content:last-child{
            text-align:left;
        }
    }
    
    @media (max-width:320px){
        footer .flex:first-child .flex-content{
            flex:1 1 100%;
        }
    }
    
        * {
      box-sizing: border-box;
    }
    
     .social-icons
    {
      padding-left:0;
      margin-bottom:0;
      list-style:none
    }
    .social-icons li
    {
      display:inline-block;
      margin-bottom:4px
    }
    .social-icons li.title
    {
      margin-right:15px;
      text-transform:uppercase;
      color:#96a2b2;
      font-weight:700;
      font-size:13px
    }
    .social-icons a{
      background-color:#eceeef;
      color:#818a91;
      font-size:16px;
      display:inline-block;
      line-height:34px;
      width:34px;
      height:34px;
      text-align:center;
      margin-right:8px;
      border-radius:100%;
      -webkit-transition:all .2s linear;
      -o-transition:all .2s linear;
      transition:all .2s linear
    }
    .social-icons a:active,.social-icons a:focus,.social-icons a:hover
    {
      color:#fff;
      background-color:#f97126
    }
    .social-icons.size-sm a
    {
      line-height:14px;
      height:5px;
      width:5px;
      font-size:5px
    }
    .social-icons a.facebook:hover
    {
      background-color:#f97126
    }
    .social-icons a.twitter:hover
    {
      background-color:#f97126
    }
    .social-icons a.linkedin:hover
    {
      background-color:#f97126
    }
    .social-icons a.dribbble:hover
    {
      background-color:#f97126
    }
    @media (max-width:767px)
    {
      .social-icons li.title
      {
        display:block;
        margin-right:0;
        font-weight:600
      }
    }
    
    @media (max-width: 600px) {
    h4{
      font-size:14px;
    }
    a{
      font-size:12px;
    }
  }