body {
    font-family:Droid Arabic Kufi;
}
  .navesbares-container {
    /*margin-top: 16px;
    margin-top: 1rem;*/
    margin-left: 80px;
    margin-right: 0px;
}
  .sp-main-menu-toggler.btn {
    padding: 7px 10px;
    /*background: #189c65;*/
     /*background: #ccc;*/
     background:#ffffe0cf;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-image: none;
    border: 0 !important;
    /*left: 350px;*/
    top: 7px;
    position:absolute;
     color:black;
    margin-left:5px;
}
  .tsi a {
  margin: 2px 7px 0 0;
  display: inline-block;
}
.tsi a i {
  font-size: 12px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  display: inline-block !important;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.tsi a i.icon-facebook {
  color: #5d82d1;
  border: 1px solid #5d82d1;
}
.tsi a i.icon-twitter {
  color: #70c2e9;
  border: 1px solid #70c2e9;
}
.tsi a i.icon-google-plus {
  color: #eb5e4c;
  border: 1px solid #eb5e4c;
}
.tsi a i.icon-youtube {
  color: #9d261d;
  border: 1px solid #9d261d;
}
.tsi a i.icon-linkedin {
  color: #e9aa02;
  border: 1px solid #e9aa02;
}
.tsi a i.icon-rss{
  color: #077019;
  border: 1px solid #077019;
}
.tsi a:hover i {
  border: 1px solid rgba(0,0,0,0.1);
  color: #fff;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.tsi a:hover i.icon-facebook {
  background: #5d82d1;
}
.tsi a:hover i.icon-rss {
  background: #077019;
}
.tsi a:hover i.icon-twitter {
  background: #70c2e9;
}
.tsi a:hover i.icon-google-plus {
  background: #eb5e4c;
}
.tsi a:hover i.icon-youtube {
  background: #9d261d;
}
.tsi a:hover i.icon-linkedin {
  background: #e9aa02;
}
.top-social-icons a {
  margin: 2px 7px 0 0;
  display: inline-block;
}
.top-social-icons a i {
  font-size: 12px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 5px;
  vertical-align: middle;
  /*text-align: center;*/
  /*display: inline-block !important;*/
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.top-social-icons a i.icon-facebook {
  color: white;
    /*border: 1px solid yellow;*/
    /*background: #7d7d4dcf;*/
}
.top-social-icons a i.icon-twitter {
  color: white;
    /*border: 1px solid yellow;*/
    /*background: #7d7d4dcf;*/
}
.top-social-icons a i.icon-google-plus {
  color: white;
    /*border: 1px solid yellow;*/
    /*background: #7d7d4dcf;*/
}
.top-social-icons a i.icon-youtube {
  color: white;
   /**/ /*border: 1px solid yellow;*/
    /*background: #7d7d4dcf;*/
}
.top-social-icons a i.icon-linkedin {
  color: white;
    /*border: 1px solid yellow;*/
    /*background: #7d7d4dcf;*/
}
.top-social-icons a i.icon-linkedinar {
  color: white;
    /*border: 1px solid yellow;*/
    /*background: #7d7d4dcf;*/
}
.top-social-icons a i.icon-rss{
   color: white;
    /*border: 1px solid yellow;*/
    /*background: #7d7d4dcf;*/
   
}
.top-social-icons a:hover i {
  border: 1px solid rgba(0,0,0,0.1);
  color: #fff;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.top-social-icons a:hover i.icon-facebook {
  background: #5d82d1;
}
.top-social-icons a:hover i.icon-rss {
  background: #077019;
}
.top-social-icons a:hover i.icon-twitter {
  background: #70c2e9;
}
.top-social-icons a:hover i.icon-google-plus {
  background: #eb5e4c;
}
.top-social-icons a:hover i.icon-youtube {
  background: #9d261d;
}
.top-social-icons a:hover i.icon-linkedin {
  background: #e9aa02;
}
.top-social-icons a:hover i.icon-linkedinar {
  background: #e9aa02;
}

  .navesbares {
    position: relative;
    padding: 0;
    z-index: 500;
}
  .navesbares:before, .navesbares:after {
    content: " ";
    display: table;
}
  *, *:before, *:after {
    box-sizing: inherit;
}
  .naves {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: 0;
}
  
  .top-naves:before, .top-naves:after {
    content: " ";
    display: table;
}
  .top-naves:after {
    clear: both;
} 
  /*.top-naves {
    background-color: #fdc513;
    margin-top: 0;
    height: 45px;
}*/
  .navesbares:after {
    clear: both;
}
  .bottom-naves:before, .bottom-naves:after {
    content: " ";
    display: table;
}
  
   .collapse-toggle {
    text-indent: -10000px;
    display: none;
} 
.opened .split-menu-container, .expanding-items .opened.main-menu-level-3 .menu {
    max-height: 10000px;
    transition: max-height .3s ease-in;
    background: darkgoldenrod;
    margin: 0;
    text-align:right;
    /*padding: 0 16px;*/
    padding: 0 1rem;
    float: right;
    width: 250px;
}
   .bottom-naves li {
    margin: 0;
    padding-left: 2px;
    font-size: 12px;
}
   .main-menu-level-1:not(.expanding-items) .main-menu-level-3 > a {
    padding: 1px;
    float: right !important;
    /* padding: 5px; */
    margin: 0;
    height: auto;
}
   *, *:before, *:after {
    box-sizing: inherit;
    /*position:sticky;*/
}
   .split-menu-container, .expanding-items .main-menu-level-3 .menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height .15s ease-out;
}
   .bottom-naves .main-menu-level-1>.naves-link:hover {
    background: rgb(32, 74, 150)!important;
    color: yellow;
}
   .main-menu-level-1:hover, .main-menu-level-3 > a:hover {
    background: rgb(32, 74, 150)!important;
     color: yellow;
}
   :not(.expanding-items).main-menu-level-1 .main-menu-level-3 > a:hover {
    background: rgb(32, 74, 150)!important;
    color: yellow;
}
.main-menu-level-1:hover, .main-menu-level-3 > a:hover {
    background: rgb(32, 74, 150)!important;
    /*background-color:#fdc513;*/
    color: yellow;
}
.main-menu-level-4 > a {
    background-color: darkgoldenrod;
    color:floralwhite;
}
.main-menu-level-4 > a:hover {
    background: rgb(32, 74, 150)!important;
    color: yellow;
}

.bottom-naves .expanding-items .opened > a {
    background: rgb(32, 74, 150)!important;
}



.main-menu-level-1:not(.expanding-items) .main-menu-level-3 > a {
    padding: 1px;
    float: right !important;
    /* padding: 5px; */
    margin: 0;
    height: auto;
}

e-curated-content-wrapper, .e-curated-content-2-wrapper {
    padding-top: 48px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

section {
    display: block;
}


.main-menu-level-1:not(.expanding-items) .main-menu-level-3 > a {
    padding-left: 3px;
    float: right !important;
    color:black;
}

ul ul a {
    font-size: 0.89em !important;
    padding-left: 5px !important;
     color: black;
    text-transform: uppercase;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
/*.top-naves {
    font-size: 12px;
    padding: 9px 15px 9px 20px;
    background: rgba(0,0,0,.6);
    color: #fff;
}*/

                        
     
                        /*.main-menu-level-1 > .menu li a:hover {
                                background-color: white;
                            }*/
                        
                        .follow-us-icons {
    padding-top: 3px;
}
.navesbares-naves-mobile-bottom .follow-us-icons svg {
    width: 20px;
    height: 20px;
}
/*.top-naves .navesbares-toggler button {
    text-indent: -9999px;
    height: 30px;
    width: 30px;
    background: #000 url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M.14.695h15.72v3.23H.14zm0%205.69h15.72v3.23H.14zm0%205.69h15.72v3.23H.14z%22%20fill%3D%22%23fdc513%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
    background-size: 50%;
    padding: 32px;
    line-height: 0;
    border: 1px solid #000;
    margin-top: -13px;
    margin-bottom: -13px;
    margin-right: -20px;
}*/
 


 .top-naves .naves-link, .top-naves .naves-text {
       display: inline-block;
    padding: 0;
 
}
    .top-naves .naves-link, .top-naves .naves-text {
    display: inline-block;
    padding: 0;
    height: 24px;
    line-height: 2;
}
   
    .bottom-naves {
    position: fixed;
    background-color: #fff;
}
    
    /*#main-menu>li:first-child {
    padding-left: 0;
    border-left: 5px solid #fff;
}*/
    .bottom-naves .main-menu-level-1 {
    /*padding-left: .5rem;*/
    text-transform: uppercase;
    font-size: 12px;
}
    


    /*.bottom-naves>ul>li {
    padding-top: 17px;
    padding-bottom: 16px;
}*/
   
    
    
  
   
    .main-menu-level-1:not(.expanding-items) .main-menu-level-2 {
    text-transform: none;
}
    .icon-search {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030.4%2030.4%22%3E%3Cstyle%3E.st0%7Bfill%3A%23444444%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2023C5.2%2023%200%2017.8%200%2011.5S5.2%200%2011.5%200%2023%205.2%2023%2011.5%2017.8%2023%2011.5%2023zm0-19C7.4%204%204%207.4%204%2011.5S7.4%2019%2011.5%2019s7.5-3.4%207.5-7.5S15.6%204%2011.5%204z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18.76%2015.868L30.5%2027.606l-2.83%202.83-11.737-11.74z%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
}
   
    
 
 
 .icon-twitter-header, .icon-facebook-header, .icon-instagram-header, .icon-youtube-header {
    width: 16px;
    height: 16px;
    fill: #fff;
}

 
.follow-us-icons {
    padding-top: 3px;
}
.top-naves svg {
    margin-right: 6px;
}

.follow-us-icons svg {
    transition: fill .15s ease-in-out;
}
.follow-us-icons>a {
    margin: 0 5px;
    display:inline-block;
}


.top-naves .navesbares-toggler {
    display: none;
}
.navesbares-naves-mobile-bottom .follow-us-icons a {
    border: none;
}
.btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}

.btn-link, .btn-link:active, .btn-link.active {
    background-color: transparent;
    box-shadow: none;
}
/*.btn-link {
    font-weight: 300;
    color: #000;
    border-radius: 0;
}*/
.icon-login-navesbares, .icon-search-navesbares {
    width: 12px;
    height: 12px;
}
.icon-volunteer-navesbares, .icon-careers-navesbares, .icon-heart-navesbares, .icon-login-navesbares, .icon-edit-navesbares, .icon-search-navesbares {
    width: 16px;
    height: 16px;
    fill: #999;
    vertical-align: middle;
}
.navesbares-naves-mobile-bottom {
    display: none;
    background: black;
    padding: 0 16px!important;
    padding: 0 1rem!important;
}
  

@media (min-width: 767px)
{
    .navesbares {
    position: absolute;
    width: 100%;
    z-index: 1000000;
     left:-60px;
}
    .bottom-naves .main-menu-level-1>.naves-link, .bottom-naves .main-menu-level-1>.naves-text {
    font-weight: 700;
    font-size: 14px;
    padding: 2px 10px;
    border-right: 1px solid #ccc;
    color: #000;
    display: inline-block;
}
    .navesbares-naves-mobile-bottom li a {
    text-transform: none;
    border: none;
    color: #fff;
    display: none;
}
   /*.mobile-top-naves {
    display: none;
}*/
    
    .top-naves a {
    color: #fff;
}
 .top-naves {
    font-size: 12px;
    padding: 13px 20px 13px 25px;
    background: rgb(32, 74, 150)!important;
    color: #fff;
}

    .navesbares-naves>.naves-item {
    float: inherit;
    white-space: nowrap;
}

    .navesbares-naves>.naves-item+.naves-item {
    margin-left: 1rem;

}
    .main-menu-level-1:not(.expanding-items)>.menu, .expanding-items .main-menu-level-2>.menu {
    width:91%;
    border: 5px solid #fff;
    border-top: none;
    background-color: snow;
    padding: 15px 56px 0;
    top: 56px;
}
    .main-menu-level-1>.menu {
    display: none;
}
       .bottom-naves li {
    margin: 0;
    padding-left: 2px;
    font-size: 12px;
}
       .main-menu-level-3 {
    border-bottom: 1px solid #ecb200;
}
       .main-menu-level-1:not(.expanding-items) ul, .expanding-items .main-menu-level-2 ul {
    list-style: none;
    padding: 0;
    float: right!important;
    width: 32%;
}
        .expanding-items .main-menu-level-3 {
        clear: both;
    }
        .expanding-items .main-menu-level-3>a {
    position: relative;
    white-space:pre-line;
    text-transform:none;
}
        .main-menu-level-3>a {
    /*font-size: 16px;*/
    font-weight: 700;
    display: block;
    line-height: 3.5;
    /*float: right;*/
}
        .bottom-naves .navesbares-naves.pull-left {
    padding: 0;
    line-height: 1.2;
    display:contents;
    padding:0px!important;
    margin:0px!important;
}
        .main-menu-level-1:hover>.menu {
    display: block;
    position: absolute;
    left: 0;
    list-style: none;
    padding-left: 0;
    top: 56px;
}
        .expanding-items .main-menu-level-3.opened>.collapse-toggle {
    background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20fill-rule%3D%22nonzero%22%20d%3D%22M0%206.872h16v2.255H0z%22%2F%3E%3C%2Fsvg%3E);
}
        .expanding-items .main-menu-level-4 {
    line-height: 2;
    padding: 0;
}
        .expanding-items .main-menu-level-4>a {
    display: block;
    padding: 4px 12px;

}
        .navesbares-naves>.naves-item+.naves-item {
    margin-left: 1rem;
}
         .bottom-naves .navesbares-naves.pull-left .main-menu-level-1+.main-menu-level-1 {
    margin-left: 0;
    padding: 17px 0 16px;
}
         #main-menu>li:first-child {
    padding-left: 0;
    border-left: 5px solid #fff;
}
         .navesbares-naves>.naves-item+.naves-item {
    margin-left: 1rem;
}
         .top-naves .naves-link, .top-naves .naves-text {
       display: inline-block;
    padding: 0;
 
}
         .bottom-naves .navesbares-naves.pull-right {
    padding: 0;
}
          .bottom-naves .navesbares-naves.pull-right .btn-search {
    padding: 0 16px;
    border-left: 1px solid #ccc;
}
          .bottom-naves {
         position: absolute;
    /*margin-left: 30px;
    margin-right: 50px;*/
}
          .navesbares-naves.trailing-naves .first {
    padding-bottom: 0;
}
          .bottom-naves>ul>li {
    padding-top: 17px;
    padding-bottom: 16px;
}
          .mobile-top-naves {
    display: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: 0;
    padding-bottom: 66px;
}
            

        

       

     
}

@media (max-width: 767px)
{
    .cl {
    direction: ltr;
    float: left;
    margin-right: 0px;
     padding-top: 100px; 
    margin-left: 50px;
}
    .top-social-icons a {
  margin: 2px 7px 0 0;
  display: none;
}
    .navesbares {
    position: fixed;
    padding: 0;
    z-index: 500;
    top: 0;
    left: 0;
    height: 66px;
    z-index: 10000000;
    width: 100%;
    transition: width .4s ease-in-out;
}
        .navesbares-container {
    display: block!important;
    margin: 0;
    position: relative;
    border-bottom: 2px solid #f6f6f6;
}
        .navesbares-naves-mobile-bottom {
    display: inline-block;
    background: black;
    padding: 0 16px!important;
    padding: 0 1rem!important;
}
        .navesbares-naves-mobile-bottom li a {
    text-transform: none;
    border: none;
    color: #fff;
    display: inline-block;
}
       
        
        .opened>.collapse-toggle {
    background-color: green;
    transform: rotate(180deg);
    height: 51px;
}
         .open-sidebar .bottom-naves, .open-sidebar .mobile-top-naves {
    display: block;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: 0;
    padding-bottom: 66px;
}
     
      

        .bottom-naves, .mobile-top-naves {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    right: -320px;
    transition: opacity .4s ease-in,right .4s ease-in-out;
}
      
        .naves-item {
    position: unset;
}  
        .bottom-naves {
    position: fixed;
    z-index: -100;
    background: rgb(32, 74, 150)!important;
    width: 250px;
    height: calc(100vh - 67px);
    box-sizing: border-box;
    overflow-y: scroll;
}
        .bottom-naves ul {
    margin: 0;
    /*padding: 0;*/
    list-style: none;
}
        .bottom-naves li.main-menu-level-1 {
    background-color: #fff;
    border-bottom: 1px solid #9b9b9b;
}
        .top-naves .navesbares-toggler button {
    text-indent: -9999px;
    /*height: 30px;
    width: 30px;*/
    background: #000 url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M.14.695h15.72v3.23H.14zm0%205.69h15.72v3.23H.14zm0%205.69h15.72v3.23H.14z%22%20fill%3D%22%23fdc513%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
    background-size: 50%;
    padding: 28px;
    line-height: 0;
    border: 1px solid #000;
    /*margin-top: -13px;*/
    margin-bottom: -13px;
    /*margin-right: -20px;*/
}

     .bottom-naves li a, .bottom-naves li>span {
    padding: 5px 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 3.2;
    height: 41px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    display: unset;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background .3s ease-in-out;
}
         .collapse-toggle {
    display: block;
    position: absolute;
    /* top: 0; */
    right: 0;
    height: 80px;
    width: 64px;
    background: #e1e1e1 url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M14.15.5l1.35%201.398L8%209.5.5%201.9%201.85.5%208%206.8l6.15-6.3V.5z%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
    background-size: 14px;
    cursor: pointer;
}
        .main-menu-level-1>.menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height .15s ease-out;
    background-color: goldenrod;
    padding: 0 1rem;
}
        .opened.main-menu-level-1>.menu {
    max-height: 5000px;
    transition: max-height .3s ease-in;
}
        .expanding-items .main-menu-level-3.opened>.collapse-toggle {
    background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20fill-rule%3D%22nonzero%22%20d%3D%22M0%206.872h16v2.255H0z%22%2F%3E%3C%2Fsvg%3E);
}
        .expanding-items .main-menu-level-3>.collapse-toggle {
    display: none;
    position: absolute;
    right: 0;
    padding: 0;
    top: 28px;
    height: 16px;
    width: 30px;
    background: transparent url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M16%209.15V6.82H9.296V0H6.674v6.82H0v2.33h6.674V16h2.622V9.15H16z%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
}
        .expanding-items .main-menu-level-3.opened .split-menu-container {
    padding: 1rem 0;
}
        .expanding-items .opened .split-menu-container {
    margin: 0 -16px;
}
        .top-naves .navesbares-toggler {
    display: block;
}
        .top-naves .naves-item .top-naves .naves-link, .top-naves .naves-text .top-naves svg {
    display: none;
}
        .top-naves .naves-link, .top-naves .naves-text {
    display: none;
    padding: 0;
    height: 24px;
    line-height: 2;
}
        .follow-us-icons>a {
    margin: 0 5px;
    display: none;
}
        .navesbares-naves-mobile-bottom {
    display: block;
}
        .navesbares-naves-mobile-bottom {
    /*display: none;*/
    background: black;
    /*padding: 0 16px!important;*/
    padding: 0 1rem!important;
}
        .trailing-naves {
    display: none;
}
        .pull-right {
    float: right!important;
    display: none;
}
        .navesbares-naves-mobile-bottom li a, .navesbares-naves-mobile-bottom li .naves-text {
    border-bottom: 1px solid #1c1c1c;
}
        .navesbares-naves-mobile-bottom li a {
    text-transform: none;
    border: none;
    color: #fff;
}
        .bottom-naves li .follow-us-icons a {
    padding: 18px 13px 0;
    height: auto;
    color: #fff;
    display: inline-block;
}
        .top-naves {
    /*background-color: #fdc513;*/
        background: rgb(32, 74, 150)!important;
    margin-top: 0;
    height: 66px;
}



}
@media (max-width: 767px) {
    .cl {
        direction: ltr;
        float: left;
        margin-right: 0px;
        padding-top: 70px;
        margin-left: 50px;
    }

    .top-social-icons a {
        margin: 2px 7px 0 0;
        display: none;
    }
}
@media (max-width: 640px) {
  /*.top-naves .navesbares-toggler button {
    top: 0;
    right: 0;
    position: absolute;
}*/
  /*.cl {
    direction: ltr;
    float: left;
    margin-right: 0px;
     padding-top: 10px; 
    margin-left: 50px;
}*/
}